/* 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;}
.custom-nav{ border-bottom:1px solid #d5d8df;position:relative; margin-bottom:0;}
.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; font-weight:bold;}
.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:65px; top:60px; 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: 1px solid #ebeae6; border-bottom:none; margin-bottom:-1px; background:#fff;}
.a-row_tab .a-left-tab li.active a { color:#2fba7e; font-weight:bold;}
.a-row_tab .a-left-tab li a:hover { color:#2fba7e;}
.a-row_tab .a-left-tab li a { display:block; padding:0 20px; 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:20px; 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;}
.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;}


/* 暂无内容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; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.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;}
.order-index-mod .table td.td-mod-lborder { border-left:1px solid #ececec;}
.m1-modbox, .m2-modbox, .m3-modbox, .m4-modbox{ padding:10px;}
.m1-modbox h5 { padding-bottom:15px;}
.m1-modbox h5 a:hover { color:#2fba7e;}
.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;}
.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:#f1f2f7; 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;}


/* 服务管理 ------------------- */
.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:}
.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:300px; 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}
.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;}


/* 消息中心------------------ */
.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-right: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;}

/* 价格------------ */
.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;}
.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-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:85px; color:#959595;}
.order-info-list li .custs-text { margin-left:85px;}
.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:4px 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;}


/* 备件管理----------------------- */
<!--.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;}
-->

/* 财务管理--------------------- */
.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:30px; 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;}
.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-setting{ padding:20px 0;}
.account-setting ul li {line-height:32px; padding:2px 0;}
.account-setting ul li span { width:100px; float:left; color:#999;}
.account-setting ul li .setting-text{ padding-left:100px;}
.account-setting ul li .setting-text p { 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;}
.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;}


/* 付款界面 ------------------ */
.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 { border:none; height:20px; padding:0 12px;}

.bound-list .bound-label{ float:left; color:#333;}
.bound-list .bound-text{ color:#7e7e7e; margin-left:50px;}
/*.join-brand ul{ margin-bottom:0;}
.join-brand ul li { float:left; width:80px; height:35px; border:1px solid #eee; margin:3px; position:relative;}
.join-brand ul li img { width:78px; height:33px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; opacity:0.3;}
.join-brand ul li.active { border:1px solid #dee5e7;}
.join-brand ul li.active  img {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: ; opacity:1;}
.join-brand ul li .j-abv { font-size:16px; position:absolute; right:-7px;bottom:-7px;}
.join-brand ul li .j-abv .icon-t-dui{ color:#27c24c;}
.join-brand ul li .j-abv .icon-t-cuo{ color:#ee3939;}*/
.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;}

.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;}
.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-none{ text-align:center; padding-top:80px;}



/* 天眼 ------------------- */
.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;}
.sky-setting-tip:hover .sky-setting-tiptext { display:block;}
.sky-setting-title{ margin-bottom:5px; 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;}
.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;}
.point-right{ height:400px; line-height:400px; padding:0 20px; float:left; text-align:center; position:relative;}
.point-right a { font-size:22px; 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 20px;padding-left: 10px;list-style: none;font-size: 12px;}
.thaw-progress ul li,.t-new-progress ul li {height: auto;min-height: 30px;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;}

.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;}


.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;}




/* 日历------------------- */
.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:90px;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:90px; 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:-60px;}
.step-5{ position:fixed; left:0; top:90px; 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:-100px;}
.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;}