@charset "utf-8";
/* CSS Document */
/*-------------首页-------------*/
/*顶部导航*/
header{height: 70px; background: #fff; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px; position: relative; z-index: 999;}
header .logo{ width: 172px; height: 50px; display: block; float: left;margin: 10px 30px 0 0; position: absolute; z-index: 11;}
header .logo a{ width: 172px; height: 50px; background: url("/images/yuer_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:#FC5D24; padding-right: 15px; white-space: nowrap;}
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 .data_search:focus {  border: 1px solid #FC5D24; border-right: 0}*/
header .search_btn {  width: 40px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #ddd;  cursor: pointer; _background: #FC5D24;   background: #ddd url(http://www.meishitupian.cn/healthdiet/lib/yuer/images/yuer_custom.png) -50px -50px;  position: relative;  outline: 0}
header .search_btn:hover {  background: #FC5D24 url(http://www.meishitupian.cn/healthdiet/lib/yuer/images/yuer_custom.png) -50px -50px;    border: 1px solid #FC5D24}


/*下拉列表*/
.m-siteNav{height:0; position:absolute; z-index:999; width: 100%; display:block ; float: left; left: 0;}
.m-siteNav .nav-item{float:left;width: 120px;text-align:center;color:#333;}
.m-siteNav .g-area{ overflow:hidden; width: 600px; height: 70px;}
.m-siteNav .nav-main{ width: 750px; _width: 600px; margin: auto; line-height:70px;font-size:16px;font-weight:bold; overflow:hidden; color: #333; }
.m-siteNav .nav-main .nav-item.active{border-bottom: 2px solid #FC5D24; color: #FC5D24; height: 68px;}
.m-siteNav .nav-sub{display: block; width: 100%;height:210px; visibility:hidden; overflow:hidden; z-index:111; background:#eeeeee;background:rgba(238,238,238,.95);-webkit-transition:all .3s;transition:all .3s; opacity:0; box-shadow: 0 5px 10px rgba(102,102,102,.4);}
.m-siteNav.active .nav-sub{visibility:visible; opacity:1;}
.m-siteNav .nav-sub .g-area{height:auto;width: 750px; _width: 600px; margin: auto;}
.m-siteNav .nav-sub .nav-item{overflow:hidden;padding: 15px 0;border-left: 1px solid #ddd;width: 119px; height:180px; position:relative;-webkit-transition:all .3s;transition:all .3s;}
.m-siteNav .nav-sub .nav-item:first-child{border-color:transparent;}
.m-siteNav .nav-sub .nav-item li{ width: 119px; height: 40px; line-height: 40px;  text-align: center;}
.m-siteNav .nav-sub .nav-item a{font-size:14px;color:#333;}
.m-siteNav .nav-sub .nav-item.active{position:relative;z-index:11;background:#fff;border-color:transparent;}
.m-siteNav .nav-sub .nav-item.active + .nav-item{border-color:transparent}
.m-siteNav .nav-sub .nav-item li a{color: #555; display: block;}
.m-siteNav .nav-sub .nav-item li a:hover{color: #FC5D24;}

@media(max-width: 1199px) {
    .m-siteNav .nav-item{width: 100px;}
    .m-siteNav .g-area{ width: 500px;}
    .m-siteNav .nav-main{ width:630px; }
    .m-siteNav .nav-sub .g-area{width: 630px; }
    .m-siteNav .nav-sub .nav-item{width: 99px; }
    .m-siteNav .nav-sub .nav-item li{ width: 99px;}
}


/*焦点图特效*/
.box1{height: 370px;}
#focus{position: relative;height:370px;width:580px; display: block; float: left; overflow:hidden;z-index:0;}
#focus .bd{position: relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 50px;height: 120px;top:50%; margin-top: -60px;}
#focus .btn-prev{left: 0;background: url(http://www.meishitupian.cn/healthdiet/lib/yuer/images/yuer_custom.png) no-repeat 0 -100px; }
#focus .btn-next{right: 0;background: url(http://www.meishitupian.cn/healthdiet/lib/yuer/images/yuer_custom.png) no-repeat -50px -100px;}
#focus .focus-bar-box{width:580px;height: 370px;position: relative;overflow: hidden;;}
#focus .focus-bar{width:3200px}
#focus .focus-bar li{float: left;width:1190px;height: 370px}
#focus .focus-bar li a{width:580px;height:370px;display: block}
#focus .focus-bar li img{width: 580px; height:370px;}
#focus .ft{width: 580px; }
#focus .change{width: 90px; position: absolute; right:0; bottom: 12px;height: 10px; z-index:2; overflow:hidden; padding-top: 2px;}
#focus .change a{float: left;  width: 6px;height:6px; margin:0 4px; background:#eee; border-radius: 6px;}
#focus .change a.on{background:#FC5D24;width: 10px;height:10px; margin-top: -2px;}
#focus .hd{position: absolute;z-index:2;  background: rgba(0,0,0,.5);  left:0; bottom:0; font-size:16px;width:440px;color:#fff; overflow:hidden; padding: 0 120px 0 20px; height: 40px; line-height: 40px; }
#focus .hd a{color: #fff;}

@media(max-width: 1199px) {
    .box1{height: 320px;}
    #focus{height:320px;width:500px;}
    #focus .focus-bar-box{width:500px;height: 320px;}
    #focus .focus-bar{width:2500px}
    #focus .focus-bar li a{width:500px;height:320px;}
    #focus .focus-bar li img{width: 500px; height:320px;}
    #focus .ft{width: 360px; }
    #focus .hd{width:360px;}
}

/*编辑推荐*/
.box1 .center{width: 330px; padding:0 30px; height: 370px;display: block; float: left; overflow: hidden;}
.box1 h2{ font-size: 18px; height: 50px; line-height: 30px;}
.box1 .center section{height: 80px;padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid #F1F1F1; display: block; overflow: hidden;}
.box1 .center section a{ height: 80px; display: block; overflow:hidden;}
.box1 .center section span{width: 116px; height: 80px; display: block; float: left; margin-right:15px; }
.box1 .center section span img{width: 116px; height: auto; min-height: 80px; }
.box1 .center section h3{ font-size: 16px; line-height: 24px; font-weight: bold; padding-bottom: 12px;}
.box1 .center section p{color: #999; line-height: 22px;}
/*育儿经验*/
.box1 .right{width: 220px; display: block; float: left; }
.box1 .right ul{border-top: 1px solid #F1F1F1; margin-bottom: 20px; }
.box1 .right ul li{display: block; height: 50px; line-height: 50px;overflow: hidden; background: url("/images/yuer_custom.png") no-repeat -160px -50px; padding-left: 15px;border-bottom: 1px solid #F1F1F1;}
.box1 .right .more a{background: #91C154; color: #fff; height: 42px; display: block; text-align: center; line-height: 42px; border-radius: 3px;}
.box1 .right .more a:hover{ background: #7db033; color: #fff;}

@media(max-width: 1199px) {
    .box1 .center{width: 250px; padding:0 20px; height: 320px;}
    .box1 .center section{height: 68px;padding-bottom: 16px; margin-bottom: 16px;}
    .box1 .center section a{ height: 68px; }
    .box1 .center section span{width: 100px; height: 68px;}
    .box1 .center section span img{width: 100px; height: auto; min-height: 68px; }
    .box1 .center section h3{ font-size: 14px; line-height: 20px; padding-bottom: 8px;}
    .box1 .right{width: 200px;  }
    .box1 .right ul{margin-bottom: 12px; }
    .box1 .right ul li{ height: 42px; line-height: 42px;background: url("/images/yuer_custom.png") no-repeat -160px -55px;}
}

/*-------新生儿--------*/
.box2{ width: 1190px;margin:40px auto 0; _margin:0 auto;}
.box2 .title{ height: 50px; display: block; border-bottom: 1px solid #FFA576; }
.box2 .title h2{display: block; float: left; font-size: 28px;line-height: 50px;}
.box2 .title span{ height: 50px; width: 50px; display: block; float:left; margin: 1px 10px 0 0;  background: url("/images/yuer_custom.png") 0 -50px;}
.box2 .title ul{padding: 20px 0 0 40px; display: block; float: left;}
.box2 .title ul li{display: block; float: left;}
.box2 .title ul li a{ color: #FC5D24;padding: 0 10px;}
.box2 .title ul li a:hover{ color: #FC5D24; text-decoration: underline;}
.box2 .title em{color: #ddd;}

/*内容*/
.box2 .box2_con{padding:0 0 30px 0; _padding:0;  }
/*左侧内容*/
 .box2_con .left{width: 420px; height: 490px; padding:30px 40px 0 0; display:block; float: left; overflow: hidden;}
 .box2_con .left_top{ display: block; overflow: hidden;  margin-bottom: 25px;}
 .box2_con .left_top h3,.box2_con .center h3{font-size: 20px; line-height: 28px; display: block; height: 30px; overflow:hidden; }
 .box2_con .left_top p{ display: block;position: relative; padding:10px 0 0 45px; color: #999; height: 45px; overflow:hidden;}
 .box2_con .left_top p span{width: 22px; height: 14px; display: block; position: absolute; left: 10px;top: 10px; background: url("/images/yuer_custom.png") -100px -50px;}
 .box2_con .left_top ul{ width: 480px; height: 120px; overflow: hidden; margin-top: 25px; margin-bottom: 20px;}
 .box2_con .left_top ul li{ width: 130px; display: block; float: left; margin-right: 10px; text-align: center;}
 .box2_con .left_top ul li span{ width: 130px; height: 90px; display: block;  overflow: hidden; margin-bottom: 10px;}
 .box2_con .left_top ul li span img,.box2_con .center span img,.box3_con .top img{ width: 130px; height: auto; min-height: 90px;}
/*左侧下半部分*/
.border{border-bottom: 1px solid #eee;}
.box2_con .left .btm_left{ width: 190px; display: block; float: left; padding-right: 20px;}
.box2_con .left .btm_left p{width: 190px; height: 132px; display: block; overflow: hidden; position: relative; margin-bottom: 12px;}
.box2_con .left .btm_left  p img{width: 100%; height: auto; min-height: 132px;}
.box2_con .left .btm_left  p img:hover{opacity: .9;}
.box2_con .left .btm_left  p em{display: block; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; width:160px; padding: 5px 15px; line-height: 20px; text-align: center; }
.box2_con .left .btm_left  p:hover em{background: #FFA576;}
.box2_con  .left .btm ul li{display: block; height: 36px; line-height: 36px;overflow: hidden; background: url("/images/yuer_custom.png") no-repeat -160px -90px; padding-left: 15px;}
.box2_con .center{height: 90px; overflow: hidden; padding-top: 25px; border-top: 1px solid #eee; margin-top: 10px;}
.box2_con .center span,.box3_con .top span{ width: 130px; height: 90px; display: block;  overflow: hidden;float: left; margin:0 20px 0 0;}
.box2_con .center p,.box3_con .top p{ display: block;padding:10px 0 0 0; color: #999; max-height: 45px; overflow:hidden;}

/*右侧内容*/
.box2_con .right{width: 270px; display: block; float: right; background:#F5F5F5; padding: 10px 0;}
.box2_con .right ul{padding: 15px 20px;}
.box2_con .right ul li{display: block; height: 36px; line-height: 36px;overflow: hidden; background: url("/images/yuer_custom.png") no-repeat -150px -120px; padding-left: 25px; margin-left:-7px; }

@media(max-width: 1199px) {
    .box2{width: 990px; }
    /*左侧内容*/
    .box2_con .left{width: 370px; padding-right: 25px;}
    .box2_con .left_top ul{ width: 390px; height: 110px;}
    .box2_con .left_top ul li{ width: 115px; margin-right: 12px;}
    .box2_con .left_top ul li span{ width: 115px; height: 80px;}
    .box2_con .left_top ul li span img{ width: 115px; height: auto; min-height: 80px;}
    .box2_con .right{width: 200px;}
}

/*0~1岁、1~3岁、3岁以上*/
.box3{border-top: 1px solid #CDEAE1; padding-top: 30px; }
.box3_con{width: 370px; display: block; float: left; padding-right: 40px;}
.box3_con3{padding-right: 0;}
.box3_con .title{ background: #DEF2EB;position: relative; height: 28px; line-height: 28px; margin-bottom: 25px; text-align: right;}
.box3_con .title span{display: block; width: 16px; height: 10px; background: url("/images/yuer_custom.png") -100px -70px; _background: none; position: absolute; left: 0; bottom:-10px;}
.box3_con .title h3{height: 28px; padding: 0 10px; display: block; float: left; background:#78C6AF; color: #fff; font-size: 18px; }
.box3_con .title a{padding-right: 12px;}
.box3_con .top {height: 90px; margin-bottom: 20px; display: block; overflow: hidden;}
.box3_con .top h3{font-size: 18px; font-weight: bold;line-height: 26px;}
.box3_con ul{border-top: 1px solid #eee; padding-top: 15px;}
.box3_con ul li{height: 36px; line-height: 36px; display: block; overflow: hidden;}
.box3_con ul li em a{color: #47a88c; height: 20px; padding-right: 10px; border-right: 1px solid #ddd; margin-right: 15px;}
.box3_con ul li em a:hover{text-decoration: underline;}

@media(max-width: 1199px) {
    .box3_con{width: 310px; display: block; float: left; padding-right: 30px;}
    .box3_con3{padding-right: 0;}
    .box3_con .title h3{ padding: 0 7px; font-size: 16px; }
    .box3_con .title a{font-size: 12px; padding-right: 10px;}
    .box3_con .top h3{font-size: 16px; }



}