@charset "utf-8";
/* CSS Document */

/*-----------首页-------------*/
/*大标题*/
.title{font-size: 26px; text-align: center; line-height: 120px; height: 120px; overflow: hidden;position: relative;}
.title span{width: 44px; height: 4px; display: block; overflow: hidden;position: absolute; left: 50%; margin-left: -20px; border-radius: 4px; background: #CECECE; bottom: 30px; }

/*热门营养师推荐*/
.toplist{padding-bottom: 50px;}
.toplist ul li{width: 25%; *width: 24.9%; padding-top: 150px; display: block; float: left; text-align: center; position: relative;}
.toplist ul li span{width: 140px; height: 140px; display: block; position: absolute; left: 50%; margin-left: -70px; border-radius: 70px; overflow: hidden; top: 0;}
.toplist ul li span img{width: 140px; height: auto; min-height: 140px;}
.toplist ul li h2{font-size: 20px;}
.toplist ul li p{color: #999; text-align: center; padding: 10px 30px; line-height: 20px;}
.toplist ul li em{ width: 70px; height: 14px; display: block; background:url(../images/dietitian_share_custom.png) -300px 0; left: 50%; margin-left: -35px; position: absolute;}

/*营养师文章*/
.centerlist{background: #F0F2F6; padding-bottom: 50px;}
.centerlist_padding{padding-right: 50px;}
.centerlist section{ width:570px; padding-bottom: 50px; display: block; float: left; } 
.centerlist section h2{ height: 30px; line-height: 30px; overflow: hidden; font-size: 20px; background:url(../images/dietitian_share_custom.png) -380px 0 no-repeat; padding-left: 20px;}
.centerlist section p{color: #888; height: 50px; overflow: hidden; margin: 10px 0;}
.centerlist section .btm{line-height: 40px; color: #999;}
.centerlist section .btm span{ width: 40px; height:40px; display: block; float: left;border-radius: 20px; overflow: hidden; margin-right: 10px;}
.centerlist section .btm span img{ width: 40px; height: auto; min-height: 50px;}
.centerlist section .btm a{ color: #0092d1; padding-right: 20px;}
.centerlist section .btm a:hover{ color: #0092d1; text-decoration: underline;}
.more{text-align: center; height: 32px; line-height: 32px; display:block;}
.more a{padding: 7px 20px; background: #28A0E4; color: #fff;}
.more a:hover{background: #0092d1; }

@media(max-width:1190px){
	.centerlist section{ width:470px;} 
}

/*最新问答*/
.btmlist{ padding-bottom: 30px;}
.btmlist section{ width: 360px; height: 120px; overflow: hidden; display: block; float: left; margin-bottom: 40px;}
.btmlist .center{padding: 0 55px;}
.btmlist section h2{ font-size: 18px;  line-height: 26px;margin-bottom: 15px;}
.btmlist section p{color: #888; height: 70px; overflow: hidden; position: relative; padding-left: 20px;} 
.btmlist section p span{ font-family: Arial; font-size: 40px; display: block; float: left; padding: 5px 6px 0 0; position: absolute; top: 0; left: 0; *left: -20px; color: #FDAC09;}

@media(max-width:1190px){
.btmlist section{ width: 310px;}
.btmlist .center{padding: 0 30px;}
}