strong, h1, h2, h3, h4, h5, h6, time { font-weight: normal; }
em { font-style: normal; }
a {
	color: #008ae7;
}
.header-nav { height: 46px; }
.titlebar { height: 46px; }
.titlebar h1,.titlebar strong  { font-size: 16px; color: #008ae7; line-height: 46px; }
.titlebar strong {position:absolute; z-index:1;top:0;right:0;left:0; text-align:center;}
.yunpacs-logo { position:absolute; z-index:1;top:0;left:0}
.yunpacs-logo img { max-width: 40px; margin: 8px 10px 0}
.article-t0b5 { top: 0; bottom: 54px; }
.article-t0b4 { top: 0; bottom: 40px; }
.article-t0b0 { top: 0; bottom: 0; }
.article-t0b80 { top: 0; bottom: 80px; }
.iconnav { display: block; height: 20px; background-image: url(images/icon-nav.png); background-repeat: no-repeat; background-size: 20px auto; margin-top: 7px }
.iconnav-home { background-position: center 0; }
li.active .iconnav-home { background-position: center -20px; }
.iconnav-zdjl { background-position: center -40px; }
li.active .iconnav-zdjl { background-position: center -60px; }
.iconnav-fzyp { background-position: center -80px; }
.iconnav-my { background-position: center -100px; }
li.active .iconnav-my { background-position: center -120px; }
.menubar li label.tab-label { font-size: 12px; height: 20px; line-height: 20px; }
.menubar { height: 53px; background: #fff }
.home-banner img { width: 100%; }

.icon-yx {height: 16px;width: 16px; background: url(images/icon-yx.png) no-repeat 0 0; background-size: 16px auto; display:inline-block;margin:0 5px; border-bottom:1px solid #e2e2e2;}
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.color-70 { color: #707070; }
.color-33 { color: #333; }
.home-list .justify-content { padding: 7px 12px; }
.list li { border-color: #e4e4e4; }
.nav-title { background: #f7f7f7; height: 46px; border-bottom: 1px solid #e0e0e0; line-height: 46px; }
.nav-title .icon-t { float: left; width: 3px; height: 12px; background: #008ae7; margin: 18px 10px 0 15px; }
.nav-title strong { float: left; }
.nav-title small { float: right; margin-right: 10px; }
.nav-title small .icon { font-size: 14px; width: 16px; height: 16px; }
.titlebar a { color: #9b9b9b; }
.titlebar a .icon { font-size: 16px; height: 16px }
.titlebar a.left { height: 46px; line-height: 46px }
.news-list .justify-content { padding: 10px 12px; }
.text-content { padding: 10px; line-height: 180%; font-size: 16px; }
.news-head { padding: 10px; border-bottom: 1px solid #ededed; }
.news-head h1 { font-size: 24px; line-height: 160%; }
.news-head time { color: #95989a; font-size: 12px; }
.news-head small { color: #95989a; font-size: 12px; margin-right: 15px; }
.about-banner img { width: 100%; }
.about-text { font-size: 16px; line-height: 180%; padding: 15px; }
.about-text p { text-indent: 2em; margin-bottom: 10px; }
.iconabout { width: 34px; height: 34px; }
.iconabout-1 { background: url(images/icon-about1.png) no-repeat 0 0; background-size: 34px auto; }
.iconabout-2 { background: url(images/icon-about2.png) no-repeat 0 0; background-size: 34px auto; }
.about-list li .justify-content p { padding-left: 15px; }
.about-list li {border:0}
.about-list2 {margin-left:10px;}
.about-list2 li {border-bottom:1px solid #f1f1f1}
.border-t8 { border-top: 8px solid #f1f1f1; }
.searchbar { background: #fff; }
.searchbar .input-box { margin: 0 10px; border: 0; border-bottom: 1px solid #e8e8e8; position:relative; height:35px}
.searchbar .color-placeholder { color: #7c8084; font-size: 18px; width: 24px; height:20px;text-align: center; border-radius: 0;position:absolute; z-index:1;}
.searchbar .icon-search { top:8px;left:0;}
.searchbar .icon-clear-fill { top:8px;right:0;width:16px}
.searchbar .searchbar_r { position:absolute; z-index:1;top:0;left:30px;right:15px;}
.searchbar .searchbar_r input {width:95%;}


.my_filter_controller { height: 34px; width: 100%; clear: both; border-bottom: 1px solid #e0e0e0; background: #fcfcfc; }
.my_filter_controller li { float: left; width: 33%; line-height: 34px; text-align: center; font-size: 12px; }
.my_filter_controller4 li {width:25%;}
.my_filter_controller li span { color: #969696; }
.my_filter_controller li span:after { color: #969696; font-family: iconfont; }
.my_filter_controller li span:after { content: '\e90e'; }
.my_filter_controller li.active span:after { content: '\e91a'; -webkit-animation: spinner 0.1s 2 linear; animation: spinner 0.1s 2 linear; }
.my_filter_controller li i { float: right; color: #ECF0F1; font-style: normal; }
.my_filter_conatiner { top: 88px; bottom: 0px; width: 100%; }
.my_filter_component.active { z-index: 1; position: absolute; display: block; width: 100%;min-width:320px;max-width:640px; height: 100%;background:rgba(0,0,0,0.2);
}
 @-webkit-keyframes myFilterslideDownIn {
 0% {
opacity: 0;
-webkit-transform: translate3d(0, -44px, 0)
}
 100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
}
.my_filter_component.active .my_filter_component_content { -webkit-animation: myFilterslideDownIn 1s; min-height: 220px; background: #fff; clear:both;overflow:hidden;z-index:999;}
.my_filter_c1 { width: 50%; height: 100%;max-height:400px; float: left; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #efefef; }
.my_filter_c1 li { padding: 12px 20px; font-size: 12px; }
.my_filter_c1 li.active { background: #fff; }
.my_filter_c2.active { width: 48%; height: 100%; float: right; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.my_filter_c2.active li { padding: 12px 20px; font-size: 12px; border-bottom: 1px solid #efefef; }
.my_filter_c2.active li.active {background:#f9f9f9}
.xiala { margin: 0 10px; }
.xiala li { border: 1px solid #f1f1f1; height: 35px; text-align: center; line-height: 35px; margin: 10px; border-radius: 5px; }
.xiala li.active { border: 1px solid #36acf4 }
.xiala li a { color: #333 }
.xiala li.active a { color: #36acf4 }


.mark-facility {border:1px solid #f05b5b; border-radius:5px;color:#f05b5b;font-size:10px;line-height:110%;padding:1px 2px;}
.name {color:#008ae7;}
.zdjl-list {margin-left:15px;line-height:1.5em; position:relative;}
.zdjl-list .justify-content {padding-left:0}
.zdjl-list  .mark-facility {margin-right:14px;}
.zdjl-list .a_yx,.group-case1 .a_yx { position:absolute; z-index:1;top:10px;right:10px;padding:2px 10px;font-size:14px;line-height:30px;height:34px}

.relative {position:relative;}
.group-case1 .a_yx {}
.w_box {width:100%;}
.lari {width:100%;height:100%;/*overflow:auto;position:absolute;top:0;right:0;z-index:2;bottom:0;left:0px;*/background-color:#fff;}
.w_box img {max-width:100%;}

.color-999 {color:#999;}
/*返回顶部*/
.gotop {position:fixed;bottom:50px;right:11px;z-index:500;width:30px;height:30px;display:none;}
.w_top {width:30px;height:30px;}
.w_top img {width:30px;}


.margin-right10 {margin-right:10px;}
.mark-cancel1 {color:#fff;background:#f05b5b;font-size:12px; border-radius:5px;padding:0 8px}

.case-title {border-bottom:1px solid #ddd;padding:5px 10px;line-height:140%;font-size:18px; background:#fff}

.gauge-box-case {clear:both;overflow:hidden; background:#fff;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.group-case {padding:5px 15px;clear:both;overflow:hidden; background:#fff}
.group-case .caserow { clear:both;padding:5px 0;}
.group-case .caserow .caserow-left {width:80px;float:left;color:#999;}
.group-case .caserow .caserow-right {float:left;width: calc(100% - 80px);}

.group-case1 {border-bottom:1px solid #f1f1f1; position:relative;padding-bottom:10px}
.collect { position:absolute; z-index:1;top:5px;right:10px;}
.collect.active {color:#f05b5b;}
.collect.active .icon-heart:before {content:"\e971"!important}

.info {padding:5px 0;clear:both;height:20px;font-size:14px;}
.info time {float:left;color:#999}
.info em {float:right;color:#999}
.solid1 {background:#f1f1f1;height:1px;clear:both;overflow:hidden;}
.solid10 { background:#efeff4;height:10px;clear:both;overflow:hidden;}
.group-title {font-size:16px;padding:10px 0 5px;}
.caserow-right2 {font-size:13px;}
.group-case-lc .caserow {border-bottom:1px solid #f7f7f7;overflow:hidden;padding-top:10px;}
.group-case-lc .caserow:last-child {border:0;}
.group-case-lc {background:#fafafa;margin:0;padding:5px 15px;}

.loadingbox {padding:35px 0; text-align:center;}
.loadingbox p {line-height:40px;}
.casebox-no {text-align:center; clear:both;overflow:hidden;}
.casebox-no strong { display:inline-block;}
.casebox-no em { display:block;color:#f05b5b}
.casebox-no {background:#e5f4ff url(images/fk.png) no-repeat center 10px; background-size:40px auto; margin:0 auto;padding:50px 0 10px;font-size:14px;}
.case-con {line-height:20px;}
.case-con-hidden em { position:absolute; z-index:1;top:40px;right:0; background-color: rgba(255, 255, 255, 0.9);padding:0 5px;color:#008ae7}
.case-con-hidden {overflow:hidden;position:relative;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case-con-auto {overflow:inherit;display:block;}
.case-con-auto em { position:inherit; top:inherit; }
.case-con-hidden em .x-1 { display:block}
.case-con-hidden em .x-2 { display:none}
.case-con-auto em .x-1 { display:none}
.case-con-auto em .x-2 { display:inline}

.title2 {background:#f7f7f7;padding:10px;clear:both;height:30px;line-height:30px;}
.iconmb {background:url(images/icon-mb.png) no-repeat 0 0; background-size:auto 14px;width:16px;height:14px;}
.title2 .outline {height:30px;line-height:30px;}
.margin-t10 {margin-top:10px;}
.border0 {border:0}
.textarea-line3 {min-height:60px;font-size:14px;line-height:20px;height:auto}
.zdyj-row {border:0}
.zdyj-row .row-left {color:#333}

.popup-template {height:240px; background:#fff;overflow: auto}
.ok  {text-align:center;padding:30px 0 20px}
.ok .icon {color:#27b87c;font-size:70px;width:70px;height:70px;}
.ok h6{font-size:18px;color:#27b87c;margin:20px 0}

.error {text-align:center;padding:30px 0 20px}
.error .icon {color:#f05b5b;font-size:70px;width:70px;height:70px;}
.error h6{font-size:18px;color:#f05b5b;}

.bg-h ,section{ background:#efeff4;}
.box_f { background:#fff;clear:both;overflow:hidden}


.pay-box {background:#fff;}
.pay-box .title {padding:15px 10px}
.pay-box .title em {color:#999}
.pay-box .title label {color:#f26868}
.pay-list label {display:block;}

.agile-popup.agile-center {border-radius:0; background:#fff;}
.pay-popup {background:#fff;height:200px;}
.pay-popup h6 {padding:0 15px;font-size:16px;line-height:50px;}
.pay-input { text-align:center;width:260px;margin:0 auto}
.pay-input p {padding:0 15px 15px;color:#999}
.pay-input input { background:none;width:240px;height:20px; line-height:30px;color:#000;font-size:20px;letter-spacing:30px; text-align:center}
.pay-popup-title {clear:both;overflow:hidden;height:30px;padding:10px;}
.pay-popup-title .icon {font-size:16px;}

.pay-text {text-align:center;color:#666;line-height:160%}


.doctor-head { background:url(images/bg.jpg) no-repeat center 0; background-size:100% 150px;height:150px; position:relative;overflow:hidden;clear:both; text-align:center; position:relative }
.doctor-head p {font-size:12px;color:#fff;line-height:140%;}
.doctor-head p.f16 {font-size:16px;}
.doctor-head p em {padding:0 5px;}
.doctor-head p:first-child {margin-top:5px;font-size:18px;}
.doctor-head .photo {height:84px;width:84px; border:4px solid #fff; border-radius:10px;margin-top:10px;margin-bottom:8px}
.photo img {height:76px;width:76px;border-radius:10px; background:url(images/tx.png) no-repeat 0 0; background-size: 100% 100%;}
.divrz {position:absolute; z-index:1;bottom:-5px;right:-5px; }
.divrz i {display:inline-block;width:17px;height:17px;background-size:auto 17px;margin:0 0 0 1px}
.iconrz { background:url(images/rz.png) no-repeat 0 0; }
.iconrz2 {  background:url(images/rz2.png) no-repeat 0 0; }
.doctor-head .list li {background:none;border:0;margin: 10px;color:#fff;}
.doctor-head  button {width:70px;color:#fff;border:1px solid #fff;font-size:12px;height:20px;line-height:20px;padding:0;margin:0 10px; }
.doctor-head  button .icon-add-fill {font-size:14px;height:14px}
.doctor-head  button.active .icon-add-fill:before {content:"\e975"!important}
.doctor-bar {border-bottom:1px solid #e9e9e9;}
.doctor-bar label {font-size:20px; display:block;color:#008ae7;margin:2px 0 0}
.doctor-bar strong {font-size:12px;}
.doctor-bar ul li:first-child {border-right:1px solid #e9e9e9}
.doctor-list {padding:10px 0; background:#fff;}
.doctor-list li {padding:0 5px;}
.doctor-list li:last-child {border:0}
.doctor-list .justify span {color:#9e9e9e}
.doctor-list .justify-content  {color:#363636}

.manage_icon { background-position:0 0; background-repeat:no-repeat; background-size:18px auto;width:18px;height:18px;}
.manage_icon_1 {background-image:url(images/icon_fb.png);}
.manage_icon_2 {background-image:url(images/icon_xx.png);}
.manage_icon_3 {background-image:url(images/icon_bl.png);}
.manage_icon_4 {background-image:url(images/icon_sc.png);}
.manage_icon_5 {background-image:url(images/icon_gz.png);}
.manage_icon_6 {background-image:url(images/icon_yh.png);}
.manage_icon_7 {background-image:url(images/icon_rz.png);}
.manage_icon_8 {background-image:url(images/icon_mm.png);}
.manage_icon_9 {background-image:url(images/icon_jf.png);}
.manage_icon_10 {background-image:url(images/icon_ye.png);}
.manage_icon_11 {background-image:url(images/icon_sk.png);}
.manage_icon_12 {background-image:url(images/icon_sz.png);}
.manage_icon_13 {background-image:url(images/icon_ss.png);}
.manage_icon_14 {background-image:url(images/icon_bg.png);}
.manage_icon_15 {background-image:url(images/icon_dd.png);}
.color-d1 {color:#008fe0;}
.color-d2 {color:#f15a4a;}
.color-d3 {color:#fc992c;}
.color-d4 {color:#ffb415;}
.color-d5 {color:#29ab91;}

.doctor-box {background:#fff;clear:both;overflow:hidden;padding:15px;margin:10px 0 0}
.doctor-box .doctor-title {color:#363636;padding-bottom:10px;}
.doctor-box .doctor-con {color:#9e9e9e;line-height:180%;}


.manage-list .list .iconrz {right:20px;bottom:2px; width:30px;height:30px; background-size:auto 24px}
.manage-list .list em {padding-right:5px;color:#999}

.arrowbar{background: #fff;border-top:1px solid #e2e2e2!important;}
.arrowbar .tab-label
{
    color:#f05b5b;
}

.doctor-list-yq {line-height:180%;}
.doctor-list-yq a {display:inline-block; width:33%;}


.div-btn {background:#f7f7f7;clear:both;overflow:hidden;padding:0 15px;}

.iconfy {background:url(images/fk.png) no-repeat 0 0; background-size:auto 20px; display:inline-block;width:20px;height:20px;}

.zd-not {background:#e5f4ff; margin:0 auto;padding:10px 0 10px}
.zd-not .icon {font-size:40px;height:50px;width:50px;color:#389de6;}
.chakan { }
.chakan .icon {color:#389de6}


.certified-group  .row {padding:5px;border-color:#f1f1f1}
.certified-group  .row .row-left {color:#999}


.certified-group .input-box p {padding-left:2px;}


.sc_row {margin:15px;}
.starUser-upload { background-color: #fff; padding-bottom: 1.5625rem; position: relative }
.starUser-upload .starUser-upload-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between }
.starUser-upload .starUser-upload-inner .starUser-upload-box { display:inline-block; position: relative; width: 90px; height: 90px; background-color: #efeff4; border: .03125rem solid #dddde1; border-radius: .46875rem; color: #666; font-size: .6875rem; text-align: center }
.starUser-upload .starUser-upload-inner .starUser-upload-box em { position:absolute; z-index:1;bottom:-20px;left:0;right:0; text-align:center}
.starUser-upload .starUser-upload-inner .starUser-upload-box img {width: 90px; height: 90px;  border-radius: .46875rem }
.starUser-upload .starUser-upload-inner .starUser-upload-box input {padding:0; position: absolute; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 98; }
.starUser-upload .starUser-upload-inner .starUser-upload-left { background:  url(images/sc_1.png) no-repeat center center; background-size: 90% auto; border: none }
.starUser-upload .starUser-upload-inner .starUser-upload-center { background:  url(images/sc_2.png) no-repeat center center; background-size: 90%  auto; border: none }
.starUser-upload .starUser-upload-inner .starUser-upload-right { background:  url(images/sc_2.png) no-repeat center center; background-size: 90%  auto; border: none }
.starUser-upload p { padding: 25px 0 15px; border: none ;color:#999;clear:both;}
.starUser-li {float:left;width:33.33%;height:90px; text-align:center; }

.starUser-upload .uploadfilebtn
{
	display: block; position: absolute; width: 90px; height: 90px; top: 0; left: 0; z-index: 999; filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0; background:#000
}

.tx-pic .starUser-upload-box { display:block;height:60px; position:relative}
.tx-pic .uploadfilebtn { display:block;height:60px; position:absolute; z-index:1;top:0;left:0;right:0;}
.tx-pic .filelist {top:-10px;width:80px;left:inherit;right:7px}

.h50 {height:50px;line-height:50px;}
.w40 {width:40%}
.shenhe1 {line-height:50px;padding:0 15px; display:block; text-align:center;}
.shenhe2 {line-height:20px;padding:0 15px;font-size:14px;}
.shenhe2 p {color:#f60;font-size:12px;}
.shenhe3 {line-height:50px;padding:0 15px;}
.shenhe3 .icon {color:#17c296}

.selective-box ul li {clear:both;overflow:hidden;margin:0 0 15px;background:#fff; height:140px;overflow:hidden}
.selective-box ul li div {padding:0 15px 0 80px; }
.selective-box ul li strong {font-size:22px;font-weight:normal;}
.selective-box ul li p {color:#999;font-size:14px;}
.selective-box ul li.selective1 { background:#fff url(images/icon-about2.png) no-repeat 15px 45px; background-size:50px auto;}
.selective-box ul li.selective2 { background:#fff url(images/icon-about1.png) no-repeat 15px 40px; background-size:50px auto;}
.selective-box ul li.selective1 div {padding-top:50px; }
.selective-box ul li.selective2 div { padding-top:40px; }


.name span.span_price {font-size:12px!important;color:#f4984e;padding:0 5px;}

.zdjl-list .justify .icon {font-size:24px;width:30px;height:24px;color:#999;}
.zdjl-list li.active .justify .icon-rdo {color:#008ae7;}
.zdjl-list li.active .justify .icon-rdo:before {
  content: "\e9ce";
}
.jz-list li.active .justify .icon-rdo:before {
  content: "\e9bb"!important
}


.footer-tip { background:#fff;font-size:12px;color:#999;padding:6px 0 6px 10px;border-top:1px solid #f1f1f1}
.footer-tip .icon {color:#f4984e}

.weixinpay {display:none;}
.ewm { text-align:center;clear:both}
.ewm img {width:200px;height:200px;}

.alipay { background:#fff; text-align:center;padding-bottom:50px}
.alipay h6 {font-size:26px;padding:25px 0 20px;}
.price-alipay {color:#f66b11;font-size:36px; text-align:center;padding:50px 0 0}

.published-ok {text-align:left;padding:15px;font-size:14px;padding-top:40px;}
.published-ok p {margin-bottom:15px;}

.serachbox { background:#fff;border-color:#f1f1f1}
.serachbox .input-box { background:#f9f9f9}
.sliver {color:#008ae7!important;margin-top:5px;}

.nocontent { text-align:center;font-size:12px;color:#999;padding:50px 0}
.nocontent .icon {font-size:60px;height:60px;width:60px;color:#f60}
.nocontent strong {font-size:16px;color:#333}

.pay_head { background:#fff;border-bottom:1px solid #eaeaea;}
.border-t1 {border-top:1px solid #f1f1f1;margin:0 10px;padding:15px 5px!important;}
.color-999 {color:#999;}

.payicon {float:left; background-position:0 0; background-repeat:no-repeat; background-size:auto 22px;width:22px;height:22px;margin:7px 10px 0 15px}
.payicon_1 { background-image:url(images/pay_1.png);}
.payicon_2 { background-image:url(images/pay_2.png);}
.payicon_3 { background-image:url(images/pay_3.png);}
.payicon_4 { background-image:url(images/pay_4.png);}
.payicon_5 { background-image:url(images/pay_5.png);}
.a_pay1 { background:#ffaf24!important;}
.a_pay2 { background:#00c901!important;}
.a_pay3 { background:#00a1e9!important;}
.a_pay4 { background:#fff!important;color:#333}
.a_pay5 { background:#fff!important;color:#333}
.pay_not { background:#bcbcbc!important;}


.show-baogao img {max-width:100%;}
.icon-arrowdown {font-size:16px}
.margin-b10 {margin:0 0 10px;}
.row .icon-arrowright {font-size:16px;width:16px;height:16px;}

.tx-pto {width:60px;height:60px;}

.popup-box { background:#fff;}
.popup-box-title {padding:15px 15px 5px;}
.popup-box-title button {height:25px;line-height:25px;}
.popup-box-con {margin:10px 15px;clear:both}
.popup-box-con textarea {border:1px solid #f1f1f1!important;width: calc(100% - 20px); background:#f9f9f9}
.popup-box-con input[type="text"],.popup-box-con input[type="date"] {border:1px solid #f1f1f1!important;width: calc(100% - 20px); background:#f9f9f9}
.agile-popup {background:#fff!important;}


.wallet-head { background:#2593e8 url(images/bank_bg.png) no-repeat center right; background-size:100% auto;height:134px;}
.wallet-head p {color:#cfe2f8;font-size:12px;padding:40px 15px 10px;}
.wallet-head strong {color:#fff;font-size:34px;padding:0 15px 0;}

.wallet_box { background:#fff;clear:both;overflow:hidden;padding:15px;margin:0;}
.wallet_box_title {font-size:14px;color:#999;line-height:30px;height:30px;}
.wallet_box_c {margin:15px 0 0}
.iconmoney { background:url(images/q.png) no-repeat 0 0; background-size:auto 22px;height:22px;width:22px; display:block;}
.wallet_box_c .row {border:0}
.wallet_box_c .row .input-text { border:0;border-bottom:1px solid #f1f1f1!important}
.wallet_box_c .row .input-text input {font-size:36px;height:36px;line-height:36px;padding:0}
.wallet_box_f {padding:10px 0;line-height:30px;color:#999;font-size:16px;}
.float_not { float:none;}
.margin0 {margin:0}

.banklist {}
.banklist .justify-content {padding-top:13px}
.bank_small {width:40px;height:40px;}

.banklist:not(.noclick) li:active {
  background-color:transparent;
}


.tipbox {padding:15px;clear:both;overflow:hidden;}
.tipbox ul,.tipbox li {background:none;color:#999;font-size:12px;}

.tipbox li .icon {font-size:22px;}
.pay_btn.margin15 {margin:15px;}


.banklist .icon-hook-fill {font-size:22px;color:#008ae7; display:none;width:30px}
.banklist li.active .icon-hook-fill {display:block}



.iconadd {background:url(images/add.png) no-repeat 0 0 ; background-size:18px auto; display:block;width:18px;height:18px;margin:5px 11px}


.bankcard {background:url(images/bank_bg.png) no-repeat center 0; background-size:100% 100px;height:100px;margin:12px 12px 0;clear:both;overflow:hidden; position:relative;}
.bankcard ul li {background:none;border:0;color:#fff;}
.bankcard ul li small{color:#bdd5f7;}
.bankcard .photo img {width:50px;height:50px; border-radius:25px; background:#fff;}
.bankcard ul li .justify-content {padding-top:18px}
.bankcard-num {color:#fff; text-align:right;padding:0 0;font-size:20px; position:absolute; z-index:1;bottom:10px;right:15px;}
.bank_del { background: url(images/close.png) no-repeat 30px 10px; background-size:10px auto;width:50px;height:50px; position:absolute; z-index:1;top:0;right:0;}
.bank_del a {display:block;width:50px;height:50px; }
.bank_del span {display:none;}

.bankadd li {border:0;}
.bankadd .photo {width:30px;height:30px;}
.bankadd .photo img {width:30px;height:30px; border-radius:15px;}
.bankadd .justify {padding-left:0}
.bankcarddiv input[type="number"] {padding-left:0!important}
.row-left-1 {width:70px;}
.addcardgroup .row {min-height:48px;}

.banklist2  .justify-content{padding-top:16px;}

.bill {clear:both;overflow:hidden; background:#fff;padding:5px 15px;}
.bill li {clear:both;overflow:hidden;margin:0 0 10px;background:#fff;padding:10px;font-size:13px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.bill_t  {clear:both;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;}
.bill_t strong {float:left;color:#333;font-size:14px;}
.bill_t time {float:right;color:#999;}
.bill_c {clear:both;overflow:hidden; position:relative;padding:10px 0 0;line-height:20px;}
.bill_c span {}
.bill_c p {color:#999;}
.bill_c strong { position:absolute; z-index:1;top:10px;right:0;font-size:20px;}
.expenditure {color:#ffaf24;}
.receipts {color:#27b87c;}

.toll {background:#fff;clear:both;}

.toll .row {min-height:40px;}
.toll .row input[type="number"] {padding-left:0!important}

.rectbar .tip {padding:1px;font-size:12px;line-height:16px;height:16px;width:16px;margin:0 5px;} 

.rectbar  .tab:active,.rectbar  .tab.active { background:#d6e9fc;color:#007dff;}
.rectbar, .slidebar, .arrowbar, .tabbar {border-color: #b0d6fd;}

.message {background:#fff;overflow:hidden;margin:10px 0 0;padding:10px 10px 0;}
.message_h  {clear:both;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;}
.message_h strong {float:left;color:#333;font-size:14px; position:relative}
.message_h time {float:right;color:#999;}

.message_c .zdjl-list {margin:0}
.message_c .zdjl-list li {border:0;}
.not-open,.open {font-size:16px;}
.not-open {color:#ffaf24}
.open {color:#008000}

.message_text { color:#333;font-size:14px;line-height:180%;padding:10px 0}
.newicon {background:red;width:8px;height:8px; border-radius:4px;margin:0 5px; }

.fufei {line-height:180%;padding:10px 0;}
.fufei p {color:#333;}
.fufei p em {color:#999}

.btn_hl {position:absolute; z-index:1;top:10px;right:10px;line-height:30px;height:30px;padding:0 15px;}
.message_c {position:relative;}
.message_b {clear:both;height:30px;line-height:30px;border-top:1px solid #f1f1f1; text-align:center;font-size:14px;}

small {font-size:100%!important;color:#999}

.out-login {margin:10px 0; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;height:40px;line-height:40px; text-align:center; background:#fff;}
.out-login a {display:block;height:40px;color:#ce2b2b}



button.infobtn, input[type="button"].infobtn, .button.infobtn {
	background-color: #f79d3c;line-height:30px;height:30px;padding:0 28px;font-size:14px;
}
button.fbbtn, input[type="button"].fbbtn, .button.fbbtn {
	background-color: #1c84c6;line-height:30px;height:30px;padding:0 28px;font-size:14px;
}

button.fbbtn .icon, input[type="button"].fbbtn .icon, .button.fbbtn .icon {
	font-size: 16px;
	width: 16px;
	height: 16px;margin:0 5px;
}
.btn-center {text-align:center;}

.serachbox form {width:100%}
.nomsg {padding:15px 0}
.nomsg .icon {font-size:24px!important;height:24px!important;width:24px!important;color:#999;}
.nomsg span {font-size:14px;color:#999;}
.content_main {
	margin:0 auto;
	width:100%;
	min-width: 320px;
	max-width: 640px;
	height:100%;overflow:auto;
	}

    .content_main .row {
        margin-bottom:10px;
        margin-top:10px;
    }
.list li, .timeline li {clear:both;}	
	
	.weixinpay {clear:both;overflow:hidden; display:block;}
.weixinpay-head {background:#fff;text-align:center;padding:15px 0}
.weixinpay-icon {background:url(images/weixinpay.png) no-repeat 0 0;width:30px;height:30px; background-size:auto 30px;}
.weixinpay-con {background:#fff;text-align:center;padding:25px 0 0;margin:15px 0}
.price-wx {font-size:28px; text-align:center;clear:both;margin-bottom:15px}

.other-wxpay {font-size:12px;color:#999; text-align:center; background:#fcfcfc;padding:25px 0;margin:15px 0 0}
.other-wxpay span{ line-height:180%;padding-left:10px;} 
.weixinsys-icon {background:url(images/sys.png) no-repeat 0 0;width:40px;height:40px; background-size:auto 40px; display:inline-block}

.alipay {display:none;}

.slide { position: relative; max-width: 640px; overflow: hidden; margin: 0 auto;max-height:248px; }
.slide:after { content: ''; display: block; width: 100%; padding-top: 50%; }
.slide ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height:248px;}
.slide li { list-style: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#index_section .slide {max-height:248px; }
#index_section .slide ul {max-height:248px; }
#index_section .slide li {max-height:248px; }
@media screen and (max-width: 414px) { 
#index_section .slide {max-height: 161px;} 
#index_section .slide ul{max-height: 161px;} 
#index_section .slide li {max-height: 161px;} 
} 
@media screen and (max-width: 375px) { 
#index_section .slide {max-height: 145px;} 
#index_section .slide ul{max-height: 145px;} 
#index_section .slide li {max-height: 145px;} 
} 
@media screen and (max-width: 320px) { 
#index_section .slide {max-height: 124px;} 
#index_section .slide ul{max-height: 124px;} 
#index_section .slide li {max-height: 124px;} 
} 

/* 解决js阻塞页面显示首屏 */
.slide li:first-child { z-index: 1; }
.slide li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; }
.slide .dot { position: absolute; right: 10px; left: 10px; bottom: 10px; font-size: 0; text-align: center;width:100%; }
.slide .dot span { display: inline-block; width: 10px; height: 10px; margin-left: 5px; background-color: #fff; border-radius: 50%; }
.slide .dot .cur { background-color: #058cff; }




.mb-title {padding: 10px;border-bottom:1px solid #f1f1f1;clear:both;overflow:hidden}
.mb-title a.cancel {line-height:25px;height:25px;}

#mb_template {width:100%;height:100%; z-index: 99;left:0;right:0;top:0;bottom:0;}
#mb_template .popup-template {height:400px;}
.mbbox {width: auto; display: block;max-width:640px;margin:0 auto;}

.agile-popup-mask2 {
	background: #000;
	opacity: .4;
    display: none;
    position: absolute;
    z-index: 90;
    left: 0;
    right:0;
    top:0;
    bottom: 0;
}



/****/
.rowMain .row  .row-left { position:absolute; z-index:1;top:0;left:0;line-height:50px;}
.rowMain .row .icon-arrowright {position:absolute; z-index:1;top:15px;right:10px;}
.rowMain .row  .row-right{margin-left:30%;margin-right:20px;overflow:hidden}

.rowMain .row .starUser-upload-left {width:60px;float:right;margin-bottom:5px}
.rowMain .tx-pic .icon-arrowright {top:0}


body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
input, textarea { font-size: 1em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
input[type="radio"], input[type="checkbox"] { width: auto }
label code { display: inline-block; width: 200px; }
textarea { font-family: sans-serif; }
.my-placeholder { color: #aaa; }
.note { border: 1px solid orange; font-size: 13px; padding: 1em; background: #ffffe0; }

.ptobox {clear:both;overflow:hidden;border-top:1px solid #f1f1f1;padding:0 10px 10px; background:#fff}
.ptobox p {color:#999;line-height:30px;padding: 10px 10px 0;font-size:12px;}
.ptobox  ul.ptobox_ul > li {float:left;width:60px;height:60px;border:1px solid #fff;margin:15px 8px 0 0; position:relative}
.ptobox  ul.ptobox_ul > li:first-child {border:1px solid #e9e9e9; text-align:center;}
.ptobox  ul.ptobox_ul > li:first-child i {margin:0 auto; display:inline-block;width:60px;height:60px;line-height:60px;color:#999}
.ptobox  ul.ptobox_ul > li img {width:60px;height:60px;}
.ptobox  ul.ptobox_ul > li a {position:absolute; z-index:1;top:0;right:0;width:60px;height:60px; text-align:right}
.ptobox  ul.ptobox_ul > li a .icon-clear-fill {font-size:16px;line-height:16px;width:20px;color:#666;margin:-16px -8px 0 0;}

.span-info {color: #f05b5b;
    background: #fff;border:1px solid #f05b5b;
    font-size: 12px;
    border-radius: 5px;
    padding: 0 8px;line-height: 1.2em;margin:0 5px;}

.drag {

}


/* 重写了card-handler 下的a元素列表为div元素 */
.card-handler > div {
  width: 33%;
  text-align: center;
  /*height: 32px;
  line-height: 32px;*/
  float: left;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
.card-handler.border > div:not(:last-child) {
  border-width: 0;
}
.card-handler[data-col="2"] > div {
  width: 50%;
}
.card-handler[data-col="3"] > div {
  width: 34%;
}
.card-handler[data-col="3"] > div:nth-child(2) {
  width: 32%;
}
.card-handler[data-col="4"] > div {
  width: 25%;
}


.underline { 
    border-bottom-width:1px !important;
    border-bottom-style:solid !important;
    border-bottom-color:#ddd !important;
}
.nounderline{ border-bottom:hidden;}
.nobackground{ background-color:#fff;}

.aboveline{
    border-top-width:1px !important;
    border-top-style:solid;
    border-top-color:#ddd;
}
.width20{ width:20%; }
.width25{ width:25%; }
.width30{width:30%;}
.width33{width:33%;}
.width35{ width:35%; }
.width40{ width:40%; }
.width45{ width:45%; }
.width50 {width:50%;}
.width60{ width:60%; }
.width65{ width:65%; }
.width70{ width:70%;}
.width90 { width:90%; }
.width100 { width:100%; }
.aheight33{height:33px;line-height:33px;}
.radius4{ border-radius:4px;}
.bgcolorwhite{background:white;}
.paddingleft8 { padding-left:8px; }
.margin-t20 { margin-top:20px; }
.margin-t30 { margin-top:30px; }
.margin-t50 { margin-top:50px; }
.margin-b0 { margin-bottom:0; }
.margin-b20{margin-bottom:20px;}
.margin-left16{ margin-left:16px; }
.margin-left15{margin-left:15%;}
.font-size24 { font-size:24px; }
.f23{ font-size:23px !important;}
.font-size55{ font-size:55px; }
.color101010{color:#101010 !important;}
.color736c73{color:#736c73 !important;}
.bgcolor69a5db{background-color:#69a5db !important;}
.margin-r10 { margin-right:10px; }
.article-t0b1 { top:0px;bottom:10px; }
.article-t46b5{ top:46px; bottom:50px; }
.artcile-t8b0{ top:100px; bottom:0px;}
.article-t0b2{ top:0px; bottom:20px; }
.padding-t10 { padding-top:10px; }
.border{ border:1px solid #ddd; }
.border-b1 { border-bottom:1px solid #ddd }
.padding-left16 { padding-left:16px; }
.padding-tb0lr8{ padding:0px 8px; }
.margin-left8 { margin-left:8px; }
.padding-left8 { padding-left:8px; }
.row-left70 { width:70%;}
.row-right30 { width:30%; }
.justify img { max-width: 90px;}
.header-nav-center{ text-align:center; margin:auto;font-weight:bold !important; } /*兼容IE*/
.btnbgcolor { background-color:rgb(98, 217, 202);}
.f24{ font-size:24px; }
.about-text1{
    font-size:16px;
    padding:8px;
}
.color-01{ color:#010101; }
.justify-header{
    padding:5px 8px;
}
.mobilewidth{
    min-width: 320px;
    max-width: 640px;
    margin: 0px auto;
}
.rightline{ border-right:1px solid #dbd0db; }
.margin-t3b3{ padding-top:3px; padding-bottom:3px;}
.caselist .justify-content{ margin-left:8px;margin-right:8px;}
.noscroller::-webkit-scrollbar{
	width:0px;
}
.vertical{ vertical-align:middle; }

.bgcolorddd{ background-color:#ddd; }
.padding-b10{ padding-bottom:10px; }
.fontblack{ color:black; }
.mtb3{margin-top:3px;margin-bottom:3px;}

.verticalmiddle{vertical-align:middle;}

.message{
    margin-top:15px;
}
time{margin-right:5px;}
.cssfont {
            font-size: 17px;
            color: black;
            margin-top: 18px;
        }
.namefont{color:#3077c9;}


.appointmentTime:hover{
    border:1px solid #36acf4 !important;
}
.addyy{width:30px;color:#333333; line-height:15px; border:solid 1px #333333;}