@charset "utf-8";
/* CSS Document */
/*-------------首页-------------*/
h2{ font-size: 20px;}
/*顶部导航*/
header{height: 70px; background: #fff; border-bottom: 1px solid #f1f1f1; position: relative; z-index: 999;}
header .logo{ width: 200px; height: 55px; display: block; float: left;margin: 8px 30px 0 0; position: absolute; z-index: 11;}
header .logo a{ width: 200px; height: 55px; background: url("/images/fuke_custom.png") 0 0; display: block; }
header ul{ width:490px;height: 70px; overflow: hidden; display:block; float: left; line-height: 70px;}
header ul li{display: block; float: left; color:#EF4C4D; padding-right: 15px; white-space: nowrap;}
header .WeChat{ width: 320px; display: block;float: right;text-align: right; line-height: 70px; color: #999;   margin-right: 0;  position: relative; padding-right: 50px;}
.WeChat .img{ background: url(http://www.meishitupian.cn/healthdiet/lib/fk/images/fuke_custom.png) no-repeat -240px -270px; position: absolute; right: 10px; top: 17px;  display: block; float: right; height: 36px;  width: 36px;}
.WeChat a span { background: url("/images/fuke_custom.png") no-repeat 0 -270px;    position: absolute;    width: 144px; height: 150px;    right: -12px;    top: 30px;    display: none;}
.WeChat a.img:hover span{display:inline !important;}
header .header_search { width: 240px; display: block; float: right;   margin-top: 15px;}
header .header_search .topLayerTxt {margin: 0 !important; float: left}
header .header_search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search-btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 200px;  *width: 165px; _width: 162px;    height: 40px; *height:38px; line-height: 40px;   border: 1px solid #ddd;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .search_btn {  width: 40px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #ddd;  cursor: pointer; _background: #EF4C4D;   background: #bbb url(http://www.meishitupian.cn/healthdiet/lib/fk/images/fuke_custom.png) -210px 0;  position: relative;  outline: 0}
header .search_btn:hover {  background: #EF4C4D url(http://www.meishitupian.cn/healthdiet/lib/fk/images/fuke_custom.png)  -210px 0;    border: 1px solid #EF4C4D}
/*分类导航*/
.topbox{ width: 100%; height: auto; background: url("/images/fuke_bg.png");}
.subnav{padding: 30px 0;}
.subnav  li{ display: block; float: left; width: 25%; *width: 24.9%;}
.subnav li span{display:block; float: left; margin:3px 15px 0 0;}
.subnav li .span1{width:60px; height:70px; background: url("/images/fuke_custom.png") no-repeat 0 -60px;  }
.subnav li .span2{width:70px; height:70px; background: url("/images/fuke_custom.png") no-repeat -70px -60px;  }
.subnav li .span3{width:72px; height:70px; background: url("/images/fuke_custom.png") no-repeat -140px -60px;  }
.subnav li .span4{width:75px; height:70px; background: url("/images/fuke_custom.png") no-repeat -220px -60px;  }
.subnav li ul{display: block; float: left; width: 200px;}
.subnav li ul h3{font-size: 18px; padding-bottom: 6px;}
.subnav li ul li{width: 50%; display:block; float: left; line-height: 22px;}
.subnav li ul li a{ color: #666;}
.subnav li ul li a:hover{ color: #EF4C4D;}
@media(max-width: 1199px) {
    .subnav li ul{width: 155px;}
}

.topbox .btn{ height: 300px; padding: 35px 0; position: relative;}
/*常见疾病*/
.topbox .btn .left{width: 290px; height: 330px; padding: 35px 40px; display: block; float: left; background: url("/images/fuke_bg2.png") no-repeat; margin-top: -35px;}
.topbox .btn .left ul{margin: 20px 0 10px 0;}
.topbox .btn .left ul li {display: block; float: left; width: 30%; margin: 0 1.5% 8px 1.5%; _margin: 0 0.3% 8px 0.2%; text-align: center; line-height: 34px; height: 34px; overflow:hidden; color: #666; border-radius: 20px; }
.topbox .btn .left ul li a{ background: #FFF7F7;display: block;}
.topbox .btn .left ul li a:hover{background: #EF4C4D; color: #fff;}
.topbox .btn .left p{text-align: center;}
.topbox .btn .left p a{color:#EF4C4D;}
.topbox .btn .left p a:hover{color:#EF4C4D; text-decoration: underline;}
@media(max-width: 1199px) {
    .topbox .btn .left{width: 260px; height: 330px;background: url("/images/fuke_bg2.png") no-repeat ; background-size:340px 360px;}
    .topbox .btn .left ul li { line-height: 30px; height: 30px; }

}
/*轮播图-大米社区*/
.topbox .btn .center{width: 470px; display:block ; float: left; padding: 0 30px; position: relative;}
#focus{position: absolute;height:140px; width:470px; display: block; float: left;z-index:0; border-bottom: 1px solid #E6E6E6; _overflow: hidden; }
#focus .bd{position: relative; }
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 22px;height: 34px;top:50%; margin-top: -31px;}
#focus .btn-prev{left: 0;background: url(http://www.meishitupian.cn/healthdiet/lib/fk/images/fuke_custom.png) no-repeat -150px -360px; }
#focus .btn-next{right: 0;background: url(http://www.meishitupian.cn/healthdiet/lib/fk/images/fuke_custom.png) no-repeat -180px -360px;}
#focus .focus-bar-box{width:470px;height: 140px;  position: relative;overflow: hidden;;}
#focus .focus-bar{width:2350px}
#focus .focus-bar li{float: left;width:470px;height: 140px}
#focus .focus-bar li a{width:470px;height:110px;display: block; }
#focus .focus-bar li img{width: 160px; height:auto; min-height: 110px;}
#focus .ft{width: 470px; height:110px;}
#focus .change{width: 104px; position: absolute; right:0; bottom:-5px;height: 10px; z-index:2; overflow:hidden; left: 50%; margin-left: -52px; }
#focus .change a{float: left;  width: 10px;height:10px; margin:0 4px; background:#D5D5D5; border-radius: 6px;}
#focus .change a.on{background:#F9AE1D;width: 24px;height:10px; }
#focus .hd{position: absolute; left:180px; top: 0;width:290px;color:#222; overflow:hidden; height: 110px;}
#focus .hd a{width: 290px; height: 110px;display: block;}
#focus .hd h3{ font-size: 18px; line-height: 26px; padding-bottom: 13px;}
#focus .hd p{color: #999; line-height: 22px;}
/*大米妇科社区*/
.topbox .btn .center section{ position: absolute; display: block; top: 150px; width: 470px;}
.topbox .btn .center section h2{ line-height: 50px; display: block; }
.topbox .btn .center section p{ color: #999; height: 100px; overflow: hidden; padding-top: 5px;}
.topbox .btn .center section span{ width: 80px; height: 80px; display: block; float: right; background: url("/images/fuke_custom.png") no-repeat -150px -270px; margin:18px 0 0 13px; }

@media(max-width: 1199px) {
    .topbox .btn .center{width: 370px; padding: 0 25px;}
    #focus{width:370px; }
    #focus .focus-bar-box{width:370px;}
    #focus .focus-bar{width:1850px}
    #focus .focus-bar li{width:370px;}
    #focus .focus-bar li a{width:370px;}
    #focus .hd a{width: 190px; height: 110px;}
    .topbox .btn .center section{  width: 370px;}

}

/*热门问答*/
.topbox .btn .right{ width: 290px; display: block; float: right;}
.topbox .btn .right_title{line-height: 26px; padding-bottom: 15px;}
.topbox .btn .right_title h2{ display: block; float: left;}
.topbox .btn .right_title a{ display: block; float: right; padding: 0 10px; background: #F9AE1D; color: #fff; border-radius: 15px;}
.topbox .btn .right_title a:hover{background: #222; color: #fff;}
.topbox .btn .right ul{border-left:2px solid #E4E4E4; margin-left: 10px; }
.topbox .btn .right ul li{line-height: 36px; background: url("/images/fuke_custom.png") no-repeat -300px 0;  padding-left: 25px; display: block; height: 36px; overflow: hidden; margin-left: -9px; }
.topbox .btn .right ul li:hover{ background: url("/images/fuke_custom.png") no-repeat -300px -40px; }

@media(max-width: 1199px) {
    .topbox .btn .right{ width: 230px;}
}

/*中间板块内容*/
/*大标题*/
.title{padding: 40px 0 20px 0; _padding: 40px 0 10px 0; line-height: 40px; height: 40px; text-align: center; position: relative; border-bottom:8px solid #F5F5F5; margin-bottom: 20px; _margin-bottom: 0; }
.title h2{ font-size: 30px;}
.title span{display: block; position: absolute;  width:138px; height: 66px; left: 50%; margin-left: -69px; bottom: -48px; _bottom: 0px; font-family: Galleria; font-size: 24px; text-align: center; color: #fff; line-height: 50px; _display: none;  }
.title .span1{ background: url("/images/fuke_custom.png") no-repeat 0 -130px;}
.title .span2{ background: url("/images/fuke_custom.png") no-repeat -140px -130px;}
.title .span3{ background: url("/images/fuke_custom.png") no-repeat 0 -200px;}
.title .span4{ background: url("/images/fuke_custom.png") no-repeat -140px -200px;}

/*妇科炎症*/
.padding{padding-right: 40px;}
.box1 a:hover{ color: #f0556e;}
.box1 .left,.box2 .left{ width: 570px; display: block; float: left;}
.box1 h3,.box2 h3{ font-size: 22px;line-height: 50px; padding-top: 20px;}
.box1 .top article,.box1 .btm article{ width: 310px; height: 180px; display: block; float: left; overflow: hidden; margin-right: 40px; border-top: 1px solid #EDEDED;}
.box1 .top article h4{font-size: 18px; height: 60px; line-height: 60px; overflow: hidden;}
.box1 .top article span{width: 170px;height: 118px; display: block; float: left; margin-right: 15px;}
.box1 .top article span img{width: 100%; height: auto; min-height: 118px;}
.box1 .top article p{color: #999; line-height: 24px;}
.box1 ul{border-top: 1px solid #EDEDED; width: 220px; display: block; float: left;}
.box1 ul li{height: 44px; line-height: 44px;border-bottom: 1px solid #EDEDED; overflow: hidden; background: url("/images/fuke_custom.png") no-repeat -300px -80px; padding-left: 15px; }
.box3 ul li{ background: url("/images/fuke_custom.png") no-repeat -300px -150px;  }

.box1 .btm article{border: none;}
.box1 .btm article a{ height: 74px; display: block; overflow: hidden; border-bottom: 1px solid #EDEDED; padding-bottom: 15px; margin-bottom: 15px; }
.box1 .btm article a span{width: 110px; height: 74px; display: block; overflow: hidden; float: left; margin-right: 15px;}
.box1 .btm article a span img{width:100%; height:auto; min-height: 74px;}
.box1 .btm article h4{ height: 24px; font-size: 16px; line-height: 24px;margin-bottom: 10px; overflow: hidden;}
.box1 .btm article p,.box2 .top .right section p{color: #999; height: 40px; line-height: 22px; overflow: hidden;}

@media(max-width: 1199px) {
    .padding{padding-right: 30px;}
    .box1 .left,.box2 .left{ width: 480px;}
    .box1 .top article,.box1 .btm article{ width: 260px; margin-right: 20px;}
    .box1  ul{ width: 200px;}
    .box1 .btm article{border: none;}
    .box1 .btm article h4{ height:74px;overflow: hidden;}
    .box1 .btm article p{display: none;}
}

/*妇科肿瘤*/
.box2 a:hover{ color: #2bb6cc;}
.box2 .top{position: relative;height: 160px;}
.box2 .top .img{ width: 230px; height: 160px; display: block; float: left; overflow: hidden;}
.box2 .top .img img{ width: 100%; height: auto; min-height: 160px;}
.box2 .top .img img:hover{opacity: .9;}
.box2 .top .right{ width: 340px;height: 160px; display: block; float: left; overflow: hidden;}
.box2 .top .right section{ height: 80px; overflow: hidden; padding-left:25px; }
.box2 .top .right section h4 span{width: 24px; height: 22px; display: block; float: left; margin-right: 15px; background: url("/images/fuke_custom.png") no-repeat -280px -290px;}
.box2 .top .right section h4{font-size: 18px; height: 24px; overflow: hidden; margin-bottom: 10px;}
.box2 .top .right ul{ border-top: 1px solid #EDEDED;padding:10px 0 0 25px; margin-top: 15px;}
.box2 .top .right ul li{height: 30px; line-height: 30px; overflow: hidden; background: url("/images/fuke_custom.png") no-repeat -300px -125px; padding-left: 15px; }
.box4 .top .right ul li{ background: url("/images/fuke_custom.png") no-repeat -300px -193px; }
.box2 .top .span1{ width:9px; height: 9px; display: block; overflow: hidden; background: #73D2E1; position: absolute; right:0; bottom: 60px; }
.box4 .top .span1{  background: #aed05a; }
.box2 .btm article{ width: 360px; height: 160px; display: block; float: left; overflow:hidden;}
.box2 .btm article a{width: 170px; height: 160px; padding-right: 10px; display: block; float: left; text-align: center; line-height: 40px;}
.box2 .btm article span{width: 170px;height: 116px; display: block; overflow: hidden; }
.box2 .btm article span img{width: 100%;height:auto; min-height: 116px;}
.box2 .btm ul{ width: 195px; display: block; float: left; padding-left: 15px; margin-top: -8px;}
.box2 .btm ul li{height: 40px; line-height: 40px; overflow: hidden; background: url("/images/fuke_custom.png") no-repeat -300px -120px; padding-left: 15px; }
.box4 .btm ul li{ background: url("/images/fuke_custom.png") no-repeat -300px -188px;  }

@media(max-width: 1199px) {
    .box2 .top .right{ width: 250px;height: 160px; }
    .box2 .top .right section{  padding-left:20px; }
    .box2 .top .right ul{ padding:10px 0 0 20px;}
    .box2 .top .right section h4{font-size: 16px;}
    .box2 .btm article{ width: 300px; height: 160px; }
    .box2 .btm article a{width: 140px; line-height: 24px; }
    .box2 .btm article a span{width: 140px;height: 96px; margin-bottom: 10px; }
    .box2 .btm article a span img{min-height: 96px;}
    .box2 .btm ul{ width: 165px; }
}

.box3 a:hover{ color: #ffa200;}
.box4 a:hover{ color: #92bd28;}

#focus{position: absolute;height:125px; width:470px; display: block; float: left;z-index:0; border-bottom: 1px solid #E6E6E6; _overflow: hidden; }
#focus .focus-bar-box{width:470px;height: 125px;  position: relative;overflow: hidden;;}
#focus .focus-bar li{float: left;width:470px;height: 125px;}

/*大米妇科社区*/
.tab{ position: absolute; display: block; top: 150px; width: 470px;}
.tab .box{ width:100%; height:auto; border-top:2px #F06983 solid; display:none; padding: 15px 0;}
.active{ background:#F06983; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tab ul li{ display: block; float: left; height: 30px; padding: 0 15px; text-align: center;line-height: 30px; font-size: 18px;}
.tab .box h2{ line-height: 50px; display: block; }
.tab .box p{ color: #999; height: 70px; overflow: hidden; padding-top: 5px;}
.tab .box span{ width: 80px; height: 80px; display: block; float: right; background: url("/images/fuke_custom.png") no-repeat -150px -270px; margin-left: 13px; }
.tab .box  ul li{ width: 40%; height: 30px; line-height: 30px; display: block; float: left; overflow: hidden; font-size: 14px;}
.tab .box  ul{ padding: 0px 0 10px 0;}
.tab .box  ul li{ width: 44%; padding: 0 3.5% 0 2.5%; display: block; float: left; height: 30px;; line-height: 30px;overflow:hidden; background: url("../images/custom.png") no-repeat -300px -233px; }
.tab .box .more{text-align: right;}
.tab .box .more a{ color: #999;}
.tab .box .more a:hover{ color:#EF4C4D;}

@media(max-width: 1199px) {
    .topbox .btn .center{width: 370px; padding: 0 25px;}
    #focus{width:370px; }
    #focus .focus-bar-box{width:370px;}
    #focus .focus-bar{width:1850px}
    #focus .focus-bar li{width:370px;}
    #focus .focus-bar li a{width:370px;}
    #focus .hd a{width: 190px; height: 110px;}
    .topbox .btn .center section{  width: 370px;}
    .tab{ position: absolute; display: block; top: 150px; width: 370px;}

}