.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: absolute;
    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: 20px;
    padding-right: 20px;
}

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

.app-info>li:hover .animated-w {
    display: block;
}

.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;
    font-size: 16px;
}

.user-head {
    width: 32px;
    height: 32px;
    margin-top: -2px;
}

.user-head img {
    width: 100%;
    height: 100%;
    border-radius: 999rem;
}

.animated-w {
    background: #32374a;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 160px;
    display: none;
}

.animated-w li {
    border-top: 1px solid #646876;
}

.animated-w li .news-i {
    color: #ff0000;
}

.animated-w li a {
    color: #adafb6;
    font-size: 13px;
    padding: 8px 15px;
    display: block;
}

.animated-w li a:hover {
    background: #3a3f51 !important;
    color: #fff;
}

.iee-privilege {
    float: left;
    line-height: 60px;
    margin-left: 50px;
    color: rgba(255, 255, 255, 0.8);
}

.iee-privilege a {
    color: #fd9228;
}

.iee-privilege a:hover {
    text-decoration: underline;
}

@media (max-width: 1280px) {
    .iee-privilege {
        margin-left: 0;
    }
}


/* 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: 0;
    top: 0;
    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: #f4b012;
}

.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-w150 {
    width: 150px;
}

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

.order-mod-nopay .checkbox {
    vertical-align: middle;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
}

.order-mod-nopay span {
    margin-right: 20px;
}

.order-index-mod .table {
    margin-bottom: 0;
}

.order-index-mod .table td {
    border: none;
    color: #666;
    position: relative;
}

.order-index-mod .table td.td-mod-lborder {
    border-left: 1px solid #ececec;
}

.m1-modbox,
.m2-modbox,
.m3-modbox,
.m4-modbox {
    padding: 10px;
    position: relative;
}

.m1-modbox h5 {
    padding-bottom: 15px;
}

.m1-modbox h5 a {
    cursor: default;
    color: #363f44;
}

.m1-modbox h5 a span {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 999em;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    vertical-align: middle;
}

.m1-modbox h5 a span i {
    font-size: 12px;
}

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

.ico-zhi {
    background: #bb46ff;
}

.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;
    cursor: pointer;
}

.m-Complaint {
    font-size: 16px;
    color: #f5a10d;
    cursor: pointer;
}

.m-Urgent {
    font-size: 16px;
    color: #ee3533;
}

.m-Reject {
    font-size: 16px;
    color: #2fba7e;
}

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

.m4-modbox {
    padding: 10px 0;
}

.m4-modbox .dropdown-menu {
    min-width: 100px;
    right: 0;
    left: auto;
}

.m4-modbox .dropdown-menu li a {
    display: block;
    font-size: 12px;
    line-height: 22px;
}

.m4-modbox .dropdown-menu li a:hover {
    background: #f5f5f5;
    color: #189ec8;
}

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

.import-step ul {
    display: table;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.import-step ul li {
    display: table-cell;
    float: none;
    text-align: center;
    padding: 30px 0 20px 0;
    position: relative;
}

.import-step ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 70%;
    top: 50%;
    height: 1px;
    background: #eaeaea;
    right: -30%;
}

.import-step ul li:last-child:after {
    display: none;
}

.import-step ul li span {
    font-size: 20px;
    display: block;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    border-radius: 999rem;
    background: #eaeaea;
    color: #aaa;
    line-height: 35px;
}

.import-step ul li p {
    display: inline-block;
    font-size: 16px;
    border-radius: 999rem;
    line-height: 35px;
    vertical-align: middle;
    color: #999;
}

.import-step ul li.active span {
    color: #fff;
    background: #189ec8;
}

.import-step ul li.active p {
    color: #189ec8;
}

.bootstrap-filestyle p {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table-cell;
    background-color: #eee;
    border: 1px solid #cfdadd;
    border-radius: 2px;
    line-height: 20px;
    height: 34px;
    padding: 6px 12px;
}

.group-span-filestyle .file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

.product-batch-list ul li {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    position: relative;
}

.product-batch-list ul li h3 {
    font-size: 14px;
    color: #262626;
    padding-bottom: 20px;
}

.product-batch-list ul li .batch-info {
    line-height: 22px;
}

.product-batch-list .product-batch-btn {
    float: none;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    width: 30%;
}

.table>tbody>tr>td {
    position: relative;
}

.table>tbody>tr>td.td-empty {
    border: 1px solid #f00;
}

.table>tbody>tr>td .form-control {
    display: inline-block;
    height: 100%;
    width: 100px;
}

.table>tbody>tr>td.td-empty:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f00;
}

.table>tbody>tr>td.td-empty:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background: #f00;
}


/* 服务管理 ------------------- */

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

.fault-type {
    border: 1px solid #eee;
}

.fault-type ul {
    height: 200px;
    overflow-y: auto;
}

.fault-type ul li {
    padding: 0 15px;
}

.fault-type-head {
    background: #f9f9f9;
    padding: 6px 15px;
    border-bottom: 1px solid #eee;
}

.fault-choice {
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border: 1px solid #cfdadd;
    background: #fff;
    border-radius: 2px;
}

.fault-choice p {
    padding: 0 15px;
}

.fault-choice .choice-list {
    top: 32px;
}

.fault-choice .icon-pli-down {
    position: absolute;
    right: 10px;
    top: 8px;
}


/* 消息中心------------------ */

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

.ng-sendbox-bar.sendbox-bar {
    margin: 0;
    border: 1px solid #dee5e7;
}

.ng-sendbox-bar.sendbox-bar .form-control {
    border: none;
}


/* 价格------------ */

.related-note {
    padding: 20px 0;
}

.related-note h5 {
    padding-bottom: 10px;
}

.related-note ul li {
    line-height: 25px;
    color: #888;
}

.a-sub-tab {
    margin: 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-box-sm {
    width: 100%;
    display: table;
    border-left: none;
    table-layout: fixed;
}

.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: 95px;
    color: #959595;
}

.order-info-list li .custs-text {
    margin-left: 95px;
}

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

.progress-list .sendbox-file {
    border-top: 1px solid #f2f2f5;
}

.flog-ident {
    display: inline-block;
    position: relative;
}

.flag-sig {
    font-size: 14px;
}

.flog-ident .dropdown-menu {
    min-width: 100px;
    width: 100px;
    margin-top: 0;
}

.flog-ident .dropdown-menu li a {
    color: #333;
    font-size: 12px;
}

.flog-ident .dropdown-menu li a i {
    margin-right: 5px;
}

.color-x1 {
    color: #e47e18;
}

.color-x2 {
    color: #ff2002;
}

.color-x3 {
    color: #028328;
}

.color-x4 {
    color: #8352ff;
}

.color-x5 {
    color: #0184ff;
}

.color-x6 {
    color: #fbe600;
}

.color-x7 {
    color: #fe80d3;
}

.color-x0 {
    color: #c5c6c7;
}


/* 财务管理--------------------- */

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

.scandcode {
    border: 1px solid #eaeaea;
    padding: 15px;
    display: inline-block;
    margin-top: 15px;
    width: 292px;
    height: 292px;
}

.scandcode img {
    width: 260px;
    height: 260px;
}

.scandpay {
    background: url(../images/scand-img.png) right center no-repeat;
    height: 420px;
    position: relative;
    padding-left: 120px;
}

.scandfoot {
    width: 292px;
    background: #333 url(../images/scandcode.png) 60px center no-repeat;
    color: #fff;
    height: 60px;
}

.scandfoot p {
    padding: 13px 0 0 120px;
}

.scandname {
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 16px;
    color: #333;
}

.block-list ul li {
    position: relative;
    line-height: 24px;
    margin-bottom: 5px;
}

.block-list ul li .block-lable {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    color: #8e8e8e;
}

.block-list ul li .block-ur-text {
    margin-left: 100px;
    min-height: 24px;
    color: #666;
}

.block-list-lg6 ul li {
    float: left;
    width: 50%;
}


/* 账户设置 ----------------- */

.account-setting {
    padding: 20px 0;
}

.account-setting ul li {
    /* 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;
}

.finaup {
    padding: 30px 20px;
}

.finatitle {
    line-height: 30px;
    position: relative;
    padding-bottom: 20px;
}

.finatitle h2 {
    font-size: 16px;
    line-height: 30px;
}

.finatitle .edition-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #d81e06;
}

.fina-ul ul li {
    width: 260px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.fina-listbox {
    height: 120px;
    border: 1px solid #eaeaea;
    text-align: center;
    position: relative;
    line-height: 120px;
}

.fina-xb {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
}

.fina-xb i {
    font-size: 50px;
}

.fina-xb span {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 999px;
    background: #adafb6;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -5px;
}

.finatext {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: left;
    margin-left: 15px;
}

.finatext p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.finatext p span {
    font-size: 24px;
    color: #4a4a4a;
    padding-right: 5px;
}

.fina-ul ul li:hover {
    cursor: pointer;
}

.fina-ul ul li:hover .fina-listbox {
    border: 1px solid #50abe5;
}

.fina-ul ul li.active .fina-listbox {
    background: #50abe5;
    border: 1px solid #50abe5;
}

.fina-ul ul li.active .fina-listbox .finatext p,
.fina-ul ul li.active .fina-listbox .finatext span {
    color: #fff;
}

.fina-ul ul li.active .fina-xb span {
    background: #fff;
    color: #50abe5;
}

.fina-ul ul li.active .fina-xb i {
    color: #fff;
}

.fina-on {
    display: none;
    width: 0;
    height: 0;
    border-bottom: 60px solid #fff;
    border-left: 60px solid transparent;
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 2;
    text-align: center;
    line-height: 60px;
}

.fina-on i {
    position: absolute;
    left: -30px;
    top: 30px;
    color: #50abe5;
    font-size: 22px;
}

.fina-pay-method {
    padding: 40px 0;
}

.fina-pay-method ul li {
    float: left;
    text-align: center;
    padding: 0 60px 0 0;
    font-size: 14px;
}

.method-code {
    border: 1px solid #eaeaea;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.fina-ul ul li.active .fina-on {
    display: block;
}

.layerModel-close {
    color: #fff;
    position: absolute;
    right: -50px;
    top: 0;
    font-size: 26px;
}

.id-card {
    width: 180px;
    height: 110px;
    border: 1px solid #dfe5e5;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.id-card img,
.id-sample img {
    width: 100%;
    height: 100%;
}

.id-sample {
    width: 180px;
    height: 110px;
    border: 1px solid #dfe5e5;
    position: relative;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

.id-sample-fg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
    z-index: 10;
    cursor: pointer;
}

.id-sample-fg span {
    display: inline-block;
    font-size: 20px;
    margin: 25px 0 5px 0;
}

.id-sample-fg p {
    font-size: 14px;
}

.id-card.card-f5,
.id-sample.card-f5 {
    width: 180px;
    height: 180px;
}

.id-sample.card-f5 span {
    margin-top: 60px;
}

.finish-text {
    text-align: center;
    margin: 80px 0;
    position: relative;
}

.finish-h .finish-fa {
    display: inline-block;
    font-size: 56px;
    vertical-align: top;
}

.finish-rule {
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    vertical-align: top;
}

.finish-rule h2 {
    font-size: 30px;
    color: #4a4a4a;
}

.finish-list {
    padding-top: 50px;
}

.finish-list ul li {
    line-height: 30px;
    font-size: 14px;
    color: #777;
    text-align: left;
}

.finish-list ul li p {
    display: inline-block;
}

.finish-success {
    position: absolute;
    right: 50px;
    top: -30px;
    width: 100px;
    height: 100px;
    background: url(../images/renzheng.png) center center no-repeat;
    background-size: contain;
}

.finish-side-x {
    font-size: 14px;
    padding-top: 20px;
}

.enjoy-tit {
    font-size: 18px;
    color: #333;
    text-align: center;
    padding: 30px 0;
}

.enjoy-tab ul li {
    float: left;
    width: 25%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #eaeaea;
    position: relative;
    text-align: center;
    font-size: 14px;
}

.enjoy-tab ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.enjoy-tab ul li:after {
    content: "";
    width: 15px;
    height: 38px;
    position: absolute;
    right: -15px;
    top: -1px;
    display: block;
    z-index: 8;
    background: url(../images/sr-tab.png) 0 0 no-repeat;
}

.enjoy-tab ul li.active {
    border: 1px solid #19a9d5;
    background: #19a9d5;
    color: #fff;
}

.enjoy-tab ul li.active:after {
    background-position: -25px 0;
}

.enjoy-tab ul li:last-child:before,
.enjoy-tab ul li:last-child:after {
    display: none;
}

.enjoy-tab ul li span {
    position: absolute;
    left: 30px;
    top: 0;
    font-size: 18px;
    color: #19a9d5;
    display: none;
}

.enjoy-tab ul li.on span {
    display: block;
}

.enjoy-contentps {
    position: absolute;
    top: 200px;
    left: 20px;
    right: 20px;
    bottom: 60px;
    border: 1px solid #eaeaea;
    overflow-y: auto;
}

.enjoy-gz {
    padding: 20px;
    font-size: 14px;
    color: #546665454;
    line-height: 22px;
}

.enjoy-gz h4 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
}

.enjoy-footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
}

.enjoy-gz-lable {
    padding-bottom: 10px;
}

.enjoy-gz-lable a {
    display: inline-block;
    border-radius: 999rem;
    line-height: 28px;
    background: #eee;
    padding: 0 15px;
    color: #666;
    margin-right: 2px;
}

.enjoy-gz-lable a:hover {
    color: #333;
}

.enjoy-gz-lable a.active {
    background: #fd9228;
    color: #fff;
}

.enjoy-gz img {
    max-width: 100%;
}

.enjoy-gz-lable {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 0;
    z-index: 10;
    background: #fff;
}

.enjoy-gz-pos {
    position: absolute;
    left: 20px;
    top: 60px;
    right: 20px;
    bottom: 20px;
    overflow-y: auto;
}

.is-tip {
    display: inline-block;
    position: relative;
    margin-left: 3px;
}

.is-tip .icon-tip {
    font-size: 16px;
    color: #00a2ca;
}

.is-tip-text {
    position: absolute;
    left: 23px;
    line-height: 30px;
    border: 1px solid #00a2ca;
    color: #00a2ca;
    padding: 0 10px;
    display: block;
    border-radius: 999rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 50%;
    margin-top: -16px;
    display: none;
}

.is-tip:hover .is-tip-text {
    display: block;
}

.alr-obta i {
    font-size: 20px;
    color: #fd9228;
    vertical-align: middle;
}


/* 付款界面 ------------------ */

.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: 20px;
    color: #333;
}

.i-ok {
    display: inline-block;
    font-size: 100px;
    vertical-align: top;
    line-height: 100px;
    color: #1cc11c;
}

.order-success-text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 40px;
}

.order-success-text ul li {
    font-size: 16px;
    line-height: 25px;
}

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

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

.dot-class {
    margin-top: 10px;
    padding: 10px;
}

.dot-class ul li {
    line-height: 22px;
    border-bottom: 1px dashed #eee;
    padding: 5px 0;
}

.dot-class ul li .dot-lable {
    float: left;
    width: 140px;
    text-align: left;
    padding: 6px 0;
    color: #4a4a4a;
}

.dot-class-content {
    margin: 0 50px 0 120px;
}

.dot-class-content a {
    display: inline-block;
    margin: 6px 15px 6px 0;
    color: gray;
    padding: 0 5px;
    border-radius: 3px;
}

.dot-class-content a:hover {
    color: #2fba7e;
}

.dot-class-content a.active {
    background: #2fba7e;
    color: #fff;
}


/* 服务-------------- */

.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: 50px;
    line-height: 40px;
}

.table .rep-btn i {
    display: inline-block;
    font-size: 18px;
    color: #cfdadd;
    margin: 0 2px;
}

.table .rep-btn i:hover {
    color: #ec971f;
}

.model-select {
    position: relative;
    display: inline-block;
}

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

.base-tp {
    height: 35px;
    line-height: 35px;
}

.base-tp .base-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ec971f;
    margin-right: 5px;
}

.spare-live {
    padding: 10px 0;
}

.spare-img img {
    width: 90px;
    height: 90px;
}

.sparepic-up {
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #cfdadd;
    vertical-align: middle;
}

.choice-left-tip {
    height: 230px;
    line-height: 230px;
    text-align: center;
}

.spareclass a {
    display: inline-block;
    line-height: 28px;
    border-radius: 999px;
    border: 1px solid #cfdadd;
    padding: 0 20px;
    margin: 2px 2px;
    color: #666;
}

.spareclass a:hover {
    border: 1px solid #ec971f;
    color: #ec971f;
}

.spareclass a.active {
    background: #ec971f;
    border: 1px solid #ec971f;
    color: #fff;
}

.sparename-list {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sparename-list ul li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    line-height: 25px;
}

.sparename-head {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.05);
}

.sparename-search {
    display: inline-block;
    margin-top: -2px;
    vertical-align: top;
}

.table>tbody>tr.low-alert {
    background: rgba(234, 111, 90, 0.02);
}

.table>tbody>tr.low-alert>td {
    color: #f05050;
}

.adr-default {
    display: inline-block;
    border: 1px solid #ec971f;
    border-radius: 2px;
    line-height: 18px;
    padding: 0 5px;
    color: #ec971f;
    float: right;
    background: rgba(236, 151, 31, 0.05);
}

.adr-ul li {
    line-height: 25px;
}

.adr-mr {
    display: inline-block;
    border-radius: 2px;
    color: #ec971f;
    vertical-align: middle;
    position: relative;
}

.adr-mr:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ec971f;
    content: "";
    margin-right: 5px;
}

.spare-list ul li {
    line-height: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #dee5e7;
}

.spare-list ul li .row p {
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* layerModel_mask ------------------- */

.layerModel_mask {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 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;
}

.h250 {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.h300 {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

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

.agree-tit {
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
    color: #333;
}

.agree-info {
    font-size: 14px;
    color: #545454;
}


/**/

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


/* 树结构0 */

.ztree-center-box {
    height: 400px;
    overflow-y: auto;
}

.ztree * {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.ztree {
    margin: 0;
    padding: 10px 15px;
    color: #666
}

.ztree li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    outline: 0
}

.ztree li ul {
    margin: 0;
    padding: 0 0 0 18px
}

.ztree li ul.line {
    background: url(./img/line_conn.gif) 0 0 repeat-y;
}

.ztree li a {
    padding: 1px 3px 0 0;
    margin: 0;
    cursor: pointer;
    height: 17px;
    color: #666;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block
}

.ztree li a.curSelectedNode {
    color: #23b7e5;
}

.ztree li a input.rename {
    height: 14px;
    width: 80px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border: 1px #7EC4CC solid;
    *border: 0px
}

.ztree li span {
    line-height: 16px;
    margin-right: 2px
}

.ztree li span.button {
    line-height: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url(../images/zTreeStandard.png);
}

.ztree li span.button.chk {
    width: 13px;
    height: 13px;
    margin: 0 3px 0 0;
    cursor: auto
}

.ztree li span.button.chk.checkbox_false_full,
.ztree li span.button.chk.checkbox_false_full_focus {
    background-position: 0 0
}

.ztree li span.button.chk.checkbox_false_part,
.ztree li span.button.chk.checkbox_false_part_focus,
.ztree li span.button.chk.checkbox_true_part,
.ztree li span.button.chk.checkbox_true_part_focus {
    background-position: -40px 0
}

.ztree li span.button.chk.checkbox_true_full,
.ztree li span.button.chk.checkbox_true_full_focus {
    background-position: -20px 0
}

.ztree li span.button.chk.checkbox_false_disable {
    background-position: -60px 0
}

.ztree li span.button.chk.checkbox_true_disable {
    background-position: -80px 0;
}

.ztree li span.button.switch {
    width: 12px;
    height: 18px
}

.ztree li span.button.root_open {
    background-position: -92px -54px
}

.ztree li span.button.root_close {
    background-position: -74px -54px
}

.ztree li span.button.roots_open {
    background-position: -120px 0
}

.ztree li span.button.roots_close {
    background-position: -100px 0
}

.ztree li span.button.center_open {
    background-position: -120px 0
}

.ztree li span.button.center_close {
    background-position: -100px 0
}

.ztree li span.button.bottom_open {
    background-position: -120px 0
}

.ztree li span.button.bottom_close {
    background-position: -100px 0
}

.ztree li span.button.noline_open {
    background-position: -92px -72px
}

.ztree li span.button.noline_close {
    background-position: -74px -72px
}

.ztree li span.button.root_docu {
    background: none;
}

.ztree li span.button.roots_docu {
    background-position: -56px 0;
    background: transparent;
}

.ztree li span.button.center_docu {
    background-position: -140px 0
}

.ztree li span.button.bottom_docu {
    background-position: -56px -36px
}

.ztree li span.button.noline_docu {
    background: none;
}


/* 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-desc-rf {
    display: inline-block;
    line-height: 18px;
    vertical-align: middle;
}

.fig-desc-head p {
    font-size: 12px;
    color: #999;
}

.fig-text {
    font-size: 13px;
    line-height: 26px;
    color: #656565;
    float: left;
    width: 355px;
    margin-right: 20px;
    padding-bottom: 20px;
}

.fig-text .pzbtn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #1aad19;
    color: #fff;
    margin: 0 5px;
    padding: 0 12px;
}

.fig-pic {
    float: left;
}

.fig-pic img {
    max-width: 100%;
}

.fig-timg {
    display: inline-block;
}

.fig-ttext {
    display: inline-block;
    width: 300px;
    margin-left: 30px;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}

.t-title {
    font-size: 16px;
    color: #999;
    padding-bottom: 10px;
}

.t-title span {
    font-size: 24px;
    color: #1aad19;
}

.page-description {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 30px 60px;
}

.page-description h1 {
    font-size: 30px;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}

.page-description p {
    font-size: 14px;
    line-height: 30px;
}

.page-deblock {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #eee;
    overflow-y: auto;
}

@media (max-width: 1600px) {
    .fig-text {
        float: none;
        width: auto;
    }
}


/* 帮助 */

.help-main {
    padding-bottom: 100px;
    position: relative;
}

.help-v-1 {
    background: url(../images/help/h-logo-bg.png) right 100px no-repeat;
}

.help-block {
    padding: 25px 10px;
    position: relative;
}

.help-block h2 {
    font-size: 24px;
    color: #595959;
    padding-bottom: 15px;
}

.help-block p {
    font-size: 14px;
    color: #595959;
    line-height: 30px;
}

.help-block p .btn {
    margin-top: 2px;
    margin-bottom: 2px;
}

.help-block .h-biaoshi {
    padding: 2px 10px;
    margin: 0 5px;
    background: #23b7e5;
    color: #fff;
    display: inline-block;
    line-height: 24px;
}

.h-ly a {
    display: inline-block;
    padding: 2px 15px;
    color: #fff;
    background: #c39364;
    line-height: 24px;
    font-size: 14px;
    margin: 2px 2px 2px 0;
}

.help-img {
    max-width: 100%;
    margin: 10px 0;
}

.d-right-img {
    margin-left: 80px;
    margin-top: -80px;
}

.coient-list ul li {
    float: left;
    width: 320px;
    padding: 30px 10px 0 30px;
}

.coient-list ul li .coient-ico {
    display: inline-block;
    margin-bottom: 10px;
}

.coient-bk {
    margin-bottom: 30px;
}

.coient-bk h4 {
    font-size: 22px;
    color: #595959;
    line-height: 28px;
    padding-bottom: 10px;
}

.coient-bk p {
    font-size: 13px;
    color: #8e8e8e;
}

.help-block h5 {
    font-size: 18px;
    padding-bottom: 12px;
    color: #595959;
}

.help-down-app {
    position: absolute;
    right: 25px;
    top: 25px;
    text-align: center;
    font-size: 14px;
}

.help-down-app h5 {
    font-size: 20px;
    color: #595959;
    padding-top: 5px;
}

.help-zhu {
    font-size: 13px;
    color: #23b7e5;
    margin-top: 40px;
}

.mobile-sm ul li {
    float: left;
    position: relative;
    padding-left: 190px;
    min-height: 180px;
    margin-right: 30px;
}

.mobile-sm ul li .mobile-ewm {
    position: absolute;
    left: 0;
    top: 0;
}

.mobile-sm ul li p {
    font-size: 14px;
    padding: 10px 0 0 0;
}

.mobile-sm ul li h5 {
    font-size: 24px;
    padding: 5px 0 10px 0;
}

.congure-left {
    float: left;
    padding: 20px 30px;
}

.congure-right {
    float: left;
    padding: 30px 0;
    font-size: 14px;
    line-height: 30px;
}

.mast-wm {
    position: relative;
    min-height: 120px;
    padding-left: 140px;
    font-size: 14px;
    padding-top: 5px;
}

.mast-wm h4 {
    font-size: 24px;
    color: #595959;
    line-height: 35px;
    padding-bottom: 10px;
}

.mast-wm .mast-img {
    position: absolute;
    left: 0;
    top: 0;
}

.mast-wm .mast-img img {
    width: 120px;
    height: 120px;
}

.help-f-5img {
    position: absolute;
    top: 70px;
    left: 700px;
}

.h-invit-s {
    padding-left: 50px;
    text-align: center;
    padding-top: 30px;
    font-size: 14px;
}

.h-invit-s h4 {
    font-size: 20px;
    color: #595959;
    padding-top: 5px;
}


/*.straw {position: absolute;color: #ee7600;right: -3px;top: -6px;text-align: center; font-size:30px;}*/

.straw {
    position: absolute;
    color: #fff;
    right: -10px;
    top: -10px;
    width: 0;
    height: 0;
    border-top: 30px solid #ee7600;
    border-left: 30px solid transparent;
    text-align: center;
}

.straw i {
    position: absolute;
    right: 3px;
    top: -30px;
    font-style: normal;
}

.wait-beijian,
.wait-shichang,
.wait-service {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 3px;
    position: relative;
    background: #fff;
    padding-left: 30px;
    margin-right: 5px !important;
}

.wait-shichang i,
.wait-service i,
.wait-beijian i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 22px;
    line-height: 22px;
    text-align: center;
}

.wait-shichang {
    border: 1px solid #ee7600;
}

.wait-shichang i {
    background: #ee7600;
}

.wait-service {
    border: 1px solid #28b779;
}

.wait-service i {
    background: #28b779;
}

.wait-beijian {
    border: 1px solid #19a9d5;
}

.wait-beijian i {
    background: #19a9d5;
}

.must-bill h2 {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding-bottom: 20px
}

.must-bill p {
    font-size: 13px;
    color: #5a5a5a;
    line-height: 24px;
}


/*.home-cbox.withdrawCash_money .col {*/


/*border:1px solid grey;*/


/*}*/


/*.home-cbox.withdrawCash_money .col.active {*/


/*border:1px solid #00a2ca;*/


/*background-color: #00a2ca;*/


/*color:#fff;*/


/*margin-right: 0;*/


/*}*/


/*.home-cbox.withdrawCash_money .col.active  p{*/


/*color:#fff;*/


/*}*/

.btn-authen {
    line-height: 20px;
    border-radius: 999rem;
    margin-right: 10px;
    border: 1px solid #f05050;
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
}

.btn-authen i {
    color: #f05050;
    font-size: 14px;
}

.btn-authen.real-name {
    border: 1px solid #fd9228;
    color: #fd9228;
    background: #fef6e9;
}

.btn-authen.real-name i {
    color: #fd9228;
}

.btn-authen.pero-name {
    border: 1px solid #fc4b40;
    color: #fc4b40;
    background: #ffe2df;
}

.btn-authen.pero-name i {
    color: #fc4b40;
}

.btn-authen.zc-member {
    border: 1px solid #ab48ff;
    color: #ab48ff;
    background: #f6ecff;
}

.btn-authen.zc-member i {
    color: #ab48ff;
}

.btn-authen.enjoy-member {
    border: 1px solid #f66d45;
    color: #f66d45;
    background: #fef0ec;
}

.btn-authen.enjoy-member i {
    color: #f66d45;
}

.btn-authen.gx-member {
    border: 1px solid #ff7e00;
    color: #ff7e00;
    background: #fbe8e0;
}

.btn-authen.gx-member i {
    color: #ff7e00;
}

.dot1-modbox-text ul li .pool-div span {
    margin-right: 10px;
    color: #666;
    display: inline-block;
}

.pool-div span:last-child {
    margin-right: 0;
}

.pool-div span font {
    color: #999;
}

.provider-marktab {
    border-bottom: 1px solid #f2f2f2;
    height: 30px;
}

.provider-marktab ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 15px;
}

.provider-marktab ul li.active {
    border-bottom: 1px solid #23b7e5;
}

.provider-marktab ul li a {
    color: #999;
    display: block;
}

.provider-marktab ul li.active a {
    color: #23b7e5;
}

.provider-none {
    padding: 10px 0;
    font-size: 12px;
    color: #999;
}

.provider-none img {
    width: 80px;
    margin-right: 10px;
}

.provider-markbox {
    padding: 10px 0;
}

.marklabel span {
    display: inline-block;
    line-height: 22px;
    border-radius: 999rem;
    border: 1px solid #eaeaea;
    padding: 0 14px;
    font-size: 12px;
    color: #666;
    margin: 5px 2px 0 0;
}

.px-box .table-bordered {
    border: none;
}

.px-box .table-bordered td {
    border: none;
    border-bottom: 1px solid #eaeff0;
    vertical-align: top;
}


/* 用户管理 */

.user-record {
    margin-right: 30px;
    padding-left: 60px;
    position: relative;
    padding-top: 20px;
}

.user-record .record-tb {
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 999rem;
    background: #80d3ed;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.user-record h4 {
    font-size: 14px;
    color: #333;
}

.user-record .record-number,
.user-record .record-number a {
    font-size: 26px;
    color: #333;
}

.user-record .ratio {
    padding-top: 10px;
    font-size: 12px;
    color: #999;
}

.user-record .ratio span {
    margin-right: 20px;
}

.user-record .ratio span i {
    font-size: 12px;
    margin-left: 5px;
}

.news-mould-block {
    margin-bottom: 30px;
}

.news-mould-list {
    border: 1px solid #eee;
    padding: 20px;
}

.news-mould-list ul li {
    position: relative;
    line-height: 22px;
    font-size: 13px;
    margin: 5px 0;
}

.news-mould-list ul li label {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
}

.news-mould-list ul li .mould-text {
    margin-left: 60px;
    color: #666;
}

.result-block .result-dl {
    position: relative;
    margin-bottom: 0;
    line-height: 22px;
}

.result-block .result-dl dt {
    font-weight: normal;
    color: #545454;
    display: inline-block;
}

.result-block .result-dl dd {
    display: inline-block;
    min-height: 22px;
    line-height: 22px;
}

.wait-bei,
.wait-shi,
.wait-fu,
.wait-jia,
.wait-tuo,
.wait-fan {
    font-size: 16px;
    margin-right: 5px!important;
}

.wait-bei {
    color: #2fba7e;
}

.wait-shi {
    color: #ee7600;
}

.wait-fu {
    color: #1684e9;
}

.wait-jia {
    color: #ee3533;
}

.wait-tuo {
    color: #8543e0;
}

.wait-fan {
    color: #13c2c2;
}

.Manual {
    border: 1px solid #eee;
    margin-bottom: 20px;
}

.Manual-tit {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eaeff0;
    background: #f5f5f5;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
}

.Manual-list {
    padding: 20px;
}

.Manual-list ul li {
    padding: 5px 0;
}

.Manual-list .form-group.inline {
    display: inline;
    margin-right: 20px;
    vertical-align: top;
    margin-bottom: 0;
}

.M-number {
    display: inline-block;
    height: 34px;
    vertical-align: middle;
}

.M-number a {
    float: left;
    height: 34px;
    width: 34px;
    background: #dfe5e5;
    line-height: 34px;
    text-align: center;
    font-size: 24px;
}

.M-number input {
    float: left;
    width: 60px;
    vertical-align: top;
    border-radius: 0;
    text-align: center;
}

.Additions a {
    line-height: 34px;
    font-size: 14px;
    color: #19a9d5;
}

.Manual-list .part-pic {
    padding: 0;
    border: none;
    margin-top: 0;
}

.wait-bei,
.wait-shi,
.wait-fu {
    font-size: 16px;
    margin-right: 5px!important;
}

.wait-bei {
    color: #2fba7e;
}

.wait-shi {
    color: #ee7600;
}

.wait-fu {
    color: #1684e9;
}

.Manual-list .part-pic {
    padding: 0;
    border: none;
    margin-top: 0;
}

.id-z {
    width: 160px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
}

.id-z .z-remark {
    line-height: 30px;
}

.id-z .zimg-box {
    width: 160px;
    height: 100px;
    border: 1px solid #eee;
    text-align: center;
    position: relative;
}

.id-z .zimg-box .z-c {
    width: 100%;
    height: 100%;
}

.id-z .zimg-box input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.id-z .zimg-box .z-c img {
    margin-top: 20px;
}

.id-z .zimg-box .z-h {
    width: 100%;
    height: 100%;
}

.id-z .zimg-box .z-h img {
    width: 100%;
    height: 100%;
}

.grantUl li{  margin-bottom: 15px;}
.grantUl li .form-group{ margin-right: 30px;}
.grantUl li .form-group .w-lg{ width: 280px;}
.qualpicuter{ width: 80px; height: 80px; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #ddd;}
.qualpicuter:hover{ cursor: pointer; border: 1px solid #19a9d5;}
.qualpicuter img { width: 100%; height: 100%;}
.qualpicuter a{ position: absolute; right:5px; top:5px; font-size:18px; z-index: 19;}

.upload-picture ul li { display: inline-block; width: 70px; height:70px; position: relative; border: 1px solid #eaeaea; border-radius: 3px;}
.upload-picture ul li img{ width: 100%; height: 100%;}
.upload-picture-hover{ background: rgba(0,0,0,.6); position: absolute; left: 0; top:0; right:0; bottom:0; z-index: 10; border-radius: 3px; line-height: 70px; text-align: center; display: none;}
.upload-picture-hover a{ font-size: 14px; padding: 0 3px; color: #fff;}
.upload-picture ul li:hover .upload-picture-hover{ display:block;}