body { -webkit-touch-callout: none; -webkit-user-select: none; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-tap-highlight-color: transparent; }
body, html { width: 100%; position: relative; margin: 0 auto; font-family: Helvetica; background: #f0f0f0; color: #3c3c3c; font-size: 16px; font-family: "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", tahoma, arial, simsun, "����"; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; }
*:not(input):not(textarea) {
 -webkit-user-select: none; /* disable selection/Copy of UIWebView */
 -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}
:focus { outline: 0; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
::-webkit-scrollbar {
 display: none;
 width: 0;
 height: 0;
}
li, ul { list-style: none; }
a img, img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
a, button, img, input, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
input, textarea { -webkit-appearance: none; caret-color: #00c7d9; }
a { text-decoration: none; -webkit-appearance: none; }
a:focus { outline: 0; }
a { color: #3c3c3c; }
.nobor, img { border: 0 !important; }
.clear { overflow: hidden; display: block; clear: both; }
.border0bgw { border: 0; background: #fff; text-align: right; }
.fixedbottom { position: fixed; bottom: 0; left: 20px; }
.border-b { border-bottom: 0 !important; }
.lh-normal { line-height: normal; }
.dt { display: table; bacground: #000; }
.margin-auto { margin: 10px auto; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.oh { overflow: hidden; }
.fB { font-weight: 700; }
.pr { position: relative; }
.m10 { margin: 10px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt-17 { margin-top: -17px; }
.mt-45 { margin-top: -45px; }
.mt20 { margin-top: 20px; }
.mt24 { margin-top: 24px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt70 { margin-top: 70px; }
.mt44 { margin-top: 44px; clear: both; }
.mt88 { margin-top: 44px; clear: both; }
.mt105 { margin-top: 50px; clear: both; }
.mt85 { margin-top: 85px; clear: both; }
.mttop { margin-top: 42px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
.mb500 { margin-bottom: 800px; }
.ml2 { margin-left: 2%; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml17 { margin-left: 11px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml66 { margin-left: 66px; }
.ml150 { margin-left: 80px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr38 { margin-right: 38px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; line-height: 38px; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px; }
.pt43 { padding-top: 43px; }
.pt85 { padding-top: 85px; }
.pt88 { padding-top: 88px; }
.pt105 { padding-top: 105px; }
.pr25 { padding-right: 25px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb35 { padding-bottom: 35px; }
.pb80 { padding-bottom: 80px; }
.fS12 { font-size: 12px; }
.fS14 { font-size: 14px; }
.fS16 { font-size: 16px; }
.fS18 { font-size: 18px; }
.fS20 { font-size: 20px; }
.fS22 { font-size: 22px; }
.fS23 { font-size: 23px; }
.fS24 { font-size: 24px; }
.fS26 { font-size: 26px; }
.fS28 { font-size: 16px; }
.fS32 { font-size: 18px; }
.fS36 { font-size: 36px; }
.fS40 { font-size: 32px; }
.lh24 { line-height: 24px; }
.lh27 { line-height: 27px; }
.lh30 { line-height: 30px; }
.lh48 { line-height: 48px; }
.lh60 { line-height: 60px; }
.lh88 { line-height: 88px; }
.h60 { height: 60px; }
.cwhite, a.cwhite:hover, a.cwhite:visited { color: #fff; }
.clink, .clink a { color: #00c7d9; text-decoration: underline; }
.cyuge, .cyuge a { color: #00c7d9; }
.cred { color: red; }
.cgrays, a.cgrays { color: #3c3c3c; }
.cgrayq, a.cgrayq { color: #666; }
.cgray9, a.cgray9 { color: #999; }
.cprompt { color: #f27243; }
.cblue{ color:#5084FE}
.cyellow { color: #f5a623; }
.cgreen { color: #abda77; }
.corange { color: #fc7c42; }
.corange1 { color: #ffa64c; }
.blue-bg { background: #00c7d9; }
.orange-bg { background: #ffa64c; }
.yellow-bg { background: #ffcd38; }
.green-bg { background: #abda77; }
.lk-bg { background: #ffcd38; }
.wbg { background: #fff; }
.scheduling-doc li.gray-bg p { color: #ccc; background: #fff; }
.scheduling-doc li { padding-left: 6px; padding-right: 6px; }
.delfont { color: red; text-decoration: line-through; }
.tspic { position: absolute; top: 100px; left: 0; right: 0; bottom: 0; background: #fff; width: 100%; }
.btn-fun { position: fixed; bottom: 0; left: center; width: 100%; height: 40px; line-height: 40px; display: block; background: #00c7d9; color: #fff; font-size: 18px; text-align: center; }
.btn { width: 94%; height: 40px; line-height: 40px; display: block; background: #00c7d9; color: #fff; font-size: 18px; text-align: center; margin: 10px auto; border-radius: 4px; }
.btn-green { width: 90%; height: 80px; line-height: 80px; display: block; background: #5fd6d2; font-size: 28px; color: #fff; border-radius: 8px; text-align: center; margin: 10px auto; }
.btn-small { display: inline-block; background: #00c7d9; font-size: 14px; color: #fff; border-radius: 6px; text-align: center; padding: 3px 12px; line-height: 24px; }
.btn_second { min-width: 48px; display: inline-block; padding-left: 8px; padding-right: 8px; line-height: 24px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 4px; color: #fff; text-align: center; font-size: 14px; }
.btn_radius { min-width: 48px; display: inline-block; padding-left: 8px; padding-right: 8px; line-height: 24px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 25px; color: #fff; text-align: center; font-size: 14px; }
.btn_second_hollow { min-width: 48px; display: inline-block; line-height: 24px; background: #fff; border: 1px solid #00c7d9; border-radius: 4px; color: #00c7d9; text-align: center; font-size: 14px; padding-left: 8px; padding-right: 8px; }
.btn_second_radius { width: 30%; margin: 20px auto 0 auto; height: 48px; display: block; line-height: 48px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 25px; color: #fff; text-align: center; font-size: 24px; }
.btn_yugebg { width: 76%; margin: 20px auto 0 auto; height: 48px; display: block; line-height: 48px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 4px; color: #fff; text-align: center; font-size: 24px; }
.btn_yugebg_full { width: 96%; margin: 20px auto; height: 70px; display: block; line-height: 70px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 4px; color: #fff; text-align: center; font-size: 32px; }
.btn-w-h-5 { float: left; margin-left: 3%; width: 45%; height: 50px; display: inline-block; line-height: 50px; background: #fff; border: 1px solid #c8c8c8; border-radius: 6px; color: #3c3c3c; text-align: center; font-size: 18px; }
.btn-yuge-5 { float: right; margin-right: 3%; width: 45%; height: 50px; display: inline-block; line-height: 50px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 6px; color: #fff; text-align: center; font-size: 18px; }
textarea { width: 100%; line-height: 20px; resize: none; }
input, select, textarea { -webkit-appearance: none; font-size: 16px; color: #666; }
input:-moz-placeholder {
 color: #c8c8c8;
}
input::-moz-placeholder {
 color: #c8c8c8;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #c8c8c8;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #c8c8c8;
}
input:disabled {
 color: @disabledColor; opacity: 1;  -webkit-text-fill-color: @disabledColor;
background-color: transparent; }
.placeholdersmall textarea:-moz-placeholder {
}
.placeholdersmall textarea::-moz-placeholder {
}
.placeholdersmall textarea:-ms-input-placeholder, textarea:-ms-input-placeholder {
}
.placeholdersmall textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
}
.dateinp { display: inline-block; width: 40%; height: 55px; text-align: right; padding-top: 25px; }
.textarea-div { line-height: 88px; padding: 2px; font-size: 28px; color: #666; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; outline: 0; float: right; width: 70%; min-height: 88px; max-height: 300px; margin-left: auto; margin-right: auto; }
.checkbox.inline { display: inline-block; background: #fff; border: 1px solid #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0 15px; margin-left: 5px; height: 45px; line-height: 45px; font-size: 22px; }
.checkbox.current { color: #fff; background: #00c7d1; }
.btn-solid { display: inline-block; font-size: 20px; color: #fff; line-height: 25px; background: #00c7d9; border: 1px solid #00c7d9; border-radius: 6px; padding: 5px 10px; }
.btn-hollow { display: inline-block; font-size: 20px; color: #00c7d9; line-height: 25px; border: 1px solid #00c7d9; border-radius: 6px; padding: 5px 10px; }
.radio { display: inline-block; background: #fff; border: 1px solid #c8c8c8; width: 18px; height: 18px; border-radius: 100%; vertical-align: sub; margin-right: 10px; }
.radio-on { width: 18px; height: 18px; display: inline-block; border: 1px solid #00c7d9; background: #00c7d9 url(../images/ico-bg.png) no-repeat; background-position: -17.5px -20.5px; background-size: 100px; }
.radio-check { width: 18px; height: 18px; display: inline-block; border: 5px solid #fff; background: #00c7d9; padding: 7px; border-radius: 100%; box-shadow: 0 0 1px #00c7d9; }
.check { width: 20px; height: 20px; display: inline-block; background: #fff; -web-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #c8c8c8; vertical-align: text-bottom; margin-right: 5px; }
.check-on { width: 20px; height: 20px; display: inline-block; border: 1px solid #00c7d9; -web-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #00c7d9 url(../images/ico-bg.png) no-repeat; background-position: -31px -36.5px; vertical-align: text-bottom; margin-right: 5px; background-size: 160px; }
.dis_flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }
.dis_flew_1 { -webkit-box-flex: 1; -webkit-flex: 1 200px; -moz-box-flex: 1; -moz-flex: 1 200px; -ms-flex: 1 200px; flex: 1 200px; -webkit-appearance: none; -moz-appearance: none; appearance: none; float: right; text-align: right; }
.ico-bg { background: url(../images/ico-bg.png) no-repeat; }
.ico-bg-fl { background: url(../images/ico-bg.png) no-repeat; }
.saveico { background-position: -0 -202px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: 100px; }
.seeico { background-position: -85px -185px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: 100px; }
.qianziico { background-position: -18px -202px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; background-size: 100px; }
.ico-big-bg { background: url(../images/ico-big-bg.png) no-repeat; }
.referral-ico { background: url(../images/referral-ico.png) no-repeat center center; width: 60px; height: 60px; margin: 10px 13px; display: inline-block; }
.check-ico { background: url(../images/check-ico.png) no-repeat center center; width: 60px; height: 60px; margin: 10px 13px; display: inline-block; }
.hospital-ico { background: url(../images/hospital-ico.png) no-repeat center center; width: 60px; height: 60px; margin: 10px 13px; display: inline-block; }
.infraduction-ico { background: url(../images/infraduction-ico.png) no-repeat center center; width: 60px; height: 60px; margin: 10px 13px; display: inline-block; }
.lk-ico { background: url(../images/lk.png) no-repeat center center; width: 60px; height: 60px; margin: 10px 13px; display: inline-block; background-size: 80px 80px; }
.hospitalinfor-ico { background: url(../images/hospital-title.png) no-repeat center center; width: 139px; height: 101px; display: inline-block; }
.home-ico { background-position: -0 -311px; width: 30px; height: 30px; display: inline-block; vertical-align: sub; margin-right: 5px; }
.editor-ico { background: url(../images/ico-bg.png) no-repeat -79px 0; width: 30px; height: 30px; display: inline-block; vertical-align: sub; }
.delete-ico { background: url(../images/ico-bg.png) no-repeat -120px -1px; width: 30px; height: 30px; display: inline-block; vertical-align: bottom; }
.delete-white-ico { background-position: -36px -181px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-size: 100px; }
.right-arrow { background: url(../images/ico-bg.png) no-repeat -1px -23px; background-size: 100px; width: 8px; height: 12px; display: inline-block; vertical-align: middle; }
.text-left .list_arrow { background: url(../images/txtright.png) no-repeat right center; padding-right: 25px; display: inline-block; }
.man_ico { background: url(../images/ico-bg.png) no-repeat -16.5px 0; background-size: 100px; width: 17.5px; height: 19px; display: inline-block; vertical-align: middle; }
.referral_ico { background: url(../images/ico-bg.png) no-repeat 0 0; background-size: 100px; width: 14px; height: 18px; display: inline-block; vertical-align: middle; }
.receipt_ico { background: url(../images/ico-bg.png) no-repeat -16.5px -38.5px; width: 16px; height: 16px; background-size: 100px; display: inline-block; vertical-align: middle; }
.coin-ico { background: url(../images/ico-bg.png) no-repeat -77px -76px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
.close_ico { background: url(../images/close.png) no-repeat center; background-size: 100%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; }
.addition-ico { background-image: url(../images/icobg4Protein.png); background-size: 210px auto; background-position: -133px -84px; width: 18px; height: 18px; display: inline-block; }
.dele-ico { background-image: url(../images/icobg4Protein.png); background-size: 210px auto; background-position: -154px -84px; width: 18px; height: 18px; display: inline-block; }
.top_left .left_ico1 { background: url(../images/Back-white.png) no-repeat center; width: 24px; height: 40px; display: inline-block; vertical-align: middle; }
.top_right .add_ico { background: url(../images/ico-bg.png) no-repeat -163px -2px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; }
.down-arrow { background: url(../images/ico-bg.png) no-repeat -39px -27px; background-size: 100px; width: 11px; height: 6px; display: inline-block; }
.up-arrow { background: url(../images/ico-bg.png) no-repeat -56px -27px; background-size: 100px; width: 11px; height: 6px; display: inline-block; }
.date-arrow-l { background-position: -98px -35px; width: 12px; height: 12px; display: inline-block; background-size: 140px; }
.date-arrow-r { background-position: -131px -35px; width: 12px; height: 12px; display: inline-block; background-size: 140px; }
.date-arrow-l-bule { background-position: -173px -49px; width: 15px; height: 18px; display: inline-block; }
.date-arrow-r-gray { background-position: -157px -49px; width: 15px; height: 18px; display: inline-block; }
.gray-line { width: 14px; height: 48px; display: inline-block; margin-left: 20px; margin-right: 20px; }
.gray-line-ico { background-position: -3px -78px; width: 14px; height: 6px; display: inline-block; }
.prompt-ico { width: 12px; height: 12px; border-radius: 15px; display: inline-block; margin-right: 5px; background: #00c7d9; color: #fff; font-size: 12px; line-height: 12px; text-align: center; }
.prompt-ico-red { width: 12px; height: 12px; border-radius: 15px; display: inline-block; margin-right: 5px; background: #f00; color: #fff; font-size: 12px; line-height: 13px; text-align: center; }
.next-ico { width: 40px; height: 55px; display: inline-block; background-position: 0 -112px; vertical-align: middle; }
.d-arr { width: 10px; height: 13px; display: inline-block; background-position: -58px -40px; background-size: 100px; }
.u-arr { width: 10px; height: 13px; display: inline-block; background-position: -73px -40px; background-size: 100px; }
.success-ico { width: 131px; height: 102px; display: inline-block; background-position: -259px 0; vertical-align: middle; }
.scan-ico { position: absolute; right: 0; top: 0; background: url(../images/scan.png) no-repeat right center; width: 49px; height: 36px; background-size: auto 36px; display: inline-block; }
.date { width: 24px; height: 24px; background-position: -56px -117px; vertical-align: baseline; display: inline-block; position: absolute; left: 189px; top: 33px; z-index: 99; }
.arr { width: 14px; height: 9px; background-position: -91px -121px; vertical-align: baseline; display: inline-block; position: absolute; left: 360px; top: 40px; z-index: 99; }
.arr1 { width: 14px; height: 9px; background-position: -91px -121px; vertical-align: baseline; display: inline-block; position: absolute; left: 520px; top: 40px; z-index: 99; }
.seach-ico { background-position: -173px -79px; width: 26px; height: 26px; display: inline-block; position: absolute; left: 260px; top: 35px; }
.scan-ico1 { width: 44px; height: 44px; background-position: -1px -208px; display: block; margin: 44px auto 15px auto; }
.seach-doctor-ico { width: 40px; height: 70px; background-position: -122px -129px; display: block; margin: 34px auto 10px auto; }
.seach-ico-1 { position: absolute; left: 5%; top: 30px; background-position: -173px -79px; z-index: 99; width: 26px; height: 26px; }
.txt-ico { background: url(../images/ico-bg-1.png) no-repeat -53px -208px; width: 22px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.ass-ico { width: 16.8px; height: 16.8px; display: inline-block; background-position: -107.1px -191.1px; vertical-align: baseline; background-size: 140px; }
.fjzl-ico { width: 32px; height: 32px; display: inline-block; background-position: -70px -272px; vertical-align: bottom; }
.fjzl-ico1 { width: 32px; height: 36px; display: inline-block; background-position: -70px -272px; vertical-align: sub; }
.selectdown { background: url(../images/arrowdown.png) no-repeat right center; background-size: 24px; width: 24px; height: 24px; position: absolute; right: 3px; top: 13px; }
.so2 { text-indent: 2em; }
.radius { border-radius: 50%; }
.area { overflow: hidden; display: block; clear: both; width: 100%; }
.warparea { position: relative; overflow: hidden; background: #fff; width: 100%; }
.warparea1 { position: relative; overflow: hidden; width: 100%; }
.warparea-border { position: relative; overflow: hidden; background: #fff; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.inp_border_bottom { border-bottom: 1px solid #eee; }
.inp_border_top { border-top: 1px solid #eee; }
.inp_border_bottom_on { border-bottom: 1px solid #eee !important; }
.mainfixed { position: fixed; top: 1px; bottom: 1px; overflow: scroll; }
.round_bg_blue { background: #5fd6d2; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; }
.itemslist { padding-left: 15px; border-bottom: 1px solid #eee; background: #fff; overflow: hidden; }
.itemslist li { position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.itemslist li:last-child { border-bottom: none; }
.formlist { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #eee; background: #fff; }
.formlist li { position: relative; clear: both; height: auto; border-bottom: 1px solid #eee; font-size: 16px; padding-top: 11px; padding-bottom: 11px; display: table; width: 100%; vertical-align: middle; }
.formlist li:last-child { border-bottom: none; }
.prompt { position: absolute; top: 2px; right: 0px; font-size: 12px; color: #00c7d9; }
.pa-num { position: absolute; top: 30px; right: 25px; font-size: 28px; }
.w110 { width: 110px; }
.w300 { width: 150px; }
.w600 { width: 600px; }
.form-right { float: right; text-align: right; width: 70%; position: relative; color: #666; line-height: 51px; }
.form-right-check { line-height: 35px; margin-top: 10px; margin-bottom: 10px; }
.form-right-check a { display: inline-block; }
.form-right .right-input { width: 90%; text-align: right; line-height: 22px; }
.form-right .name { width: 120px; }
.bgtr { background: 0 0; }
.scheduling-doc li.acitve p { display: table-cell; vertical-align: middle; color: #fff; background: #00c7d9 url(../images/trica-ico.png) no-repeat top right; }
.label-buttom { color: #fff; border-radius: 6px; font-size: 20px; padding: 1px 5px; background: #00c7d9; }
.prompt_content { margin: 60px; font-size: 26px; text-align: center; }
.topnone { border-top: 0 !important; }
.liststyle { margin-left: 25px; }
.liststyle li { border-top: 1px solid #eee; padding: 20px 25px 20px 0; }
.liststyle li input { width: 395px; height: 40px; line-height: 40px; color: #999; text-align: right; }
.liststyle li select { width: 395px; height: 40px; line-height: 40px; color: #999; text-align: right; }
.list li { position: relative; margin: 0 15px; border-bottom: 1px solid #dbdbdb; line-height: 90px; font-size: 24px; color: #666; overflow: hidden; background: url(../images/txtright.png) no-repeat right center; padding-right: 25px; }
header { position: fixed; top: 0; width: 100%; left: 0; right: 0; margin: auto; height: 44px; background: #f9f9f9; text-align: center; color: #3c3c3c; line-height: 44px; z-index: 999999; border-bottom: 1px solid #eee; }
.boxbg { width: 100%; margin: 0 auto; }
.wrap { width: 100%; padding-top: 1px; margin: 0 auto; }
.tab { background: #fff; overflow: hidden; line-height: 88px; font-size: 32px; }
.tab li { float: left; width: 33.3%; border-bottom: 1px solid #d6d6d6; text-align: center; }
.tab li.active { border-bottom: 2px solid #00c7d9; color: #00c7d9; }
.nav-radius { border: 1px solid #00c7d9; border-radius: 6px; margin: 10px auto; width: 96%; overflow: hidden; background: #fff; }
.nav-radius li { float: left; line-height: 30px; text-align: center; width: 50%; font-size: 16px; }
.nav-radius li:first-child { border-right: 1px solid #00c7d9; }
.nav-radius li:last-child { border-left: 1px solid #00c7d9; }
.nav-radius li.active { background: #00c7d9; color: #fff; }
.h li { width: 50%; }
.h3 li { width: 33.33333333333333%; }
.nav-radius2 { border: 1px solid #00c7d9; border-radius: 12px; margin: 10px auto; width: 560px; overflow: hidden; background: #fff; }
.nav-radius2 li { width: 113px; float: left; line-height: 50px; text-align: center; border-right: 1px solid #00c7d9; text-align: center; font-size: 22px; }
.nav-radius2 li:nth-child(2) {
 width: 218px;
}
.nav-radius2 li:last-child { border-right: 0; }
.nav-radius2 li.active { background: #00c7d9; color: #fff; }
.nav-check { padding-bottom: 12px; border-top: 1px solid #eee; }
.nav-check li { font-size: 14px; margin-top: 12px; margin-right: 15px; overflow: hidden; }
.check-pro-bg1 { margin-left: -55px; display: inline-block; padding-left: 10px; padding-right: 10px; background: #f5f5f5; border-radius: 24px; width: 80%; height: 24px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.check-pro-bg2 { display: inline-block; padding-left: 10px; padding-right: 10px; background: #f0f0f0; border-radius: 6px; width: 160px; height: 24px; font-size: 14px; color: #666; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.form-right label { display: inline-block; }
.table_header { background: #f0f0f0; height: 80px; line-height: 80px; font-size: 26px; }
.table_list { padding: 22px 0; overflow: hidden; border-bottom: 1px solid #d6d6d6; font-size: 22px; }
.table_header li, .table_list li { float: left; text-align: center; }
.menubox { background: #fff; overflow: hidden; line-height: 88px; font-size: 32px; }
.menubox li { float: left; width: 33.3%; border-bottom: 1px solid #d6d6d6; text-align: center; }
.menubox li.active { border-bottom: 2px solid #00c7d9; color: #00c7d9; }
.w1 { width: 14%; }
.w2 { width: 22%; }
.w3 { width: 25%; }
.w4 { width: 20%; }
.w33 { width: 30%; }
.ww4 { width: 52%; }
.ww60 { width: 60%; }
.ww80 { width: 80%; }
.ww90 { width: 90%; }
.qraybg { background: #f0f0f0; }
.top { position: relative; text-align: center; border-bottom: #dbdbdb; }
.top_left { position: absolute; z-index: 9999999; left: 0; font-size: 14px; line-height: 44px; padding-left: 10px; }
.top_right { position: absolute; z-index: 9999999; right: 20px; top: 0; font-size: 14px; line-height: 44px; }
.top_right a, .top_right a:hover { color: #8c8c8c; }
.text-left .list_arrow { background: url(../images/txtright.png) no-repeat right center; padding-right: 25px; display: inline-block; }
.h60 { line-height: 60px; }
.top_left .left_ico { background: url(../images/Back.png) no-repeat center; width: 10px; height: 18px; background-size: 10px; display: inline-block; vertical-align: middle; }
.list-prompt { line-height: 20px; margin-bottom: 20px; }
.bg_w { background: #fff; overflow: hidden; }
.footlink { background: #f8f8f8; text-align: center; padding-top: 30px; padding-bottom: 30px; }
.footlink img { max-width: 90%; }
.yugebg { background: #00c7d9; }
.balance { padding-top: 30px; padding-bottom: 35px; color: #fff; background: #00c7d9; }
.balance .number { font-size: 80px; }
.buoyancy { font-size: 32px; background: #fff; margin-bottom: -15px; width: 260px; margin-left: auto; margin-right: auto; text-align: center; }
.level-star { margin: 50px auto 30px 50px; overflow: hidden; }
.level-star li { float: left; margin: 20px; }
.area { width: 100%; }
.level-txt { margin-top: 50px; margin-bottom: 30px; overflow: hidden; }
.tabbtn { width: 35%; margin-top: 15px; margin-bottom: 15px; height: 52px; line-height: 52px; display: inline-block; background: #fff; border: 1px solid #c8c8c8; color: #666; font-size: 32px; border-radius: 50px; text-align: center; }
.tabbtn:first-child { border-radius: 50px 0 0 50px; margin-right: -5px; }
.tabbtn:last-child { border-radius: 0 50px 50px 0; margin-left: -5px; }
.tabbtn.active { background: #00c7d9; color: #fff; border: 1px solid #00c7d9; }
.level-txt li { width: 40%; float: left; margin: 15px 30px; height: 56px; line-height: 56px; display: inline-block; background: #fff; border: 1px solid #c8c8c8; color: #666; font-size: 24px; border-radius: 50px; text-align: center; }
.level-txt li.active { background: #00c7d9; color: #fff; border: 1px solid #00c7d9; }
.results { width: 40%; height: 56px; line-height: 56px; background: #00c7d9; color: #fff; border: 1px solid #00c7d9; font-size: 24px; border-radius: 50px; text-align: center; }
.rightline { width: 390px; line-height: 46px; margin-top: 20px; margin-bottom: 20px; text-align: right; }
.results-star img { margin-left: 10px; }
.results-star .fr { margin-right: 50px; }
.span-block { display: inline-block; width: 100%; }
.out-border { position: relative; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff; }
.in-border { position: relative; margin-left: 15px; border-bottom: 1px solid #eee; line-height: 42px; font-size: 16px; }
.state { position: absolute; top: -4px; right: 10px; text-align: right; }
.oper { background: #f8f8f8; border-bottom: 1px solid #eee; overflow: hidden; padding: 8px; text-align: center; overflow: hidden; }
.de-con { padding: 15px; line-height: 33px; font-size: 24px; border-bottom: 1px solid #eee; }
.flag { position: absolute; left: 1px; top: -8px; color: #fff; background: #f5a623; padding: 1px 5px; border-radius: 4px; font-size: 12px; }
.patitle { position: relative; min-height: 44px; line-height: 44px; padding-right: 15px; overflow: hidden; font-size: 20px; }
.papic { margin-right: 20px; opacity: 0.8; background: #f8f8f8; border: 1px solid #e3e3e3; overflow: hidden; }
.papic img { margin: 10px 20px; }
.clearfix { clear: both; overflow: hidden; }
.searchinp { width: 70%; border-radius: 5px; background: #fff; height: 80px; float: left; margin-top: 20px; margin-left: 10px; padding-left: 10px; text-align: left; }
.searchbtn { width: 20%; float: right; margin-right: 10px; }
.load { background: url(../images/load.gif) no-repeat center center; width: 640px; height: 35px; }
.icobg { background: url(../images/icobg4Protein.png) no-repeat; background-size: 210px auto; }
.searchinp1 { width: 96%; display: block; border-radius: 5px; background: #fff; margin: 10px auto; height: 66px; text-align: left; padding-left: 60px; }
.menubox { overflow: hidden; background: #fff; }
.menubox li { width: 50%; float: left; height: 88px; line-height: 88px; display: inline-block; background: #fff; color: #3c3c3c; font-size: 32px; text-align: center; }
.menubox li.on { background: #00c7d9; color: #fff; position: relative; }
.menubox #tab_con #tab_con_1 { display: block; }
.menubox .tab_1 .phone { width: 20px; height: 32px; background: url(../images/ico-bg.png); background-size: 100%; background-position: -73px -167px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.menubox .tab_1.on .phone { width: 20px; height: 32px; background: url(../images/ico-bg.png); background-size: 100%; background-position: -97px -167px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.menubox .tab_2 .card { width: 32px; height: 28px; background: url(../images/ico-bg.png); background-size: 100%; background-position: -37px -171px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.menubox .tab_2.on .card { width: 32px; height: 28px; background: url(../images/ico-bg.png); background-size: 100%; background-position: -2px -171px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.r-card { position: relative; width: 104%; min-height: 70px; padding-top: 10px; }
.r-card .thumbnail { width: 21%; margin-right: 4%; text-align: center; float: left; margin-bottom: 10px; border: 1px solid #f0f0f0; position: relative; }
.thumbnail .flie { position: relative; display: block; width: 100%; height: 78px; text-align: center; border-radius: 3px; background-size: cover; font-size: 32px; background-position: center center; }
.thumbnail .delete { position: absolute; display: block; right: 1px; top: 12px; z-index: 11; }
.doc-pic img { width: 80px; height: 80px; border-radius: 6px; margin: 10px 20px; }
.itemlist { position: relative; padding-left: 20px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; background: #fff; overflow: hidden; }
.itemlist li { position: relative; padding-right: 20px; overflow: hidden; border-bottom: 1px solid #eee; }
.formlist li:last-child { border-bottom: none; }
.seach-doctor { position: absolute; right: 0; top: 2px; background: #fff; z-index: 99; width: 160px; height: 182px; border-left: 1px solid #e8e8e8; font-size: 24px; color: #00c7d9; text-align: center; }
.popbox { background: #fff; border: 1px solid #dbdbdb; border-radius: 10px; position: absolute; top: 50%; right: 50px; left: 50px; margin-top: -186px; z-index: 9999; }
.popbox .txt { padding: 70px 30px; font-size: 32px; line-height: 50px; }
.modal-foot { border-top: 1px solid #eee; }
.modal-foot a { width: 50%; display: inline-block; text-align: center; color: #00c7d9; }
.modal-foot a:last-child { border-left: 1px solid #eee; }
.modal-foot.noborder a:last-child { border-left: 0px; }
.time { color: #999; float: right; font-size: 18px; }
.zoompic img { max-width: 30%; margin-right: 5px; }
.ml55 { margin-left: 55px; }
.jd-ico { width: 21px; height: 19px; display: inline-block; background-position: -79px -145.6px; background-size: 140px; vertical-align: middle; }
.cg-ico { width: 18.5px; height: 19px; display: inline-block; background-position: -56.7px -145.6px; background-size: 140px; vertical-align: middle; }
.cs-ico { width: 18.5px; height: 19px; display: inline-block; background-position: -105px -145.6px; background-size: 140px; vertical-align: middle; }
.dd-ico { width: 18.5px; height: 19px; display: inline-block; background-position: -80.5px -169.4px; background-size: 140px; vertical-align: middle; }
.sh-ico { width: 21px; height: 19px; display: inline-block; background-position: -77.7px -190.4px; background-size: 140px; vertical-align: middle; }
.progress-step1 { border-bottom: 1px solid #fff; padding-left: 15px; color: #fff; font-size: 18px; padding-top: 15px; padding-bottom: 15px; }
.progress-step2 { border-left: 1px solid #d6e1e2; margin-left: 20px; color: #fff; font-size: 16px; color: #666; }
.mlpy { margin-left: -5px; clear: both; }
.mlpy1 { margin-left: -9px; clear: both; background: #fff; color: #00c7d9; }
.mlpy2 { background: #00c7d9; }
.border_pj { background: #fff; border: 1px solid #d6e1e2; border-radius: 4px; width: 88%; }
.smcr { display: block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; background: #00c7d9; margin-top: 25px; }
.dhk { width: 88%; line-height: 26px; float: left; margin-left: 30px; color: #f27243; background: #fdf9e6; border-radius: 2px; padding: 10px; }
.sjx { float: left; width: 20px; height: 20px; transform: rotate(-40deg); -webkit-transform: rotate(40deg); background: #fff; margin-left: 40px; margin-right: -12px; margin-top: 20px; border-left: 1px solid #d6e1e2; border-bottom: 1px solid #d6e1e2; }
.wsmbtn { background: #00c7d9; border-radius: 4px; padding: 1px 10px; color: #fff; margin-left: 10px; font-size: 20px; }
.pjarea { background: #fff; text-align: left; box-shadow: inset 0 1px 2px 0 #eee; border-radius: 8px; width: 90%; margin: 20px auto; height: 100px; padding: 10px; }
.bf50 img { width: 50%; }
.bf50 li { margin: 0; }
.bf50 { margin-left: 27%; }
.level-txt1 { margin-left: 10%; }
.level-txt1 li { width: 39%; float: left; margin: 15px; height: 46px; line-height: 46px; display: inline-block; background: #fff; border: 1px solid #c8c8c8; color: #666; font-size: 26px; border-radius: 8px; text-align: center; }
.level-txt1 li.active { background: #ffcd38; color: #fff; border: 1px solid #ffcd38; }
.fixedtop { position: fixed; z-index: 999; background: #f0f0f0; margin-top: -2px; width: 100%; }
.btn_yuge_f50 { width: 50%; float: left; text-align: center; background: #00c7d9; line-height: 60px; color: #fff; }
.btn_yuge_f33 { width: 32%; float: left; text-align: center; background: #00c7d9; line-height: 60px; color: #fff; border-radius: 6px; }
.btn_f50 { width: 50%; float: left; text-align: center; background: #f0f0f0; line-height: 58px; border: 1px solid #e6e6e6; }
.dateborder { width: 145px; height: 50px; border: 1px solid #ccc; border-radius: 4px; line-height: 30px; font-size: 24px; padding: 5px; }
.dateborder33 { width: 220px; height: 88px; border: 0 solid #fff; border-radius: 4px; line-height: 88px; font-size: 24px; padding: 5px; }
.seleborder { width: 145px; height: 50px; font-size: 24px; border: 1px solid #ccc; border-radius: 4px; line-height: 30px; padding: 5px; }
.dateborder1 { width: 205px; height: 50px; border: 1px solid #ccc; border-radius: 4px; line-height: 30px; font-size: 24px; padding: 5px; }
.dateborder2 { width: 245px; height: 50px; border: 1px solid #ccc; border-radius: 25px; line-height: 30px; font-size: 24px; padding: 5px 5px 5px 55px; text-align: left; }
.mask-layer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 99999; }
.pop-layer { margin-top: 40%; margin-left: 10%; margin-right: 10%; background: #fff; border-radius: 6px; }
.pop-layer .title { padding: 10px; text-align: center; }
.fuinp { width: 90%; padding: 5px; line-height: 30px; }
.hainp { width: 50%; padding: 5px; line-height: 30px; }
.boder-b { border-bottom: 1px solid #e3e3e3; }
.pop-layer input { border: 0; font-size: 24px; }
.vcode-btn { margin-top: 16px; }
.pop-layer .foot { line-height: 50px; font-size: 18px; border-top: 1px solid #e3e3e3; }
.pop-layer .foot a { width: 50%; display: inline-block; text-align: center; }
.pop-layer .foot a.active { color: #00c7d9; }
.dn { display: none !important; }
.db { display: block !important; }
.infor-title { height: 80px; color: #fff; }
.results-title { height: 300px; color: #3c3c3c; background: #fff; border-bottom: 1px solid #eee; }
.pay, .webChat { display: inline-block;  *display: inline;
 *zoom: 1;
width: 45%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; background: #dbdbdb; }
.widget-tab .widget-title { font-size: 0; }
#pay, #webChat { margin-left: 0; width: 30%; text-align: center; margin-right: 1.3%; padding: 8px 1%; }
#pay:hover, #webChat:hover { background: #f7f7f7; }
.widget-tab .widget-title label { cursor: pointer; display: block; }
#pay.active, #webChat.active { background: #f7f7f7; }
.widget-tab input { display: none; }
.paybox, .webChatbox { padding-top: 20px; text-align: center; padding-bottom: 20px; }
.payactive { background: #00a9f2; }
.webChatactive { background: #09bb07; }
.tabbtn-new { width: 48%; float: left; height: 34px; line-height: 34px; text-align: center; display: inline-block; background: #f5f5f5; color: #3c3c3c; font-size: 16px; border-radius: 25px; }
.tabbtn-new.active { background: #00c7d9; color: #fff; border-bottom: 1px solid #00c7d9; }
.phone { width: 10px; height: 16px; background: url(../images/ico-bg.png); background-position: -36.5px -83.5px; background-size: 100px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.active .phone { width: 10px; height: 16px; background: url(../images/ico-bg.png); background-position: -48.5px -83.5px; background-size: 100px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.card { width: 17px; height: 14px; background: url(../images/ico-bg.png); background-position: -18.5px -85.5px; background-size: 100px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.active .card { width: 17px; height: 14px; background: url(../images/ico-bg.png); background-position: -1px -85.5px; background-size: 100px; display: inline-block; vertical-align: middle; margin-right: 8px; }
.mc-box { position: fixed; top: 90px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); z-index: 999999999999; }
.mc-box2 { position: fixed; top: 80px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 999999999999; }
.mc-list { border-bottom: 1px solid #d8d8d8; }
.mc-list li a { display: block; line-height: 36px; font-size: 16px; margin-left: 15px; margin-right: 15px; color: #3c3c3c; border-bottom: 1px solid #eee; }
.mc-list li a:last-child { border-bottom: 0; }
.cm-close { position: absolute; top: 330px; right: 4%; font-size: 26px; display: block; border-radius: 10px; border: 1px solid #333; color: #333; padding: 3px 50px; }
.inpdate input[type="date"]:before { color: #666; content: attr(holder); }
.inpdate:before { color: #666; content: attr(holder); }
input[type="time"]:before { color: #c8c8c8; content: attr(placeholder); }
input[type="time"].full:before { color: black; content: "" !important; }
input[type="date"]:before { color: #c8c8c8; content: attr(placeholder); }
input[type="date"].full:before { color: black; content: "" !important; }
.mtt40 { margin-top: 40%; }
.ww50 { width: 50%; width: 50%; display: inline-block; float: left; }
.date-right { width: 24px; height: 24px; background-position: -56px -117px; vertical-align: baseline; display: inline-block; position: absolute; right: 20px; top: 33px; z-index: 99; }
#scroller { background: #fff; height: 300px; overflow-y: scroll; border-bottom: none; position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.mask-layer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 99999; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.pop-layer { width: 70%; background: #fff; border-radius: 6px; padding: 0 16px; }
.pop-layer .title { padding: 10px; text-align: center; font-size: 28px; }
.fuinp { width: 90%; padding: 5px; line-height: 50px; text-align: left; font-size: 24px; }
.hainp { width: 50%; padding: 5px; line-height: 50px; text-align: left; font-size: 24px; }
.boder-b { border-bottom: 1px solid #e3e3e3; }
.pop-layer input { border: 0; font-size: 24px; }
.vcode-btn { margin-top: 16px; }
.pop-layer .foot { line-height: 50px; font-size: 18px; border-top: 1px solid #e3e3e3; }
.pop-layer .foot a { width: 50%; display: inline-block; text-align: center; font-size: 24px; }
.pop-layer .foot a.active { color: #00c7d9; }
.fixed-patch { padding-right: 130px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 32px; }
.feedBox { width: 100%; margin-top: 100px; background: #fff; }
.feedBox textarea { display: block; width: 600px; height: 240px; margin: 0 auto; border: none; border-bottom: 1px solid #eee; resize: none; outline: 0; box-sizing: border-box; text-align: left; padding: 24px 0; font-size: 28px; }
.feedBox textarea::-webkit-input-placeholder {
 font-size: 16px;
}
.contact { display: -webkit-flex; display: flex; height: 80px; padding: 16px 0; box-sizing: border-box; background: #fff; }
.contact-way { display: -webkit-flex; display: flex; width: 20%; height: 100%; text-align: center; -webkit-justify-content: center; justify-content: center; }
.contact-way > div { display: -webkit-flex; display: flex; }
.contact-way select { height: 100%; line-height: 48px; background: #fff; margin-right: 6px; }
.contact-way option { text-align: center; }
.contact-info { width: 80%; height: 100%; }
.contact-info input { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 12px; border: none; outline: 0; text-align: left; }
.time { color: #999; float: right; font-size: 18px; }
.zoompic img { max-width: 30%; margin-right: 5px; }
.up-arrow-feedBack { background: url(../images/ico-bg.png) no-repeat -112px -54px; width: 22px; height: 12px; -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.pttop1 { padding-top: 88px; }
.warpbox { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.wuliu-vertical li { position: relative; padding-left: 90px; min-height: 160px; font-size: 26px; padding-right: 20px; }
.wuliu-vertical .before { position: absolute; left: 40px; top: 10px; height: 100%; border-left: 2px solid #d6e1e2; }
.wuliu-vertical .after { position: absolute; left: 27px; top: 10px; width: 28px; height: 28px; background: #d6e1e2; -webkit-border-radius: 50%; -mos-border-radius: 50%; border-radius: 50%; border: 3px solid #fff; }
.wuliu-vertical li:last-child .before { display: none; }
.wuliu-vertical .active { color: #00c7d9; }
.wuliu-vertical .active .after { background: #00c7d9; }
.pb20 { padding-bottom: 20px; }
.pl30 { padding-left: 30px; }
.btn-orange { background: #ffa64c; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; font-size: 26px; color: #fff; padding: 3px 10px; }
.jiancelist { background: #fff; }
.jiancelist li { position: relative; border-bottom: 1px solid #eee; overflow: hidden; font-size: 28px; margin-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 15px; }
.jiancelist li:last-child { border-bottom: 0; }
.jiancelist li input { color: #3c3c3c; font-size: 26px; text-align: left; }
.lkicobg { background: url(../images/lkicobg.png) no-repeat; }
.txt-ico1 { display: inline-block; background-position: -284px 0; width: 28px; height: 34px; margin-right: 10px; vertical-align: text-bottom; }
.cgray, .cgray a { color: #666; }
.fS46 { font-size: 46px; }
.code-ico { display: inline-block; background-position: -226px 0; width: 48px; height: 36px; margin-right: 10px; position: relative; top: 6px; }
.btn-yuge { display: block; background: #00c7d9; border-radius: 6px; margin: 20px; height: 80px; text-align: center; color: #fff; line-height: 80px; font-size: 32px; width: auto; }
.modalbox { width: 100%; position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 99999; }
.modalbody { margin: 40% auto 0 auto; width: 80%; }
.wuliulist { padding-top: 70px; font-size: 24px; }
.wuliulist li { position: relative; float: left; width: 20%; height: 50px; text-align: center; }
.wuliulist .before { position: absolute; top: -16px; left: 3em; width: 100%; border-top: 2px solid #ddd; }
.wuliulist .after { position: absolute; top: -30px; left: 2em; width: 30px; height: 30px; background: #ddd; -webkit-border-radius: 50%; -mos-border-radius: 50%; border-radius: 50%; border: 5px solid #fff; }
.wuliulist li:last-child .before { display: none; }
.wuliulist .tijiao .before { border-top: 2px solid #00c7d9; }
.wuliulist .tijiao .after { background: #00c7d9; }
.wuliulist .dengdai { color: #ffa64c; }
.wuliulist .dengdai .after { background: #ffa64c; }
.wuliulist .buhege { color: #f27243; }
.wuliulist .buhege .after { background: #f27243; color: #f27243; }
.no-yubi-txt { bottom: 0; position: absolute; width: 100%; top: 300px; }
.mike-ico { background: url(../images/icobg.png) no-repeat; width: 18px; height: 18px; background-position: -68px 0; background-size: 100px; display: inline-block; }
.mike-ico-sm { background: url(../images/icobg.png) no-repeat; width: 18px; height: 18px; background-position: -68px 0; background-size: 100px; display: inline-block; }
.mike-ico-news { background: url(../images/icobg.png) no-repeat; width: 55px; height: 22px; background-position: 0 -74px; background-size: 100px; display: inline-block; }
.small-title { background: #f5f5f5; padding-left: 15px; line-height: 30px; color: #3c3c3c; font-size: 14px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.t238 { top: 149px; }
.top-yuge { position: fixed; top: -1px; width: 640px; height: 88px; text-align: center; background: #00c7d9; color: #fff; line-height: 88px; z-index: 999999; }
.grcard { width: 600px; min-height: 236px; background: #ffffff; margin: 100px auto -70px auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; }
.topwhite { padding-top: 43px; box-sizing: border-box; background: #fff; }
.saomaico { display: inline-block; background: url(../images/saomianico.png) no-repeat; width: 30px; height: 27px; background-size: contain; vertical-align: sub; }
.arrowup { display: block; background: url(../images/arrowup.png) no-repeat; width: 13px; height: 9px; background-size: contain; }
.p20lh24 { padding: 20px; line-height: normal; }
/* �������� */
.btn-white { background: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; font-size: 32px; color: #00c7d9; padding: 6px 20px; }
.danger-tip { width: 100%; height: 48px; line-height: 48px; background-color: #f8e71c; color: #3c3c3c; }
.contact-us { width: 100%; padding: 16px; box-sizing: border-box; border-top: 1px solid #eee; margin-top: 16px; font-size: 22px; }
.tel-num { display: -webkit-flex; display: flex; }
.tel-num > div { -webkit-flex: 1; flex: 1; padding-top: 16px; font-size: 20px; }
.tel-num > div > a { color: #00c7d9; text-decoration: underline; }
@media only screen and (min-width: 640px) {
 .w640 {
 width: 640px;
 margin: 0 auto;
}
}
/*2019-3-27�Ż�*/
.hisinfo { padding: 0px 15px 15px 15px; }
.hisinfo li { display: flex; font-size: 16px; color: #3c3c3c; margin-top: 10px; }
.flex1 { flex: none; color: #aab2b7; padding-right: 10px; }
.rightcheck2 label { width: 76px; display: inline-block; text-align: left; }
.rightcheck4 label { width: 100px; display: inline-block; text-align: left; }
.form-check { line-height: 40px; margin-left: -20px; padding-bottom: 10px; }
.list-prompt-check { line-height: 20px; font-size: 12px; color: #f27243; }
.ml-10 { margin-left: -10px; }
.tabbtn-new:last-child { float: right; }
.form-right-check1 { line-height: 40px; margin-bottom: 20px; }
.ml-55 { margin-left: -55px; }
.ww70 { width: 70%; }
.ww75 { width: 75%; }
.ww90 { width: 90%; }
.ww100 { width: 100%; }
.mt-4 { margin-top: -4px; }
.ell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.formlist1 { padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #eee; background: #fff; }
.formlist1 li { position: relative; height: auto; border-top: 1px solid #eee; font-size: 16px; padding-top: 11px; padding-bottom: 11px; overflow: hidden; display: table; width: 100%; vertical-align: middle; }
/*�Һ�*/
.ghicobg { background: url(../images/bottomimg.png); }
.bottomfix { position: fixed; bottom: 0; background: #f8f8f8; width: 100%; padding-top: 7px; padding-bottom: 5px; font-size: 12px; }
.prompt-ts { background: #fc7c42; border: 1px solid #fff; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 58%; top: 0; }
.marginauto { margin: auto; }
.cabinet-ico { display: block; background-position: -41px -28px; width: 20px; height: 20px; background-size: 210px; }
.active .cabinet-ico { display: block; background-position: -65px -28px; width: 20px; height: 20px; background-size: 210px; }
.txt-ico-gh { display: block; background-position: -20px -28px; width: 20px; height: 20px; background-size: 210px; }
.active .txt-ico-gh { display: block; background-position: 1px -28px; width: 20px; height: 20px; background-size: 210px; }
.bottomfix .active a { color: #00c7d9; }
.wbg-radius6 { background: #fff; border-radius: 4px; margin-left: 10px; margin-right: 10px; padding: 10px; overflow: hidden; clear: both; position: relative; }
.wbg-radius10 { background: #fff; border-radius: 6px; margin-left: 10px; margin-right: 10px; padding: 10px; overflow: hidden; clear: both; position: relative; }
.lh32 { line-height: 32px; }
.vtop { vertical-align: top; }
.w400 { width: 200px; }
.infotitle { background: #f8f8f8; text-align: center; font-size: 28px; padding: 10px; }
.btnfull-sm a { display: block; background: #fff; border: 1px solid #666; border-radius: 6px; color: #3c3c3c; text-align: center; width: 92%; margin: 10px auto; display: block; font-size: 16px; padding: 5px; box-sizing: border-box; }
.btnfull-sm a.active { background: #00c7d9; border: 1px solid #00c7d9; color: #fff; }
.btnhollow-nav { overflow: hidden; box-sizing: border-box; width: 92%; margin: 0 auto; }
.btnhollow-nav li a.active { border-color: #00c7d9; background: #00c7d9; color: #fff; }
.btnhollow-nav li:first-child a { border-right: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.btnhollow-nav li:last-child a { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.btnhollow-nav li a { display: block; float: left; border-top: 1px solid #666; border-bottom: 1px solid #666; border-right: 1px solid #666; border-left: 1px solid #666; width: 50%; box-sizing: border-box; text-align: center; font-size: 16px; padding-top: 5px; padding-bottom: 5px; color: 3c3c3c; }
.rightbq-yellow { position: absolute; right: 0; top: 0; background: #ffcd38; font-size: 14px; color: #ffffff; border-bottom-left-radius: 4px; padding: 2px 6px; }
.rightbq-yuge { position: absolute; right: 0; top: 0; background: #00c7d9; font-size: 14px; color: #ffffff; border-bottom-left-radius: 4px; padding: 2px 6px; }
.ww640 { width: 100%; }
/*��������*/
.inputfull input { width: 100%; margin: 15px; background: #fff; border-radius: 6px; line-height: 30px; color: #3c3c3c; font-size: 16px; width: -webkit-fill-available; text-align: left; box-sizing: border-box; padding-left: 10px; }
.absolutebox { background: #fff; width: 100%; position: absolute; bottom: 0; top: 107px; padding: 20px 15px; box-sizing: border-box; width: 100%; }
.tuijian-list { width: 100%; overflow: hidden; }
.tuijian-list li { background: #f6f6f6; border-radius: 24px; font-size: 14px; color: #3c3c3c; padding: 4px 13px; float: left; margin-right: 15px; margin-top: 14px; }
.mt7 { margin-top: 7px; }
.bigpic li { background: #fff; margin: 30px 30px; padding: 20px; border-radius: 8px; }
.bigpic li img { border-radius: 8px; }
.title-blzl { position: relative; min-height: 82px; line-height: 82px; clear: both; height: auto; border-bottom: 1px solid #eee; }
.error-ico-xz { position: absolute; display: block; width: 17px; height: 17px; right: -8px; top: -8px; background: url(../images/icobg4Protein.png) no-repeat; background-position: -111px -85px; background-size: 210px; }
.searchbtn1 { position: absolute; right: 10px; top: 0; width: 68px; font-size: 16px; height: 32px; line-height: 32px; }
.searchinp1 { width: 100%; border-radius: 6px; background: #fff; height: 32px; line-height: 32px; margin-top: 10px; padding-left: 30px; text-align: left; }
.pr130 { padding-right: 85px; }
.seach-ico-zy { background: url(../images/icobg.png) no-repeat; position: absolute; left: 18px; top: 19px; background-size: 100px; width: 15px; height: 15px; display: block; }
.width640 { width: 100%; }
.mlrauto { margin-left: auto; margin-right: auto; }
.timeplace input[type="time"]:before { color: #a9a9a9; content: attr(placeholder); font-size: 18px; }
.timeplace input[type="time"].full:before { color: black; content: "" !important; }
.timeplace input[type="date"]:before { color: #a9a9a9; content: attr(placeholder); font-size: 16px; }
.timeplace input[type="date"].full:before { color: black; content: "" !important; }
.right-arrow-date { position: absolute; right: 50px; top: 10px; }
.backgroundtr { background: transparent; width: 100px; height: 27px; line-height: 27px; text-align: left; }
/*ҽԺ��ѡ*/
.wbg-full { background: #fff; padding-top: 110px; width: 100%; min-height: 100%; padding-bottom: 20px; }
.wbg-shadow { background: #ffffff; width: 92%; margin: 15px auto; border: 1px solid #eeeeee; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; overflow: hidden; position: relative; }
.wbg-shadow .title { padding: 10px; border-bottom: 1px solid #eeeeee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; font-size: 14px; }
.hoplist-left { width: 33%; margin-right: 2%; float: left; height: 150px; overflow-y: auto; margin-top: 8px; margin-bottom: 8px; }
.hoplist-right { width: 63%; float: left; height: 150px; overflow-y: auto; margin-top: 8px; margin-bottom: 8px; padding-left: 5px; border-left: 1px solid #eeeeee; }
.hoplist-body li { font-size: 14px; padding: 8px 0; }
.hoplist-body li a { padding: 0 8px; }
.hoplist-body li.cyuge a { border-left: 2px solid #00c7d9; }
/*��������ʽ*/
.hoplist-left::-webkit-scrollbar {
 width: 3px;
 height: 3px;
 display: block;
}
.hoplist-left::-webkit-scrollbar-track {
 display: block;
}
.hoplist-left::-webkit-scrollbar-thumb {
 background: #f0f0f0;
}
.hoplist-right::-webkit-scrollbar {
 width: 3px;
 height: 3px;
 display: block;
}
.hoplist-right::-webkit-scrollbar-track {
 display: block;
}
.hoplist-right::-webkit-scrollbar-thumb {
 background: #f0f0f0;
}
.datebg-arr { background: transparent url(../images/datebg-arr.png) no-repeat center right; background-size: 10px; width: 86%; height: 24px; border-radius: 4px; line-height: 24px; font-size: 14px; padding-right: 5px; text-align: center; vertical-align: top; }
.border { border: 1px solid #ccc; }
.h160 { height: 160px; }
.close_ico_sm { background: url(../images/close.png) no-repeat center; background-size: 100%; width: 20px; height: 28px; display: inline-block; vertical-align: middle; }
/*��ҩDEMO*/

.record-box { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
.inputbox { padding: 10px; position: relative; }
.inputbox input { float: left; border-radius: 4px; background: #fff; line-height: 28px; width: 82%; font-size: 14px; padding-left: 10px; box-sizing: border-box; }
.inputbox .btn-right { display: inline-block; border-radius: 4px; background: #00c7d9; color: #fff; line-height: 28px; width: 16%; font-size: 14px; margin-left: 2%; text-align: center; }
.grayfloat li { float: left; border-radius: 25px; padding: 5px 15px; color: #333; margin: 10px; background: rgb(246, 246, 246); font-size: 24px; }
.itemlist { position: relative; padding-left: 20px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; background: #fff; overflow: hidden; }
.itemlist li { position: relative; padding-right: 20px; overflow: hidden; border-bottom: 1px solid #d8d8d8; }
.formlist li:last-child { border-bottom: none; }
.detail-h { height: 80px; line-height: 21px; }
.p10 { padding: 10px; }
.mt2 { margin-top: 2px; }
#input:focus { -webkit-box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; }
.pop-bg { position: fixed; top: 0; height: 100%; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 999999; }
.ww70 { width: 70%; }
.marginauto { margin-left: auto; margin-right: auto; }
.mtt30 { margin-top: 30%; }
.whitebg { background: #fff; }
.red-ra { background-image: linear-gradient(-136deg, #ff9e59 0%, #ff3633 100%); width: 6px; height: 6px; display: inline-block; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.btn-sm-red { background-image: linear-gradient(-136deg, #ff9e59 0%, #ff3633 100%); border-radius: 25px; color: #fff; font-size: 14px; padding: 3px 5px; width: 100px; display: inline-block; }
.btn-sm-blue { background-image: linear-gradient(-135deg, #00ebf4 0%, #00ccff 100%); border-radius: 25px; color: #fff; font-size: 16px; padding: 5px 8px; width: 120px; display: inline-block; }
.radius5 { border-radius: 5px; }
.input-tran { background: transparent; }
.btn-solid-new { display: inline-block; background: #ffffff; border: 1px solid #00c7d9; border-radius: 3px; font-size: 14px; line-height: 26px; color: #00c7d9; text-align: center; margin-right: 4%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
.btn-hollow-new { display: inline-block; background: #00c7d9; color: #fff; border: 1px solid #00c7d9; border-radius: 3px; font-size: 14px; line-height: 26px; text-align: center; margin-right: 4%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
@media screen and (max-width: 330px) {
 .formlist li {
 font-size: 14px;
}
 .formlist {
 padding-left: 13px;
 padding-right: 13px;
}
 .formlist .fS18 {
 font-size: 16px;
}
 .form-right {
 width: 76%;
}
}
/*2020��1�� �Ż��°�*/
.cyuge-dot { color: #00c7d9; margin-left: 3px; vertical-align: middle; }
.titleleft { float: left; width: 120px; font-size: 16px; display: table-cell; vertical-align: middle; height: 100%; padding-right: 10px; box-sizing: border-box; }
.titleleft-15 { float: left; width: 15%; font-size: 16px; display: table-cell; vertical-align: middle; height: 100%; padding-right: 10px; box-sizing: border-box; }
.titleleft-22 { float: left; width: 22%; font-size: 16px; display: table-cell; vertical-align: middle; height: 100%; box-sizing: border-box; }
.titleleft1 { float: left; width: 120px; line-height: 27px; padding-left: 20px; font-size: 16px; display: table-cell; vertical-align: middle; height: 100%; padding-right: 10px; box-sizing: border-box; }
.txtright { width: 100%; margin-left: 120px; font-size: 16px; text-align: left; display: table-cell; vertical-align: middle; height: 100%; }
.txtright-35 { float: left; width: 35%; font-size: 16px; text-align: left; vertical-align: middle; height: 100%; }
.txtright-27 { float: left; width: 27%; font-size: 16px; text-align: left; vertical-align: middle; height: 100%; }
.titleleft-20 { float: left; width: 20%; font-size: 16px; display: table-cell; vertical-align: middle; height: 100%; padding-right: 10px; box-sizing: border-box; }
.txtright-70 { float: left; width: 70%; font-size: 16px; text-align: left; vertical-align: middle; height: 100%; }
.txtright input { width: 100%; }
.rightabsolute { position: absolute; right: 0; top: 4px; }
.radio-item-one { display: inline-block; background: #ffffff; border: 1px solid #00c7d9; border-radius: 3px; font-size: 14px; line-height: 26px; color: #00c7d9; text-align: center; width: 100%; }
.radio-item-one.active { background: #00c7d9; color: #fff; }
.radio-item-two { display: inline-block; background: #ffffff; border: 1px solid #00c7d9; border-radius: 3px; font-size: 14px; line-height: 26px; color: #00c7d9; text-align: center; width: 48%; }
.radio-item-two.active { background: #00c7d9; color: #fff; }
.table-border { border: 1px solid #d8d8d8; border-radius: 6px; border-collapse: collapse; font-size: 12px; }
.table-border td { border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; padding: 6px 8px; }
.table-border tr:first-child td { border-top: 0; }
.radio-item-four { display: inline-block; background: #ffffff; border: 1px solid #00c7d9; border-radius: 3px; font-size: 14px; line-height: 26px; color: #00c7d9; text-align: center; width: 21%; margin-right: 4%; }
.radio-item-four.active { background: #00c7d9; color: #fff; }
.ww104 { width: 104%; overflow: hidden; }
.ww104 label { margin-top: 10px; }
.textarea-h { height: 65px; padding-top: 2px; }
.textarea-h1 { height: 100px; padding-top: 2px; }
.mik-area { float: right; bottom: 0px; right: 5px; text-align: center; color: #00c7d9; font-size: 10px; line-height: 11px; }
.rightabsolute1 { position: absolute; top: 7px; right: 5px; text-align: center; color: #00c7d9; font-size: 10px; line-height: 14px; }
.rightabsolute2 { float: right; text-align: center; color: #00c7d9; font-size: 10px; line-height: 14px; }
.rightabsolute3 { position: absolute; top: 12px; right: 5px; text-align: center; color: #00c7d9; }
.rightabsolute4 { position: absolute; top: 16px; right: 5px; text-align: center; color: #00c7d9; }
.rightabsolute5 { position: absolute; bottom: 0px; right: 15px; text-align: center; color: #00c7d9; font-size: 10px; line-height: 11px; z-index: 3; }
.piclist { margin-right: -2%; overflow: hidden; clear: both; }
.piclist .pic { float: left; width: 23%; height: 82px; margin-right: 2%; position: relative; background: #fafafa; text-align: center; margin-top: 10px; }
.piclist .pic a { display: block; height: 82px; }
.piclist .pic .file { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.masking { background: rgba(0, 0, 0, 0.3); padding: 20px 1px; font-size: 14px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; line-height: 20px; }
.date-ico { background: url(../images/ico-bg.png) no-repeat -37px -75px; width: 16px; height: 19px; display: inline-block; background-size: 133px; }
.formlist li.border-b-none { border-bottom: 0; padding-bottom: 0; }
.add-upload { background: url(../images/ico-bg.png) no-repeat -14px -238px; width: 27px; height: 22px; display: inline-block; background-size: 133px; color: #00c7d9; text-align: center; font-size: 12px; text-align: center; }
.jrfs20 { font-size: 20px; }
.jrfs16 { font-size: 16px; }
.mh-120 { min-height: 120px; }
.mh-78 { min-height: 78px; }
.w90 { width: 90px !important; }
.pa-r { position: absolute; top: 0; right: 0; }
.index2 { z-index: 2; }
.layab { position: absolute; background: #f9f9f9; width: calc(100vw + 30px); z-index: 9; top: 42px; padding-left: 20px; height: 400px; overflow-y: scroll; margin-left: -15px; margin-right: -15px; box-shadow: #f0f0f0 0px 3px 3px 1px; }
.layab li { font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-bottom: 7px; }
.boderul li { background: #fff; border-radius: 6px; margin-left: 2%; margin-bottom: 2%; width: 47%; float: left; padding: 10px; position: relative; }
.inp-border-no { border: none; }
.ww40 { width: 40%; }
@media screen and (min-width: 375px) {
}
.fare-ico { background: url(../images/fare-ico.png) no-repeat left center; height: 16px; width: 87px; position: absolute; bottom: 5px; right: 10px; background-size: contain; vertical-align: middle; }
.table-cell { display: table-cell; }
.jiahao { width: 22px; height: 22px; display: inline-block; background: #00c7d9; border-radius: 50%; text-align: center; color: #fff; line-height: 20px; font-size: 20px; }
.jianhao { width: 16px; height: 16px; display: inline-block; background-position: -68px -181px; background-size: 100px; margin-left: 8px; }
.cha { width: 16px; height: 16px; display: inline-block; background-position: -50px -181px; background-size: 100px; margin-left: 8px; }
.selectdown-arr { background: transparent url(../images/arr-down.png) no-repeat 81% 60%; background-size: 10px; text-align: center; text-align-last: center; }
.masking { font-size: 14px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; background: url(../images/add.png) no-repeat; background-size: contain; }
.title-group { font-size: 20px; font-weight: bold; }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
 .formlist li,  .formlist1 li {
 border-bottom: 0.5px solid #eee;
}
 .formlist,  .formlist1 {
 border-bottom: 0.5px solid #eee;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
 .formlist li,  .formlist1 li {
 border-bottom: 0.5px solid #eee;
}
 .formlist,  .formlist1 {
 border-bottom: 0.5px solid #eee;
}
}
.jiuzhenren-qiehuan { position: absolute; border: 1px solid #00c7d1; padding: 4px; color: #00c7d1; display: block; right: 0; top: 8px; font-size: 14px; border-radius: 6px; }
/* ���� ���Ӿ����� */
.scheduling-title-new { padding-left: 15px; padding-right: 15px; background: #00c7d9; color: #fff; }
.scheduling-title-new span { position: relative; min-height: 40px; line-height: 40px; clear: both; font-size: 16px; height: auto; }
.table-title-one { width: 20%; }
.table-title-two { width: 40%; }
.table-title-one, .table-title-two { display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; line-height: 24px; }
.table-one { width: 20%; }
.table-two { width: 40%; }
.table-one, .table-two { display: table-cell; text-align: center; font-size: 16px; vertical-align: middle; line-height: 40px; }
.ml30 { margin-left: 30px; }
.mt-25 { margin-top: -25px; }
.wbg-radius6-ab { background: #fff; border-radius: 6px; margin-left: 20px; margin-right: 20px; padding: 15px 0; clear: both; position: relative; }
.list-left li { margin-top: 20px; position: relative; padding: 11px 20px; background: #fafbfc; font-size: 16px; }
.list-left li:before { display: block; position: absolute; content: ""; left: 0; top: 0; width: 6px; height: 43px; background-image: linear-gradient(135deg, #71747a 0%, #323335 100%); }
.btn-yuge-sm { display: inline-block; background: #00c7d9; padding: 5px 25px; border-radius: 22px; font-size: 14px; color: #ffffff; margin-top: -3px; }
.doc-week { background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .08); border-radius: 3px; margin: -50px 8px 8px; }
.date-box { position: relative; overflow-x: scroll; }
.datelist { flex-wrap: nowrap; width: max-content; }
.datelist li { display: inline-block; text-align: center; padding: 6px 5px 4px; border: 1px solid #00c7d9; border-radius: 3px; margin-left: 15px; margin-top: 15px; margin-bottom: 1px; font-size: 14px; color: #00c7d9; }
.date-title, .datelist li .weekdate, .datelist li .week { font-size: 14px; }
.date-title, .datelist li .weekdate, .datelist li .week { font-size: 14px; }
.datelist li.active { background: #00c7d9; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); color: #fff; }
/* icd10 ��� ��ʽ */
.icd10-tag { padding: 4px 6px; background: #F6F6F6; border-radius: 24px; display: -webkit-flex; display: flex; font-size: 14px; color: #3C3C3C; margin-right: 8px; margin-top: 6px; }
.icd10-tag .close { width: 20px; height: 20px; background: url('../images/delete.png') no-repeat center; background-size: contain; }
/* ��������ҽԺ */
.zt .pa-close-ab { position:absolute; right:0px; top:50%; margin-top:-11.5px; }
.zt .pttop { padding-top: 44px; }
.zt .left-top { position: absolute; left: 0px; top: 0; display: block; min-width: 30px; height: 46px; }
.zt .left-top .back { display: block; width: 10px; height:18px; margin-left:10px; margin-top:15px; background:url(../images/Back.png) no-repeat; background-size:100%; }
.zt .line-height-none { line-height: unset !important; }
.pr10 { padding-right: 10px; }
.clinic-date-box { display: flex; flex-wrap: nowrap; background-color: #fff; overflow-x: scroll; overflow-y: hidden; padding: 60px 10px 10px 10px; }
.clinic-date-box .item { width: 80px; text-align: center; flex-shrink: 0; padding: 6px 12px; background-color: #eeeeee; margin: 0 4px; border-radius: 6px; overflow: hidden; }
.clinic-date-box .item.active { background-color: #00c7d9; color: #fff; font-weight: 600; }
.doctor-list { width: 100%; box-sizing:  border-box; }
.doctor-list .item { padding: 12px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; width: 100%; }
.doctor-list .item:last-child { border-bottom: 0; }
.doctor-list .item .doctor-img { width: 60px; height: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; flex-shrink: 0; }
.doctor-list .item .doctor-info { margin-left: 16px; flex: 1; flex-shrink: 0; min-width: 200px; }
.doctor-info .expand-btn { color: #fff; background-color: #00c7d9; width: 30px; text-align: center; border-radius: 4px; line-height: 16px; float: right; clear: both; font-size: 10px; position: relative; }
 .doctor-info .expand-btn::before {
 content: '...';
 transform: translateX(-100%);
 color: #999;
 position: absolute;
 left: 0px;
 font-size: 14px;
}
 .doctor-info .intro.expand .expand-btn::before {
 content: ''
}
.doctor-info .intro { position: relative; overflow: hidden; line-height: 1.5; max-height: 3em;  transition: all .3s;
}
.doctor-info .intro.expand { max-height: unset; }
 .doctor-info .intro::before {
 content: '';
 height: calc(100% - 16px);
 float: right;
}
 .doctor-info .intro::after {
 content: '';
 width: 999vw;
 height: 999vw;
 position: absolute;
}
 .doctor-info .intro.expand::after {
 visibility: hidden;
}
.clinic-mask .title { font-size: 16px; text-align: center; border-bottom: 1px solid #f0f0f0; }
.clinic-mask .title .close-btn { width: 20px; height: 20px; background: url('../images/delete.png') no-repeat center; background-size: contain; position: absolute; right: 0px; top: 10px; }
.clinic-mask .pop-layer { width: 90%!important; margin: unset !important; }
.clinic-mask .content { padding: 10px 0px; flex-wrap: nowrap; align-items: center; }
.clinic-mask .content .item { width: 30%; text-align: center; font-size: 14px; line-height: 36px; background-color: #eeeeee; border-radius: 6px; overflow: hidden; margin: 4px 0px; }
 .clinic-mask .content .item:nth-child(3n + 2) {
 margin-left: 10%;
 margin-right: 10%;
}
.clinic-mask .content .item.active { background-color: #00c7d9; color: #fff; }
.clinic-mask .footer { padding: 12px 0; border-top: 1px solid #f0f0f0; }
.clinic-mask .footer .action { width: 100%; text-align: center; line-height: 20px; }
.doc-bg { background:#DEF3FF; width:100%; min-height:100vh; }
.colorbox1 { border-radius: 50px 0px 10px 10px; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 6px 0px rgba(24, 144, 255, 0.58); width:90%; margin:20px auto; display:flex; }
.ell3 { overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.clinic-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  padding: 20px 0;
}

.clinic-list .item {
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eeeeee;
    border-radius: 6px;
    overflow: hidden;
    font-size: 14px;
}

.clinic-list .item div {
  margin-top:5px;
}

.clinic-list .item.active {
  background-color: #00c7d9;
  color: #fff;
}