.s-fc1{color:#333;}
.s-fc2{color:#999;}
.text-info{color:#00a2ca;}
.s-fc4{color:#f59c1a;}
.s-fc5{color:#f00;}

.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w133{ width:133px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w280{ width:280px;}
.w350{ width:350px;}
.w400{ width:400px;}
.w550{ width:550px;}

.main-wrapper,.product-body{-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.table .form-control{ height:20px; padding:0 10px;}
.head-search .input-group .form-control.rounded{ border-radius:999em 0 0 999em;}

/* header  --------------------- */
.app-header{ height:60px; position:fixed; z-index:19; left:0; top:0; right:0; background:#3a3f51; z-index:20;}
.app-logo{ float:left;height:60px; padding-right:20px; line-height:60px;}
.logo-icon{ display:block; width:100%; height:100%;}
.logo-icon img { vertical-align:middle; height:36px;}
.logo-icon i { font-size:34px; color:#fff; vertical-align:middle; margin-right:10px;}
.logo-icon span { margin-left:10px; color:#eaebed; 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:#adafb6; 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: #32374a; 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{ 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 #f5f5f5;}
.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:#19a9d5;}
.dropdown-b-list ul li a i{ margin-right:10px;}


/* nav---------------- */
.left-side{ width:65px; position:fixed; left:0; top:60px; background:#e4eaec; bottom:0; z-index:11;}
.custom-nav{ border-bottom:1px solid #d8dee0; margin-bottom:0;}
.custom-nav li { position:relative; text-align:center;}
.custom-nav li a { display:block; position:relative; font-size:12px; color:#363f44; 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:#19a9d5;}
.custom-nav li.active a{ background:#dce2e4; color:#19a9d5;}
.custom-nav li.active a:after{position: absolute;top: 50%;right: 0;display: block;width: 0;height: 0;margin-top: -5px;content: ' ';color: #f8fafa;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:8px;}
.style-settings ul li { height:10px; border-radius:999em;float:left; margin:3px; width:10px;}
.style-settings ul li:hover{ cursor:pointer;}
.style-settings ul li.style-s1{ background:#1c2b36;}
.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; border-right:1px solid #dee5e7; padding:0 15px;}
.sidebar-nav h2 {line-height:20px;padding:23px 5px 15px 5px; font-size:14px; color:#3c3c3c;font-weight:bold; border-bottom:1px solid #dee5e7;}
.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:#19a9d5;}


/* grid ---------------------- */
.main-wrapper{ position:absolute; left:65px; top:60px; right:0; bottom:0; overflow-y:auto; background:#edf1f2;}
.content{ position: absolute;left:200px;top:0;right: 0;bottom: 0; overflow-y:auto;}
.a-container { padding:0 25px;}
.container-title{ padding:10px 0; min-height:50px;}
.container-title-border {border-bottom: 1px solid #dee5e7;}
.a-thard { display:inline-block; border-left:3px solid #19a9d5; padding-left:10px;margin:12px 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{ padding:8px 20px;font-size:12px;margin:10px 0 0 0; background:#e6f5fa; border:1px solid #c2e6f2; color:#5cb1cd;}
.container-tip a { color:#00a2ca;}

.a-row_tab { height:45px; border-bottom:1px solid #dee5e7; margin-top:15px;}
.a-row_tab .a-left-tab li{ float:left;height:45px; line-height:45px; font-size:12px;border-bottom:none; position:relative; margin-right:6px;}
.a-row_tab .a-left-tab li.active{ border-bottom:3px solid #43485b;}
.a-row_tab .a-left-tab li.active a{ color:#4b4b4d;}
.a-row_tab .a-left-tab li a:hover {color:#4b4b4d;}
.a-row_tab .a-left-tab li.active a span, .a-row_tab .a-left-tab li a:hover span { color:#f59c1a;}
.a-row_tab .a-left-tab li a { display:block; padding:0 18px; color:#808082; font-size:13px;}
.a-row_tab .a-left-tab li a span{ color:#f59c1a; margin-left:5px;}

.a_query_criteria{ font-size:12px; color:#666; margin:10px 0; position:relative;}
.a_query_criteria .a-query-rlink{ position:absolute; right:0; top:15px;}
.a_query_criteria .form-group {padding-right:10px; margin:5px 0;}
.form-group .form-w400{ width:400px;}
.form-group .form-w300{ width:300px;}
.form-group .form-w200{ width:200px;}
.form-group .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-38:before {  content: "\e955";}
.precise-cond{ display:none;}

.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:#f59c1a; 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 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;}

.gridscreen{ padding:10px 8px; line-height:30px;}
.gridscreen span .icon-0003{ font-size:14px; margin-right:6px;}
.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;}

/* 鏈嶅姟姒傝-------------------- */
.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-s-title{ font-size:16px; margin-bottom:15px; color:#575757; position:relative; line-height:25px; height:25px;}
.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:#80d3ed; position:absolute; left:15px; top:10px;}
/*.f-v-b1{ background:#f05050;}
.f-v-b2{ background:#23b7e5;}
.f-v-b3{ background:#27c24c;}
.f-v-b4{ background:#7266ba;}*/
.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 25px; font-size:14px;}
.f-v-opera .btn-default:hover { background:#3a3f51; color:#fff !important; border:1px solid #3a3f51;}
.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:15px 25px 15px 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:#5cb2cc;}

.panel-group-sm{ position:absolute; right:30px; top:12px;}
.panel-group-sm .btn-sm{ line-height:20px; padding:3px 10px;}
.panel-group-sm .form-control{ height:28px; padding:0 12px;}
.panel-group-sm .btn-default.active { background:#23b7e5;border-color:#23b7e5; color:#fff !important;}

.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:#19a9d5;}


/* 鏆傛棤鍐呭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; min-width:120px;}
.wh-h5{ height:245px;}
.wh-h6{ height:495px;}


/* order list ---------------- */
.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 {margin-bottom:15px; border: 1px solid #dee5e7;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.order-list:hover { /*border:1px solid #cbd5dd;*/  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
box-shadow: 0 2px 5px rgba(0, 0, 0, .05);}
.order-mod-nopay{ height:40px; line-height:40px; background:#f0f3f5; padding:0 20px; color:#666;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.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 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;}
.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;}
.ico-an{ background:#b1cd66;}
.ico-bao {background: #3682bc;}
.ico-yi { background: #d36e52;}
.ico-xi {background: #e2b500;}
.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;}
.m1-modbox p, .m2-modbox p, .m3-modbox p, .m4-modbox p{ padding-bottom:5px;}
.full-screen{ position:relative;}
.full-screen-no{ position:fixed; left:0; right:0; bottom:0; z-index:11; padding-left:275px; padding-right:22px;}
.full-screen-no .settlement-cat { margin-bottom:0;}
.full-div{ height:60px;}
.settlement-cat{ height:60px; background:#e4eaec; border:1px solid #dee5e7; 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:12px; color:#58666e;}
.settlement-already span{ font-size:16px; font-weight:bold; color:#f59c1a;}
.table-summary{border-radius:5px 5px 0 0; line-height:20px; padding:16px 20px;color:#666; border:1px solid #eaeff0; border-bottom:none; font-size:14px;}
.table-summary span span { color:#ef4f4f;}
.panel .table-summary { border:none; border-bottom:1px solid #ebebeb;}
.search-tf{ margin:30px 0;}
.search-tf .input-group-btn .btn-lg{ line-height:23px; font-size:14px;}

.service-center{ height:400px; overflow-y:auto; overflow-x:hidden;}
.parts ul li { border-bottom:1px solid #ebebeb; line-height:32px; padding:10px 0;}
.parts-name{ float:left; width:50%;}
.parts-price{ float:left; width:20%;}
.parts-Company{ float:left; width:30%;}
.parts-Company a { display:inline-block; width:30px; height:30px; border:1px solid #ddd; text-align:center; line-height:28px; border-radius:999em; font-size:22px; color:#666; vertical-align:middle;}
.parts-Company a:hover { border:1px solid #189ec8; background:#189ec8; color:#fff;}
.parts-Company input { width:80px; display:inline-block; height:30px; vertical-align:middle; text-align:center;}

.m-Reminder{ font-size:16px;color:#136bab;}
.m-Complaint{ font-size:16px;color:#f5a10d;}
.m-Urgent{ font-size:16px;color:#ee3533;}

.service-pic ul li{ width:80px; height:80px; border-radius:5px; border:1px solid #dfe5e5; position:relative; float:left; margin-right:5px;}
.service-pic ul li img { width:100%; height:100%; border-radius:5px;}
.service-pic ul li span { display:block; position:absolute; right:0; top:0; width:20px; height:20px; text-align:center; line-height:20px; background:rgba(0,0,0,0.6); color:#fff; font-size:12px; cursor:pointer;}


/* 鏈嶅姟绠＄悊 ------------------- */
.covering-contor{ position:relative; height:400px;}
.covering-left{ width:160px; height:400px; border:1px solid #eee; position:absolute; left:0; top:0; overflow-y:auto;}
.covering-left h5, .covering-main h5 { background:#eee; text-align:center; line-height:25px; padding:12px 0;}
.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 #eee; 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{ }
.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; display:inline-block;}
.input-file{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.p-mt{ margin-top:7px; display:inline-block; vertical-align:top;}
.form-sm-box{ margin-top:-3px;}
.form-sm-box .form-control{ height:28px; padding:0 12px;}

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


/* 娑堟伅涓績------------------ */
.col-padder {position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow-y: auto;background: #edf1f2; overflow-x:hidden;}
.content-chart-center{ position:absolute; top:61px; 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;}


/* 浠锋牸------------ */
.related-note{ padding:20px 0;}
.related-note h5 { padding-bottom:10px;}
.related-note ul li { line-height:25px; color:#888;}
.a-sub-tab{ margin:12px 0;}
.a-sub-tab ul li { float:left; height:34px; line-height:32px; padding:0 18px; border:1px solid #dee5e7; margin-left:-1px; box-shadow:0 1px 1px rgba(90, 90, 90, 0.1);}
.a-sub-tab ul li a {display:block; color:#8e8e8e;}
.a-sub-tab ul li.active{ background:#00a2ca; border:1px solid #00a2ca; box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.a-sub-tab ul li a:hover {color:#00a2ca;}
.a-sub-tab ul li.active a{ color:#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%;}

/* 璁㈠崟----------------- */
.form-box{ padding:20px 0; position:relative;}
.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;}
.x-tab-m{ margin-top:0; border-bottom:none;}
.x-tab-m.a-row_tab .a-left-tab li.active { border:none; background:#fff; border-radius:5px 5px 0 0;}
.vertical-box{ width:100%; display:table; min-height:320px;}
.vertical-column{display: table-cell;vertical-align: top;width:33.33%; position:relative;}
.vertical-column:before{ background:#fff; position:absolute; content:""; left:0; right:0; bottom:0; top:0; z-index:-1}
.order-info{ width:350px;border-right:1px solid #e7e7e7;}
.vertical-box h5 { padding:0 15px;border-bottom:1px solid #edf1f2; line-height:45px; font-size:12px; color:#4a4a4a; font-weight:bold;}
.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;}
.order-info-list li .custs-text .table td,.order-info-list li .custs-text .table th { padding:3px 8px;}
.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:40px; border-bottom:1px solid #edf1f2; padding:0 15px; font-size:12px; color:#4a4a4a; font-weight:bold;}
.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:10px; height:10px; background:#fff; border-radius:999em; position:absolute; left:20px; top:0; z-index:10; border:1px solid #dee5e7;}
.step_line{ width:1px; background:#edf1f2; top:0; bottom:0; left:24px; 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 15px 0 5px; background:#fff; position:relative; z-index:2;}
.form-group-title .form-group-line{ position:absolute; border-bottom:1px dashed #dee5e7; left:0; right:0; top:50%;}
.form-group-title i { margin-right:10px;width: 10px;height: 10px;border-radius: 999em;background: #fff;display: inline-block; border:1px solid #cfdadd;}
.prompt-tip { margin-left:20px; color:#f30; display:inline-block;}
.prompt-tip i { font-size:22px; margin-right:10px; vertical-align:middle;}
.prompt-tip.prompt-right i{ color:#27c24c;}
p .prompt-tip { margin-left:0;}

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

.select-master{ height:32px; width:320px; border:1px solid #dfe5e5; padding:0 10px; line-height:32px; display:inline-block; vertical-align:middle;}
.select-master .select-label{ color:#00a2ca; font-weight: normal; cursor:pointer;}
.master-show{ height:32px; line-height:32px; position:relative;overflow:hidden;}
.master-show .master-close{ position:absolute; right:0; top:0; color:#ccc;}
.master-show .master-close:hover { color:#333;}

.table-mod-table{ background:#f0f3f5;}


/* 璐㈠姟绠＄悊--------------------- */
.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;}
.s-explain{ padding-left:5px; position:relative;}
.s-explain-i{ display:inline-block; text-align:center; color:#62b3d0; font-size:18px; vertical-align:middle;}
.s-explain-text{ display:block; height:30px; line-height:30px; border-radius:3px; padding:0 12px; border:1px solid #c2e6f2; background:#e3f5f9; color:#5ab4ce; margin-left:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:25px; top:-5px; z-index:10; display:none; font-size:12px;}
.s-explain:hover .s-explain-text{ display:block;}
.srvice-charge-cumulative{ padding:40px 0; height:160px;}
.service-jn{ line-height:40px;}
.service-jn ul li{ line-height:40px; min-height:40px; position:relative;}
.service-jn .service-vb { font-size:14px;}
.service-charge-mlist { margin-top:30px;}
.service-charge-mlist span{ color:#999; padding-right:20px;}
.service-charge-footer{ border-top:1px solid #eaeaea; line-height:50px; color:#999;}
.srvice-expenditure{ height:160px;}
.srvice-expenditure .service-charge-mlist{ margin-top:10px;}
.service-tb{ height:120px;}
.order-export{ position:absolute; right:0; top:0;}
.table label{ font-weight:normal;}
.table label input { margin-right:5px; vertical-align:middle; margin-top:0;}

.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;}
.b-s-charts{ position:relative;}
.b-s-k { padding-top:80px; padding-left:20px;}
.b-s-k ul li { float:left; margin-right:30px; text-align:left;}
.b-s-k ul li p { font-size:16px; color:#808080;}
.b-s-k ul li span { color:#f24f52; font-size:26px;}
@media (max-width:1366px) {
.b-s-k ul li span{ font-size:20px;}
}
.b-s-zong{ font-size:14px; color:#4c4c4c; text-align:center; position:absolute; top:50%; margin-top:-50px;left:0; right:20px;}
.b-s-zong p{ font-size:26px; color:#f05050; font-weight:bold; line-height:30px;}
.b-s-item { display:inline-block; text-align:left;}
.b-s-vbox .b-s-f1{font-size: 16px;margin-bottom: 10px;color: #575757;position: relative;line-height: 25px;height: 25px;}
.b-s-vbox p{ font-size:38px; font-weight:bold; color:#f14f4d; line-height:38px;}

.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 #19a9d5; 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;}

.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: #19a9d5;line-height: 22px;}

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


/* 璐︽埛璁剧疆 ----------------- */
.account-setting{ padding:20px 0;}
.account-setting ul li {/* border-bottom:1px dashed #eaeaea;*/ 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%;}
.eva-details{ width:150px; display:inline-block;}

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

.tp-upload{ width:200px; height:200px; border:1px solid #dfe5e5; 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;}

.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;}
.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; margin-top:20px;}
.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;}
.a-margin-level{ padding-top:20px;}
.a-margin-box{ padding-top:20px;}
.a-margin-box ul { float:left;}
.a-margin-box ul li { float:left; width:180px; height:180px; border:1px dashed #ddd; margin-right:10px; padding:15px; line-height:25px; color:#666;}
.a-margin-box ul li h6 { height:30px; line-height:30px; border-bottom:1px dashed #ddd; text-align:center; margin-bottom:10px; color:#333;}
.a-margin-box ul li p span { color:#bbb;}
.a-margin-box ul li:hover, .a-margin-box ul li.active{ background:#f7f7f7;}
.descrip-text{ line-height:25px; color:#999;}
.descrip-text h6 { padding-bottom:10px;}
.order-top-list{border-bottom: 1px dashed #ddd;padding: 20px 0;}
.order-top-list .col-sm-2{ width:140px;}
.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:#ec971f; border:1px solid #ec971f; color:#fff;}
.g-time-price a:hover { border:1px solid #ec971f;}

/* 鍩虹璁剧疆 -------------------- */
.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 #eaeaea; 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 #eee;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 #eaeaea; display:inline-block;}
.c-identity .iden-upload { display:block; width:100%; height:100%; text-align:center; line-height:60px; color:#999;}
.c-identity-edit { position:absolute; left:0; top:0; right:0; bottom:0; text-align:center;background:rgba(0,0,0,0.5); color:#fff; display:none;}
.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 #eaeaea; position:relative; display:inline-block;}
.qr-code .qr-upload { display:block; width:100%; height:100%; text-align:center; line-height:140px; color:#999;}
.qr-code-edit{ position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; color:#fff; background:rgba(0,0,0,0.5); display:none;}
.qr-code-edit a { color:#fff; line-height:140px;}
.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:#f5f5f5; 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; border:2px solid #ddd; 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:#eee;}
.wechart-model-main{ margin:0 auto; background:#fff; max-width:1200px;}
.wechart-main-vi{ padding:50px 80px;}
.wechart-main-vi h2 { font-size:20px; 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{ max-width:1200px; margin:0 auto; line-height:40px; font-size:12px; color:#666;}

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

/* 鐢ㄦ埛绠＄悊 ------------- */
.analy-title{ font-size:16px; color:#333; border-bottom:1px solid #eaeaea; line-height:35px; padding:0 0 10px 0; margin-bottom:20px;}
.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;}
.analy-time ul { float:left;}
.analy-time ul li { float:left; height:30px; line-height:30px; border:1px solid #eee;margin-right:10px; position:relative;}
.analy-time ul li a { display:block; padding:0 20px;}
.analy-time ul li:hover { background:#f5f5f5; cursor:pointer;}
.analy-time ul li.active { background:#36b0c8; color:#fff; border:1px solid #36b0c8;}
.analy-time ul li.active a { color:#fff;}
.analy-time-custom{ position:absolute; width:260px; background:#fff; padding:15px; right:0; text-align:left;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); 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:14px; 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; }
.cate-box h5 { height:32px; line-height:32px; text-align:center; font-size:12px; border-bottom:1px solid #eee; font-weight:bold; color:#4a4a4a;}
.table a i { font-size:14px;}
.cost-box .control-label{ width:100px;}
.input-none{ border:none;}

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

/* 鐢ㄦ埛鎶曡瘔 ---------------- */
.result-box{ position:relative; padding-left:40px; padding-bottom:30px; color:#999;}
.result-box .result-time{ color:#4a4a4a; padding:0 0 5px 0;}
.result-box .result-dot{ position:absolute; left:0; top:0; width:15px; height:15px; display:block; background:#c6d8dd; border-radius:999em; border:4px solid #eef2f3; z-index:3;}
.result-line{ position:absolute; left:7px; width:1px; top:0; background:#dee5e7; bottom:0; z-index:2;}
.result-box .col-sm-3{ width:80px; text-align:left;padding-right:0;}


/* 甯堝倕绠＄悊-------------------- */
.state-current span { display:inline-block; width:10px; height:10px; border-radius:999em; margin-right:5px;}
.c-free{ background:#009966;}
.c-busy{ background:#f68300;}
.c-offline{ background:#999999;}
.busy-degree-speed{ display:inline-block; padding-right:50px; position:relative;}
.busy-degree span { margin-right:10px;}
.busy-box{ height:8px; background:#eee; border-radius:999em; overflow:hidden; width:80px; position:relative; margin:3px 0 0 0;}
.busy-box-ing{ height:8px; background:#f68300; border-radius:999em;}
.busy-degree-speed span { position:absolute; right:0; width:40px; top:0; margin-right:0;}
.maps{ position:absolute; left:15px; top:130px; right:15px; bottom:15px; background:#ddd;}
.map-searchbox{ position:absolute; left:30px; top:30px; z-index:100; background:#fff;box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);}
.map-searchbox-container { height:40px; width:300px; float:left; position:relative;}
.map-searchbox-container input { width:100%; border:none; height:40px; padding:0 20px;}
.map-search-button{ float:left; height:40px; font-size:14px; width:70px; background:#23b7e5; color:#fff; text-align:center; line-height:40px; border:none;}
.chosen-drop{ position:absolute; background:#fff; width:100%;border: 1px solid #dee5e7;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 2px;
-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;}
.chosen-drop ul li{ display:block; padding:5px 15px; line-height:20px;}
.chosen-drop ul li:hover { background:#edf1f2; cursor:pointer;}
.d-normal{ color:#00a2ca;}
.d-late{ color:#f59c1a;}
.d-field{ color:#00acac;}
.comrule { max-height:200px; overflow-y:auto; width:600px;}
.comrule label{ display:inline-block; width:30%; color:#999;}

.master-works-top{ margin-top:70px;text-align:center;position:relative;}
.master-background{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:1;}
.master-mask{ position:relative; z-index:2;}
.master-user{ width:100px; height:100px; border-radius:999em; margin:0 auto; overflow: hidden; margin-bottom:20px;}
.master-user img { border-radius:999em; width:100px; height:100px;}
.master-name{ font-size:22px; color:#fff;}
.master-name .m-position { margin-left:20px; color:#f59c1a;}
.master-label{ padding-top:20px; color:#fff;}
.master-label span { padding:0 10px; font-size:14px;}
.master-mask-center{ padding:20px;}
.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;}

.fc-border-separate{ width:100%;}
.fc-border-separate th { line-height:25px; border:1px solid #ddd; text-align:center; font-weight:bold;}
.fc-border-separate td{ border:1px solid #ddd; text-align:center;}
.fc-separate-box{ position:relative; height:110px; line-height:100px;}
.fc-separate-box .fc-day-number{ position:absolute; left:5px; top:5px; height:25px; line-height:25px; width:25px; color:#666; border-radius:999em;}
.fc-future .fc-day-number{ color:#ccc;}
.fc-event-inner{ height:25px; line-height:25px; background:#f5f7fb; border-left:2px solid #23b7e5;font-size:12px; color:#333;text-align:left;position:absolute; right:0; bottom:0; left:20px;}
.fc-event-inner a { display:block; width:100%; height:100%; cursor:pointer; color:#333; padding:0 20px;}
.fc-event-inner a:hover { font-weight:bold;color:#23b7e5;}
.fc-today .fc-day-number{ background:#00a2ca; color:#fff;}
.fc-header{ height:50px; line-height:50px; position:relative; border:1px solid #ddd; border-bottom:none;}
.fc-toolbar {height: 50px;color: #666;margin: 0; text-align:center; line-height:50px;}
.fc-toolbar .fc-left {float: left;}
.fc-toolbar .fc-button {color: #999;background: transparent;border: none;box-shadow: none;text-shadow: none;margin: 0;height: 50px;line-height: 28px;padding: 10px;}
.fc-toolbar .fc-right {float: right;}
.fc-toolbar .fc-center {display: inline-block; vertical-align:middle;}
.fc-toolbar .fc-center h2 { font-size:24px; color:#4a4a4a;}

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

.home-section-module{ margin-top:30px;}
.home-nav-tabs{ height:45px; background:#e4eaec;}
.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 a:hover { color: #19a9d5;background: #fff;margin-top: -8px;padding-top: 8px;border-radius: 3px 3px 0 0; }
.home-nav-tabs ul li.active a{color: #19a9d5;background: #fff;margin-top: -8px;padding-top: 8px;border-radius: 3px 3px 0 0; font-weight:bold;}

.sky-setting{ border:1px solid #eee; margin:40px 0 0 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;}

.fx-box ul li { margin:5px 0;}
.fx-box ul li span { width:60px; display:inline-block; text-align:right; vertical-align:middle;}
.fx-box ul li .i-checks{ padding-top:0;}
.thumb-user{ width:96px; height:96px;}
.thumb-user img { width:100%; height:100%;}

.Master-status{ position:absolute; right:0; top:15px; border:1px solid #dee5e7; width:300px;z-index:10; background:#fff;}
.Master-status-box{ width:100%; height:100%;}
.Master-top-info{ padding:15px;}
.Master-v-text{ float:left; width:50%;}
.Master-v-text h3 { font-size:18px; color:#333; padding-bottom:5px;}
.Master-v-text p{ font-size:13px; color:#f30;}
.Master-r-st{ float:right; width:50%; text-align:right;}
.Master-r-st h4 { font-size:14px; color:#666; padding-bottom:5px;}
.Master-r-st p{ font-size:12px; color:#999;}
.Master-footer{ height:40px; text-align:center;table-layout: fixed;display: table; width:100%; line-height:40px; background:#e4eaec;}
.Master-footer span { color:#333;}
.Master-footer a {display: table-cell;float: none;height: 100%;vertical-align: top; background:#e4eaec;}
.Master-footer a.btn-warning { background:#f6b621;}
.Master-footer a.btn-warning:hover { background:#f4b012;}
.Master-footer a:hover { color:#19a9d5;}


/* 鍝佺墝绠＄悊---------------------- */
.praise.on { color:#f59c1a;}
.sort{ display:block; height:8px; line-height:8px; font-size:18px; color:#999;}
.sort i{ vertical-align:top;}
.sort:hover { color:#333; cursor:pointer;}
.praise-hp .praise-tip{ display:inline-block;color:#999;}
.praise-hp{ display:inline-block; position:relative; cursor:pointer;}
.praise-degree-text { height:30px; line-height:30px; border:1px solid #f59c1a; padding:0 10px; background:#fff2f1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:20px; top:-8px; min-width:200px; display:none; border-radius:5px;}
.praise-hp:hover .praise-degree-text { display:block;}
.brand-works-top{ height:220px; background:url(../images/ttbg.jpg) center center no-repeat; background-size:cover; 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-label{ color:#fff;}
.brand-label span { margin:0 10px; font-size:14px;}
.brand-grade i { color:#f59c1a;}
.brand-tip{ height:35px; background:#fef9ed; margin:10px 0; padding:0 20px; line-height:35px;}
.policy-list{ border:1px solid #eee; position:relative; margin:30px 20px;}
.policy-list-title{ line-height:30px; position:relative; display:inline-block; border:1px solid #eee; position:absolute; left:20px; top:-15px; z-index:2;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.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:12px; color:#4a4a4a; font-weight:bold;}
.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:30px 20px 20px 20px;}

.base-block{ border:1px solid #eee;}
.base-title{ line-height:50px; padding:0 15px; font-size:14px; border-bottom:1px dashed #eaeaea;}
.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;}
.praise i{ font-size:16px;}
.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;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting-asc:after, table.dataTable thead .sorting-desc:after {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;float: right; margin-top:3px; cursor:pointer; color:#ccc;}
table.dataTable thead .sorting:after{content: "\e96f";}
table.dataTable thead .sorting-asc:after{content: "\e971";}
table.dataTable thead .sorting-desc:after{content: "\e970";}

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

.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:#00a2ca; padding-bottom:15px;}
.dot1-modbox-text ul li { line-height:22px;}
.dot1-modbox-text ul li span{ color:#aaa;}
.dot1-modbox-text ul li .dot-score span.on{ color:#f9a84c;}
.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 p,.dot3-modbox p,.dot4-modbox p{ margin-bottom:5px;}
.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 100px;}
.dot4-modbox p{ margin-bottom:5px;}
.dot-wd{ margin:15px 0; line-height:34px; padding:10px 15px; border:1px solid #eaeaea;}
.dot-wd span a { display:inline-block; margin:0 10px; padding:0 10px; color:#999;}
.dot-wd span a.active { background:#0398bd; color:#fff;}
.table.table-lg th { height:60px;background:#f5f5f5; font-size:14px; color:#818181; vertical-align:middle; font-weight:normal; padding-left:20px; padding-right:20px;}
.table.table-lg td{ padding:14px 20px; color:#ababab;}

.i-itm-top{ display:inline-block; width:11px; height:12px; background:url(../images/i-top.png) 0 0 no-repeat; margin-left:5px;}
.i-itm-slide{ display:inline-block; width:11px; height:12px; background:url(../images/i-slide.png) 0 0 no-repeat; margin-left:5px;}
.i-jt{ display:inline-block; width:11px; height:14px; background:url(../images/jt.png) 0 0 no-repeat; vertical-align:middle; margin-left:5px;}
.b-of-tip ul li { font-size:13px; line-height:28px; color:#b0b0b0;}

.A-area{ padding:0 25px; color:#999;}


/* 鏈嶅姟-------------- */
.v-align.table > tbody > tr > td{ vertical-align:middle;}
.product-box .product-add {padding-top: 7px;display: inline-block;}
.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 li.active span { background:#ec971f; 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;}
.form-tbmine .form-group .col-sm-2{ width:120px;}
.form-tbmine .form-group .col-sm-10{ margin-left:120px; width:auto; float:none;}
.Category-service{border:1px solid #dfe5e5;}
.Category-title{ height:40px; border-bottom:1px solid #dfe5e5; text-align:center; color:#333; line-height:40px; font-size:13px;}
.Category-add{ height:38px; border-bottom:1px solid #dfe5e5; position:relative;}
.Category-input{ box-sizing:border-box; margin-right:50px;}
.Cate-input{ height:37px; border:none; padding:0 12px;box-sizing:border-box; float:left;}
.Cate-input.b-l{ border-left:1px solid #dfe5e5;}
.Category-add a { height:38px; background:#3a3f51; display:block; width:50px; line-height:38px; color:#fff; text-align:center;position:relative; position:absolute; right:0; top:-1px; z-index:10;}
.Category-pl{ width:100%; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; color:#666;}
.Category-list { height:280px; overflow-y:auto;}
.Category-list .table tr:hover { background:#f5f5f5;}
.Category-list .table td{ color:#666;}
.Category-list .table .Cate-input { height:18px; padding:0;}


/* 鍖哄煙 绠＄悊 --------------- */
.region-box{ float:left; width:260px; border:1px solid #dee5e7;}
.region-box h4 { height:40px; line-height:40px; text-align:center;font-size:12px; color:#4a4a4a; font-weight:bold; border-bottom:1px solid #dee5e7;}
.region-box ul { height:360px; padding:10px 0; overflow-y:auto;}
.region-box ul li { padding:5px 15px; 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 20px; float:left; text-align:center; position:relative;}
.point-right a { font-size:18px; color:#999;}
.point-right a:hover { color:#333;}
.region-tip-text{ text-align:center; line-height:370px; 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;}
}

/* 澶囦欢绠＄悊 -------------------- */
.order-top-status {border: 1px solid #ec8b02;margin: 15px 0;background: #fef9f2;padding: 30px;line-height: 80px;}
.rep-btn{ display:inline-block; width:22px; height:22px; border-radius:999px; border:1px solid #dfe5e5; text-align:center; line-height:20px; font-size:16px; color:#999;}
.rep-btn:hover { border:1px solid #ec971f; background:#ec971f; color:#fff;}

/* 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: 600px;text-align: left; background:#fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1);}
.layerModel_title{ border-radius:3px 3px 0 0; position:relative;}
.layerModel_title h2{font-size:14px;color:#363f44;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 #dee5e7;}
.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:#999; z-index:1001; opacity:0.8;}
.layerModel_closeBtn:hover {color:#363f44;}

.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-footer{ padding:10px 30px;}

.modal-box{padding:30px; position:relative; /*max-height:500px; overflow-y:auto; overflow-x:hidden;*/}
.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{ height:30px; line-height:30px;color:#999; margin-bottom:15px;}

.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: #f59c1a;border: 4px solid #f8e9e4;}
/*.thaw-progress ul li:last-child p,.t-new-progress ul li:first-child p{ color:#f59c1a;}*/
.thaw-progress ul li .thaw-time,.t-new-progress ul li .thaw-time { color:#b2b2b2; padding-top:5px;}

.modal-pc-show{ width:1000px; height:550px;}
.modal-pc-text{ font-size:32px; text-align:center; line-height:550px; color:#ccc;}
.modal-wap-show{ width:500px; height:600px;}
.modal-wap-text{ font-size:32px; text-align:center; line-height:600px; color:#ccc;}
.layerModel_closeBtn2{ position:absolute; display:block; width:40px; height:40px; text-align:center; line-height:40px; right:-40px; top:0; background:#00a2ca; color:#fff; font-size:22px;}
.layerModel_closeBtn2:hover { color:#fff; background:#0398bd;}

.modal-large-box{ width:860px; max-height:500px; overflow-y:auto; overflow-x:hidden;}
.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: 450px;padding: 20px;overflow-y: auto;}

.win_btn {padding: 10px 30px;border-top: 1px solid #eee;}
.win_btn .btn{ margin:0 3px;}
.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;}

.tb-f{ height:190px; overflow-y:auto; width:650px;}
.tb-f ul li { float:left; width:33.33%; padding:5px 0;}
.time-choice{ line-height:30px;}
.time-choice a{ display:inline-block; border:1px solid #eee; padding:0 10px;}
.time-choice a:hover { border:1px solid #19a9d5; color:#19a9d5;}
.time-choice span { padding:0 10px;}

.layerModel-tip-text{ text-align:center; font-size:14px; padding:60px 40px; color:#5a5a5a; min-width:500px;}

.schedule-box{ height:300px; overflow-y:auto;}
.schedule-box ul li { position:relative; padding-left:30px; padding-bottom:25px;}
.schedule-box ul li .schedule-i{background: #fff;border: 1px solid #dee5e7;border-radius: 999em;display: inline-block;height: 12px;left: 2px;position: absolute;width: 12px; top:6px; z-index:10;}
.schedule-box ul li p{ line-height:24px; color:#888;}
.schedule-data{ margin-bottom:10px;}
.schedule-box ul li:after { width:1px; background:#eee; position:absolute; left:7px; top:5px; bottom:-10px;content: ""; display:inline-block;}

.modal-footer-tip{ border-top:1px solid #eee; padding:15px 20px; line-height:22px; color:#888;}
.modal-footer-tip p span { color:#4a4a4a;}

.modal-box .col-sm-2 { width:20%;}
.modal-box .col-sm-10{ width:80%;}
.modal-error-tip{ margin-left:-20px; padding-top:5px;}

.modal-tf-main{ width:1000px;}
.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: #23b7e5;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: #23b7e5;}
.tf-tab ul li:before{ position:absolute; right:0; top:10px; bottom:10px; width:1px; background:#eee; content:"";}
.tf-content{ background:#f5f5f5; 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 #23b7e5;}
.tf-links ul li .tf-links-add{ display:block; padding:22px 0 16px 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:#95bb2e; vertical-align:middle; margin-right:20px;}

.modal-box .ztree-center-box,.modal-large-box .ztree-center-box{ max-height:150px;}
.sf-box{ text-align:center;}
.sf-box img{ width:100%; height:200px;}
.sf-box p { padding-top:10px;}

.h400{ max-height:400px; overflow-x:hidden; overflow-y:auto;}
.h450{ max-height:450px; overflow-x:hidden; overflow-y:auto;}
.h500{ max-height:500px; overflow-x:hidden; overflow-y:auto;}
.h550{ max-height:550px; overflow-x:hidden; 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: absolute;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;}


/**/
#PorviceId,#City,#Area{ margin-right:3px;}
.table .checkbox-inline, .table .radiobox-inline{ padding-top:2px; padding-bottom:2px;}
.table-new-time .checkbox-inline{ margin-top:0; margin-bottom:0;}

/* 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-box1{ width:775px; height:492px; background:url(../images/step/step-1.png) 0 0 no-repeat; position:absolute; right:100px; top:0; text-align:center;}
.step-btn{ width:182px; height:47px; background:url(../images/step/step-btn.png) 0 0 no-repeat; display:inline-block;}
.step-box1 .step-btn { margin-top:540px;}
.step-box2{ width:1006px; height:539px; background:url(../images/step/step-2.png) 0 0 no-repeat; position:absolute; left:0; top:65px; text-align:center;}
.step-box2 .step-btn { margin-top:490px;}
.step-box3{ width:1024px; height:347px; position:absolute; left:0; top:65px; text-align:center; background:url(../images/step/step-3.png) 0 0 no-repeat;}
.step-box3 .step-btn { margin-top:410px;}
.step-box4{ width:886px; height:370px; background:url(../images/step/step-4.png) 0 0 no-repeat; left:0; top:70px; position:absolute; text-align:center;}
.step-box4 .step-btn { margin-top:410px;}
.step-box4 .step-ok-btn { display:inline-block; margin-top:430px; width:182px; height:47px; background:url(../images/step/step-ok-btn.png) 0 0 no-repeat; margin-left:120px;}
.step-box5{ position:absolute; left:0; top:215px; width:1024px; height:247px; background:url(../images/step/step-5.png) 0 0 no-repeat; text-align:center;}
.step-box5 .step-ok-btn{display:inline-block; margin-top:300px; width:182px; height:47px; background:url(../images/step/step-ok-btn.png) 0 0 no-repeat; margin-left:120px;}
.step-box6{ position:absolute; width:1024px; height:337px; background:url(../images/step/step-6.png) 0 0 no-repeat; left:0; top:195px; text-align:center;}
.step-box6 .step-ok-btn {display:inline-block; margin-top:320px; width:182px; height:47px; background:url(../images/step/step-ok-btn.png) 0 0 no-repeat; margin-left:120px;}

@media (max-width: 1200px) {
 .step-box1 .step-btn { margin-top:530px;}
}

/* 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;}


.t-new-progress ul { margin:20px 20px 0 150px;}
.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;}

/* 闂ㄦ埛---------------------- */
.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 a.btn { position:absolute; right:0; top:3px;}
.wap-template-title p{font-size:14px;overflow: hidden;overflow-wrap: normal;text-overflow: ellipsis; white-space: nowrap;}
.wap-template-title p font{ font-size:12px; color:#fd9228; margin-left:5px; display:inline-block; line-height:18px; border-radius:3px; border:1px solid #fd9228; padding:0 5px;}
.wap-template-title span { font-size:12px; color:#fd9228; position:absolute; right:0; top:5px; display:block; border-radius:3px; border:1px solid #fd9228; color:#fd9228; line-height:18px; padding:0 3px; width:60px; text-align:center;}
.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;}

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

.Data-i-area{width: 100%;position: absolute;z-index: 10;left: 0;top: 0;right: 0;bottom: 43px;z-index: 98;}
.Data-wrap{position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow-y: auto;overflow-x: hidden;width: 100%;}
.index-center{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #f1f1f1;overflow-y: auto;}
.Data-footer{height: 58px;text-align: center;line-height: 58px;border-top: 1px solid #eee;}
.f-circle{display: inline-block;width: 35px;height: 35px;background: #e5e5e5;border-radius: 999em;vertical-align: middle;}
.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;}

.Date-right{ margin-left:340px; border:1px solid #eee; height:600px;}
.Date-title{ height:40px; text-align:center; border-bottom:1px solid #eee; font-size:14px; line-height:40px; color:#333;}
.Date-shuju{ height:500px; padding:20px; overflow-y:auto;}
.Date-opera{ border-top:1px solid #eee; text-align:center;box-sizing:border-box; padding:11px 0 12px 0;}
.Date-opera a { vertical-align:middle;}
.pink-tip{line-height:20px; border-radius:5px; background:#f7f7f7; color:#f68300; padding:8px 30px; margin-bottom:20px;}
.LOGO-upload{ width:100px; height:100px; border:1px solid #cfdadd; display:inline-block; position:relative;}
.LOGO-upload img { width:100%; height:100%;}
.project-list ul li{ position:relative; line-height:45px; border-bottom:1px solid #eee; height:45px;}
.project-list ul li span{ font-size:14px; padding-left:10px;}
.project-opera{ position:absolute; right:10px; top:0;}
.project-opera a{ margin-left:10px; font-size:14px; color:#666;}
.project-opera a.disabled{ color:#ccc; cursor:default;}
.project-opera a.unso{ color:#ccc;}
.allocation-fz span{ display:inline-block; line-height:30px;background:#f5f5f5; border-radius:3px; padding:0 15px; margin:2px 2px 2px 0;}
.allocation-fz span a:hover { color:#f68300;}
.alloca-label { float:left;}
.allocation-div{ margin-left:70px;}

.Template-edit{ margin:30px 0;}
.Data-iphone{width: 300px;height: 600px;box-shadow: -3px 6px 18px #ccc;border-radius: 30px;background: #fff; position:relative; float:left;}
.Data-iphone-header{height: 34px;border-bottom: 1px solid #eee;text-align: center;line-height: 34px;}
.i-circle{width: 9px;height: 9px;display: inline-block;border-radius: 999em;background: #e5e5e5;vertical-align: middle;margin-right: 3px;}
.i-line{height: 7px;border-radius: 999em;width: 60px;background: #e5e5e5;display: inline-block;vertical-align: middle;}
.Data-center{height: 506px;position: relative;width: 300px;overflow: hidden;}
.Data-footer-menu{ height:43px; background:#eaeaea; text-align:center; position:absolute; left:0; right:0; bottom:0; padding:0 30px;}
.Data-footer-menu ul li { float:left; width:33.33%;}
.Data-footer-menu ul li i { display:inline-block; width:20px; height:20px; vertical-align:top; margin:4px 0 2px 0;}
.Data-footer-menu ul li i.ico-yy{ background:url(../images/make.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li i.ico-order{ background:url(../images/order.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li i.ico-my{ background:url(../images/my.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li.active i.ico-yy{ background:url(../images/make-on.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li.active i.ico-order{ background:url(../images/order-on.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li.active i.ico-my{ background:url(../images/my-on.png) 0 0 no-repeat; background-size:contain;} 
.Data-footer-menu ul li p { color:#333;-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
.Data-footer-menu ul li.active p { color:#f54300;}

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


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