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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,img, pre, form, fieldset, legend, button, input, textarpea, th, td,label,header,section,footer{margin: 0;padding: 0;border: 0;font-family:"YouYuan","arial";font-size:14px;}
body{min-width: 320px;max-width:640px;margin:0 auto; font-size:62.5%;font-size:1.4rem;min-height: 100%; overflow-x: hidden;overflow-y: auto; background-size:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);padding-bottom:80px}

ul ,li,ol{ list-style:none;}
img{ width:100%; display:block;}
a{text-decoration:none;color:#000}
.clear{ clear:both}
.shodow{border-bottom:15px solid #f0f0f0}





/*ҽʦ��Ϣ*/
.expert_profile{padding:5px 20px 3% 20px;background:#fff;margin-bottom:10px}
.expert_profile .profile_top{height:auto;overflow:hidden}
.expert_profile .expert_portrait{width:55px;height:55px;border-radius:5px;float:left;}
.expert_profile .expert_introduce{float:left}
.expert_profile .expert_introduce p{margin:4px 0 4px 20px}
.expert_profile .expert_introduce .p1{font-size:20px;line-height:21px}
.expert_profile .expert_introduce .p2{font-size:16px;line-height:16px;color:#9b9b9b}

.follow{font-size:14px;color:#fff;display:block;background:#fa9e3b;padding:5px 10px;float:right;border-radius:5px;margin-top:22px}

@media screen and (max-width:480px)
{
	.expert_profile{padding:5px 15px 3% 15px;}
	.expert_profile .expert_introduce .p1{font-size:16px;}
	.expert_profile .expert_introduce .p2{font-size:12px;}
	.expert_profile .expert_introduce p{margin:4px 0 4px 15px}
}
@media screen and (max-width:335px)
{
	.expert_profile{padding:5px 10px 3% 10px;}
	.expert_profile .expert_introduce p{margin:4px 0 4px 10px}
}

/*��������*/
.attending{border:1px solid #ccc;height:auto;overflow:hidden;padding:10px;position:relative;}
.attending p{float:left;width:90%;color:#9b9b9b;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;font-size:13px}
.attending img{width:7px;position:absolute;right:10px;top:50%;margin-top:-7px}

/*��������Һ���Ϣ*/
.address{padding:0 5%;background:#fff;}
.clinic_address{font-size:16px;color:#666;border-bottom:1px solid #f0f0f0;padding:3% 0}
.clinic_address img{width:11px;float:left;margin-right:5px}
.register{padding:3% 0;border-bottom:1px solid #f0f0f0;height:auto;overflow:hidden;}
.register p{color:#9b9b9b;float:left;line-height:30px}
.register p img{width:12px;margin-right:5px;display:inline-block}
.register p .sp1{color:#21cc71}
.register p .sp2{margin-left:17px}

.register .p1{float:right}
.register .p1 .surplus{float:right;color:red;margin-top:16px;font-size:13px;text-align:center}
.register .p1 a{width:60px;height:30px;padding:3%;text-align:center;color:#fff;background:#14C686;float:right;font-size:14px;border-radius:100px;margin-top:30px;line-height:30px;margin-left:5px}
.register .p1 .finish{background:#9b9b9b;background: #D5D5D5;}


@media screen and (max-width:380px)
{
	.register .p1{width:75px}
	.register .p1 .surplus{float:right;margin-top:5px;line-height:14px;}
	.register .p1 a{float:right;margin-top:30px;line-height:28px;margin-left:8px}


}

/*ԤԼ��Ϣ*/
.bespeak{padding:0 3%;background:#fff;height:auto;overflow:hidden;margin-bottom:10px}
.bespeak .p1{padding:3%;color:#21cc71;font-size:18px;border-bottom:1px solid #f0f0f0}
.bespeak .p1 img{width:25px;margin-right:5px;float:left;margin-top:-4px;border-radius:3px}
.bespeak .p2{color:#9B9B9B;font-size:16px;padding:4% 0;border-bottom:1px dashed #f0f0f0;}
.bespeak .p2:last-child{border:none}
.bespeak .p2 span{color:#000;font-size:16px;float:right}
.bespeak .p2.cost span{color:#1AC285}

/*��������Ϣ*/
.visit{padding:4% 5%;border-bottom:1px dashed #f0f0f0;background:#fff;}
.visit:last-child{border:none}
.visit .sp1{width:100px;display:inline-block;font-size:16px;color:#9b9b9b}
.visit .sp2{color:#1AC285;font-size:16px;float:right;margin-rigth:20px}
.visit.new .sp2{color:#555;}
.visit img{width:8px;float:right;margin-left:15px;margin-top:2px}

/*�Һ���֪*/
.registers{padding:3% 3%;background:#fff;font-size:15px;margin-bottom:20px}
.registers .img1{width:20px;margin-right:10px;float:left}
.registers .img2{width:8px;float:right}

/*�ύ��ť*/
.refer{display:block;width:90%;padding:3% 0;text-align:center;color:#fff;background:#00bb27;font-size:20px;margin:0 auto;border-radius:5px}


/*����/���ﵯ����*/
.doctor_bg{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:11;display:none}
.doctor_bg a,.doctor{background:#fff;position:fixed;left:5%;width:90%;text-align:center;color:#4a4a4a;border-radius:5px;font-size:18px;padding:0 5%}
.doctor{bottom:65px;max-height:80%;overflow:auto;padding:0 2%;width:86%;}
.doctor span{width:100%;display:block;padding:15px 0;border-bottom:1px solid #f0f0f0}
.doctor span:last-child{border-bottom:none}
.doctor_bg .cancel{color:#ED683B;bottom:5px;padding:15px 0;}

/*ҽʦ��Ϣ*/
.expert{margin-bottom:10px;background:#58d68d;}
.expert_content{padding:0 15px 15px;background:#fff;border-bottom:10px solid #f0f0f0}
.expert_profile.expert .expert_portrait{width:55px;height:75px}
.expert_profile.expert .expert_portrait img{width:55px;border-radius:10px;height: 75px;}
.expert_content h1{font-size:16px;font-weight:bold;line-height:35px;color:#666}
.expert_content h1 img{width:20px;float:left;margin:7px 10px 0 0}
.expert_content p{font-size:14px;line-height:20px;color:#777}
.expert_content:last-child{margin-bottom:50px}
.expert_profile.expert .expert_introduce{margin-top:6px}
.expert_profile.expert .expert_introduce .p1{color:#fff;float:left}
.expert_profile.expert .expert_introduce .p1 span{font-size:14px;margin-left:10px}
.expert_profile.expert .expert_introduce .p2{color:#fff;margin-top:10px}



/*ԤԼ*/
.subscribe{width:100%;position:fixed;left:0;bottom:0;}
.subscribe a{width:50%;float:left;display:block;text-align:center;color:#9b9b9b;font-size:16px;padding:12px 0;}
.subscribe .registeres{background:#4aa8e1;color:#fff}
.subscribe .online{background:#58d68d;color:#fff}
.subscribe .bg_gray{background:#f8f8f8;color:#9b9b9b;}


/*ҽ������*/
.search{width:100%;background:#f9f9f9;height:auto;overflow:hidden;padding:10px 0;position:relative}
.search input{width:90%;margin:0 auto;line-height:30px;font-size:14px;background:#fff;border-radius:5px;display:block;text-align:center}
.search input::-ms-input-placeholder{text-align: center;}
.search input::-webkit-input-placeholder{text-align: center;}
.search span{color:#999;font-size:14px;display:block;width:90px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -45px}
.search span img{width:17px;float:left;margin-right:10px;}


/*ҽ��ɸѡ*/
.screen{padding:10px 0;border-bottom:1px solid #f0f0f0;height:20px;position:relative;background:#FFF}
.screen a{width:50%;box-sizing:border-box;font-size:14px;color:#666;display:block;float:left;text-align:center;}
.screen ul{position:absolute;top:40px;z-index:111;width:49%;background:#fff;border:1px solid #ccc;border-radius:5px;display:none}
.screen .list1{left:2px;}
.screen .list2{right:2px;}
.screen ul li{width:90%;border-bottom:1px solid #f0f0f0;padding:10px 0;margin:0 auto;text-align:center}
.screen ul li:last-child{border-bottom:none}
.screen a img{width:15px;display:inline-block;margin-left:15px;}
.screen .a1{border-right:1px solid #ccc}

/*ר���б�*/
.expert_list{margin-bottom:0;padding-bottom:0}
.expert_profile_list:last-child{margin-bottom:60px}
div.expert_profile.expert_list:last-child .profile_top .expert_introduce{border:none}
.expert_list .expert_portrait img{border-radius:10px;width:55px;height:75px}
.expert_list .expert_introduce{border-bottom:1px solid #f0f0f0;margin-left:60px;height:auto;overflow:hidden;float:none;padding-bottom:10px}
.expert_list .expert_introduce .p1{color:#151515}
.expert_list .expert_introduce .p1 span{font-size:14px;margin-left:15px;color:#666}
.expert_list .expert_introduce .p2{color:#999}
.expert_list .expert_introduce a{float:left;padding:2px 5px;font-size:14px;margin-left:15px;border-radius:5px}
.expert_list .expert_introduce a:frist-child{margin-left:20px}
.expert_list .expert_introduce .a1{color:#21cc71;border:1px solid #21cc71;}
.expert_list .expert_introduce .a2{color:#4e9dc8;border:1px solid #4e9dc8}
.expert_list .expert_introduce .a3{color:#9d30a3;border:1px solid #9d30a3}
.expert_profile.expert_list .expert_portrait{margin-top:4px}


.expert_list.expert_new .profile_top{padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.expert_list.expert_new .expert_introduce{border-bottom:none;margin-left:0;height:auto;overflow:hidden;float:left;padding-bottom:0;margin-top:7px}
.expert_list.expert_new a{float:right;padding:2px 5px;font-size:14px;margin-left:15px;border-radius:5px;margin-top:22px}
.expert_list.expert_new .a1{color:#21cc71;border:1px solid #21cc71;}
.expert_list.expert_new .a2{color:#4e9dc8;border:1px solid #4e9dc8}
.expert_list.expert_new .a3{color:#9d30a3;border:1px solid #9d30a3}
.expert_list a.ask{color:#999;padding:5px 0 0 0;line-height:20px; }
.expert_list a.ask img{width:20px;float:left;margin-right:5px;}

@media screen and (max-width:480px)
{
	.expert_list .expert_introduce .a1{margin-left:15px}
	.expert_list .expert_introduce a{font-size:12px;}
}


.expert_classification{font-size:15px;background:#f0f0f0;color:#151515;padding:5px 0 5px 20px}




/*����*/
.body_bg{background:#f0f0f0;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}



.coupon_bg{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;}
.coupon {width:100%;font-size:18px;background:#fff;height:auto;overflow:hidden;position:absolute;left:0;bottom:0}
.coupon_bt{text-align:center;padding:3% 0;line-height:20px;font-size:20px;border-bottom:1px solid #f0f0f0;}
.coupon_bt span{color:#ccc;font-size:16px;}
.coupon_nr{padding:4% 0 4% 4%;position:relative;border-bottom:1px dashed #f0f0f0;}
.coupon_nr span{color:#ccc;font-size:14px;margin-left:50px;}
.coupon_num span{margin-left:40px}
.coupon_nr img{width:5%;position:absolute;top:40%;right:10%;display:none;}
.coupon .close{width:4%;position:absolute;top:5%;right:3%;}

.p_cost{font-size:16px;margin:0 3%;display:block;height:auto;overflow:hidden}
.p_cost:last-child{border:none}
.p_cost span{ font-size:18px;float:right}

/*支付*/
/*支付方式（微信/银行卡）*/
.payment_method{background:#fff;}
.payment_method .p1{font-size:18px;border-bottom:1px solid #f0f0f0;padding:3% 0 3% 3%;font-weight:bold;}
.payment_method .wx_pay{width:94%;padding:3% 0;margin:0 auto;border-bottom:1px dashed #f0f0f0;height:auto;overflow:hidden}
.payment_method .wx_pay:last-child{border-bottom:none}
.payment_method .wx_pay .img1{width:30px;float:left;margin-right:5px;margin-top:6px}
.payment_method .wx_pay .img2{width:25px;float:right;margin-top:10px}
.payment_method .wx_pay p{font-size:18px;float:left;line-height:25px}
.payment_method .wx_pay p span{font-size:14px;color:#ccc}
.payment_method .wx_pay.weixin p{line-height:45px}
.submit{display:block;width:100%;text-align:center;color:#fff;background:#fa7001;padding:3% 0;border-radius:5px;/* font-size:20px; */}