﻿@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll; overflow-x:hidden;}
*html,*html body{_background:url(abont:blank);_background-attachment:fixed;}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,legend,input,textarea,blockquote,img{padding:0;margin:0;}
html,body{font:12px/1.4 "Microsoft YaHei";}
dl,ul,li{list-style:none;_display:block;}
a,i{-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:none; display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:""}
input,textarea,img{border:none;}
input::-moz-focus-inner{border:none;padding:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
a,area{blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl,nav li,.b-list li,.bz-list li,.main-guid li,.detail-nav li,.dropload a:nth-of-type(odd),.nav li,.check-tip i,.check-tip p,.club-member li,.club-act li:nth-of-type(odd),.joinway li:nth-of-type(odd){float:left;}/*左浮动*/
.fr,.dropload a:nth-of-type(even),.open,.club-act li:nth-of-type(even),.joinway li:nth-of-type(even){float:right;}
.rel{position:relative;}
.abs,.fh:after{position:absolute;}
.fn{font-weight:normal;}
.fb{font-weight:bold;}
.center{margin-left:auto; margin-right:auto;}
.t_c,nav li,.viewall,footer,.wraphead,.main-guid li,.detail-nav,.club-member li,.club-act li,.joinway li{text-align:center;}/*字居中*/
.t_right{text-align:right;}
em,i{ font-style:normal;}

/*样式集合*/
.wrapper,nav li img,.wrap-guid,.wrap,.main-detail img{margin:0 auto;}
.search-box,footer,.dropload a img,.detail-nav{width:100%;}
.login a,.check-tip i,.ljbl{color:#fff;}
.tj-price,.dp-price,.askmore,.asktxt,.main-detail h3,.alldis dt,.reminder em,.alldis h3{color:#ff3a70;}/*桃红*/
.search-input-box,nav,.askscroll,.pro,.viewall,footer,.bottombox,.dropload a,.detail-nav,.alldis li,.area-intro,.wrap-club section,.wrap-vip section{background:#fff;}
.search-icon,.askscroll,.viewall,footer a,.main-guid li a,.dropload a,.check-tip i,.open,.ljbl{display:block;}
.login,.search-input input,.pro h3,.tj-price,.dropload h3,.dp-price{font-size:13px;}
.wrapper,.search-box,.wrap-guid,.wrap{min-width:320px;max-width:920px;}
.wrapper,.askscroll,.pro h3,.wrap-guid,.main-guid li a,.dropload h3{color:#333;}
.search-input input,nav li a,.carousel,.viewall,.detail-nav,.main-detail,.nav li a,.main-check,.main-club,.main-vip{color:#666;}
.wrapper{background:#f5f5f5;}
/*首页*/
.wrapper section{padding-top:10px;}
.search-box{height:40px;position:fixed;top:0;color:#fff;z-index:99999;}
.box-cover{position: absolute;top:0;left:0;width:100%;height:100%;background:rgb(93,10,94);z-index: -1;opacity: 0}
.search{margin:0 10px;}
.logo,.login{position:absolute;height:100%;top:0}
.logo{width:68px;background:url(../images/logo.png) center no-repeat;background-size:68px;left:10px;}
.login{right:10px;line-height:40px;}
.search-input-box{height:30px;border-radius:16px;padding:0 16px;margin-left:76px;margin-right:38px;}
.search-input{margin-top:5px;}
.search-input input{width:65%;line-height:30px;vertical-align: middle;font-family: "微软雅黑";margin-left:5px;}
.search-icon{height:30px;width:11px;background:url(../images/search.png) center no-repeat;background-size:11px;}
/*首页导航*/
nav ul{padding-bottom:15px;}
nav li{width:25%;line-height:23px;padding-top:15px;}
.askscroll{padding:0 14px;line-height:30px;height:30px;overflow:hidden;}
.carousel{width:60%;}
.askmore{padding-left:8px;line-height:18px;border-left:2px solid #ff3a70;margin:6px 0;}
.asktxt{margin:0 5px;}
/*首页问题滚动*/
.carousels{width:60%;}
.slidedup{animation:slidedup 800ms linear;-webkit-animation:slidedup 800ms linear;-moz-animation:slidedup 800ms linear;-ms-animation:slidedup 800ms linear;-o-animation:slidedup 800ms linear; display:block !important;} 
@keyframes slidedup{from{transform:translate(0,30px);}to{transform:translate(0,0);}}
@-webkit-keyframes slidedup{from{-webkit-transform:translate(0,30px);}to{-webkit-transform:translate(0,0);}}
@-moz-keyframes slidedup{from{-moz-transform:translate(0,30px);}to{-moz-transform:translate(0,0);}}
@-o-keyframes slidedup{from{-o-transform:translate(0,30px);}to{-o-transform:translate(0,0);}}
@-ms-keyframes slidedup{from{-ms-transform:translate(0,30px);}to{-ms-transform:translate(0,0);}}
/*首页商品推荐*/
.fkswt{margin:24px 0;}
.pro-tj h2{margin-bottom:10px;}
.hotsale,.nxbj,.ydyz,.rxjb{margin-bottom:14px;}
.wrapper .swiper-container-tj .swiper-wrapper{margin:4px 0;}
.pro-txt{padding:0 5px;}
.pro p,.dropload p,.dropload h3,.carousels li{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.pro p,.dropload p{color:#999;margin-bottom:3px;}
.pro h3,.dropload h3{line-height:16px;margin:5px 0 3px;}
.tj-price,.dp-price{font-weight:bold;}
.viewall{line-height:30px;margin:0 10px;}
/*下拉加载*/
.pull-up { height:43px;line-height: 43px;text-align:center;position:relative;}
.pull-up .line { position: absolute; border-top: 1px solid #999;height:0px;left:27%;right:27%;top:48%;}
.pull-txt { position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:85px;padding-left:15px;background:url(../images/i_pull.png) 10px 14px no-repeat #f5f5f5;background-size:12px;}
.dropload a{width:49.5%;margin-bottom:4px;}
.listtxt{margin:0 8% 10px;}
.lists{overflow:hidden;}
.opacity{-webkit-animation:opacity 0.3s linear;animation:opacity 0.3s linear;}
@-webkit-keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}
.dropload-up,.dropload-down{position:relative;height:0;overflow:hidden;font-size:12px;    /* 开启硬件加速 */-webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down{height:50px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height:50px;line-height:50px;text-align:center;}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate 0.75s linear infinite;animation:rotate 0.75s linear infinite;}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0deg);}
	50%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}
/*首页底部*/
footer{margin-top:10px;padding-bottom:74px;background:#f5f5f5 url(../images/wrapbg.png) bottom no-repeat;background-size:320px;}
footer,footer a{color:#999;}
.b-list{padding:12px 0;}
.b-list li{width:23%;border-right:1px solid #999;line-height:12px;}
.b-list li:nth-child(3),.b-list li:nth-child(4){width:26%;}
.b-list li:nth-child(4){border:none;}
.bz-list{margin:0 5%}
.bz-list li{width:25%;margin-bottom:12px;}
.bz-list .li1{width:100%;}
.bz-list i{width:15px;height:15px;display:inline-block;vertical-align: middle;margin-right:2px;}
.bz-list .li1 i{background:url(../images/i_footer.png);background-size:75px;}
.bz-list .li2 i{background:url(../images/i_footer.png);background-size:75px;background-position:15px;}
.bz-list .li3 i{background:url(../images/i_footer.png);background-size:75px;background-position:30px;}
.bz-list .li4 i{background:url(../images/i_footer.png);background-size:75px;background-position:45px;}
.bz-list .li5 i{background:url(../images/i_footer.png);background-size:75px;background-position:60px;}

/*子页-疾病指导*/
.wrap header,.nav{border-bottom: 1px solid #ddd;}
.nav, i.nav_sjx {background: #f2f2f2;}  
.nav,.nav li{height:60px;}
.wrap header{text-align: center;color:#111;background:#fdfdfd;font-size:18px;position:relative;height:44px;line-height:45px;}
.gohome,.h-more{position:absolute;top:12px;}
.fh{left:5px;}
.fh:after{content: " ";width: 13px;height: 13px;border-left: 1px solid #979797;border-top: 1px solid #979797;border-bottom: transparent;border-right: transparent;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);left: 15px;top: 15px;}
.home{width: 40px;height: 44px;right: 5px;top:0;background: url(//img.jianke.com/mobile/2016/images/head.png) 40% 50% no-repeat;background-size: 200%;}
.homebg{background-position:120% 50%;}
.nav_box{display:none;}
.nav li{width:25%;}
i.nav_sjx {right: 22px;top: -6px;width: 10px;height: 10px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);transform: rotate(45deg);}
.nav i{width: 24px;height: 24px;background-image: url(//img.jianke.com/mobile/2016/images/icon.png);margin-top: 8px;background-size: 415%;display:inline-block;}
.nav_sy{background-position: -2% -97%;}
.nav_ss {background-position: -2% -72%;}
.nav_gwc{background-position: -2% -45%;}
.nav_gr{background-position: -33% 20%;}
.navshow{display:block;}

.wrap-guid .search{background:#f0f0f0;margin:0;padding:4px 0;}
.wrap-guid .search-input-box {border-radius:6px;padding:0 6px;margin:4px 5%;}
.main-guid{padding:10px 0;}
.main-guid h2,.main-detail h2,.main-check h2,.main-club h2,.main-vip h2{color:#fff;font-size:14px;line-height:35px;background:#5d0a5e url(../images/i_title.jpg) left no-repeat;background-size:17px;padding-left:27px;}
.main-guid ul{margin:15px 0 0 5%;}
.main-guid li{width:28%;line-height:30px;border-radius:4px;border:1px solid #999;margin:0 4% 15px 0;}
/*子页-疾病详情*/
.dis-reason p,.dis-reason,.dis-show,.dis-atten,.area-intro,.onemin dd{text-indent:1em;}
.dis-reason .sum,.main-detail li h3,.main-detail li p{margin-bottom:12px;}
.detail-nav{font-size:14px;}
.detail-nav li{width:21.3%;padding:10px 0;margin:0 3%}
.detail-nav li:nth-child(2){margin:0 12%;}
.dtn-select{border-bottom:2px solid #5d0a5e;}
.dtn-select,.main-detail h1{color:#5d0a5e;}
.main-detail,.main-check{line-height:18px;}
.main-detail h1{font-size:18px;line-height:49px;margin-left:17px;}
.main-detail h3{font-size:14px;line-height:14px;}
.dis-reason,.dis-show,.dis-atten{margin:12px 17px;}
/*子页-快速自测*/
.wrap-check,.wrap-area,.wrap-club,.club-act li,.wrap-vip{background:#f5f5f5;}
.check-tip{height:80px;background:#fff url(../images/check_tipbg.jpg) left no-repeat;background-size:74px;margin:10px 0;}
.check-tip i{font-size:16px;line-height:24px;margin:16px 10% 16px 16px;}
.check-tip p{width:72%;margin-top:13px;text-align:justify;}
.alldis li{margin-bottom:3px;padding:0 5%;}
.alldis h3{font-size:14px;line-height:40px;}
.alldis dl{margin-bottom:10px;}
.alldis dt{font-size:13px;line-height:28px;}
.reminder{padding-bottom:10px;}
.open{width:15px;height:7px;margin-top:15px;display:block;background:url(../images/i_down.jpg) no-repeat;background-size:100%;}
.close{background:url(../images/i_up.jpg) no-repeat;background-size:100%;}
.disbox{display:none;}
/*三个专区商品推荐*/
.area-intro{padding:12px 5%;margin-bottom:10px;}
.frswt{position:fixed;top:200px;right:5px; z-index:9999999;}
/*俱乐部*/
.club-join p,.bevip p{text-indent:2em;}
.main-club section,.main-vip section,.viplevel h2{margin-bottom:8px;}
.club-act ul,.club-member ul{width:94%;}
.club-member li,.joinway li,.joinway li h3{font-weight:bold;}
.club-join p,.bevip p{padding:12px 3%;line-height:18px;}
.club-member ul{padding-top:12px;margin:0 2.5% 0 3.5%;}
.club-member li{width:24%;margin:0 1% 12px 0;padding:5px 0;}
.club-member li:nth-of-type(odd){background:#ffecea;color:#f98a7f;}
.club-member li:nth-of-type(even){background:#fff8e8;color:#ffa517;}
.club-member li:last-child{width:49%;}
.club-act-sum{padding:12px 3%;border-bottom:3px solid #f5f5f5;}
.club-act ul{padding:12px 3%;}
.club-act li,.joinway li{width:48%;margin-bottom:15px}
.club-act li p,.joinway li p{line-height:13px;height:26px;margin:5px;overflow:hidden;}
.joinway ul{width:82%;padding:14px 9%;}
.joinway li{color:#ff3a70;background:#ffeff2;}
.joinway li img{padding:18px 29% 14px;border-bottom:1px dashed #ff3a70;}
.joinway li h3{padding:12px 0 5px;}
/*vip*/
.viplevel img{margin:10px auto;}
.viplevel dl,.vipcard3 p{margin:10px 3%;}
.viplevel dt{color:#ff4466;font-size:14px;line-height:38px;} 
.viplevel dd{line-height:18px;padding-left:18px;background:url(../images/vip_li_icon.jpg) 2px 5px no-repeat;background-size:8px;}
.vipcard1,.vipcard2,.vipcard3,.viplevel h2{border-bottom:8px solid #f5f5f5;}
.ljbl{margin:10px 3%;background:#5d0a5e url(../images/vipjoin.jpg) right no-repeat;background-size:62px;line-height:18px;padding:4px 0 4px 22px;border-radius:22px;}
.vipcard3 p{color:#999;}