@charset "utf-8";
/* CSS Document */
/*-----------公用样式-----------*/
html,html *{font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;box-sizing:border-box;/*表示边框为内边框*/-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
menu{ padding:0; margin:0;}
html{font-size: 12px;}
@media screen and (min-width:320px) and (max-width:360px){ html{font-size:14px;}}
@media screen and (min-width:360px) and (max-width:480px){ html{font-size:18px;}}
@media screen and (min-width:480px) and (max-width:640px){ html{font-size:24px;}}
@media screen and (min-width:640px){ html{font-size:24px;}}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body,h1,h2,h3,h4,h5,p,ul,li,ol,dl,dt,dd {margin: 0;font-weight:normal;}
ul,ol,li {padding: 0;list-style: none;}
em,strong,i,small{font-style:normal;font-weight:normal;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);text-decoration:none;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
img {border: 0;}
article,aside,footer,header,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
svg:not(:root) {overflow: hidden;}
/* form input button style */
button, input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="button"],input[type="search"],input[type="password"], input[type="submit"], input[type="reset"],input[type="text"],textarea {-webkit-appearance: none;outline:none;star:expression(this.onFocus=this.blur()); border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
/* select style */
select{cursor:pointer;appearance:none;-moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand { display: none; }
/*语义元素*/
header, section, footer, aside, nav, article, figure,main,search,ont{ display: block; }
/*  使得表单元素在 ie 下能继承字体大小 */
button, input, select, textarea { font-size: 100%;}
/* 清除浮动 */
.clear:after { content: '\20'; display: block; height: 0; clear: both;}
.clear {clear: both;*zoom: 1;}
input::-webkit-input-placeholder { color: #cccccc; } 
input:-moz-placeholder { color: #cccccc; } 
input,span,p,a{ color:#333;}

body{ background:#f2f2f2;}
.rel{ position:relative;}.pos{ position:absolute;}
/*-----------公共样式-----------*/
/******头部样式******/
.head_top{ width:100%; height:3.5em; line-height:3.5em; background:#fff; max-width:800px; min-width:320px; position:relative;}
.head_top>div{ float:left; display:block;}
.head_img{ width:17%; position:relative; height:80%; padding:0 0 0 3%;}
.head_img img{ padding:1em 0 0 0; height:2.5em; display:block;}
.head_close img{ padding:1em 0 0 0; height:2.65em; display:block; float:right;}
.head_tit{ width:66%; color:#333333; font-size:1.5em; text-align:center;}
.head_close{  width:17%; position:relative; height:80%; padding:0 3% 0 0; text-align:right;}
.head_close a{font-size:1.25em;} 
/******底部样式******/
footer{ width:100%; position:fixed; bottom:0; z-index:200;}

/*宽百分94按钮*/
.w_94{ padding:0 3%; height:auto; overflow:hidden;}
.w_per60{ width:60%;}.w_per50{ width:50%;}.w_per40{ width:40%;}
.btn_94{ width:94%; margin:0 auto;}
.btn_94 input[type="button"]:focus{ border:none; color:#ffffff;}
@media screen and (min-width:320px) and (max-width:360px){ *{font-size:12px;}}
@media screen and (min-width:360px) and (max-width:480px){ *{font-size:13.5px;}}
@media screen and (min-width:480px) and (max-width:640px){ *{font-size:18px;}}
@media screen and (min-width:640px){ *{font-size:24px;}}
/*颜色、百分比、浮动*/
.bor_bottom{ border-bottom:1px solid #d1d1d1;}.bor_bottom_gray{ border-bottom:1px solid #dddddd;}
.wm_94{ width:94%; height:auto; overflow:hidden; margin:0 3%;}
.rel{ position:relative;}.abs{ position:absolute;}
.w_10{ width:10%;}.w_50{ width:50%;}.w_80{ width:80%;}.w_100{ width:100%;}
.c_blue{ color:#1ca5fb;} .c_gray{ color:#7f7f7f} .c_normal{ color:#333 !important;}.c_orange{ color:#ffa632;}.c_green{ color:#0ec7b5;}.c_im_green{ color:#0ec7b5 !important;}.c_white{ color:#ffffff;}.c_im_red{ color:#ff3b30 !important;}
.text_al_l{ text-align:left;} .text_al_m{ text-align:center;} .text_al_r{ text-align:right;}
.bor_bottom_dashed{ border-bottom:1px dashed #c0c0c0;} .bor_right{ border-right:1px solid #ddd;}.bor_bottom_2green{ border-bottom:2px solid #0cc7b4;}.bor_gray{ border:1px solid #dddddd;} .bor_green{ border:1px solid #03baa7;}
.bor_top_gray{ border-top:1px solid #dddddd;}
.dis_none{ display:none;}
.left{ float:left}.right{ float:right;}
.bg_fff{ background:#fff;}.bg_orange{ background:#ff9942;}.bg_green{ background:#0fcfbb;}
.pt0{ padding-top:0;}.pr_pre_3{ padding-right:3%;}.pt05em{ padding-top:0.5em;}.pb05em{ padding-bottom:0.5em;}
.mt1{ margin-top:1em;}
.mb5em{ margin-bottom:5em;}
.mr05em{ margin-right:0.5em;}.mr1em{ margin-right:1em;}
.text_indent2em{ text-indent:2em;}
/*********************20160627注册账号*********************/
.registered{ width:100%; height:auto; overflow:hidden; background:#ffffff;}
.registered>ul li{ height:3.33em; line-height:3.33em; border-bottom:1px solid #dddddd;}
.registered>ul li input{ width:60%;}
.registered>ul li a{ height:2em; line-height:2em; margin:0.667em; display:block; float:right; border-left:1px solid #dcdcdc; color:#0cc7b4; padding-left:0.5em;}
.registered>ul li i{ display:block; float:left; width:1.5em; height:1.5em; margin-right:0.75em;}
.registered>ul li i img{ display:block;background-size:100% 100%; width:1.5em; height:1.5em; margin-top:1em;}
.registered>ul li:last-child{ border:none;}
.agree{ margin:0 auto; text-align:center; display:block; height:3.33em; line-height:3.33em; color:#999999; font-size:1.125em;}
.agree a{ color:#ff9942;}
.btn{ display:block; background:#0cc7b4; height:3em; line-height:3em; text-align:center; font-size:1.125em; border-radius:0.3em; color:#ffffff; border:none;}
/*checkbox::button*/
.chk_1{ display:none;}
.chk_1 + label { background-color:#FFF; border:1px solid #9e9e9e; padding:0.65em;border-radius: 3px;display: inline-block;position: relative;margin-right:0.5em;top:0.35em;}
.chk_1 + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk_1:checked + label { background:#fff url(../images/agree.png) 0.25em 0.20em no-repeat; background-size:80% 80%; width:1em; border: 1px solid #92A1AC;color: #243441;}
/*radio::button*/
.label label {display: inline;}
.regular-checkbox {display: none;}
.regular-checkbox + label {background-color: #ffffff;border: 1px solid #dddddd;padding:0.9em;border-radius:50%;display: inline-block;position: relative;}
.regular-checkbox:checked + label {background:#0cc7b4 url(../images/agree_fff.png) no-repeat; background-size:100% 100%; width:1em; height:1em;border: 1px solid #0cc7b4;color: #99a1a7;}

/*********************20160627注册须知*********************/
.registered_instructions{  background:#ffffff;}
.registered_instructions h3{ text-align:center; color:#0cc7b4; font-size:1.25em; line-height:3.33em;}
.registered_instructions>p{overflow:hidden; width:100%; height:2em; line-height:2em; text-align:right; color:#777777;}
.registered_instructions div p{ line-height:1.75em; padding:0.25em 0; overflow:hidden; width:100%;
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.registered_instructions div em,.registered_instructions div img{ display:block; float:left; width:0.35em; height:0.35em; margin-top:0.6em; margin-right:0.5em;}
.registered_instructions div p span{ line-height:1.5em; color:#777777; display:block;
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;}

/*********************20160628过敏史*********************/
.allergy{ width:100%; height:3.333em; padding:0 3%; background:#ffffff;
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.allergy>input{ font-size:1.125em; display:block;
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;}
.allergy>i{ display:block;width:3em; float:right; font-size:1.125em; text-align:center; color:#0cc7b4; height:2.96em; line-height:2.96em;}
.a_tit{ width:100%; padding:0 3%; line-height:3em; height:3em; background:#f2f2f2; font-size:1.125em; margin-top:0.33em;}
.allergy_list{ width:100%; padding:0 3%; background:#ffffff; height:auto; overflow:hidden;}
.allergy_list ul li{ width:100%; height:auto; overflow:hidden;
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.a1{ display:block; width:1em; margin-right:1em; height:3.375em;}
.a1 span{ height:4em; width:1px; background:#e5e5e5; display:block; margin:0 auto; position:relative;}
.a1:before{ content:''; border:0.3em solid #f5f5f5; background-color:#ff9942; display:inline-block; width:0.4em; height:0.4em; border-radius:50%; margin-top:1.1875em; z-index:2; position:absolute;}
.a2{ border-bottom:1px solid #dddddd; height:auto; overflow:hidden; padding:0.25em;
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;	}
.a2>div{ float:left;}
.a2>span{ display:block; float:right; font-size:1em; color:#777777; margin-top:1em;}
.a2>span img{ display:inline-block; width:1.25em; float:left; margin-right:0.25em;}
.a2>div p{ font-size:1.125em; line-height:1.5em;}
.date{ font-size:1em !important; color:#777777 !important;}
.border_im_none{ border:none !important;}

/*********************20160628修改资料*********************/
.ziliao{ width:100%; height:3.333em; padding:0 3%; background:#ffffff;
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.ziliao>input{ font-size:1.125em; display:block;
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.ziliao>i{ display:block; height:1em; width:1em; float:right; line-height:0.9em; margin-top:0.5em; font-size:1.5em; text-align:center; background:#cacaca; border-radius:50%; color:#ffffff;}

/*********************20160628新注册完善个人资料*********************/
.personal_infor{ height:auto; overflow:hidden; background:#ffffff;}
.personal_infor ul li{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #dddddd;}
.personal_infor ul li:last-child{ border:none;}
.personal_infor ul li span{ font-size:1.0625em; display:block;height:3.33em; line-height:3.33em;}
.personal_infor ul li span:first-child{ float:left;}
.personal_infor ul li span:last-child{ float:right;}
.personal_infor ul li span:last-child img{ display:block; width:1em; height:1em; margin-top:1.15em; float:right;}
.personal_infor ul li span:last-child input{ display:block; float:right; border:none; background:#ffffff; text-align:right; height:3em; margin-right:0.5em; color:#777777;}
.personal_infor ul li>img{ display:block; width:3.33em; height:3.33em; border:1px solid #dddddd; border-radius:50%; float:right;}
/*底部弹窗*/

.pop ul{ position:fixed; z-index:101; width:100%; overflow:hidden; bottom:0; height:auto; display:none;}
.pop ul li,.pop ul span{ width:100%; background:#ffffff; height:3.33em; line-height:3.33em; border-bottom:1px solid #dddddd; text-align:center;}
.pop ul span{ margin-top:0.5em; display:block;}
/*居中弹窗*/
.pop_center{}
.pop_content{ position:fixed; z-index:101; width:70%; left:15%; height:auto; background:#ffffff; border-radius:0.5em;}
.pop_content>h3{ text-align:center; color:#333; font-size:1.125em; height:30%; padding-top:1em;}
.pop_content>p{ width:100%; padding:0.5em 10% 1em; height:40%; overflow:hidden; color:#777777;}
.pop_content>p em{ display:block; width:100%; margin-bottom:0.5em;}
.pop_content>p input{ width:100%; border:1px solid #dddddd; outline:none; line-height:2.667em; font-size:1.125em; padding:0 0.5em; vertical-align:middle;}
.pop_content>span{ display:block; height:30%; width:100%; border-top:1px solid #dddddd;}
.pop_content>span input{ display:block; background:#ffffff; margin:0.5em auto; vertical-align:middle; font-size:1.125em; color:#4e82f9;}
.w_per50{ width:50%;}
.bor_im_left{ border-left:1px solid #dddddd !important;}

/*********************20160628个人资料*********************/
.btn_fixed{ width:100%; position:fixed; z-index:99; bottom:0; left:0; display:block; background:#ffffff; height:3em; line-height:3em; text-align:center; font-size:1.125em; color:#0cc7b4; border:none; border-top:1px solid #dddddd;}
.btn_fixed_green{ width:100%; position:fixed; z-index:99; bottom:0; left:0; display:block; background:#0cc7b4; height:3em; line-height:3em; text-align:center; font-size:1.125em; color:#ffffff; border:none; border-top:1px solid #dddddd;}

/*********************20160629个人中心*********************/
.ptoto{ height:10.5em; width:100%; padding:0 3%;
background: -webkit-linear-gradient(top, #59cae7 , #20d1c0); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #59cae7 , #20d1c0); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, #59cae7 , #20d1c0); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #59cae7 , #20d1c0); /* 标准的语法 */}
.photo_top{ display:block; width:100%; overflow:hidden; padding:0.5em;}
.photo_top>img{ display:block; width:1.75em; height:1.75em;}
.photo_top>img:first-child{ float:left;}
.photo_top>img:last-child{ float:right;}
.ptoto>a>img{ display:block; height:5em; width:5em; border-radius:50%; border:2px solid #ffffff; margin:0 auto;}
.ptoto>a>em{ display:block; text-align:center; color:#ffffff; font-size:1.125em;}
.position{ width:7em; background:#32b5b8; top:4.5em; right:0; padding:0.4em 0; margin-left:1em; overflow:hidden; border-top-left-radius:1.2em; border-bottom-left-radius:1.2em}
.position img{ display:block; float:right; width:1.5em; height:1.5em; margin-right:0.25em;}
.position em{ display:block; float:right; height:1.5em; color:#ffffff; margin-right:0.25em;}
.personal_infor li span i{ margin-right:0.5em; float:left; display:block; height:1.75em; width:1.75em;}
.personal_infor li span img{ margin-top:0.75em; margin-right:0.5em; float:left; display:block; height:1.75em; width:1.75em;}
menu{ display:block; height:4em; border-top:1px solid #dddddd; background:#ffffff; width:100%; overflow:hidden;}
menu a{ display:block; height:4em; width:25%; float:left;}
menu a img{ display:block; width:1.75em; height:1.75em; margin:0.5em auto 0.25em;}
menu a em{ text-align:center; display:block;}

/*********************20160629我的订单*********************/
.order{ width:100%; height:auto; overflow:hidden;}
.order>h3{ width:100%; background:#ffffff; overflow:hidden;}
.order>h3 span{ width:49.5%; font-size:1.125em; padding:0.75em 0; display:block; text-align:center;}
.order>h3 i{ width:1px; height:1.5em; background:#dddddd; display:block; float:left; margin-top:0.9em;}
.my_order{ background:#ffffff; margin-top:1em;}
.my_order>h3{ width:94%; margin:0 3%; height:3em; line-height:3em; font-size:1.125em; border-bottom:1px dashed #dddddd;}
.my_order>h3 img{ display:block; width:1.75em; float:left; margin-right:0.5em; margin-top:1em;}
.my_order>div{ overflow:hidden; width:94%; margin:0 3%; height:auto;}
.my_order>div span em{ color:#333333; margin-right:1em; min-width:4em; display:inline-block;}
.my_order>div div:first-child{ display:block; line-height:3em; overflow:hidden;}
.my_order>div>div:last-child{ width:100%; height:1.5em; border-bottom:1px dashed #dddddd;}
.my_order>div>div i{ width:5em; height:5em; border-radius:50%; border:1px dashed #dddddd; display:block; right:5%; background:#ffffff; bottom:-3em;}
.lllast{ line-height:3em;}
.wait_pay{ width:4em; height:4em; border-radius:50%; text-align:center; display:block; color:#ffffff; line-height:4em; bottom:1.5em;}
.lllast>span{ display:block; line-height:3em;}

/*********************20160630新特药预约*********************/
.convention:first-child{ border-top:1px solid #dddddd;}
.convention{ height:auto; overflow:hidden; background:#ffffff; margin-bottom:1em;}
.convention>h3{ font-size:1.125em; width:100%; border-bottom:1px dashed #dddddd; line-height:3em;}
.convention>h3 img{ display:block; float:left; margin-right:0.5em; margin-top:1.45em; width:0.4em; opacity:0.6;}
.convention>p{ width:100%; overflow:hidden; height:auto; border-bottom:1px dashed #dddddd;}
.convention>p span{ display:block; line-height:3em; font-size:1.125em;}
.convention>p span img{ display:block; width:1.5em; margin:0.75em 0.5em 0 1em;}
.convention>div{ padding:0.5em 0; overflow:hidden;}
.convention>div h5{ width:100%; height:auto; overflow:hidden; height:2em; font-size:1.125em; line-height:2em;}
.convention>div h5 img{ display:block; float:left; margin:0.6em 0.5em 0 1em; width:1.5em;}
.convention>div p{ width:100%; margin-left:1em;}
.convention>div p span{ width:33.33%; text-align:center; display:block; line-height:2em; height:2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777777; float:left; }
.yy_flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.yy_flex strong{ display:block; width:2em;}
.yy_flex>span{ display:block;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
/*********************20160630订单详情*********************/
.order_details{ width:100%; height:auto; overflow:hidden; background:#ffffff;}
.order_top{ padding:0.5em 3%; overflow:hidden;}
.order_details h3{ font-size:1.125em; line-height:2em;}
.order_top p{ color:#ffffff; line-height:1.5em;}
.order_top p em{ display:block; float:left; margin-right:0.5em;}
.order_top>span{ right:4%; display:block; top:2em; color:#ffffff;}
.order_top>span img{ width:1.5em; display:block; float:left; margin-right:0.25em;}
.order_details>ul{ overflow:hidden;}
.order_details>ul li{ padding:0.5em 0; border-bottom:1px dashed #dddddd; width:100%; overflow:hidden;}
.order_details>ul li img{ display:block; float:left; width:4em; margin-right:0.25em;}
.order_details>ul li span:last-child em{ display:block; line-height:2em; text-align:right;}
.order_bottom{ width:100%; height:auto; overflow:hidden;}
.order_bottom p{ overflow:hidden; line-height:2.5em;}
.order_bottom p span:last-child{ color:#777777;}

/*********************20160630订单详情(支付)*********************/
.fixed{ position:fixed; bottom:0; height:3.33em; line-height:3.33em; width:100%; background:#ffffff;}
.fixed span{ display:block; font-size:1.125em;}
.fixed span:first-child{ text-align:right; padding-right:1em;}
.fixed span:last-child{ text-align:center; color:#ffffff;}

/*********************20160630建议反馈*********************/
.feedback h3{ height:3em; line-height:3em; font-size:1.125em; width:100%; padding:0 3%;}
.feedback textarea{ width:100%; padding:0.25em 3%; background:#ffffff; display:block; line-height:2em; min-height:5em;}
/*input[type=file]*/
.feedback>div{ padding:1em 3%; width:100%; background:#ffffff;}
.choice_file {display: inline-block;overflow: hidden;vertical-align: middle;}
.file {position: relative;display: inline-block; width:5em; height:5em; line-height:5em; background:url(../images/17.png) center center no-repeat; background-size:50% 50%; border: 1px solid #dddddd; border-radius:0.5em; overflow: hidden; text-align:center;}
.file input {position: absolute;font-size: 100px;right: 0px;top: 0px;opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*  IE8 */}
.upload_ul{overflow:hidden; width:100%; border-bottom:1px dashed #dddddd; margin-bottom:1em; padding-bottom:0.5em;}
#files{position: absolute;top:0;right:0;width:6em;height: 2.8em;background: black;background: rgba(0, 0, 0, 0) !important;filter: Alpha(opacity=0);opacity: 0;}
.upload_ul li{width:5em;height:5em;display: inline-block;margin:.5em 1em .5em 0;border:1px solid #cacaca;cursor:pointer;position: relative; border-radius:0.5em;}
.delete{background: url(../images/delete.png)no-repeat center;position: absolute;right: -.4em;top:-.5em;width: 1.2em;height:1.2em;background-size: 100%;}

/*********************20160701新特药预约*********************/
.main{ width:100%; height:auto; overflow:hidden; background:#ffffff;}
.main>h3{ width:100%; line-height:3em; height:3em; font-size:1.125em;}
.drug li{ height:3.375em; width:100%; border-bottom:1px solid #dddddd;}
.label{ margin-top:0.75em; width:10%;}
.drug span{ display:block; font-size:1.125em; line-height:3em; height:3em; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.add_reduce{ width:30%; overflow:hidden;}
.add_reduce em{ display:block; width:32%; background:#f5f5f5; height:2.35em;  margin-top:0.5em;}
.add_reduce em img{ width:2.25em; display:block; margin:0 auto;}
.add_reduce em:first-child{ border-top-left-radius:0.5em; border-bottom-left-radius:0.5em;}
.add_reduce em:last-child{ border-top-right-radius:0.5em; border-bottom-right-radius:0.5em;}
.add_reduce input{ display:block; width:32%; margin:0 2%; background:#f5f5f5; height:2em; border:1px solid #f5f5f5; text-align:center; margin-top:0.5em; font-size:1.125em;}

/*********************20160704咨询药师*********************/
.consulte{ width:100%; padding:0 3%;-webkit-overflow-scrolling: touch; overflow:auto;}
.consulte>div>span{ text-align:center; width:100%; display:block; padding:1em 0;}
.consulte>div>span img{ display:inline-block; vertical-align:middle; width:1.25em; margin-right:0.35em;}
.consulte>div>ul li{ overflow:hidden; padding:1em 0;}
.consulte>div>ul li font{ display:block; height:3em; overflow:hidden;}
.consulte>div>ul li font>img{ height:3em; width:3em;}
.diog_left img,.diog_left span,.diog_right img,.diog_right span{ display:block;}
.diog_left span,.diog_right span{ position:relative; padding:0.5em; line-height:1.5em; max-width:70%; border-radius:0.5em; word-wrap:break-word;}
.diog_left span{ border:1px solid #dddddd;}
.diog_right span{ border:1px solid #03baa8;}
.diog_left span>i{ position:absolute; top:.5em; left:-0.75em;}
.diog_left span>i img{ display:block; width:0.75em;}
.diog_right span>i{ position:absolute; top:.5em; right:-0.75em;}
.diog_right span>i img{ display:block; width:0.75em;}
.diog_left>span>img,.diog_right>span>img{ display:block; width:30%; float:left;}
.diog_left>span>a,.diog_right>span>a{ display:block; width:65%; float:right;}
.diog_left>span>a i,.diog_right>span>a i{ display:block; margin:0.25em 0; line-height:1.5em; color:#777777;}
.diog_left>span>a i:first-child{ font-size:1.125em; color:#333333;}
html,body{height:100%;}
.consulte{ height:100%; padding-bottom:5em;}
.consulte>div{ height:auto; overflow:hidden; overflow-y:scroll;}
footer{ position:fixed; bottom:0; background:#ffffff; }
.input_method{ width:100%; height:auto; padding:0.75em 0; background:#ffffff; border-top:1px solid #dddddd;
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.input_method span{ display:block; padding:0 3%;
-webkit-box-flex:1;
-moz-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.addpic i{ display:block; width:115%; background:#0fcfbb; margin-top:0.2em; height:2.25em; font-size:1.125em; line-height:2.25em; color:#ffffff; border-radius:0.3em; text-align:center; margin-left:-10%;}
.input_method span img{ display:block; width:100%; margin-top:0.2em;}
.input_method input{ width:70%; display:block; border:1px solid #dddddd; border-radius:0.5em; padding:0 0.5em; line-height:2.25em; font-size:1.125em;}
footer ul{ width:100%; padding:1em 3%; border-top:1px solid #dddddd; height:auto; overflow:hidden; display:none;}
footer ul li{ width:15%; margin:0 2.5%; float:left;}
footer ul li a{ display:block; width:100%; margin:0 2.5%; text-align:center; }
footer ul li img{ display:block; width:100%;}

/*********************20160705温馨提醒*********************/
.warm_reminder
.wr_box{ width:100%; padding:0 3%; background:#ffffff; margin-bottom:1em; overflow:hidden;}
.wr_box h3{ height:3em; line-height:3em; font-size:1.125em; width:100%; border-bottom:1px dashed #dddddd;}
.wr_box h3 img{ display:block; width:2em; float:left; margin-top:0.6em; margin-right:0.5em;}
.wr_box a{ color:#777777; line-height:1.5em; display:block; padding:0.5em 0 0.75em;}

/*********************20160705咨询医生*********************/
.doctor_search{ width:94%; margin:1em 3%; padding:0 2%; height:3em; line-height:3em; background:#ffffff; border-radius:0.5em; overflow:hidden;}
.doctor_search img{ display:block; width:2em; margin-top:0.6em; float:left; margin-right:0.25em;}
.doctor_search input{ display:block; line-height:3em; height:3em; width:80%;}
.consult_doctor ul li{ width:100%; background:#ffffff; overflow:hidden; margin-bottom:1em;}
.flex_d_list{ width:100%; padding:1em 3%; border-bottom:1px solid #dddddd;
display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.flex_d_list img{ display:block; height:3em; width:3em; margin-right:1em; border-radius:50%;}
.flex_d_list>div{ -webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex_d_list>div p{ font-size:1.125em; color:#777777; line-height:1.5em;}
.flex_d_list>div p strong{ color:#333; font-size:1.125em; margin-right:1em;}
.flex_d_list>div p font{ width:50%; display:block; float:left; overflow:hidden; text-overflow:ellipsis; height:1.5em; white-space:nowrap; padding-right:0.5em;}
.small_font{ font-size:0.875em !important; padding:0.25em 0; width:100%;}
.consult_doctor ul li>span{ display:block; width:100%; padding:0 3%; background:#ffffff; height:3em;}
.consult_doctor ul li>span font{ display:block; float:left; width:50%;}
.consult_doctor ul li>span font:first-child{ border-right:1px solid #dddddd;}
.consult_doctor ul li>span font a{ display:block; width:6.75em; margin:0 auto;}
.consult_doctor ul li>span font a img{  width:2.5em; display:block; float:left; margin-top:0.25em;}
.consult_doctor ul li>span a em{ display:block; float:right; line-height:3em;}

/*********************20160705登陆*********************/
.logo{ width:100%; height:auto; overflow:hidden; padding:2em 0 2.5em;}
.logo img{ display:block; width:5.1em; margin:0 auto;}
.landing{ width:100%; height:auto; overflow:hidden; background:#ffffff;}
.landing>ul{ border-top:1px solid #dddddd;}
.landing>ul li{ height:3.5em; line-height:3.5em; border-bottom:1px solid #dddddd;}
.landing>ul li input{ width:60%;}
.sdvc{ border-left:1px solid #dddddd !important; padding-left:0.5em;}
.landing>ul li a{ height:2em; line-height:2em; margin:0.667em; display:block; float:right; border-left:1px solid #dcdcdc; color:#0cc7b4; padding-left:0.5em;}
.landing>ul li a img{ display:block; width:1.75em; margin-top:0.5em;}
.landing>ul li i{ display:block; float:left; width:1.5em; height:1.5em; margin-right:0.5em;}
.quhao{ display:block; height:1.5em; max-width:2.7em !important; float:left;  line-height:1.5em; margin-top:1em; border-right:1px solid #dddddd; padding-right:0.5em;}
.landing>ul li i img{ display:block;background-size:100% 100%; width:1.5em; height:1.5em; margin-top:1em;}
.look_password{ width:100%; height:auto; overflow:hidden; padding:0.5em 3%;}
.look_password span{ color:#777777;}
.look_password span a{ color:#0cc7b4;}