sr-iHealthwx/html/jkjl/css/zx-style.css

body { background: #f9f9f9; font-size: 16px; }
.c-btn-maincolor { background-color: #37a6ed; color: #fff; }/*蓝色按钮样式*/
.c-btn-maincolor:hover { background-color: #3099dd; }
.c-37a6ec { color: #37a6ec; }
.c-bfbfbf { color: #bfbfbf; }
.c-fa383d { color: #fa383d; }
.c-007dda { color: #007dda; }
.c-ff8011 { color: #ff8011; }
.c-087eff { color: #087eff; }
.c-ff8100 { color: #ff8100;}
.c-fff { color:#fff;}
.c-ccc { color: #ccc; }
.c-333 { color: #333; }
.c-btn-75BF00 {background-color: #75BF00;}
.bgc-00c1a5 { background-color: #00c1a5; }
.bgc-ebebeb { background-color: #ebebeb; }
.bgc-087eff { background-color: #087eff; }
.bgc-97caff { background-color: #97caff; }
.c-tag { color: #fff; font-size: 16px; padding: 2px 10px; border-radius: 4px; }
.c-tag-blue { background: #3da3ee; }
.line-22 { line-height: 22px; }
.line-40 { line-height: 40px; }
.mr40 { margin-right: 40px; }
.r-15 { right: 15px; }
.pt1 { padding-top:1px;}
.add-model .title-word-limit { position: absolute;right: 15px; top: 12px;}
.arrow-left { display: block;width: 8px;height: 8px;border: solid #fff;border-width: 0 0 2px 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
/* css3-Grid
-----------------------------------------------------------------------------*/
.ui-grid { display: -webkit-box; display: box; }
.ui-grid-middle { -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
.ui-grid-vertical { -webkit-box-orient: vertical; box-orient: vertical; }
.ui-grid-label { -webkit-box-flex: 0; box-flex: 0; width: 100px; font-weight: 600; }
.ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
.ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }

/*n-list*/
.ptb12 { padding-top: 12px; padding-bottom: 12px; }
.n-list { background-color: #fff; }
.n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; }
.n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; }
.n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 }
.n-list > .n-list-cover { padding-left: 15px; margin-left: 0; }
.n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px }
.n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; }
.n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
.n-list-info { display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.n-list > .n-list-function { border-top: none; padding-right: 0; }
.n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; }
.n-list > .n-list-function:first-child .n-list-flex { border-top: none; }
.n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; }
.n-list > .n-list-label { display: block; border-top: none; padding-right: 0; }
.n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative }
.n-list .n-list-img img { width: 100%; height: auto; }
.required { position: relative; }
.required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; }
.n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.n-avatar-m { width: 40px; height: 40px; }
.n-avatar-l { width: 54px; height: 54px; }
.n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; }
.word-bread { word-wrap: break-word; }
/* 电话咨询 */
.doc-avatar { width: 50px; height: 50px; border-radius: 50%; text-align:center; overflow: hidden; }
.doc-avatar img { width: auto; height: 100%; }
.view-more { display: inline-block; width: 100%; text-align: center; padding: 15px 0; }
.doc-detail .list-arrow-d:after { top: 15px; margin-top: 0; }
.doc-detail .list-arrow-u:after { top: 20px; margin-top: 0; }
.level, .honor { display: inline-block; width: 20px; height: 20px; }
.level img, .honor img { width: 100%; height: 100%; }
/* 指定咨询 */
.upload-img { overflow: hidden; display: inline-block; }
.upload-img ul li { position: relative; display: inline; float: left; width: 76px; height: 76px; padding: 0 10px 10px 0; }
.upload-img ul li img { width: 100%; height: 100%; }
.upload-img .del-img { position: absolute; top: 0; right: 10px; text-align: center; width: 26px; height: 26px; line-height: 20px; z-index: 10; background: rgba(0,0,0,.5); border-radius: 0 0 0 90%; overflow: hidden; }
.upload-img .del-img .iconfont { color: #fff; font-size: 14px; line-height: 14px; margin-left: 4px; }
.add-btn { position: relative; display: block; width: 74px; height: 74px; font-size: 0; color: #b8b8b8; border: 1px dashed #a0a0a0; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 34px; left: 22px; width: 30px; height: 2px; background: #a0a0a0; }
.add-btn:after { content: ""; display: block; position: absolute; top: 20px; left: 36px; width: 2px; height: 30px; background: #a0a0a0; }
.doc-tab li { width: 50%; }
.doc-tab li.hit { border-bottom: 3px solid #4dcd70; }
.doc-tab li.hit a { color: #4dcd70; }
.doc-list-sm { padding: 10px 15px; }
.doc-list-sm span { color: #666; }
.doc-list-sm b { color: #333; font-weight: normal; }
.delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8); text-align: center; z-index: 2200; }
.del-img-box { width: 100%; height: 100%; display: table; }
.del-img-con { display: table-cell; vertical-align: middle; }
.del-img-con img { width: auto; height: auto; border:2px solid #000; }
.del-img-con p { position: relative; display: inline-block !important; -webkit-animation: myfirst .3s ease; }
.del-img-box p:after { font-family: "iconfont" !important; content: "\d605"; position: absolute; display: block; top: 5px; right: 10px; width: 32px; height: 32px; z-index: 5000; color: #fff; font-size: 32px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -webkit-text-shadow:0 0 1px #f00;text-shadow:0 0 1px #000;  }
.del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
.del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
.r-input { width: 100%; text-align: right; }
.r-textarea { width: 100%; border: 0; padding: 0; resize: none; }
.over-lay, .over-lay[id] { position: fixed; top: 0; left: 0; z-index: 3000; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.ins-img-btn { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 3100; }
.ins-img-btn .c-btn { border-radius: 4px; border: none; color: #157efb; font-size: 20px; }
.ins-img-btn .c-btn:first-child { border-radius: 4px 4px 0 0; }
.ins-img-btn .c-btn:nth-child(2) { border-top: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.zx-notes { text-align: left; color: #5b5b5b; font-size: 12px; }
.ui-popup .zx-notes li { padding: 0 !important; margin: 0 !important; }
/* 咨询信息 */
.talk-box { position: relative; width: 100%; padding: 10px; background: #fff; border-radius: 5px; border: 1px solid #e6bc5d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.talk-box:after { position: absolute; content: ""; top: -6px; left: 30px; font-size: 13px; color: #5b5b5b; width: 10px; height: 10px; border: 1px solid #e6bc5d; border-width: 1px 1px 0 0; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.icon-round { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; vertical-align: middle; color: #fff; font-size: 14px; border-radius: 50%; overflow: hidden; }
.upload-img ul li.upload-btn-box { width: 240px; height: 76px; }
.upload-img ul li.upload-btn-box p { width: 150px; font-size: 13px; color: #5b5b5b; display: block; padding: 18px 0 0 10px; }
.pingjia { font-size: 13px; color: #ff8100; }
.pingjia .iconfont { font-size: 20px; line-height: 20px; color: #ff8100; }
.bottom-iconbtn { position: fixed; bottom: 0; left: 0; width: 100%; height: 44px; border-top: 1px solid #e1e1e1; background: #fff; z-index: 1000; }
.bottom-iconbtn a { display: inline-block; width: 49%; height: 44px; line-height: 44px; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e1e1e1; overflow: hidden; }
.bottom-iconbtn a:last-child { border: none; }
.bottom-iconbtn a .iconfont { font-size: 18px; line-height: 18px; vertical-align: middle; }
.sel-phiz { overflow: hidden; }
.sel-phiz li { width: 33.33%; float: left; text-align: center; color: #333; font-size: 15px; }
.sel-phiz li .iconfont { font-size: 40px; line-height: 40px; color: #ccc; }
.sel-phiz li p { line-height:1.1;}
.padding-fixed { width: 100%; height: 70px; }
.tel-zx-list>li .n-list-key{ min-width:6em;}
.sel-phiz li i{ display:inline-block; background:url(../images/sel-phiztb.png) no-repeat; background-size:126px 92px;}
.sel-phiz li i.icon-flower{ width:42px; height:46px; background-position:0 0;}
.sel-phiz li i.icon-flag{ width:44px; height:46px; background-position:-42px 0;}
.sel-phiz li i.icon-gife{ width:39px; height:46px; background-position:-87px 0;}
.sel-phiz li.selected i.icon-flower{ background-position:0 -46px;}
.sel-phiz li.selected i.icon-flag{ background-position:-42px -46px;}
.sel-phiz li.selected i.icon-gife{ background-position:-87px -46px;}

/*爱心咨询*/
.common-title { font-size: 12px; padding: 10px 15px; color: #5b5b5b; }
.ax-consultation li { position: relative; }
.ax-consultation select, .ax-consultation input { color: #909090 !important; }
.ax-consultation li input.short { border: 1px solid #000; width: 50%; box-sizing: border-box; }
.ax-consultation li .input-group .form-select { height: 30px; box-sizing: border-box; padding: 2px 13px 2px 5px; }
.ax-consultation li .form-select-arrow { top: 9px; right: 7px; }
.ax-consultation li .c-list-value h4{ min-width:4em;}
.ax-consultation li .input-group { position: relative; }
.arrow-down { display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.ax-consultation li .list-icon { position: absolute; right: 15px; top: 50%; margin-top: -4px; }
.ax-consultation li .input-group .list-icon { position: absolute; right: 10px; top: 50%; margin-top: -4px; }
.pl40 { padding-left: 40px; }
.ml40 { margin-left: 40px; }
.ax-consultation li .input-group-addon { padding: 0 10px; }
.pm_age { display: inline-block; width: 138px; height: 30px; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; vertical-align: middle; overflow: hidden; position: relative; }
.ageinput { width: 65px; height: 30px; line-height: 30px; background: #fff; border: none; float: left; font-size: 15px; color: #333; border-right: 1px solid #ddd; padding-left: 10px; border-radius:5px 0 0 5px; }
.pm_age .agesel { width: 60px; height: 30px; line-height: 30px; float: left; font-size: 15px; color: #808080; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica; background: url(/images/point_d.png) 94% center no-repeat #fff; background-size: 13px 8px; -webkit-background-size: 13px 8px; padding: 0 0 0 10px; }
.pt2 { padding-top: 2px; }
/*问医生*/
.bg-9dcd82 { background: #9dcd82; }
.bg-ff7aac { background: #ff7aac; }
.bg-8ebcf8 { background: #8ebcf8; }
.bg-ffbc16 { background: #ffbc16; }
.ask-doctors-boxer .c-avatar-m i { width: 40px; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; display: block; color: #fff; font-size: 24px; }
.ask-doctors-boxer .tiper-words { width: 100%; box-sizing: border-box; }
.ask-doctors-boxer .tiper-words img { width: 100%; }
/*专家列表*/
.professor-listhead { height: 45px; background: #fff; width: 100%; z-index: 99;position:fixed;bottom:0;left:0; }
.professor-listhead li { float: left; line-height: 45px; box-sizing: border-box; border-right: 1px solid #f2f2f2; text-align: center; color: #5b5b5b; font-size: 14px; height: 45px; }
.professor-listhead li span { text-overflow: ellipsis; overflow: hidden; height: 45px; line-height: 45px; white-space: nowrap; max-width: 80%; display: inline-block; position: relative; padding: 0 15px 0 0; box-sizing: border-box; }
.professor-listhead li:last-child { border: none; }
.professor-listhead li em.cur { color: #37a6eb; }
.professor-listhead li i { display: block; position: absolute; top: 20px; right: 0; }
.professor-listhead li.cur i.s-arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #b4b4b4; border-top: 0; }
.s-arrow-down { width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #b4b4b4; border-top: 0;}
.professor-main .c-avatar-m { padding: 6px 0 6px; }
.professor-main .c-avatar-m img { border-radius: 40px; overflow: hidden; width: 40px; height: 40px; }
.professor-main .c-list-indent-s { padding-right: 15px !important; }
.pt35 { padding-top: 35px; }
.c-ff8100 { color: #ff8100; }
.professor-main .c-5b5b5b { color: #5b5b5b !important; }
.list-addmore { color: #007cd9; font-size: 13px; width: 100%; text-align: center; line-height: 34px; }
.professor-main .c-list-info { padding: 6px 0 6px; }
.professor-main li { padding-left: 15px !important; margin-left: 0 !important; }
/*专家列表iscroll*/
.shadow-panel { position: fixed; top: 0; left: 0; bottom: 45px; width: 100%; z-index: 90; background-color: rgba(0,0,0,.35); }
.scroll-fixed { position: fixed; bottom: 45px; left: 0; z-index: 98;}
.scroll-citybox, .scroll-hospbox { width: 100%; height: 352px; overflow: hidden; }
.scroll-specbox{ width: 100%; height: 352px; overflow: hidden; }
.scroll-citybox li, .scroll-hospbox li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.city-box-leftwrapper { width: 40%; background: #f5f5f5; }
.city-box-rightwrapper { width: 60%; background: #ffffff; }
.hosp-box-leftwrapper { width: 50%; background: #f5f5f5; }
.hosp-box-rightwrapper { width: 50%; background: #ffffff; }
.spec-box-leftwrapper { width: 100%; background: #ffffff; font-size:14px; }
.cc-lef li { padding: 11px 20px; color: #5b5b5b; font-size: 14px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100%; box-sizing: border-box; }
.cc-lef li:last-child { border-bottom: none; }
.cc-lef li span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; }
.cc-rig li { margin-left: 15px; border-bottom: 1px solid #e1e1e1; height: 43px; line-height: 43px; color: #5b5b5b; font-size: 14px; }
.cc-rig li:last-child { border-bottom: none; }
.cc-lef li.cur { background: #fff; border-right: 1px solid #fff; }
.cc-rig li.cur { color: #37a6eb; }
.city-box-leftwrapper, .city-box-rightwrapper, .hosp-box-leftwrapper, .hosp-box-rightwrapper, .spec-box-leftwrapper { float: left; position: relative; height: 352px; overflow: hidden; /* Prevent native touch events on Windows */
-ms-touch-action: none; /* Prevent the callout on tap-hold and text selection */
-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Prevent text resize on orientation change, useful for web-apps */
-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.city-leftscroller, .city-rightscroller, .hosp-leftscroller, .hosp-rightscroller, .spec-leftscroller { position: absolute; width: 100%; /* Prevent elements to be highlighted on tap */
-webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.shadow-panel { display: none; }
.spec-leftscroller div.c-33 { color: #5b5b5b; float: left; box-sizing: border-box; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 36px; line-height: 36px;font-size:14px;}
.spec-leftscroller div.c-33.cur { color: #37a6eb; }
.main-scrollboxer{-webkit-overflow-scrolling:touch;}
/*医生列表搜索无数据*/
.search-nodata { width: 100%; font-size: 16px; color: #5b5b5b; text-align: center; padding: 100px 0 40px 0; }
.search-nodata-img { width: 40%; max-width: 320px; margin: 0 auto; }
.search-nodata-icon { background: url(../images/no-data.png) no-repeat 100% 0; width: 100%; height: 0; padding-bottom: 100%; background-size: 100% auto; }
/*网络咨询详情页*/
.c-avatar-m { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.doctor_detail_intro { font-size: 15px; background: #fff; margin-top: 20px; }
.doctor_detail_intro .tit { color: #909090; display: inline-block; float: left; width: 75px; }
.doctor_detail_intro .tit2 { color: #909090; display: inline-block; float: left; width: auto; }
.doctor_detail_intro .words { -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; padding-right: 15px; box-sizing: border-box; color: #333; overflow: hidden; }
.doctor_detail_intro .main_good_at, .doctor_detail_intro .main_intro { margin-left: 15px; padding: 15px 0 }
.report-img, .report-img img { width: 70px; height: 70px; float: left; margin-right: 10px; }
.time-title { width: 22px; height: 22px; border-radius: 50%; line-height: 20px; text-align: center; display: inline-block; background-color: #4dcd70 }
.time-title i, iconfont { font-size: 13px; }
.review { width: 100%; margin-top: 10px; }
.review .hd { height: 5px; position: relative; }
.review .hd .ui-arrow { position: absolute; top: -5px; left: 10px; border-bottom-color: #ff8100; }
.review .hd .ui-arrow s { top: -4px; }
.review .bd { border: 1px solid #ff8100; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*电话咨询记录*/
.doctor_detail_intro .record-tit { color: #909090; display: inline-block; float: left; width: 85px; }
.no-record { text-align: center; line-height: 23px; padding: 0 15px; }
.icon-record { display: inline-block; width: 125px; height: 125px; background: url(../images/no-data.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 60px 0 5px 0; }
/*电话咨询-登记成功*/
.win-register { text-align: center; }
.win-register i, iconfont { font-size: 60px; }
.b-height { height: 80px; }
.s-height { height: 40px; line-height: 40px; text-align: center }
.c-49 { width: 49% }
/*确认就诊人信息*/
.demo-input-merge .input-group-addon { min-width: 90px; width: 90px; text-align: left; }
.l-span { top: 17px; left: 0px; position: absolute; color: #f00 }
.words-box { padding-top: 8px; border-top: 1px solid #e1e1e1 ;}
.words-box .form-textarea2 { height: 100px; border: 0px; resize: none }
.input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0px; }
.input-merge .input-group.input-border { padding-left: 15px; }
.input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
.t-14 { top: 14px; }
.t-12 { top: 12px; position: absolute; color: #ff8100; }
.words-box .form-textarea2::-webkit-input-placeholder, .words-box .r-textarea::-webkit-input-placeholder {
color: #bfbfbf;
}
.words-box .form-textarea2:-moz-placeholder,.words-box .r-textarea:-moz-input-placeholder  {
color: #bfbfbf;
}
.words-box .form-textarea2:-ms-input-placeholder, .words-box .r-textarea:-ms-input-placeholder {
color: #bfbfbf;
}

.number-r-b { right: 15px; bottom: -15px; position: absolute; }
/*网络咨询*/
.hz-header { height: 45px; background: #fff; }
.hz-header li { font-size: 13px; color: #5b5b5b; }
.hz-header li.cur { border-bottom: 2px solid #37a6ed; }
.hz-header li.cur span { color: #007cd9; }
.hz-header li span { margin: 12px 0; border-right: 1px solid #e1e1e1; text-align: center; display: block; box-sizing: border-box; }
.visit-list { }
.visit-list li { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; padding-left: 15px; margin-top: 15px; }
.visit-list li .vlname { line-height: 45px; border-bottom: 1px solid #f2f2f2; position: relative; padding-right: 15px; }
.visit-list li .vlname .arrow-right { position: absolute; right: 15px; top: 50%; margin-top: -4px; }
.visit-list li .vlcard { line-height: 40px; color: #bfbfbf; padding-right: 15px; }
.c-btn-r, .c-btn-full-r { display: inline-block; zoom: 1; *display:inline;
vertical-align: baseline; outline: none; cursor: pointer; border: 0; background: none; text-align: center; text-decoration: none; padding: 5px 10px; color: #fff; position: relative; font: 14px/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53; line-height: normal !important; background-color: #37a6ec; border-radius: 4px; }
.r-w100 { width: 100px; text-align: right;}
.bgc-fffae8{background:#fffae8;}
.pb3{ padding-bottom:3px;}
.pb2{ padding-bottom:2px;}
.c-ser-btn a{ height:28px; line-height:28px; border:1px solid #e8e8e8;}
.c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: auto; }
.test-boxer .c-avatar-m{ text-align:center; padding:0;}
.test-boxer .c-avatar-m img{ width:auto; height:100%; border-radius:0;}

/*2015.11.9*/
.scroll-include{height:260px;overflow:hidden;}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
	.scroll-include{height:200px;}
}
/*2015.11.18*/
.c-nowrap.c-f16{font-size:16px !important;}


/*2.12专家列表*/
.c-ser-main i.left-42{left:42%;}
.professor-listhead.professor-list-listhead{ }
.professor-list-btn { height: 28px;line-height: 28px;border-radius: 4px;padding: 5px 10px;margin-left: 10px;}
/*2.12编辑模板*/
.list-arrow-r.ml0 { margin-left:0;}

/*2.12回复模块*/
.icon-look { background:url(../images/icon-look.png) no-repeat 0 0;background-size:100%;width:22px;height:23px;display:block;margin:10px auto 0;}
.talk-box.reply-talk-box { padding:0;border-color:#e1e1e1;}
.talk-box.reply-talk-box:after { border-color:#e1e1e1;left:15px;}
.talk-box.reply-talk-box.right:after { right:15px;left:auto;}
.reply-talk-box.n-list>li { padding-left:15px;margin-left:0;border-top:0;}
.reply-talk-box .look-report li { float:left;width:57px;text-align:center;}
.reply-talk-box .look-report li div { height:56px;border:1px solid #e3e3e3;}
.icon-homan { display:block;background:#e1e1e1 url(../images/icon-homan.png) no-repeat 50% 50%;width:40px;height:40px;border-radius:50%;background-size:50%;}
.btn-voice { background:url(../images/btn-voice.jpg) no-repeat 0 0;background-size:100%;width:85px;height:34px;display:block;}
.icon-reply { width:15px;height:15px;display:block;background:url(../images/icon-reply.jpg) no-repeat 0 0;background-size:100%;}
.icon-broadcast {background:url(../images/icon-broadcast.png) no-repeat 0 0;background-size:100%;width:12px;height:16px;}
.icon-border { width:1px;height:14px;margin:5px 12px 0;background-color: #ddd;}
.reply-title {position:relative;background:#97caff;color:#fff;font-size: 14px;padding:10px 0;padding-left:25px;}
.reply-title:after { position: absolute;top: 50%;left: 15px;margin-top: -5px;content: "";display: block;width: 8px;height: 8px;border:1px solid #fff;border-width: 0 0 2px 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.c-tag-blue.c-f13{ font-size: 13px;}

/*2.12关注*/
.heed { background:url(../images/heed.png) no-repeat 0 0;background-size:100%;width:26px;height:26px;display:block;margin:0 auto 5px;}
.heed-orange { background:url(../images/heed-orange.png) no-repeat 0 0;background-size:100%;width:26px;height:26px;display:block;margin:0 auto 5px;}
#heed,#heed-orange { width:40px;text-align: center;padding-top:12px;}
.pm_age .agesel.w-70 { width:70px;}

/*2.12回复录音*/
.win-broadcast { position:fixed;outline: 0px;top:50%;left:50%;margin:-113px 0 0 -135px;width:269px;height:226px;border-radius: 5px;z-index:100;}
.win-broadcast .bg { background-color: #fff;width:269px;height:226px;border-radius: 5px;display:block;}
.win-broadcast .broadcast { background:url(../images/broadcast.png) no-repeat 0 -2px;width:85px;height:85px;display:block;background-size: 100%; position:absolute;top:67px;left:34%;border-radius: 50%;z-index:99;}
.win-broadcast .word { position: absolute;bottom: 0;border-radius: 5px;border-top: 1px solid #e1e1e1;border-top-right-radius: 0;border-top-left-radius: 0;color: #666;background-color: #fff;height: 35px;width: 100%;line-height: 35px;}
.win-broadcast .word.title { top:0;border-top-left-radius:5px;border-top-right-radius:5px;}
.delete {display: block;position: absolute;height: 12px;width: 12px;border-radius: 50%;background-color: #fff;right: 6px;top: 6px;z-index: 10;text-align: center;line-height: 9px;color: #919191;font-size: 12px;}
.broadcast-shadow-panel {width:100%;position:absolute;overflow:hidden;z-index:10;top:0;background-color: rgba(0,0,0,.35);}
/*动画*/
.win-broadcast .broadcast
{
    animation: broadcast 2s infinite;
    -webkit-animation: broadcast 2s infinite;  /* Safari 和 Chrome */
}
@-webkit-keyframes broadcast /* Safari 和 Chrome */
{
    0%   { background-color:#ccf5ff;box-shadow: 0 0 0  0px #ccf5ff,0 0 0 0 #c3e9f2, 0 0 0  0px #e9fffe,0 0 0 0 #ddf5f4;}
    25%  { background-color:#ccf5ff;box-shadow: 0 0 0 5px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe,0 0 0 1px #ddf5f4;}
    50%  { background-color:#ccf5ff;box-shadow: 0 0 0 10px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe,0 0 0 1px #ddf5f4;}
    100% { background-color:#ccf5ff;box-shadow: 0 0 0 15px #ccf5ff,0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe,0 0 0 1px #ddf5f4;}
}
/* 12-18 */
.nxz-voice{ line-height:21px; text-align:right;}
.nzx-tb{ display:inline-block; width:15px; height:21px; background:url(../images/icon-broadcast.png) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; vertical-align:middle;}
.win-broadcast-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:rgba(0,0,0,.35); display:none;}
.myorder li .vlname { line-height: 20px; border-bottom: 1px solid #f2f2f2; position: relative; padding-right: 15px; padding-top:10px; padding-bottom:10px;}
/* 1-12 */
.myaks-top{}
.myaks-top li{ background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-top:10px;}
.myaks-top li:first-child{ margin-top:0;}
.mt-mess{ margin-left:10px; padding:10px 0;}
.mt-con{ margin-left:10px; padding:10px 10px 10px 0; border-top:1px solid #f2f2f2;}
.mtime{ line-height:25px;}
.mtime em{ display:inline-block; width:14px; height:14px; background:url(../images/sex.png) no-repeat; background-size:29px 14px; vertical-align:middle; margin:0 5px 5px 0;}
.mtime em.sex-male{ background-position:0 0;}
.mtime em.sex-female{ background-position:-15px 0;}
.msympt{ position:relative; padding-left:40px; min-height:20px;}
.msympt h4{ display:block; position:absolute; left:0; top:0; color:#909090;}
.mt-state{ line-height:40px; text-align:center; border-top:1px solid #f2f2f2; color:#17b3ec;}
.mreport-list .c-list-link .c-list-value{ padding-right:0;}
.h35{ height:35px;}
.myask-lab{ width:100%; height:35px; background:#fff;}
.myask-lab li{ display:block; width:33.33%; float:left; font-size:13px; color:#5b5b5b; line-height:34px; text-align:center; position:relative; z-index:600;}
.labfixed{ position:fixed; left:0; top:0; z-index:600;}
.myask-lab li.curr{ border-bottom:2px solid #17b3ec; color:#17b3ec;}
.myask-lab:before{ content:''; display:block; width:33.33%; height:22px; position:absolute; left:33.33%; top:6px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; z-index:500;}
.myask-visit li{ margin-top:10px;}
.myask-visit li:first-child{ margin-top:0;}
/* 再次咨询弹窗 */
.botpop{ position:fixed; left:0; bottom:0; width:100%; z-index:700; -webkit-animation:choopop .2s ease; animation:choopop .2s ease; display:none;}
@-webkit-keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
@keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
.botpop li{ line-height:50px; background:#fff; border-top:1px solid #f2f2f2; padding:0 15px;}
.botpop li.curr{ color:#17b3ec;}
.botpopmb{ width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; z-index:650; display:none;}
/* index */
.bgc-f3f3f3{ background-color:#f3f3f3;}
.bor-f2-r{ border-right:1px solid #f2f2f2;}
.bor-f2-b{ border-bottom:1px solid #f2f2f2;}
.bor-f2-tb{ border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.lih43{ line-height:43px;}
.icon-mindex{ display:inline-block; background:url(../images/icon-mindex.png) no-repeat; background-size:250px 250px; vertical-align:text-top;}
.icon-mpart1{ width:91px; height:100px; background-position:0 0; margin-bottom:5px;}
.icon-mpart2{ width:49px; height:40px; background-position:-95px 0; margin-top:-21px;}
.icon-mpart3{ width:40px; height:39px; background-position:-150px 0; margin-bottom:2px;}
.icon-mpart4{ width:41px; height:39px; background-position:-195px 0; margin-bottom:2px;}
.icon-mpart5{ width:45px; height:35px; background-position:-95px -41px; margin-top:-21px; margin-left:4px;}
.icon-msearch{ width:15px; height:15px; background-position:0 -155px; margin:1px 5px 0 0;}
.mindex-search{ width:100%; padding:8px 7px; background-color:#fff;}
.mindex-search div{ height:27px; line-height:27px; background-color:#f2f2f2; border-radius:3px;}
.mindex-search div{ position:relative; padding:0 10px 0 30px;}
.mindex-search .icon-msearch{ position:absolute; left:8px; top:5px;}
.mindex-search .search-text{ display:block; width:100%; height:100%; background-color:#f2f2f2; appearance:none; -webkit-appearance:none; border-radius:3px;}
.mindex-top{ background:#fff; line-height:20px; height:187px;}
.mt-center{ display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; text-align:center;}
.mt-part1-1{ width:47%; height:100%; float:left;}
.mt-part1-2{ width:53%; height:100%; float:left;}
.mt-part2{ width:100%; height:50%;}
.mt-part3{ width:50%; height:100%; float:left;}
.mt-freeask{ display:inline-block;}
.mindex-img{ position:relative;}
.mindex-img .bd li{ display:block; width:100%; height:61px;}
.mindex-img .bd li img{ width:100%; height:100%;}
.mindex-img .hd{ position:absolute; height:7px; line-height:7px; bottom:5px; left:50%; font-size:1px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.mindex-img .hd li{ display:inline-block; width:7px; height:7px; line-height:7px; background:#cacaca; border-radius:50%; margin:0 5px; font-size:0px; overflow:hidden; color:#cacaca;}
.mindex-img .hd li.on{ background:#17b3ec; color:#17b3ec;}
.mindex-list{ background-color:#fff;}
.mindex-list li{ display:block; width:25%; height:80px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; text-align:center; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2; color:#909090;}
.mindex-list li:nth-child(4n){ border-right:0;}
.mindex-list li i{ width:25px; height:25px;}
.icon-mlist3{ background-position:0 -105px;}
.icon-mlist4{ background-position:-25px -105px;}
.icon-mlist5{ background-position:-50px -105px;}
.icon-mlist80{ background-position:-75px -105px;}
.icon-mlist10{ background-position:-100px -105px;}
.icon-mlist11{ background-position:-125px -105px;}
.icon-mlist12{ background-position:-150px -105px;}
.icon-mlist19{ background-position:-175px -105px;}
.icon-mlist13{ background-position:-200px -105px;}
.icon-mlist50{ background-position:-225px -105px;}
.icon-mlist16{ background-position:0 -130px;}
.icon-mlist54{ background-position:-25px -130px;}
.icon-mlist27{ background-position:-50px -130px;}
.icon-mlist14{ background-position:-75px -130px;}
.icon-mlist21{ background-position:-100px -130px;}
.icon-mlist52{ background-position:-125px -130px;}
.icon-mlist15{ background-position:-150px -130px;}
.icon-mlist81{ background-position:-175px -130px;}
.icon-mlist78{ background-position:-200px -130px;}
.mindex-recom{ background-color:#fff; padding:10px;}
.mindex-recom .mrtit{ line-height:23px;}
.mindex-recom ul{ display:block;}
.mindex-recom li{ display:block; width:25%; float:left; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; padding:0 2px; margin-top:10px; line-height:1.4;}
.mindex-recom li img{ width:40px; height:40px; border-radius:50%; margin-bottom:2px;}
/*2.15专家列表*/
.cc-lef li.cur span{padding-left:15px;background:url(../images/cs-jtright.png) no-repeat left center;}
.spec-box-leftwrapper .c-100{text-align:center;padding:15px 15px;color:#5b5b5b;font-size:14px;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.spec-box-leftwrapper .c-100.cur{color:#37a6eb;}
.scroll-itemchoscbox {width: 100%; height:302px; overflow: hidden;background:#fff;font-size:14px;}
.itemchos-box-leftwrapper{position: relative; height: 302px; overflow: hidden; /* Prevent native touch events on Windows */
-ms-touch-action: none; /* Prevent the callout on tap-hold and text selection */
-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Prevent text resize on orientation change, useful for web-apps */
-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.itemchos-leftscroller{ position: absolute; width: 100%; /* Prevent elements to be highlighted on tap */
-webkit-tap-highlight-color: rgba(0,0,0,0); /* Put the scroller into the HW Compositing layer right from the start */
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.itemch-tit h2{line-height:28px;}
.itemchos-leftscroller .disp-tit-box{color:#5b5b5b;}
.itemchos-leftscroller .disp-tit-box em{color:#37a6ec;}
.itemchos-leftscroller .disp-mainbox{padding:15px 0 10px;}
.itemchos-leftscroller .disp-sloer .c-33{border-radius:3px;text-align:center;background:#f2f2f2;color:#333333;padding:3px 0;margin-bottom:15px;}
.itemchos-leftscroller .disp-sloer .c-33.cur{background:#37a6ec;color:#fff;}
.disp-sloer .c-row .c-33:last-child{margin-left:0;}
.disp-sloer .c-row .c-33.tipsl{margin-right:3%;}
.c-ffa800{color:#ffa800;}
.itemch-tit .c-btn-tiny{width:65px;}
.c-lab-mor li.doctor a{border-left:1px solid #f2f2f2;}

.test-boxer.second .c-avatar-m img{border-radius:100%;}
.second .cc-lef li.cur span{background:none;}
/* 绿色风格皮肤样式  */
/*green*/
.wdz-green .c-btn-maincolor { background: #4dcd70; }/*微导诊按钮绿色*/
.wdz-green .c-btn-maincolor:hover { background-color: #4dc86f; }
.wdz-green .c-btn-wordcolor { color: #4dcd70; }/*微导诊文字绿色*/
.wdz-green .professor-listhead li em.cur { color: #4dcd70; }
.wdz-green .cc-rig li.cur { color: #4dcd70; }/*专家列表按城市文字绿色*/
.wdz-green .spec-leftscroller div.c-33.cur { color: #4dcd70; }/*专家列表按专科文字绿色*/
.wdz-green .c-37a6ed, .wdz-green c-007cd9{ color: #4dcd70; }
.wdz-green .c-lab-les {border: 1px solid #4dc86f; }
.wdz-green .c-lab-les li { border-left: 1px solid #4dc86f; }
.wdz-green .c-lab-les li a { color: #4dc86f; }
.wdz-green .c-lab-les li.hit { background-color: #4dc86f; }
.wdz-green .c-lab-les li.hit a { color: #fff; }
.wdz-green .c-lab-mor li.hit { border-bottom: 3px solid #4dc86f; }
.wdz-green .c-lab-mor li.hit a { color: #4dc86f; }
.wdz-green .hz-header li.cur { border-bottom: 2px solid #4dc86f; }
.wdz-green .hz-header li.cur span { color: #4dc86f; }
.wdz-green .c-ser-btn a{background:#4dc86f;}
.wdz-green .view-more a{color:#4dc86f;}
.wdz-green .c-4dc86f{color:#4dc86f;}
.wdz-green .spec-box-leftwrapper .c-100.cur{color:#4dc86f;}
.wdz-green .scroll-itemchoscbox .c-btn-37a6ec{background: #4dcd70;}
.wdz-green .itemchos-leftscroller .disp-sloer .c-33.cur{background: #4dcd70;}
.wdz-green .itemchos-leftscroller .disp-tit-box em{color: #4dc86f;}

.swiper-container { width: 100%; margin: 10px auto 0 auto !important;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide div{ text-align:center;}
.swiper-container .swiper-slide div img{ width:40px; height:40px; border-radius:50%;}
/* 医患沟通开始 */
.c-chat-box { border: none; padding-left: 15px; padding-right: 15px; }
.time-tips { margin: 10px 0 0 0; text-align: center; clear: both; }
.time-tips span { position: relative; display: inline-block; padding: 0 60px; color: #aeaeae; font-size: 13px; }
.time-tips span:before, .time-tips span:after { position: absolute; content: ""; display: block; width: 50px; height: 1px; background: #e6e4e1; top: 50%; }
.time-tips span:before { left: 0; }
.time-tips span:after { right: 0; }
.chat-left, .chat-right { clear: both; overflow: hidden; padding: 10px 0; }
.chat-left > dt, .chat-right > dt { width: 40px; height: 40px; }
.chat-left > dt { float: left; margin-right: 15px; }
.chat-right > dt { float: right; margin-left: 15px; }
.chat-left > dt img, .chat-right > dt img { width: 40px; height: 40px; border-radius: 50%; }
.chat-left > dd, .chat-right > dd { position: relative; min-height: 18px; font-size: 14px; display: inline-block; max-width: 65%; background: #fff; border: 1px solid #e1e1e1; border-radius: 6px; padding: 8px 10px; box-shadow: 1px 1px 1px rgba(0,0,0,.1); }
.chat-left > dd { float: left; white-space: pre-wrap; word-wrap: break-word; }
.chat-right > dd { float: right; background: #bce0ff; border: 1px solid #81bdf7; white-space: pre-wrap; word-wrap: break-word; }
.chat-left > dd:after { content: ""; position: absolute; top: 14px; left: -6px; display: block; width: 8px; height: 8px; background: #fff; border-color: #e1e1e1; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.chat-right > dd:after { content: ""; position: absolute; top: 14px; right: -6px; display: block; width: 8px; height: 8px; background: #bce0ff; border-color: #81bdf7; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
.chat-left > dd p img, .chat-right > dd p img { max-width: 150px; max-height: 150px; margin: 5px 0; }
.pull-more { text-align: center; color: #5b5b5b; font-size: 14px; padding: 14px 0; }
.chat-btm-box { position: fixed; bottom: 0; left: 0; z-index: 2100; width: 100%; background: #fafafa; border-top: 1px solid #e1e1e1; }
.nopos { position: relative; bottom: auto; left: auto; }
.chat-text { position: relative; padding: 10px 15px 10px 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.insert-more { position: absolute; display: block; width: 30px; height: 30px; top: 6px; right: 25px; }
.insert-more i { font-size: 30px; line-height: 30px; color: #a9a9a9; }
.send-text { position: absolute; width: 50px; padding: 8px 0; display: block; bottom: 10px; right: 15px; background: #37a6ec; border-radius: 4px; }
.word-count { font-size: 12px; text-align: right; padding: 0 5px; color: #bfbfbf; }
.insert-img { position: absolute; display: block; width: 30px; height: 30px; top: 6px; right: 15px; border: 1px solid #737373; border-radius: 50%; }
.insert-img:before { position: absolute; content: ""; width: 16px; height: 2px; background: #737373; top: 14px; left: 7px; }
.insert-img:after { position: absolute; content: ""; width: 2px; height: 16px; background: #737373; top: 7px; left: 14px; }
.insert-img span { display: none; }
.chat-text-inp { padding: 0 65px 0 0; }
.chat-text-box { border: 1px solid #e1e1e1; background: #fff; border-radius: 4px;}
.chat-txt-con { width: 100%; height: 31px; outline: 0; font-size: 14px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding:0 5px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.ins-img-btn { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 3100; }
.ins-img-btn .c-btn { border-radius: 4px; border: none; color: #157efb; font-size: 20px; }
.ins-img-btn .c-btn:first-child { border-radius: 4px 4px 0 0; }
.ins-img-btn .c-btn:nth-child(2) { border-top: 1px solid #e1e1e1; border-radius: 0 0 4px 4px; }
.pull-more { text-align: center; color: #5b5b5b; font-size: 14px; padding: 14px 0; }
.bgc-f7f5f2 { background: #f7f5f2; }
.more-opt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fafafa; z-index: 2200; }
.m-close { position: absolute; top: 8px; right: 8px; display: block; width: 20px; height: 20px; }
.m-close i.ico-close { position: static; width: 20px; height: 20px; background-color: #afafaf; }
i.ico-close:before { width: 12px; height: 2px; left: 4px; top: 9px; }
i.ico-close:after { width: 2px; height: 12px; left: 9px; top: 4px; }
.more-opt-list { clear: both; padding: 58px 30px 0 30px; text-align: center; overflow: hidden; }
.more-opt-list.normal { clear: both; padding: 7px 30px 0 30px; text-align: center; overflow: hidden; }

.dh-nav { width: 100%; height: 40px; line-height:40px; border-bottom: 1px solid #e1e1e1; background: #fff; font-size:14px;}
.dh-nav li{ display:block; float:left; padding:0 20px;}
.dh-nav li.curr{ color:#4dcd70; position:relative;}
.dh-nav li.curr:before{ content:''; display:block; position:absolute; width:100%; height:2px; background:#4dcd70; left:0; bottom:-1px;}
.dh-list { width:100%; background:#fff; z-index:1;}
.dh-list-box { width: 100%; }
.dh-list li{ overflow:hidden; padding:15px 0 5px 0; font-size:14px; color:#333; display:block;}
.dh-list li label{ display:block; width:25%; float:left; text-align:center; margin-bottom:10px;}
.dh-list li label img{ width:40px; height:40px; border-radius:50%;}

.prerecord{ padding-left:10px; border-top:1px solid #f2f2f2; background:#fff;}
.prerecord:first-child{ border-top:0; margin-top:0;}
.prerecord div{ text-align:left !important;}
.pd-top{ line-height:25px; padding:5px 0; padding-right:10px;}
.pb-mid{ display:box; display:-webkit-box; padding-right:10px;}
.pd-img{ width:40px; height:40px; margin:10px 10px 10px 0; box-flex:0; -webkit-box-flex:0;}
.pd-img img{ width:40px; height:40px; border-radius:50%;}
.pd-mess{ box-flex:1; -webkit-box-flex:1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.pd-btn{ width:60px; box-flex:0; -webkit-box-flex:0; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.pd-btn a{ display:block; width:60px; height:25px; line-height:25px; text-align:center; color:#fff; background:#4cd079; font-size:13px; border-radius:4px;}
.pd-bot{ border-top:1px solid #f2f2f2; line-height:40px; padding-right:10px;}
.pd-bot a{ display:inline-block; width:60px; height:30px; line-height:30px; background:#4dcd70; border-radius:4px; text-align:center; color:#fff; float:right; margin-top:5px;}
.pd-bot a.disab{ background:#ccc;}

.scoresr{ line-height:45px; border-top:1px dashed #f2f2f2; border-bottom:1px dashed #f2f2f2; padding:0 15px 0 28px;}
.ti-star { background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; background-size: cover; overflow: hidden; background-position: 0 -22px; margin-top:12px; margin-left:15px;}
.ti-star ul { background: url(../images/tip-star.png) no-repeat; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul.one { background-position: -134px 0; }
.ti-star ul.two { background-position: -101px 0; }
.ti-star ul.three { background-position: -67px 0; }
.ti-star ul.four { background-position: -34px 0; }
.ti-star ul.five { background-position: 0 0; }
.scoresr li { float: left; width: 31.4px; height: 24px; }
.nxz-voice-hold{ position:absolute; left:10px; bottom:8px;}