@charset "utf-8";



/* common 通用设置 开始 */

* {

	margin: 0;

	padding: 0;

}

body {

	margin: 0;

	padding: 0;

	font-family: SimSun;

	color:#5e5e5e;

	font-family: "\5fae\8f6f\96c5\9ed1"; position:relative

}

img,h1,h2,h3,h4,h5,h6,p,div,ul,li,a,dl,dt,dd,table,tr,td,ol {

	margin: 0;

	padding : 0;

	border: 0;

	list-style: none;

	text-decoration: none;

	font-weight:normal;

}

a{

	text-decoration:none;

	color: #5e5e5e;

}

a:hover{

	text-decoration:none;

	color: #333;

}

i{

	font-style: normal;

}

.clear { 

	margin:0; 

	padding:0; 

	width:0; 

	height:0; 

	clear:both;

}

input , textarea{

	outline: none;

	border: none;

	font-family: "\5fae\8f6f\96c5\9ed1";

}

.bg_gray{

	background: #f8f8f8;

	padding-bottom: 52px;

}

.w1200{

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

.w94{

	margin: 0 auto;

}

/* ---   头部   开始   ---- */

.top{

	height: 52px;

	color: #fff;

	font-size: 20px;

	line-height: 52px;

	text-align: center;

	font-weight: bold;

	background: #ed8d1d;

}

.rank , .question_box{

	color: #96958a;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	padding: 0 4%;

	border-bottom: 1px solid #ececec;

}



.mian { padding-bottom:300px;}

/*浮动*/ 

.section_header {

	max-width: 640px;

	background: #FFF;

	height: 60px;

	border-bottom: 1px solid #EEE;

}



.section_header h2 {

	font-size: 18px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 0 3%;

	color: #195428;

	line-height: 60px;

}



.section_header .fixed {

	min-width: 638px;

	position: fixed;

	visibility: normal;

	background:#fff;

	top:0;

	border-bottom: 0 !important;

	z-index: 10000;

	box-shadow: 0px 1px 10px rgba(0,0,0,0.1);

}

.section_header_placeholder {

	height: 60px;

}



/*问题列表*/ 

.question.active{

    padding:20px 3%;

    position: relative;

}

.question.disabled{

	padding:0 3%;

    position: relative;

}

.question-container .question.disabled h3{

	text-overflow:ellipsis;

	font-size: 16px;

	height: 60px;

	white-space:nowrap;

	overflow:hidden;

	line-height: 60px;

	margin: 0;

}

.question-container .question h3 .question-no{

	margin-right: 5px;

}

.question-container .question.disabled .question-options {

    display: none;

}

.question-container .question {

    border-bottom: 1px solid #EEE;

}

.question-options ul {

    margin: 0;

    padding: 0;

}

.question-options li {

    font-weight: bold;

}

.question-options li {

    list-style: none;

    height: 46px;

    text-align: center;

    line-height: 46px;

    font-size: 16px;

    color: #195428;

    cursor: pointer;

    border: 1px solid #ed8d1d;

    background: #FFFFFF;

    margin-left: -1px;

}

.question-options li:nth-child(1) {

		border-radius: 6px 0 0 6px;

}

.question-options li:nth-last-child(1){

	border-radius: 0 6px 6px 0 ;

}

.question-options li.active {

    background: #ed8d1d;

    border-right: 1px solid #ed8d1d;

    margin-left: -1px;

    color: #FFF;

}

.col-xs-2-5 {

    width: 20%;

    float: left;

    position: relative;

    min-height: 1px;

}



/*active*/

.question-container .question.active h3 {

    height: 130px;

    padding-top: 20px;

    font-size: 18px;

    font-weight: bold;

    vertical-align: middle;

    display: table-cell;

    line-height: 160%;

    color: #195428;

    margin: 0;

}

.question-container .question.active h3 .question-no {

    font-size: 20px;

    font-weight: normal;

    display: block;

     position: absolute;

   	left: 20px;

    top: 20px;

}

.question-container .question.active h3 .question-no b {

    font-size: 22px;

}

.question-options-more .col-xs-2-5{

	width: 80%;

}

.question-options-more ul li{

	border-radius: 6px !important;

	margin-bottom: 7px;

}



.question-container .question.h_active h3{

	height: 20px;

	padding-top: 0;

	padding-bottom: 20px;

	font-size: 16px;

	line-height: 24px;

	font-weight: bold;

}



.question-container .question.h_active h3 .question-no{

	display: inline;

	position: static;

}



.question-container .question.h_active h3 .question-no b{

	font-weight: normal;

	font-size: 20px;

}



.put_on{

	width: 70%;

	margin: 50px auto 0;

}

.put_on input{

	width: 100%;

	height: 50px;

	color: #fff;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	background: #195428;

	padding-bottom: 50px;

	border-radius: 6px;

}

.sex{

	height: 48px;

	margin-top: 12px;

}

.sex li{

	float: left;

	width: 45%;

	margin-left: 3%;

	height: 46px;

    text-align: center;

    line-height: 46px;

    font-size: 16px;

    color: #666;

    border: 1px solid #cfcfcf;

    border-radius: 6px;

}

.sex li.active{

	color: #195428;

	 border: 1px solid #195428;

}





.tm{

	height: 3em;

}

.top-menu {	 width:100%; height:3em;  z-index:1;max-width:640px;margin:0 auto;}

.top-menu a{

	font-size:25px;

	color:#195428;

}

.back { height:3em; position:absolute; top:0; left:1em;}

.back img { width: 10px; height: 20px; float:left; margin-top:0.7em}

.name{width: 80%;height:1.4em;color: #ffffff;text-align:center;line-height:1em;margin: 0.8em 10%;display: block; font-size: 1.2rem;overflow: hidden;}



.my_bo{

	height: 52px;

	background: #f1f0f0;

}

.my_bo div{

	height: 42px;

	color: #999;

	font-size: 12px;

	line-height: 42px;

	background: #fff;

	padding-left: 3%;

	overflow: hidden;

}

.my_bo div span{

	color: #195428;

	font-size: 16px;

	margin-left: 10px;

}

.s_datagram{

	padding-top: 20px;

	border-bottom: 1px solid #bbb;

}

.s_datagram h4{

	color: #195428;

	font-size: 0.93rem;

}

.s_de_con li{

	color: #333;

	font-size: 0.87rem;

	line-height: 20px;

	padding: 20px 0;

	border-bottom: 1px solid #bbb;

}

.s_de_con li h4{

	color: #195428;

	font-size: 16px;

	margin-bottom: 10px;

}

.s_de_con li div{

	color: #333;

	font-size: 0.87rem;

	margin-bottom: 10px;

}

.s_de_con li div img{

	margin-right: 10px;

}

.s_again{

	width: 70%;

	height: 38px;

	line-height: 38px;

	background: #195428;

	border-radius: 19px;

	text-align: center;

	margin: 20px auto 0;

}

.s_again a{

	display: block;

	color: #fff;

	font-size: 0.93rem;

}

.s_five_an{

	margin: 22px auto;

}

.s_five_an h4{

	font-size: 16px;

	color: #195428;

	margin-bottom: 10px;

}

.s_five_an ul li{

	height: 46px;

	line-height: 46px;

	overflow: hidden;

	color: #333;

	font-size: 0.87rem;

	padding-left: 20px;

	background: #f2f2f2;

	margin-bottom: 6px;

}

.s_footer{

	width: 100%;

	height: 140px;

	background: url(../images/s_footer_plan.jpg) no-repeat top center;

	background-size: cover;

	text-align: right;

}

.s_footer img{

	margin: 20px 20px 0 0;

}





/*用药指南2*/

.b_lin{

	border: none;

}

.s_feature{

	border-top: 1px solid #bbb;

}

.s_feat_item{

	color: #195428;

	font-size: 16px;

	padding: 0 3%;

	height: 46px;

	line-height: 46px;

}

.s_feat_item span{

	float: right;

	width: 15px;

	height: 8px;

	background: url(../images/let_down.png) no-repeat;

	background-size: cover;

	margin-top: 20px;

}

.s_feature.active .s_feat_item{

	color: #fff;

	background: #04842f;

}

.s_feature.active .s_feat_item span{

	background: url(../images/let_up.png) no-repeat;

	background-size: cover;

}

.s_feature .disabled{

	display: none;

}

.s_feature .s_de_con li:last-child{

	border: none;

}

.s_datagram.b_lin{

	width:1000px;

}

#s_datagram_bx canvas{

	margin-left:-150px;

}





.s_feature_box .s_feature:last-child{

	border-bottom: 1px solid #bbb;

}

.yyzn_02{

	padding-bottom: 20px;

	border-bottom: 1px solid #bbb;

}