@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea,input
{margin:0;padding:0;border:0;outline:none 0;vertical-align:baseline; font-weight:500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

html {font-family:Arial,"微软雅黑"; font-size: 625%;  line-height: 1.5; color: #000; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
body { font-size: .14rem; background-color:#f6f6f6; max-width: 640px; margin: 0 auto}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{vertical-align:baseline;text-decoration: none;color:#333; background: transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
/*hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}*/
input,select,img{vertical-align:middle;}
button, input, select, textarea { font-family:Arial,"微软雅黑"; font-size: 100%;}
/* a,img { -webkit-touch-callout: none;}*/
strong,b { font-weight: bold;}
i,em { font-style: normal;}
ul,ol,li,dl,dt,dd { list-style-type: none;}
img{width:100%; height:auto; border:none;}
 .david_fxfx1{ width:.23rem; }

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::-moz-outer-spin-button,input[type="number"]::-moz-inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}
input[type="number"]::outer-spin-button,input[type="number"]::inner-spin-button{-webkit-appearance: none;appearance: none;-moz-appearance:none;margin: 0;}

/* 清除浮动 */
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
/*.clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/
.clearfix { *zoom:1;}
q:before,q:after{content: ""}
.clear { clear:both;}

/* 省略号 */
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*重置*/
input,select,textarea{-webkit-appearance:none;}
input[type='checkbox']{ -webkit-appearance:checkbox;}
:-moz-placeholder { color: #c8c8c8;} 
::-webkit-input-placeholder { color:#c8c8c8;}

/*公共*/
.pr{ position:absolute; right:0; top:0;}
.pl{ position:absolute; left:0; top:0;}
.pd0{padding:0;}
.cn{ font-family:"Microsoft YaHei","Helvetica","Helvetica Neue";}
.en{ font-family:"Helvetica Neue","Helvetica";}
.fl{ float:left;}
.fr{ float:right;}
.pd12_bot{padding:.12rem .12rem 0 .12rem;}
.bg_white{background:#fff; overflow: hidden;}
.pb-100{ padding-bottom:1rem;}
.mt-12{margin-top:.12rem;}
.bord_t0{border-bottom:none;}
.b-t-ce{ border-top:1px solid #cecece;}
.mb-12{margin-bottom:.12rem;}
.bord_top{border-top:1px solid #d1d1d1;}
.pd65_b{padding-bottom:.65rem;}
.ui-content{padding:0;}
.color999{color:#999;}
.ml-12{ margin-left:0.12rem;}
.ml-24{ margin-left:0.24rem;}
.pb-12{ padding-bottom:0.12rem;}
.b-b-d1{ border-bottom:1px solid #d1d1d1;}
.b-t-e1{ border-top:1px solid #e0e0e0;}
.c-r{ color:#d00000;}
.c-6{ color:#6e6e6e;}
.f12{ font-size:.12rem;}
.f14{ font-size:.14rem;}

body.login_bg{ background:#fff }


.top{ position: fixed; z-index: 199; top: 0;    left: 50%;
    transform: translateX(-50%); background: #fff; height: .45rem; line-height: .45rem; text-align: center; width: 100%; max-width: 640px;background-image: linear-gradient(to bottom, #ffdbe2, #ffeaee); overflow: hidden;}
.top span{ color: #000000; font-size: .18rem; font-weight:bold; position:absolute; width:80%; left:10%; top:0; z-index:-1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.goback{ width: .4rem; position: absolute; left: 0; top: 0; z-index: 11 }
.goback1{ width: .4rem; position: absolute; left: 0; top: 0; z-index: 11 }
.gobacka{ width: .4rem; position: absolute; left: 0; top: 0; z-index: 11}
.tops_right{width: .18rem; position: absolute; right: .15rem; top: .13rem; z-index: 11}
.language{overflow: hidden; margin: .1rem 0 .4rem;}
.language a{ width:78%; border-radius:.35rem; height:.7rem; background-color:#f4f4f4; margin:.3rem auto 0; display:block; line-height:.7rem; color:#333333;font-size:.16rem; overflow: hidden;}
.language_left{ float:left; }
.language_left img{ width:.4rem; height:.4rem; vertical-align:top; margin:.15rem .15rem; }
.language_right{ float:right; }
.language_right img{ width:.25rem; height:.25rem; vertical-align:top; margin:.225rem .225rem 0 0 }
.language a.active{ background:#fff0f3;  color:#000000 }
.language a.active .language_left{ font-weight:bold; }
.btn{ width:78%; height:.45rem; line-height:.45rem; background-color:#ff6b8a; color:#fff; font-weight:bold; font-size:.16rem; border-radius:.5rem; text-align:center; border:none; display:block; margin:0 auto; }


.logo{  text-align: center; overflow: hidden; }
.logo img{ width: 1.3rem; vertical-align: top; margin: .62rem 0 .4rem;}

.inp{ width: 84%; height: .45rem; line-height: .45rem; background: #f4f4f4; border-radius: .4rem; margin: 0 auto .2rem; overflow: hidden; }
.inp_left{ width: .43rem; float: left; text-align: center;}
.inp_left img{ width: .19rem; height: .19rem; vertical-align: top; margin-top: .13rem;}
.inp_right{ overflow: hidden; position: relative;} 
.inp_right input{ height: .45rem; line-height: .45rem; font-size:.15rem; width: 94%; background: #f4f4f4}
.huoqu{ position: absolute; right: .1rem; top:50%; width: .8rem; padding: .06rem .04rem; text-align:center; line-height: .12rem; border: 1px solid #ff6b8a; color: #ff6b8a; font-size: .11rem; border-radius: .2rem; z-index: 666; background: #fff; transform: translateY(-50%)}
.logins{ width: 84%; height: .45rem; line-height: .45rem; margin: .3rem auto; background: #ff6b8a; color: #fff; text-align: center; font-size: .16rem; border-radius: .4rem; display: block; border:none; font-weight: bold;}
.tongs{ width: 84%; margin: 0 auto;  color: #999999; font-size: .11rem;}
.tongs img{ width:.14rem; height: .14rem; vertical-align: top; margin: .01rem .05rem 0; float: left;}
.tongs a{ color: #ff6b8a; display: inline;}
.login_bot{ display:flex; justify-content:space-between; align-items:center; color:#000;font-size:.14rem; width:84%; margin:0 auto .4rem; }
.head{ width:.9rem; height:.9rem; margin:.3rem auto; position:relative; }
.headimg{ width:.9rem; height:.9rem; overflow:hidden; border-radius:.9rem; }
.headimg img{ vertical-align:top; width:100%; height: 100%}
.head_up{ position:absolute; right:0; bottom:0; z-index:100; width:.25rem; height:.25rem; }

/*底部*/
.dibu{ overflow:hidden; position:fixed; bottom:0; left:50%; transform: translateX(-50%); height:.5rem; width:100%; max-width: 640px; background:#FFF; border-top:1px solid #d0d0d0; z-index:99999;}
.dibu ul{ overflow:hidden; display: flex; justify-content:space-between; align-items: center; height: 100%}
.dibu ul li{   position:relative; flex:1 }
.dibu ul li a{color:#666666;}
.dibu_img{ width:.31rem; margin:0 auto 0}
.dibu_img img{ vertical-align:top; }
.dibu_font{ text-align:center; font-size:.09rem;}
.dibu ul li.dibu_hover a{ color:#ff6b8a}
.dibu_img2{width:.32rem; margin:0 auto 0}
.yuans{ height:.15rem; line-height:.15rem; padding:0 .03rem; background:#ff2c2c; color:#fff; font-size:.11rem; min-width:.09rem; border-radius: .075rem; position: absolute; right:36%; top:0; text-align: center;}
/*首页*/
 .tab{ float: left; margin: 0 0 0 .15rem; width: 74%;}
 .tab a{display:block;float:left;color:#000; font-size: .15rem; margin-right: .2rem; position: relative;}
.tab a:last-of-type{ margin: 0;}
.tab a.on{color:#000000;text-decoration:none;font-size: .2rem; font-weight: bold;}
.tab a.on:after{ width:.2rem; height:.04rem; background-color:#ff6b8a; position:absolute; left:50%; transform:translateX(-50%); border-radius:.04rem; overflow:hidden; content:''; bottom:.03rem }
.mok{ display: none }
.top_rightss{float: right;  width: .18rem;  text-align: center;  position: relative;  padding:0 .15rem 0 .05rem;}
.top_rightss img {   width: .18rem;   height: .18rem;   margin: .13rem 0 0 0;    vertical-align: top;}
.yuan {    position: absolute;    width:.14rem;    height: .14rem;    background: #ff3b3b;
    color: #fff;
    font-size: .09rem;
    top: .05rem;
    right: .08rem;
    line-height: .14rem;
    text-align: center;
    border-radius: 50%;
}
.indexbg{ height:2.8rem; background-image: linear-gradient(to bottom, #ffcbd6, #f4f4f4);  position: fixed; top: 0; left: 0; width: 100%;z-index: -1}
.indextop{ height:.44rem; line-height:.44rem; position:fixed; top:0;left:0; width:100%; z-index:99;left: 50%;
    transform: translateX(-50%);
    height: 0.5rem;
    width: 100%;
    max-width: 640px;transition:0.4s }
    .top_2{  background-image: linear-gradient(to bottom, #ffdbe3, #ffeaee);  }
.follow{ overflow:hidden; padding-bottom:.1rem;  }
.follow li{ overflow:hidden; border-radius:.1rem; background-color:#fff; padding: .12rem;margin:.1rem .1rem 0}
.follow_one{ overflow:hidden; }
.follow_head{ width:.35rem; height:.35rem; overflow:hidden; border-radius:.3rem; float:left; margin:0 .07rem 0 0 }
.follow_head img{ width:100%; height: 100%; vertical-align:top; }
.follow_right{ float:right }
.delete{ width:.18rem; height:.18rem;  vertical-align: top; margin:.08rem 0 0}
.follow_left{ float:left; }
.name{ color:#000000;font-size:.14rem; line-height:.14rem; margin:.03rem 0 .02rem; max-width:1.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.time{ color:#999999;font-size:.11rem; }
.follow_title{ color:#000;font-size:.14rem; font-weight:bold; margin:.08rem 0 0 }
.follow_font{ color:#333333;font-size:.12rem; line-height:.19rem; margin:.05rem 0 0 }
.atlas{ overflow:hidden; border-radius:.08rem; position:relative; margin-top: .05rem}
.atlas_li{ float:left; width:32.6666%;position: relative; padding-top: 32%; margin-left:1%;  }
.atlas_li:last-child{border-radius: 0 .08rem .08rem 0; overflow: hidden;}
 .atlas_li:first-child{margin-left: 0}

.atlas_li > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}
.sums{ width:32.6666%; height:.4rem; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); position:absolute; right:0; bottom:0; color:#fff; text-align:center; font-size: .12rem; z-index:10; line-height: .5rem}
.stare{ overflow:hidden; display:flex; justify-content:space-between; margin-top:.15rem; }
.stare_li{ flex:1; text-align: center;}
.stare_li img{ width:.14rem; height:.14rem; vertical-align:top; margin:.03rem .05rem 0 0 }

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:99999999999;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.unfollow{ background: #fff; overflow: hidden; border-radius:.2rem; position: fixed; top: 50%; left: 50%; width: 90%; padding: .23rem 0; z-index: 99; transform:translate(-50%,-50%); } 
.unfollow_title{ text-align:center; color:#000000; font-size:.18rem; font-weight:bold; }
.unfollow_font{ font-size:.14rem; text-align:center; margin:.15rem .15rem 0; color:#000; }
.unfollow_btn{ overflow:hidden;  margin:.2rem .25rem 0; display:flex; justify-content:space-between;}
.btn1{ width:45%; height:.4rem; line-height:.4rem; border-radius:.4rem; background-color:#f4f4f4; color:#666666;font-size:.16rem; text-align:center; }
.btn2{ width:45%; height:.4rem; line-height:.4rem; border-radius:.4rem; background-color:#fff0f3; color:#ff6b8a;font-size:.16rem; text-align:center; }

.biaoqian{ margin:.1rem 0 0; }
.hot{ width: .2rem;vertical-align: top; margin:0 .06rem 0 .02rem; }
.huad .swiper-slide{ width: auto; margin:0 0 0 3%;}
.huad .swiper-slide:last-of-type{ margin-right: 3%;}
.huad .swiper-slide a{ padding:0 .1rem; height: .4rem; background-color:#fff; border-radius:.1rem; display:block;box-sizing: content-box; font-size:.14rem; min-height:.3rem; display:flex; align-items:center;border: 2px solid transparent;color:#000 }
.huad .swiper-slide a.active{border: 2px solid #ff6b8a; color:#ff6b8a; font-weight:bold; }
.guan{ /*width:.6rem;*/ padding: 0 .11rem; height:.26rem; line-height:.26rem; background-color:#fff0f3; color:#ff6b8a;font-size:.12rem; text-align:center; border-radius:.13rem; margin-top:.05rem }
.stare .active{ color:#ff6b8a }
.guan_h{ color:#999999; background:#f6f6f6;}
.ones{ width:75%; padding-top:75%; overflow:hidden; }

/*板块*/
.plate{ overflow:hidden; background:#fff; margin:.1rem .1rem .1rem; border-radius:.1rem; padding:0 .12rem }
.plate_li{ overflow:hidden; padding:.15rem 0; border-bottom:1px solid #e9e9e9; }
.plate_li:last-child{ border-bottom:none }
.plate_li_left{ float:left; width:.55rem; height:.55rem; border-radius:.05rem; overflow:hidden; margin:0 .1rem 0 0; }
.plate_li_left img{ width: 100%; height: 100%; }
.plate_li_right{ overflow:hidden; }
.plate_name{ color:#000000;font-size:.14rem; font-weight:bold; line-height: .2rem;}
.plate_tie{ overflow:hidden; margin: .02rem 0}
.plate_tie_left{ float:left; color:#000000;font-size:.11rem; margin: 0 .12rem 0 0}
.plate_tie_left span{ color:#ff6b8a;font-size:.11rem;font-weight:bold; margin: 0 0 0 .04rem}
.plate_font{ color:#666666;font-size:.11rem; }
.listtop{ height:.44rem; position:fixed; top:0;  left: 50%; text-align: center; line-height: .44rem;
    transform: translateX(-50%); width:100%;  z-index: 99;transition:0.4s; max-width:640px}
.listtop span{ width:60%; position:absolute; left:20%; text-align:center; top:0; font-weight: bold; font-size: .18rem; display: none; color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ltist{ position:relative; height:1.6rem; overflow:hidden; background: #999;}
.gaussian{ filter: blur(20px); width: 100%; vertical-align: top; opacity: .5; margin-top: -25%;}
.ltist_pos{ position:absolute; width:100%; top:.6rem; z-index: 11}
.ltist_over{ overflow:hidden; padding:0 .15rem; }
.ltist_left{ width:.55rem; height:.55rem; float:left; border-radius:.05rem; overflow:hidden; margin:0 .1rem 0 0 }
.ltist_left img{ width: 100%; height: 100%;}
.ltist_right{ overflow:hidden;color: #fff}
.ltist_right_one{ font-size:.18rem; font-weight:bold; line-height:.2rem; margin-bottom: .03rem; }
.ltist_right_two{ font-size:.1rem; }
.ltist_right_two span{font-size: .12rem; font-weight: bold; margin: 0 0 0 .1rem}
.ltist_font{ background:#fff; border-radius:.15rem .15rem 0 0; margin:-.15rem 0 0; position:relative; z-index:88; padding:.12rem .15rem; color:#000000;font-size:.13rem; border-bottom:1px solid #e9e9e9; }
.listmok{ display:none }
.listtab{ position:sticky; top:.44rem; background-color:#fff; height:.4rem; line-height:.4rem; border-bottom:1px solid #e9e9e9; display:flex; justify-content:center;  z-index: 99}
.listtab a{ color:#666666;font-size:.14rem; display:block; padding:0 .35rem; text-decoration:none; position:relative; }
.listtab a.on{ color:#ff6b8a;font-weight:bold; }
.listtab a.on:after{ width:.2rem; height:.04rem; background-color:#ff6b8a; position:absolute; left:50%; transform:translateX(-50%); border-radius:.04rem; overflow:hidden; content:''; bottom:.03rem }
.release{    position: fixed;
    width: 0.45rem;
    height: 0.45rem;
    right: 0.15rem;
    bottom: 0.7rem;
    z-index: 99;}
/*帖子详情*/
    .maintop{position: fixed; z-index: 199; top: 0;    left: 50%;
    transform: translateX(-50%); background: #fff; height: .45rem; line-height: .45rem; text-align: center; width: 100%; max-width: 640px;background-image: linear-gradient(to bottom, #ffdbe2, #ffeaee);}
    .maintop span{  width:80%; position:absolute; left:10%; text-align:center; top:0; font-weight: bold; font-size: .18rem;  color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.speci{ background:#fff; overflow:hidden; padding-bottom: .13rem;border-bottom: 1px solid #e9e9e9;}
.speci_one{ margin:.15rem; overflow:hidden; }
.speci_one .follow_head{ width:.4rem; height:.4rem; }
.speci_one .name{ line-height:.18rem }
.speci_title{ color:#000000;font-size:.2rem; font-weight:bold; margin:0 .15rem 0; line-height:.3rem; }
.speci_font{ color:#000000;font-size:.14rem; line-height:.23rem; margin:.1rem .15rem 0;word-wrap: break-word;}
 .grid { margin:.1rem .15rem 0; border-radius: .08rem; overflow: hidden;
            display: grid; /* 设置为网格布局 */
            grid-template-columns: repeat(3, 1fr); /* 将容器分成三列等宽 */
            gap: 3px; /* 定义每个单元格之间的间隙大小 */
        }
        
        .grid img {
          
            /* height: auto; 保持高度自动调整比例 */
        }
.atlas_li2{ width:100%; position: relative; padding-top: 100%;}
.atlas_li2 > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}
.speci_open{ background:#fff0f3;border-radius:.1rem; overflow:hidden; margin:.15rem .15rem 0; display:block;padding:.1rem; overflow:hidden; position: relative;}
.speci_open_left{ float:left; width:.4rem; height:.4rem; border-radius:.05rem;overflow:hidden; margin:0 .1rem 0 0 }
.speci_open_left img{ width: 100%; height: 100%;}
.speci_open_left2{ float:left; }
.speci_open_left2 .plate_name{ width: 2rem;}

.enter{ width:.7rem; height:.28rem; line-height:.28rem; text-align:center; background:#ff6b8a; color:#fff; font-size:.14rem; border-radius:.14rem; position: absolute; top: .16rem; right:.1rem;}

.specsta{ overflow:hidden; display:flex; margin-top:.25rem; }
.specsta_li{ flex:1; text-align:center; }
.specsta_img{ width:.19rem; vertical-align:top; }
.specsta_number{ color:#000000;font-size:.12rem; margin-top:.03rem; }
.press{ background:#fff;overflow:hidden; border-top:1px solid #e9e9e9; margin:.1rem 0 0 }
.press_title{ height:.4rem; line-height:.4rem; border-bottom:1px solid #e9e9e9; color:#000; font-size:.14rem; font-weight:bold; }
.press_title span{ margin:.12rem .1rem 0 .15rem; display: inline-block; width: .04rem; height: .15rem; background: #ff6b8a; border-radius: .02rem; vertical-align: top;}

.pina_ul{ overflow: hidden; background:#fff }
.pina_ul li{ overflow: hidden; }
.pina_ul_left{ float: left; width: .3rem; height: .3rem; overflow: hidden; border-radius: .2rem; margin: .15rem .1rem 0 .15rem; }
.pina_ul_left img{vertical-align: top; width: 100%;height: 100%;}

.pina_ul_rihgt{ overflow: hidden; border-bottom: 1px solid #e9e9e9; padding: 0 .15rem .1rem 0; }
.pina_ul_right_one{ overflow: hidden; margin-top: .14rem; }
.pina_ul_right_one_left{ float: left; color: #666666;font-size: .13rem; max-width: 70%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pina_ul_right_one_right{ float: right; color:#666666;font-size: .12rem; }
.pina_ul_right_one_right img{ width: .12rem; vertical-align: top; margin: .02rem .05rem  0 0; }
.hovers{ color: #fc237a }
.pina_ul_right_two{ color: #000000;font-size: .14rem; margin-top: .03rem; }
.huisa{ overflow: hidden; margin-top: .1rem; }
.huisa_left{float: left;color: #999999;font-size: .1rem;}
.huisa_right{float: right;color: #ff6b8a;font-size: .11rem;}
.huofun{ background: #f6f6f6;overflow: hidden; border-radius: 0 .12rem .12rem .12rem; padding:.1rem .12rem; margin-top: .04rem; }
.huofun_li{ overflow: hidden;color: #000;font-size: .12rem; }
.huofun_li span{color: #666;font-size: .12rem;}
.chahf{ color: #ff6b8a;font-size: .12rem; }
.chahf img{ width: .12rem; vertical-align: top; margin: .05rem 0 0 .03rem; }
.xdbottom{ position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 640px; height: .45rem; line-height: .45rem;z-index: 33; background:#fff; border-top: 1px solid #e9e9e9;}
.xdbottom_left{ float: left; width: 40%;background: #f4f4f4;color: #666666;font-size: .12rem; height: .28rem; line-height: .28rem; border-radius: .14rem;  overflow: hidden; margin: .08rem 5% 0 3%;}
.xdbottom_left img{ width: .12rem; vertical-align: top; margin: .08rem .08rem 0 .1rem; float:left; }
.xdbottom_right{ overflow: hidden; }

.xdbottom_right_li{ float: left; width: 33.33%; text-align: center; }
.xdbottom_right_li img{ width: .19rem;vertical-align: top; margin: .12rem .07rem 0 0; }
.c_li{ overflow: hidden; border-bottom: 1px solid #e9e9e9; margin:0 .2rem; height: .75rem; line-height: .75rem; font-size: .14rem;} 
.c_li img{ width: .23rem; vertical-align: top; margin: .25rem .2rem 0 0;}
.bass{ overflow: hidden; margin: .25rem .25rem; text-align: center;}
.bass_left{ width:40%;float: left; height: .4rem; line-height: .4rem; background: #eeeeee;color: #333333;font-size: .14rem; border-radius: .2rem;  }
.bass_right{ width:40%;float: right; height: .4rem; line-height: .4rem; background: #333333;color: #fff;font-size: .14rem; border-radius: .2rem;  }
.bass_font{ color: #333333;font-size: .14rem; margin: 0 .2rem; }
.lines{ height: 1px; width: 100%; background: #e9e9e9; }
.alhu{ color: #666666;font-size: .12rem; margin: .12rem .15rem 0; }
.pina_ul_right_two a{ color: #ff6b8a;font-size: .14rem; }
.kefu_bal{background: #fff;
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .15rem 0;
    z-index: 99;}
   .fabiao{ overflow: hidden; display:flex; align-items:flex-end; }
   .fabiao_left{ width:76%; background:#f4f4f4; padding:.1rem;  height:.65rem; font-size:.14rem; border-radius:.12rem; margin:0 0 0 4% }
   .fabiao_right{ flex:1;text-align:center; color:#ff6b8a;font-size:.14rem; font-weight:bold; }

.share_title{ text-align:center; color:#000000;font-size:.18rem; font-weight:bold; line-height:.24rem; margin: .15rem .15rem 0 .15rem; }
.poclos{ background:url(../images/close.png) no-repeat  center center;  background-size:.16rem; position:absolute; right:0; top:0; z-index:11; width:.46rem; height:.46rem; }

.specsha{ overflow:hidden; padding-bottom:.3rem; }
.specsha_li{ float:left; width:33.33%; text-align:center; padding: 0; margin: .25rem 0 0; background: none; border:none}
.specsha_li img{ width:.5rem; height:.5rem; vertical-align:top; }
.specsha_font{ color:#666666;font-size:.12rem; text-align:center; margin:.05rem 0 0 }

.qans{ overflow:hidden; background:#fff; margin:.05rem 0 0 }
.huibottom{ height: .55rem; background: #fff; position: fixed; left: 50%;transform: translateX(-50%); bottom: 0;width: 100%; max-width: 640px; border-top:1px solid #e9e9e9  }
.huifu2{ height: .35rem; line-height: .35rem; background: #f4f4f4; border-radius: .12rem; margin:.1rem 0 .1rem 2.6%; overflow: hidden; padding: 0 .1rem; float:left; width:80%; box-sizing:border-box; }
.huifu2 input{ display: block; width: 100%; height: .35rem; line-height: .35rem; font-size: .14rem; background: none; }

.huifu2_btn{ overflow:hidden; text-align:center; color:#ff6b8a;font-size:.14rem;  line-height:.55rem; font-weight:bold; }

.shenq .swiper-slide{ width: auto; margin:0 0 0 3%;}
.shenq .swiper-slide:last-of-type{ margin-right:3%;}
.shenq .swiper-slide a{ padding:0 .1rem; height: .4rem; background-color:#fff; border-radius:.1rem; display:block;box-sizing: content-box; font-size:.14rem; min-height:.3rem; display:flex; align-items:center;border: 2px solid transparent; color:#000 }
.shenq .swiper-slide a.active{border: 2px solid #ff6b8a; color:#ff6b8a; font-weight:bold; }
.shenqmok{ display:none; padding: .03rem 0 0}
.applyfor{ background:#fff; border-radius:.1rem; margin:.1rem;padding:.12rem .15rem .15rem; }
.applyfor_title{ color:#000000;font-size:.16rem; font-weight:bold; line-height:.2rem; }
.applyfor_font{ font-size:.11rem; color:#666666; line-height:.16rem; margin:.04rem 0 0 }
.applyfor_ul{ overflow:hidden; }
.applyfor_ul a{  background:#f7f7f7; border-radius:.1rem; /*height:.65rem;*/ padding: .11rem 0; margin:.15rem 0 0; position: relative; display: flex; align-items: center;}
.applyfor_ul_left{width: .4rem; height: .4rem; margin: 0 .1rem 0 .12rem;}
.applyfor_name{ color:#000000;font-size:.14rem; }
.applyfor_men{ color:#000000;font-size:.14rem; font-weight:bold; }
.applyfor_ul_right{ position:absolute; right:.12rem; top:50%; transform:translateY(-50%); z-index:10; width:.06rem; }


/*我的*/
body.mybg{ background:#f2f2f2 }
.my{ position:relative; overflow:hidden; width:100% }
.my_person{ width:100%; position:absolute; top:.46rem; left:0; z-index:50; }
.my_person a{ display:flex; align-items:center; }
.my_head{ width:.7rem; height:.7rem; border-radius:.4rem; overflow:hidden; border:.02rem solid #fff; float:left; margin:0 .15rem 0 .2rem; }
.mytop{ position:absolute; top:0; left:0; width:100%; z-index:50 }
.my_right{ overflow:hidden; flex:1; margin-right:.15rem; }
.my_name{ color:#000;font-size:.2rem; font-weight:bold; line-height:.2rem; }
.my_name_two{ margin:.1rem 0 0; display: flex; justify-content: space-between; line-height: .12rem}
.my_id{color: #000000;font-size: .12rem;}
.my_zhuye{ color:#000000;font-size:.12rem; }
.my_zhuye img{ width:.06rem; margin:0 0 0 .06rem; vertical-align:top; }
.my_ul{ overflow: hidden; background: #fff; height: .7rem; display: flex;justify-content: center; align-items: center; margin: -.7rem .15rem 0;border-radius: .1rem; position: relative; z-index: 11}
.my_ul li{ width: 25%; text-align: center; position: relative; }
.my_ul_one{ color: #ff6b8a;font-size:.16rem; font-weight: bold; line-height:.2rem; }
.my_ul_two{ color: #000;font-size:.11rem; line-height:.2rem; margin-top:.02rem }
.myda{ overflow: hidden; background: #fff; border-radius: .1rem; margin:.15rem .15rem 0; }
.myda_title{height: .4rem; line-height: .4rem; overflow: hidden; margin: 0 .15rem 0;}
.myda_title_left{ color: #000000;font-size: .14rem;float: left;font-weight:bold; }
.myda_title_right{ float: right; color: #333333;font-size: .11rem; }
.myda_title_right img{ width: .09rem; vertical-align: top; margin:.15rem 0 0 .05rem; }
.myda_white{ overflow: hidden; background: #fff; border-radius: .12rem; margin: 0 .03rem .03rem; padding-bottom: .18rem; } 
.myda_white li{ width: 25%;float: left; text-align: center; position: relative; }
.myda_white_one{ text-align: center;font-size: .13rem;font-weight:bold;color: #010101; height: .2rem; line-height: .2rem; margin-top: .05rem }
.myda_white_one img{ width: .2rem; vertical-align: top; margin: 0 0 0; }
.myda_white_two{ overflow: hidden;font-size: .11rem; margin-top: .08rem; }
.myda_yaun{ position: absolute; height: .15rem; line-height:1.5; background: #ff3b3b;color: #fff; font-size: .1rem;  padding: 0 .05rem; min-width: .05rem; text-align: center; border-radius: .5rem;top: 0; right:26% }
.myda_yaun2{ width: .06rem; height: .06rem; border-radius: .06rem; overflow: hidden; position: absolute; left: 60%; top: .19rem; background: #ff3b3b }
.mymok{ overflow: hidden; background: #fff; border-radius: .1rem; margin: .15rem .15rem }
.mymok_li{ overflow:hidden; border-bottom: 1px solid #e9e9e9; margin: 0 .15rem; height: .55rem; line-height: .55rem; }
.mymok_li a{ display: block; overflow: hidden; }
.mymok_li:last-child{ border-bottom:none }
.myda_white li a{ display: block; overflow: hidden; }
.my_ul li a{display: block; overflow: hidden;}
.mymok_left{float: left; color: #000000;font-size: .14rem; position: relative;}
.mymok_left img{ width:.2rem; vertical-align: top; margin: .175rem .1rem 0 0  }
.mymok_right{ float: right;color: #ff6b8a;font-size: .16rem;font-weight:bold; }
.mymok_right img{ width: .06rem; vertical-align:top;margin: .22rem 0 0 .05rem   }

.yunsa{ height:.15rem; line-height:.15rem; padding:0 .03rem; background:#ff2c2c; color:#fff; font-size:.11rem; min-width:.09rem; border-radius: .075rem; position: absolute; right:-.1rem; top:.15rem; text-align: center;}
.pop4font{ color:#666666;font-size:.1rem; text-align:center; margin:.1rem .15rem 0 .15rem; }
.service{ overflow:hidden; margin:.15rem .15rem .1rem;border-top:1px solid #e9e9e9; }
.service li{ height:.6rem; border-bottom:1px solid #e9e9e9; line-height:.6rem; color:#000000;font-size:.12rem; }
.service img{ width:.25rem; vertical-align:top; margin:.175rem .15rem 0 0  }
.service span{ color:#ff6b8a;font-weight:bold; font-size:.14rem; }

/*搜索*/
.searh{ width: 70%; height: .32rem; line-height: .32rem; background: #fff; border-radius: .2rem; overflow: hidden; float: left; margin: .06rem 0 0 12%; text-align: left; position: relative; }
.search_ims{ width:.14rem; float:left; margin:.09rem .1rem 0 .1rem; vertical-align:top; }
.searh input{ width:75%; height: .34rem; line-height: .34rem; background: none; color:#ff6b8a;font-size:.13rem; font-weight:bold; }
.searh_font{ font-size: .14rem; color: #000000; text-align: center; overflow: hidden; }
.sssas{ position: absolute; right: .1rem; width: .15rem; top: 50%; transform: translateY(-50%); z-index: 10 }
.seartab{ position:fixed; top:.45rem; left:50%; z-index:111; background: #fff; height: .4rem; line-height: .4rem;width: 100%; max-width: 640px; transform: translateX(-50%); border-bottom: 1px solid #e9e9e9;}
.seartab a{display:block;float:left;color:#666666; font-size: .14rem; position: relative; width: 50%; text-align: center;}
.seartab a.on{color:#ff6b8a;text-decoration:none;font-size: .14rem; font-weight: bold;}
.seartab a.on:after{ width:.2rem; height:.03rem; background-color:#ff6b8a; position:absolute; left:50%; transform:translateX(-50%); border-radius:.04rem; overflow:hidden; content:''; bottom:.03rem }
.searmok{ display: none }
.quxia{ overflow:hidden; text-align:center; color:#000000;font-size:.14rem; }

.searh input:-moz-placeholder {font-weight: 400; color: #aaa} 
.searh input::-webkit-input-placeholder { font-weight: 400; color: #aaa}
/*用户*/
.osia{ overflow: hidden; background: #fff; border-top:1px solid #e9e9e9 }
.osia_li{ overflow: hidden; padding:0 .13rem; position: relative; }
.osia_li_left{ float: left; width: .45rem; height: .45rem; border-radius: .4rem; overflow: hidden; margin:.15rem  .12rem .15rem 0; }
.osia_li_left img{ width: 100%; height:100%; vertical-align: top; }
.osia_li_right{ overflow: hidden; border-bottom: 1px solid #e9e9e9; padding: .15rem 0 }
.osia_li_right_one{ overflow: hidden; }
.osia_font{ color: #000000;font-size: .14rem;float: left; max-width: 66%; }
.osia_label{ float: left; width: .67rem; display: block; margin-left: .1rem; }
.osia_time{ color: #666;font-size: .12rem; margin-top: .04rem; width: 75%;}
.osia_time span{ margin-left:.12rem }
.huife{ position: absolute; /*width:.6rem;*/ padding: 0 .11rem; height: .26rem; line-height: .26rem; text-align:center; background: #fff0f3;color: #ff6b8a; border-radius: .4rem; overflow: hidden; right:.13rem; top: 50%; transform: translateY(-50%); font-size: .12rem; } 
.huife_h{ background: #f6f6f6; color: #999999;font-size: .12rem;  }
.yaoqings{ display: block; margin: .12rem; }
.ya_uls{ background: #fff; overflow: hidden; border-radius: .12rem; margin: .12rem; display: flex; justify-content: center; text-align: center; height: .65rem; align-items: center;}
.ya_uls_one{ color: #000000;font-size: .12rem; }
.ya_uls_one span{ font-size: .2rem; font-weight: bold; }
.ya_uls_two{ color: #666666;font-size: .11rem; }

/*查看用户主页*/
.carqu{ overflow: hidden; position: relative; }
.baimg{ width: 100%; vertical-align: top; }
.mask{ position: absolute; width: 100%; height: 100%; z-index: 10; background: rgba(255,255,255,0.8); top: 0; left: 0 }
.fanhus{ position: absolute; top: 0;left: 0; width: .4rem; z-index: 11 }
.caqnr{ position: absolute; bottom: .3rem; left: 0; width: 100%; height: auto; z-index: 12 }
.caqnr_one{ overflow: hidden; width: 60%; }
.caqnr_li{ float: left; width: 33.33%; text-align: center; }
.caqnr_li_one{ color: #000000;font-size: .15rem; font-weight:bold }
.caqnr_li_two{ color: #000000;font-size: .12rem; }
.caqhead{ overflow: hidden; margin-bottom: .24rem; }
.caqhead_left{ float: left; width: .7rem; height: .7rem; overflow: hidden;border-radius: .6rem; border:.02rem solid #fff; margin-right: .15rem; margin-left: .2rem;}
.caqhead_left img{ vertical-align: top; width: 100%; height: 100%; }
.caqhead_rght_one{ color: #000000;font-size: .2rem; font-weight: bold; margin: .03rem .15rem 0 0; max-height: .58rem; }
.caqhead_rght_two{  margin-top: .1rem;font-size:.12rem; color:#000000 }
.geng{ height: .28rem; line-height: .28rem; text-align: center; background: #fff; border:1px solid #000000; color: #000; position: absolute; right: .2rem; bottom: .32rem; z-index: 20; border-radius: .14rem; width: .85rem; text-align: center; }
.guans{ text-align: center; background: #ff6b8a; border:1px solid #ff6b8a; color: #fff; position: absolute; right: .2rem; bottom: .32rem; z-index: 20; border-radius: .15rem; width: 1rem; text-align: center; overflow: hidden; padding: .04rem .02rem;}
.guans_h{ background: #fff;color: #999999; border:1px solid #dddddd; }
.eye{ position: absolute; left: .08rem; bottom: .08rem;  background: rgba(0,0,0,0.5); color: #fff; height:.2rem; line-height: .2rem; font-size: .11rem; padding: 0 .06rem; border-radius: .1rem; overflow: hidden; }
.eye img{ vertical-align: top; margin: .05rem .04rem 0 0; width: .11rem; }
.genhsa{ position: absolute; width: 94%; left: 3%; bottom: .15rem; z-index: 99 }
.quxiaos{ height: .5rem; line-height: .5rem; background: #fff; width: 100%; border-radius: .15rem; overflow: hidden; text-align: center; color: #0090ff;font-size: .18rem; display: block; margin-top: .15rem; }
.genhsaone{ overflow: hidden; background: #fff; border-radius: .15rem; } 
.genhsaone_title{ height: .45rem; line-height: .45rem; text-align: center; color: #999999;font-size: .13rem; }
.genhsa_li{ display: block; height: .5rem; line-height: .5rem; border-top: 1px solid #e9e9e9; color: #0090ff;font-size: .18rem; text-align: center; }
.cq{ background: #fff; height: .4rem; line-height: .4rem; overflow: hidden; border-bottom: 1px solid #e9e9e9; position: sticky; top: .43rem;z-index: 999999;overflow-x:scroll;} 
.cq a{ float: left; height: .4rem; line-height: .4rem; display: block; color: #666666; font-size: .14rem; position: relative; margin-left: .3rem; }
.cq a.on{ color: #ff6b8a;font-weight: bold; }
.cq a.on:after{ width: .2rem; height: .03rem; background: #ff6b8a; border-radius: .2rem; overflow:hidden; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.cqmok{ display:none }

.ketan{ position: absolute; width: 88%; left: 6%; top: 50%; transform:translateY(-50%); z-index: 99 }
.ketan_as{ overflow: hidden; background: #fff; border-radius: .2rem; text-align: center;  }
.ketan_title{ color: #000000;font-size: .15rem;font-weight: bold; line-height:.55rem; border-bottom:1px solid #e9e9e9; }
.knosa{ width: 50%; height: .4rem; line-height: .4rem; background: #ff6b8a;color: #fff; border-radius: .2rem; margin: .3rem auto; overflow: hidden; text-align: center; font-size: .16rem;  display: block; }
.hu_als{ overflow: hidden;color: #333333;font-size: .12rem; text-align:left; margin-top: .2rem; }
.hu_als span{ color: #ff6b8a;font-size: .16rem; margin-left: .1rem; font-weight:bold; }
.hu_als img{ width: .25rem; vertical-align: top; margin: 0 .1rem 0 10%}

.xqfont{ overflow: hidden; padding: .15rem .15rem .15rem; background: #fff; }
.xqfont_title{ color: #000000; font-size:.2rem; font-weight: bold; text-align:center; margin-bottom: .15rem; }
.xqfont_ts{ color: #666666; font-size: .12rem; margin-top: .1rem }
.xqfont_ts span{ margin-left: .2rem }
.xqfont_font{ padding: .1rem 0; background: #fff; font-size: .14rem; color: #333333;  text-align: justify;
}
.xqfont_font img{ margin:.1rem auto; width:auto; max-width:100%; display:block; }
.shensa{ height:.6rem; border-top:1px solid #e9e9e9; background:#fff; position:fixed; left:50%; bottom:0; transform:translateX(-50%); max-width:640px; overflow:hidden; width:100% }
.shensa_left{ float:left; margin-left:.15rem; }
.shensa_right{ float:right; width:44%; height:.4rem; line-height:.4rem; background:#ff6b8a; color:#fff;border-radius: .2rem; font-size: .16rem;font-weight: bold; margin: .1rem .15rem 0 0; text-align:center;}
.shensa_left_one{ color:#ff6b8a;font-size:.2rem; font-weight:bold; line-height:.2rem; margin:.1rem 0 .02rem }
.shensa_left_two{ color:#000000;font-size:.12rem; }

/*申请*/
.plyfor{ background:#fff; overflow:hidden; padding-bottom:.2rem; }
.plyfor_title{ border-bottom:1px solid #e9e9e9; padding:.125rem .15rem; color:#666666;font-size:.12rem; line-height:.25rem;}
.plyfor_title span{ font-size:.16rem; font-weight:bold; color:#000; }
.plyfor_tips{ color:#666666;font-size:.12rem;line-height:.18rem; margin:.1rem .15rem 0 }

.plyfor_bottom{ position:fixed; bottom:0; left:50%; transform:translateX(-50%);z-index:50; background:#fff; border-top:1px solid #e9e9e9; max-width:640px; width:100%; height:.6rem; display:flex; justify-content: center;  align-items:center; }
.plyfor_bottom_btn{ height:.4rem;line-height:.4rem; text-align:center; margin: 0 2%;font-size: .16rem; border-radius: .2rem; overflow: hidden;box-sizing: border-box; width:44% }

.btns1{ border:1px solid #cccccc; background:#fff; color:#666666; }
.btns1 a{  width: 100%; height: 100%; display: block;color:#666666;}
.btns2{ border:1px solid #ff6b8a; background:#ff6b8a; color:#fff;font-weight: 700; }
.btns2 a{  width: 100%; height: 100%; display: block;color:#fff;}
.btns0{border:1px solid #ff6b8a; background:#ff6b8a; color:#fff; font-weight: 700; width: 92%;}
.btns0 a{  width: 100%; height: 100%; display: block;color:#fff;}
.plyfor_ul{ overflow:hidden; display:flex; flex-wrap:wrap; }
.plyfor_ul li{ width:92%; margin:0 0 0 4%; }
.plyfor_ul li.wid44{width:44%;}
.plyfor_topic{ color:#000000;font-size:.14rem; font-weight:bold;  margin: .15rem 0 0}
.plyfor_topic span{ color:#ff6b8a; margin:0 0 0 .04rem; font-weight: bold;}
.plyfor_box{ padding:.1rem .12rem; border:1px solid #dddddd; border-radius:.1rem; overflow:hidden; margin:.08rem 0 0; line-height:.2rem; position:relative;  }
.plyfor_input{ width:100%; font-size:.14rem; position: relative;z-index: 12; background: none}
.plyfor_select{appearance:none;border: none; width: 100%; background: url(../images/xiala.png) no-repeat right center; background-size: .11rem; padding:0 .2rem 0 0; box-sizing:border-box;
-moz-appearance:none;
-webkit-appearance:none;}
.xials{ position:absolute; right:.12rem; top:50%; transform:translateY(-50%); z-index:11; width:.11rem; }
.plyfor_textarea0{width:100%; font-size:.14rem; position: relative;z-index: 12; background: none;min-height:.45rem }
.plyfor_textarea{width:100%; font-size:.14rem; position: relative;z-index: 12; background: none;min-height:1.4rem }
.undergo_btn{ height:.3rem; line-height:.3rem; color:#ff6b8a;font-size:.13rem; text-align:center;border-radius:.15rem; background-color:#fff0f3;margin: .12rem 0 0; width: 100%}
.undergo_li{ overflow:hidden; margin-top:.12rem; display:flex; align-items:center; justify-content:space-between }

.undergo_li_left{ width:94%; border:1px solid #dddddd; padding:.08rem .12rem;box-sizing:border-box; border-radius:.1rem;}
.undergo_text{ width:100%; min-height:.45rem  }
.undergo_li_right{ width:.14rem; }
.confirm{ color:#ff6b8a }
.jing_li{ border-bottom:1px solid #e9e9e9; padding:.1rem .12rem; }
.jing_li:last-child{ border-bottom:none }
.padd0{ padding:0 }
.weitian{ color:#666666 }
.jine{ color:#ff6b8a;font-size:.2rem;font-weight:bold; text-align:center; margin-top:.02rem }
.jine span{ font-size:.3rem; font-weight:bold; }
.jine_ul{ overflow:hidden; background:#fff; margin: .12rem .12rem 0;border-radius: .12rem; padding: 0 .15rem}
.jine_ul li{ height:.55rem; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e9e9e9;font-size: .14rem; color: #000000}
.jine_ul li:last-child{ border-bottom:none; }
.payimg{ width:.22rem;margin:0 .1rem 0 0 }
.paysel{ width:.18rem; }
.paybtn{ height:.45rem; line-height:.45rem; background-color:#ff6b8a; color:#fff; padding:0; width:90%; margin:.25rem auto .1rem auto; display:block; border:none; border-radius:.4rem;font-size:.16rem;font-weight:bold; }
.advice_li{ margin:.45rem 0 .1rem 0; }
.advice{ background:#fff; overflow:hidden;padding:0 .15rem; }
.adcice_head{ float:left; width:.7rem; height:.7rem; border-radius:.35rem; overflow:hidden; border:.02rem solid #fff;margin:-.27rem .06rem 0 .1rem }
.adcice_head img{ width:100%;  height: 100%;}
.advice_one{ height:.6rem; line-height:.6rem;background-image: linear-gradient(to bottom, #ffeaee, #ffffff); border-radius:.1rem .1rem 0 0 }
.advice_font{ color:#000000;font-size:.12rem; line-height:.2rem; text-align:justify; margin-bottom: .45rem; }
.advice_font span{ color:#ff6b8a; font-weight:bold; }
.advice_name{ float:left; font-weight:bold; color:#000000;font-size:.16rem; max-width:38% }
.advice_btn{ float:right; height:.3rem; line-height:.3rem; background-color:#ff6b8a; color:#fff; border-radius:.15rem; font-size:.13rem; font-weight:bold; padding: 0 .25rem; margin: .15rem .15rem 0 0}


/*预约专家*/
.pre{ background:#fff; overflow:hidden;padding-bottom: .2rem;}
.pre_one{ overflow:hidden; padding:.15rem; display:flex; align-items:center;border-bottom:1px solid #e9e9e9; }
.pre_one_Left{ width:.5rem; height:.5rem; border-radius:.25rem; overflow:hidden; margin:0 .1rem 0 0 }
.pre_one_Left img{ width:100%;  height: 100%;}
.pre_one_name{ color:#000000;font-size:.16rem; font-weight:bold; }
.pre_one_zj{ color:#666666;font-size:.12rem; margin-top:.02rem }
.pre_title{ color:#000000;font-size:.14rem; font-weight:bold; margin: .15rem .15rem 0}
.pre_title span{color:#ff6b8a; margin:0 0 0 .05rem}
.pre_ul li{background: #f4f4f4;border-radius: .1rem; overflow: hidden; margin: .12rem .15rem 0; padding: .12rem .45rem .12rem .15rem; color: #000; position: relative;}
.pre_ul_one{ font-size:.14rem; }
.pre_ul_two{ font-size:.12rem; }
.pre_ul li.active{ color:#ff6b8a;  background:#fff0f3 }
.pre_ul li.active .pre_ul_one{ font-weight: bold;}
.pre_ul li.active .pre_ul_two{font-weight: bold; }
.pre_ul_img{ width:.25rem; position:absolute; right:.15rem; top:50%; transform:translateY(-50%); z-index:11 }

.subscribe{ margin:.1rem .15rem 0; overflow: hidden;    display: grid;  grid-template-columns: repeat(5, 1fr); gap: .05rem;
        }
.subscribe li{ background:#f4f4f4; text-align:center; border-radius:.05rem; height:.45rem; }
.subscribe_one{ font-size:.13rem; color:#000000; margin-top: .05rem}
.subscribe_two{ font-size:.09rem; color:#666666 }
.subscribe li.active{ background:#ff6b8a }
.subscribe li.active .subscribe_one{  color:#fff;font-weight:bold;}
.subscribe li.active .subscribe_two{ color:#fff }
.pre_tips{ color:#666666;font-size:.1rem; margin:.05rem .15rem 0 }
.pre_tips span{ color:#ff6b8a; font-weight:bold; }
.priti{ overflow:hidden; margin:.05rem .15rem 0 }
.priti_left{ float:left; margin-right: .2rem;font-size: .1rem;line-height:.15rem}
.priti_left span{  width:.25rem; height:.1rem; overflow:hidden; border-radius:.03rem; display:inline-block; margin:.03rem .05rem 0 0; vertical-align:top;  }
.hong_h{ background:#ffe7eb }
.hong{ background:#cccccc }
.slot{margin:.1rem .15rem 0; overflow: hidden;    display: grid;  grid-template-columns: repeat(3, 1fr); gap: .05rem;}
.slot li{background:#cccccc; text-align:center; border-radius:.05rem; height:.45rem;}
.slot_one{ font-size:.13rem; color:#ffffff; margin-top: .05rem}
.slot_two{ font-size:.09rem; color:#ffffff;font-weight:bold; }
.slot_two span{ font-weight:bold; font-size:.09rem; }
.slot li.active{ background:#ff6b8a }
.slot li.can{ background:#ffe7eb;}
.slot li.can .slot_one{color:#000000 }
.slot li.can .slot_two{color:#000000 }
.slot li.can .slot_two span{ color:#ff6b8a }

.order_tab{ position: fixed; width: 100%; max-width: 640px; left: 50%; transform: translateX(-50%); background: #fff; top:.45rem; height: .4rem; z-index: 199;border-bottom: 1px solid #e9e9e9; /*display: flex;*/ overflow-x: scroll;}
.order_tab a{text-align: center; color: #666666;font-size: .13rem; display:block; line-height: .4rem; position: relative; /*flex: 1*/ float: left; margin: 0 .14rem;}
.order_tab a:last-of-type{margin-right: 0;}
.order_tab a.on{ color: #ff6b8a;font-size: .13rem; font-weight: bold; }
.order_tab a.on:after{ width: .2rem; height: .03rem; background: #ff6b8a; border-radius: .05rem; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); content: ''; bottom:.05rem; }
/*.ordermok{ display:none }*/
.order_tab a span{position: absolute; height: .15rem; line-height:.15rem; background: #ff3b3b;color: #fff; font-size: .1rem;  padding: 0 .05rem; min-width: .05rem; text-align: center; border-radius: .5rem;top: .07rem; right:-.12rem; margin-left:.17rem }

.demo{ background:#fff; border-radius:.1rem; overflow:hidden; margin:.12rem;padding: 0 .15rem;}
.demo_one{ overflow:hidden; height:.4rem; line-height:.4rem; border-bottom:1px solid #e9e9e9; display:flex; justify-content:space-between;font-size:.14rem }
.demo_one_left{ color:#666666;font-size:.1rem;  }
.demo_one_left span{ font-size:.11rem; color:#000 }
.demo_ul{ overflow:hidden; }
.demo_ul li{ overflow:hidden; border-bottom:1px solid #e9e9e9;padding: .15rem 0}
.demo_ul li:last-child{ border-bottom:none; }
.demo_ul_left{ float:left; width:.5rem; height:.5rem; border-radius:.25rem;overflow:hidden; margin:0 .12rem 0 0 }
.demo_ul_right{ overflow:hidden; }
.demo_ul_one{ color:#000000;font-size:.14rem;font-weight:bold; }
.demo_ul_two{ color:#666666;font-size:.1rem; line-height:.21rem }
.demo_ul_two span{ font-size:.12rem; font-weight:bold; color:#000000 }
.demo_ul_two span.colos{ color:#ff6b8a }
.demo_bot{ overflow:hidden; border-top:1px solid #e9e9e9;padding:.12rem 0 }
.demo_bot_left{ float:left;line-height:.14rem; }
.demo_bot_right{ float:right;padding: 0 .13rem;  height:.26rem; line-height:.26rem; border-radius:.2rem; overflow:hidden; text-align:center; margin:0 0 0 .15rem; background:#ff6b8a;color:#fff; font-size:.12rem }
.demo_bot_right2{ float:right; padding: 0 .13rem;  height:.26rem; line-height:.26rem; border-radius:.2rem; overflow:hidden; text-align:center; margin:0 0 0 .15rem; background:#f6f6f6;color:#666666; font-size:.12rem }
.demo_bot_right3{float:right; padding: 0 .13rem; height:.26rem; line-height:.26rem; border-radius:.2rem; overflow:hidden; text-align:center; margin:0 0 0 .15rem; background:#fff0f3;color:#ff6b8a; font-size:.12rem}
.demo_bot_left_one{ color:#333333;font-size:.09rem }
.demo_bot_left_two{ color:#f71b1b;font-size:.12rem;font-weight:bold; }
.color1{ color:#f71b1b }
.color2{ color:#009bf5 }
.color3{ color:#ff6600 }
.color4{ color:#00aa28 }
.color5{ color:#999999 }

.mys_one{ color:#000000;font-size:.14rem; font-weight:bold; }
.mys_two{ color:#666666;font-size:.1rem;}
.mys_two span{color: #ff6b8a;font-size:.12rem; font-weight:bold; }


/*个人资料*/
.person{ overflow:hidden; margin:0 .2rem; }
.personal{ overflow:hidden; border-bottom:1px solid #e9e9e9; }
.personal li{ border-top:1px solid #e9e9e9; overflow: hidden; height:.5rem; line-height:.5rem; }
.personal_left{ float:left; }
.personal_right{ float:right; max-width:80%; text-align:right; }
.personal_right input{ width:90%; text-align:right; }
.personal_right select{ border:none }
.persright{ float:right; width: .06rem; vertical-align: top; margin:  .2rem 0 0 .1rem}
.personal li.bottom{ height:auto; padding: .17rem 0;line-height:1.5}
.updates{ width:.6rem; height:.6rem; float:right; overflow:hidden; }
.bottoms_ones{ color:#000000;font-size:.14rem; line-height:.14rem; margin-top:.1rem }
.bottoms_twos{ color:#999999;font-size:.11rem; margin-top:.05rem }

.ping{ background:#fff; margin:0 0 .1rem 0; overflow: hidden; padding:.12rem}
.ping_one{ overflow:hidden; position: relative;}
.ping_heda{ width:.3rem; height:.3rem; border-radius:.15rem; overflow:hidden; float:left; margin:0 .1rem 0 0 }
.ping_heda img{ width: 100%; height: 100%;}
.ping_fons{ overflow:hidden; }
.ping_name{ color:#000000;font-size:.13rem; line-height: .16rem; max-width: 88%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ping_ties{ color:#999999;font-size:.1rem; }
.ping_ties span{ margin-left:.08rem }
.comment{ color:#000000;font-size:.14rem; line-height:.21rem; margin: .08rem 0;}
.card{ background:#f6f6f6; border-radius:.06rem; overflow:hidden; padding:.07rem; display:flex; align-items:center; }
.card_left{ float:left; width:.55rem; height:.55rem; min-width: .55rem; border-radius:.05rem; overflow:hidden; margin:0 .1rem 0 0 } 
.card_left img{ width: 100%; height: 100%;}
.card_right{ overflow:hidden; color:#333333;font-size:.14rem; }
.card_right span{ color:#ff6b8a; }
.ping_bos{ overflow:hidden; margin-top:.12rem }
.ping_hui{ float:right; background:#f4f4f4; height:.2rem; line-height:.2rem; color:#666666;font-size:.11rem; border-radius:.2rem; padding:0 .08rem; margin-left:.1rem;}
.ping_zan{ float:right; width:.2rem; }
.ping_zan img{ vertical-align:top; }
.tiezi{ background:#f6f6f6; border-radius:.06rem; overflow:hidden; padding:.07rem;margin-top:.08rem;}
.tiezi_font{color:#333333;font-size:.14rem; margin-bottom: .08rem;}
.tiezi_font span{color:#ff6b8a;}
.tiezi_font a{color:#ff6b8a;}
.tiezi .card{ background:#fff;}



/**DAVID**/
.setup{ width: 92%; height: .5rem; line-height: .5rem; background: #f6f6f6;border-radius: .1rem; overflow: hidden; margin: .15rem auto 0 auto;}
.setup a{display: block; width: 100%; height: 100%;}
.setup_left{ float: left; font-size: .14rem; color: #000; margin-left: .15rem;}
.setup_right{ float: right; font-size: .14rem; color: #ff6b8a;}
.setup_right img{ width: .11rem; height: .11rem; margin: .19rem .12rem 0 .06rem; vertical-align: top;}
.setupout{width: 92%; height: .5rem; line-height: .5rem; text-align: center;background: #fff0f3;color: #ff6b8a;border-radius: .1rem; overflow: hidden; margin: .15rem auto;}
.setupout a{display: block; width: 100%; height: 100%;color: #ff6b8a;}

.aboutbox{ width: 92%;margin: .15rem auto;color: #000;font-size: .14rem;line-height: .23rem;}
.aboutbox img{display: block;width: auto;margin: 0.1rem auto;max-width: 100%;}

.imessage{ width: 92%; height: .4rem; background: #f6f6f6; border-radius: .1rem; margin: .15rem auto; overflow: hidden;padding:.15rem 0; position: relative;}
.imessage a{width: 100%; height: 100%; display: block;}
.imessage_left{width: 88%; margin-left:4.4%; overflow: hidden; float: left;}
.imessage_left_icon{ width: .4rem; height: .4rem; float: left; overflow: hidden; margin-right: .12rem;}
.imessage_left_icon img{ width: .4rem; height: .4rem;}
.imessage_left_con{ overflow: hidden;}
.imessage_left_con_title{font-size: .14rem; color: #000; font-weight: bold; margin-bottom: .03rem;}
.imessage_left_con_txt{font-size: .12rem; color: #888; }
.imessage_right{ float: right; width: .11rem; height: .4rem; line-height: .4rem; margin-right:.12rem;}
.imessage_right img{  width: .11rem; height: .11rem;}
.imessage_jiao{overflow: hidden; position: absolute; top: .28rem; right:.26rem; background: #ff2c2c;height: .15rem; line-height: .15rem; padding: 0 .05rem;  border-radius:.8rem; font-size:.11rem; color: #fff;}

.david_yjfk{ margin: .12rem; border-radius: .1rem; border: 1px solid #ddd;}
.david_yjfk input{width:92%; margin: 0 4%; height:.45rem; line-height: .45rem;}
.undergo_textdavid{ width:92%; margin: .12rem 4%;height:2.2rem; }

.tswu{ font-weight: normal; color: #333;}

.confirmyuyue{  overflow: hidden; height: .6rem; padding-top: .1rem; margin:.3rem .15rem; border-radius: .1rem; background: #f6f6f6; text-align: center; color: #ff6b8a; font-size:.2rem;}
.confirmyuyue span{ color: #000; font-size: .12rem; display: block;}

.plyfor_file{overflow:hidden; margin:.08rem 0 0;}
.plyfor_file_img{ width: 1.1rem; height: 1.1rem; position: relative;}
.plyfor_file_img img{ width: 1.1rem; height: 1.1rem;}

.plyfor_dtitile{ width: 92%; height: .24rem; line-height:.24rem; overflow: hidden; font-size: .16rem; color: #000; font-weight: bold; position: relative; margin:.2rem auto 0 auto;text-indent: .1rem;}
.plyfor_dtitile::before{content:" ";position:absolute; width:.04rem;height:.16rem; background: #ff6b8a; border-radius:.02rem; overflow: hidden; top:.03rem; left: 0;}

.david_cegong{background:#fff; overflow:hidden; border-radius:.15rem; position:fixed;top:50%; left:50%; width:80%;z-index:99; transform: translate(-50%,-50%);}
.david_cegong_tu{ width:.6rem; height:.6rem; margin: .4rem auto .1rem auto;}
.david_cegong_title{ width: 88%; overflow: hidden; color: #000; font-size: .18rem; font-weight: bold;text-align: center; margin: 0 auto;}
.david_cegong_txt{ width: 88%; overflow: hidden;  color: #000; font-size: .14rem; text-align: center; margin: .1rem auto 0 auto;}
.david_cegong_but{width: 56%; height: .4rem; line-height: .4rem; text-align: center; color: #fff; font-size: .16rem;font-weight: bold; background: #ff6b8a;border-radius: .2rem; overflow: hidden; margin: .3rem auto;}
.david_cegong_but a{ color: #fff; width: 100%; height: 100%; display: block;}

.fabutiezi{margin:.15rem .15rem 0 .15rem; padding-bottom: .15rem; overflow: hidden; border-bottom: 1px solid #e9e9e9;

}

.fabutiezi_tu{ width:32%; position: relative; padding-top: 32%; border-radius: .08rem; overflow: hidden; float: left; margin: 0 1.33% .08rem 0;}
.fabutiezi_tu > img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}
.david_delet{ position: absolute; width: .25rem; height: .25rem; line-height: .25rem; top: 0; right: 0;z-index: 2; text-align: center;}
.david_delet img{ width: .15rem; height: .15rem; }
.david_fbut{ float: right; height:.28rem; line-height: .28rem; background: #ff6b8a; font-size: .14rem; font-weight: bold; padding: 0 .16rem; margin:.08rem .15rem 0 0; border-radius: .14rem; color: #fff;border:none;}
.fabutiezi_title{margin:0 .15rem; height: .5rem; line-height: .5rem; font-size: .14rem; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.fabutiezi_title_txt{ width: 94%; float: left;}
.fabutiezi_title_right{ width: .11rem; height: .11rem; float: right;}
.fabutiezi_input{ width:100%; height: 100%; font-size:.16rem; font-weight: bold;background: none;}
.fabutiezi_weibe{margin:.15rem; overflow: hidden;}
.fabutiezi_textarea{width:100%; font-size:.14rem; position: relative;z-index: 12; background: none;min-height:2.8rem;}
.fabutiezi_but{ width: 84%; height: .45rem; line-height: .45rem; margin: .15rem auto; background: #ff6b8a; color: #fff; text-align: center; font-size: .16rem; border-radius: .4rem; display: block; border:none; font-weight: bold; overflow: hidden;}

.fb_bkbox{width: 100%;height: 80vh; border-top: 1px solid #e9e9e9; margin-top: .12rem; overflow-y: scroll;}
.fb_bkbox_list{ height: .65rem; margin: 0 .15rem; border-bottom: 1px solid #e9e9e9; }
.fb_bkbox_list_tu{ width: .35rem; height: .35rem; border-radius: .05rem; overflow: hidden; float: left; margin: .15rem .15rem 0 0;}
.fb_bkbox_list_tu img{ width: 100%; height:100%;}
.fb_bkbox_list_txt{float: left;height: .35rem; line-height: .35rem;font-size: .14rem; font-weight: bold; color: #000; margin: .15rem 0;}

.jubaotz{ margin: 0 .15rem; overflow: hidden;}
.jubaotz_title{ overflow: hidden; font-size: .16rem; font-weight: bold;border-bottom: 1px solid #e9e9e9; padding:.2rem 0 .12rem 0;}
.jubaotz_title span{color: #ff6b8a; margin-left: .05rem; font-weight: bold;}
.jubaotz_list{ overflow: hidden; font-size: .14rem; font-weight: bold;border-bottom: 1px solid #e9e9e9; padding: .13rem 0;}
.jubaotz_list img{ display: block; width: .18rem; height: .18rem;float: left; margin:.02rem .1rem 0 0;}
.jubaotz_list span{ display: block; overflow: hidden;}
.onx{border-bottom:none;}
.jubaotz_zt{ padding: .12rem; background: #f9f9f9;border-radius: .1rem; overflow: hidden;}
.jubaotz_textarea{width:100%; font-size:.14rem; position: relative;z-index: 12; background: none;min-height:1.5rem; }

.onx1{ border-top:none; }

.plmycon{ width: 100%; overflow: hidden;border-top: 1px solid #e9e9e9; margin: .08rem 0; padding-top: .08rem; }
.plmycon span{color: #666;}

.zfjgbox{ margin:0 .15rem .15rem .15rem; overflow: hidden;}
.zfjgbox_tu{ width:.6rem; height: .6rem; overflow: hidden; margin:.4rem auto .12rem auto;}
.zfjgbox_title{ width: 100%; overflow: hidden; font-size:.18rem; color: #000;font-weight: bold; text-align: center; }
.zfjgbox_txt{ width: 100%; overflow: hidden; font-size:.12rem; color: #ff6b8a;font-weight: bold; text-align: center;margin-top: .12rem;}
.thong{ color: #f71b1b;}
.zfjgbox_con{ width: 100%; overflow: hidden;border-top: 1px solid #e9e9e9; margin-top: .26rem;}
.zfjgbox_con_li{width: 100%; overflow: hidden;border-bottom: 1px solid #e9e9e9; padding: .15rem 0;}
.zfjgbox_con_li_left{width: 32%;overflow: hidden; float: left; font-size: .12rem; color: #333; }
.zfjgbox_con_li_right{width: 66%;overflow: hidden; float: right; color: #000; text-align: right;}
.zfjgbox_con_li_right span{ color: #ff6b8a; font-size:.14rem; font-weight: bold;}
.zfjgbox_con_li_right text{ color: #ff6b8a; font-size:.18rem; font-weight: bold;}
.zfjgbox_but{ width: 100%; overflow: hidden; margin:.3rem 0; display: flex;justify-content:space-between;}
.zfjgbox_but_l{ width: 46%; height:.4rem; line-height: .4rem; text-align: center;overflow: hidden; font-size: .16rem; color: #666; border: 1px solid #ccc; border-radius: .2rem;}
.zfjgbox_but_l a{width: 100%; height: 100%; display: block; color: #666;}
.zfjgbox_but_r{ width: 46%; height:.4rem; line-height: .4rem; text-align: center;overflow: hidden; font-size: .16rem; font-weight: bold; background: #ff6b8a; color: #fff; border-radius: .2rem;}
.zfjgbox_but_r a{width: 100%; height: 100%; display: block;color: #fff;}	


/*returnTop*/
p#backtop{ width: .4rem; height: .4rem;
    position:fixed;
    display:none;
    bottom:.56rem;
    right:.1rem; z-index: 9999999999;
}
p#backtop img{ width: .4rem; height: .4rem;}

.davido .swiper-slide{ width: auto; margin-right:.2rem;}
.davido .swiper-slide:last-of-type{ margin-right: 0;}

.demo_one_right{ font-size:.13rem;}  

.tongs span.david_lo{ position: relative; margin-left: .24rem;display: block;}

.david_xptips{ margin: .1rem .1rem 0 .1rem; font-size: .12rem; background: #fff3eb; border-radius: .1rem; overflow: hidden; padding:.1rem; color: #f60;}
.david_xptips img{ float: left; width: .14rem; height: .14rem;}
.david_xptips span{display: inherit; margin-left: .2rem; margin-top: -.02rem;}

.david_xptips1{ margin: .1rem .1rem 0 .1rem; font-size: .12rem; background: #ffecec; border-radius: .1rem; overflow: hidden; padding:.1rem; color: #f71b1b;}
.david_xptips1 img{ float: left; width: .14rem; height: .14rem;}
.david_xptips1 span{display: inherit; margin-left: .2rem; margin-top: -.02rem;}

.pina_ul_right_one_david{ width: .14rem; height: .14rem; float: right; padding-left: .1rem;}
.pina_ul_right_one_david img{ width: .14rem; height: .14rem; vertical-align: top;}

.david_mobox,.david_mobox1{ width: 100%; height:.5rem; line-height:.5rem; font-size:.16rem; text-align: center; color: #000; border-bottom: 1px solid #e9e9e9;}
.david_mobox1{color: #f71b1b; border-bottom:0;}
.david_bgho{  width: 100%;height:.1rem; background: #f6f6f6;}
.david_clos{ width: 100%; height:.5rem; line-height:.5rem; font-size:.16rem; text-align: center; color: #666; margin-bottom: .1rem;}

.david_pltop{ width: 100%; height: .4rem; background: #f6f6f6; overflow: hidden;}
.david_pltop_txt{ margin: 0 .15rem; height: .4rem; line-height: .4rem; font-size: .12rem; color: #000; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.david_pltop_txt span{ color: #666;}
.david_plbox{ width: 100%; overflow: hidden;}
.david_plbox_li{width: 25%; float: left; overflow: hidden;text-align: center;font-size: .11rem; color: #333; margin-top: .3rem;}
.david_plbox_li img{width: .25rem; height: .25rem; display: block; margin: 0 auto .08rem auto;}
.david_quxiao{margin: .3rem .3rem .1rem .3rem; height: .4rem; line-height: .4rem; background: #f6f6f6; font-size: .16rem; color: #666; text-align: center; border-radius: .2rem;}

.david_rbut{ position: absolute; right: 0; top:0; width: .14rem; height: .14rem; padding: 0 0 .05rem .05rem;}
.david_rbut img{ width: .14rem; height: .14rem; vertical-align: top;}