/* header  --------------------- */
.app-header{ height:60px; position:fixed; z-index:19; left:0; top:0; right:0; background:#2a3542; z-index:20;}
.app-logo{ float:left; padding-right:10px;height:60px; line-height:60px}
.app-logo i { display:none;}
.logo-icon{ display:block; width:100%; height:100%;}
.logo-icon i { font-size:34px; color:#fff; vertical-align:middle; margin-right:10px;}
.logo-icon img { vertical-align:middle; height:36px;}
.logo-icon span { margin-left:15px; color:#c0cbd9; font-size:18px; font-weight:bold; vertical-align:middle;}
.logo-icon span font{ font-size:14px; font-weight:normal;}
.box-shadow{ margin-left:0; height:60px;padding:0 15px;}
.navbar .navbar-form-sm {margin-top: 10px;margin-bottom: 10px;}
.topbar-left{ border-right:1px solid #f6f8f8; padding-right:20px;}
.app-info > li{ border-left:1px solid rgba(255,255,255,0.05);}
.app-info > li > a { font-size:12px; color:#b2babe; line-height:30px; padding-left:25px; padding-right:25px;}
.app-info > li > a > i { font-size:18px; vertical-align:middle; margin:0 3px;}
.app-info > li > a:hover, .app-info > li > a:focus, .app-info > li.active > a,.app-info > li:hover >a{background-color: #35404d; color:#fff;}
.app-info > li:hover .dropdown-nav-head{ display:block;}
.app-info > li .dropdown-i-app{ padding:7px 15px; font-size:13px; line-height:22px;}
.app-info > li .dropdown-rt{ right:-50px;}
.ng-width{ width:240px !important;}
.head-search .dropdown-menu{ width:100%; font-size:12px;}
.head-search,.app-header .navbar-form{ margin-top:14px;}
.head-search .bg-light { background:#edf1f2;}
.navbar-right .dropdown-s-add{ left:0; right:auto; padding:0;}
.dropdown-b-list ul li { line-height:42px; border-bottom:1px solid #ececec;}
.dropdown-b-list ul li:last-child { border-bottom:none;}
.dropdown-b-list ul li a { color:#666; display:block;padding:0 15px; }
.dropdown-b-list ul li a:hover { background:#f9f9f9; color:#2fba7e;}
.dropdown-b-list ul li a i{ margin-right:10px;}
@media (max-width: 1200px)
{
.app-info > li > a {padding-left:20px; padding-right:20px;}
}


/* nav---------------- */
.left-side{ width:65px; position:fixed; left:0; top:60px; background:#e5e8ef; bottom:0; z-index:11; overflow:hidden;}
.left-side-inner{ position:absolute; left:0; top:0; bottom:0; width:85px; overflow-y:auto; overflow-x:hidden;}
.custom-nav{ border-bottom:1px solid #d5d8df;position:relative; margin-bottom:0; width:65px;}
.custom-nav li { position:relative; text-align:center;}
.custom-nav li a { display:block; position:relative; font-size:12px; color:#5c5c5e; padding:8px 5px;}
.custom-nav li a .sidebar-trans{text-align:center;}
.custom-nav li a .nav-title{ display:block; padding-top:6px;}
.custom-nav li a i {font-size:20px; vertical-align:middle;}
.custom-nav li a p{ padding-top:3px;}
.custom-nav li a:hover{ color:#2fba7e;}
.custom-nav li.active a{ background:#d5d8df; color:#17a969;}
.custom-nav li.active a:after{position: absolute;top: 50%;right: 0;display: block;width: 0;height: 0;margin-top: -5px;content: ' ';border-top: 5px solid transparent;border-right: 5px solid #fff;border-bottom: 5px dashed transparent;}
.custom-nav li .left-side-tip{ position:absolute; left:60px; top:0; z-index:19;height:45px; min-width:80px; display:none;}
.custom-nav li .left-side-tip span { background:#232a2f; color:#fff; display:block;height:45px; line-height:45px; font-size:12px;white-space:nowrap; padding:0 18px;}
.custom-nav li .left-side-tip font{width:0; height:0; border-top:6px solid transparent;border-bottom:6px solid transparent; border-right:6px solid #232a2f; position:absolute; left:5px; top:15px;}
.custom-nav li:hover .left-side-tip{ display:block;}
.style-settings{ padding:5px 10px;}
.style-settings ul li { height:12px; border-radius:999em; margin:8px 0;}
.style-settings ul li:hover { cursor:pointer;}
.style-settings ul li.style-s1{ background:#3a3f51;}
.style-settings ul li.style-s2{ background:#1199c4;}
.style-settings ul li.style-s3{ background:#7266ba;}
.style-settings ul li.style-s4{ background:#27c24c;}
.style-settings ul li.style-s5{ background:#f21b1b;}

/* sidebar-nav */
.product-body{ position:absolute; left:65px; top:60px; right:0; bottom:0;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.sidebar-nav{ width:200px; position:absolute; left:0; top:0; bottom:0; background:#fff;padding:0 15px; border-right:1px solid #ebeae6;}
.sidebar-nav h2 {line-height:20px;padding:23px 5px 15px 5px; font-size:16px; color:#3c3c3c;border-bottom:1px solid #ebeae6;}
.dashboard-menu ul { margin-top:10px;}
.dashboard-menu ul li { line-height:38px;}
.dashboard-menu ul li a { display:block; padding:0 5px; font-size:13px; color:#6e7179;}
.dashboard-menu ul li a:hover { color:#333;}
.dashboard-menu ul li.active a {color:#2fba7e ;}

/* grid ---------------------- */
.main-wrapper{ position:absolute; left:0; top:0px; right:0; bottom:0; overflow-y:auto; background:#f1f2f7;}
.content{ position: absolute;left: 200px;top: 0;right: 0;bottom: 0; overflow-y:auto;}
.a-container { padding:0 20px;}
.container-title{ padding:11px 0; min-height:50px;}
.container-title-border {border-bottom: 1px solid #ebeae6;}
.a-thard { display: inline-block;margin: 11px 0 !important;font-weight: bold;color: #3c3c3c;font-size: 14px;}
.a-thard span{ margin-right:20px;}
.a-thard span font{ font-weight:normal; color:#999; font-size:12px;}
.container-tip{line-height:22px; padding:10px 0; font-size:12px;margin:10px 0 0 0;}

.a-row_tab { height:45px; border-bottom:1px solid #ebeae6; margin-top:15px;}
.a-row_tab .a-left-tab li{ float:left;height:45px; line-height:45px; font-size:12px;border-bottom:none;border-radius: 3px 3px 0 0;}
.a-row_tab .a-left-tab li.active{border-bottom:2px solid #43485b; margin-bottom:-1px;}
.a-row_tab .a-left-tab li.active a { color:#43485b; font-weight:bold;}
.a-row_tab .a-left-tab li a:hover { color:#43485b;}
.a-row_tab .a-left-tab li a { display:block; padding:0 18px; color:#8e8e8e; font-size:13px;}
.a-row_tab .a-left-tab li a span { background:#fd9228; margin-left:5px; display:inline-block; min-width:10px;line-height:16px; text-align:center; color:#fff; border-radius:999em; font-size:12px; font-weight:normal; padding:0 5px;}

.a_query_criteria{ font-size:12px; color:#666; margin:15px 0; position:relative;}
.a_query_criteria .a-query-rlink{ position:absolute; right:0; top:15px;}
.a_query_criteria .form-group {padding-right:15px; margin:5px 0;}
.form-control.form-w400{ width:400px;}
.form-control.form-w300{ width:300px;}
.form-control.form-w200{ width:200px;}
.form-control.form-w140{ width:140px;}
.form-control.form-w98{ width:98px;}
.date-selection{ display:inline-block; position:relative;}
.date-selection .form-control { width:100%;}
.date-selection i { position:absolute; right:10px; top:9px; color:#999; font-size:14px;}
.precise-btn{ margin-left:20px;}
.precise-btn.active .icon-angle-down:before {  content: "\e9b4";}
.precise-cond{ display:none;}

.gridscreen{ padding:10px 8px; line-height:30px;}
.gridscreen span { margin-right:20px; color:#8e8e8e;}
.gridscreen span .icon-0003 {font-size: 14px;margin-right: 6px;}
.gridscreen span .u-checkbox { vertical-align:middle; margin-right:5px; margin-top:0;}
.gridscreen span a { color:#8e8e8e;}
.gridscreen span a:hover { color:#333;}

.table-th-div{ position:relative;}
.table-th-div span { position:absolute; right:0;}
.table-th-div span i { display:block; height:6px;}
.table-th-div span i.on{ color:#999;}

.product-info{ padding:20px 0;}
.product-info ul li { line-height:25px; padding:5px 0; color:#5e5e5e; min-height:25px;}
.product-info ul li span { color:#bbb;}
.product-voucher { width:300px; height:170px;}

.attribute-list ul li{ border-bottom:1px dashed #eaeaea; color:#666;}
.attribute-list ul li .control-label{ text-align:left;}
.attribute-list ul li .form-group{ margin-bottom:10px; margin-top:5px;}

.fc-dot {display: inline-block;width: 8px;height: 8px;background: #28b779;border-radius: 999em;margin-right: 3px;vertical-align: middle;margin-top: -2px;}

/* 服务概览-------------------- */
.content-main{ border-top:1px dashed #eaeaea; border-left:1px dashed #eaeaea; margin-top:20px;}
.content-list {box-sizing:border-box;height:140px;}
.c-tb { font-size:18px; margin-right:10px; vertical-align:middle;}
.fc-dot{ display:inline-block; width:8px; height:8px; background:#23b7e5; border-radius:999em; margin-right:3px; vertical-align:middle; margin-top:-2px;}
.content-list ul { padding:25px 15px 0 45px;}
.content-list ul li{ line-height:40px; color:#a3a2a2; position:relative;}
.content-list-text{ padding-right:100px; color:#58666e;}
.content-list-text span {font-size:24px; vertical-align:middle; font-weight:bold;}
.content-list-opera{ position:absolute; right:0; top:0;}
.overview_t1{ margin-top:20px; border-top:3px solid #eee;}
.over-geto:hover{ color:#23b7e5;}
.enter-infor{ padding:25px 25px;position:relative; min-height:125px;}
.enter-infor-text{ line-height:22px; margin-left:90px;}
.enter-infor-title{ font-size:16px; color:#808080; padding:10px 0 5px 0;}
.enter-infor-start span{ font-size:22px;}
.enter-infor-start .text-base { margin-right:2px; color:#d7dadb;}
.enter-infor-start .text-base.on { color:#f6b622;}
.enter-infor-start .btn {}
.enter-infor-text ul { margin-bottom:0;}
.enter-infor-text ul li { line-height:20px; min-height:30px; padding:8px 0;    border-bottom: 1px solid #edf1f2;}
.enter-infor-text ul li .enter-infor-label{ color:#58666e;}
.enter-infor-text ul li .enter-infor-ms { color:#a3a2a2;}
.enter-infor-text ul li .enter-infor-ms span.on{ color:#fad733;}
.enter-infor-tx { width:75px; height:75px; border-radius:999em; position:absolute; left:25px; top:25px;}
.enter-infor-tx img { width:100%; height:100%; border-radius:999em;}
.overview-title{ padding:20px 0;}
.overview-title h3 { font-size:14px; color:#666;}
.overview-chartbox{ width:50%; float:left; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; padding:10px 10px;}
.overview-chartbox:last-child { border-right:none;}
.wrapper-md-title{ padding:10px 0; min-height:51px; border-bottom:1px solid #dadada; margin:0 20px;}
.col-padder .wrapper-md-title{ border-bottom:1px solid #dee5e7;}

.b-cycle{ padding-top:5px;}
.b-cycle ul li{ float:left;}
.b-cycle ul li a { display:block; color:#666; font-size:14px; line-height:30px; padding:0 20px; border-radius:999em;}
.b-cycle ul li a:hover { color:#333;}
.b-cycle ul li.active a { background:#27c24c; color:#fff;}
.b-block-list{ padding:0 20px;}
.b-block-list ul li { border-bottom:1px solid #edf1f2; padding:16px 0; position:relative; min-height:82px;}
.b-block-list ul li:last-child { border-bottom:none;}
.b-block-list ul li .avatar{ position:absolute; left:0; top:50%; margin-top:-25px; height:50px;}
.b-block-list ul li .avatar img { width:100%; height:100%;}
.b-block-info{ margin-left:65px;}
.b-block-title { color:#888; font-size:14px; padding-bottom:4px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.b-block-score .score-o span { font-size:18px; color:#d7dadb; vertical-align:middle; margin:0 5px 0 0;}
.b-block-score .score-o span.on { color:#f5b30c;}
.b-ranking{ position:absolute; right:0; top:50%; margin-top:-15px; color:#d4d8d9;}
.b-ranking span { font-size:20px; color:#27c24c;}
.g-top-analysis { font-size:14px; color:#808080; line-height:26px;}
.g-num{ font-size:26px; color:#4b4b4b; padding:0 5px;}
.g-decline{ color:#f05050; padding-right:15px; background:url(../images/j.jpg) right center no-repeat; font-size:12px;}
.g-rise { color:#23b7e5; padding-right:15px;background:url(../images/s.png) right center no-repeat; font-size:12px;}
.b-r-m{ border-right:1px solid #e9eef0;}
.b-b-m{border-bottom:1px solid #e9eef0;}
.b-l-m{border-left:1px solid #e9eef0;}
.b-s-title{ font-size:16px; padding-bottom:10px; color:#575757;}
.s-ranking{ display:block; width:20px; height:18px; background:url(../images/px.png) 0 0 no-repeat;}
.s-ranking.on { background-position:-30px 0;}
.index-block-fine{ padding:15px;}
.f-v-padder{ position:relative; padding:10px;}
.f-v-tb{ display:block; width:40px; height:40px; text-align:center; line-height:40px; border-radius:999em; background:#62cc7c; position:absolute; left:15px; top:10px;}
.f-v-center{ margin-left:55px;}
.f-v-title{ font-size:16px; color:#808080;}
.f-v-number{ font-size:26px; color:#4b4b4b;}
.f-v-tab{ height:40px;}
.f-v-tab span { display:inline-block;}
.f-v-opera .btn-default{ padding:5px 23px; font-size:14px;}
.f-v-opera .btn-default:hover { background:#3a3f51; color:#fff !important; border:1px solid #3a3f51;}
/*.f-v-b1{ background:#f05050;}
.f-v-b2{ background:#23b7e5;}
.f-v-b3{ background:#27c24c;}
.f-v-b4{ background:#7266ba;}*/
.f-v-tb i { display:inline-block; width:22px; height:22px; vertical-align:middle;}
.ico-s1 { background:url(../images/t1.png) 0 0 no-repeat;}
.ico-s2 { background:url(../images/t2.png) 0 0 no-repeat;}
.ico-s3 { background:url(../images/t3.png) 0 0 no-repeat;}
.ico-s4 { background:url(../images/t4.png) 0 0 no-repeat;}
.ico-s5 { background:url(../images/t5.png) 0 0 no-repeat;}
.ico-s6 { background:url(../images/t6.png) 0 0 no-repeat;}
.ico-s7 { background:url(../images/t7.png) 0 0 no-repeat;}
.ico-s8 { background:url(../images/t8.png) 0 0 no-repeat;}
.index-income,.index-charts{ margin:20px 25px 20px 25px;}
.index-income-num{ font-size:42px; color:#f05050; line-height:45px; font-weight:bold;}
.index-md{ padding:30px 0 0 0;}
.index-md p{ font-size:14px; color:#aaa;}
.index-md span { font-size:20px; color:#28b779;}
.index-fx-block{ height:360px; position:relative;}
.fx-tongji{ position:absolute; left:10px; top:40px; font-size:16px; color:#808080;}
.fx-tongji span { font-size:42px; color:#23b7e5; line-height:45px;}

.panel-group-sm{ position:absolute; right:30px; top:12px;}
.panel-group-sm .form-control{ height:28px; padding:0 12px;}
.panel-group-sm .form-control[readonly]{ cursor:pointer;}
.w-title-name{ line-height:34px; font-size:16px; color:#575757;}

.b-s-charts{ position:relative;}
.b-s-name{ position:absolute; left:0; right:0; text-align:center; font-size:16px; color:#4b4b4b; top:50%; line-height:30px; margin-top:-15px;}
.p-class ul li { background:#f4f5f7; color:#888; font-size:14px; line-height:35px; margin-bottom:8px;}
.p-class ul li span{ float:left; display:block; width:33.33%;}
.p-class ul li span.p-class-zb { color:#aaaaac;}
.p-class table th { font-size:14px; color:#aaa; font-weight:normal;  text-align:center; line-height:40px;}

.overview-tab{ height:42px; margin-bottom:20px;}
.overview-tab a { display:block; height:42px; line-height:42px; font-size:14px; background:#5c5c5e; color:#fff; padding:0 42px; float:left; margin-right:5px;}
.overview-tab a.active{ background:#2fba7f;}

.agency-left{ float:left; padding:0 20px; text-align:center;}
.agency-left span { width:50px; height:50px; border-radius:5px; background:#455b72; text-align:center; line-height:50px; color:#fff; font-size:28px; display:inline-block;}
.agency-left p { font-size:18px; color:#737373; padding-top:10px;}
.agency-center{ border-left:1px solid #eaeaea; margin-left:135px; min-height:85px; padding:0 30px;}
.agency-block{ display:inline-block; vertical-align:middle; position:relative;}
.agency-block ul li { margin:20px 0;}
.agency-block ul li a { display:block; border-radius:5px; line-height:32px; font-size:14px; padding:0 8px; color:#5a5a5a;}
.agency-block ul li a span,.agency-under .lab-org span{ display:inline-block; border-radius:999em; line-height:20px; padding:0 10px; background:#fd9228; color:#fff; font-size:12px; margin-left:8px;}
.agency-block ul li .lab-org span,.agency-under .lab-org span { background:#fd9228; color:#fff;}
.agency-block ul li .lab-blue span { background:#2fba7f; color:#fff;}
.agency-block ul li .lab-org:hover,.agency-under .lab-org:hover{ background:#f2f2f2; color:#fd9228;}
.agency-block ul li .lab-blue:hover { background:#f2f2f2; color:#2fba7f;}
.next-right{ padding-right:30px; background:url(../images/next-right.png) right center no-repeat;}
.first-right{ padding-right:55px; background:url(../images/first-right.png) right center no-repeat;}
.agency-under{ position:absolute; top:-33px; left:0; right:30px; text-align:center; background:url(../images/age-under.png) center bottom no-repeat; padding-bottom:22px;}
.agency-under a { display:block;border-radius:5px; line-height:32px; font-size:14px; padding:0 8px; color:#5a5a5a;}


/* 暂无内容tip ---------------- */
.no-content-tip{ text-align:center; padding-top:80px;}
.no-content-tip p{ font-size:16px; color:#ccc; margin-top:30px;}
.no-content{ text-align:center; padding:20px 0;}
.no-content img { width:90px;}
.no-content p { font-size:14px;}
.no-content div a { margin:0 5px;}
.wh-h5{ height:245px;}
.wh-h6{ height:410px;}

/* order list ---------------- */
.table-mod-table { background:#f1f2f7;}
.table-mod-table .table tr th{ line-height:28px; text-align:center; padding:6px 8px; border:none;}
.table-mod-table .table tr th .form-control { height:28px; padding:0 12px;}
.order-list { border:1px solid #e2e7eb; margin-bottom:10px;}
.order-list:hover {}
.order-mod-nopay{ height:40px; line-height:40px; background:#f1f2f7; padding:0 20px; color:#666;}
.order-mod-nopay .checkbox{ vertical-align:middle; display:inline-block; margin-top:0; margin-right:5px;}
.order-mod-nopay span { margin-right:20px;}
.order-index-mod .table { margin-bottom:0;}
.order-index-mod .table td { border:none; color:#666; position:relative;}
.order-index-mod .table td.td-mod-lborder { border-left:1px solid #ececec;}
.m1-modbox, .m2-modbox, .m3-modbox, .m4-modbox{ padding:10px;position: relative;}
.m1-modbox h5 { padding-bottom:10px;}
.m1-modbox h5 a{ cursor: default; color: #363f44; }
.m1-modbox h5 a span { display:inline-block; width:22px; height:22px; border-radius:999em; line-height:22px; text-align:center; color:#fff; margin-right:5px; vertical-align:middle;}
.m1-modbox h5 a span i{ font-size:12px;}
.ico-an{ background:#b1cd66;}
.ico-bao {background: #3682bc;}
.ico-yi { background: #d36e52;}
.ico-xi {background: #e2b500;}
.ico-zhi {background: #bb46ff;}
.full-screen{ position:relative;}
.full-screen-no{ position:fixed; left:0; right:0; bottom:0; z-index:8; padding-left:285px; padding-right:37px;}
.full-screen-no .settlement-cat { margin-bottom:0;}
.full-div{ height:60px;}
.settlement-cat{ height:60px; background:#f9f9f9; border:1px solid #ececec; margin-bottom:10px; padding:10px 0;}
.settlement-all{ float:left; padding:0 0 0 20px; line-height:40px;}
.settlement-all .checkbox{ vertical-align:middle; margin-right:5px; display:inline-block; margin-top:0;}
.settlement-right{ float:right; line-height:40px; padding-right:20px;}
.settlement-right span { vertical-align:middle;}
.settlement-already{ margin-right:20px; font-size:14px; color:#666;}
.settlement-already span{ font-size:16px; font-weight:bold; color:#f59c1a;}
.search-tf{ margin:30px 0;}
.search-tf .ng-touched{ height:45px;}
.search-tf .input-group-btn .btn-lg{ line-height:23px; font-size:14px;}
.order-evaluate a{ font-size:16px; padding:0 0 0 8px; color:#999;}
.order-evaluate a.active { color:#f05050;}
.order-evaluate a.active i { font-weight:bold;}
.Return-visit a{ width:35px; height:35px; display:inline-block; border-radius:999em; background:#ddd; color:#fff; text-align:center; line-height:35px; margin:0 2px;}
.Return-visit a i { font-size:16px; vertical-align:middle;}
.Return-visit a.vis-fs1.active{ background:#2fba7e;}
.Return-visit a.vis-fs2.active{ background:#19a9d5;}
.Return-visit a.vis-fs3.active{ background:#fd9228;}
.Return-visit span.vis-fs1,.Return-visit span.vis-fs2,.Return-visit span.vis-fs3{width:22px; height:22px; display:inline-block; border-radius:999em; color:#fff; text-align:center; line-height:22px;}
.Return-visit span.vis-fs1{ background:#2fba7e;}
.Return-visit span.vis-fs2{background:#19a9d5;}
.Return-visit span.vis-fs3{background:#fd9228;}
.Return-visit span i{ font-size:12px;}
.v-tim .Return-visit{ display:inline-block; margin-left:10px;}
.m-Reminder{ font-size:16px;color:#136bab; cursor: pointer;}
.m-Complaint{ font-size:16px;color:#f5a10d; cursor: pointer;}
.m-Urgent{ font-size:16px;color:#ee3533;}
.m-Reject{ font-size:16px; color:#2fba7e;}
.m4-modbox{ padding: 10px 0;}
.m4-modbox .dropdown-menu{ min-width:100px; right: 0;left:auto;}
.m4-modbox .dropdown-menu li a { display:block; font-size:12px; line-height:22px;}
.m4-modbox .dropdown-menu li a:hover { color:#28b779;}
.oper-groups .btn-group{ margin-left: 2px;}

.Acc-sidetit{  padding-left: 15px; border-left: 3px solid #28b779; margin-bottom: 10px; line-height: 14px; font-size: 12px;}

.h250{ max-height:250px; overflow-y:auto;}
.h300{ max-height:300px; overflow-y:auto;}



/* 服务管理 ------------------- */
.covering-contor{ position:relative; height:400px;}
.covering-left{ width:160px; height:400px; border:1px solid #eaeff0; position:absolute; left:0; top:0; overflow-y:auto;}
.covering-left h5, .covering-main h5 {text-align:center; line-height:25px; padding:10px 0; font-weight:bold; color:#4a4a4a; border-bottom:1px solid #eaeff0; font-size:12px;}
.covering-left ul { margin-top:10px;}
.covering-left ul li { line-height:35px; text-align:center;}
.covering-left ul li a{ display:block;padding:0 20px; line-height:35px; color:#666;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.covering-left ul li a:hover, .covering-left ul li.active a{ background:#f5f5f5; color:#333;}
.covering-main{ margin-left:180px;border:1px solid #eaeff0; height:100%; overflow-y:auto; overflow-x:hidden;}
.covering-main .attribute-list .control-label{ padding-left:50px;}
.member-growth{ position:relative;}
.member-growth-info{ position:relative; height:30px; line-height:30px; margin:10px 0;}
.member-growth-info p { float:left; margin-right:20px;}
.member-growth-info span { float:right; position:relative;}
.member-progress{ position:relative; height:10px;background:#eee; border-radius:999em; margin:90px 70px 90px 70px;}
.member-speed  { height:10px; background:#eee; border-radius:999em; position:relative;}
.member-speed span { display:block; float:left; background:#f68300; height:10px; position:relative;}
.member-progress ul li { float:left; position:relative; height:1px;}
.member-progress ul li em{position:absolute; color:#666; width:45px; height:45px; line-height:45px; text-align:center; border-radius:999em; background:#eee; z-index:10; top:-28px; left:-22px;}
.member-progress ul li font {height:30px; line-height:30px; display:inline-block; color:#999; width:80px; text-align:center; position:absolute; left:0; margin-left:-18px; top:25px; left:-22px;}
.member-progress ul li span { height:30px; line-height:30px; display:inline-block; color:#999; width:80px; text-align:center; position:absolute; left:0; margin-left:-18px; top:25px;}
.member-progress ul li span i {width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #eee; position:absolute; top:-6px; left:50%; margin-left:-3px;}
.member-progress ul li.active font{ background:#f68300; color:#fff;}
.member-progress ul li span.item-over-on i {border-bottom:6px solid #f68300;}
.member-progress ul li.member-item-v1{ width:25%}
.member-progress ul li.member-item-v2{ width:25%}
.member-progress ul li.member-item-v3{ width:25%}
.member-progress ul li.member-item-v4{ width:25%}
.member-progress ul li.member-item-v5{ width:25%}
.member-progress ul li.member-item-v5 em{left:-45px;}
.member-progress ul li.member-item-v5 font{ left:-45px;}
.member-progress ul li.on em{ color:#fff; background:#f68300;}
.member-item-ui{ background:#f2f2f2; position:absolute; z-index:10; padding:8px 10px; color:#4b4b4b; line-height:20px; top:-85px; left:100%; margin-left:-75px; width:150px;}
.member-item-ui b{ font-weight:normal;}
.member-item-ui i { width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #eee; position:absolute; left:50%; bottom:-6px; margin-left:-3px;}
.border-side{ border:1px solid #e2e7eb;}
.account-box{ margin:20px 0; padding:30px; min-height:450px;}
.vh-account{ min-height:300px;}
.account-top{ height:80px; border-bottom:1px dashed #e2e7eb;margin-bottom:10px;}
.account-top-title { line-height:50px;}
.account-top h4 { line-height:50px;}
.account-top h4 span.acc-number{ font-size:18px; font-weight:bold; color:#F30;}
.account-top span a { margin-left:20px;}
.account-text{ line-height:25px; color:#9e9e9e;}
.account-text h6 { color:#333; line-height:35px;}
.table-checkbox{ vertical-align: text-bottom;}

.grade-title{ height:40px; line-height:40px; position:relative;}
.grade-title span { font-size:14px; color:#333;}
.grade-title span i { display:inline-block; width:10px; height:10px; border-radius:999em; background:#ddd; margin-right:10px;}
.grade-title-line{ position:absolute; right:0; top:50%; left:100px; border-bottom:1px dashed #eaeaea;}
.grade-main{ padding:0 20px;}
.grade-p-tip{ color:#999; padding:15px 0;}
.grade-desc{ padding:20px 0;}
.grade-desc ul li { float:left; padding-right:40px; position:relative;}
.grade-desc ul li .grade-desc-div{height:100px; width:200px; text-align:center; border:2px dashed #ddd;}
.grade-desc ul li .grade-desc-div p { color:#555; font-size:14px; padding-top:25px;}
.grade-desc ul li .grade-right-point {border-bottom:2px dashed #eaeaea; position:absolute; right:0; top:50%; width:40px;}
.keyword-select{ border-bottom:1px solid #f2f2f2; margin-bottom:15px;}
.keyword-select .form-control{ display:inline-block;}
.keyword-list label{ display:inline-block; margin:7px 0; margin-right:20px !important;}

.product-batch{ padding:20px;}
.product-batch-tip{ font-size:14px; padding-bottom:15px;}
.product-batch ul li { line-height:30px; color:#666; margin-bottom:10px;}
.product-batch ul li p{ float:left; width:400px; margin-right:20px;}
.product-batch-btn{ position:relative; float:left;}
.product-batch-file{ position:relative; margin-right:20px;}
.input-file{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}

.table-summary {border-bottom: none;border-radius: 5px 5px 0 0;line-height: 20px;padding: 10px;color: #666; border:1px solid #eaeff0; border-bottom:none; border-radius:5px 5px 0 0;}

.ztree-center-box{ height:400px; overflow-y:auto;}
.ztree * {padding:0; margin:0; font-size:12px;}
.ztree {margin:0; padding:10px 15px; color:#666}
.ztree li{padding:0; margin:0; list-style:none; line-height:22px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#666; background-color: transparent;
text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a.curSelectedNode { color:#23b7e5;}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0;display: inline-block; vertical-align:middle;border:0 none; cursor: pointer;outline:none;
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;background-image:url(../images/zTreeStandard.png);}
.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full,.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 0}
.ztree li span.button.chk.checkbox_false_part,.ztree li span.button.chk.checkbox_false_part_focus,.ztree li span.button.chk.checkbox_true_part,.ztree li span.button.chk.checkbox_true_part_focus {background-position:-40px 0}
.ztree li span.button.chk.checkbox_true_full,.ztree li span.button.chk.checkbox_true_full_focus {background-position:-20px 0}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}

.ztree li span.button.switch {width:12px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-120px 0}
.ztree li span.button.roots_close{background-position:-100px 0}
.ztree li span.button.center_open{background-position:-120px 0}
.ztree li span.button.center_close{background-position:-100px 0}
.ztree li span.button.bottom_open{background-position:-120px 0}
.ztree li span.button.bottom_close{background-position:-100px 0}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0; background:transparent;}
.ztree li span.button.center_docu{background-position:-140px 0}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}
ul.info { display:none;}

.area-div{ padding-right:20px; position:relative;}
.area-div a { position:absolute; right:0; top:3px;}
.area-ul li { float:left; width:25%; line-height:25px;}


/* 消息中心------------------ */
.wrapper-md-title{ padding:10px 0; min-height:51px; border-bottom:1px solid #ddd; margin:0 20px;}
.col-padder .wrapper-md-title{ border-bottom:1px solid #dedfe4;}
.col-padder {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow-y: auto;background: #f1f2f7; overflow-x:hidden;}
.content-chart-center{ position:absolute; top:58px; left:0; right:0; bottom:100px;overflow-y:auto; overflow-x:hidden; z-index:2;}
.ng-sendbox-mod{ position:absolute; left:0; right:0; bottom:0; min-height:100px; z-index:10;}
.ng-sendbox-bar{ margin:20px; margin-bottom:0;}
.ng-sendbox-bar textarea.form-control{resize:none}
.ng-sendbox-bar .nav li a:hover { background:transparent;}
.ng-sendbox-bar .nav li a i{ font-size:20px;}
.sendbox-annex{ border-top:1px solid #f2f2f5;}
.sendbox-file .files{ border-bottom:1px solid #f2f2f5; line-height:32px; padding:0 15px; position:relative;}
.private-file_mod{ margin-right:100px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.sendbox-file .mes-acc-icon { display:inline-block; vertical-align:middle; margin-right:8px; font-size:14px;}
.state-mod{ position:absolute; right:15px; top:0;}
/*.sendbox-img { padding:10px;}*/
.sendbox-img .imgs { float:left; width:92px; margin:10px;}
.sendbox-img .imgs img { width:92px; height:92px;}
.sendbox-img .mod-btm .img-autocut{ max-width:62px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.table td.hover { cursor:pointer;}
.ng-sendbox-bar.sendbox-bar{ margin: 0; border:1px solid #dee5e7;}
.ng-sendbox-bar.sendbox-bar .form-control{ border:none;}

/* 价格------------ */
.related-note{ padding:20px 0;}
.related-note h5 { padding-bottom:10px;}
.related-note ul li { line-height:25px; color:#888;}
.a-sub-tab{ margin:15px 0;}
.a-sub-tab .btn-group .btn-default.active {color: #fff !important;background-color: #2fba7e;border-color: #2fba7e;}
.x-tab-m{ margin-top:0; border-bottom:none;}
.x-tab-m.a-row_tab .a-left-tab li.active { border:none; background:#fff;}
.cost-query{ border:1px solid #eaeaea; height:100px; width:503px;}
.cost-query ul { float:left; padding-top:5px;}
.cost-query ul li { line-height:30px; margin:10px 0 0 20px;}
.cost-query ul li input { width:300px; height:25px; border:none;}
.cost-query a.calculabtn { width:100px; float:right; height:98px; border-left:1px solid #eaeaea; text-align:center; line-height:98px;}
.cost-query a.calculabtn:hover { background:#00a2ca; color:#fff;}
.ui-suggest-wrap{ border:3px solid #eee; height:600px; margin-top:20px;}
.ui-suggest-wrap .animated-card{ float:left; width:300px; height:100%; overflow-y:auto;}
.ui-suggest-wrap .animated-card h4{ background:#eee; text-align:center; line-height:40px;}
.ui-suggest-wrap .animated-card .animated-card-text{ padding:15px; line-height:22px; color:#666;}
.ui-suggest-wrap .animated-card .animated-card-text p{ padding-bottom:10px;}
.ui-suggest-wrap .ui-map-box { margin-left:300px; height:100%;}
.ui-suggest-wrap .ui-map-box img {width:100%; height:100%;}
.price { height:335px; overflow-y:auto; border:1px solid #eaeff0; border-top:none; overflow-x:auto;}
.price table { margin-left:-1px;margin-right:-1px;}
.table-add-tf{ border:1px solid #eaeff0; border-top:none; height:30px; line-height:30px;}
.price-no-tip{ text-align:center; line-height:335px; font-size:14px;}

/* 订单----------------- */
.form-box{ padding:20px 0;}
.form-inline { display:inline-block; vertical-align:middle;}
.form-group label .required {color: #d60000;font-weight: 700; margin-right:5px;}
.x-content-auto{ overflow-x:auto;}
.vertical-box{ width:100%; display:table;min-height:320px;border-left:none; table-layout:fixed;}
.vertical-box-sm {width:100%; display:table;border-left:none; table-layout:fixed;}
.vertical-column{display: table-cell;vertical-align: top;width:1px;}
.order-info{ width:350px;border-right:1px solid #e7e7e7;}
.vertical-box h5 { padding:0 20px;border-bottom:1px solid #eee; line-height:45px; color:#4a4a4a; font-weight:bold; font-size:12px;}
.order-info-list { padding:20px 20px;}
.order-info-list li { line-height:25px; min-height:25px; margin:5px 0; color:#444;}
.order-info-list li .a-label { float:left; width:95px; color:#959595;}
.order-info-list li .custs-text { margin-left:95px;}
.vertical-contor { padding:60px 30px 30px 30px;}
.vertical-contor h5 { line-height:25px; padding-bottom:10px;}
.width-info-2{ width:50%;}
.width-right-border{ border-right:1px solid #e9e9e9;}
.voucher-pic img { width:120px; height:80px; margin:5px 5px 5px 0;}
.service-corps{ position:relative; padding-left:90px; min-height:80px; padding-top:15px;}
.service-corps img { width:80px; height:80px; border-radius:999em; position:absolute; left:0; top:0;}
.service-corps span { margin-right:20px; color:#666;}
.service-corps span i { color:#ccc;}
.service-corps span i.on { color:#f59c1a;}
.product-text{ border:1px solid #f0f0f0; margin-bottom:20px;}
.product-text h5 {line-height:45px; border-bottom:1px solid #eee; padding:0 20px; font-weight:bold; color:#4a4a4a; font-size:12px;}
.theme_pop_eval{ padding:20px 0;}
.customer_list .lable_custom{color: #777;float: left; width: 70px;}
.asses_info {color: #aaa;padding-bottom: 30px;padding-right:450px;position: relative;}
.stepico{ padding-left:50px; position:relative; padding-bottom:20px;}
.s_dot { display:block; width:15px; height:15px; background:#ccc; border-radius:999em; position:absolute; left:20px; top:0; z-index:10; border:4px solid #f3f3f3;}
.step_line{ width:1px; background:#dee5e7; top:0; bottom:0; left:27px; position:absolute; z-index:9;}
.stepico .customer_list li { margin:0;}
.asses_pic_list{ position:absolute; right:0; top:0;}
.asses_pic_list .evaluate_list { padding:0;}
.evaluate_list ul li {float: left;width: 72px;height: 72px;border-radius: 10px;border: 1px solid #ebebeb;padding: 3px;position: relative;margin: 0 10px 10px 0;}
.evaluate_list ul li img { width:100%; height:100%; border-radius:10px;}

.form-group-title{ position:relative; line-height:30px; margin-bottom:10px; font-size:14px; color:#666;}
.form-group-title span { padding:0 10px 0 5px; background:#fff; position:relative; z-index:2;}
.form-group-title .form-group-line{ position:absolute; border-bottom:1px dashed #ddd; left:100px; right:0; top:50%;}
.form-group-title i { margin-right:10px;width: 15px;height: 15px;border-radius: 999em;background: #fff;display: inline-block; border:2px solid #dee5e7; vertical-align:middle;}

.b-sub-tab ul li {float: left;margin-right: 10px;}
.b-sub-tab ul li a {display: block;height: 28px;line-height: 28px;background: #eee;padding: 0 15px;color: #666;}
.b-sub-tab ul li.active a {background: #00a2ca;color: #fff;}

.prompt-tip {margin-left: 20px;color: #f30;display: inline-block;}
.prompt-tip i {font-size: 22px;margin-right: 5px;vertical-align: middle;}
.prompt-tip.prompt-right{ color:#2fba7e;}

.Reminder-box .form-group .col-sm-2{ width:120px;}
.Reminder-box .form-group .col-sm-10 { width:auto; margin-left:120px; float:none;}
.modal-query{padding:20px;height:415px; overflow-y:auto;}
.modal-query .i-checks{ vertical-align:top;}
.table .reptime td{ color:#f30;}

.model-select{ position:relative;}
.model-select input { position:absolute; left:1px; top:1px; width:250px; z-index:10; border:none; height:32px;}


.progress-list .sendbox-file{ border-top: 1px solid #f2f2f5;}
.flog-ident{ display: inline-block; position: relative;}
.flag-sig{ font-size: 14px;}
.flog-ident .dropdown-menu { min-width: 100px; width: 100px; margin-top: 0;}
.flog-ident .dropdown-menu li a { color: #333; font-size: 12px;}
.flog-ident .dropdown-menu li a i{margin-right: 5px;}
.color-x1{ color:#e47e18;}
.color-x2{ color:#ff2002;}
.color-x3{ color:#028328;}
.color-x4{ color:#8352ff;}
.color-x5{ color:#0184ff;}
.color-x0{ color:#c5c6c7;}
.color-x6{ color:#fbe600;}
.color-x7{ color:#fe80d3;}
.icon-fa-flag:before {
  content: "\e9e2";
}

/* 服务配置-------------- */
.form-tbmine .form-group .col-sm-2 { width: 120px;}
.form-tbmine .form-group .col-sm-10 {margin-left: 120px;width: auto;float: none;}
.product-box ul {display: inline-block;}
.product-box ul li {display: inline-block;}
.product-box ul li span {color: #808080;display: inline-block;border-radius: 999em;line-height: 30px;padding: 0 20px;cursor: pointer;}
.product-box ul li span a{ color:#fff;}
.product-box ul.product-ul li span { border:1px solid #eaeaea; margin: 2px 0; }
.product-box ul.product-ul li:hover span { color:#333; background: #f5f5f5; }
.product-box ul.product-ul li.active span { border:1px solid #ec971f; color:#fff; background: #ec971f;}
.product-box ul li.active span {background: #ec971f;color: #fff;}
.product-box .product-add{ padding-top:7px; display:inline-block;}
.Identlist{ padding-top:3px;}
.Identlist ul li { float:left; margin-right:10px;}
.Identlist ul li span { width:24px; height:24px; line-height:24px; text-align:center; border-radius:999em; display:inline-block; font-size:12px; background:#eaeaea; cursor:pointer;}
.Identlist ul li.active span.ico-an{background:#b1cd66; color:#fff;}
.Identlist ul li.active span.ico-bao{background:#3682bc; color:#fff;}
.Identlist ul li.active span.ico-yi{background:#d36e52; color:#fff;}
.Identlist ul li.active span.ico-xi{background:#e2b500; color:#fff;}

.rut-block { position:relative;}
.rut-block input.form-control{ position:absolute; left:0; top:0; width:150px;bottom:0;}
.choice-vbox{ position:relative; border:1px solid #eee; padding:0 10px; width:240px; cursor:pointer;}
.choice-vbox p{ line-height:20px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; width:85%;}
.choice-vbox .icon-pli-down { position:absolute; right:10px; top:7px;}
.choice-list{ position:absolute; left:0; top:20px; right:0; background:#fff; border:1px solid #eee; border-top:none; z-index:99; display:none;}
.choice-list ul { max-height:150px; overflow-y:auto; overflow-x:hidden; padding:5px 0;}
.choice-list ul li { line-height:20px; padding:0 10px;}
.choice-list ul li .i-checks{overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; }
.choice-list ul li label.disabled {cursor: default;opacity: 0.55;pointer-events: none;}
.choice-deter{ line-height:30px; height:30px; background:#eee; text-align:center;}
.choice-deter a { width:50%; float:left; box-sizing:border-box; border-right:1px solid #fff;}
.choice-deter a:last-child { border-right:none;}
.choice-deter a:hover { background:#666; color:#fff;}

.product-area-box {float: left;width: 240px;margin-right: 10px;border: 1px solid #dfe5e5;}
.product-area-title {height: 34px;line-height: 34px;text-align: center;border-bottom: 1px solid #dfe5e5;color: #333;}
.product-area-list {padding: 8px 10px;height: 234px;overflow-y: auto;}
.product-area-list ul li {line-height: 26px;}
.product-area-list ul li .i-checks {padding-top: 0;}
.left-label .col-sm-2{ width:150px;}
.show_add_tr{ line-height:30px; border:1px solid #eaeff0; border-top:none;}

.fault-type{ border:1px solid #eee;}
.fault-type ul{ height:200px; overflow-y:auto;}
.fault-type ul li { padding:0 15px;}
.fault-type-head{ background:#f9f9f9; padding:6px 15px; border-bottom:1px solid #eee;}
.fault-choice{ position:relative; display:inline-block; height:32px; line-height:32px; vertical-align:middle; border:1px solid #cfdadd; background:#fff; border-radius:2px;}
.fault-choice p{ padding:0 15px;}
.fault-choice .choice-list{ top:32px;}
.fault-choice .icon-pli-down { position:absolute; right:10px; top:8px;}


/* 备件管理----------------------- */
/*.part-model{ width:450px; border:1px solid #cfdadd;}*/
.part-model ul { padding:10px 10px; height:255px; overflow-y:auto;}
.part-model-title{ line-height:35px; padding:0 15px; border-bottom:1px solid #cfdadd; color:#4a4a4a; font-weight:bold;}

.order-top-status{ border:1px solid #ec8b02; margin:15px 0; background:#fef9f2; padding:30px 30px; line-height:40px;}
.base-tp  { height:35px; line-height:35px;}
.base-tp .base-dot{ display:inline-block; width:8px; height:8px; border-radius:999px; background:#ec971f; margin-right:5px;}
.spare-live{ padding:10px 0;}
.spareclass a { display:inline-block; line-height:28px; border-radius:999px; border:1px solid #cfdadd; padding:0 20px; margin:2px 2px; color:#666;}
.spareclass a:hover { border:1px solid #ec971f; color:#ec971f;}
.spareclass a.active{ background:#ec971f; border:1px solid #ec971f; color:#fff;}
.sparename-list{ height:300px; overflow-y:auto; overflow-x:hidden;}
.sparename-list ul li { float:left; width:33.33%; padding:0 15px; line-height:25px;}
.sparename-head{ height:45px; line-height:45px; padding:0 15px; background:rgba(0,0,0,0.05);}
.sparename-search{ display:inline-block; margin-top:-2px; vertical-align:top;}
.spare-img img{ width:90px; height:90px;}
.choice-left-tip{ height:234px; line-height:234px; text-align:center;}
.sparepic-up{ display:inline-block; width:100px; height:100px; position:relative; border:1px solid #cfdadd; vertical-align:middle;}
.sparepic-up img { width:100%; height:100%;}
.table > tbody > tr.low-alert{ background:rgba(234,111,90,0.02); }
.table > tbody > tr.low-alert > td{ color:#f05050;}
.table .rep-btn i { color:#cfdadd; font-size:18px; margin:0 2px;}
.table .rep-btn i:hover { color:#ec8b02;}
.ft-box { padding-top:0; }
.ft-box .col { padding-left: 10px; }
.nc-income-num{ font-size: 28px; color: #f05050; font-weight: bold; line-height: 30px; }
.ft-info .s-explain-i { font-size: 18px; color: #ccc; }
.ft-info .s-explain-text { color: #5ab4ce; font-size: 12px; z-index: 10; }


/* 财务管理--------------------- */
.service-charge{padding:20px 20px; height:160px;}
.service-charge-title{ height:50px; line-height:50px; border-bottom:1px solid #eaeaea;}
.service-charge-title h3 { line-height:50px; font-size:14px; color:#444;}
.content-list-text span {font-size:24px; vertical-align:middle; font-weight:bold;}
.service-jn ul li {line-height: 40px;min-height: 40px;position: relative;}
.s-explain{ padding-left:5px; position:relative;}
.s-explain-i{ display:inline-block;line-height:20px; text-align:center; color:#ccc; font-size:18px; vertical-align:middle;}
.s-explain-text{height:30px; line-height:28px; z-index: 9;border-radius:5px; padding:0 10px;  border: 1px solid #c2e6f2; background: #e3f5f9;color: #5ab4ce;margin-left:5px; display:none; min-width:200px; position:absolute; left:25px; top:-5px; font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.s-explain:hover .s-explain-text{ display:block;}
.srvice-charge-cumulative{ padding:30px 30px;}
.service-jn{ line-height:30px;}
.service-jn h4 { line-height:30px; margin-right:40px;}
.service-charge-mlist span{ color:#999; padding-right:20px;}
.service-charge-footer{ border-top:1px solid #eaeaea; line-height:50px; color:#999;}
.home-cbox .col{ display:inline-block; margin-right:30px;}
.home-cbox .col p{ font-size:14px; color:#aaa;}
.home-cbox .col span {font-size: 18px; color: #28b779; line-height:22px;}

.Account-title{ font-size:32px; color:#4e4e4e; text-align:center; padding:15px 0;}
.Account-sum p{ font-size:14px; color:#838383;}
.Account-sum-ys .sum-money{ font-size:34px; color:#f05050;}
.Account-info-left ul li { line-height:28px; font-size:14px; color:#838383;}
.Account-info-right { margin-top:60px;}
.Account-info-right ul li{ display:inline-block; margin-right:50px; font-size:14px; color:#838383;}
.Account-info-right ul li span {font-size: 28px;color: #4b4b4b;}
.Acc-ht{ font-size:14px; border-left:3px solid #28b779; padding-left:15px; margin-bottom:15px; color:#494949; line-height:16px;}
.jisuan{ position:absolute; z-index:10; right:60px; top:250px;}
.Payment{ border-radius:5px; padding:8px 15px; background:#dff0d8;}
.Acc-photo ul li { float:left; width:120px; height:120px; border-radius:10px; margin-right:10px; padding:5px; border:1px solid #eee;}
.Acc-photo ul li img { width:100%; height:100%; border-radius:10px;}
.Acc-js{ position:absolute; z-index:10; right:80px; top:140px;}
.Acc-more{ position:absolute; right:15px; top:18px; z-index:2;}

.invoice-list ul li {border-bottom: 1px solid #f0f0f0;padding: 15px 0;line-height: 60px;font-size: 14px;}
.invoice-pic img {height: 60px;width: 60px;border-radius: 5px;border: 1px solid #f0f0f0;}

.scandcode{ border:1px solid #eaeaea; padding: 15px; display: inline-block; margin-top: 15px; width: 292px; height: 292px;}
.scandcode img { width: 260px; height: 260px;}
.scandpay{ background: url(../images/scand-img.png) right center no-repeat; height: 420px; position: relative; padding-left: 120px;}
.scandfoot { width: 292px; background: #333 url(../images/scandcode.png) 60px center no-repeat; color: #fff; height: 60px;}
.scandfoot p { padding: 13px 0 0 120px;}
.scandname{ position: absolute; left: 0; top: -2px; font-size: 16px; color: #333;}

.block-list ul li { position: relative; line-height: 24px; margin-bottom: 5px;}
.block-list ul li .block-lable{ position: absolute; left: 0; top:0; width: 100px; color: #8e8e8e;}
.block-list ul li .block-ur-text{ margin-left: 100px; min-height: 24px; color: #666;}
.block-list-lg6 ul li { float: left; width:50%;}


/* 账户设置 ----------------- */
.account-setting{ padding:20px 0;}
.account-setting ul li {line-height:32px; padding:2px 0;}
.account-setting ul li .setting-label{ width:100px; float:left; color:#999; text-align: right;}
.account-setting ul li .setting-text{ padding-left:110px;}
.account-setting ul li .setting-text p, .wmt { display:inline-block; width:300px; margin-right:20px;}
.account-setting ul li .license-pic{ width:200px; height:120px;}
.account-setting ul li .license-pic img { width:100%; height:100%;}

.message-center{ padding:30px;}
.message-title{ border-bottom:1px solid #eee; text-align:center; color:#999; padding:15px 0;}
.message-title h2{ font-size:20px; color:#333; padding-bottom:10px;}
.messages-box{ padding:30px; font-size:12px; line-height:28px; color:#666;}

.table-new-time { position:relative;padding-left:40px;}
.table-new-time .checkbox-inline{ position:absolute; left:0; top:0;}
.table-new-time .ico-unread{ width:8px; height:8px; display:inline-block; border-radius:999em; background:#ee7600; position:absolute; left:25px; top:5px;}
.table tr.read-on td{ color:#bbb;}
.table tr.read-on td .ico-unread{ display:none;}
.table.i{table-layout: fixed;}
.table.table-hover tr:hover{ cursor:pointer;}
.table td.cx{ width:40px;}
.table td.ci{ width:200px;}
.table td.ct { width:160px;}
.table td.cn{ width:120px;}
.table td.ci .news-name{ width:100%;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; position:relative; padding-left:15px;}
.table td .news-tf{width:100%;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.table td .news-name .ico-unread{ width: 8px;height: 8px;display: inline-block;border-radius: 999em;background: #f59c1a;position: absolute;left: 0;top: 5px;}

.tp-upload{ width:200px; height:200px; border:1px solid #cfdadd; position:relative; display:inline-block;}
.tp-upload .upload-add{ width:100%; height:100%; text-align:center; line-height:200px; font-size:32px; display:block; color:#cfdadd;}
.tp-upload .upload-add:hover { color:#333;}
.tp-upload img { width:100%; height:100%; position:absolute; left:0; top:0;}
.upload-file{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; z-index:10;}
.tp-del{ position:absolute; left:100%; bottom:0; font-size:14px; padding:0 10px; color:#ccc;}
.tp-del:hover { color:#333;}

.xm-list span{ display:inline-block; padding-top:7px; margin-left:20px; color:#aaa; vertical-align:middle;}
.xm-list a { display:inline-block; vertical-align:middle; padding-top:7px; margin-left:30px;}

.form-bt{ display:inline-block; position:relative;}
.form-bt .form-control{ padding-left:90px;}
.form-bt-title{ position:absolute; left:10px; line-height:34px;}
.dtree{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #666;white-space: nowrap; width:380px;}
.dtree img{border: 0px;vertical-align: middle;}
.dtree a{color: #5a5a5a;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel{white-space: nowrap;padding: 1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover{color: #2fba7e;}
/*.dtree a.nodeSel{background-color: #c0d2ec;}*/
.dtree .clip{overflow: hidden;}
.rootNode{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 14px !important;color: #666;}
.dtree_Tree{margin-top:10px; padding:10px; width:380px; height:300px; overflow-y:auto; border:1px solid #cfdadd;}

.annel-block{ width: 180px; border:1px solid #eee; float: left; margin-right: 20px; position: relative; margin-bottom: 20px; }
.annel-block:last-child{ margin-right: 0; }
.annel-block:after{ content: "\e923"; font-family:icomoon; position: absolute; right:-17px ; top: 50%; margin-top: -10px; font-size: 12px; color: #999;}
.annel-block:last-child:after { display: none; }
.annel-head{ line-height: 35px; border-bottom: 1px solid #eee; text-align: center; color: #333; }
.annel-tree { height: 280px; overflow-y:auto; padding: 0 10px; }
.annel-tree ul li {  line-height: 28px; }



/* 付款界面 ------------------ */
.a-order-list{ font-size:12px; line-height:32px; color:#333; border-bottom:1px dashed #ddd; padding:20px 0;}
.g-time-price a{ display:inline-block; vertical-align:top; line-height:25px; background:#fff; border:1px solid #eee; padding:0 10px; margin-right:5px;}
.g-time-price a.active { background:#fd9228; border:1px solid #fd9228; color:#fff;}
.g-time-price a:hover { border:1px solid #fd9228;}
.order-method { padding:30px 0;}
.order-method-tab { height:35px; line-height:35px; margin:20px 0 30px 0;}
.order-method-tab a{ display:block; float:left; padding:0 20px; background:#eee; width:240px; text-align:center;}
.order-method-tab a.active { background:#ccc;}
.order-fd-list ul li { float:left; line-height:36px; margin-right:20px;}
.order-fd-list ul li .balance{ display:inline-block; vertical-align:middle; line-height:20px;}
.order-fd-list ul li .balance h4 { font-size:16px; line-height:25px;}
.order-fd-list ul li .balance font{ color:#999;}
.order-end-pay{ border-top:1px dashed #ddd; padding:20px 0 0 0;}
.order-success{ text-align:center; padding:80px 0 0 0; color:#999; font-size:16px;}
.order-success h1 { font-size:36px; padding-bottom:50px; color:#333;}


/* 基础设置 -------------------- */
.banner-settings{ padding-top:20px;}
.banner-left-list{ border-right:1px dashed #ddd; padding:0 20px 0 0; margin-right:20px;}
.banner-left-list ul li { margin:0 0 10px 0;}
.banner-left-list ul li span { padding-right:20px; line-height:50px; color:#666;}
.banner-left-list ul li .banner-left-pic{ width:140px; height:50px; border:1px solid #eaeff0; display:inline-block; text-align:center; line-height:50px; color:#666; cursor:pointer;}
.banner-left-list ul li .banner-left-pic img { width:100%; height:100%;}
.banner-left-list ul li.active .banner-left-pic { color:#333; border:1px solid #333;}
.banner-upload-pic{ width:400px; height:170px; border:1px solid #eaeff0;text-align:center; position:relative;}
.banner-upload-pic .b-upload-btn{ display:block; width:100%; height:100%; font-size:14px; color:#ccc; padding:40px 0 0 0;}
.banner-upload-pic .b-upload-btn i { font-size:56px; color:#aaa;}
.banner-upload-pic .b-upload-btn:hover, .c-identity .iden-upload:hover, .qr-code .qr-upload:hover { background:#f9f9f9; color:#333;}
.banner-upload-show, .c-identity-box, .qr-code-box{ position:relative; width:100%; height:100%;}
.c-identity-box:hover .c-identity-edit{ display:block;}
.banner-upload-show img, .qr-code-box img, .c-identity-box img { width:100%; height:100%;}
.banner-upload-edit{ position:absolute;text-align:center; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; display:none;}
.banner-upload-edit a { color:#fff; line-height:170px; padding:0 5px;}
.banner-upload-edit a i { margin-right:5px; font-size:14px;}
.banner-upload-show:hover .banner-upload-edit, .c-identity-box:hover .c-identity-edit, .qr-code-box:hover .qr-code-edit{ display:block;}
.c-identity{ position:relative; width:140px; height:60px; border:1px solid #eaeff0; display:inline-block;}
.c-identity .iden-upload { display:block; width:100%; height:100%; text-align:center; line-height:60px; color:#999; font-size:16px;}
.c-identity-edit { position:absolute; left:100%; bottom:0; text-align:center;color:#999; padding:0 10px; cursor:pointer;}
.c-identity-edit a { color:#fff; line-height:60px;}
.c-identity-edit .file-close,.banner-upload-edit .file-close,.qr-code-edit .file-close { display:block; position:absolute; right:5px; top:5px; z-index:5; width:18px; height:18px; background:rgba(255,255,255,0.9); border-radius:999em; line-height:18px; text-align:center; font-size:12px; color:#333;}
.qr-code{ width:140px; height:140px;border:1px solid #eaeff0; position:relative; display:inline-block;}
.qr-code .qr-upload { display:block; width:100%; height:100%; text-align:center; line-height:140px; color:#999; font-size:16px;}
.qr-code-edit{ position:absolute; left:100%;bottom:0; text-align:center; color:#ccc; padding:0 10px; font-size:14px;}
.configur-info{ line-height:25px; color:#8e8e8e; padding:20px 0;}
.configur-info h6 { padding:10px 0; line-height:25px; color:#333;}
.configur-t-box { margin-bottom:20px;}
.configur-t-box .form-control{ height:160px; width:800px; color:#999;}
.service-provider ul li { float:left; margin:0 20px 20px 0; border:2px solid #ededed; width:156px; height:80px;}
.service-provider ul li img { width:100%; padding:12px 0;}
.wechat-public-box{ display:inline-block; width:180px; background:#f1f2f7; text-align:center; padding:30px 0; margin:20px; position:relative;}
.wechat-head img { width:76px; height:76px; border-radius:999em;}
.wechat-head { display:block; width:80px; height:80px; border-radius:999em;background:url(../images/user_img.png) center center no-repeat; background-size:contain; margin:0 auto; overflow:hidden;}
.wechat-public-box p{padding:20px 0 20px 0; color:#999;}
.wechat-edit{ position:absolute; right:15px; top:10px; z-index:10;}
.wechat-edit .dropdown-menu{ min-width:100px;} 
.wechat-edit .dropdown-menu li a{ line-height:25px; font-size:12px; color:#666;}
.wechat-edit .dropdown-menu li a:hover { color:#333;}
.wechat-model{ padding:20px;}
.wechart-model-content{background:#f1f2f7;}
.wechart-model-main{ margin:0 auto; background:#fff; width:1200px;}
.wechart-main-vi{ padding:50px 80px;}
.wechart-main-vi h2 { font-size:24px; text-align:center; padding-bottom:40px;}
.wechart-main-vi p { font-size:14px; color:#666; line-height:28px;}
.wechart-main-vi p.s-tip{ color:#f00;}
.wechart-main-vi img { text-align:center; margin:15px auto; display:block;}
.wechart-main-tab{ line-height:50px; font-size:12px; color:#666; padding:0 20px; border-bottom:1px solid #eff2f7;}

.a-user .user-upload{ display:inline-block; margin-left:20px; position:relative;}
.a-user .user-upload a{ display:inline-block; line-height:25px; border-radius:2px; background:#00a2ca; padding:0 20px; color:#fff;}
.a-user .upload-file { position:absolute; left:0; top:0; width:100px; height:25px; opacity:0; cursor:pointer;}
.a-user .a-user-box { width:50px; height:50px; display:inline-block;}
.a-user .a-user-box img { width:100%; height:100%;}
.table .form-control {height:20px; padding:0 12px;}

.bound-list .bound-label{ float:left; color:#333;}
.bound-list .bound-text{ color:#7e7e7e; margin-left:50px;}
.tp-step{ padding:20px 0;}
.tp-step ul li{ float:left; margin-right:5px;}
.tp-step ul li a { display:block; font-size:14px; line-height:36px; padding:0 25px; border:1px solid #dee5e7;}
.tp-step ul li.active a { background:#17a969; color:#fff;border:1px solid #17a969;}
.shop-info{ position:relative; padding:10px 0; min-height:80px;}
.shop-info img { width:60px; height:60px; position:absolute; left:0; top:10px;}
.shop-info-text h3 { font-size:16px; color:#4a4a4a;}

.pc-template ul li { float:left; width:280px; position:relative; margin:0 20px 20px 0; border:1px solid #eee;}
.pc-template-box { width:278px; position:relative; height:200px;}
.pc-template-box img { width:100%; height:200px;}
.pc-operation{ position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.7); text-align:center; z-index:2; display:none; padding-top:60px;}
.pc-template-box:hover .pc-operation{ display:block;}
.pc-operation a { font-size:20px; margin:0 10px; color:#fff; display:inline-block; }
.pc-operation a span { display:inline-block;width:50px; height:50px; line-height:50px; text-align:center; border-radius:999em; background:rgba(255,255,255,0.1);}
.pc-operation a span:hover{ background:#2fba7e;}
.pc-operation a p { font-size:12px; margin-top:10px;}
.pc-template-text{border-top:none; padding:10px 15px;}
.pc-template-title{ line-height:30px; position:relative;}
.pc-template-title p{font-size:14px;overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis; white-space: nowrap; margin-right:30px;}
.pc-template-title p font{ font-size:12px; margin-left:5px; color:#999;}
.pc-template-title span { font-size:12px; color:#fd9228; position:absolute; right:-5px; top:5px; display:block; border-radius:3px; border:1px solid #fd9228; color:#fd9228; line-height:18px; padding:0 3px;}
.pc-template-part{ color:#999; height:22px; line-height:22px;}

.wap-template ul li { float:left; width:230px; background:url(../images/ibg.png) 0 0 no-repeat; height:549px; margin:0 60px 30px 0;}
.wap-template-box{ width:196px; height:349px; margin:70px 0 80px 18px; position:relative;}
.wap-template-box img { width:100%; height:100%;}
.wap-operation{ position:absolute; left:0; right:0; bottom:0; top:0; z-index:2; background:rgba(0,0,0,0.7); text-align:center; display:none;}
.wap-template-box:hover .wap-operation{ display:block;}
.wap-sm{ width:120px;margin:0 auto; color:#fff; text-align:center; margin-top:70px; padding:5px; background:#fff;}
.wap-sm p{ line-height:28px;color:#333;}
.wap-sm img { width:100px; height:100px; margin-top:10px;}
.wap-cz { margin-top:40px;}
.wap-cz a{ color:#fff; margin:0 5px; display:inline-block;}
.wap-cz a span { display:inline-block; width:45px; height:45px; line-height:45px; border-radius:999em; background:rgba(255,255,255,0.1); text-align:center;font-size:18px;}
.wap-cz a span i { vertical-align:middle;}
.wap-cz a span:hover{ background:#2fba7e;}
.wap-cz a p { font-size:12px; padding-top:8px;}
.wap-template-title{ line-height:30px; position:relative;}
.wap-template-title p{font-size:14px;overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis; white-space: nowrap; margin-right:30px;}
.wap-template-title p font{ font-size:12px; color:#999; margin-left:5px;}
.wap-template-title span { font-size:12px; color:#fd9228; position:absolute; right:-5px; top:5px; display:block; border-radius:3px; border:1px solid #fd9228; color:#fd9228; line-height:18px; padding:0 3px;}
.wap-template-part{ padding-top:5px; color:#999;}
.bg-identity{ width:200px; height:160px; border:1px solid #eaeff0; position:relative; margin-top:10px;}
.bg-identity .iden-upload {display: block;width: 100%;height: 100%;text-align: center;line-height: 160px;color: #999;font-size: 16px;}
.w-bg-identity{ width:150px; height:240px; border:1px solid #eaeff0; position:relative; margin-top:10px;}
.w-bg-identity .iden-upload {display: block;width: 100%;height: 100%;text-align: center;line-height: 240px;color: #999;font-size: 16px;}

.them-show{ width:320px; height:663px; background:url(../images/s-bg.png) 0 0 no-repeat; margin:40px 0 40px 20px; padding:100px 0 0 17px;}
.them-show-box{ width:650px; margin:20px auto; position:relative;}
.m-con{ width:285px; height:485px;border:1px solid #ddd; border-top:none;}
.m-con iframe{ border:0;}
.them-wx {margin:150px 0 0 0;float:right; text-align:center; color:#222; background:#fff; padding-bottom:10px;}
.them-wx-box{ width:165px; height:165px; background:#fff;}
.them-wx img { width:140px; height:140px; margin:15px 0;}

.wap-QR{ position:relative; padding-top:10px; cursor:pointer;}
.wap-QR span { width:20px; height:20px; display:inline-block; margin-right:10px; vertical-align:middle;}
.wap-QR span img { width:20px;}
.wap-QR-code{ position:absolute; right:0; top:40px; background:#fff; border:1px solid #eee; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); display:none; z-index:99;}
.wap-QR-code img { width:100px; height:100px;}
.wap-QR:hover .wap-QR-code{ display:block;}

.exchange-share{display: inline-block; margin-left: 15px; position: relative;}
.inst_opera a{font-size: 12px; color: #999;}
.exchange-share .exchange-vf{display: block; font-size: 14px;}
.exchange-sharebox{position: absolute; left: 50%; width: 90px; padding: 5px 0; margin-left: -40px; bottom: 30px; top: auto; min-width: 80px;}
.exchange-sharebox a{display: block; line-height: 28px; padding: 0 15px; color: #5e5e5e; font-size:13px;}
.exchange-sharebox a:hover { background:#2fba7e; color:#fff;}
.W-layer{ background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; right:0; bottom:0; z-index:999;}
.W-layer-content{background: #fff;border-radius: 5px;display: inline-block;width: 340px;position: relative;text-align: left;overflow: hidden;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175); position:absolute; left:50%; margin-left:-170px; top:50%; margin-top:-210px;}
.w-layer-close{position: absolute;right: 15px;top: 10px;font-size: 20px;}
.W-layer-title{height: 45px;border-bottom: 1px solid #eee;padding: 0 15px;line-height: 45px;}
.W-layer-title h2{font-size: 14px;color: #4a4a4a;line-height: 45px;font-weight: bold;}
.w-layer-main{padding: 20px;text-align: center; padding-left:40px;}
.W-layer-footer{padding: 15px;border-top: 1px solid #eee;line-height: 20px;color: #4a4a4a;}


/* 用户管理 ------------- */
.analy-title{ font-size:14px; color:#666;line-height:35px; padding:0 15px 10px 0;}
.analy-chart-box{ float:left; width:50%; padding:0 20px; box-sizing:border-box; margin-bottom:20px;}
.analy-chart-title{ padding:10px 0; color:#666; font-size:14px;}
.analy-time{ margin:20px 0; position:relative; height:35px;}
.analy-time .analy-label { float:left; color:#999; display:block; line-height:30px; margin-right:10px;}
.analy-time ul { float:left;}
.analy-time ul li { float:left;margin-right:10px; position:relative;}
.analy-time ul li a { display:block; padding:0 20px;color: #58666e;background-color: #fff;border:1px solid #dee5e7; line-height:30px;border-bottom-color: #d8e1e3;-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1); box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);}
.analy-time ul li a:hover{color: #58666e;background-color: #edf1f2;border-color: #c7d3d6;}
.analy-time ul li.active a { color:#fff; background:#17a969; border:1px solid #17a969;}
.analy-time-custom{ position:absolute; width:270px; top:34px; background:#fff; padding:15px; left:0; text-align:left;border: 1px solid #dee5e7; z-index:10;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); display:none;}
.analy-custom-list { margin:4px 0;}
.analy-custom-list span { display:inline-block; width:50px; vertical-align:top;}
.analy-custom-list .analy-form-text { display:inline-block; vertical-align:top;}
.analy-custom-list .form-control{ display:inline-block; vertical-align:top; height:30px; padding:0 5px;}
.analy-ui-time{ float:left; font-size:12px; color:#999; padding-left:10px; line-height:30px;}
.customer-complaint { margin-top:20px;}
.customer-complaint ul li{ line-height:20px; padding:10px 0; min-height:20px;}
.customer-complaint ul li .customer-label{ float:left; width:100px; color:#999;}
.customer-fx{ position:relative; padding:0 70px 0 100px;}
.customer-fx .percent-show { height:20px; background:#f5f5f5;}
.customer-fx .percent-show .percent-now{ height:20px; background:#00acac;}
.customer-fx span{ position:absolute; right:0; top:0; width:50px;}

/* 网点频道 ------------------- */
.with-prompt,.tab-operation{ position:relative; display:inline-block;}
.with-prompt-tip{ position:absolute; right:-5px; top:-5px;}
.with-prompt-tip .explain-iso{ display:block; width:14px; height:12px; background:#f68300; padding-top:2px;}
.with-prompt-tip .explain-iso i { width:8px; height:1px; overflow:hidden; background:#fff; margin:0 3px 2px 3px; display:block;}
.with-prompt-tip .with-prompt-box{ position:absolute; width:280px; right:0; top:12px; background:#fff; border:1px solid #ddd; z-index:10; box-shadow:0 0 5px rgba(0,0,0,0.1); padding:20px; display:none;}
.with-prompt-tip .with-prompt-box h2 { font-size:14px; font-weight:bold; padding-bottom:10px; color:#444;}
.with-prompt-tip .with-prompt-box textarea { width:100%; height:90px; border:none; background:#f2f2f2; padding:10px; color:#666;}
.with-prompt-tip .with-prompt-box .with-close { position:absolute; right:10px; top:10px;font-size:20px; color:#999;}
.with-prompt-tip .with-prompt-box .with-close:hover { color:#333;}
.attribute-offbeat{ border:1px solid #eee; padding:10px 0;}
.attribute-offbeat .control-label { padding-left:50px;}
.coverage-box .table{ min-height:150px;}
.cate-box{ border:1px solid #eee; height:400px;}
.cate-box h5 { height:30px; line-height:30px; text-align:center; font-size:12px; border-bottom:1px solid #eee; font-weight:bold; color:#4a4a4a;}

.cost-box .control-label{ width:100px;}
.input-none{ border:none;}

.jquery-accordion-menu{ height:368px; overflow-y:auto;position: relative;}
.jquery-accordion-menu ul{margin: 0;padding: 0;list-style: none}
.jquery-accordion-menu ul li{width: 100%;display: block;float: left;position: relative}
.jquery-accordion-menu ul li a{width: 100%;padding: 5px 22px;float: left;text-decoration: none;color: #666;font-size: 12px;white-space: nowrap;position: relative;overflow: hidden; line-height:22px; padding-left:27px;}
.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li>ul>li.active>a,.jquery-accordion-menu>ul>li>ul>li>ul>li.active>a,.jquery-accordion-menu>ul>li>ul>li>ul>li>ul>li.active>a{color: #36b0c8; background:#f5f5f5;}
.jquery-accordion-menu ul li a i{width: 34px;float: left;line-height: 18px;font-size: 16px;text-align: left}
.jquery-accordion-menu .submenu-indicator{float: left;font-size: 17px;position:absolute; left:10px; top:5px; line-height:22px; display:block; width:12px; height:22px; background:url(../images/ico-add.png) center center no-repeat;}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{ background:url(../images/ico-jian.png) center center no-repeat;}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width: 100%;display: none;position: static}
.jquery-accordion-menu ul ul.submenu li{clear: both;width: 100%}
.jquery-accordion-menu ul ul.submenu li a{width: 100%;float: left;font-size: 11px;border-top: none;position: relative;}
.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color: #414956}
.jquery-accordion-menu ul ul.submenu>li>a{padding-left: 49px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left: 66px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left: 57px}
.jquery-accordion-menu ul ul.submenu>li>a>.submenu-indicator { left:30px;}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a>.submenu-indicator { left:55px;}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a>.submenu-indicator{ left:80px;}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top: 12px}
.ink{display: block;position: absolute;background: rgba(255,255,255,.3);border-radius: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0)}
.animate-ink{-webkit-animation: ripple .5s linear;-moz-animation: ripple .5s linear;-ms-animation: ripple .5s linear;-o-animation: ripple .5s linear;animation: ripple .5s linear}

.cover-brand-box{ height:348px; overflow-y:auto;}
.cover-brand-box ul li { line-height:22px; padding:5px 10px;}
.cover-brand-box ul li a { color:#999;}
.cover-brand-box ul li a:hover { color:#333; cursor:pointer;}
.sq-edit{ text-align:center; line-height:348px;}

.area-list { padding:10px 0;}
.area-list ul li { line-height:22px; padding:5px 15px; position:relative;}
.area-list ul li input { vertical-align:middle; margin-top:0;}
.area-list ul li:hover,.area-list ul li.active { background:#f5f5f5; cursor:pointer;}
.area-list ul li .region-d-right { position:absolute; right:0; top:0;}
.area-list ul li .region-d-right a { color:#36b0c8;}
.typebox{ height:200px; overflow-y:auto; overflow:hidden;}

.dotmain .col-sm-3{ width:20%;}
.dotmain .col-sm-4{ width:43.33%;}
.dotmain .col-sm-4 .table { table-layout:auto; margin-bottom:0;}
.dotmain .col-sm-4 .table td{word-wrap:break-word; word-break:normal; white-space:normal;}
.authorbox{ padding-top:20px;}
.authortip{ color:#999; padding:20px 0;}
.channel-choice{ padding:20px 0;}

.dot-ui-chart{ border:1px solid #eaeaea;}
.dot-overview{ padding:15px; background:#eff2f6; border-radius:5px; margin-top:10px; line-height:20px;}
ul.summary-list {display: inline-block;margin-bottom: 0;padding-left: 0;}
ul.summary-list > li {display: inline-block;text-align: center; margin-right:20px;}
ul.summary-list > li {color:#818181;}
ul.summary-list > li span{ font-size:14px; font-weight:bold;}
.dot-class {margin-top:10px; padding:10px;}
.dot-class ul li { line-height:22px;border-bottom:1px dashed #eee; padding:5px 0;}
.dot-class ul li .dot-lable{ float:left; width:140px; text-align:left; padding:6px 0; color:#4a4a4a;}
.dot-class-content{ margin:0 50px 0 120px;}
.dot-class-content a { display:inline-block; margin:6px 15px 6px 0; color:gray; padding:0 5px; border-radius:3px;}
.dot-class-content a:hover{ color:#2fba7e;}
.dot-class-content a.active{ background:#2fba7e; color:#fff;}


.dot-list .table { margin-bottom:0;}
.dot-list .table td{ vertical-align:top;}
.dot1-modbox{ position:relative; min-height:140px; padding:10px;}
.dot1-modbox .i-checks { position:absolute; left:0; top:10px;}
.dot1-modbox img { width:120px; height:120px; position:absolute; left:30px; top:10px;}
.dot1-modbox-text{ padding:0 0 0 160px;}
.dot1-modbox-text h3 { font-size:14px; color:#363f44; padding-bottom:10px;}
.dot1-modbox-text ul li { line-height:22px;}
.dot1-modbox-text ul li span{ color:#aaa;}
.dot1-modbox-text ul li .dot-score span{ color:#fd9228;}
.dot-collection span { cursor:pointer; color:#ccc;}
.dot-collection span.on,.dot-collection span:hover { color:#f9a84c;}
.dot2-modbox,.dot3-modbox,.dot4-modbox{ padding:10px;}
.dot2-modbox ul li{ line-height:22px; min-height:22px; position:relative;}
.dot2-modbox ul li label{ float:left; font-weight:normal; color:#666;}
.dot2-modbox ul li .qy-text{ margin:0 0 0 90px; color:#999;}
.table .dot4-modbox a i{ font-size:16px; margin-right:8px; vertical-align:middle;}
.dot-wd{ margin:20px 0; line-height:28px;}
.dot-wd span a { display:inline-block; margin:0 10px; padding:0 10px; color:#999;}
.dot-wd span a.active { background:#0398bd; color:#fff;}

.brand-works-top{ position:relative;}
.brand-background{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1;}
.brand-mask{ position:relative; z-index:2; text-align:center;}
.brand-name{ font-size:26px; color:#fff; padding:70px 0 30px 0;}
.brand-news{ font-size:16px; color:#0398bd; margin-left:20px;}
.brand-label{ color:#fff;}
.brand-label span { margin:0 10px; font-size:14px;}
.brand-grade i { color:#f59c1a;}
.brand-tip{ height:35px;margin:10px 0;line-height:35px;}
.policy-list{ margin-bottom:20px;}
.policy-list-title{ line-height:30px; position:relative;}
.policy-title-line{ position:absolute; left:0; right:0; top:50%; height:1px; border-top:1px dashed #dee5e7; z-index:1;}
.policy-list-title span { display:inline-block; background:#fff; padding:0 10px 0 20px; position:relative; z-index:2; font-size:14px;}
.policy-list-title span i { display:block; width:8px; height:8px; border-radius:999em; background:#dee5e7; position:absolute; left:0; top:10px;}
.policy-list-text{ line-height:25px; color:#999; padding-left:20px;}

.base-block{ border:1px solid #eee;}
.base-title{ line-height:50px; padding:0 15px; font-size:14px; border-bottom:1px dashed #eaeaea;}
.panel-title{ line-height:50px; padding:0 15px; font-size:14px; border-bottom:1px solid #eaeaea;}
.panel-title h4 { line-height:50px; font-size:12px; font-weight:bold;}
.base-main{ padding:15px;}

.base-main ul li { line-height:28px; color:#999; position:relative; padding-left:100px; min-height:28px;}
.base-main ul li .base-label{ color:#4a4a4a; display:inline-block; vertical-align:top; width:100px; text-align:right; position:absolute; left:0; top:0;}
.base-main ul li .praise i{ font-size:16px;}
.base-main ul li .praise i.on{ color:#f59c1a;}
.price-selection{ height:364px; line-height:364px; text-align:center; border:1px solid #eee; border-top:none; margin-top:-20px; color:#666;}

.master-works-top{ margin-top: 50px;text-align: center;position: relative;}
.master-mask-center{ padding:20px;}
.master-chart{ border:1px solid #eee;}
.master-chart-title{ line-height:50px; padding:0 20px;}
.master-chart-title h3 { font-size:14px; color:#4a4a4a; line-height:50px;}
.master-state{ height:300px; overflow-y:auto; margin-top:20px;}
.label-ui { font-weight:normal;}
.label-ui input { vertical-align:middle; margin-top:0;}

.home-section-module{ margin-top:30px;}
.home-nav-tabs{ height:45px; background:#e5e8ef;}
.home-nav-tabs ul li { float:left;line-height:45px; margin-right:2px;}
.home-nav-tabs ul li a { color:#666; display:block; padding:0 20px;font-size:12px;}
.home-nav-tabs ul li.active a,.home-nav-tabs ul li a:hover{ color:#28b779;background:#fff; margin-top:-8px; padding-top:8px; border-radius:3px 3px 0 0;}
.home-nav-tabs ul li.active a { font-weight:bold;}
.thumb-user{ width:96px; height:96px;}
.thumb-user img { width:100%; height:100%;}

.location-current{ font-size:13px;}
.location-current a:hover { color:#2fba7e;}

.container-tip {padding: 8px 20px;font-size: 12px;margin: 10px 0 0 0;background: #dff0d8;border: 1px solid #d6e9c6;color: #3c763d; border-radius:3px;}
.A-area {padding: 0 25px;color: #999;}
.Manual-pic{ position:relative; width:200px; height:140px; border:1px solid #cfdadd; display:inline-block;}
.Manual-pic img { width:100%; height:100%;}

.distr{ padding:10px 10px; line-height:32px; border-top:1px solid #e0e4e5; border-bottom:1px solid #e0e4e5; margin:15px 0;}
.Coverage-box{ float:left; width:200px; border:1px solid #f1f2f7; margin-right:10px;}
.Coverage-box h4 { text-align:center; height:30px; line-height:30px; border-bottom:1px solid #f1f2f7; font-size:12px; color:#333; font-weight:bold;}
.Coverage-area{ height:180px; padding:0 10px; overflow-y:auto;}
.Coverage-area ul li.disabled{ cursor:default; opacity:0.55; pointer-events: none;}
.Coverage-none{ text-align:center; padding-top:80px;}

.leaftip{ display:inline-block; position:relative; margin-right:20px; vertical-align:middle; margin-top:7px;}
.leaftip .leaftipt-text{ position:absolute; left:50%; top:-28px; line-height:25px; padding:0 10px; color:#ec971f; border:1px solid #ec971f; border-radius:3px; background:#fbead2; white-space:nowrap; left:-100px; width:220px; display:none;}
.leaftip:hover .leaftipt-text{ display:block;}
.u-inline{ display:inline-block;}



/* 天眼 ------------------- */
.sky-testing{ margin:15px 0; background:#f1f8f1; padding:20px 30px; position:relative;}
.sky-testing-left{ float:left; font-size:100px; line-height:100px; color:#17a969;}
.sky-texting-mt{ float:right;}
.sky-texting-text{ margin:0 150px 0 120px;}
.sky-texting-text h3 { font-size:24px; color:#5a5a5a; padding:20px 0 10px 0;}
.sky-texting-text p{ color:#aaa; font-size:14px;}
.sky-texting-mt a{ width:140px;}
.sky-texting-mt a.btn-cancel{ background:#fff; color:#666; border:2px solid #ceedf5;}
.sky-speed{ height:4px; background:#ecf3ec;position:absolute; left:0; bottom:0; right:0;}
.sky-speed-bar{ height:4px; background:#17a969;}
.detection-result-box{ margin-bottom:10px;}
.detection-problem-title{ font-size:14px; color:#444; line-height:35px; border-bottom:1px solid #eaeaea; padding-bottom:8px;}
.detection-problem-list{ margin:0 25px;}
.detection-problem-list ul li{ float:left; width:150px; text-align:center; margin:15px 10px;}
.detection-problem-list ul li .btn { border-radius:999em; padding:4px 15px;}
.detection-problem-list ul li .detec-name { color:#ff9a56;}
.detection-problem .detec-term { display:inline-block; width:50px; height:50px; border-radius:999em; background:#ff9a56; line-height:50px; text-align:center; color:#fff; font-size:24px; margin:5px 0 10px 0;}
.detec-num{ padding:7px 0; color:#999;}
.detec-num span { font-weight:bold; color:#ff9a56; margin-right:5px;}
.detection-noproblem-title{ font-size:14px; color:#444; line-height:35px; border-bottom:1px solid #eaeaea; padding-bottom:8px;}

.detection-noproblem-list ul li{float:left; width:150px; text-align:center; margin:15px 10px;}
.detection-noproblem-list ul li .detec-term{display:inline-block; width:50px; height:50px; border-radius:999em; background:#2fba7e; line-height:50px; text-align:center; color:#fff; font-size:24px; margin:5px 0 10px 0;}
.detection-noproblem-list{ border-bottom:1px solid #eee; margin:0 25px; }
.detection-no-title{ line-height:45px;position:relative; color:#666; background:url(../images/u-59.png) right center no-repeat;}
.detection-no-title:hover{ cursor:pointer; color:#333;}
.detection-no-title .detection-n-num { font-weight:bold; padding:0 8px; color:#2fba7e; font-size:16px;}
.detection-no-title .deteui-tip { color:#aaa; margin-left:10px;}
.detection-noproblem-list.detection-zd .detection-no-title{ background:url(../images/u-58.png) right center no-repeat;}
.detection-noproblem-list .detec-name { color:#2fba7e;}
.detection-noproblem-list.detection-zd ul { display:none;}

.detection-monitor-title{ line-height:45px; border-bottom:1px solid #eee; font-size:14px; color:#4a4a4a; background:url(../images/u-59.png) right center no-repeat;}
.detection-monitor-title:hover { color:#333; cursor:pointer;}
.detection-monitor-title .monitor-vo{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:999em; background:#17a969; color:#fff; font-size:12px; margin-right:5px;}
.detection-monitor-title .moitor-num{ font-size:16px; margin:0 8px; font-weight:bold; color:#17a969;}
.detection-monitor-box { border-bottom:1px solid #eee; max-height:228px; overflow-y:auto;}
.detection-monitor-box ul li{ line-height:38px; padding:0 15px; color:#666; height:38px;}
.detection-monitor-box ul li a { color:#666; display:block;}
.detection-monitor-box ul li:nth-child(odd){ background:#fafbfc;}
.detection-monitor-box ul li span { font-size:14px; color:#ff5d24; font-weight:bold; margin:0 8px;}
.detection-monitor-list .detection-monitor-box{ display:none;}
.detection-monitor-list.monitor-active .detection-monitor-box{ display:block;}
.detection-monitor-list.monitor-active .detection-monitor-title { background:url(../images/u-58.png) right center no-repeat;}
.detection-service-title{ line-height:45px; font-size:14px;}
.detection-service-title a:hover{ color:#28b779;}
.detection-service-title .cu-tb{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:999em; background:#ff5d24; color:#fff; margin-right:5px; font-size:12px;}
.detection-service-title .cu-num{ font-weight:bold; color:#ff5d24; padding:0 5px;}
.detection-service-content{ border:1px solid #eee;}
.monitor-list-show .detection-monitor-title{ background:none;}
.monitor-list-show .detection-monitor-title:hover{ cursor:default;}
.monitor-list-show .detection-monitor-box{ display:block;max-height:500px;}

.sky-setting{ border:1px solid #eee; margin:40px 0 20px 0; padding:20px; position:relative;}
.sky-setitle{ display:inline-block; background:#fff; border:1px solid #eaeaea; padding:0 12px;position:absolute; top:-15px; left:20px; z-index:2;    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);}
.sky-setitle>span { font-weight:bold; height:30px; line-height:30px;}
.sky-setting-list{ padding:15px 0 10px 0;}
.sky-setting-tip{ display:inline-block; vertical-align:middle; position:relative; margin-left:10px;}
.sky-setting-tip .sky-setting-span { font-size:14px; color:#ccc;}
.sky-setting-tip .sky-setting-tiptext{ display:block; background:#f9f0ef; border-radius:5px; border:1px solid #e8c8bd; color:#c6755b; padding:0 15px; line-height:28px; position:absolute; left:20px; top:-6px;white-space:nowrap; display:none; z-index:10;}
.sky-setting-tip:hover .sky-setting-tiptext { display:block;}
.sky-setting-title{ margin-bottom:5px; color:#777;}
.sky-label{ display:inline-block; vertical-align:middle; color:#777;}
.sky-setting-main .table .form-control{ height:20px; border:none; padding:0;box-shadow:none;}
.sky-setting-text{ padding:15px 0 0 0; line-height:22px;}
.sky-setting-fox{ padding:15px 0 0 0;}
.sky-setting-fox .btn i{ margin-right:0;}

.dot-model-name{ line-height:20px; padding-bottom:15px;}
.dot-order-list { max-height:370px; overflow-y:auto;}
.dot-order-list ul li { height:38px; line-height:38px; padding:0 15px;}
.dot-order-list ul li:nth-child(odd){ background:#f9f9f9;}
.dot-order-list ul li .dot-order-number{ width:30%; float:left;}
.dot-order-list ul li .dot-order-number span{ color:#999;}
.dot-order-list ul li .dot-order-prescription{ width:55%; float:left;}
.dot-order-list ul li .dot-order-search{float:right;}
.dot-order-list ul li .dot-order-search a { color:#666;}
.dot-order-list ul li .dot-order-iP,.dot-order-list ul li .dot-order-iP2 { width:30%; float:left;}
.dot-footer-other{ height:40px; line-height:40px; text-align:right; padding:0 30px; border-top:1px solid #eee;}



/* 用户投诉 ---------------- */
.result-box{ position:relative; padding-left:40px; padding-bottom:25px; color:#999;}
.result-box .result-time{ color:#5a5a5a; padding:0 0 5px 0;}
.result-box .result-dot{ position:absolute; left:0; top:0; width:15px; height:15px; display:block; background:#fd9228; border-radius:999em; border:4px solid #f8e9e4; z-index:2;}
.result-line{ position:absolute; left:7px; width:1px; top:0; background:#dee5e7; bottom:0;}
.result-box .col-sm-3{ width:80px; text-align:left;padding-right:0;}


/* 备件管理 ------------------ */
.control-label .with-prompt-box{ left:0; right:auto; text-align:left;}

/* 网站建设中tip -------------------- */
.suspension-tip{ text-align:center; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-190px;}
.heng-line {background: #f2f2f2;height: 1px;left: 0;overflow: hidden;position: absolute;top: 50%;width: 100%;}
.shu-line {background: #f2f2f2;height: 100%;left: 50%;margin-left: 1px;overflow: hidden;position: absolute;top: 0;width: 1px;}

/* 区域 管理 --------------- */
.region-box{ float:left; width:220px; border:1px solid #eee; margin-right:15px;}
.region-box h4 { height:35px; line-height:35px; text-align:center; border-bottom:1px solid #eee;font-size:12px; font-weight:bold; color:#4a4a4a;}
.region-box ul{ height:360px; padding:10px 0; overflow-y:auto;}
.region-box ul li { padding:3px 12px; line-height:15px;}
.region-box ul li label.disabled{ cursor:default; opacity:0.55; pointer-events: none;}
.point-right{ height:400px; line-height:400px; padding:0 15px 0 0; float:left; text-align:center; position:relative;}
.point-right a { font-size:14px; color:#999;}
.point-right a:hover { color:#333;}
.region-tip-text{ text-align:center; line-height:360px; color:#666;}
.area-current{ line-height:25px; position:absolute; left:-10px; top:0;white-space:nowrap; text-align:left;}
@media (max-width: 1200px) {
  .area-current{ left:-20px;}
}


/* layerModel_mask ------------------- */
/*.layerModel_mask{position: fixed;z-index:999;top: 0;display: table;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.layerModel_wrapper{display: table-cell;vertical-align: middle;text-align: center;}
.layerModel_content{position: relative;display: inline-block;min-width: 300px;text-align: left; background:#fff;}
.layerModel_title{ border-radius:3px 3px 0 0; position:relative;}
.layerModel_title h2{font-size:14px;color:#444;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 12px; height:50px; line-height:50px; padding:0 20px;background:#fff; border-bottom:1px solid #eee;}
.layerModel_title h2 span { font-size:12px; font-weight:normal; padding-left:30px; color:#999;}
.layerModel_closeBtn { position:absolute; right:15px; top:13px; font-size:18px; color:#333; z-index:1001; opacity:0.5;}
.layerModel_closeBtn:hover { opacity:1;}
*/
.modal-body{ padding:0;}
.modal-content { border:none; border-radius:0;box-shadow: 0 5px 15px rgba(0, 0, 0, .2);}
.modal-title { font-size:14px; color:#444;}
.modal-header{ border-bottom:1px solid #f1f2f7;}
.modal-footer{ padding:10px 30px; border-top:1px solid #f1f2f7;}


.big-height{ max-height:500px; overflow-y:auto;}

.modal-box{ padding:30px; position:relative;}
.select-title{ color:#9e9e9e; line-height:25px;}
.poptit-input-div{ margin-top:20px;}
.modal-tip-text{ padding:30px 30px; font-size:14px; color:#999; line-height:28px; min-height:80px;}
.modal-tip-text h4 { color:#333;}
.modal-tip{ line-height:20px; color:#999; margin-bottom:10px;}

.thaw-progress,.t-new-progress{ position:relative; overflow:hidden;}
/*.thaw-progress:before{content: " ";background-color: #f3f3f3;display: block;position: absolute;top: -2px;left: 20px;width: 10px;height: 4px;}*/
.thaw-progress ul,.t-new-progress ul{margin: 0;padding: 0;margin:20px 20px 0 50px;padding-left: 10px;list-style: none;font-size: 12px;}
.t-new-progress ul { margin-left:150px;}
.thaw-progress ul li,.t-new-progress ul li {height: auto;min-height: 90px;border-left: 1px solid #dee5e7; padding-left:20px; position:relative; color:#58666e; padding-bottom:30px;}
.thaw-progress ul li:before,.t-new-progress ul li:before{background: #ccc none repeat scroll 0 0;border: 4px solid #f3f3f3;border-radius: 999em;content: "";display: inline-block;height: 15px;left: 0;margin-left: -8px;position: absolute;width: 15px;}
.thaw-progress ul li:last-child,.t-new-progress ul li:last-child{ border:none;}
.thaw-progress ul li:last-child:before,.t-new-progress ul li:first-child:before{background: #fd9228;border: 4px solid #f8e9e4;}
/*.thaw-progress ul li:last-child p,.t-new-progress ul li:first-child p{ color:#fd9228;}*/
.thaw-progress ul li .thaw-time,.t-new-progress ul li .thaw-time { color:#b2b2b2; padding-top:5px;}


.modal-large-box{ width:800px; max-height:500px; overflow-y:auto;}
.modal-some{ border-bottom:1px solid #eaeaea; padding:15px 30px;}
.modal-some-main{ padding:20px 30px; max-height:410px; overflow-y:auto;}
.image-text-list { margin-left:-10px; margin-right:-20px;}
.image-text-list li { float:left; width:170px; height:170px; margin:10px; position:relative;}
.image-text-list li img { width:100%; height:100%;}
.image-text-list li .image-text-checked { width:40px; height:40px; border-radius:999em; background:#00acac; color:#fff; line-height:40px; text-align:center; font-size:18px; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; display:none;}
.image-text-list li.active .image-text-checked{ display:block;}
.grantbox {height: 400px;overflow-y: auto;}

.win_btn {padding: 10px 30px;border-top: 1px solid #eee;}
.boxp{ padding:20px 30px;}

.h550{ max-height:550px; overflow-x:hidden; overflow-y:auto;}
.h500{ max-height:500px; overflow-x:hidden; overflow-y:auto;}
.h400{ max-height:400px; overflow-x:hidden; overflow-y:auto;}

.unit-ment ul li { float:left; position:relative; width:200px; height:35px; border:1px solid #eaeaea; font-size:14px; text-align:center; margin:10px; line-height:35px; color:#666;}
.unit-ment ul li span { position:absolute; right:10px; top:0; display:none;}
.unit-ment ul li span a { margin:0 3px;}
.unit-ment ul li span a:hover { color:#00a2ca;}
.unit-ment ul li:hover span { display:block;}
.unit-add { padding:10px 0 0 10px;}
.unit-add a { color:#00a2ca; font-size:13px;}

.icon_upload{position: absolute;left:0;top:0;filter: alpha(opacity = 0); opacity: 0; width:100%; height:100%;}
.refuse_text {min-height: 200px;}
.uc-form .form-group{ margin-bottom:5px;}
.form-p-box{ padding:5px 10px 0 10px; border-top:1px solid #eee; margin-top:15px;}
.form-eval { padding:10px 0;}
.form-eval span { margin-right:10px;}
.form-eval span i { font-size:16px; color:#ccc;}
.form-eval span i.on{ color:#f59c1a;}
.eval-textarea{ position:relative; height:100px;}
.eval-textarea textarea{ height:100%;}
.eval-textarea .words-d { position: absolute; right:10px; bottom:5px; color:#666; font-style:italic;}

.layerModel-tip-text{ text-align:center; font-size:14px; padding:60px 40px; color:#5a5a5a; min-width:500px;}
.p-mt{ display:inline-block; vertical-align:middle; padding-top:7px;}
.master-state {height: 300px;margin-top: 20px;overflow-y: auto;}
.modal-box .col-sm-2{ width:20%;}
.modal-box .col-sm-10{ width:80%;}

.evaluate-list{ line-height:30px; margin-bottom:10px; min-height:30px;}
.evaluate-list .evaluate-label{ font-size:14px; color:#999; float:left; width:100px;  text-align:right;}
.evaluate-list .evaluate-fox { margin-left:100px;}
.evaluate-start span { font-size:18px; margin:0 5px; color:#aaa;}
.evaluate-start span.on { color:#fd9228;}

.tf-tab { background:#fff;}
.tf-tab ul li{position: relative;line-height: 50px;text-align: center;display: table-cell;width: 1%;}
.tf-tab ul li font{font-size: 14px;font-family: Century Gothic;position: absolute;left: 15px;top: 8px;color: #2fba7e;line-height: 14px;display: none;}
.tf-tab ul li.active font{display: block;}
.tf-tab ul li a{display: block;font-size: 14px;color: #777;}
.tf-tab ul li.active a{color: #2fba7e;}
.tf-tab ul li:before{ position:absolute; right:0; top:10px; bottom:10px; width:1px; background:#eee; content:"";}
.tf-content{ background:#f1f2f7; height:400px; overflow-y:auto;}
.tf-links ul li { float:left; width:135px; margin:0 20px 20px 0; text-align:center; border:1px solid #eee; background:#fff;}
.tf-links ul li img { width:100%; height:60px;}
.tf-links ul li p { color:#666; padding:5px 0;}
.tf-links ul li:hover,.tf-links ul li.on { border:1px solid #2fba7e;}
.tf-links ul li .tf-links-add{ display:block; padding:20px 0 18px 0; color:#999;}
.tf-links ul li .tf-links-add i { font-size:20px;}
.examine{ text-align:center; padding:80px 0 0 0;}
.examine .u-dk { font-size:80px; color:#2fba7e; vertical-align:middle; margin-right:20px;}

.layerModel_content.tf-model{ width:617px; height:306px; background:url(../images/mh-m.jpg) center center no-repeat;}
.modal-invite{ padding:90px 0 0 220px; background:url(../images/mh-m.jpg) center center no-repeat; height:306px;}
.modal-invite h2 { font-size:20px; color:#4a4a4a;}

.modal p .prompt-tip{ margin-left:0;}
.guarbox{ max-height:260px; overflow-y:auto;}


.pop-model{ position: fixed;z-index: 999;top: 0;display: table;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.pop-model-wrapper{display: table-cell;vertical-align: middle;text-align: center;}
.pop-model-tip{position: relative;display: inline-block;max-width: 500px;text-align: left;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); text-align:center; padding:25px 50px; border-radius:10px; font-size:14px; color:#4a4a4a;}

.photo-mask{position: fixed;z-index: 998;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;display: none;}
.photo-panel{position: fixed;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;}
.photo-panel .photo-div,
.photo-panel .photo-bar{width: 100%;}
.photo-panel .photo-div{width: 960px;height: 560px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close{width: 40px;height: 40px; text-align:center; line-height:40px; font-size:20px; color:#aaa;position: absolute;margin-left: 680px;}
.photo-panel .photo-close:hover{ color:#333; cursor:pointer;}
.photo-panel .photo-bar-tip{width: 700px;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover{width: 700px;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img{width: 720px;float: left;height: 560px;background: #fff;}
.photo-panel .photo-view-w{width: 720px;height: 560px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h{width: 720px;height: 560px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img{max-width: 700px;height: auto;vertical-align: middle;text-align: center;max-height: 540px;margin: 10px;}
.photo-panel .photo-view-h img{max-width: 700px;height: 540px;margin: 10px;}
.photo-panel .photo-left,
.photo-panel .photo-right{width: 120px;float: left;margin-top: 220px;}
.photo-panel .arrow-prv{width: 120px;height: 120px; line-height:120px; font-size:36px; color:#fff; text-align:center;}
.photo-panel .arrow-next{width: 120px;height: 120px; line-height:120px; font-size:36px; color:#fff; text-align:center;}
.photo-panel .arrow-prv:hover,.photo-panel .arrow-next:hover { color:#23b7e5; cursor:pointer;}

.pebox{ max-height:400px; overflow-y:auto; overflow-x:hidden;}
.h450{ max-height:450px; overflow-y:auto; overflow-x:hidden;}



/* 日历------------------- */
.datetimepicker{ padding:4px 8px;}
.table-condensed th { padding:5px 10px; font-size:12px;}
.table-condensed td { padding:5px 10px; font-size:12px;}
.table-condensed td.today { background:transparent; color:#19a9d5;}
.table-condensed td.active { background:#19a9d5;}


/**/
.table .checkbox-inline, .table .radiobox-inline{ padding-top:2px; padding-bottom:2px;}

/* step------------- */
.step-tip{ margin-left:10px; color:#fd9228; cursor:pointer; font-size:14px;}
.view-first-guide{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:1001; display:none;}
.view-close{ position:fixed; z-index:1002; right:10px; top:10px; color:#fff; font-size:24px; cursor:pointer;}
.step{ position:fixed; left:0; top:0; right:0; bottom:0;}
.step-1{ width:999px; height:415px;position:fixed; left:0; top:33px;text-align:center;}
.step-box1{width:999px; height:415px; background:url(../images/step/step-1.png) 0 0 no-repeat;}
.step-btn { display:inline-block; height:47px; width:183px; background:url(../images/step/step-btn.png) 0 0 no-repeat; margin-top:60px;}
.step-box1 .step-btn { position:absolute; left:50%; margin-left:-96px; bottom:-100px;}
.step-2{ width:1024px; height:483px; position:fixed; left:0;top:100px; text-align:center;}
.step-box2{ width:1024px; height:525px; background:url(../images/step/step-2.png) 0 0 no-repeat;}
.step-2 .step-btn{ position:absolute; right:0; bottom:0;}
.step-3{ width:1016px; height:463px; position:fixed; left:0;top:95px;text-align:center;}
.step-box3{width:1016px; height:463px; background:url(../images/step/step-3.png) 0 0 no-repeat;}
.step-3 .step-btn{position:absolute; left:50%;bottom:-60px;}
.step-4{ position:fixed; left:0; top:148px; width:1024px; height:469px; text-align:center;}
.step-box4{ width:1024px; height:469px; background:url(../images/step/step-4.png) 0 0 no-repeat;}
.step-4 .step-btn{ position:absolute; left:50%; bottom:0;}
.step-5{ position:fixed; left:0; top:148px; width:918px; height:484px; text-align:center;}
.step-box5{ width:918px; height:484px; background:url(../images/step/step-5.png) 0 0 no-repeat;}
.step-5 .step-btn{ position:absolute; left:50%; margin-left:30px; bottom:-30px;}
.step-6{ width:613px; height:300px; position:fixed; left:50%; margin-left:-306px; top:50%; margin-top:-205px; text-align:center;}
.step-box6{width:613px; height:300px; background:url(../images/step/step-6.png) 0 0 no-repeat; text-align:center;}
.step-6 .step-btn { margin-top:360px;}
.mh-step{ width:926px; height:264px; background:url(../images/step/mh-step.png) 0 0 no-repeat; position:absolute; left:50%; margin-left:-463px; top:50%; margin-top:-185px; text-align:center;}
.mh-btn{ width:352px; height:47px; background:url(../images/step/mh-btn.png) 0 0 no-repeat; display:inline-block; margin-top:320px;}
.wap-step{ width:975px; height:437px; background:url(../images/step/wap-step.png) 0 0 no-repeat; position:absolute; left:50%; margin-left:-487px; top:50%; margin-top:-265px;}
.tb-step{ width:962px; height:424px; background:url(../images/step/tb-step.png) 0 0 no-repeat; left:50%; margin-left:-482px; top:50%; margin-top:-255px; position:absolute; text-align:center;}
.tb-btn{ margin-top:480px; width:182px; height:47px; background:url(../images/step/tb-btn.png) 0 0 no-repeat; display:inline-block;}
.wd-step{ width:850px; height:251px; background:url(../images/step/wd-step.png) 0 0 no-repeat; position:absolute; left:50%; margin-left:-425px; top:50%; margin-top:-180px; text-align:center;}
.wd-btn{margin-top:310px; width:182px; height:47px; background:url(../images/step/tb-btn.png) 0 0 no-repeat; display:inline-block;}
.ty-step{ width:693px; height:300px; position:absolute; left:50%; margin-left:-346px; top:50%; margin-top:50%; margin-top:-200px; text-align:center; background:url(../images/step/ty-step.png) 0 0 no-repeat;}
.ty-btn { width:242px; height:47px; background:url(../images/step/ty-btn.png) 0 0 no-repeat; margin-top:355px; display:inline-block;}
.dq-btn{ width:242px; height:47px; background:url(../images/step/ty-btn.png) 0 0 no-repeat; display:inline-block; margin-top:360px;}
@media (max-width: 1366px) {
  .step-box1 .step-btn{ bottom:-60px;}
  .step-3 .step-btn{bottom:0;}
  .step-4 .step-btn{bottom:-20px;}
  .step-5 .step-btn{bottom:-20px;}
}
@media (max-width: 1200px) {
  .step-box1 .step-btn{ bottom:-60px;}
  .step-3 .step-btn{bottom:0;}
  .step-4 .step-btn{bottom:0;}
  .step-5 .step-btn{bottom:-20px;}
}


/* 404错误----------------- */
.react-content{height: 100%;background: #fafafa;position: absolute;width: 100%;}
.page-404{background-attachment: fixed;background: url(../images/page404.jpg) 50% center no-repeat;bottom: 0;height: 100%;left: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 100;}
.page-404 section{text-align: center;position: absolute;left: 50%;top: 50%;margin: -65px 0 0 -130px;}
.page-404 section h1{font-size: 100px;font-weight: bold;line-height: 100px;color: #fff;}
.page-404 section p{font-size: 16px;color: #fff;}


.progress-step{ position:absolute; left:-170px; top:0; text-align:right; width:150px;}
.progress-step span { display:inline-block; line-height:25px; padding:0 10px; border-radius:5px; color:#fff;}
.progress-step p { padding-top:8px; color:#666;}
.progress-list{position:relative; min-height:30px; padding-left:80px;}
.progress-list .prolab { position:absolute; left:0; top:0; color:#a1a1a1;}
.proevaluate span i{ font-size:16px; color:#ccc;}
.proevaluate span i.on { color:#fd9228;}
.mac-pic ul { margin:10px 0 10px 0; padding-left:0;}
.mac-pic ul li { float: left;width: 72px;height: 72px;border-radius: 10px;border: 1px solid #ebebeb;padding: 3px !important;position: relative;margin: 0 10px 10px 0; min-height:72px;}
.mac-pic ul li:last-child { border:1px solid #ebebeb;}
.mac-pic ul li:before{ display:none !important;}
.mac-pic ul li img { width:100%; height:100%; border-radius:10px;}
.pro-info{ padding:15px 25px; background:#f5f5f5; border-radius:10px;}

.type-box a{display: inline-block;border-radius: 999rem;padding: 0 18px;line-height: 30px;margin: 2px 2px 2px 0;color: #666;border: 1px solid #eaeaea;}
.type-box a:hover { color:#3a3f51;}
.type-box a.active{background: #3a3f51;border: 1px solid #3a3f51;color: #fff;}



/* 客服 -------------- */
.kefu-cust{ padding:40px 30px; border-bottom:1px solid #eff2f7;}
.kefu-cust ul li { display:inline-block; position:relative; margin-right:50px;}
.kefu-cust ul li .f-v-cir{ display:inline-block; width:45px; height:45px; border-radius:999rem; line-height:45px; text-align:center; color:#fff; font-size:18px; vertical-align:top;}
.f-cir1{ background:#feb900;}
.f-cir2{ background:#f186b4;}
.f-cir3{ background:#1e90ff;}
.kefu-cust ul li p{ display:inline-block; margin-left:10px; line-height:45px; font-size:16px;}
.kefu-cust ul li p span {font-size: 26px;color: #4b4b4b;}
.th-div{ position:relative;}
.th-div .dropdown-toggle span i{ font-size:12px;}
.th-div .dropdown-menu{ min-width:120px;}
.ukefu-im-theme{ padding:15px;}
.ukefu-webim-prop{  border-bottom:1px solid #eff2f7; padding:0 0 20px 10px; margin-bottom:20px;}
.ukefu-webim-prop:hover { background:#eff2f7;}
.ukefu-webim-tl{ font-size:14px; color:#333; padding:10px 0;}
.box-item{ padding:10px 10px;}
.layui-form-checkbox, .layui-form-checkbox *, .layui-form-radio, .layui-form-radio *, .layui-form-switch{display: inline-block; vertical-align: middle;}
.layui-form input[type="checkbox"], .layui-form input[type="radio"]/*, .layui-form select */{display: none;}
.layui-form-checkbox{border: 1px solid #d2d2d2;border-radius: 2px;box-sizing: border-box;cursor: pointer;font-size: 0;height: 30px;line-height: 28px;margin-right: 10px;padding-right: 30px;position: relative;transition: all 0.1s linear 0s;}
.layui-form-checkbox, .layui-form-select dl dd.layui-disabled {background-color: #fff;}
.layui-form-checkbox{margin-right: 0;}
.layui-form-checkbox span{background-color: #d2d2d2;color: #fff;font-size: 14px;height: 100%;overflow: hidden;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;}
.layui-form-checkbox i{color: #fff;font-size: 20px;position: absolute;right: 0;text-align: center;width: 30px; height:28px; line-height:28px;}
.layui-form-checkbox:hover i{ color:#c2c2c2;}
.layui-form-checked, .layui-form-checked:hover {border-color: #5fb878;}
.layui-form-checked span, .layui-form-checked:hover span {background-color: #5fb878;}
.layui-form-checked i, .layui-form-checked:hover i {color: #5fb878;}
.ukefu-im-theme .ukefu-im-preview{border: 1px solid #cfdadd;border-radius: 2px;box-sizing: border-box;display: table;height: 340px;margin: 5px;overflow: hidden;position: relative;width: 240px;border-top:none;}
.ukefu-im-theme .ukefu-im-preview-wrap{position: relative;text-align: center;vertical-align: middle;width: 240px;}
.ukefu-im-theme .ukefu-im-profile{position: absolute;right: 0;top: 35px; bottom:0; width:138px; background:#f5f5f5;}
.ukefu-im-theme .ukefu-im-preview-bar {height: 35px;position: relative;}
.theme2 {background-color: #2fba7e;}
.ukefu-im-theme .ukefu-im-profile .ukefu-profile-title {font-size: 12px;line-height: 28px;padding: 0 10px; border-bottom:1px solid #e0e0e0; color:#333;}
.ukefu-info-list{ padding:10px;}
.ukefu-info-list ul li { line-height:20px;}
.layui-btn{background-color: #009688;border: medium none;border-radius: 2px;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;height: 38px;line-height: 38px;opacity: 0.9;padding: 0 18px;text-align: center;white-space: nowrap;}
.ukefu-timerange {margin: 5px 5px 5px 0;}
.layui-btn-normal {background-color: #2fba7e;}
.ukefu-im-preview-tip{ max-height:34px; border-radius:3px; background:#b3b3b3; overflow:hidden; padding:2px 10px; margin:10px; line-height:16px; color:#fff;}
.ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer{height: 30px;margin: 15px 0;padding: 5px;}
.ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer-message{background:#ddd;border-radius: 4px;color: #ffffff;float: left;height: 25px;margin-left: 10px;position: relative;width: 100px;}
.ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer-message:after{width:0; height:0; border-top:6px solid transparent;border-bottom:6px solid transparent; border-right:6px solid #ddd; content:""; position:absolute; left:-6px; top:7px;}
.ukefu-im-preview-customer img { width:25px; height:25px; border-radius:999rem; float:left;}
.ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-user{height: 30px;margin: 15px 0;padding: 5px;}
.ukefu-im-preview-user img { width:25px; height:25px; border-radius:999rem; float:right;}
.ukefu-im-preview-user-message{ float:left; background: #46be8a;border-radius: 4px;color: #ffffff;float: right;height: 25px;margin-right: 10px;position: relative;}
.ukefu-im-preview-user-message:after{width:0; height:0; border-top:6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #46be8a; content:""; position:absolute; right:-6px;top:7px;}
.ukefu-im-preview-user-message.theme1:after {border-left: 6px solid #377fed;}
.ukefu-im-preview-user-message.theme2:after {border-left: 6px solid #67caff;}
.ukefu-im-preview-user-message.theme3:after {border-left: 6px solid #8e8e8e;}
.ukefu-im-preview-user-message.theme4:after {border-left: 6px solid #32c24d;}
.ukefu-im-preview-user-message.theme5:after {border-left: 6px solid #e45db3;}
.ukefu-im-preview-user-message.theme6:after {border-left: 6px solid #ff626f;}
.ukefu-im-theme .ukefu-im-preview-submit {padding: 5px;width: 100%; border-top:1px solid #eaeaea;}	
.ukefu-im-theme .ukefu-im-theme-submit-btn {border-radius: 3px;color: #ffffff;font-size: 12px;margin-right: 3px;padding: 3px 10px;}
.uk-close { color:#fff; float:right; display:block; margin:10px 10px 0 0;}
.uk-logo{ float:left; margin:8px 0 0 10px; font-size:16px; color:#fff;}
.uk-logo img { width:20px; height:20px;}
.ukefu-logo{ width:60px; height:60px; position:relative; display:inline-block;}
.ukefu-logo img{ height:130px;}
.layui-upload-button{ position:absolute; left:290px; top:20px;}
.layui-upload-file { position:absolute; left:0;  top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.dialog_ad{position:absolute;left: 400px;top:25px; font-size:14px;}

.ukefu-im-point{border: 1px solid #e1e1e1;border-radius: 2px;cursor: pointer;float: left;height: 186px;line-height: 166px;margin: 10px;padding: 0 5px;position: relative;width: 176px;}
.ukefu-point-checked{border: 1px solid #00a65a;}
.ukefu-im-point .ukefu-point-theme1{background-color: #dddddd;border: 1px solid #dcdcdc;border-radius: 30px;color: #ffffff;font-size: 22px;height: 150px;margin: 16px auto;overflow: hidden;overflow-wrap: break-word;padding-top: 15px;text-align: center;width: 40px;}
.ukefu-im-theme .ukefu-im-item{border-radius: 2px;box-sizing: content-box;cursor: pointer;display: inline-block;height: 46px;margin: 0 7px 15px -3px;position: relative;width: 46px;}
.ukefu-im-theme .ukefu-im-item .ukefu-im-check{color: #ffffff;display: none;font-size: 25px;margin: 10px auto;}
.theme1{background-color: #377fed;}
.theme2{background-color: #67caff;}
.theme3{background-color: #8e8e8e;}
.theme4{background-color: #32c24d;}
.theme5{background-color: #e45db3;}
.theme6{background-color: #ff626f;}
.ukefu-im-theme .ukefu-im-checked .ukefu-im-check {display:table;}
.ukefu-im-position{background-color: #e6e6e6;display: block;height: 200px;margin: 5px 48px;position: relative;width: 160px;}
.ukefu-im-position .ukefu-pos{background-color: #67caff;border: 1px solid #ffffff;color: #ffffff;height: 50px;padding: 5px;position: absolute;width: 28px;}
.ukefu-im-position .ukefu-pos.ukefu-pos-checked {background-color: #377fed;}
.ukefu-im-point .ok{color: #00a65a;display: none;height: 25px;padding-left: 6px;position: absolute;right: 0;top: 0;width: 25px; font-size:16px;}
.ukefu-point-checked .ok{display: block;}
.ukefu-im-point .ok{background-color: #32c24d;color: #ffffff;}
.ok .icon-layui{line-height: 20px;position: absolute;}
.ukefu-im-point .ukefu-im-point-text{font-size: 15px;line-height: 23px;margin: 0 auto;text-align: center;width: 100%;}
.ukefu-im-point .ukefu-point-theme1 .ukefu-im-point-text {width: 25px;}
.ukefu-im-point .ukefu-point-theme2{background-color: #dddddd; border: 1px solid #dcdcdc; border-radius: 3px; color: #ffffff; font-size: 22px; height: 70px; margin: 50px auto; overflow: hidden; overflow-wrap: break-word; padding-top: 10px; text-align: center; width: 70px;}
.ukefu-im-point .ukefu-point-theme3{background-color: #dddddd; border: 1px solid #dcdcdc; border-radius: 70px; color: #ffffff; font-size: 22px; height: 70px; margin: 50px auto; overflow: hidden; overflow-wrap: break-word; padding-top: 5px; text-align: center; width: 70px;}

.role-list{ padding:20px 0;}
.role-list ul li{ width:200px; float:left; line-height:25px;}
.distr-list ul li { width:240px; margin-right:30px;background:#f5f5f5; float:left; height:320px; position:relative;}
.distr-list ul li h3 { height:40px; line-height:40px; text-align:center; background:#2fba7e; color:#fff; font-size:14px;}
.distr-text { padding:15px;}
.distr-text p{ margin-bottom:10px; color:#888; line-height:22px;}
.distr-link{ position:absolute; left:0; bottom:20px; right:0; text-align:center;}

.ukefu-im-vst { width:180px; float:left; margin-right:20px; position:relative; text-align:center; border:1px solid #fff;}
.ukefu-im-vst .ok{ background: #32c24d;height: 25px;position: absolute;right: 0;top: 0;width: 25px;font-size: 16px; color:#fff; display:none;}
.ukefu-im-vst .ok .icon-layui{ position:relative;}
.ukefu-im-vst img { width:100%;}
.ukefu-im-vst.ukefu-vst-checked .ok{ display:block;}
.wx-info li{ font-size:14px; line-height:28px;}

.part-pic{ border:1px solid #eaeff0; padding: 10px 15px; border-top: none; margin-top: -20px;}
.part-pic dl { display: inline-block; margin-bottom: 0;}
.part-pic dd { width: 52px; height: 52px; border:1px solid #eee; position: relative; display: inline-block; vertical-align: middle; margin-right: 5px;}
.part-pic dd img { width: 100%; height: 100%; }
.part-pic dd a{ display:none; width: 20px; height: 20px; background: #333; text-align: center; line-height: 20px; color: #fff;position: absolute; top: 0; right: 0; }
.part-pic dd:hover a{ display: block; }


.table .enter-infor-start span{ font-size: 12px; margin-right: 0; }
.ket-form .col-sm-2{ width: 100px; padding-right: 0; }
.ket-form .col-sm-10 { width: 87%; }
.table-i { table-layout: fixed;}
.table-i div{ width: 100%;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; }
.i-div{ position: relative; }
.i-div span { position: absolute; right: 0; top: 5px; cursor: pointer;}
.i-div span:before{ content: ""; width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #444;  display: block;}
.i-div span:after{ content: ""; width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #444;  display: block; margin-top: 3px;}
.i-div span.asc:before{ border-bottom:4px solid #444; }
.i-div span.asc:after{ border-top:4px solid #aaa; }
.i-div span.dsc:before{ border-bottom:4px solid #aaa; }
.i-div span.dsc:after{ border-top:4px solid #444; }
.modal-header-item{ background: #f5f5f5; text-align: center; }


.wait-beijian, .wait-shichang, .wait-service{ display: inline-block;height: 22px;line-height: 20px;padding: 0 10px;border-radius: 3px;position: relative;background: #fff;padding-left: 30px; margin-right: 5px !important; }
.wait-shichang i,.wait-service i,.wait-beijian i{position: absolute;left: 0;top: 0;bottom: 0;color: #fff;font-size: 13px;width: 22px;line-height: 22px;text-align: center;}
.wait-shichang {border: 1px solid #ee7600;}
.wait-shichang i {background: #ee7600;}
.wait-service {border: 1px solid #28b779;}
.wait-service i {background: #28b779;}
.wait-beijian{ border:1px solid #2fba7e;}
.wait-beijian i { background: #2fba7e;}
.straw{  position: absolute; color:#ee7600; right: -3px ; top:-6px ; text-align: center; font-size:30px; }
.straw i {  }

/* 小程序 */
.fig-desc{ border:1px solid #eee; margin:20px 0;}
.fig-desc-head{ height:45px; background:#eee; line-height:45px; font-size:14px; padding:0 20px;}
.fig-desc-head img { margin-right:5px;}
.fig-desc-rf{ display: inline-block; line-height: 18px; vertical-align: middle;}
.fig-desc-head p { font-size: 12px; color: #999;}
.fig-text{ font-size:13px; line-height:26px; color:#656565; float:left; width:355px; margin-right:20px; padding-bottom:20px;}
.fig-text .pzbtn { display:inline-block; height:30px; line-height:30px; background:#1aad19; color:#fff; margin:0 5px; padding:0 12px;}
.fig-pic{ float:left;}
.fig-pic img { max-width: 100%;}
.fig-timg{ display: inline-block;}
.fig-ttext{ display: inline-block; width: 300px; margin-left:30px; font-size: 14px; line-height: 25px; color:#333;}
.t-title{ font-size: 16px; color:#999; padding-bottom: 10px;}
.t-title span { font-size: 24px; color: #1aad19;}


.page-description{ width:1000px; margin:0 auto; background:#fff; padding:30px 60px;}
.page-description h1 { font-size:30px; text-align:center; color:#333; margin-bottom:30px;}
.page-description p { font-size:14px; line-height:30px;}
.page-deblock{ position:absolute; left:0; top:0; right:0; bottom:0; background:#eee; overflow-y:auto;}
@media (max-width: 1600px) {
 .fig-text{ float:none; width:auto;}
}

/* 商城 */
.mall-portal{ padding: 30px 0;}
.mall-portal ul li { width: 370px; border:1px solid #ececec; float: left; margin: 0 30px 30px 0; background: #fff; transition: all .15s cubic-bezier(.4,0,.2,1);}
.portal-tit{ padding: 30px 30px; background: #f5f5f7; color:#777f84; line-height: 22px; position: relative;}
.portal-tit h3 { font-size: 20px; font-weight: normal; color:#333;}
.portal-tit h3 i{ margin-right: 5px; color:#28b779;}
.portal-tit h3 span{ width: 60px; height: 60px; display: block; position:absolute; right: 20px; background: url(../images/sp-1.png) 0 0 no-repeat; top: 10px;}
.portal-desc{ height: 140px; padding: 20px 30px;}
.portal-desc p { height: 42px; color:#777f84; margin-bottom: 15px; font-size: 14px; line-height: 22px;}
.portal-buyon{ padding-top: 5px;}
.portal-zt{ display: inline-block; vertical-align: top; line-height: 24px; font-size: 14px; padding-right: 10px; color:#333; }
.portal-desc .i-switch{ text-align: left;}
.mall-explain{ border:1px solid #ececec; position: relative; height: 380px; background: url(../images/f98.png) right center no-repeat;}
.explain-intro{ float: left;padding:40px; height: 100%;}
.explain-intro h2 { font-size: 42px; padding-bottom:10px; color:#373d41; }
.explain-intro h4{ font-size: 16px; padding-bottom: 20px; line-height: 26px;}
.explain-intro p { font-size: 13px; line-height: 24px; color:#73777a;}
.mall-dl{ position: relative; background: url(../images/login_bg.jpg) center center no-repeat;}
.mall-dl-block{ width:300px; height: 367px; background: url(../images/mall-dl.jpg) 0 0 no-repeat; background-size: contain; margin: 0 auto; border:1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.05); position: relative;}
.mall-dl-hover{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8); text-align: center; z-index: 10; line-height: 367px; right: 0; bottom: 0; display: none;}
.mall-dl-block:hover .mall-dl-hover{ display: block;}


.x-content-auto .table{ margin-bottom: 0;}
.table > tbody > tr > td{ position: relative;}
.table > tbody > tr > td.td-empty { border:1px solid #f00;}
.table > tbody > tr > td.td-empty:before{ content: ""; position: absolute; width: 1px; height: 100%; position: absolute; left: 0; top:0; background: #f00;}
.table > tbody > tr > td.td-empty:after{ content: ""; position: absolute; width: 100%; height:1px; position: absolute; left: 0; top:0; background: #f00;}
.table > tbody > tr > td .form-control{ display: inline-block; height: 100%; width: 100px;}
.opt-input{ display: inline-block; position: relative; width: 229px;}
.opt-input input.form-control{ position: absolute; z-index: 2; left: 1px; top:1px; width: 90%; height: 32px; border: none;}


.btn-authen{ line-height: 20px; border-radius: 999rem; margin-right: 10px; border: 1px solid #f05050; display: inline-block; padding: 0 8px; vertical-align: middle;}
.btn-authen i{ color:#f05050; font-size: 14px;}
.btn-authen.real-name{ border: 1px solid #fd9228; color: #fd9228;background: #fef6e9;}
.btn-authen.real-name i { color: #fd9228; }
.btn-authen.pero-name { border: 1px solid #fc4b40; color: #fc4b40; background: #ffe2df;}
.btn-authen.pero-name i{color: #fc4b40;}
.btn-authen.zc-member { border: 1px solid #ab48ff; color: #ab48ff; background: #f6ecff;}
.btn-authen.zc-member i{color: #ab48ff;}
.btn-authen.enjoy-member { border: 1px solid #f66d45; color: #f66d45; background: #fef0ec;}
.btn-authen.enjoy-member i{color: #f66d45;}
.btn-authen.gx-member{ border: 1px solid #ff7e00; color: #ff7e00; background: #fbe8e0;}
.btn-authen.gx-member i{color: #ff7e00;}
.dot1-modbox-text ul li .pool-div span{ margin-right: 10px; color: #666; display: inline-block;}
.pool-div span:last-child{ margin-right: 0;}
.pool-div span font{ color: #999;}
.provider-marktab{border-bottom: 1px solid #f2f2f2; height: 30px;}
.provider-marktab ul li{float: left; height: 30px; line-height: 30px; font-size: 12px; padding: 0 15px;}
.provider-marktab ul li.active{border-bottom: 1px solid #2fba7e;}
.provider-marktab ul li a{color: #999; display: block;}
.provider-marktab ul li.active a{color: #2fba7e;}
.provider-none{padding: 10px 0; font-size: 12px; color: #999;}
.provider-none img{width: 80px; margin-right: 10px;}
.provider-markbox{padding: 10px 0;}
.marklabel span{display: inline-block; line-height: 22px; border-radius: 999rem; border: 1px solid #eaeaea; padding: 0 14px; font-size: 12px; color: #666; margin: 5px 2px 0 0;}

/* 所在地 */
.dot-lable{ position: relative;}
.dot-lable:hover .sorttag-city{ display: block;}
.sorttag-city{ position: absolute; width: 278px; background: #fff; border:1px solid #eee; z-index: 19; left: -1px; top: 100%; display: none; font-size: 12px; text-align: left; line-height: 24px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.delect-city{ padding: 5px 10px 0 10px;}
.delect-city .j-delect-city { height: 25px; line-height: 25px; padding: 0 15px; color: #fff; background: #e70014; display: inline-block;}
.current-city{ padding: 0 10px; border-bottom: 1px dashed #eaeaea;}
.sorttag-city ul { border-bottom: 1px dashed #eaeaea; padding: 10px 0; float: none;}
.sorttag-city ul li { line-height: 24px; padding: 0; float: left; width: 44px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: none;}
.sorttag-city ul li a{ color: #333;}
.sorttag-city ul li a:hover,.sorttag-list ul li.city-location:hover > a{ color: #2fba7e;}
.sorttag-list ul li.city-location{ border:1px solid #fff;}
.sorttag-list ul li.city-location:hover{ border:1px solid #ececec;}
.sorttag-list ul li.city-location:after{ height: 1px; content: ""; position: absolute; left: 0; bottom:-1px; z-index: 19; background: #fff; overflow: hidden; width: 100%;}
.sorttag-list ul li.city-location:hover .sorttag-city{ display: block;}
.sort-amount { float: left; color: #949494; margin-left: 30px; padding-top: 10px;}
.sort-amount .inp{  height: 30px; border-radius: 5px; background: #e6e6e6; border:none; padding: 0 10px; width: 60px; color: #333; outline: none; font-size: 12px;}
.sort-amount .pricebtn { height: 30px; border-radius: 2px; background: #262626; color: #fff; border:none; font-size: 12px; padding: 0 10px; vertical-align: middle;}
.sort-arrang{ float: right; height: 49px; line-height: 49px;}
.sort-arrang a { display: block; float: left; padding: 0 15px; border-left: 1px solid #f2f2f2;}
.sort-arrang a i { font-size: 20px;}
.sort-arrang a.active,.provice .pro:hover{ color: #2fba7e;}
.sort-check{ float: right; position: relative; margin-left: 20px; font-size: 13px; color: #747474; padding:10px 0 0 0;}
.provice .pro { display: block; float: left;width: 44px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;box-sizing: border-box; position: relative; cursor: pointer; color: #333;}
.provice .pro.active { border: 1px solid #2fba7e; border-bottom: none;}
.provice .pro.active:after{ position: absolute; left:0; bottom: -1px; height: 2px; background: #fff; width:100%; content: ""; z-index: 19;}
.province-list-box{ padding: 10px 0;}
.province-list-box .province-list-box-ul{padding:0;border: 1px solid #2fba7e; position: relative; top: -1px;}

.marklabel .markmore{ display: inline-block; margin-left: 5px; color: #2fba7e;}
.marklabel .markmore i{ font-size: 12px; margin-left: 2px;}
.marklabel .markmore.active i.icon-angle-down:before{ content: "\e9c6";}

.wait-bei,.wait-shi,.wait-fu,.wait-jia,.wait-tuo,.wait-fan{ font-size:16px; margin-right:5px!important;}
.wait-bei{ color:#2fba7e; cursor: pointer;}
.wait-shi{ color:#ee7600;}
.wait-fu{ color:#1684e9;}
.wait-jia{ color:#ee3533; cursor: pointer;}
.wait-tuo{ color:#8543e0;}
.wait-fan{ color:#13c2c2; cursor: pointer;}

.modal-box .sm-Vam .col-sm-2{ width:120px; padding-right: 0;}
.modal-box .sm-Vam .col-sm-10{width: calc(100% - 120px);}
.form-group .table{ margin-bottom:0;}
.sm-Vam .form-group .table td{ position: relative;}
.sm-Vam .form-group .table .i-checks{ padding-top:0;}
.sign{ position: absolute; right:0; top:0; background:#2fba7e; color:#fff; padding:0 3px; display:block; z-index: 9;}

.BList{ margin:20px 0;}
.BList .form-group{ margin-right: 20px;}
.BList .form-control.w280{ width: 280px;}
.BList .form-control.number-input{ width: 80px; text-align: center;}
.BList .number-inc{ display: inline-block;}
.BList .rep-btn { font-size: 18px; color: #cfdadd; display: inline-block; vertical-align: middle;}
.BList .rep-btn:hover{ color: #2fba7e;}
.pic-upload-list{display: inline-block; border-radius: 5px; width: 60px; height: 60px; position: relative; margin-right: 5px; box-shadow: 0 1px 1px rgba(0,0,0,.2); vertical-align: top;}
.pic-upload-list img{width: 100%; height: 100%; border-radius: 5px;}
.pic-upload{display: inline-block; border-radius: 5px; width: 60px; height: 60px; position: relative; border: 1px dashed #ddd; vertical-align: top; text-align: center; line-height: 58px; cursor: pointer;}
.pic-upload a{display: block; font-size: 24px; font-weight: bold;}
.upload-cover{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); text-align: center; line-height: 60px; border-radius: 5px; display: none;}
.upload-cover a{color: #fff; margin: 0 3px; font-size: 16px;}
.pic-upload-list:hover .upload-cover{ display: block;}

.tboy-content{height:180px; overflow-y:auto;}
.tboy-content .table .radio-inline{ padding-top:0;}
.inner-list ul li .i-checks{ margin-right: 0;}
.inner-list ul li a { display: inline-block; vertical-align: middle; padding-top:7px;}

.tree-click{ position: relative; padding-left: 18px;}
.tree-click i{ font-size: 10px;transform:rotate(-90deg); display:block; position: absolute; left: 0; top:2px; cursor: pointer;}
.trSec .tree-click{ margin-left: 10px;}
.trThr .tree-click{ margin-left: 20px;}
.tree-click.active i{transform:rotate(0);}

.measures-block{ display: inline-block; width: 260px; border:1px solid #cfdadd; position: relative; margin-right: 30px;}
.measures-block:after{ content: ">"; position: absolute; right:-25px; top:50%;margin-top:-10px; display:block; font-size: 20px;}
.measures-block:last-child:after{ display: none;}
.measures-tit { height:35px; text-align: center; background: #cfdadd; line-height: 35px;}
.measures-list{ height:200px; overflow-y: auto;}
.tree{ background:transparent; border:none; padding:0;box-shadow:none;-webkit-box-shadow:none;}
.tree ul { margin:0;}
.tree li{list-style-type:none; margin:0;position:relative; font-size:13px; line-height:24px; color:#333;}
.tree li::before, .tree li::after{content:''; left:-20px; position:absolute; right:auto}
.tree li span{padding: 3px 35px 3px 15px;text-decoration: none;display: block;color: #5a5a5a;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; font-size:12px;}
.tree li span .i-checkbox{ display: inline-block; padding-top:0; margin: 0 5px 0 3px;  vertical-align: middle;}
.q_well li span{ padding-right:55px;}
.tree li span i { color:#777; margin-right:5px;}
.tree li li span{padding-left:35px;}
.tree li li li span{padding-left:45px;}
.tree li li li li span{padding-left:55px;}
.tree li li li li li span{padding-left:70px;}
.tree li span:hover, .tree li.active span, .tree li span.active{background:#f2f2f2;color:#000; cursor:pointer;}
.tree li.parent_li ul { display:none;}
.measures-Selected{ padding: 0 0 0 10px;}
.measures-Selected ul li { line-height: 22px;}

.pu-inner{ padding: 0;}
.pu-inner ul li{ line-height: 30px; position: relative; padding:0 10px;}
.pu-inner ul li p i{ margin-right: 5px; transform: rotate(-90deg); display: inline-block;transition: all .4s;}
.pu-inner ul li ul{ display:none;}
.pu-inner ul li ul li{ padding-left:17px;}
.pu-inner ul li.active ul{ display:block;}
.pu-inner ul li.active p i{ transform: rotate(0);}

.trans-select{ display: inline-block; position: relative;}
.trans-select input{ padding-right: 30px;}
.trans-drop{display: block; position: absolute; right:0; top:0; z-index: 2; line-height: 34px; padding: 0 10px;}
.trans-drop i{ width: 0;height: 0;border-width: 4px;border-style: solid;border-color: #666 transparent transparent transparent; cursor: pointer; display: inline-block;}
.trans-search-remind{ position: absolute; z-index: 99; background: #fff; border: 1px solid #cfdadd; min-width: 100%;margin-top:1px; max-height: 240px; overflow-y: auto;}
.trans-search-remind p a{ line-height: 30px; padding: 0 10px; display: block; color: #666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.trans-search-remind p a:hover{ color: #333; background: #f5f5f5;}


.panel.blank-panel { margin-bottom:0;}
.form-group-header{ font-size: 13px; color: #303030; position: relative; line-height: 30px; margin-bottom: 10px; padding-left: 10px;}
.form-group-header span { padding: 0 10px; background: #fff; position: relative; z-index: 2;}
.form-group-header:before{ content: ""; display: block; position: absolute; left: 0; top:50%; margin-top:-4px; width: 8px; height: 8px; border-radius: 999rem; background: #2fba7e;}
.form-group-header:after{ content: ""; display: block; position: absolute; left: 10px; top:50%; right: 0; border-top:1px dashed #eaeaea;}
.control-label.trak { display: inline-block; width: 90px; text-align: right;}
.block-forminner .i-checks{ padding-top:0;}
.block-forminner .i-checks i{ margin-right: 0;}
.pic-col{display: inline-block;}
.pic-upload-list{display: inline-block; border-radius: 5px; width: 60px; height: 60px; position: relative; margin-right: 5px; box-shadow: 0 1px 1px rgba(0,0,0,.2); vertical-align: top;}
.pic-upload-list img{width: 100%; height: 100%; border-radius: 5px;}
.pic-upload{display: inline-block; border-radius: 5px; width: 60px; height: 60px; position: relative; border: 1px dashed #d2d2d2; vertical-align: top; text-align: center; line-height: 58px; cursor: pointer;}
.pic-upload a{display: block; font-size: 24px; font-weight: bold;}
.panel-options .nav > li.active > a{ background: #fff;}
.filter-screen{ position: relative;}
.filter-option{ position: absolute; left: 0; top:100%; min-width: 100%; background: #fff; border: 1px solid #eaeaea; box-shadow: 0 5px 10px rgba(0,0,0,.1); z-index: 10; max-height: 200px; overflow-y: auto;}
.filter-option>ul{ padding: 5px 0;}
.filter-option ul li a{ display: block; padding: 0 10px 0 25px; line-height: 28px; position: relative; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.filter-option ul li a:hover{ background: #2fba7e; color: #fff;}
.filter-option ul li ul li a { padding-left: 40px;}
.filter-option ul li ul li ul li a { padding-left: 55px;}
.filter-option ul li a i { font-size: 80%; position: absolute; left: 10px; top:9px;transform: rotate(-90deg);}
.filter-option ul li a.active i{transform: rotate(0deg);}
.filter-option ul li ul li a i  {left:25px;}
.filter-option ul li ul li ul li a i  {left:40px;}
/* 审批 */
.prtWrap.chat{ width: 1110px; margin-left: -555px;}
.chat.prtWrap.max-chat { width: 100%; height: 100%; left: 0; top:0; right: 0; bottom: 0; margin-left: 0; margin-top:0;}
.prtWrap .tabs-content-placeholder { left: 0;}
.side-user-tit{ position: relative; padding-left: 45px;}
.side-user-tit img { width: 36px; height: 36px; border-radius: 999rem; position: absolute; left: 0; top:50%; margin-top:-18px;}
.side-user-tit span { font-size: 16px; color: #303030;}
.classification-list ul li { position: relative; padding: 0 15px; cursor: pointer;}
.classification-list ul li.active{ background: #d9faec;}
.fication-inner{ border-bottom: 1px solid #f0f0f0; padding: 15px 0 15px 35px; font-size: 14px; color: #666; line-height: 30px; position: relative;}
.fication-inner span{ display:block; width: 26px; height: 26px; line-height: 26px; text-align: center; color: #fff;  border-radius: 3px; background: #46be8a; position: absolute; left: 0; top:50%; margin-top:-13px;}
.fication-inner em { font-style: normal; color: #999;}
.approval-user{ color: #de0000;}
.approval-state{ display: inline-block; margin-left: 20px; line-height: 20px; padding: 0 5px; font-size: 12px;border-radius: 2px;}
.approval-state.yellow { background: #ff9900; color: #fff; }
.approval-state.green { background: #46be8a; color: #fff; }
.approval-state.gray { background: #eaeaea; color: #333; }
.approval-state.red { background: #f03030; color: #fff; }
.Approval-sublist{ position: absolute; left: 0; top:65px; right:0; bottom: 0; overflow-y: auto; background: #fff; border-top:1px solid #e0e0e0;}
.Approval-sublist ul li { padding: 15px; border-bottom: 1px solid #e0e0e0; position: relative;}
.Approval-sublist ul li:hover{ cursor: pointer; background: #f9f9f9;}
.Approval-sublist ul li.active{ background: #f5f5f5;}
.Approval-sublist ul li .title{ font-size: 14px; color: #333; padding-bottom: 10px;}
.approval-info{ font-size: 14px; color: #999;}
.approval-time{ position: absolute; right: 15px; top:15px; color: #999;}
.Approval-screen{ padding: 15px 15px; background: #fff;}
.user-tickling.process-aval ul li .tickling-time{ position: absolute; right:0; top:0;}
.wrapContent{ position: absolute; left: 0; top:50px; right:0; bottom: 0; background: #fff; overflow-y: auto; z-index: 19;}


.approval-role{ margin-bottom: 10px;}
.approval-role ul li{ display: inline-block; position: relative; margin-right: 30px; }
.approval-role ul li div{ border: 1px solid #cfdadd; line-height: 30px; padding: 0 30px 0 10px;}
.approval-role ul li .roleClose{ position: absolute; right: 10px; top:50%; margin-top:-8px; color: #999;}
.approval-role ul li .roleClose:hover{ color: #f30;}
.approval-role ul li .rolePoint{ position: absolute; right: -22px; top:50%; margin-top:-8px;}
.roleBtn a { display: inline-block; border: 1px dashed #cfdadd; line-height: 30px; padding: 0 15px;}
.roleBtn a  i{ margin-right: 5px;}
.roleBtn a:hover{ border: 1px dashed #2fba7e; color: #2fba7e;}
.our-table .i-checks{ padding-top:0;}

.record-item .asses_info{ padding-right: 0;}
.record_list li{ position: relative; line-height: 24px;}
.record_list li .lable_custom{ position: absolute; left: 0; top:0;}
.record_list li .customer_text{ padding-left: 80px; color: #333;}