/*---------------------public--------------------*/
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    font-size: 12px;
    color: #333;
}

a {
    text-decoration: none;
    color: #333;
}

del {
    color: #E13335;
}

a:hover, a:focus {
    outline: 0 ;
    outline-offset: 0;
    text-decoration: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0;
}

li {
    list-style: none;
}
.txt-over-elli{
    display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.main-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.main-content-single {
    padding: 5px;
}

.main-content-fixed {
    position: fixed;
    left: 214px;
    right: 5px;
}

.main-content-no-zs {
    left: 5px;
}

.main-content-no-top-s {
    bottom: 5px;
}

.main-content-nl {
    left: 5px;
    right: 5px;
    top: 5px;
}

.font-color-attention {
    color: rgb(255, 56, 98);
    position: relative;
    top: 2px;
    right: 2px;
    font-size: 12px;
    font-weight: bold;
}

.set-remind .font-color-attention {
    top: 0;
    right: 0;
}

.set-remind {
    color: #666;
}

.set-remind p {
    line-height: 14px;
}

.font-b {
    font-weight: bold;
}

.not-local {
    background-color: rgb(255, 245, 237);
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.is-local {
    background-color: rgb(255, 255, 255);
}

.table > tbody > tr > td.txt-algin-right {
    text-align: right;
}

.table > tbody > tr > td.txt-algin-left {
    text-align: left;
}

.table > tbody > tr > td.txt-algin-center {
    text-align: center;
}

.algin-left {
    text-align: left;
}

.algin-right {
    text-align: right;
}

.algin-center {
    text-align: center;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.operate-top .float-right .btn-search {
    margin-right: 0;
}

img {
    vertical-align: middle;
}

.form-horizontal .control-label {
    text-align: right;
}

.input-block {
    position: relative;
}
.form-txt .input-block-txt{
    line-height: 20px;
}
.input-block-txt{
    line-height: 30px;
}
.ten-item > .control-label {
    width: 120px;
}

.ten-item .input-block {
    margin-left: 128px;
}

.nine-item > .control-label {
    width: 108px;
}

.nine-item .input-block {
    margin-left: 116px;
}

.eight-item > .control-label {
    width: 96px;
}

.eight-item .input-block {
    margin-left: 104px;
}

.seven-item > .control-label {
    width: 84px;
}

.seven-item .input-block {
    margin-left: 92px;
}

.six-item > .control-label {
    width: 72px;
}

.six-item .input-block {
    margin-left: 80px;
}

.five-item > .control-label {
    width: 60px;
}

.five-item .input-block {
    margin-left: 68px;
}

.four-item > .control-label {
    width: 52px;
}

.four-item .input-block {
    margin-left: 56px;
}

.three-item > .control-label {
    width: 36px;
}

.three-item .input-block {
    margin-left: 44px;
}

.two-item > .control-label {
    width: 24px;
}

.two-item .input-block {
    margin-left: 32px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
}

/*.form-horizontal .form-group.col-xs-12:first-child {*/
/*margin-top: 8px;*/
/*}*/

.form-horizontal .form-group.padding-lr {
    padding-right: 0;
    padding-left: 0;
}

.form-horizontal .form-group.padding-l {
    padding-left: 0;
}

.form-horizontal .form-group.padding-r {
    padding-right: 0;
}

.form-horizontal .padding-lr {
    padding-left: 0;
    padding-right: 0;
}

.margin-t {
    margin-top: 10px;
}

.padding-lr {
    padding-left: 0;
    padding-right: 0;
}

.padding-r {
    padding-right: 0;
}

.padding-l {
    padding-left: 0;
}

.label {
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}

.form-group .label {
    position: relative;
    top: 4px;
}

.jswc {
    background-color: #d4ffba;
}

.zfcs {
    background-color: #ffebde;
}

.jzkh {
    background-color: #ebf4ff;
}
.yhfl .dropdown-menu{
    max-height: 190px;
}
.main {
    /*min-width: 1280px;*/
    width: 100%;
    height: 100%;
}
.option-sty1 span{
    display: block;
    height: 28px;
    line-height: 28px;
    padding:0 15px;
    background: #f2f2f2;
    float: left;
    margin:0 3px 3px 0;
    cursor: pointer;
}
.option-sty1 span.active{
    color: #fff;
    background: #e13335;
}
.option-sty1 span.disabled {
    color: #999;
    cursor: not-allowed ;
}

/*------------header-----------------*/
.main-header {
    width: 100%;
    height: 41px;
    line-height: 41px;
    background-color: #393a3e;
    border-bottom: 3px solid #E13335;
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 1000;
}

.header-title-r img {
    float: left;
}

.role {
    color: #fff;
    font-size: 13px;
    background-color: #E13335;
    padding: 0 10px;
}

.head-right > ul > li {
    float: left;
    position: relative;
}

.head-right > ul > li .item {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0 15px;
}

.head-right > ul > li:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all .5s;
    -webkit-transition: all .5s;
}

.head-right > ul > li img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.head-right > ul > li span {
    position: relative;
    top: 1px;
}

.sf {
    margin-right: 5px;
}

.admin-dropdowm .dropdown-menu {
    right: 0;
    left: auto;
}

.admin-dropdowm .caret {
    margin-left: 5px;
}

/*------------end of header-----------------*/

/*-----------------nav-----------*/
.main-nav-side {
    position: fixed;
    left: 0;
    top: 41px;
    bottom: 0;
    width: 150px;
    background-color: #3a3b40;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999;
}

.main-nav-side .menu {
    margin: 20px 0;
    position: relative;
}

.main-nav-side .menu > li > a {
    display: inline-block;
    width: 100%;
    padding: 0 12px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    border-left: 3px solid;
}

.main-nav-side .menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #e13335;
}

.main-nav-side .menu > li .active, .main-nav-side .menu > li > .active:hover {
    background-color: #e13335;
}

.main-nav-side .menu > li > a > span {
    color: #adadad;
    margin-right: 20px;
}

.main-nav-side .menu > li > a.first-menu-active > span {
    color: #fff;
}

.main-nav-side .menu > li > a.first-menu-active > .ud-icon {
    background-image: url("../images/white-down.png");
}

.main-nav-side .menu > li > a.open .ud-icon {
    background-image: url("../images/white-up.png");
}

.main-nav-side .menu > li > a:hover > span {
    color: #fff;
}

.main-nav-side .menu > li > .active, .main-nav-side .menu > li > .active > span {
    color: #fff;
}

.main-nav-side .menu > li > a > i {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 10px;
    background-position: center;
    background-size: 16px;
}

.main-nav-side .menu > li .order-manage {
    background-image: url("../images/order-manage.png");
}

.main-nav-side .menu > li .home {
    background-image: url("../images/home_icon.png");
}

.main-nav-side .menu > li .product-manage {
    background-image: url("../images/product-manage.png");
}

.main-nav-side .menu > li .financial-manage {
    background-image: url("../images/financial-manage.png");
}

.main-nav-side .menu > li .customer-manage {
    background-image: url("../images/customer-manage.png");
}

.main-nav-side .menu > li .warehouse-manage {
    background-image: url("../images/warehouse-manage.png");
}

.main-nav-side .menu > li .base-data {
    background-image: url("../images/base-data.png");
}

.main-nav-side .menu > li .price-manage {
    background-image: url("../images/price-manage.png");
}

.main-nav-side .menu > li .store-manage {
    background-image: url("../images/store-manage.png");
}

.main-nav-side .menu > li .set {
    background-image: url("../images/set.png");
}

.main-nav-side .menu .nav-bar {
    width: 5px;
    background-color: #e13335;
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.ud-icon {
    width: 10px;
    height: 10px;
    background-image: url("../images/gray-down.png");
    display: inline-block;
}

.main-nav-side .menu > li > a:hover .ud-icon {
    background-image: url("../images/white-down.png");
}

.main-nav-side .menu > li > a.open:hover .ud-icon {
    background-image: url("../images/white-up.png");
}

.main-nav-side .menu > li > .active .ud-icon {
    background-image: url("../images/white-down.png");
}

.sub-menu > a {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding-left: 44px;
    color: #adadad;
    text-decoration: none;
}

.sub-menu {
    display: none;
}

.sub-menu > a.active {
    background-color: #e13335;
    color: #fff;
}

.sub-menu > a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.main-nav-side .menu > li > .no-second-menu-active {
    background-color: #e13335;
    border-left: 3px solid #e13335;
}

.main-nav-side .menu > li > .no-second-menu-active:hover {
    background-color: #e13335;
    border-left: 3px solid #e13335;
}

.main-nav-side .menu > li > .no-second-menu-active span {
    color: #fff;
}

/*-----------------end of nav-----------*/

/*---------------main-body------------------*/
.main-content-container {
    margin-left: 150px;
    padding-top: 86px;
}

.main-body {
    padding: 10px;
    bottom: 0;
    z-index: 60;
}

/*---------------end of main-body------------------*/

/*----------main-title-------------*/
.main-title {
    width: 100%;
    position: fixed;
    top: 41px;
    /* left: 140px; */
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    font-family: 微软雅黑;
    /* height: 46px; */
    /* line-height: 47px; */
    padding: 14px 10px;
    /* padding-top: 15px; */
    background-color: #ffff;
    z-index: 80;
}

.main-title .title-txt {
    border-left: 3px solid #E13335;
    padding-left: 5px;
    height: 16px;
    line-height: 16px
}

/*--------------end of main-title--------------*/

/*弹窗*/
.alert-box .alert-title {
    height: 37px;
    line-height: 37px;
    /*border-bottom: 2px solid #E13335;*/
    /*background-color: #393939;*/
    padding: 0;
    background: linear-gradient(to bottom, #fff, #eeeeee);
    cursor: move;
}

.alert-box .alert-title .title-txt {
    /*color: #fff;*/
    padding: 0 10px;
    /*background-color: #E13335;*/
    font-weight: bold;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.alert-box .modal-body {
    padding: 0;
    max-height: 750px;
}

.alert-group-b .form-horizontal .form-group {
    margin-bottom: 7px;
}

.alert-box .modal-header .close {
    margin-top: 8px;
    margin-right: 10px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 transparent;
    opacity: 1;
}

.alert-box .modal-header .close:hover, .alert-box .modal-header .close:focus {
    opacity: .6;
}

.alert-body-group .form-horizontal {
    display: inline-block;
    width: 100%;
}

.alert-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/alert-close.png);
    background-size: 16px;
}

.modal-max {
    width: 1200px;
}

.modal-small {
    width: 400px;
    height: 485px;
}

.modal-mid-1 {
    width: 1000px;
}

.modal-mid {
    width: 800px;
}

.modal-com {
    width: 420px;
}

.modal-600 {
    width: 600px;
}

.modal-xjcgd {
    width: 860px;
}
.modal-open-card{
    width: 820px;
}
.customer-fl {
    position: relative;
}

.customer-fl > span {
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.customer-fl > span .c-je {
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 20px;
}

.customer-fl-jz > span {
    background-color: #3a80f7;
}

.customer-fl-jz > span .c-je {
    color: #3a80f7;
}

.customer-fl-xj > span {
    background-color: #E13335;
}

.customer-fl-xj > span .c-je {
    color: #E13335;
}

.customer-fl-czk > span {
    background-color: rgb(255, 144, 0);
}

.customer-fl-czk > span .c-je {
    color: rgb(255, 144, 0);
}

.customer-fl-jz input.form-control:disabled {
    background-color: rgb(235, 242, 254);
    border-color: #66afe9;
}

.customer-fl-xj input.form-control:disabled {
    background-color: rgb(255, 248, 248);
    border-color: #c1706d;
}

.customer-fl-czk input.form-control:disabled {
    background-color: rgb(255, 246, 238);
    border-color: rgb(250, 215, 170);
}

.price-input .control-label {
    font-size: 16px;
}

.price-input .form-control {
    height: 36px;
    font-size: 24px;
}

/*----------------table---------------------*/
.panel-table .table {
    margin: 0;

}

table[data-toggle='table'] {
    table-layout: fixed;
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 1px solid rgb(226, 226, 226);
}

.table thead tr {
    background: #f2f2f2;
    font-size: 12px;
    font-weight: bold;
}

.panel-table > .table-responsive > .table-bordered > tbody > tr:last-child > td {
    border-bottom: 1px solid rgb(226, 226, 226);
}

.table > thead > tr > th {
    font-weight: normal;
    font-size: 12px;
    position: relative;
}

.table > thead > tr > th, .table > tbody > tr > td {
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    word-wrap: break-word;
}

.panel-table tbody > tr:first-child > td {
    border-top: 0;
}

.panel-table .fixed-table-container {
    border: 0;
}

.fixed-table-header {
    position: relative;
    overflow: visible;
}

.fixed-table-footer tbody tr, .fixed-table-footer .table-hover > tbody > tr:hover, .tr-active {
    background-color: #f5f5f5;
}

.fixed-table-footer .account {
    display: inline-block;
    max-width: 83px;
}

.fixed-table-container .fixed-table-footer tbody td .th-inner {
    padding: 8px;
    line-height: 20px;
    font-weight: bold;
    text-align: right;
}

.panel > .table-bordered > tbody > tr:last-child > td {
    border-bottom: 1px solid rgb(226, 226, 226);
}

.table-bordered {
    border-color: rgb(226, 226, 226);
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid rgb(226, 226, 226);

}

.table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    min-height: 33px;
    height: 33px;
    position: relative;
}

td.break {
    word-break: break-all;
}
.table-hover > tbody > tr.tr-active {
    background-color: rgb(242, 245, 249);
}

.tr-active {
    background-color: rgb(242, 245, 249);
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
    padding: 0;
    height: 30px;
    line-height: 30px;
}

.fixed-table-container thead th .th-inner {
    text-align: left;
    padding: 0 8px;
    font-weight: bold;
}

.fixed-table-container thead th.algin-c .th-inner {
    text-align: center;
}

.bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: normal;
}

.tr_color {
    background: rgb(255, 245, 237);
}

.tr_right_click_color {
    background: rgb(242, 245, 249);
}

table .tier-icon {
    display: inline-block;
    width: 12px;
    height: 11px;
    border-left: 2px solid #1b1919;
    border-bottom: 2px solid #1b1919;
    margin-right: 2px;
    position: relative;
    top: -3px;
}

.wrapper {
    padding: 10px;
    border: 1px solid rgb(226, 226, 226);
    overflow: auto;
}

.bootstrap-table .table thead > tr > th {
    border-bottom: 0;
}

.fixed-table-body {
    position: relative;
}

.tb_bg_01 td {
    background: #f4fff0;
}

.tb_bg_02 td {
    background: #fff8f8;
}

.bg_gray {
    background-color: #f2f2f2;
}

.bg_not_local_gray {
    background-color: #fff5ed;
}

.tb_bg_no td {
    background: #fafafa;
    color: #999;
}

.tr_bg-red {
    background: #FF6E6E;
}

/*--------------no-data------------------*/
/*.bootstrap-table .no-records-found:hover{*/
/*background-color: #ffffff;*/
/*}*/
/*.no-data-card .no-records-found-img{*/
/*background-image: url("../images/no-data-card.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-customer .no-records-found-img{*/
/*background-image: url("../images/no-data-customer.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-financial .no-records-found-img{*/
/*background-image: url("../images/no-data-financial.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-jyxm .no-records-found-img{*/
/*background-image: url("../images/no-data-jyxm.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-price .no-records-found-img{*/
/*background-image: url("../images/no-data-price.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-set .no-records-found-img{*/
/*background-image: url("../images/no-data-set.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-data-warehouse .no-records-found-img{*/
/*background-image: url("../images/no-data-warehouse.png");*/
/*width: 300px;height: 150px;*/
/*}*/
/*.no-records-found .content{*/
/*width: 300px;*/
/*margin: 0 auto;*/
/*padding:100px 0;*/
/*}*/
/*.no-records-found .content h3{*/
/*font-size: 14px;*/
/*color: #666666;*/
/*margin-top: 10px;*/
/*position: relative;*/
/*}*/
/*.no-data-jyxm .content h3:before{*/
/*content: "经营项目没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-card .content h3:before{*/
/*content: "储值卡没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-customer .content h3:before{*/
/*content: " 客户没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-financial .content h3:before{*/
/*content: " 财务没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-price .content h3:before{*/
/*content: " 价格没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-set .content h3:before{*/
/*content: " 系统没有任何数据";*/
/*display: block;*/
/*}*/
/*.no-data-warehouse .content h3:before{*/
/*content: " 仓库没有任何数据";*/
/*display: block;*/
/*}*/

/*--------------panel----------------------*/
.panel {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-operate {
    background-color: #f9fbfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.panel-xyj {
    border-top: 0;
}

.operate-bottom {
    border-top: 0;
}

.operate-top {
    border: 0;
}

.operate-top .panel-body {
    padding: 7px 0;
}

.operate-bottom .panel-body {
    padding: 5px;
    position: relative;
}

.operate-top .btn {
    margin-right: 7px;
}

.color-box {
    width: 60px;
    height: 26px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 6px;
}
.form-group .control-label {
    float: left;
    padding-top: 6px;
}

.operate-bottom .form-group .control-label {
    padding-top: 7px;
}
.form-txt{
    line-height: 20px;
}
.form-txt .control-label{
    padding-top: 0;
}
.form-group .operate-label {
    padding-top: 14px;
}

.panel-table .panel {
    border: 0;
}

.select-con {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    min-width: 66px;
    text-align: center;
}

a.select-con {
    text-decoration: none;
}

.select-con.active {
    background-color: #e13335;
    -webkit-border-radius: 50%;
    -moz-border-radius: 14px;
    border-radius: 14px;
    color: #ffffff;
}

.modal-footer {
    padding: 7px 5px;
    background-color: #Ffffff;
}
.modal-content{
    -webkit-box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, .5);
    box-shadow: 0px 6px 20px 2px rgba(0, 0, 0, .5);
    border-color: transparent;
}
/*-----------input[type=text]-------------------*/
input::placeholder {
    font-size: 12px;
}

.form-control {
    height: 28px;
    padding: 0 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    border-color: #e4e4e4;
}

.form-control:hover {
    border-color: #858585;
}

.form-control[disabled] {
    /*color: #A9A9A9;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f0f0f0;
}

.form-control:disabled:hover {
    border-color: #ccc;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.form-control {
    height: 60px;
    resize: none;
    padding: 5px;
}

.form-control[type="text"][readonly] {
    background-color: #ffffff;
}

/*选择框*/
.select-group {
    width: 100%;
    height: 28px;
    border: 1px solid #e4e4e4;
    padding: 0 2px;
}

.select-group:hover {
    border-color: #858585;
}

.select-group:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select-group:disabled {
    cursor: not-allowed;
    background-color: #f0f0f0;
}

.select-group:disabled:hover {
    border-color: #ccc;
}

.dropdown-display, .dropdown-display-label {
    overflow: auto;
}

.dropdown-search input {
    width: 1px;
}

textarea.h-beizhu {
    height: 50px;
}

/*----------------panel-table--------------------*/
.panel-table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
/*----------button--------------------*/
.btn {
    min-width: 64px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px;
}

.order-scan-operate-top .panel-heading .btn {
    width: 90px;
    height: 32px;
    line-height: 32px;
}

.order-scan-operate-top .panel-heading .btn i {
    top: 5px;
    left: -1px;
}

.btn:active, .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn i {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    float: left;
    left: -3px;
    background: no-repeat center;
}

.btn-no-icon {
    min-width: 80px;
    padding: 0 9px;
    text-align: center;
}

.btn-add i {
    background-image: url(../images/add.png);
}

.btn-refresh i, .btn-refresh[disabled]:hover i {
    background-image: url(../images/refresh.png);
}

.btn-refresh:hover i {
    background-image: url(../images/refresh-hover.png);
}

.btn-refresh:active i {
    background-image: url(../images/refresh-active.png);
}


.btn-yecz i {
    background-image: url("../images/operation_ml.png");
}

.btn-czjl i {
    background-image: url("../images/operation_ddtime.png");
}

.btn-primary {
    background-color: #3a80f7;
    border-color: #3a80f7;
}

.h-search {
    position: absolute;
    top: 7px;
    right: 10px;
}

.h-search-btn > open > .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 4px;
    height: auto;
    z-index: 20;
}

.right-border {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #3a80f7;
    right: -1px;
    top: 0;
    display: none;
}

.btn-h-search {
    background-color: #ffffff;
    border: 1px solid #ccc;
    z-index: 3;
}

.zk .right-border {
    display: block;
}

.zk {
    height: 32px;
    line-height: 28px;
    border: 1px solid #3a80f7;
    border-bottom: 0;
}

.h-search-btn > .btn {
    margin-right: 0;
}

.h-search-btn .dropdown-menu {
    left: auto;
    right: 0;
    margin: 0;
    margin-top: -1px;
    z-index: 2;
    padding: 5px;
    width: 244px;
}

.h-search-sub {
    width: 370px;
    border: 2px solid #3a80f7;
    position: absolute;
    background-color: #FFFFFF;
    top: 30px;
    right: 0;
    z-index: 2;
    padding-top: 10px;
    display: none;
}

.h-search-btn > .btn {
    position: relative;

}

.h-search-sub .btn-default:active:hover, .h-search-sub .btn-default.active:hover, .h-search-sub .open > .dropdown-toggle.btn-default:hover, .h-search-sub .btn-default:active:focus, .btn-default.active:focus, .h-search-sub .open > .dropdown-toggle.btn-default:focus, .h-search-sub .btn-default:active.focus, .btn-default.active.focus, .h-search-sub .open > .dropdown-toggle.btn-default.focus {
    background-color: #ffffff;
    border-color: #ccc;
}

.bootstrap-select .btn, .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-offset: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none;
    background: #Fff;
    border: 1px solid #ccc;
}

.message-btn {
    width: 120px;
    height: 38px;
    line-height: 38px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.message-btn img {
    margin-right: 5px;
}

.reply i {
    background-image: url(../images/reply.png);
}

.forward i {
    background-image: url(../images/forward.png);
}

.delete i {
    background-image: url(../images/delete-m.png);
}

.btn-primary {
    background-color: #3a80f7;
    border-color: #3a80f7;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #6199f9;
    border-color: #6199f9;
}

.btn-primary:hover {
    background-color: #6199f9;
    border-color: #6199f9;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #3473dd;
    border-color: #3473dd;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus,
.btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #3473dd;
    border-color: #3473dd;
}

.btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: #b0ccfc;
    border-color: #b0ccfc;
}

.btn-upload {
    position: relative;
    width: 80px;
}

.btn-upload .input-file {
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 26px;
}

.btn-close {
    color: #ffffff;
    background-color: rgb(103, 150, 192);
    border-color: rgb(103, 150, 192);
}

.btn-close:focus,
.btn-close.focus {
    background-color: rgb(103, 150, 192);
    border-color: rgb(103, 150, 192);
    color: #ffffff;
}

.btn-close:hover {
    background-color: rgb(123, 164, 201);
    border-color: rgb(123, 164, 201);
    color: #ffffff;
}

.btn-close:active,
.btn-close.active,
.open > .dropdown-toggle.btn-close {
    background-color: rgb(123, 164, 201);
    border-color: rgb(123, 164, 201);
}

.btn-close:active:hover, .btn-close.active:hover, .open > .dropdown-toggle.btn-close:hover,
.btn-close:active:focus, .btn-close.active:focus,
.open > .dropdown-toggle.btn-close:focus, .btn-close:active.focus,
.btn-close.active.focus, .open > .dropdown-toggle.btn-close.focus {
    background-color: rgb(123, 164, 201);
    border-color: rgb(123, 164, 201);
}

.btn-warning {
    background-color: #ff9000;
    border-color: #ff9000;
}

.btn-warning:focus,
.btn-warning.focus {
    background-color: #ff9b1a;
    border-color: #ff9b1a;
}

.btn-warning:hover {
    background-color: #ff9b1a;
    border-color: #ff9b1a;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-color: #e58100;
    border-color: #e58100;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    background-color: #e58100;
    border-color: #e58100;
}

.btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
    background-color: #ffd399;
    border-color: #ffd399;
}

.btn-ref {
    background-color: #ffffff;
    border-color: #e2e2e2;
}

.btn-ref:hover {
    background-color: #ffffff;
    border-color: #ff9000;
    color: #ff9000;
}

.btn-ref:active {
    background-color: #e58100;
    border-color: #e58100;
    color: #ffffff;
}

.btn-ref[disabled] {
    background-color: #f8f8f8;
    border-color: #e2e2e2;
    color: #bbbbbb;
}

.cz_btn {
    display: inline-block;
    background: center no-repeat;
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: relative;
    top: 2px;
}

.btn-link {
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    font-size: 12px;
}

.operate-btn {
    display: inline-block;
    line-height: 20px;
    position: relative;
    padding-right: 4px;
    margin-left: -2px;
}

.operate-btn:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #e4e4e4;
    top: 50%;
    margin-top: -7px;
    right: 0;
}

.operate-btn:last-child:before {
    background-color: transparent;
}

.operate-btn i {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}

.operate-btn span {
    float: left;
    color: #68799e;
    position: relative;
    top: 1px;
}

.operate-btn:hover span {
    color: #3889ff;
}

.bj_btn {
    background-image: url(../images/bj_btn.png);
}

.operate-btn:hover .bj_btn {
    background-image: url(../images/bj_hover_btn.png);
}

.sc_btn {
    background-image: url(../images/sc_btn.png);
}

.operate-btn:hover .sc_btn {
    background-image: url(../images/sc_hover_btn.png);
}

.ck_btn {
    background-image: url(../images/ck_btn.png);
}

.operate-btn:hover .ck_btn {
    background-image: url(../images/ck_hover_btn.png);
}

.add_menu_btn {
    background-image: url(../images/add-menu.png);
}

.operate-btn:hover .add_menu_btn {
    background-image: url(../images/add-menu-hover.png);
}

.fz_btn {
    background-image: url(../images/fz_btn.png);
}

.operate-btn:hover .fz_btn {
    background-image: url(../images/fz_hover_btn.png);
}

.add_customer {
    background-image: url(../images/add_customer.png);
}

.operate-btn:hover .add_customer {
    background-image: url(../images/add_customer-hover.png);
}

.list_customer {
    background-image: url(../images/list_customer.png);
}

.operate-btn:hover .list_customer {
    background-image: url(../images/list_customer-hover.png);
}

.accounts-btn {
    background-image: url(../images/accounts-btn.png);
}

.operate-btn:hover .accounts-btn {
    background-image: url(../images/accounts-hover.png);
}

.temporaryAccounts-btn {
    background-image: url(../images/temporaryAccounts-btn.png);
}

.operate-btn:hover .temporaryAccounts-btn {
    background-image: url(../images/temporaryAccounts-hover.png);
}

.password-btn {
    background-image: url(../images/password-btn.png);
}

.operate-btn:hover .password-btn {
    background-image: url(../images/password-hover.png);
}

.more-btn {
    width: 26px;
    background-image: url(../images/more-btn.png);
}

.operate-btn .more-btn {
    width: 26px;
    background-image: url(../images/more-btn.png);
}

.operate-btn:hover .more-btn {
    background-image: url(../images/more-hover.png);
}

.preservation-btn {
    background-image: url(../images/preservation-btn.png);
}

.operate-btn:hover .preservation-btn {
    background-image: url(../images/preservation-hover.png);
}

.audit-btn {
    background-image: url(../images/audit-btn.png);
}

.operate-btn:hover .audit-btn {
    background-image: url(../images/audit-hover.png);
}

.audit-reverse-btn {
    background-image: url(../images/audit-reverse-btn.png);
}

.operate-btn:hover .audit-reverse-btn {
    background-image: url(../images/audit-reverse-hover.png);
}

.js-btn {
    background-image: url(../images/js-btn.png);
}

.operate-btn:hover .js-btn {
    background-image: url(../images/js-hover.png);
}

.abolition-btn {
    background-image: url(../images/abolition-btn.png);
}

.operate-btn:hover .abolition-btn {
    background-image: url(../images/abolition-hover.png);
}

.scan-btn {
    background-image: url(../images/scan-btn.png);
}

.operate-btn:hover .scan-btn {
    background-image: url(../images/scan-hover.png);
}

.receipt-settlement-btn {
    background-image: url(../images/receipt-settlement-btn.png);
}

.operate-btn:hover .receipt-settlement-btn {
    background-image: url(../images/receipt-settlement-hover.png);
}

.recharge-btn {
    background-image: url(../images/recharge-btn.png);
}

.operate-btn:hover .recharge-btn {
    background-image: url(../images/recharge-hover.png);
}

.consumption-btn {
    background-image: url("../images/consumption-btn.png");
}

.operate-btn:hover .consumption-btn {
    background-image: url("../images/consumption-hover.png");
}

.role-power-btn {
    background-image: url("../images/role-power.png");
}

.operate-btn:hover .role-power-btn {
    background-image: url("../images/role-power-hover.png");
}

.scan-report-btn {
    background-image: url("../images/scan-report-btn.png");
}

.scan-report-btn:hover {
    background-image: url("../images/scan-report-hover.png");
}

.operate-btn:hover .scan-report-btn {
    background-image: url("../images/scan-report-hover.png");
}

.report-power-btn {
    background-image: url("../images/report-power.png");
}

.operate-btn:hover .report-power-btn {
    background-image: url("../images/report-power-hover.png");
}

.btn-disabled {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
}

.btn-disabled:hover, .btn-disabled[disabled]:hover {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
}

.cz-bar {
    display: inline-block;
    margin-bottom: 0;
}

.bootstrap-table .table:not(.table-condensed) > tbody > tr > td.td-cz-bar {
    padding-left: 5px;
    padding-right: 5px;
}

.cz-bar li {
    float: left;
    position: relative;
    /*top: 3px;*/
}

.state-pay-part {
    background-image: url(../images/state-pay-part.png);
}

.state-pay-no {
    background-image: url(../images/state-pay-no.png);
}

.state-pay-nostate {
    background-image: url(../images/state-pay-nostate.png);
}

.state-pay-finished {
    background-image: url(../images/state-pay-finished.png);
}

.state-receipt-no {
    background-image: url(../images/state-receipt-no.png);
}

.state-receipt-finished {
    background-image: url(../images/state-receipt-finished.png);
}

.state-audit-no {
    background-image: url(../images/state-audit-no.png);
}

.state-audit-finished {
    background-image: url(../images/state-audit-finished.png);
}

.state-audit-failure {
    background-image: url(../images/state-audit-failure.png);
}

.state-order-abnormal {
    background-image: url(../images/state-order-abnormal.png);
}

.state-order-normal {
    background-image: url(../images/state-order-normal.png);
}

.state-payway-card {
    background-image: url(../images/state-payway-card.png);
}

.state-payway-cash {
    background-image: url(../images/state-payway-cash.png);
}

.state-payway-zfb {
    background-image: url(../images/state-payway-zfb.png);
}

.state-payway-wx {
    background-image: url(../images/state-payway-wx.png);
}

.state-payway-others {
    background-image: url(../images/state-payway-others.png);
}

.state-payway-hk {
    background-image: url(../images/state-payway-hk.png);
}

.state-payway-zp {
    background-image: url(../images/state-payway-zp.png);
}

.state-payway-bfjs {
    background-image: url(../images/sd_ioc_js1.png);
}

.state-payway-js {
    background-image: url(../images/sd_ioc_js.png);
}

.state-payway-yc {
    background-image: url(../images/sd_ioc_js2.png);
}

.state-payway-sd {
    background-image: url(../images/sd_ioc_js1.png);
}

.state-payway-wsd {
    background-image: url(../images/sd_ioc_suo.png);
}
.state-payway-gua {
    background-image: url(../images/sd_ioc_gua.png);
}
.state-payway-sd {
    background-image: url(../images/sd_ioc_suo1.png);
}

.state-payway-zf {
    background-image: url(../images/sd_ioc_suo2.png);
}

.state-payway-jz {
    background-image: url(../images/state-payway-jz.png);
}

.state-payway-zz {
    background-image: url(../images/state-payway-zz.png);
}

.state-receipt-zf {
    background-image: url(../images/state-receipt-zf.png);
}

.state-kd-sd {
    background-image: url(../images/sd_ioc_ddsd.png);
}

.state-kd-wsd {
    background-image: url(../images/sd_ioc_ddkq.png);
}

.state-qy {
    background-image: url(../images/operation_qy.png);
}

.state-jy {
    background-image: url(../images/operation_jy.png);
}

.state-scdzd {
    background-image: url(../images/ioc_scdzd.png);
}

.state-wscdzd {
    background-image: url(../images/ioc_wscdzd.png);
}

.state-ok {
    background-image: url(../images/operation_ok.png);
}

.state-print {
    background-image: url(../images/sd_ioc_sc0.png);
}

.state-print-default {
    background-image: url(../images/product_state_default.png);
}

.state-print-yq {
    background-image: url(../images/product_state_yq.png);
}

.state-print-yz {
    background-image: url(../images/sd_ioc_sc1.png);
}

.state-print-yh {
    background-image: url(../images/product_state_yh.png);
}

.state-fp {
    background-image: url(../images/sd_ioc_fp1.png);
}

.state-fp-yn {
    background-image: url(../images/sd_ioc_fp2.png);
}

.state-fp-yk {
    background-image: url(../images/sd_ioc_fp.png);
}

.state-wl {
    background-image: url(../images/sd_ioc_sc3.png);
}

.state-scwg {
    background-image: url(../images/ProduceFinish.png);
}

.state-ss {
    background-image: url(../images/KeepAccountingAudit.png);
}

.state-wg {
    background-image: url(../images/sd_ioc_sc2.png);
}

.state-rk {
    background-image: url(../images/sd_ioc_rk.png);
}

.state-sh {
    background-image: url(../images/sd_ioc_sh.png);
}

.state-sh1 {
    background-image: url(../images/sd_ioc_sh1.png);
}

.state-zf {
    background-image: url(../images/sd_ioc_zf.png);
}

.state-wxzc {
    background-image: url(../images/sd_ioc_wxjx.png);
}

.state-khfz {
    background-image: url(../images/operation_khfz.png);
}

.state-khfz1 {
    background-image: url(../images/operation_khfz1.png);
}

/*start对账列表*/
.state-dz-no-statement {
    background-image: url(../images/dz_1.png);
}

.state-dz-partial-statement {
    background-image: url(../images/dz_10.png);
}

.state-dz-success-statement {
    background-image: url(../images/dz_20.png);
}

.state-jk-bfjs-jk {
    background-image: url(../images/Remittance_Settlement_Part.png);
}

.state-jk-wjk {
    background-image: url(../images/Remittance_Un.png);
}

.state-jk-bfjk {
    background-image: url(../images/Remittance_Part.png);
}

.state-jk-yjk {
    background-image: url(../images/Remittance_Finish.png);
}

/*---------------switch-btn-------------------*/

.btn-switch {
    position: relative;
    cursor: pointer;
    display: inline-block;
    top: 2px;
}

.btn-switch .check-box {
    width: 60px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}

.check-box-switch {
    width: 60px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: rgb(215, 84, 82);
    position: relative;
}

.check-box-switch:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: left 0.1s;
}

.check-box-switch span {
    position: absolute;
    left: 25px;
    color: #ffffff;
}

.check-box-switch span.sp1 {
    display: none;
}

.check-box-switch span.sp2 {
    display: block;
}

input.check-box:checked + .check-box-switch {
    background-color: rgb(35, 188, 101);
}

input.check-box:checked + .check-box-switch:before {
    left: 38px;
    transition: left 0.1s;
}

input.check-box:checked + .check-box-switch span {
    left: 10px;
}

input.check-box:checked + .check-box-switch span.sp1 {
    display: block;
}

input.check-box:checked + .check-box-switch span.sp2 {
    display: none;
}

.check-box-switch-is-default span {
    left: 32px;
    top: 1px;
}

input.check-box:checked + .check-box-switch-is-default span {
    left: 13px;
}

/*------------------radio---------------------------*/
input[type=radio] {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input[type=radio]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("../images/radio.png");
    background-position: 0 0;
}

input[type=radio]:hover::before {
    background-position: -18px 0;

}

input[type=radio]:disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("../images/radio.png");
}

input[type=radio]:checked::before {
    background-position: 18px 0;
}

input[type=radio]:checked:disabled::before {
    background-image: url("../images/radio.png");
}

.ag-cell input[type="radio"]{
    top: 5px;
}
/*-------------checkbox--------------------*/
.panel-operate input.input-check[type=checkbox], .panel-operate input.input-check-all[type=checkbox], .panel-operate input[type=radio] {
    top: 3px;
}

.alert-body input[type=radio] {
    top: 2px;
}

.label-radio {
    position: relative;
    top: 3px;
    margin-right: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

.label-radio input[type='radio'] {
    top: 2px;
}

.ag-cell input.input-check-all[type=checkbox] {
    top: 5px;
}

.role-content .label-radio {
    margin-right: 15px;
}

.label-radio .radio-text {
    position: relative;
    top: -2px;
    left: 5px;
}

.label-radio .input-check-all {
    top: 2px;
}

.table input.input-check[type=checkbox], .table input.input-check-all[type=checkbox], .table input[type=radio] {
    top: 2px;
}

input.input-check[type=checkbox] {
    position: relative;
    width: 18px;
    height: 18px;
}

input.input-check[type=checkbox]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("../images/checkbox.png");
    background-position: 0 0;
}

input.input-check[type=checkbox]:hover::before {
    background-position: 0 18px;
}

input.input-check[type=checkbox]:disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("../images/checkbox.png");
}

input.input-check[type=checkbox]:checked::before {
    background-position: 18px 0;
}

input.input-check[type=checkbox]:checked:disabled::before {
    background-image: url("../images/checkbox.png");
}

input.input-check-all[type=checkbox] {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input.input-check-all[type=checkbox]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999999;
    background-color: #fff;
}

input.input-check-all[type=checkbox]:hover::before {
    border-color: #e13335;
}

input.input-check-all[type=checkbox]:disabled::before {
    border-color: #e2e2e2;
    cursor: default;
}

input.input-check-all[type=checkbox]:checked::before {
    background-color: #e13335;
    background-image: url("../images/gou.png");
    background-repeat: no-repeat;
    background-position: center;
    border-color: #e13335;
}

thead th .th-inner input.input-check[type=checkbox], .table thead th input.input-check-all[type=checkbox], .table thead th input[type=radio] {
    top: 4px;
}

/*-------------label---------------------*/
label {
    font-weight: normal;
}

/*----------alert-box----------------*/
.alert-body {
    overflow-y: auto;
}

.alert-body > .form-horizontal > .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
}

.alert-body .op-detail .form-group {
    margin-bottom: 10px;
}

.alert-footer {
    width: 100%;
    text-align: right;
    padding: 6px 5px;
    border-top: 1px solid rgb(226, 226, 226);
    background-color: rgb(240, 244, 249);
    user-select: none;
}

.alert-footer-new {
    width: 100%;
    text-align: right;
    padding: 6px 5px;
    border-top: 1px solid rgb(226, 226, 226);
    background-color: rgb(240, 244, 249);
    user-select: none;
}

.alert-body-group {
    background-color: #ffffff;
    margin: 5px;
    border: 1px solid rgb(226, 226, 226);
    padding-top: 10px;
}

.alert-no-border {
    border: 0;
}

.alert-body-bg-gray {
    background-color: rgb(245, 245, 245);
}

.alert-body-group-np {
    padding-top: 0;
    border: 0;
}

.no-padding {
    padding: 0;
}

.alert-line-title {
    margin-top: 0;
    background: #f2f2f2;
    padding: 6px 10px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid transparent;
}

.alert-body-group-left {
    margin-left: 0;
    padding: 5px;
}

.alert-body-group-left h6 {
    font-weight: bold;
    background-color: #f5f5f5;
    border-left: 3px solid #E13335;
    padding: 6px;
    line-height: normal;
    margin-top: 3px;
    margin-bottom: 3px;
}

.alert-body .employee-detail {
    margin-top: 6px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: inherit;
}

.alert-body .employee-detail > .form-horizontal > .form-group {
    margin-bottom: 10px;
    margin-right: 0;
    margin-left: 0;
}

.alert-body .employee-detail > .form-horizontal {
    width: 100%;
    display: inline-block;
}

.employee-num{
    height: 28px;
    line-height: 26px;
    border: 1px solid #e4e4e4;
    margin-right: -1px;
    padding: 0 10px;
    background-color: #f5f5f5;
    color: #666;
}
.dropdown-department  .dropdown-main{
    top: auto;
    bottom: 27px;
    border:1px solid #e4e4e4;
    box-shadow: -1px -1px 12px rgba(0, 0, 0, .175);
    border-radius: 4px 4px 0 0;
}
.dropdown-department  .dropdown-main ul{
    max-height: 150px;
}
.name-txt ul {
    margin-bottom: 0;
}

.name-txt ul li {
    padding: 3px 0;
    overflow: hidden;
}

.name-txt .name {
    width: 50px;
    float: left;
    color: #666;
    margin-left: 10px;
    text-align: right;
}

.name-txt .txt {
    margin-left: 70px;
    word-break: break-all;
}

.name-txt .pay-zt {
    position: relative;
    top: -2px;
}

.pay-zt {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.pay-zt-xj {
    border: 1px solid #e13335;
    color: #e13335;
    background: #fff8f5;
}

.pay-zt-jz {
    border: 1px solid #007DDB;
    color: #007DDB;
    background: #f6fbff;
}

.pay-zt-k {
    border: 1px solid #FF9000;
    color: #FF9000;
    background: #fff3e4;
}

.pay_sub {
    padding: 10px 0;
    background-color: #f0f0f0;
    position: relative;
    margin-top: 10px;
    border-radius: 4px;
}

.pay_sub .list {
    margin-bottom: 3px;
}

.pay_sub .list:last-child {
    margin-bottom: 0;
}

.pay_sub:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #f0f0f0;
    position: absolute;
    top: -10px;
    left: 25px;
}

.pay_sub .txt img {
    position: relative;
    top: -2px;
    margin-right: 3px;
    width: 18px;
}

/* --------scrollbar----------- */
.search_qy_c::-webkit-scrollbar,.tree-data .ag-body-viewport.ag-layout-normal::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.search_qy_c::-webkit-scrollbar-track ,.tree-data .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
    border-radius: 5px;
    background: #ffffff;
    border-left: 1px solid rgb(226, 226, 226);
}

.search_qy_c::-webkit-scrollbar-thumb,.tree-data .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-thumb{
    background: rgb(185, 185, 185);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);*/
}

.main-content-bottom .common-tabs-panel iframe .ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar, .main-content-bottom .common-tabs-panel iframe .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.main-content-bottom .common-tabs-panel iframe .ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-track, .main-content-bottom .common-tabs-panel iframe .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
    border-radius: 5px;
    background: #ffffff;
    border-left: 1px solid rgb(226, 226, 226);
}

.main-content-bottom .common-tabs-panel iframe .ag-theme-balham .ag-body-viewport.ag-layout-normal::-webkit-scrollbar-thumb, .main-content-bottom .common-tabs-panel iframe .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
    background: rgb(185, 185, 185);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);*/
}

/*-----tooltip-------*/
.tooltip-inner {
    max-width: 200px;
    padding: 2px 5px;
    color: #333;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(216, 216, 216);
    border-radius: 0;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0;
    border-bottom-color: #000;
}

.tooltip.bottom {
    padding: 2px 0;
    margin-top: 0;
}

.tooltip {
    white-space: nowrap;
}

/*---message-manage--------*/
.first-menu {
    width: 140px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    border-right: 1px solid #e2e2e2;
    background-color: #ffffff;
}

.first-menu ul li a {
    width: 100%;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-decoration: none;
    padding: 0 12px;
    color: #333;
}

.first-menu ul li a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 12px;
}

.first-menu ul li a.active {
    color: #3a80f7;
    background-color: #fafafa;
    position: relative;
}

.first-menu ul li a.active:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #3a80f7;
    left: 0;
    top: 0;
}

.first-menu ul li a.inbox i {
    background-image: url("../images/inbox.png");
}

.first-menu ul li a.outbox i {
    background-image: url("../images/outbox.png");
}

.second-menu {
    width: 220px;
    height: 100%;
    /*background-color: #fcfcfc;*/
    margin-left: 140px;
    position: fixed;
    /*border-right: 1px solid #e2e2e2;*/

}

.second-menu-wrapper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 20;
    position: absolute;

}

.second-menu-wrapper-bg {
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    border-right: 1px solid #e2e2e2;
    position: absolute;
    top: 0;
    z-index: 1;
}

.second-menu-wrapper::-webkit-scrollbar {
    display: none
}

.second-menu-item .date {
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    cursor: pointer;
}

.second-menu-item .date .caret {
    transition: all 0.3s;
    margin-top: -3px;
    color: #c2c2c2;
    margin-right: 4px;
}

.second-menu-item .date.message-list-close .caret {
    transform: rotate(-90deg);
    transition: all 0.3s;
}

.message-list {
    width: 220px;
    margin-bottom: 0;
}

.message-list li {
    background-color: #F2F2F2;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px;
    border-right: 1px solid #e2e2e2;
    position: relative;
}

.message-list li.active {
    background-color: #e9e9e9;
    border-right-color: #e9e9e9;

}

.message-list li:hover {
    background-color: #e9e9e9;
    border-right-color: #e9e9e9;
}

.message-list a {
    display: block;
    width: 100%;
    padding: 0 12px 0 26px;
    text-decoration: none;
}

.message-list .title {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-top: 2px;
}

.message-list .detail {
    clear: both;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-list .unread .title .float-left {
    font-weight: bold;
}

.message-list .unread i {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f39301;
    position: absolute;
    top: 15px;
    left: 12px;
}

.message-content {
    /*height: 100%;*/
    background-color: #ffffff;
    position: fixed;
    padding: 3px 18px;
    margin-left: 367px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.message-content .top {
    padding-bottom: 4px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.message-content .top h3 {
    font-size: 16px;
    font-weight: bold;
    font-family: 微软雅黑;
    margin-bottom: 15px;
}

.message-content .top p {
    color: #999;
    line-height: 12px;
    font-family: 宋体
}

.message-content .top .btn-bottom {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.message-content .top .btn-bottom .btn {
    border: 1px #e4e4e4 solid;
    padding: 0 11px;
    color: #999;
}

.message-content .top .btn-bottom .btn:hover {
    color: #333;
    border-color: #cbcbcb;
}

.message-content .top .btn-bottom .btn i {
    left: -5px;
    margin-right: -1px;
}

.message-detail {
    width: 100%;
    margin-top: 15px;
}

.message-detail textarea {
    width: 100%;
    height: 500px;
    outline: none;
    border: 0;
    line-height: 30px;
    resize: none;
}

.write-message {
    width: 720px;
    background-color: #ffffff;
    height: 500px;
    z-index: 888;
    position: absolute;
    box-shadow: 0 0 7px 5px rgb(196, 196, 196);
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -360px;
}

.inside-alert-wrapper .alert-content {
    width: 720px;
    background-color: #ffffff;
    height: 500px;
    z-index: 888;
    position: absolute;
    box-shadow: 0 0 7px 5px rgb(196, 196, 196);
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -360px;
}

.write-message .alert-footer {
    position: relative;
    bottom: 0;
}

.inside-alert-wrapper .alert-footer {
    position: absolute;
    bottom: 0;
}

.write-message .alert-footer .btn {
    min-width: 90px;
}

.write-message .alert-footer .cancel-btn {
    border: 1px solid #dddddd;
    color: #666666;
}

.write-message .alert-footer .cancel-btn:hover {
    color: #333;
    border-color: #cbcbcb;
}

.write-message .alert-footer .send-btn {
    border: 1px solid #3a80f7;
    background-color: #3a80f7;
    color: #ffffff;
}

.write-message .alert-footer .send-btn:hover {
    border: 1px solid #3971e3;
    background-color: #3971e3;
}

.inside-alert-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.2);*/
    z-index: 200;
    display: none;
    top: 0;
    left: 0;
}

.write-message-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    z-index: 99;
    display: none;
    top: 0;
    left: 0;
}

.write-message-header {
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 8px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.write-message .alert-body, .inside-alert-wrapper .alert-body {
    height: 430px;
    overflow-y: auto;
    background-color: #f5f5f5;
    padding: 5px;
}

.write-message .alert-body {
    height: 432px;
}

.inside-alert-wrapper .wrapper-content, .write-message .wrapper-content {
    border: 1px solid #e4e4e4;
    background-color: #ffffff;
    height: 420px;
    padding: 10px 0;
}

.write-message .wrapper-content .form-group .control-label {
    width: 60px;
    margin-left: 10px
}

.write-message .wrapper-content .form-group .txt {
    margin-left: 70px;
    margin-right: 10px
}

.write-message .wrapper-content .form-group textarea.form-control {
    height: 315px;
}

.write-message .alert-body {
    clear: both;
}

.czl {
    display: inline-block;
    margin-bottom: 0;
}

.czl li {
    float: left;
}

.czl li:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all .5s;
    -webkit-transition: all .5s;
}

/*----date-input-------*/
.input-group-addon {
    border-left: 0;
    padding: 4px 12px
}

/*------order-pay----------*/
.payment {
    overflow: hidden;
    margin: 10px 0 0;
    border-bottom: 1px #E2E2E2 solid;
    padding: 10px 0;
    background: #F5F5F5;
}

.payment ul li a {
    display: block;
    background: #ffffff;
    width: 186px;
    margin-left: 10px;
    float: left;
    text-align: center;
    border: 1px #E2E2E2 solid;
    line-height: 22px;
    padding: 10px 0;
    text-decoration: none
}

.payment ul li.hover a, .payment ul li a:hover {
    border-color: #3a80f7;
    position: relative;
}

.payment ul li a:hover {
    box-shadow: 0 0 10px rgba(58, 128, 247, 0.2);
}

.payment ul li.hover a {
    border: 2px #3a80f7 solid;
    width: 184px;
    color: #3a80f7;
    padding: 9px 0;
}

.payment ul li.hover a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 16px;
    background: url(../images/selected-icon.png) no-repeat;
    background-size: 12px;
}

.pay-wrapper {
    padding: 10px;
}

.pay-wrapper h3 {
    color: #666;
    font-size: 12px;
    margin: 10px 0;
}

.sy_dd {
    margin: 6px;
    padding: 10px;
    border: 1px #E2E2E2 solid;
    background: #ffffff;
}

.sy_dd h3 {
    font-size: 12px;
}

.zfts {
    background: #f0f4f9;
    color: #333;
    padding: 10px;
    border: 1px solid #E2E2E2;
    margin: 6px;
    margin-bottom: -7px;
    border-bottom: 0;
    z-index: 2;
    position: relative;
}

.zfts span.wicon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../images/icon10.png) 0 0 no-repeat;
    position: relative;
    top: -1px;
}

.sy_dda {
    line-height: 28px;
}

.sy_dda p {
    margin-bottom: 0
}

.sy_ddb {
    /* margin-top: 10px; */
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.sy_ddb h3 {
    margin-top: 10px;
}

.sy_ddc {
    overflow: hidden;
    line-height: 22px;
    background: #fafafa;
    border: 1px #E2E2E2 solid;
    padding: 10px;
}

.sy_ddc ul li {
    float: left;
    width: 33.33%;
    float: left;
    text-align: center;
    border-left: 1px #E2E2E2 solid;
    margin-left: -1px;
}

.sy_ddc ul li:first-child {
    border: none;
}

.sy_main h3 {
    color: #666;
    font-size: 12px;
}

.sy_ddc ul li p {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

/*.sy_ddd {*/
/*padding: 10px*/
/*}*/
.sy_ddd b, .card-pay b {
    font-size: 24px;
    color: #E13335;
}

.sy_ddd input.form-control, .money input.form-control {
    line-height: 56px;
    height: 56px;
    font-size: 24px;
    font-weight: bold;
}

.card-pay .remind {
    font-size: 12px;
}

.dd_item .layui-form-label {
    padding: 4px 0;
    width: 80px;
    float: left
}

.dd_item .layui-input-block {
    margin-left: 82px;
}

.dd_item .layui-input-block .ml-btn {
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid rgb(96, 153, 250);
    text-decoration: none;
    background: rgb(96, 153, 250);
    color: #ffffff;
}

.dd_item .layui-input-block .ml-btn:hover {
    border: 1px solid rgb(74, 137, 243);
    background: rgb(74, 137, 243);
}

.ml-dropdown .dropdown-menu {
    width: 100%;
    min-width: 100%;

}

.dd_item .layui-input-block .ml-btn-disabled, .dd_item .layui-input-block .ml-btn-disabled:hover {
    border: 1px solid rgb(156, 193, 255);
    background: rgb(156, 193, 255);
    cursor: not-allowed;
}

.sy_ddd input.form-control {
    line-height: 56px;
    height: 56px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
}

.alert-body .sy_dd .form-horizontal .form-group {
    margin-bottom: 0;
}

.min_money {
    padding-top: 5px;
    float: left;
}

.order-pay .un-use {
    font-size: 14px;
}

.nav-tabs > li {
    text-align: center;
    height: 40px;
    line-height: 38px;
    margin-bottom: -2px;
}

.order-pay .nav > li > a {
    padding: 0 15px;
    line-height: inherit;
    margin-right: 0;
    border-radius: 0;
    border-top: 0;
}

.order-pay {
    border: 1px solid #e4e4e4;
}
.nav-tabs{
    background: #f2f2f2;
}

.order-pay .nav-tabs > li.active > a, .order-pay .nav-tabs > li.active > a:hover, .order-pay .nav-tabs > li.active > a:focus {
    border-top: 0;
}

.order-pay .nav-tabs > li:first-child.active > a {
    border-left-color: transparent;
}

.order-pay .nav-tabs > li.active > a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e13335;
    position: absolute;
    top: 0;
    left: 0;
}

.fk_iocn {
    width: 24px;
    height: 24px;
    background: no-repeat center;
    background-size: 24px;
    display: inline-block;
    /*margin-right: 4px;*/
    position: relative;
    top: 8px;
    margin-right: 10px;
}

.fk_xj {
    background-image: url(../images/fk_xj.png);
}

.fk_cz {
    background-image: url(../images/fk_cz.png);
}

.fk_wx {
    background-image: url(../images/fk_wx.png);
}

.fk_zfb {
    background-image: url(../images/fk_zfb.png);
}

.fk_qt {
    background-image: url(../images/fk_qt.png);
}

.fk_pos {
    background-image: url(../images/fk_pos.png);
}

.fk_ye {
    background-image: url(../images/fk_ye.png);
}

.fk_zz {
    background-image: url(../images/fk_zz.png);
}

.fk_hk {
    background-image: url(../images/fk_hk.png);
}

.order-pay .card-pay .card-info {
    padding: 10px;
    border: 1px solid #e4e4e4;
    background-color: #f2f2f2;
}

.card-info .form-group {
    margin-bottom: 0;
}

.ewm-box {
    padding: 10px;
    background: #ffffff;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.ewm-pay {
    text-align: center;
}

.ewm-pay-wrap {
    width: 220px;
    margin: 0 auto;
    padding-top: 40px
}

.ewm-pay-txt {
    padding: 5px;
    background-color: #24aa39;
    color: #ffffff;
}

.zfb {
    background: #019fe8;
}

.ewm-pay-txt p {
    margin-bottom: 0;
}

.hk-pay .card-info {
    display: inline-block;
    width: 100%;
}

/*---------上传图片-----------------*/
.img-show {
    display: inline-block;
    position: relative;
}
.img-show .fa-trash{
    color: #e13335;
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 16px;
    display: none;
    cursor: pointer;
}
.img-show:hover .fa-trash{
    display: block;
}
.upload-list {
    display: block;
    width: 122px;
    height: 122px;
    border: 1px solid #e4e4e4;
    position: relative;
    margin-right: 3px;
    float: left;
}

.upload-img {
    width: 120px;
    height: 120px;
}

.add-btn {
    display: inline-block;
    width: 122px;
    height: 122px;
    border: 1px solid #e4e4e4;
    background-color: #fafafa;
    position: relative;
    cursor: pointer;
}

.add-btn-icon {
    display: block;
    width: 26px;
    height: 26px;
    background-image: url(../images/add-load-img.png);
    position: absolute;
    top: 27px;
    left: 45px
}

.add-btn .txt {
    position: absolute;
    font-size: 15px;
    color: #bbbbbb;
    top: 65px;
    left: 27px;
}

.add-btn input {
    position: absolute;
    font-size: 16px;
    color: #bbbbbb;
    width: 122px;
    height: 122px;
    opacity: 0;
    cursor: pointer;
}

/*role-set*/
.role-set {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #e4e4e4;
}

.role-set .nav-left {
    width: 160px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    position: relative;
}
.role-set .nav-left:after{
    content: '';
    border-left:1px solid #e4e4e4;
    position: absolute;
    right: 0;
    height: 100%;
}
.role-set .nav-left ul {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.role-set .nav-left li {
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    cursor: pointer;
    border-left: 3px solid #ffffff;
}

.role-set .nav-left li:hover {
    font-weight: bold;
}

.role-set .nav-left li.active {
    font-weight: bold;
    background-color: #f9fbfd;
    position: relative;
    border-left: 3px solid #e13335;
    border-right: 1px solid #fff;
    z-index: 1;
}

.role-content {
    height: 100%;
    overflow: auto;
    background: #f9fbfd;
}

.role-content .form-horizontal {
    display: inline-block;
    width: 100%
}

.role-content .form-horizontal .control-label-bb {
    text-align: left;
    padding-top: 11px;
    font-weight: bold;
}

.role-content .form-horizontal .control-label {
    text-align: left;
    font-weight: bold;
}

.role-content .input-block {
    padding-top: 5px;
}

.alert-body .role-content .form-horizontal .form-group {
    margin-bottom: 5px;
}

.form-horizontal .panel-operate .form-group {
    margin-bottom: 0;
}

.role-content .nine-item > .control-label {
    width: 130px;
}

.role-content .nine-item .input-block {
    margin-left: 130px;
}

/*td-sub-box*/
.sub-box {
    width: 500px;
    position: relative;
}

.sub-box-txt {
    display: block;
    width: 600px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sub-box:hover .td-box-hover {
    display: block;
}

.td-box-hover {
    z-index: 20;
    min-height: 30px;
    border: 1px solid #e4e4e4;
    position: absolute;
    top: 42px;
    left: 0;
    background-color: #ffffff;
    padding: 10px;
    text-align: left;
    display: none;
    -webkit-box-shadow: 0px 4px 9px 0px rgba(111, 111, 111, 0.5);
    -moz-box-shadow: 0px 4px 9px 0px rgba(111, 111, 111, 0.5);
    box-shadow: 0px 4px 9px 0px rgba(111, 111, 111, 0.5);
}

/*pagination*/

.pagination-content {
    overflow: hidden;
}

.pagination-content .pagination {
    margin: 0;
}

.pagination-total-count {
    float: left;
    padding: 6px;
    margin-right: 2px;
    line-height: 1.42857143;
    color: #535351;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination-page-size {
    height: 31px;
    line-height: 31px;
    float: left;
    padding: 0 6px;
    margin-right: 2px;
    color: #535351;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination-link-pager {
    float: left;
    display: inline-flex;
}

.pagination-total-page {
    float: left;
    padding: 6px;
    margin-left: 2px;
    line-height: 1.42857143;
    color: #535351;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination-page-input {
    float: left;
    padding: 6px 0;
    margin-left: 10px;
    width: 45px;
    text-align: center;
    line-height: 1.42857143;
    color: #535351;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.operate-bottom .table-pagination:after {
    display: block;
    content: "";
    clear: both;
}

.table-pagination .pagination-page-btn {
    float: left;
    min-width:40px;
    height: 31px;
    margin-left: 2px;
    line-height: 31px;
    padding: 0;
}

.pagination-content .select-group {
    line-height: 16px;
    padding-left: 8px;
    width: auto;
    height: auto;
    padding-right: 13px;
    appearance: inherit;
    -moz-appearance: inherit;
    -webkit-appearance: inherit;
    background: url("../images/select-page-nomal.png") no-repeat scroll right center transparent;
}

.pagination-content .select-group:hover, .pagination-content .select-group:active, .pagination-content .select-group:focus {
    background: url("../images/select-page-hover.png") no-repeat scroll right center transparent;
}

.pagination > .active > a {
    background-color: #e13335;
    border-color: #e13335;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #e13335;
    border-color: #e13335;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

.pagination > li > a:hover, .pagination > li > span:hover {
    color: #e13335;
}

.page-txt {
    position: relative;
    top: 8px;
    margin: 0 5px;
}

/*************************************************************
  end of pagination
  *************************************************************/

/*order-remind-table*/
.order-remind-table td, .order-remind-table th {
    padding: 5px;
}

.order-remind .title {
    display: inline-block;
    font-weight: bold;
    background-color: #efefef;
    padding: 7px 0;
}

.order-remind .title .txt1 {
    /*width: 476px;*/
    /*width: 601px;*/
    float: left;
    text-indent: 5px;
}

.order-remind .title .txt2 {
    width: 96px;
    float: left;
}

.order-remind .title .txt3 {
    width: 130px;
    float: left;
}

.order-remind .title .txt4 {
    width: 100px;
    float: left;
}

.order-remind-table label.select-group {
    width: 70px;
    font-weight: bold;
    height: auto;
    margin-bottom: 0;
    margin-right: 10px
}

.order-remind-table {
    position: relative;
    margin-bottom: 18px;
}

.order-remind-table:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    left: 0;
    bottom: -10px;
}

.order-remind-table .select-group {
    width: 120px;
    margin-right: 5px
}

.order-remind-table .remind-item .form-control {
    width: 120px;
    /*display: inline-block;*/
    display: inline-block;
}

.order-remind-table .select-group-t {
    width: 70px;
    margin-right: 10px
}

.order-remind-table tr td .remind-item {
    margin-bottom: 10px;
}

/*end of order-remind-table*/

/*report*/
.report > ul {
    display: flex;
}

.report > ul > li {
    flex: 1;
    color: #ffffff;
}

.report > ul > li .report-item {
    margin-right: 15px;
}

.report > ul > li:last-child .report-item {
    margin-right: 0;
}

.report > ul > li .report-item h3 {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;

    font-size: 12px;
    font-weight: bold;
}

.report > ul > li .report-item.yysr {
    background-color: #ea6868;
}

.report > ul > li .report-item.yysr h3 {
    background: #e44949;
}

.report-item-content {
    height: 114px;
}

.report-item-content i {
    display: block;
    width: 114px;
    height: 114px;
}

.yysr .report-item-content i {
    background: url("../images/bbzx_01.png") center no-repeat;
}

.report > ul > li .report-item.gdjs {
    background-color: #48b530;
}

.report > ul > li .report-item.gdjs h3 {
    background: #6dc849;
}

.gdjs .report-item-content i {
    background: url("../images/bbzx_02.png") center no-repeat;
}

.report > ul > li .report-item.khxz {
    background-color: #3096dc;
}

.report > ul > li .report-item.khxz h3 {
    background: #45aee4;
}

.khxz .report-item-content i {
    background: url("../images/bbzx_03.png") center no-repeat;
}

.report-item-detail {
    margin-left: 120px;
    margin-right: 15px;
}

.report-item-detail li {
    height: 36px;
    line-height: 36px;
    border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
}

.report-item-detail li:last-child {
    border-bottom: 0;
}

.report-t {
    display: flex;
}

.report-t-item {
    flex: 1;
}

.report-t-item > div {
    height: 400px;
    margin-right: 15px;
}

/*end of report*/

/*.login-main*/
.login-main {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/login-bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    overflow: auto;
}

.login-content {
    width: 480px;
    position: absolute;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -240px;
}

.login-info {
    width: 480px;
    height: 410px;
    padding-top: 125px;
    padding-left: 70px;
    padding-right: 70px;
    background-image: url("../images/login-content-bg.png");
}

.login-content > h2 {
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-shadow: 5px 1px 6px #343030;
    margin-bottom: 0;
}

.login-info .form-control {
    height: 37px;
    border-color: #ccc;
    border: 0;
    border-bottom: 1px solid #dddddd;
    padding-left: 40px;
    margin-bottom: 25px;
}

.login-info .password-login {
    margin-bottom: 20px;
}

.login-info input.form-control::-webkit-input-placeholder {
    color: #bbb;
    font-family: 宋体;
}

.login-info .login-item {
    position: relative;
}

.login-info .login-item > i {
    display: inline-block;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 0;
}

.name-login {
    background-image: url("../images/name-login.png");
    background-position: 0 -2px;
    background-repeat: no-repeat;
}

.password-login {
    background-image: url("../images/password-login.png");
    background-position: 0 -2px;
    background-repeat: no-repeat;
}

.btn-login {
    width: 100%;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 32px;
    font-weight: bold;
}

.login-content > p {
    display: inline-block;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-family: 宋体;
}

.login-content > p > span {
    font-family: Arial;
}

.error-remind {
    position: absolute;
    line-height: 18px;
    color: #e13335;
}

.login-info .error-remind i {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/error-login.png");
    float: left;
    margin-right: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
/ / 背景色透明 生效时长 过渡效果 启用时延迟的时间
}

/*end of .login-main*/
/**num-interval*!*/
.num-interval .title {
    width: 70px;
    background-color: #F0F0F0;
}

.num-interval .title .line {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
}

.num-interval .title .line:first-child {
    border-bottom: 0;
}

.interval-item {
    float: left;
}

.interval-item > div {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-left: 0;
    cursor: pointer;
}

.interval-item > div:hover {
    background-color: rgb(217, 230, 255);
}

.interval-item > div:first-child {
    border-bottom: 0;
}

.interval-item .interval-item-top {
    background-color: #F0F0F0;
}

.interval-item .form-control {
    text-align: center;
}

.item-top {
    padding-top: 6px;
}

.interval-item-top {
    position: relative;
}

.interval-item-top .item-c {
    padding: 6px 10px;
    display: none;
}

.interval-item-top .item-c .form-control {
    width: 60px;
}

.interval-item-top .item-c span {
    margin: 0 7px;
    line-height: 28px;
}

.interval-item .interval-item-top-active {
    background-color: rgb(217, 230, 255);
}

.interval-item-top-active:hover {
    cursor: auto;
}

.interval-item-top-active .item-c {
    display: block;
}

.interval-item-top-active .item-top {
    display: none;
}

.interval-item-bottom .item-bottom {
    display: block;
}

.interval-item-bottom .item-bottom-c {
    display: none;
    padding: 6px;
}

.interval-item-bottom-active {
    background-color: rgb(217, 230, 255);
}

.interval-item-bottom-active:hover {
    cursor: auto;
}

.interval-item-bottom-active .item-bottom-c {
    display: block;
}

.interval-item-bottom-active .item-bottom {
    display: none;
}

.interval-item-bottom .form-control {
    width: 50px;
}

.interval-item-bottom-active .item-bottom-c span {
    line-height: 28px;
    margin: 0 5px;
}

.num-interval-del {
    width: 16px;
    height: 16px;
    background-image: url(../images/num-interval-del.png);
    background-size: 16px 16px;
    position: absolute;
    right: 2px;
    top: 11px;
    display: none;
}

.del-can:hover .num-interval-del {
    display: block;
}

.add-item-btn {
    width: 30px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-left: 0;
    font-size: 18px;
    cursor: pointer;
    color: #999;
}

.add-item-btn:hover {
    background-color: #F0F0F0;
}

/*end of num-interval*/

/*************  attribute-lists  ******************/
.attribute-lists {
    /* position: absolute; */
    background-color: #ffffff;
    height: 40px;
    overflow-y: hidden;
    z-index: 101;
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

.attribute-lists:hover {
    border: 1px solid #1f7ed0;
}

.attribute-lists .tagsinput-add-container {
    border: 0;
    padding: 8px 60px 3px 8px;
}

.attribute-list-del-all:hover {
    color: #e13234;
    cursor: pointer;
}

.attribute-list i:hover {
    background: url("../images/del-tags-hover.png");
}

.more {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 50px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #e4e4e4;
    cursor: pointer;
}

.attribute-search-btn {
    font-size: 12px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 5px 18px;
}

.tag-item {
    color: #ffffff;
    display: inline-block;
    text-align: center;
    padding-left: 8px;
    padding-right: 30px;
    height: 26px;
    line-height: 26px;
    background: #1f7ed0;
    margin-bottom: 6px;
    margin-right: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tag-item i {
    display: block;
    width: 26px;
    height: 26px;
    background: url("../images/del-tags-normal.png");
    position: absolute;
    top: 1px;
    right: 0;
    cursor: pointer;
}

.tag-item i:hover {
    background: url("../images/del-tags-hover.png");
}

/************* end of  attribute-lists  ******************/

/*home-page*/

.home-page {
    padding: 0;
    bottom: 0;
    z-index: 60;
    background-color: #f5f5f5;
}

.home-page-top {

}

.operate-top-home-bg {
    padding-left: 10px;
    padding-right: 10px;
}

.home-page-top .date {
    line-height: 28px;
}

.home-page-top .date a {
    color: #666666;
    padding: 3px 2px;
    margin-right: 40px;
}

.home-page-top .date .title {
    color: #333333;
    font-weight: bold;
}

.home-page-top .date .active {
    color: #333333;
    border-bottom: 2px solid #e13335;
    font-weight: bold;
}

.home-page-top .form-control, .home-page-top .select-group {
    width: 150px;
    float: left;
}

.home-page-top .date-select .btn {
    margin-left: 10px;
    margin-top: 8px;
}

.home-page-top .control-label {
    float: left;
    padding-top: 15px;
    font-weight: bold;
}

.date-condition {
    padding: 0 25px;
    height: 42px;
    line-height: 44px;
    background-color: #fff;
    border-right: 1px solid #eeeeee;
    margin-right: 18px;
    font-weight: bold;
    position: relative;
}

.date-condition:before {
    content: "";
    width: 8px;
    height: 11px;
    background-image: url("../images/home-sj.png");
    position: absolute;
    right: -7px;
    top: 16px;
}

.home-page-content {
    padding: 10px 0 10px 10px;
}

.home-page-content .report-tabs {
    border: 1px solid #ddd;
}

.home-page .nav-tabs {
    border-bottom: 0;
}

.home-page .nav-tabs > li {
    height: 44px;
}

.home-page .nav-tabs > li > a {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    line-height: normal;
    padding: 4px 15px;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
    background: #fff;
    margin-right: 15px;
    margin-top: 8px;
}

.home-page .nav-tabs > li.active > a {
    border-color: #e13335;
    background-color: #e13335;
    color: #fff;
}

.order-num {
    display: flex;
    margin-bottom: 0;
}

.order-num li {
    flex: 1;
}

.order-num li .item {
    margin-right: 10px;
    border: 1px solid #eeeeee;
}

.order-num li .item .top {
    height: 103px;
    background-color: #ffffff;
    padding: 20px 12px 0 10px;
}

.order-num li .item .order-state {
    display: inline-block;
    width: 52px;
    height: 52px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    margin-top: 5px;
}

.order-num li .item .order-num-jz {
    background-color: #658cd7;
    background-image: url("../images/order-num-jz.png");
}

.order-num li .item .order-num-xj {
    background-color: #f4bd52;
    background-image: url("../images/order-num-xj.png");
}

.order-num li .item .order-num-nx {
    background-color: #43c7ad;
    background-image: url("../images/order-num-nx.png");
}

.order-num li .item .order-num-czk {
    background-color: #ff6c6c;
    background-image: url("../images/order-num-czk.png");
}

.order-num li .item .order-num-ycz {
    background-color: #a38cf7;
    background-image: url("../images/order-num-ycz.png");
}

.order-num li .item-disable {
    color: #ddd;
    background-color: #f4f4f4;
}

.order-num li .item-disable .order-state {
    background-color: #dddddd;
}

.order-num li .item .top .float-left p {
    color: #888;
    margin-bottom: 0;
}

.order-num li .item-disable .top .float-left p {
    color: #ddd;
}

.order-num li .item .top .float-left b {
    font-size: 36px;
    font-weight: normal;
}

.order-num li .item .bottom {
    height: 33px;
    line-height: 33px;
    background-color: #f9f9f9;
    padding: 0 12px 0 10px;
}

.home-page-title {
    display: flex;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 0;
}

.home-page-title li {
    flex: 1;
}

.turnover {
    display: flex;
    margin-bottom: 0;
    margin-right: 10px;
}

.turnover li {
    flex: 1;
}

.turnover .list-content {
    height: 310px;
}

.turnover .first {
    margin-right: 10px;
    padding: 9px;
    color: #ffffff;
    background-color: #ffffff;
    height: 100%;
    border: 1px solid #eeeeee;
}

.turnover .first .top {
    padding-top: 80px;
    width: 100%;
    height: 100%;
    background-image: url(../images/turnover-bg.jpg);
    text-align: center;
    position: relative;
    background-size: cover;
    margin-bottom: 8px;
}

.turnover-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url("../images/turnover.png");
}

.turnover .first .top .whole {
    font-weight: normal;
    font-size: 32px;
    margin: 0;
}

.turnover .first .top .rate {
    width: 100%;
    height: 46px;
    padding: 17px 0;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
}

.turnover .first .top .rate .item {
    width: 50%;
    float: left;
}

.turnover .first .top .rate .item:first-child {
    border-right: 1px solid #83dac7;
}

.turnover .first .bottom {
    height: 50px;
    line-height: 50px;
    background-color: #f4f4f4;
    color: #333;
    padding: 0 10px;
}

.turnover .second {
    padding: 9px;
    background-color: #ffffff;
    height: 100%;
}

.turnover .second .item {
    height: 143px;
    background-color: #f4f4f4;
    text-align: center;
    display: table;
    width: 100%;
}

.turnover .second .item .item-txt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.turnover .second .item b {
    font-weight: normal;
    font-size: 32px;
}

.turnover .second .item p {
    color: #888888;
}

.turnover .second .item:first-child {
    margin-bottom: 8px;
}

.turnover .three {
    padding: 9px;
    background-color: #ffffff;
    height: 100%;
    position: relative;
}

.turnover .three:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 285px;
    background-color: #e4e4e4;
    right: 9px;
    top: 9px;
}

.turnover h6 {
    font-weight: bold;
}

.turnover .three .chart {
    height: 260px;
    overflow: hidden;
}

.turnover .three .chart img {
    width: 100%;
}

.chart img {
    width: 100%;
}

.turnover .four {
    padding: 9px;
    background-color: #ffffff;
    height: 100%;
}

.turnover .four .item {
    height: 135px;
}

.turnover .four .item-disable {
    color: #bbbbbb;
}

.turnover .four .item:first-child {
    border-bottom: 1px solid #e4e4e4;
}

.turnover .four .item .item-content {
    display: inline-block;
    margin-top: 12px;
}

.turnover .four .item .item-content .chart {
    width: 86px;
    height: 86px;
}

.turnover .four .item .item-content .chart-txt {
    margin-left: 40px;
    margin-top: 12px;
}

.turnover .four .item .item-content .chart-txt b {
    font-size: 32px;
    font-weight: normal;
}

.turnover .four .item .item-content .chart-txt p {
    color: #888888;
}

.sell {
    display: flex;
    margin-bottom: 0;
}

.sell li {
    flex: 1;
}

.sell li .content {
    height: 395px;
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    margin-right: 10px;
}

.sell li .content img {
    width: 100%;
}

.product-order-state {
    display: flex;
    margin-bottom: 0;
}

.product-order-state li {
    flex: 1;
}

.product-order-state .item {
    height: 118px;
    background-color: #ffffff;
    margin-right: 10px;
    border: 1px solid #eeeeee;
}

.product-order-state .item .yc-state {
    display: inline-block;
    width: 87px;
    height: 116px;
    float: left;
}

.product-order-state .item .kd {
    background-color: #658cd7;
    background-image: url("../images/p-kd.png");
}

.product-order-state .item .dwl {
    background-color: #ab27bf;
    background-image: url("../images/p-dwl.png");
}

.product-order-state .item .qs {
    background-color: #32cbc2;
    background-image: url("../images/p-qs.png");
}

.product-order-state .item .scz {
    background-color: #8d54f8;
    background-image: url("../images/p-scz.png");
}

.product-order-state .item .shz {
    background-color: #e65456;
    background-image: url("../images/p-shz.png");
}

.product-order-state .item .wg {
    background-color: #17a218;
    background-image: url("../images/p-wg.png");
}

.product-order-state .item .yjd {
    background-color: #ffaa00;
    background-image: url("../images/p-yjd.png");
}

.product-order-state .item .zq {
    background-color: #8182fc;
    background-image: url("../images/p-zq.png");
}

.product-order-state .item .jqyw {
    background-color: #658cd7;
    background-image: url("../images/yc-jqyw.png");
}

.product-order-state .item .ywjq {
    background-color: #658cd7;
    background-image: url("../images/yc-ywjq.png");
}

.product-order-state .item .fgd {
    background-color: #658cd7;
    background-image: url("../images/yc-fgd.png");
}

.product-order-state .item .lsdd {
    background-color: #658cd7;
    background-image: url("../images/yc-lsdd.png");
}

.product-order-state .item .dsk {
    background-color: #ffaa00;
    background-image: url("../images/yc-dsk.png");
}

.product-order-state .item .tk {
    background-color: #ffaa00;
    background-image: url("../images/yc-tk.png");
}

.product-order-state .item .lssk {
    background-color: #ffaa00;
    background-image: url("../images/yc-lssk.png");
}

.product-order-state .item .gzkh {
    background-color: #ffaa00;
    background-image: url("../images/yc-gzkh.png");
}

.product-order-state .item .xjmsk {
    background-color: #ffaa00;
    background-image: url("../images/yc-xjmsk.png");
}

.product-order-state .item .txt {
    margin-left: 87px;
    height: 100%;
    text-align: center;
    padding-top: 35px;
    position: relative;
}

.product-order-state .item-disable .yc-state {
    background-color: #dddddd;
}

.product-order-state .item-disable {
    color: #dddddd;
}

.product-order-state .item .txt-sub {
    padding-top: 20px;
}

.product-order-state .item .txt-sub .sub {
    height: 32px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 9px;
}

.product-order-state .item .txt-sub .sub .sub-content {
    border-top: 1px solid #e2e2e2;
    width: 100%;
}

.product-order-state .item .txt p {
    color: #888888;
    margin-bottom: 0;
}

.product-order-state .item-disable .txt p {
    color: #bbbbbb;
}

.product-order-state .item .txt b {
    font-size: 26px;
    font-weight: normal;
}

.product-state .consumables {
    border: 1px solid #eeeeee;
    margin-right: 10px;
}

.product-state .consumables .line {
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    display: inline-flex;
    width: 100%;
}

.product-state .consumables .line:last-child {
    border-bottom: 0;
}

.product-state .consumables .line .name {
    width: 162px;
    text-align: center;
    color: #888;
    padding-top: 12px;
    float: left;
}

.product-state .consumables-list {
    width: 100%;
    padding-bottom: 9px;
}

.product-state .consumables-list .item {
    width: 125px;
    height: 70px;
    background-color: #f4f4f4;
    margin-top: 9px;
    margin-right: 10px;
    float: left;
}

.product-state .consumables-list .item .txt {
    display: table;
    width: 125px;
    height: 70px;
}

.product-state .consumables-list .item .txt .txt-c {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.product-state .consumables-list .item .txt .txt-c p {
    margin-top: 5px;
    color: #888;
    margin-bottom: 0;
}

.product-state .consumables-list .item .txt .txt-c b {
    font-size: 26px;
    font-weight: normal;
    line-height: 28px;
}

.equipment {
    height: 220px;
    margin-right: 10px;
    padding: 9px 0 9px 9px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    display: flex;
}

.equipment .item {
    flex: 1;
    border: 1px solid #eeeeee;
    margin-right: 10px;
}

.font-b {
    font-weight: bold;
}

.equipment .item .top {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 1px solid #eeeeee;
    background-color: #f4f4f4;
}

.equipment .item .top i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.equipment .item .top i.good {
    background-color: #43c7ad;
}

.equipment .item .top i.repair {
    background-color: #e13335;
}

.equipment .item .bottom {
    clear: both;
    height: 166px;
}

.equipment .item .bottom .left {
    width: 196px;
    height: 100%;
    float: left;
    text-align: center;
    color: #666666;
    padding-top: 20px;
    border-right: 1px solid #eeeeee;
}

.equipment .item .bottom .left p {
    margin-bottom: 0;
}

.equipment .item .bottom .left .txt {
    margin-top: 15px;
}

.equipment .item .bottom .left .date {
    color: #999999;
}

.sb-good {
    color: #17a218;
}

.sb-lh {
    color: #ffaa00;
}

.sb-bad {
    color: #e13335;
}

.equipment .item .bottom .right {
    margin-left: 196px;
    height: 100%;
}

.equipment .item .bottom .right .right-top {
    height: 135px;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    padding-top: 45px;
}

.equipment .item .bottom .right .right-top p {
    margin-bottom: 0px;
    color: #888;
}

.equipment .item .bottom .right .right-top b {
    font-size: 26px;
    font-weight: normal;
}

.equipment .item .bottom .right .right-bottom {
    height: 30px;
    line-height: 30px;
    background-color: #fafafa;
    padding: 0 12px;
}

.financial-status .collection {
    display: flex;
    margin-bottom: 0;
}

.financial-status .collection li {
    flex: 1;
}

.financial-status .collection .flex2 {
    flex: 2;
}

.financial-status .collection .item {
    height: 386px;
    margin-right: 10px;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}

.financial-status p {
    margin-bottom: 0;
}

.financial-status b {
    font-weight: normal;
}

.payment-amount .title {
    height: 88px;
    background-color: #4dd0ba;
    color: #ffffff;
    padding: 15px 20px;
}

.payment-amount .title p {
    text-indent: 6px;
}

.payment-amount .title b {
    font-size: 32px;
}

.payment-amount .payment-list .payment-list-c {
    height: 67px;
    width: 33.33%;
    float: left;
}

.payment-amount .payment-list .payment-list-c i {
    display: inline-block;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    margin: 15px 12px 15px 9px;
    float: left;
}

.payment-amount .payment-list .payment-list-c i.wx {
    background-color: #53c231;
    background-image: url("../images/cw-wx.png");
}

.payment-amount .payment-list .payment-list-c i.zfbp {
    background-color: #26b3f2;
    background-image: url("../images/cw-zfb.png");
}

.payment-amount .payment-list .payment-list-c i.xj {
    background-color: #feac26;
    background-image: url("../images/cw-xj.png");
}

.payment-amount .payment-list .payment-list-c i.zp {
    background-color: #797afc;
    background-image: url("../images/cw-zp.png");
}

.payment-amount .payment-list .payment-list-c i.sk {
    background-color: #e65456;
    background-image: url("../images/cw-sk.png");
}

.payment-amount .payment-list .payment-list-c i.zz {
    background-color: #23c7bd;
    background-image: url("../images/cw-zz.png");
}

.payment-amount .payment-list .payment-list-c i.jz {
    background-color: #fb8a2e;
    background-image: url("../images/cw-jz.png");
}

.payment-amount .payment-list .payment-list-c i.qt {
    background-color: #a5a0b3;
    background-image: url("../images/cw-qt.png");
}

.payment-amount .payment-list .payment-list-c i.dghk {
    background-color: #577fc3;
    background-image: url("../images/cw-dghk.png");
}

.payment-amount .payment-list .payment-list-c i.kjcz {
    background-color: #ac29bf;
    background-image: url("../images/cw-kjcz.png");
}

.payment-amount .payment-list .payment-list-c i.kjyc {
    background-color: #442cf2;
    background-image: url("../images/cw-kjyc.png");
}

.payment-amount .payment-list .payment-list-c .txt {
    float: left;
    padding-top: 15px;
}

.payment-amount .payment-list .payment-list-c .txt b {
    font-size: 18px;
}

.payment-amount .payment-list .payment-list-c .txt p {
    color: #888888;
    text-indent: 6px;
    font-family: 宋体;
}

.payment-amount .bottom {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    clear: both;
    border-top: 1px solid #eeeeee;
}

.payment-amount .bottom .float-left {
    color: #888;
}

.financial-status .collection .customer-money-bg {
    background-color: #f5f5f5;
    border: 0;
}

.customer-money {
    background-color: #ffffff;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

.customer-money:last-child {
    margin-bottom: 0;
}

.item-title {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

.customer-money-num {
    padding: 0 15px;
    height: 124px;
}

.customer-money-num i {
    display: inline-block;
    width: 54px;
    height: 54px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    background-color: #55c334;
    background-image: url("../images/cw-khyc.png");
    float: left;
    margin-top: 35px;
}

.customer-money-num .txt {
    float: left;
    margin: 40px 0 0 15px;
}

.customer-money-num .txt p {
    color: #888;
    text-indent: 6px;
}

.customer-money-num .txt b {
    font-size: 26px;
}

.collection .item .customer-money .bottom {
    margin: 0 10px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #eeeeee;
}

.collection .item .customer-money .bottom .float-left, .deposit-num-item p {
    color: #888;
}

.deposit-num {
    height: 124px;
    padding-top: 22px;
}

.deposit-num-item {
    height: 72px;
    padding: 15px 10px;
    width: 50%;
    border-right: 1px solid #eeeeee;
    float: left;
}

.deposit-num-item:last-child {
    border: 0;
}

.deposit-num-item b {
    font-size: 22px;
}

.financial-status .card {
    display: flex;
    margin-bottom: 0;
}

.financial-status .card li {
    flex: 1;
}

.financial-status .card .item {
    height: 296px;
}

.financial-status .card .item .item-list {
    height: 144px;
    width: 50%;
    margin-bottom: 10px;
    float: left;
}

.financial-status .card .item .item-list .item-list-content {
    height: 100%;
    margin-right: 10px;
    border: 1px solid #eeeeee;
    background-color: #fff;
}

.financial-status .card .item .margin-n {
    margin-bottom: 0;
}

.item-list-content i {
    display: inline-block;
    width: 54px;
    height: 54px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    float: left;
    margin: 44px 0 0 38px;
}

.item-list-content i.ye {
    background-color: #fb8628;
    background-image: url("../images/cz-ye.png");
}

.item-list-content i.cz {
    background-color: #55c334;
    background-image: url("../images/cz-cz.png");
}

.item-list-content i.xf {
    background-color: #e65355;
    background-image: url("../images/cz-xf.png");
}

.item-list-content i.jf {
    background-color: #a36eb4;
    background-image: url("../images/cz-jf.png");
}

.item-list-content .txt {
    float: left;
    margin: 48px 0 0 20px;
}

.item-list-content .txt p {
    color: #888888;
}

.item-list-content .txt b {
    font-size: 26px;
}

.financial-status .card .kp-item {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    margin-right: 10px;
    padding: 10px 0 0 10px;
}

.kp-item .kp-item-list {
    width: 50%;
    height: 134px;
    margin-bottom: 8px;
    float: left;
}

.kp-item-list-c {
    height: 134px;
    margin-right: 10px;
    background: #f4f4f4;
}

.kp-item-list-c > div {
    display: table;
    width: 100%;
    height: 134px;
}

.kp-item-list-c > div > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 134px;
}

.kp-item-list-c > div > div p {
    color: #888;
}

.kp-item-list-c > div > div b {
    font-size: 26px;
}

.item-disable i, .payment-amount .payment-list .payment-list-c.item-disable i, .item-disable .item-list-content i {
    background-color: #dddddd;
}

.item-disable,
.payment-amount .payment-list .payment-list-c.item-disable .txt p,
.payment-amount .payment-list .payment-list-c.item-disable .txt b,
.item-disable .customer-money-num .txt p,
.collection .item .customer-money.item-disable .bottom .float-left, .deposit-num-item p,
.item-disable .sb-good,
.item-disable .sb-bad,
.item-disable .item-list-content .txt p {
    color: #dddddd;
}

/* end of home-page*/

/*search-line*/
.search_qy {
    width: 206px;
    border-left: 1px #E4E4E4 solid;
    border-right: 1px #E4E4E4 solid;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    user-select: none;
    float: left;
}

.layui-collapse {
    border-width: 0;
}

.layui-colla-item {
    margin: 5px;
    border: 1px solid #ddd;
    border-top: 1px solid #e2e2e2;
    position: relative;
}

.layui-colla-item:first-child {
    border-top: 1px solid #e2e2e2;
}
.layui-table td, .layui-table th{
    font-size: 12px;
}
.ss-item {
    border: 0;
}

.layui-colla-title {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 10px;
    color: #333;
    background-color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: -1px;
    margin-top: 0;
    font-size: 12px;
}

.layui-colla-title i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/sub-sj.png");
    /*transform: rotate(-90deg);*/
    /*transition: all 0.3s;*/
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 10px;
}

.layui-colla-title.active i {
    background-image: url("../images/sub-sj.png");
    transform: rotate(90deg);
    /*transition: all 0.3s;*/
}

.layui-colla-title.active + .layui-colla-content {
    display: block;
}

.layui-colla-content {
    display: none;
    padding: 6px;
    line-height: 22px;
    /*border-top: 1px solid #e2e2e2;*/
    color: #666;
    background: #fff;
}

.layui-colla-content.active {
    display: block;
}

.btn-wrap {
    padding: 6px 0;
    margin-bottom: 20px;
}

.layui-btn {
    display: inline-block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 0 18px;
    background-color: #e13335;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.layui-btn:hover {
    opacity: 0.8;
    color: #fff;
}

.layui-btn:focus {
    color: #fff;
}
.search_qy .search_sx {
    overflow: hidden;
}
.search_sx_select_box{
    border: 1px solid #e4e4e4;
    padding: 6px;
    background: #f5f5f5;
    max-height: 180px;
    overflow: auto;
}
.search_qy .search_lg a {
    width: 100%;
}

.search_qy .search_sx a {
    display: inline-block;
    float: left;
    padding: 1px 8px;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    color: #666;
    margin-right: 3px;
}

.search_qy .search_sx a.disabled, .search_qy .search_sx a.disabled.active {
    background: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    border-color: #f5f5f5;
}

.search_qy .search_sx a.disabled:hover {
    color: #999;
}

.search_qy .search_sx a:hover {
    color: #E13335;
}

.search_qy .search_sx a.active {
    background-color: #fff9f6;
    color: #e13335;
    padding: 0 7px;
    border: 1px #E13335 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.search_qy .qtss_jszt a:hover {
    color: #e13335;
}

a:hover, a:focus {
    text-decoration: none;
}

.checkbox_zt {
    margin: 0px;
    background: #fff;
    border: 1px #E4E4E4 solid;
    padding: 10px 10px 5px 10px;
}

.select-wrap .date-select-item {
    margin: 5px 0;
    display: inline-block;
    width: 100%;
}

.select-wrap .date-select-item .name {
    padding: 3px 0;
    float: left;
}

.select-wrap .date-select-item .txt {
    margin-left: 20px;
}

.other-select .date-select-item .txt {
    margin-left: 32px;
}

.je-qj .form-control {
    width: 50px;
    float: left;
}

.je-qj span {
    float: left;
    margin: 0 5px;
    line-height: 28px;
}

.search_condi > h3.t_close {
    background-color: #fff9f6;
}

.search_condi > h3:hover .fa {
    color: #ff9000;
}

.search_condi_c_up {
    display: none;
}

.search_item {
    padding: 6px 6px 0 6px;
    line-height: 22px;
    position: relative;
}

.search_item:not(:first-child) {
    margin-top: 8px;
}

.search_item:not(:first-child):after {
    content: " ";
    position: absolute;
    top: 0;
    left: 5px;
    height: 1px;
    right: 5px;
    background-color: #eee;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin: 0;
}

.search_item > h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 6px 0;
    padding: 0 4px;
}

.search_item .search_txt {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 0;
}

.search_item .search_txt.search_txt_2 li {
    width: 50%;
    padding: 2px;
}
.search_item .search_txt li:not(.active):hover a {
    color: #e13335;
}

.search_item .search_txt li.active a {
    background-color: #fff9f6;
    color: #e13335;
    border: 1px solid #e13335;
}

.search_item .search_txt.search_txt_1 li {
    width: 100%;
    padding: 2px;
}

.search_item .search_txt.search_txt_1 li a {
    text-align: left;
}

.search_item .search_txt li a {
    display: block;
    width: 100%;
    padding: 0 2px;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer_time {
    margin-top: 10px;
    display: none;
}

.customer_time_li {
    display: flex;
}

.customer_time_li span {
    padding: 0 4px;
    line-height: 28px;
}

.customer_time_li:not(:last-child) {
    margin-bottom: 6px;
}

.btn_lg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #e2e2e2;
    margin: 6px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn_lg i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: no-repeat center;
    background-image: url(../images/ss_ioc.png);
}

.search_condi {
    border: 1px solid #ff9900;
    margin: 15px 4px 4px 4px;
    background-color: #f2f2f2;
}

.search_condi > h3 {
    font-size: 12px;
    text-align: center;
    margin: 0;
    line-height: 24px;
    background-color: #fff;
}

.search_condi > h3 .fa {
    color: #aaa;
}

.search_condi .search_item .search_txt li a {
    background-color: #fff;
}

.search_condi .search_item .search_txt {
    margin: 0 -2px;
}

.zdy_cond_btn {
    padding: 5px 10px 0 10px;
}

.zdy_cond_btn .btn_lg {
    height: 32px;
    line-height: 32px;
}

.custom_filter {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 6px;
}

.custom_filter_list {
    border: 1px solid #e4e4e4;
    margin-bottom: 6px;
}

.filter_box {
    overflow: hidden;
}

.filter_item {
    line-height: 30px;
    width: 25%;
    float: left;
}

.filter_item .txt {
    width: 80px;
    margin-right: 10px;
    color: #666;
    text-align: right;
}

.filter_item_n {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom_filter_hd {
    padding: 6px;
    background: #f2f2f2;
    line-height: 28px;
    border: 1px solid #e4e4e4;
    margin-bottom: 6px;
}

.custom_filter_hd .name {
    margin: 0 10px;
}

.custom_filter_btn {
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    margin-left: 10px;
    background: linear-gradient(to bottom, #fff, #f2f2f2);
    border: 1px solid #e4e4e4;
}

.custom_filter_btn_1 {
    color: #fff;
    background-color: #e13335;
    background: linear-gradient(to bottom, #ff5c5e, #e13335);
}

.custom_filter_btn:hover {
    border: 1px solid #ff9000;
    -webkit-box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
    box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
}

.custom_filter_btn_1:hover {
    color: #fff;
}

.custom_filter_name {
    overflow: auto;
}

.custom_filter_name li {
    width: calc((100% - 4px) / 2);
    background: #f5f5f5;
    margin-bottom: 4px;
    padding: 0 4px;
    line-height: 24px;
    position: relative;
    float: left;
}

.custom_filter_name li:nth-child(odd) {
    margin-right: 4px;
}

.custom_filter_name a {
    display: block;
}

.custom_filter_name li.active {
    background-color: #e13335;
}

.custom_filter_name li.active a {
    color: #fff;
}

.custom_filter_name li.active .fa-trash {
    color: #fff;
}

.custom_filter_name li:not(.active):hover a {
    color: #e13335;
}

.custom_filter_name li:not(.active):hover .fa-trash {
    color: #333;
}

.custom_filter_name .fa-trash {
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 16px;
    display: none;
    cursor: pointer;
}

.custom_filter_name li:hover .fa-trash {
    display: block;
}

.num_qj .qj_icon {
    margin: 0 5px;
}

/*end of search-line*/

.btn-new-icon i {
    background-image: url(../images/operation_xj.png);
}

.btn-close-icon i {
    background-image: url(../images/operation_no.png);
}

.btn-ok-icon i {
    background-image: url(../images/operation_ok.png);
}

.btn-gj-icon i {
    background-image: url(../images/operation_gj.png);
}

.btn-js-icon i {
    background-image: url(../images/operation_ok1.png);
}

.btn-dy-icon i {
    background-image: url(../images/operation_dy.png);
}

.btn-jk-icon i {
    background-image: url(../images/operation_jk.png);
}

.btn-bh-icon i {
    background-image: url(../images/operation_bh.png);
}

.btn-bj-icon i {
    background-image: url(../images/operation_bj.png);
}

.btn-jy-icon i {
    background-image: url(../images/operation_jy1.png);
}

.btn-qy-icon i {
    background-image: url(../images/operation_qy.png);
}

.btn-zf-icon i {
    background-image: url(../images/operation_zf.png);
}

.btn-lock-icon i {
    background-image: url(../images/sd_ioc_suo1.png);
}

.btn-unlock-icon i {
    background-image: url(../images/sd_ioc_suo.png);
}

.btn-cy-icon i {
    background-image: url("../images/scan_red.png");
}

.btn-ckjx-icon i {
    background-image: url("../images/dd_ioc_jx.png");
}

.btn-ss-icon i {
    background-image: url(../images/ss_ioc.png);
}

.btn-sx-icon i {
    background-image: url(../images/hf_ioc.png);
}
.btn-sd-icon i {
    background-image: url(../images/hf_ioc.png);
}
.btn-sc-icon i {
    background-image: url(../images/sc_ioc.png);
}

.btn-pzlb-icon i {
    background-image: url(../images/operation_pzlb.png);
}

.btn-dz-icon i {
    background-image: url(../images/operation_dz.png);
}

.btn-ys-icon i {
    background-image: url(../images/operation_ys.png);
}

.btn-cz-icon i {
    background-image: url(../images/operation_ml.png);
}

.btn-kp-icon i {
    background-image: url(../images/operation_kp.png);
}

.btn-cg-icon i {
    background-image: url(../images/operation_cg.png);
}

.btn-hc-icon i {
    background-image: url(../images/operation_ddtime.png);
}

.btn-kk-icon i {
    background-image: url(../images/operation_kk.png);
}

.btn-ck-icon i {
    background-image: url(../images/operation_ck.png);
}

.btn-ht-icon i {
    background-image: url(../images/operation_syb.png);
}
.btn-fs-icon i{
    background-image: url(../images/operation_xyb.png);
}
.btn-pd-icon i {
    background-image: url(../images/operation_pd.png);
}

.btn-qh-icon i {
    background-image: url(../images/operation_qh.png);
}

.btn-import i {
    background-image: url(../images/operation_dc.png);
}

.btn-export i {
    background-image: url(../images/operation_dr.png);
}

.btn-fz-icon i {
    background-image: url(../images/operation_hb.png);
}
.btn-bc-icon i {
    background-image: url(../images/operation_bc.png);
}
.btn-dp-icon i {
    background-image: url(../images/operation_dp.png);
}

.btn-shtg-icon i {
    background-image: url(../images/operation_shtg.png);
}

.btn-shbtg-icon i {
    background-image: url(../images/operation_shbtg.png);
}

.btn-search i {
    background-image: url(../images/btn-search.png);
}

.btn-delete i {
    background-image: url(../images/btn-delete.png);
}

.btn-tj i {
    background-image: url(../images/btn-tj.png);
}
.btn-process-icon i {
    background-image: url(../images/process.png);
}
.btn-jj-icon i{
    background-image: url(../images/sd_ioc_jj.png);
}
.btn-nx-icon i{
    background-image: url(../images/sd_ioc_nx.png);
}
.btn-wx-icon i{
    background-image: url(../images/sd_ioc_wx.png);
}
.btn-ye-icon i{
    background-image: url(../images/btn-ye.png);
}
.btn-sq-icon i{
    background-image: url(../images/operation_sq.png);
}
.btn-jjkc-icon i{
    background-image: url(../images/btn-jjkc.png);
}
.btn-rk-icon i{
    background-image: url(../images/btn-rk.png);
}
.btn-xk-icon i{
    background-image: url(../images/btn-xk.png);
}
.btn-fdz-icon i{
    background-image: url(../images/btn-fdz.png);
}
.btn-szjs-icon i{
    background-image: url(../images/btn-szjs.png);
}
.btn-cshmm-icon i{
    background-image: url(../images/btn-cshmm.png);
}
.btn-tk-icon i{
    background-image: url(../images/btn-tk.png);
}
.btn-new {
    border-color: #e2e2e2;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
}
.btn-new.active{
    background-color: #E13335;
    color: #fff;
}
.btn-new:hover {
    color: #000;
    border-color: #FF9000;
    box-shadow: 0px 0px 4px rgba(255, 142, 0, 0.3);
}

.btn-new:active {
    opacity: 0.8;
}

.btn-new[disabled] {
    border-color: #e2e2e2;
    color: #bbbbbb;
}

.btn[disabled], .btn.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.btn.only-icon {
    min-width: auto;
    padding: 0 7px;
}

.btn.only-icon i {
    left: 0;
    top: 0;
}

.btn-js {
    color: #ffffff;
}

.btn-bfjs {
    background-color: #ff9000;
}

.btn-jswc {
    background-color: #28b724;
}

.btn-js:hover, .btn-js:focus {
    color: #ffffff;
}

.btn-js:active {
    opacity: 0.8;
}

.btn-js[disabled] {
    background-color: #f8f8f8;
    border-color: #e2e2e2;
    color: #bbbbbb;
}
.export-btn-w{
    position: relative;
    display: inline-block;
}
.export-btn-w .export_sub{
    position: absolute;
    left: 0;
    border: 1px solid #e4e4e4;
    bottom: 28px;
    box-shadow: 0 5px 15px rgba(191, 191, 191, 0.5);
    padding:1px;
    background: #fff;
    min-width: 100%;
    z-index: 10;
    display: none;
}
.export-btn-w:hover .export_sub{
    display: block;
}
.export-btn-w .export_sub.down{
    top: 28px;
    bottom: auto;
}
.export-btn-w .export_sub a{
    display: block;
    white-space: nowrap;
    padding: 6px;
}
.export-btn-w .export_sub a:last-child{
    margin-bottom: 0;
}
.export-btn-w .export_sub a:hover{
    color: #e13335;
    background-color: #f5f5f5;
}
.export-btn-w .fa{
    position: relative;
    margin-left: 4px;
    top: -3px;
    color: #bbb;
}
.export-btn-w .fa-sort-up{
    top: 0;
}
.export-btn-w button:disabled  .fa{
    color: #666;
}
.export-btn-w .btn:hover .fa{
    color: #e13335;
}
.export-btn-w .product_state_sub a{
    padding: 3px 5px;
    line-height: 22px;
}
.export-btn-w .product_state_sub a .cz_btn{
    top:0;
}
.export-btn-w .product_state_sub  .icon1{
    float: left;
}
.export-btn-w .product_state_sub .icon-gx{
    float: right;
    display: none;
}
.export-btn-w .product_state_sub a.active .icon-gx{
    display: block;
}
.export-btn-w button:disabled+ .export_sub{
    display: none;
}
/* Right click */
.yjcd_menu {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px #d3d3d3 solid;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/
    min-width: 124px;
    padding: 1px;
    z-index: 1999;
}

.yjcd_menu ul {
    border-bottom: 1px #E4E4E4 solid;
    margin-bottom: 0
}

.yjcd_menu ul:last-child {
    border-bottom: 0;
}

.yjcd_menu ul li {
    position: relative;
}

.yjcd_menu ul li a {
    display: block;
    line-height: 32px;
    position: relative;
    cursor: default;
}

.yjcd_menu ul li a .caret {
    position: absolute;
    right: 5px;
    top: 14px;
    transform: rotate(-90deg);
}

.yjcd_menu ul li a i {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("../images/sub-sj.png");
    background-size: 12px 12px;
    position: absolute;
    right: 3px;
    top: 11px;
}

.yjcd_menu ul li a:hover i {
    background-image: url("../images/sub-sj-hover.png");
}

.yjcd_menu ul li a dt {
    display: block;
    width: 28px;
    height: 32px;
    float: left;
    background: #f2f2f2;
    /*margin-right: 6px;*/
}

.yjcd_menu ul li a dd {
    display: block;
    line-height: 32px;
    padding-left: 6px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    height: 32px;
    white-space: nowrap;
    padding-right: 28px;
}

.yjcd_menu ul li a .cart {
    position: absolute;
    right: 5px;
    top: 14px;
    transform: rotate(-90deg);
}

.yjcd_menu ul li:hover > a dd, .yjcd_menu ul li:hover > a dt {
    background: #E13335;
    color: #fff;
}

.yjcd_menu ul li a.disabled:hover dt {
    background: #f9f9f9;
}

.yjcd_menu ul li a.disabled:hover dd {
    background-color: #ffffff;
}

.yjcd_menu ul li a.disabled dd {
    color: #888;
}

.yjcd_menu_sub {
    position: absolute;
    display: none;
    left: 100%;
    top: -1px;
    max-width: 200px;
    max-height: 350px;
    overflow: auto;
}

.yjcd_menu > ul > li:hover .yjcd_menu_sub {
    display: block;
}

.yjcd_menu_sub dt img {
    position: relative;
    top: 4px;
}

/* end of Right click */

/*chongzhi*/
.js-wrap .line {
    padding-top: 10px;
    border-top: 1px #E4E4E4 dashed;
}

.cz {
    padding-top: 20px;
    border-top: 1px #E4E4E4 dashed;
}

.hyk_hd {
    border: 1px #E4E4E4 solid;
    border-top: 3px #FF9000 solid;
    padding: 10px;
    position: relative;
    margin-top: 6px;
}

.hyk_hd:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #FF9000;
    margin-left: -4px;
}

.js-left select {
    padding: 0;
}

/*chongzhi*/

/*chongzhi-n*/
.dk {
    position: relative;
}

.dk .btn {
    min-width: 60px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.dk .form-control {
    padding-right: 65px;
}

.pay-way-btn {
    display: block;
    min-width: 128px;
    padding: 0 5px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    float: left;
    border: 1px solid #dddddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
}

.pay-way-btn:hover {
    color: #E13335;
}

.pay-way-btn.active {
    color: #E13335;
    border: 1px #E13335 solid;
    background: #fff9f6;
}

.pay-way-btn div {
    display: inline-block;
}

.pay-way-btn .fk_iocn {
    width: 26px;
    height: 26px;
    background-size: 26px;
    margin-right: 7px;
}

/*end of chongzhi-n*/

.line-fgx {
    padding-top: 10px;
    border-top: 1px #E4E4E4 dashed;
}

.role-fp {
    height: 500px;
}

.role-fp-l {
    /*width: 120px;*/
    height: 100%;
    float: left;
    padding: 0 10px;
}

.role-fp .role-content {
    border: 1px solid #e4e4e4;
}

.yy-qx {
    margin-bottom: 0;
}

.yy-qx li {
    float: left;
    padding-right: 5px;
    width: 87px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yy-qx li, .qx-fl {
    line-height: 22px;
}

.yy-qx i {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: center no-repeat;
    margin-right: 0px;
    float: left;
}

.yy-qx i.operation_ok {
    background-image: url(../images/operation_ok.png);
}

.yy-qx i.operation_no {
    background-image: url(../images/operation_no.png);
}

.role-fp .seven-item .input-block {
    margin-left: 86px;
}

.role-fp .role-content {
    margin-right: 10px;
}

.role-content fieldset {
    margin-top: 10px;
}

.role-content legend {
    padding: 0 8px;
    border: 0;
}

.operate-bottom .summary {
    color: #666;
    font-size: 14px;
    border: 0;
    height: 48px;
    line-height: 48px;
}

.operate-bottom .summary .dj {
    margin-left: 20px;
}

.operate-bottom-duizhang {
    background-color: #F5F5F5;
    line-height: 49px;
}

.operate-bottom-duizhang .panel-body {
    padding: 0 5px;
}

.font-b {
    font-weight: bold;
}

.font-red {
    color: #E13335;
}

.font-green {
    color: #44a131;
}

.font-blue {
    color: #007DDB;
}

.font-org {
    color: #ff9000;
}
.font-gray{
    color: #999;
}
/*jk*/
.fixed-table-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.jk-top {
    /*background-color: #fff;*/
}

.jk-top ul {
    padding: 10px;
    width: 100%;
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-top: 2px #FF9000 solid;
    margin-bottom: 2px;
    background-color: #fff;
}

.jk-top ul li {
    width: 16.66%;
    border-right: 1px solid #e4e4e4;
    float: left;
    padding-left: 10px;
}

.jk-top-six ul li {
    width: 16.66%;
}

.jk-top ul li p {
    margin-bottom: 0;
    color: #666;
}

.jk-top ul li b {
    font-size: 14px;
}

.jk-top ul li:last-child {
    border-right: 0;
}

/*end of jk*/

/*key-search*/
.ct {
    width: 360px;
    margin: 0 auto;
}

.search-box {
    position: relative;
    width: 100%;
}

.search-box .form-control {
    width: 100%;
    padding-right: 70px;
    border-color: #e6e6e6;
}

.search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

/* end of key-search*/
/*end of thead-search*/

/*js-page*/
.js-page .panel-footer {
    padding: 0 0 5px 0;
    border-top: 2px #FF9000 solid;

}

.js-page .panel-footer > h6 {
    margin: 0;
    padding: 10px 5px;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
}

.js-page .panel-footer .js-top {
    border: 1px solid #ddd;
    padding: 10px 0 5px;
    overflow: auto;
    background-color: #fff;
    line-height: 24px;
    max-height: 165px;
}

.js-page .panel-footer .js-top ul li {
    width: 287.5px;
    float: left;
    border-right: 1px #E4E4E4 solid;
    padding: 0 5px;
    margin-bottom: 5px;
}

.js-page .panel-footer .js-top ul li.all {
    width: 60px;
}

.js-page .panel-footer .js-top ul li.all .name {
    width: 100%;
}
.js-page .panel-footer .js-top ul li .name {
    text-align: center;
}

.js-page .panel-footer .js-top ul li .txt {
    padding-top: 2px;
    margin-left: 10px;
}

.js-page .panel-footer .js-top a {
    /* line-height: 24px; */
    display: inline-block;
    border: 1px #E4E4E4 solid;
    color: #333;
    border-radius: 2px;
    padding: 0px 7px;
    background: #fff;
    /* line-height: normal; */
    min-width: 76px;
}

.js-page .panel-footer .js-top a:hover, .js-page .panel-footer .js-top a.hover {
    border-color: #E13335;
    color: #E13335;
    background: #fff9f6;
}

.js-page .panel-footer .js-top .name span {
    position: relative;
    top: 2px;
    font-weight: bold;
}

/*end of js-page*/
/*thead-search*/
.th-search .badge {
    background-color: #e13335;
    position: relative;
    top: -2px;
    left: 2px;
}

.th-search-content {
    /*font-family: 宋体;*/
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
}

.th-search-content .btn-sub {
    min-width: 30px;
    border: 1px solid transparent;
    background: transparent;
}

.th-search-content .dropdown-menu {
    z-index: 106;
    margin-top: -1px;
    padding: 5px 6px;
}

.th-search-content .gjz {
    width: 200px;
    padding: 5px 6px;
}

.th-search-sub {
    background: #f2f2f2;
    text-align: left;
}

.th-search-content .dropdown-menu-np {
    padding: 0;
}

.th-search-content.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .15);
    z-index: 107;
    background: #f2f2f2;
    border-bottom: 0;
}

th .sub-icon {
    width: 7px;
    height: 7px;
    display: inline-block;
    background-image: url(../images/th-s-icon.png);
    background-position: center;
    background-repeat: no-repeat;
}

th .sub-icon.selected {
    background-image: url(../images/th-ss-red.png);
}

.th-search-content:hover .th-search-sub {
    display: block;
}

.th-search-sub-p {
    padding: 6px;
}

.mdxl .dropdown-menu {
    display: block;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow-x: auto
}

.select2-container--default .select2-selection--single {;
    text-align: left;
}

.fixed-table-container thead th.th-search .th-inner {
    padding-right: 25px;
    overflow: visible;
    position: relative;
}

.th-search-sub h6 {
    margin: 0;
    text-align: left;
    padding: 10px 6px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
}

.jgqj, .khyx {
    background-color: #ffffff;
}

.mdss .th-search-sub-p {
    overflow: auto;
    max-height: 138px;
    width: 100%;
    height: 100%;
    font-weight: bold;
}

.mdss .th-search-sub-p > div {
    width: 33.33%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mdss .radio-text {
    font-weight: bold;
}

.mdss h6 {
    padding: 6px;
}

.mdss .select-group {
    height: 26px;
    margin-left: 5px;
}

.mdss .khyx-btn {
    overflow: hidden;
    font-weight: bold;
}

.mdss .khyx-btn .gx {
    margin-right: 12px;
}

.mdss .khyx-btn .gx:hover {
    color: #e13335;
}

.jgqj .form-control {
    width: 90px;
    float: left;
}

.jgqj > div {
    overflow: hidden;
}

.jgqj span {
    line-height: 28px;
    float: left;
    margin: 0 7px;
    color: #bbbbbb;
}

.jgqj .jgqj-btn {
    float: left;
}

.jgqj-btn {
    height: 28px;
    line-height: 28px;
    background-color: #e13335;
    color: #ffffff;
    min-width: 60px;
    font-family: 微软雅黑;
    margin-left: 5px;
    border: 0;
}

.jgqj-btn:hover, .jgqj-btn:focus {
    background-color: #d63335;
    color: #fff;
}

.table thead th .th-search-sub input.input-check-all[type=checkbox] {
    top: 2px;
}

.th-search-sub .label-radio {
    margin-bottom: 0;
}

.khyx-btn {
    padding: 5px;
    text-align: center;
    background-color: #Ffffff;
    border-top: 1px solid #e4e4e4;
}

.th-search .tl {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.date-s {
    width: 325px;
}

.date-s .form-control {
    width: 120px;
}

/*end of thead-search*/

.alert-container-right {
    left: 290px;
    border: 0;
}

.alert-container-left {
    width: 280px;
}

.alert-container-right-b {
    top: 346px;
}

.title-op {
    line-height: 28px;
}

/*invoice-detail*/
.invoice-xq {
    height: 360px;
    border: 6px solid #e13335;
    border-bottom: none;
}

.invoice-xq:before {
    content: "";
    width: 100%;
    height: 19px;
    background-image: url(../images/fpxx_bg.jpg);
    position: absolute;
    bottom: 0;
}

.ffxq-bg .invoice-detail {
    padding-bottom: 20px;
    padding-top: 10px;
    margin-bottom: 0;
    position: relative;
}

.ffxq-bg .invoice-detail:before {

}

.ffxq-bg .invoice-detail li {
    margin-bottom: 6px;
}

.ffxq-bg .invoice-detail li.line {
    padding-top: 10px;
    border-top: 1px #E4E4E4 dashed
}

.ffxq-bg .invoice-detail li .name {
    width: 85px;
    float: left;
    text-align: right;
    margin-right: 10px;
    color: #666;
}

.ffxq-bg .invoice-detail li .txt {
    margin-left: 82px;
}

/*end of invoice-detail*/
/*charge-alert*/
.charge-content .fgx {
    width: 100%;
    height: 1px;
    background-color: #c1c1c1;
}

.charge-content .charge {
    min-height: 325px;
}

.charge-content .charge .charge-left {
    height: 100%;
    float: left;
    border-right: 1px solid #e4e4e4;
    padding: 0 25px;

}

.charge-content .charge .charge-right {
    float: left;
    height: 100%;
}

.card-detail-mod {
    width: 100%;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: rgba(181, 181, 181, 0.75) 0px 2px 5px;
    -moz-box-shadow: rgba(181, 181, 181, 0.75) 0px 2px 5px;
    box-shadow: rgba(181, 181, 181, 0.75) 0px 2px 5px;
    margin-top: 15px;
    position: relative;
}

.card-detail-mod:before {
    content: "";
    position: absolute;
    width: 0;
    border: 15px solid #efeaea;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    left: 50%;
    margin-left: -7px;
    top: -30px;
}

.charge-left .select-group {
    height: 45px;
    font-size: 14px;
    background-color: #f7f7f7;
    color: #999;
}

.charge-left h4 {
    font-size: 15px;
    font-weight: bold;
}

.card-detail-mod .top {
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #999;
}

.card-detail-c {
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
}

.card-detail-c p span {
    font-size: 13px;
    color: #999;
}

.hk-bank {
    padding: 10px 0;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

.charge-bottom .control-label {
    font-weight: bold;
    font-size: 15px;
}

.charge-bottom .form-control {
    height: 36px;
    font-size: 15px;
    font-weight: bold;
}

.charge-content .ewm-pay-wrap {
    width: 176px;
    margin: 0 auto;
    padding-top: 40px;
}

.charge-content .charge .charge-left {
    height: 100%;
    float: left;
    border-right: 1px solid #e4e4e4;
    padding: 0 25px;
}

.charge-content .js-wrap {
    height: 515px;
    position: relative;
}

.charge-content .js-wrap .js-left {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    border: 1px solid #e4e4e4;
    padding: 10px 5px 10px 10px;
    width: 280px;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
}

.charge-content .js-wrap .js-right {
    position: absolute;
    left: 290px;
    right: 5px;
    bottom: 5px;
    top: 5px;
}

.tuikuan-b {
    overflow: hidden;
    margin: 0 5px 5px;
}

.order-info > li {
    line-height: 28px;
    display: inline-block;
}

.order-info > li .name {
    float: left;
    width: 60px;
    color: #666;
    margin-right: 10px;
    text-align: right;
}

.order-info > li .txt {
    float: left;
    width: 176px;
}

.order-info > li .txt .customer {
    display: inline-block;
    width: 108px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.order-info .kh {
    background: #E13335;
    color: #fff;
    padding: 0 10px;
}

.order-info .kh.xj {
    background: #E13335;
    color: #fff;
    padding: 0 10px;
}

.order-info .kh.jz {
    background: #1f7ed0;
    color: #fff;
    padding: 0 10px;
}

.je {
    padding-top: 20px;
    border-top: 1px #E4E4E4 dashed;
}

.je li {
    margin-bottom: 11px;
}

.je p {
    color: #666;
}

.je-input {
    width: 100%;
}

.je-input span {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    background: #fafafa;
    color: #999;
    text-align: center;
    line-height: 36px;
    border: 1px #E4E4E4 solid;
}

.je-input .form-control {
    height: 36px;
    border-color: #E4E4E4;
    text-indent: 36px;
    font-size: 16px
}

.bottom-ml ul {
    padding: 0 24px;
}

.bottom-ml ul li {
    margin-bottom: 15px;
}

.bottom-ml ul p {
    margin-bottom: 3px;
}

.pay-wrapper .je-input span {
    width: 58px;
    height: 58px;
    line-height: 58px;
}

.pay-wrapper .je-input .form-control {
    height: 58px;
    text-indent: 58px;
    font-weight: bold;
    font-size: 24px;
}

.kh_btn a {
    display: block;
    line-height: 34px;
    height: 34px;
    margin-bottom: 5px;
    text-align: center;
    margin-right: 0;
    font-weight: bold;
    border-radius: 2px;
    border: 1px #E4E4E4 solid;
    padding: 0 10px;
    box-shadow: 0px 0px 4px rgba(242, 242, 242, 0.8);
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
}

.kh_btn a i {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    float: none;
    margin-top: 0px;
    position: relative;
    top: 7px;
    background-image: url(../images/operation_ml.png);
}

.kh_btn a:hover {
    color: #000;
    border-color: #FF9000;
    box-shadow: 0px 0px 4px rgba(255, 142, 0, 0.3);
}

.kh_btn a:active {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
}

.js-right .top {
    padding: 10px 0;
    border: 1px solid #e4e4e4;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

.js-right .top .item {
    width: 33%;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    float: left;
}

.js-right .top .item:last-child {
    border-right: 0;
}

.js-right .top .item p {
    margin-bottom: 0;
}

.js-right .top .item .price {
    font-size: 18px;
    font-weight: bold;
}

.js-right .top .item .ds {
    color: #E13335;
}

.zxzf_money {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.zxzf_money b {
    color: #E13335;
}

.zxzf {
    text-align: center;
    overflow: hidden;
}

.zxzf .ewm {
    background: #fff;
    padding: 10px;
    width: 280px;
    margin: 10px auto;
    border: 1px #E4E4E4 solid;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.zxzf .ewm img {
    width: 100%;
}

.zxzf p {
    color: #666;
}

.pay-wrapper .card-info .item {
    width: 50%;
    float: left;
    padding: 10px;
    color: #666;
}

.pay-wrapper textarea.form-control {
    min-height: 60px;
}

.order-pay.five-tabs .nav-tabs > li {
    width: 20%;
}

.order-pay.nine-tabs .nav-tabs > li {
    width: 11.11%;
}

.operate-table {
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    overflow: hidden;
}

/*end of charge-alert*/
/*kaipiao*/
.kp-l li .name {
    width: 80px;
    margin-right: 5px;
}

.kp-l > li > .txt {
    width: 168px;
}

.kp-l li .txt .customer {
    width: 100px;
}

.fp_style {
    border-radius: 2px;
    padding: 0 7px;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    display: block;
}

.fp_style:hover {
    color: #E13335;
}

.fp_style.active {
    color: #E13335;
    border: 1px #E13335 solid;
    background: #fff9f6;
    line-height: 26px;
    padding: 0 6px;
}

.js-right .top .control-label {
    color: #666666;
}

.hx-part {
    overflow: hidden;
}

.hx-part-bottom {
    margin-top: 5px;
}

/*end of kaipiao*/
/*报表中心*/
.report_form {
    height: 100%;
    padding: 5px;
}

.report_nr {
    float: left;
    line-height: 32px;
    width: 20%;
    height: 100%
}

.report_nr .report_pd {
    margin: 0 3px;
    overflow: hidden;
    background: #fff;
    border: 1px #E4E4E4 solid;
    height: 100%;
    border-top: 3px #658cd7 solid;
    border-radius: 4px;
}

.report_nr .report_pd:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.report_nr h3 {
    padding: 0 10px;
    font-weight: bold;
    background: #F2F2F2;
    border-bottom: 1px #E4E4E4 solid;
    color: #000;
    font-size: 12px;
    line-height: 32px;
    margin: 0;
}

.report_nr ul {
    height: 100%;
    padding-bottom: 50px;
    overflow: auto
}

.report_nr ul li {
    float: left;
    width: 100%;
}

.report_nr ul li a {
    padding: 0 10px;
    display: block;
    background: #fff;
    margin: 4px;
}

.report_nr ul li a:hover {
    background: #6f98db;
    color: #fff;
}

.report_nr:nth-child(2) .report_pd {
    border-top-color: #FF9000;
}

.report_nr:nth-child(2) ul li a:hover {
    background: #FF9000;
}

.report_nr:nth-child(3) .report_pd {
    border-top-color: #3fd69f;
}

.report_nr:nth-child(3) ul li a:hover {
    background: #3fd69f;
}

.report_nr:nth-child(4) .report_pd {
    border-top-color: #ee7474;
}

.bb-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/bb_ioc.png);
    margin-right: 4px;
    float: left;
    margin-top: 3px;
}

.report_nr ul li a:hover .bb-icon {
    background: url(../images/bb_ioc_hover.png);
}

/*end of baobiao*/

/*customer-card-detail-content*/

.customer-card-detail-content .nav > li.active > a {
    color: #333;
}

.return-back-money {
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin-top: 5px;
}

textarea.form-control::-webkit-input-placeholder {
    font-size: 12px;
}

/*end of customer-card-detail-content*/

.main-bottom {
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    line-height:29px;
    border-top: 1px solid #e4e4e4;
    padding: 0 10px;
    bottom:0;
}

/*multiple-select*/
.ms-drop ul > li {
    position: relative;
}

ms-drop ul > li span {
    margin-left: 4px;
}

.ms-drop ul > li label {
    margin-bottom: 0;
}

.ms-drop ul .ms-select-1 {
    padding-left: 17px;
    position: relative;
}

.ms-drop ul .ms-select-2 {
    padding-left: 34px;
    position: relative;
}

.ms-drop ul .ms-select-3 {
    padding-left: 51px;
    position: relative;
}

.ms-drop ul .ms-select-4 {
    padding-left: 68px;
    position: relative;
}

.ms-select-icon:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 21px;
    border-bottom: 1px solid #e3dbdb;
    border-left: 1px solid #e3dbdb;
    left: 5px;
    top: -10px;
}

.ms-select-1:before {
    left: 5px;
}

.ms-select-2:before {
    left: 22px;
}

.ms-select-3:before {
    left: 39px;
}

.ms-select-4:before {
    left: 58px;
}

.ms-drop input[type="checkbox"] {
    position: relative;
    z-index: 1;
}

.ms-choice {
    border-radius: 0;
    border-color: #ccc;
}

.ms-choice:focus {
    outline: none;
}

.ms-select-2:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e3dbdb;
    left: 5px;
    top: -10px;
}

.ms-select-3:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 100%;
    border-left: 1px solid #e3dbdb;
    border-right: 1px solid #e3dbdb;
    left: 5px;
    top: -10px;
}

.ms-select-4:after {
    content: '';
    position: absolute;
    width: 18px;
    height: 100%;
    border-left: 1px solid #e3dbdb;
    border-right: 1px solid #e3dbdb;
    left: 5px;
    top: -10px;
}

.ms-no-af:after {
    width: 0;
    border-left: 0;
}

/*end of multiple-select*/

/*溢出 ... 的css start*/
.tooltip_nr {
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
}

.tooltip_nr span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 33px;
    display: table;
    display: none;
    color: #999;
    font-weight: bold;
}

/*溢出 ... 的css end*/

/*customer-price-style*/
.customer-left {
    height: 100%;
    overflow: hidden;
    width: 580px;
    padding-right: 5px;
    padding-left: 5px;

}

.customer-right {
    height: 100%;
    overflow: hidden;
    margin-left: 580px;
    padding-right: 5px;
}

.customer-right > iframe {
    width: 100%;
    height: 100%;
}

/*end of customer-price-style*/

/*header-right*/
.header-right {
    position: absolute;
    line-height: 36px;
    right: 0;
}

.header-right .item {
    float: left;
}

.help-icon {
    cursor: pointer;
}

.header-right .item .dropdown-toggle {
    color: #fff;
    padding: 0 15px;
}

.header-right a img {
    margin-right: 5px;
}

.header-right .item .dropdown-toggle > .txt {
    position: relative;
    top: 1px;
}
.header-right .ms-drop ul > li label{
    line-height: normal;
}
.header-right .tree-autocomplete{
    top: 3px;
    padding-right: 10px;
}
.header-right .tree-autocomplete .dropdown-menu{
    overflow-x: auto;
    width: auto;
    left: auto;
    right: 0;
}
.header-right .tree-autocomplete .caret{
    position: absolute;
    right: 0;
    top: 14px;
}
.header-right .tree-autocomplete .form-control{
    background-color: #e13335;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

/*end of header-right*/
.ms-parent {
    width: 176px;
}

select[multiple].select-mul {
    width: 176px;
}

.fz-select {
    width: 308px;
}

/*customer-info*/
.contact-info-top {
    overflow: hidden;
    border: 1px solid #e4e4e4;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}

.contact-info-top-s {
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
    display: block;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    overflow: visible;
}

.contact-info-top-s .name {
    line-height: 34px;
}

.contact-info-top-s .select-group {
    margin-top: 3px;
}

.contact-info-top .txt {
    font-weight: bold;
    margin-left: 15px;
}

.contact-info-c {
    height: 420px;
    overflow: auto;
    border: 1px solid #e4e4e4;
    padding: 10px 0 0 10px;
}

.contact-info-c ul li {
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
}

.lxr_list {
    margin-right: 10px;
    border: 1px solid #e4e4e4;
    position: relative;
    height: 137px;
    background: #fafafa;
    overflow: auto;
}

.xsdb .lxr_list {
    height: 100px;
}

.lxr_list:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.contact-info-c ul li .lxr_list:hover h6 {
    background-color: #fafafa;
}

.contact-info-c ul li .lxr_list:hover h6 a {
    display: block;
}

.contact-info-c ul li h6 {
    line-height: 32px;
    font-weight: bold;
    padding: 0 10px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px solid #e4e4e4;
}

.contact-info-c ul li h6 span {
    color: #666;
    margin-left: 6px;
    font-weight: normal;
}

.contact-info-c ul li h6 a {
    float: right;
    margin-left: 6px;
    color: #007DDB;
    font-weight: normal;
    display: none;
}

.contact-info-c ul li h6 i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 4px;
}

.contact-info-c ul li h6 .sex_icon_man {
    background-image: url("../images/sex_man.png");
}

.contact-info-c ul li h6 .sex_icon_girl {
    background-image: url("../images/sex_girl.png");
}

.contact-info-c ul li .list-c {
    padding: 3px 10px;
    overflow: hidden;
}

.contact-info-c ul li .list-c .name {
    float: left;
    color: #666;
    margin-right: 6px;
    width: 36px;
    text-align: right;
}

.contact-info-c ul li .list-c .txt {
    margin-left: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.contact-info-c ul li .select-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("../images/default_hot.png");
    position: absolute;
    bottom: 0;
    right: 0;
}

.lxr_list .add_btn {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("../images/add_ico.png");
    background-position: center 32px;
    background-repeat: no-repeat;
    background-size: 50px;
}

.lxr_list .add_btn p {
    text-align: center;
    margin-top: 86px;
    color: #bbb;
}

.alert_bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.lxr_add_alert {
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50px;
}

.alert_hd {
    background-color: #ffffff;
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}

.alert_hd .txt {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.alert_hd .alert-close {
    position: absolute;
    right: 10px;
}

#department .dropdown-menu {
    overflow-x: auto;
}

/*end of customer-info*/

/*订单应收表格下面金额展示start*/

.has-account-pagination {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.order-account .item {
    float: left;
    margin-left: 25px;
    margin-bottom: 0;
}

.order-account .item li {
    overflow: hidden;
    padding: 3px 0;
}

.order-account .item li.line {
    border-top: 1px solid #e4e4e4;
}

.order-account .item .til {
    float: left;
    width: 60px;
    color: #666;
}

.order-account .item .txt {
    width: 100px;
    float: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-hz {
    line-height: 32px;
    position: relative;
    width: 650px;
}

.hz-item-line {
    overflow: hidden;
}

.hz-item-line .hz-item {
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hz-item-line .hz-item span {
    margin: 5px;
}

.order-hz .fa-angle-up {
    right: 5px;
    position: absolute;
    top: 5px;
    font-size: 18px;
    color: blue;
}

.order-hz .order-hz-detail {
    position: absolute;
    width: 100%;
    border: 1px solid #bbb;
    bottom: 43px;
    background: #fff;
    -webkit-box-shadow: 0px -1px 10px 3px #ddd8d8;
    -moz-box-shadow: 0px -1px 10px 3px #ddd8d8;
    box-shadow: 0px -1px 10px 3px #ddd8d8;
    display: none;
}

.order-hz:hover .order-hz-detail {
    display: block;
}

.order-hz .order-hz-detail:after, .order-hz .order-hz-detail:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 10px 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-right: -8px;
}

.order-hz .order-hz-detail:after {
    bottom: -8px;
    border-color: #fff transparent transparent;
}

.order-hz .order-hz-detail:before {
    bottom: -10px;
    border-color: #bbb transparent transparent;
}

/*订单应收表格下面金额展示end*/

/*表头门店筛选*/
.mdss_th .ms-drop {
    display: block;
    position: relative;
}

.mdss_th .ms-choice {
    display: none;
}

.mdss_th .khyx-btn {
    text-align: right;
    padding-bottom: 0;
}

.mdss_th .th-search-sub-p {
    background-color: #f2f2f2;
}

.mdss_th .ms-parent {
    width: 300px;
}

.mdss_th select[multiple].select-mul {
    width: 300px;
}

.mdss_th .ms-drop.bottom {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fixed-table-container thead th .th-inner .mdss_th {
    line-height: 22px;
}

.mdss {
    padding: 6px 6px 0 6px;
}

.mdss .btn_bt {
    text-align: right;
    padding: 5px 0 0 5px;
}

/*end of 表头门店筛选*/

/*客户余额弹窗*/
.customer-balance-top {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 198px;
}

.customer-balance-top .bl-left {
    width: 255px;
    height: 100%;
    float: left;
    border: 1px solid #ddd;
}

.customer-balance-top .bl-right {
    margin-left: 260px;
}

.customer-balance-bottom {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.customer-balance .pay-wrapper {
    padding: 5px;
}

/*end of 客户余额弹窗*/

/*仓促管理*/
.cg-account {
    display: inline-block;
    line-height: 28px;
}

.gys-left {
    margin-right: 275px;
}

.gys-right {
    position: absolute;
    width: 280px;
    top: 0;
    right: 0;
}

.fp_style_bor {
    border: 1px solid #e4e4e4;
}

.fp_style_bor.active {
    line-height: 28px;
    padding: 0 7px;
}

.sj-zz .alert-line-title {
    margin-bottom: 0;
}

.sj-zz-top {
    overflow: hidden;
    padding: 6px 10px;
    line-height: 22px;
}

.sj-zz-top a {
    color: #ff9000;
}

.sj-zz-top a i {
    display: inline-block;
    width: 22px;
    height: 22px;
    float: left;
}

.upload-icon {
    background-image: url(../images/add_img.png);
}

.delete-icon {
    background-image: url(../images/dd_ioc_sc.png);
}

.sj-zz-c {
    display: table;
    text-align: center;
    width: 100%;
    padding: 10px;
    padding-top: 0;
    position: relative;
}

.sj-zz-c .fa {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 16px;
    color: #bbb;
    display: none;
    cursor: pointer;
}

.sj-zz-c .fa:hover {
    color: #E13335;
}

.sj-zz-c:hover .fa {
    display: block;
}

.sj-zz-c-img {
    display: table-cell;
    border: 1px dashed #e4e4e4;
    height: 58px;
    vertical-align: middle;
    background-color: #f5f5f5;
}

.sj-zz-c-img .default-img {
    width: 22px;
    height: 22px;
}

.sj-zz-c-img img {
    height: 50px;
}

.gyssh {
    height: 100%;
}

.gyssh .gys-left {
    margin-right: 275px;
    position: relative;
    height: 100%;
}

.gyssh .gys-right {
    width: 271px;
    bottom: 6px;
    border: 1px solid #ddd;
    right: 5px;
    top: 6px;
    background: #fff;
    padding: 10px 10px 0 10px;
    overflow: auto;
}

.gyssh .gys-right h3 {
    padding-left: 5px;
    border-left: 3px solid #E13335;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 12px;
    font-weight: bold;
}

.gyssh_img {
    height: 158px;
    border: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.gyssh_img b {
    text-align: center;
    background-color: #f2f2f2;
    padding: 4px 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
}

.gyssh-img-c img {
    height: 132px;
}

.gyssh_img .default-img {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    background-color: #fafafa;
}

.popup_center {
    /*position: absolute;*/
    background: #fff;
    border: 1px #e4e4e4 solid;
    /*top: 6px;*/
    /*left: 6px;*/
    /*bottom: 6px;*/
    /*right: 6px;*/
    padding: 10px;
    margin: 6px;
}

.popup_center .cgd_jcxx {
    margin-top: 10px;
}

.popup_center .cgd_bt {
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px #E4E4E4 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cgd_h3 {
    margin: 0 100px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.popup_center .cgd_jcxx ul li {
    line-height: 24px;
    margin-bottom: 10px;
}

.popup_center .cgd_jcxx ul li span {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px #E4E4E4 solid;
    position: relative;
}

.popup_center .cgd_jcxx ul li span:last-child {
    border-right: 0;
}

.popup_center .cgd_jcxx ul li i.fa {
    margin-left: 4px;
    font-size: 20px;
    position: relative;
    top: 2px;
    text-align: center;
    border-radius: 100px;
    border: 0px #ccc solid;
    color: #ccc;
}

.popup_center .cgd_jcxx ul li i.fa table {
    font-size: 12px;
}

.popup_center .cgd_hz {
    border: 1px #E4E4E4 solid;
    margin-bottom: 10px;
    border-top: 2px #E13335 solid;
}

.popup_center .cgd_cgzje {
    text-align: right;
    padding: 0 10px;
    background: #F2F2F2;
    position: relative;
    border-top: 0;
}

.popup_center .cgd_line {
    border-top: 1px #E4E4E4 solid;
    padding-top: 10px;
}

.popup_center ul li h3.cb {
    padding-left: 5px;
    border-left: 3px solid #E13335;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 12px;
    font-weight: bold;
}

.popup_center .cgd_cgzje {
    text-align: right;
    padding: 0 10px;
    background: #F2F2F2;
    position: relative;
    border-top: 0;
}

.popup_center .cgd_jcxx ul li i.fa:hover .zt_rz {
    display: block;
}

.popup_center .zt_rz {
    position: absolute;
    top: 28px;
    left: -8px;
    background: #fff;
    padding: 6px;
    border: 1px #FF9000 solid;
    box-shadow: 0px 0px 6px rgba(255, 142, 0, 0.3);
    z-index: 2;
    display: none;
    border-radius: 2px;
    color: #333;
    min-width: 580px;
}

.popup_center .zt_rz:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 1px #FF9000 solid;
    border-left: 1px #FF9000 solid;
    background: #fff;
    top: -6px;
    left: 10px;
    z-index: -1;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.wl-info-left {
    width: 140px;
}

.wl-info .goods-img {
    width: 140px;
    height: 140px;
}

.right-dropdown {
    width: 800px;
    position: absolute;
    right: -802px;
    border: 1px solid #1f7ed0;
    display: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.tree-autocomplete .dropdown-menu {
    min-width: auto;
}
.user-manager-select .dropdown-menu{
    max-height: 210px;
}
.select_employee ul{
    max-height: 200px;
}
.ckfp_nr {
    position: absolute;
    top: 0px;
    left: 28px;
    background: #fff;
    padding: 6px;
    border: 1px #FF9000 solid;
    box-shadow: 0px 0px 6px rgba(255, 142, 0, 0.3);
    z-index: 2;
    display: none;
    border-radius: 4px;
    font-style: normal;
    min-width: 580px;
    width: 850px;
}

.cz_btn:hover + .ckfp_nr {
    display: block;
}

.ckfp_nr:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-bottom: 1px #FF9000 solid;
    border-left: 1px #FF9000 solid;
    background: #fff;
    top: 8px;
    left: -6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.ckfp_nr.up {
    top: auto;
    bottom: 0;
}

.ckfp_nr.up:after {
    top: auto;
    bottom: 10px;
}

.sqfk .gys-right {
    width: 246px;
    /*height: 500px;*/
}

.sqfk .gys-left {
    margin-right: 241px;
}

.ybfk .gys-left .alert-body-group {
    height: 400px;
    overflow: auto;
}

.ybfk .gys-right {
    height: 410px;
}

.ybfk .gys-right .alert-body-group {
    height: 400px;
}

.ybfk .fp-k {
    height: 352px;
}

.fp-k {
    height: 459px;
    overflow: auto;
}

.wxfk .gys-right {
    height: 460px;
}

.wxfk .fp-k {
    height: 429px;
}

.yl_img {
    height: 44px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 4px 0;
}

.qs_img {
    max-width: 100px;
    height: 44px;
    margin: 0 auto;
}

.cz_img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    text-align: center;
    padding: 11px 0;
    display: none;
}

.yl_img:hover .cz_img {
    display: block;
}

.img_upload {
    background-image: url(../images/img_upload.png);
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    overflow: hidden;
}

.img_upload input, .add_img input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.img_delete {
    background-image: url("../images/img_delete.png");
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: default;
}

.add_img {
    background-image: url("../images/add_img.png");
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    overflow: hidden;
    top: 2px;
}

.fp-img-wrap {
    width: 216px;
    height: 122px;
    border: 1px dashed #e4e4e4;
    text-align: center;
    background: #fafafa;
    margin-bottom: 10px;
    position: relative;
}

.fp-img-wrap .fp-img {
    height: 122px;
}

.fp-img-wrap .fa:hover {
    color: #E13335;
}

.fp-img-wrap .fa {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 16px;
    color: #bbb;
    display: none;
    cursor: pointer;
}

.fp-img-wrap:hover .fa {
    display: block;
}

.add-fp {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/add-load-img.png) no-repeat center;
}

.add-fp input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rk-alert {
    height: 100%;
    position: relative;
}

.footer-inside {
    position: absolute;
    bottom: 0;
    left: 0;
}

.fp-list {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

.fp-img-wrap {
    width: 216px;
    height: 122px;
    border: 1px dashed #e4e4e4;
    text-align: center;
    background: #fafafa;
    margin-bottom: 10px;
    position: relative;
}

.fp-img-wrap .fp-img {
    height: 122px;
}

.fp-img-wrap .fa:hover {
    color: #E13335;
}

.fp-img-wrap .fa {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 16px;
    color: #bbb;
    display: none;
    cursor: pointer;
}

.fp-img-wrap:hover .fa {
    display: block;
}

.add-fp {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/add-load-img.png) no-repeat center;
}

.add-fp input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.fp_info {
    border: 1px solid #e4e4e4;
    margin-top: 10px;
}

.fp_info ul {
    padding: 10px;
    /*overflow: hidden;*/
    margin-bottom: 0;
    display: inline-block;
}

.fp_info ul li {
    float: left;
    margin-right: 10px;
}

.fp_info ul li img {
    height: 80px;
}

.fksq-wrap .popup_center {
    height: 350px;
    overflow: auto;
}

.popup_bt {
    /*position: absolute;*/
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    /*bottom: 50px;*/
    /*left: 6px;*/
    /*right: 6px;*/
}

.ty_choice a {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 14px;
    border: 1px solid #e4e4e4;
    text-align: center;
    float: left;
    margin-right: 6px;
    margin-bottom: 5px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ty_choice a.active {
    border-color: #ff9000;
    color: #000;
    background-color: #fffaf3;
}

.ty_choice a.active:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("../images/default_hot1.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*end of 仓促管理*/


/*************************************************************
  loading
  *************************************************************/
#loading-frame {
    z-index: 999999999999;
    position: relative;
    display: none;
}

#loading-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

#loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1150;
    margin-top: 0;
    top: 0;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#loading-center-text {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 280px;
    margin-top: 75px;
    margin-left: -140px;
    color: white;
    text-align: center;
    /*-ms-transform: rotate(-135deg);*/
    /*-webkit-transform: rotate(-135deg);*/
    /*transform: rotate(-135deg);*/
}

.object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

#object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

#object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

#object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

/*************************************************************
  end of loading
  *************************************************************/

/*绩效*/
.jx .nav-tabs > li {
    height: 36px;
    line-height: 34px;
}

.jx .tab-content {
    padding: 5px;
}

.cg-content .no-padding {
    padding: 0;
}

.cg-content .alert-body {
    overflow-y: auto;
    height: auto;
    border: 0;
    background-color: transparent;
}


/*end of 绩效*/

.dw-num {
    float: left;
    margin: 7px 5px 0 5px
}

.dw-box {
    position: relative;
}

.dw-box .form-control {
    padding-right: 40px;
}

.dw-box span {
    position: absolute;
    right: 1px;
    top: 1px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background-color: #f2f2f2;
    border-left: 1px solid #e4e4e4;
}

.dw-box .select-group {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
}

/*销账*/
.js-alert-content {
    background-color: #fff;
    width: 860px;
    height: 495px;
    left: 50%;
    top: 50%;
    margin-left: -430px;
    margin-top: -245px;
    position: absolute;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.js-alert-content .pay-left {
    position: absolute;
    width: 290px;
    left: 5px;
    top: 42px;
    bottom: 50px;
    border: 1px solid #dddd;
    background-color: #ffffff;
    overflow: auto;
    padding-top: 10px;
}

.js-alert-content .pay-right {
    position: absolute;
    left: 300px;
    right: 5px;
    top: 42px;
    bottom: 50px;
}

.pay-hd {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 6px;
    background-color: #ffffff;
    font-weight: bold;
    position: relative;
}

.pay-hd .alert-close {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/alert-close.png);
    background-repeat: no-repeat;
    top: 9px;
    right: 6px;
    cursor: pointer;
}

.pay-hd .alert-close:hover {
    opacity: 0.7;
}

.js-right .order-pay {
    margin: 8px 0px 0 0px;
    height: 443px;
    background-color: #fff;
}

.mxcx .order-pay {
    height: 100%;
    margin: 0;
}

.modal-js {
    width: 1400px;
}

.js-content {
    position: relative;
}

.js-content .modal-body {
    height: 670px;
}

/*end of 销账*/

/*右键菜单下划线样式*/
.right_menu_li {
    border-bottom: 1px #E4E4E4 solid;
}

.light-blue > .active > a, .light-blue > .active > a:hover {
    background-color: #a0d8f0;
    color: #333;
}

.light-blue > .selected-active > a {
    background-color: #41b1e1;
    color: #333;
}

/*会计科目*/
.shortcuts {
    padding: 5px;
}

.kjkm-tabs {
    overflow: hidden;
    border-left: 1px solid #e4e4e4;
    margin-bottom: -1px;
}

.kjkm-tabs a {
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-image: url("../images/tab.png");
    text-align: center;
    position: relative;
    margin-left: -16px;
}

.kjkm-tabs a.active {
    background-image: url("../images/tab-active.png");
    z-index: 80;
    color: #E13335;
    font-weight: 700;
}

.kjkm-c {
    padding: 5px;
    border: 1px solid #e4e4e4;
}

.kjkm-c-btn {
    padding: 0 0 5px 0;
    text-align: right
}

.accountant-alert-c {
    width: 400px;
    height: 283px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -200px;
    background: #ffffff;
}

.popup_h3 {
    background: #fff;
    border-bottom: 1px #E4E4E4 solid;
    line-height: 36px;
    height: 36px;
    color: #333;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.popup_h3 .txt {
    float: left;
    display: inline-block;
    font-weight: bold;
    padding-left: 10px;
    font-size: 12px;
}

.accountant-alert-c .bottom {
    height: 45px;
    border-top: 1px solid #e4e4e4;
    background: #ffffff;
    padding: 8px 5px 0 5px;
}

.accountant-alert-c .ac-list {
    margin: 5px;
    border: 1px solid #e4e4e4;
    display: inline-block;
}

/*页面按钮先全部隐藏，按照权限显示*/
.permissionEWLS {
    display: none;
}

/*会计科目*/

/*模态框提示样式*/
.modal-dialog-danger .modal-header {
    background-color: #D9534F;
}

.modal-dialog-warning .modal-header {
    background-color: #faa732;
}

.modal-del-body {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.modal-del-footer {
    text-align: center;
}

.modal-open .modal {
    overflow-x: auto;
    overflow-y: auto;
}

.modal-title {
    color: #333;
    padding-left: 12px;
    border-left: 3px solid #1f7ed0;
    margin: 0;
    line-height: 1.42857143;
    font-weight: bold;
}

.modal-dialog i {
    font-style: normal;
}

.modal-sm1 {
    width: 400px;
}

.modal-sm2 {
    width: 500px;
}

.modal-sm3 {
    width: 600px;
}

.modal-sm4 {
    width: 700px;
}

/*end of 模态框提示样式*/

.modal-dialog {
    margin: 5px auto;
}

.customer-account {
    position: static;
}

.customer-account-c {
    padding: 0 5px;
}

/*绩效分配*/
.jx-dropdown {
    width: 100%;
}

.jx-dropdown .dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    margin-top: 0;
}

.select-items {
    width: 100%;
    min-height: 40px;
    padding: 2px 2px 0 2px;
    margin: 5px 0;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.select-items .item {
    display: inline-block;
    padding: 0 25px 0 10px;
    height: 35px;
    line-height: 35px;
    background-color: #f2f2f2;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
}

.select-items .item:hover {
    background-color: #e2ebf4;
}

.select-items .item i {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/delete.png");
    position: absolute;
    top: 10px;
    right: 5px;
}

.select-items .item i:hover {
    background-image: url("../images/delete-hover.png");
}

.select-items .item .form-control {
    display: inline-block;
    width: 40px;
}

.jx-dropdown .jxz {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    background-color: #ff4500;
    color: #ffffff;
}

/*end of 绩效分配*/

/*确认支付*/

.confirm-pay li {
    line-height: 28px;
    overflow: hidden;
    margin-bottom: 10px;
}

.confirm-pay li span {
    display: inline-block;
    width: 385px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.customer-account {
    position: static;
    float: left;
}

.customer-account-c {
    padding: 0 5px;
}

.settlement {
    margin: 6px;
    border: 1px solid #E4E4E4;
    padding: 6px 16px 0;
    font-size: 14px;
}

.settlement ul li {
    line-height: 42px;
}

.settlement ul li .settlement-t {
    width: 120px;
    float: left;
    color: #333;
}

.settlement ul li .settlement-c {
    text-align: right;
    font-weight: bold;
}
.settlement ul li .settlement-c .ty_choice a{
    padding: 0 5px;
}
.settlement ul li .settlement-c .ty_choice {
    position: relative;
    display: inline-block;
    font-size: 12px;
    top: 7px;
}

.settlement ul li .settlement-c .ty_choice a {
    color: #666;
}

.settlement ul li .settlement-c .ty_choice a.active {
    color: #333;
}

.settlement ul li .settlement-c .ty_choice a:last-child {
    margin-right: 0;
}

.settlement ul li.last-list {
    font-size: 14px;
    color: #333;
}

.settlement ul li.line {
    border-top: 1px solid #E4E4E4;
}

.settlement .remind {
    padding: 0 0 25px 0;
}

/*确认支付*/

/*快捷键设置*/
.jkj-ss {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/sub-sj.png);
}

.shortcuts .jkj-ss.open-icon {
    transform: rotate(90deg);
}

.shortcuts .kjkm-c .operate-top {
    background-color: #f2f2f2;
}

.shortcuts .kjkm-c .table thead tr {
    background: #f8fafb;
}

.shortcuts .kjkm-c .table thead tr > th {
    color: #778da2;
    font-weight: lighter;
    font-size: 12px
}

.shortcuts .kjkm-c {
    padding: 0;
    border: 0;
}

.cs-table {
    overflow: visible;
}

.shortcuts .kjkm-c .operate-top {
    /*border-top:0;*/
    padding: 0 8px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.shortcuts .kjkm-c:first-child .operate-top {
    border-top: 1px solid #e4e4e4;
}

.shortcuts-bd {
    padding: 5px;
    border: 1px solid #e4e4e4;
    position: relative;
    overflow: auto;
}

.shortcuts-bd .panel-table {
    border-bottom: 0;
}

.kjkm-c:last-child {
    border-bottom: 1px solid #e4e4e4;
}

.shortcuts-bd .operate-top {
    border-top: 1px solid #e4e4e4;
}

.shortcuts-bd-c {
    position: absolute;
    margin: 0;
    right: 150px;
    left: 6px;
    border: 1px solid #e4e4e4;
    height: auto;
    bottom: 6px;
    top: 5px;
    background: #f4f4ff;
    overflow: auto;
}

.shortcuts-bd .key-left {
    width: 142px;
    position: absolute;
    right: 6px;
}

.shortcuts-bd .key-left .btn {
    width: 142px;
}

.shortcuts-tips {
    position: absolute;
    bottom: -10px;
    height: 28px;
    line-height: 28px;
    color: #E13335;
    right: 0;
    top: 0;
}

.key-txt {
    position: relative;
}

/*快捷键设置E*/

/*状态栏图标提示框*/

.tooltip-txt span.serial {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #6ac957;
    color: #ffffff;
    border-radius: 16px;
    margin-right: 4px;
}
.tooltip-txt .item .img{
    position: relative;
    top: -2px;
    margin-right: 3px;
}
.cz-bar li .ckfp_nr {
    width: auto;
    min-width: 0;
    display: block;
    text-align: left;
}

.cz-bar li .ckfp_nr .item {
    margin: 5px 0;
    word-break: keep-all;
    white-space: nowrap;
}

/*状态栏图标提示框*/
/*客户分组弹框*/
.mod-cl {
    margin-left: 10px;
}

.mod-cl .control-label {
    margin-right: 20px;
}

.mod-cl .control-label.active {
    color: #E13335;
    font-weight: bold;
    border-bottom: 2px solid #E13335;
}

.btn-fz {
    display: inline-block;
    line-height: 26px;
    margin: 3px;
    padding: 1px 6px;
    border-radius: 2px;
}

.btn-fz.add {
    background-color: #6ac957;
    color: #fff;
}

.btn-fz.cancel {
    border: 1px solid #e4e4e4;
    padding: 0 5px;
}

/*E客户分组弹框*/
.customer_table {
    width: 100%;
    height: 306px;
    display: none;
}

/*发票详情new*/
.fpxq {
    width: 920px;
    height: 418px;
    position: relative;
    border: 0;
}

.kh_information1 {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background-image: url(../images/invoice.png);
    background-repeat: no-repeat;
    background-size: 900px auto;
    background-position: center;
    line-height: 24px;
}

.kh_information1 div {
    position: absolute;
}

.kh_information1 .fp_h3 {
    color: #9e520a;
    text-align: center;
    font-size: 36px;
    margin-top: 20px;
    text-indent: -10px;
    position: relative;
    font-weight: 700;
}

.kh_information1 .gmf_name {
    top: 88px;
    left: 154px;
}

.kh_information1 .fp_number {
    top: 20px;
    left: 700px;
    font-weight: 700;
    font-size: 30px;
    color: #9e520a;
}

.kh_information1 .fp_time {
    top: 52px;
    left: 720px;
}

.kh_information1 .xsf_name {
    top: 276px;
    left: 154px;
}

.kh_information1 .name {
    top: 208px;
    left: 20px;
}

.kh_information1 .Company {
    top: 208px;
    left: 380px;
}

.kh_information1 .number {
    top: 208px;
    right: 426px;
}

.kh_information1 .price_1 {
    top: 208px;
    right: 346px;
}

.kh_information1 .price_2 {
    top: 208px;
    right: 206px;
}

.kh_information1 .taxes {
    top: 208px;
    right: 156px;
}

.kh_information1 .price_3 {
    top: 208px;
    right: 24px;
}

.kh_information1 .price_4 {
    top: 244px;
    left: 758px;
}

.kh_information1 .fpxx_skr {
    top: 378px;
    left: 84px;
}

.kh_information1 .fpxx_kpr {
    top: 378px;
    left: 720px;
}

.kh_information1 .remarks {
    top: 276px;
    left: 568px;
    width: 324px;
}

.kh_information1 .total {
    right: 0;
    top: 22px;
}

.fp_state {
    width: 90px;
    top: 0px;
    left: 10px;
    z-index: 2;
}

.fp_state img {
    width: 100%;
    height: auto
}

.fp_state1 {
    top: 70px;
    left: 10px;
    right: 10px;
    z-index: 2;
    text-align: center;
}

.fp_state1 span {
    display: inline-block;
    background: #0ca032;
    color: #fff;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
}

/*E发票详情new*/
/*短信管理*/
.progress-fs {
    height: 18px;
    margin-bottom: 0;
    background-color: #e2e2e2;
    border-radius: 13px;
}

.progress-fs .progress-bar-danger {
    background-color: #e13335;
}

.progress-fs .progress-bar {
    border-radius: 13px;
    line-height: 18px;
    text-align: right;
    padding-right: 10px;
}

.operate-top .btn-group .btn {
    margin-right: 0;
}

.btn-group-date > .btn {
    border-color: #e13335;
    color: #e13335;
    min-width: 60px;
    margin-right: 0;
    float: left;
    border-right-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-date > .btn:last-child {
    border-right-color: #e13335;
}

.btn-group-date > .btn.active {
    border-color: #e13335;
    color: #ffffff;
    background-color: #e13335;
}

.date_zdy {
    margin-left: 10px;
    display: none;
}

.date_zdy .form-control {
    width: 110px;
    float: left;
}

.dxcz-price {
    line-height: 28px;
    margin-right: 10px;
}

.dxcz-price > span {
    margin-left: 16px;
    margin-right: 6px;
}

.float-right .btn-czjl {
    margin-right: 0;
}

.blx {
    line-height: 28px;
    float: left;
    margin: 0 5px;
}

.form-group .price {
    float: right;
    color: #bbb;
}

.open-message-service {
    display: table;
    width: 100%;
    height: 100%;
}

.open-message-service .txt {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.open-message-service .txt p {
    margin-top: 10px;
}

.btn-open {
    display: inline-block;
    width: 100px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #E13335;
}

.btn-open:hover, .btn-open:focus {
    color: #ffffff;
    background-color: #f33638;
}

.message-cz-alert {
    z-index: 1060;
}

.message-cz {
    width: 500px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -200px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 0 0 0;
}

.message-cz .top {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.message-cz .top b {
    margin-left: 10px;
}

.zxzf {
    background-color: #0ca032;
    text-align: center;
}

.zxzf .ewm {
    background-color: #ffffff;
    padding: 10px;
    width: 242px;
    margin: 10px auto;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.message-cz p {
    text-align: center;
    margin-bottom: 0;
    line-height: 64px;
}

.btn_close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url("../images/gb_ioc1.png");
}

.zf_btn {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #E13335;
    padding: 0 10px;
}

.zf_btn:hover, .zf_btn:focus {
    color: #ffffff;
    background-color: #f33638;
}

/*end of 短信管理*/

/*数据导入*/
.import-top {
    background-color: #ffffff;
    padding-top: 10px;
}

.upload-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #E13335;
}

.import-top .float-right {
    line-height: 38px;
}

.bootstrap-table .table thead > tr > th.b1 {
    border-left-color: transparent;
}

.show-name {
    display: inline-block;
    min-width: 154px;
    min-height: 30px;
    padding: 6px 0;
}

.Tips_sjdr {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
}

.Tips_sjdr span {
    background-color: #fff;
    position: absolute;
    left: 22px;
    top: -9px;
    line-height: 32px;
    border: 1px solid #ff9000;
    padding: 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(255, 142, 0, 0.3);
    z-index: 2;
    display: none;
    word-break: keep-all;
}

.Tips_sjdr:hover span {
    display: block;
}

.Tips_sjdr span:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-bottom: 1px #FF9000 solid;
    border-left: 1px #FF9000 solid;
    background: #fff;
    top: 12px;
    left: -6px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.bootstrap-table .table tbody > tr > td.jyxm-name {
    padding-right: 20px;
    position: relative;
}

/*end of 数据导入*/

/*查看经营项目*/
.ckjyxm_txt {
    padding-right: 20px;
    display: inline-block;
}

.ckjyxm {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -12px;
}

.ckjyxm .sj-sub {
    display: block;
    width: 8px;
    height: 8px;
    top: 8px;
    left: 8px;
    background-image: url(../images/sj-sub.png);
    position: relative;
    z-index: 105;
    cursor: pointer;
}

.ckjyxm_nr {
    display: block;
    position: relative;
    z-index: 10;
}

.ckjyxm_nr .panel-table {
    max-height: 200px;
    width: 900px;
    overflow: auto;
    position: absolute;
    top: -10px;
    left: 25px;
    background: #fff;
    padding: 10px;
    border: 1px solid #FF9000;
    z-index: 100;
}

.ckjyxm_nr .panel-table.up {
    bottom: -16px;
    top: auto;
}

.ckjyxm_nr:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #FF9000;
    border-bottom: 0;
    border-right: 0;
    top: 20px;
    left: 17px;
    transform: rotate(-45deg);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    z-index: 105;
    background: #fff;
}

/*end of查看经营项目*/

.statement-detail-c {
    position: absolute;
    left: 212px;
    right: 6px;
    top: 0;
    bottom: 6px;
}

.statement-detail {
    height: 100%;
    position: relative;
}

/*追加开票*/
.alert-main {
    background-color: #f9fbfd;
    position: relative;
}

.alert-main-fl, .alert-main-fr {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.zjkp .alert-main-fl {
    width: 280px;
    left: 6px;
    top: 6px;
    bottom: 6px;
    padding: 10px;
}

.zjkp .alert-main-fr {
    left: 292px;
    top: 6px;
    right: 6px;
    bottom: 6px;
}

.zjkp .tab-content {
    padding: 10px;
}

.nav-tabs-sty1 > li > a {
    height: 37px;
    line-height: 37px;
    border: 1px solid #ddd;
    margin-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 0 15px;
}

.nav-tabs-sty1 > li.active > a:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #e13335;
    position: absolute;
    top: 0;
    left: 0;
}

/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {*/
/*border: 0;*/
/*border-right: 1px solid #ddd;*/
/*}*/

.zjkp-table-t {
    margin-bottom: 6px;
}

.summary {
    background-color: #f5f5f5;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-top: 0;
}

.summary dl {
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    line-height: 28px;
    margin-bottom: 0;
}

.summary dt {
    float: left;
    font-weight: normal;
    color: #666;
    line-height: 28px;
}

.summary dd {
    float: left;
    line-height: 28px;
}

.order-info .line {
    padding-top: 10px;
    border-top: 1px #E4E4E4 dashed;
}

.alert-main-fr .nav-tabs-sty1 > li > a {
    height: 39px;
}

/*E追加开票*/
/*收款弹层*/
.sk-tc {
    height: 350px;
}

.sk-tc-left {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 280px;
    bottom: 6px;
    border: 1px solid #ddd;
    padding: 10px 0;
}

.sk-tc-right {
    position: absolute;
    top: 6px;
    left: 292px;
    right: 6px;
    bottom: 6px;
    border: 1px solid #ddd;
}

.sk-tc-right .order-pay {
    border: 0;
    margin: 0;
    height: auto
}

.sk-tc-right .tab-content {
    position: absolute;
    top: 40px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
}

.sk-tc-right .nav-tabs > li.active > a {
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
}

.sk-tc-right .nav-tabs > li:first-child.active > a {
    border-left-color: transparent;
}

/*E收款弹层*/

/*经营项目门店下发*/
.xf-md {
    border: 1px solid #dddddd;
    padding: 6px;
}

.md-select .label-radio {
    margin: 4px;
}

.xf-bottom {
    border: 1px solid #dddddd;
    border-top: 0;
    padding: 6px;
    background: #f5f5f5;
}

/*E经营项目门店下发*/
/*装订参数*/
.zdfs-add-icon {
    text-align: center;
    padding: 0
}

/*E装订参数*/
/*表格行上下移动*/
.sy-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.up-icon {
    background-image: url("../images/up-normal.png");
}

.up-icon:hover {
    background-image: url("../images/up-hover.png");
}

.down-icon {
    background-image: url("../images/down-normal.png");
}

.down-icon:hover {
    background-image: url("../images/down-hover.png");
}

/*表格行上下移动*/
/*批量选择经营项目*/
.popup_plxzxmxz {
    height: 530px;
    background-color: #f5f5f5;
    position: relative;
}

.popup_plxzxmxz .popup_plxzxmxz_fl {
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    padding: 6px;
    width: 188px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.popup_plxzxmxz_fr {
    position: absolute;
    top: 6px;
    left: 200px;
    bottom: 6px;
    right: 6px;
}

.popup_plxzxmxz_table_w {
    width: 455px;
}

.popup_plxzxmxz_table_w .layui-table, .layui-table-view {
    margin: 0;
    background: #fff;
}

.popup_plxzxmxz_ss {
    padding: 6px;
    line-height: 30px;
    height: 42px;
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    border-top: 2px solid #e13335;
}

.app_cell_center {
    width: 44px;
    display: table;
    height: 510px;
}

.app_cell_center_txt {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.app_cell_center_txt a {
    border-radius: 30px;
    font-family: 宋体;
    font-size: 13px;
    color: #999;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin: 5px 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
}

.app_cell_center_txt a:hover {
    color: #000;
    -webkit-box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
    box-shadow: 0 0 4px rgba(255, 142, 0, 0.3);
}

/*layui*/
.layui-layer-dialog-open .layui-layer-title {
    padding: 0 80px 0 10px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 13px;
    background: linear-gradient(to bottom, #fff, #eeeeee);
    font-weight: bold;
}
.layui-layer{
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.43);
}
.layui-layer-dialog-open .layui-layer-setwin{
    top: 10px;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #e13335;
    background-color: #e13335;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #e13335;
}
.layer-main{
    position: absolute;
    top:0;
    left: 0;
    bottom:41px;
    right: 0;
    overflow: auto;
}
.layui-layer-dialog-open .layui-layer-btn {
    background-color: rgb(240, 244, 249);
    border-top: 1px solid #e4e4e4;
    padding: 0 0 5px;
}
.layui-layer-dialog-open .layui-layer-btn a{
    padding: 0 7px;
}
.layui-layer-dialog-open .layui-layer-close{
    position: relative;
}
/*end of layui*/

/*ag-grid*/

/*表格边框*/
.ag-theme-balham .ag-ltr .ag-cell {
    border-left: 1px solid #d9dcde;
}
.ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container{
    min-height: 28px;
}
.ag-theme-balham .ag-floating-bottom {
    border-top: 1px solid #d9dcde;
}

/*.ag-row  .ag-cell:first-child{*/
/*border-left-color: transparent;*/
/*}*/
/*.ag-theme-balham .ag-header-row .ag-header-cell:first-child{*/
/*border-left-color: transparent;*/
/*}*/
.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell {
    border-left: 1px solid #d9dcde;
    border-right: none;
}

.ag-theme-balham .ag-pinned-left-header {
    border-right: 1px solid #d9dcde;
}

.ag-theme-balham .ag-header-row .ag-header-cell:first-child, .ag-theme-balham .ag-header-row.ag-header-group-cell:first-child {
    /*border-left: 0;*/
}

.ag-theme-balham .ag-root {
    border: 1px solid #d9dcde;
    border-bottom: 0;
}

.ag-theme-balham .ag-header {
    border-bottom: 1px solid #d9dcde;
}

.ag-theme-balham .ag-row-hover {
    /*background-color: white;*/
}

.ag-theme-balham .ag-row-selected {
    /*background-color:rgb(219, 230, 246);*/
    border-color: #d9dcde;
}

.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned {
    border-right: 1px solid #d9dcde;
}

.ag-theme-balham .ag-icon-asc {
    position: relative;
    top: 4px;
}

.ag-theme-balham .ag-icon-desc {
    position: relative;
    top: 4px;
}

.ag-theme-balham .ag-row-click-selected {
    background-color: rgb(242, 245, 249);
    border-color: #d9dcde;
}

.ag-theme-balham .ag-paging-panel {
    color: #000;
}

.ag-theme-balham .ag-column-drop-horizontal.ag-column-drop {
    border-color: #d9dcde;
}

.ag-theme-balham .ag-status-bar {
    border: 1px solid #d9dcde;
    border-top: 0;
}

.edit_ing {
    background-color: rgba(185, 246, 202, 0.4);
}

.show-cell {
    background: white;
    border-left: 1px solid lightgrey !important;
    border-right: 1px solid lightgrey !important;
    border-bottom: 1px solid lightgrey !important;
    white-space: normal;
}

.ag-theme-balham .ag-header {
    background-color: #f2f2f2;
    color: #333;
}

.ag-theme-balham .ag-menu {
    z-index: 200000000;
}

/*上下文菜单*/
.ag-theme-balham .ag-menu .ag-menu-option-active {
    background-color: #e13335;
}

.ag-theme-balham .ag-menu .ag-menu-option-active {
    color: #fff;
}

.ag-theme-balham .ag-icon-small-right {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMmw0IDQtNCA0eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat;
    background-size: 12px 12px;
}

.ag-theme-balham .ag-menu .ag-menu-option-icon {
    width: 28px;
    background: #f2f2f2;
}

.ag-theme-balham .ag-menu .ag-menu-option-active .ag-menu-option-icon {
    background: #e13335;
}

.ag-theme-balham .ag-menu .ag-menu-option-disabled {
    opacity: 1;
}

.ag-theme-balham .ag-menu .ag-menu-option-disabled .ag-menu-option-text,
.ag-theme-balham .ag-menu .ag-menu-option-disabled .ag-menu-option-shortcut,
.ag-theme-balham .ag-menu .ag-menu-option-disabled .ag-icon-small-right {
    opacity: 0.5;
}

.ag-theme-balham .ag-menu .ag-menu-separator > span {
    background-image: none;
    height: 1px;
    background: #e4e4e4;
}

.ag-menu-option-text {
    padding-left: 4px;
}

.ag-theme-balham .ag-menu .ag-menu-list {
    margin-bottom: 0;
    margin-top: 0;
}

.ag-theme-balham .ag-cell-highlight {
    background-color: #dbdbdb !important;
}

.ag-pinned-left-header .ag-header-row .ag-header-cell:first-child, .ag-pinned-left-cols-container .ag-row .ag-cell:first-child {
    border-left: 0;
}

/*复选框*/
.ag-selection-checkbox {
    cursor: pointer;
}

.ag-theme-balham .ag-icon-checkbox-unchecked {
    background: url(../images/check.png);
    background-position: center;
    background-repeat: no-repeat;
}

.ag-theme-balham .ag-icon-checkbox-unchecked:hover {
    background: url(../images/check-hover.png);
    background-position: center;
    background-repeat: no-repeat;
}

.ag-theme-balham .ag-icon-checkbox-checked:empty {
    background-image: url("../images/checked.png");
}

.enable_edit_icon:after {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    bottom: 0;
    right: 1px;
    border-width: 6px 6px 0 0;
    border-style: solid;
    border-color: transparent #c7c7c7 transparent transparent;
}

.enable_edit_icon:hover:after {
    border-color: transparent #e13335 transparent transparent;
}
.ag-theme-balham .cell-select{
    padding:0;
}
.ag-theme-balham .cell-input{
    padding: 0 2px;
}
.ag-theme-balham .row-text-gray {
    color: gray;
}

.ag-theme-balham .row-background-boss {
    background-color: #fff5e8;
}
.ag-theme-balham .row-background-jj {
    background-color: rgb(255,110,110);
}
.ag-theme-balham .row-background-ljjf {
    background-color: rgb(227,238,253);
}
.ag-theme-balham .row-background-disabled {
    background-color: #fafafa;
    color: #999999;
}

.ag-theme-balham .row-sel {
    background-color: #b7e4ff;
}

.ag-theme-balham .ag-row-selected {
    background-color: #b7e4ff;
}

.ag-theme-balham .ag-row-no-selected {
    background-color: #fff;
}

.row-no-sub_level {
    margin-left: 15px;
}

.ag-theme-balham .ag-cell-inline-editing select, .ag-theme-balham .ag-popup-editor select {
    height: 100%;
}
.ag-header-cell input.input-check-all[type=checkbox]{
    position: relative;
    top: 4px;
}
/*经营项目区间*/
.ag-theme-balham  .jyxm-detail-cell{
    padding:0;
}
.ag-theme-balham  .inner-line{
    display: block;
    padding:0 11px;
    border-bottom:1px solid #e4e4e4;
    line-height: 26px;
}
.ag-theme-balham  .inner-line:last-child{
    border-bottom: 0;
}
.ag-theme-balham  .inner-line-2 .ag-cell{
    line-height:54px;
}

.ag-theme-balham  .inner-line-2 .ag-cell-inline-editing{
    height: 54px;
}
.ag-theme-balham  .inner-line-3 .ag-cell{
    line-height:81px;
}
.ag-theme-balham  .inner-line-3 .ag-cell-inline-editing{
    height: 81px;
}
.ag-theme-balham  .inner-line-4 .ag-cell{
    line-height:108px;
}
.ag-theme-balham  .inner-line-4 .ag-cell-inline-editing{
    height: 108px;
}
.ag-theme-balham  .inner-line-5 .ag-cell{
    line-height:135px;
}
.ag-theme-balham  .inner-line-5 .ag-cell-inline-editing{
    height: 135px;
}
.ag-theme-balham  .inner-line-6 .ag-cell{
    line-height:162px;
}
.ag-theme-balham  .inner-line-6 .ag-cell-inline-editing{
    height: 162px;
}
.ag-theme-balham  .inner-line-7 .ag-cell{
    line-height:189px;
}
.ag-theme-balham  .inner-line-7 .ag-cell-inline-editing{
    height: 189px;
}
.ag-theme-balham  .inner-line-8 .ag-cell{
    line-height:216px;
}
.ag-theme-balham  .inner-line-8 .ag-cell-inline-editing{
    height: 216px;
}
.ag-theme-balham  .inner-line-9 .ag-cell{
    line-height:243px;
}
.ag-theme-balham  .inner-line-9 .ag-cell-inline-editing{
    height: 243px;
}
.ag-theme-balham  .inner-line-10 .ag-cell{
    line-height:270px;
}
.ag-theme-balham  .inner-line-10 .ag-cell-inline-editing{
    height: 270px;
}
.ag-theme-balham  .inner-line-11 .ag-cell{
    line-height:297px;
}
.ag-theme-balham  .inner-line-11 .ag-cell-inline-editing{
    height: 297px;
}
.ag-theme-balham  .inner-line-12 .ag-cell{
    line-height:324px;
}
.ag-theme-balham  .inner-line-12 .ag-cell-inline-editing{
    height: 324px;
}
.ag-theme-balham  .inner-line-13 .ag-cell{
    line-height:351px;
}
.ag-theme-balham  .inner-line-13 .ag-cell-inline-editing{
    height: 351px;
}
.ag-theme-balham  .inner-line-14 .ag-cell{
    line-height:378px;
}
.ag-theme-balham  .inner-line-14 .ag-cell-inline-editing{
    height: 378px;
}
.ag-theme-balham  .inner-line-15 .ag-cell{
    line-height:405px;
}
.ag-theme-balham  .inner-line-15 .ag-cell-inline-editing{
    height: 405px;
}
.ag-theme-balham  .inner-line-16 .ag-cell{
    line-height:432px;
}
.ag-theme-balham  .inner-line-16 .ag-cell-inline-editing{
    height: 432px;
}

.ag-theme-balham .cell-span{
    background-color: #fff;
    display: flex;
    vertical-align: middle;
    align-items: center;
    border-bottom: 1px solid #d9dcde;
}

.ag-hb-cell .ag-row-inline-editing {
    z-index: auto; }
/*部件开单*/
.add-system-pro {
    display: block;
    width: 100%;
    line-height: 22px;
    border: 2px dashed #e4e4e4;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.add-system-pro:hover {
    border-color: #e13335;
    background-color: #e13335;
    color: #fff;
}

.add-system-pro .layui-icon {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.cpkd-wrap {
    height: 300px;
    overflow: auto;
    margin: 5px;
}

.cpkd-box {
    border: 1px solid #e4e4e4;
    padding: 6px;
    display: flex;
    margin-bottom: 6px;
}

.cpkd-box:hover {
    border-color: #ff9000;
}

.cpkd-box .img {
    width: 160px;
    height: 160px;
    position: relative;
}

.cpkd-box .img img {
    width: 100%;
}

.cpkd-box .img h5 {
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    width: 100%;
}

.cpkd-box .cont {
    flex: 1;
    margin: 0 10px;
}
.iframe-inside-wrap{
    height: 100%;
    width: 100%;
}
.flex_bj {
    display: flex;
}

.flex-bj-1 {
    flex: 1;
}
.flex-bj-2 {
    flex: 2;
}
.flex-bj-col {
    flex-direction: column;
}

.cont-cs span {
    line-height: 26px;
    height: 26px;
}

.cont-cs .bq {
    display: inline-block;
    width: 80px;
    height: 26px;
    padding: 0 10px;
    text-align: right;
    background-color: #f2f2f2;
    font-weight: bold;
}

.cont-cs .sc {
    padding: 0 10px;
}

.cont-cs {
    padding: 6px 0;
    border-bottom: dashed 1px #e4e4e4;
}

.cont-cs:first-child {
    padding-top: 0;
}

.cont-cs-item ul li {
    float: left;
    line-height: 26px;
    margin-left: 6px;
}

.cont-cs-item ul li span {
    margin: 0 6px;
    color: #bbb;
}

.cont-bottom {
    margin-top: 21px;
}

.cont-hz .item {
    margin-right: 20px;
    float: left;
}

.cont-hz .item label {
    line-height: 28px;
    margin-bottom: 0;
}

.dd-hz {
    text-align: right;
}

.dd-hz .item {
    display: inline-block;
    float: none;
    margin-right: 10px;
}

.dd-hz del {
    line-height: 28px;
    color: #666;
    margin-right: 10px;
}

.cz-cpkd {
    display: none;
}

.cpkd-box:hover .cz-cpkd {
    display: block;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.tk-wrap {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    top: 50%;
    left: 50%;
    background: #fff;
    border: 1px solid #b2b2b2;
    display: none;
}

.cpkd-detail {
    width: 780px;
    height: 488px;
    margin-left: -390px;
    margin-top: -244px;
}

.part-title {
    padding: 8px 10px;
    border-bottom: 1px solid #E4E4E4;
    background-color: #fafafa;
}

.part-title .txt {
    font-weight: bold;
}

.sm-circle p {
    position: relative;
    padding-left: 10px;
}

.sm-circle p:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #e13335;
    -webkit-box-shadow: 0 0 4px #e13335;
    -moz-box-shadow: 0 0 4px #e13335;
    box-shadow: 0 0 4px #e13335;
    top: 50%;
    margin-top: -2px;
    left: 0;
}

.pr_a {
    position: absolute;
    top: 1px;
    right: 1px;
    color: #ff9000;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
}

.pr_a i {
    line-height: 26px;
    width: 26px;
    text-align: center;
}

.pr_a .fa-cloud-download {
    border-left: 1px solid #e4e4e4;
    color: #e13335;
    background: #fff;
}

.pr_a .fa-cloud-download:active {
    background: #f0f0f0;
}

.pr_a .fa-folder-open:hover {
    opacity: 0.8;
}

.pr_a .fa-folder-open:active {
    text-shadow: 0 0 6px rgba(255, 153, 0, 0.5);
}

.cpkd-detail .form-group > .control-label {
    color: #666;
}

.td-gray {
    background-color: #f2f2f2;
}

.cpkd-detail .table > tbody > tr > td {
    height: 43px;
}

.dis-n {
    display: none;
}

.cpxq-t .flex-bj-1 {
    text-align: center;
    height: 43px;
    padding: 13px;
    border: 1px solid #e4e4e4;
    border-left: none;
    border-bottom: 0;
}

.cpxq-t .flex-bj-1:first-child {
    border-left: 1px solid #e4e4e4;
}

.cpxq_place {
    margin: 6px;
    padding: 10px 6px;
    text-align: center;
    color: #666;
}

.cpxq_place span:not(:first-child) {
    margin-left: 20px;
}

.alert-bd {
    position: relative;
    background-color: #ececec;
}

.alert-ft {
    left: 0;
    right: 0;
    position: absolute;
    padding: 6px 10px;
    bottom: 0;
    text-align: right;
    background: rgb(240, 244, 249);
    border-top: 1px solid #e4e4e4;
}

.cpkd-detail .table {
    margin-bottom: 0;
}

.cp-select {
    width: 1200px;
    height: 780px;
    margin-left: -600px;
    margin-top: -390px;
    display: block;

}

.cp-select-fl {
    position: absolute;
    width: 100px;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #e4e4e4;
    background-color: #fff;
    z-index: 10;
}

.cp-select-fl ul li {
    height: 50px;
    line-height: 50px;
}

.cp-select-fl ul .first_menu {
    padding: 0 10px;
    cursor: pointer;
}

.cp-select-fl ul li .first_menu img {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.cp-select-fl ul li:hover {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    width: 100px;
    line-height: 48px;
}

.cp-select-fl ul li:first-child:hover {
    border-top-color: #fff;
}

.cp-select-fl ul li .sub_menu {
    position: absolute;
    width: 520px;
    top: 0;
    left: 100px;
    bottom: 0;
    border-right: 1px solid #e4e4e4;
    padding: 0 10px;
    display: none;
    background-color: #fff;
}

.cp-select-fl ul li:hover .sub_menu {
    display: block;
}

.sub_menu h5 {
    font-size: 12px;
    position: relative;
    padding-left: 10px;
    font-weight: bold;
    margin: 10px 0;
}

.sub_menu h5:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #e13335;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

.cp-select-fl .list .item {
    width: calc((100%) / 3 - 10px);
    padding: 6px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.cp-select-fl .list .item:hover {
    background-color: #F6F6F6;
}

.cp-select-fl .list .item img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-right: 6px;
}

.sub_menu_line {
    clear: both;
}

.cp-select-fr {
    position: absolute;
    top: 10px;
    left: 110px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #e4e4e4;
    background-color: #f2f2f2;
}

.cps-fl {
    position: absolute;
    width: 260px;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #e4e4e4;
    background-color: #fff;
}

.cps-fl .zbt {
    padding: 13px 10px;
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f2f2f2;
    font-size: 14px;
}

/*任务*/
.popup_task .popup_nr {
    width: 1200px;
    height: 680px;
}

.popup_task .popup_center {
    background: #525659;
    bottom: 6px;

}

.popup_task .task_nr {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 360px;
    border-left: 1px #e2e2e2 solid;
    background: #fff;
    padding: 0px;
    z-index: 2;
}

.task_nr ul.task_nr_list {
    padding: 10px;
}

.task_nr ul.task_nr_list li {
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 2px;
}

.task_nr ul.task_nr_list li:last-child {
    margin-bottom: 0px;
}

.task_nr ul.task_nr_list li:last-child {
    border-top: 1px #e2e2e2 dashed;
    padding-top: 2px;
}

.task_nr ul.task_nr_list li dt {
    display: inline-block;
    text-align: right;
    width: 80px;
    margin-right: 6px;
    color: #999;
    float: left;
}

.task_nr ul.task_nr_list li dd {
    margin-left: 80px;
    overflow: hidden;
    line-height: 22px
}

.popup_task .task_img {
    left: 0;
    right: 360px;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.popup_task .title {
    background: #f6f6f6;
    line-height: 32px;
    border-bottom: 1px #e2e2e2 solid;
    width: 100%;
    padding: 0 6px;
}

.popup_task .title h3 {
    padding: 0 10px;
    font-weight: bold;;
}

.popup_task .title .fr {
    margin-right: -4px;
    padding: 2px;
}

.popup_task .task_nr .title:not(:first-child) {
    border-top: 1px #e2e2e2 solid;
}

.popup_task .task_img .img {
    overflow-x: hidden;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    bottom: 0;
}

.popup_task .task_img .img img {
    max-width: 100%;
}

.popup_task .zdh_btn {
    margin: -10px 12px 0px;
    padding: 6px;
    background: #f2f2f2;
    overflow: hidden;
}

.popup_task .zdh_btn a.ty_btn {

}

.input-block-wb {
    padding-top: 6px;
}

/**/
.tips_ty .tips_ty_list {
    padding: 6px;
}

.tips_ty .tips_ty_list dl {
    display: block;
    line-height: 24px;
    max-width: 400px;
}

.tips_ty .tips_ty_list dl dd {
    overflow: hidden;
}

.tips_ty .tips_ty_list dl dt {
    float: left;
    width: 60px;
    text-align: right;
    font-weight: bold
}

.ckfp_nr .layui-progress {
    top: 8px;
}

.ckfp_nr .layui-progress-bar {
    text-align: center;
    background-color: #6ac957;
}

.ckjyxm_nr .title {
    overflow: hidden;
}

/*时间轴*/
.timeline {
    padding: 6px;
}

.timeline .timeline-item {
    padding-left: 20px;
    position: relative;
    padding-bottom: 16px;
    margin-left: 10px;
}

.timeline .timeline-item:last-child {
    padding-bottom: 0px;
}

.timeline .timeline-item:not(:last-child):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #e2e2e2;
    left: 0;
    top: 0;
}

.timeline .timeline-item:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #e2e2e2;
    left: -4px;
    top: 0;
    border-radius: 100px;
}

.timeline .timeline-item h3 {
    font-weight: 700;
    margin-bottom: 4px;
    color: #333;
}

.timeline .timeline-item h3 span {
    margin-right: 6px;
}

.timeline .timeline-item p {
    color: #999;
}

.timeline .timeline-item:first-child:after {
    background-color: #e13335;
}

.timeline .timeline-item:first-child h3 {
    color: #E13335;
}

/*自动化*/
.popup_zdh .popup_nr {
    width: 1200px;
    height: 740px;
}

.popup_zdh .zdh_box .zdh_box_time:not(:first-child) {
    display: none;
}

.popup_zdh .popup_center {
    padding: 10px;
    background: #fff;
}

.popup_zdh .zdh_fl {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 360px;
    border-right: 1px #e2e2e2 solid;
    background: #f2f2f2;
    overflow-x: hidden;
}

.popup_zdh .zdh_fr {
    margin-left: 361px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup_zdh .zdh_fr .step .step_nr {
    display: none;
}

.popup_zdh .zdh_fr .step {
    flex: 1;
    overflow-x: hidden;
    position: relative;
}

.popup_zdh .zdh_fr .step_nr .step_btn {
    margin-left: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}

.popup_zdh .zdh_fr .step_nr ul.ty_choice {
    margin-bottom: 4px;
}

.popup_zdh .zdh_fr .step_nr ul.ty_choice li a {
    margin-bottom: 6px;
}

.popup_zdh .zdh_fr .step_nr ul.ty_choice dt {
    float: left;
    margin-right: 10px;
    width: 60px;
    text-align: right;
    line-height: 28px;
}

.popup_zdh .zdh_fr .step_nr ul.ty_choice dd {
    overflow: hidden;
}

.step_ty {
    margin: -10px -10px 10px;
    border-bottom: 1px #f2f2f2 solid;
}

.step_file {
    border: 1px #e2e2e2 solid;
    padding: 40px 20px;
    text-align: center;
}

.step_file i.fa {
    font-size: 46px;
    color: #e13335;
    margin-bottom: 10px;
}

.step_file h3 {
    font-size: 16px;
    font-weight: 700;
}

.popup_bottom .last_btn_0 {
    display: none;
}

/*自动化设置*/
.step_setNr {
    position: relative;
    margin-left: 30px;
    padding-bottom: 10px;
}

.step_setNr:first-child {
    margin-top: 20px;
}

.step_setNr:not(:last-child):after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    height: 100%;
    width: 4px;
    background: #ddd;
}

.step_setNr .step_number {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    position: absolute;
    z-index: 2;
    left: -14px;
    top: -2px;
}

.step_setNr .step_number label {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 22px;
    text-align: center;
    background: #ddd;
    border-radius: 100px;
    border: 2px #fff solid;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
    z-index: 2;
}

.step_setNr .step_number .step_cartoon {
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px #6ac957 solid;
    background: #fff;
    border-radius: 100px;
    left: 0px;
    top: 0px;
    z-index: -2;
    animation: step_number 1s linear infinite;
}

@keyframes step_number {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.step_setNr .step_number .step_cartoon:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    left: -1px;
    background: #fff;
    z-index: 2;

}

.step_setNr .step_title {
    margin-left: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 6px;
    position: relative;
    line-height: 27px
}

.step_setNr .step_title .layui-unselect {
    position: absolute;
    left: 68px;
    top: 2px;
}

.step_setNr ul.ty_choice {
    overflow: hidden;
    margin-top: 6px;
}

.step_setNr ul.ty_choice li a {
    margin-bottom: 6px;
}

.step_setNr ul.ty_choice dt {
    float: left;
    margin-right: 10px;
    width: 80px;
    text-align: right;
    line-height: 28px;
    color: #666;
}

.step_setNr ul.ty_choice dd {
    overflow: hidden;
    margin-left: 80px;
}

/*自动化-提示*/
.step-toptips {
    background: #fff;
    border: 1px #e2e2e2 solid;
    padding: 6px;
    margin-left: 20px;
    margin-right: 10px;
    display: none;
}

.step-toptips .step-toptips_nr {
    border-top: 1px rgba(0, 0, 0, 0.1) solid;
    padding-top: 6px;
    margin-top: 6px;
    overflow: hidden;
    line-height: 24px;
}

.step-toptips h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #e13335;
}

.step-toptips h3 .fa {
    margin-right: 10px;
    font-size: 20px;
    float: left;
    line-height: 22px;
}

.step-toptips_no h3, .makeup_no h3 {

}

.step-toptips_ok h3, .makeup_ok h3 {
    font-weight: normal;
    color: #09bb07;
}

/*自动化—正常*/
.step_setNr_normal {
}

.step_setNr_normal:not(:last-child)::after {
    background-color: #6ac957;
}

.step_setNr_normal .step_title {
    color: #6ac957
}

.step_setNr_normal .step_title .label-radio .radio-text {
    color: #333;
}

.step_setNr_normal .step_number label {
    color: #fff;
    background-color: #6ac957;
}

/*自动化—警告*/
.step_setNr_warn {
}

.step_setNr_warn:not(:last-child)::after {
    background-color: #ff7800;
}

.step_setNr_warn .step_title {
    color: #ff7800
}

.step_setNr_warn .step_number label {
    color: #fff;
    background-color: #ff7800;
}

.step_setNr_warn .step-toptips {
    display: block;
}

.step_setNr_warn .step-toptips h3 {
    color: #ff7800
}

/*自动化—错误*/
.step_setNr_fault {
}

.step_setNr_fault:not(:last-child)::after {
    background-color: #e13335;
}

.step_setNr_fault .step_title {
    color: #e13335
}

.step_setNr_fault .step_number label {
    color: #fff;
    background-color: #e13335;
}

.step_setNr_fault .step-toptips {
    display: block;
}

/*自动化—检查*/
.step_setNr_examine {
}

.step_setNr_examine:not(:last-child)::after {
    background-color: #6ac957;
}

.step_setNr_examine .step_title {
    color: #6ac957
}

.step_setNr_examine .step_number label {
    color: #fff;
    background-color: #6ac957;
}

.step_setNr_examine .step_number label {
    color: #fff;
    background-color: #6ac957;
}

.step_setNr_examine .step_number .step_cartoon {
    display: block
}

.step_setNr_examine .step-toptips {
    display: none;
}

.check-box-switch.zdh_sw span:before {
    display: block;
    content: "跳过";
}

input.check-box:checked + .check-box-switch.zdh_sw span:before {
    display: block;
    content: "自动";
}

.step_title .btn-switch {
    position: absolute;
    left: 68px;
    top: 0;
}

/*自动化通用*/
.preview_common {
    position: relative;
    width: 360px;
    height: 360px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.preview_common .swiper-container {
    z-index: 0;
    overflow: initial;
}

.preview_common a {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 2px;
    line-height: 22px;
    display: block;
}

.preview_common a:hover {
    background: rgba(0, 0, 0, 0.9);
}

.preview_common a.active {
    background-color: #e13335;
}

.previewr-container .swiper-button-prev {
    background-image: url(../images/fy-prev.svg);
    background-size: auto 16px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

.previewr-container .swiper-button-next {
    background-image: url(../images/fy-next.svg);
    background-size: auto 16px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}

/*自动化通用-切换PDF文件*/
.preview_common .img_btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.preview_common .img_btn a {
    padding: 0 10px;
    float: left;
    margin-right: 4px;
}

/*自动化通用-切换PDF框线*/
.preview_common .zdh_ioc_btn {
    position: absolute;
    right: 0px;
    top: 10px;
    line-height: 22px;
}

.preview_common .zdh_ioc_btn a {
    margin-bottom: 2px;
    border-radius: 100px 0 0 100px;
    padding-right: 6px;
    position: relative;
}

.preview_common .zdh_ioc_btn a:not(.active) {
    right: -42px;
}

.preview_common .zdh_ioc_btn a i {
    display: inline-block;
    width: 22px;
    height: 22px;
    float: left;
    background: no-repeat center;
    margin-right: 0px;
    background-size: 22px;
    margin-left: 4px;
}

.preview_common .zdh_ioc_btn a i.cq_ioc {
    background-image: url("../../img/cq_ioc.png");
}

.preview_common .zdh_ioc_btn a i.cx_ioc {
    background-image: url("../../img/cx_ioc.png");
}

.preview_common .zdh_ioc_btn a i.hm_ioc {
    background-image: url("../../img/hm_ioc.png");
}

.preview_common .zdh_ioc_btn a.active {
    background-color: #e13335;
}

.preview_common .zdh_ioc_btn a:hover {
    right: 0;
}

/**/
.preview_common .preview_img {
    position: relative;
}

.preview_common .preview_frame {
    position: absolute;
    top: 50%;
    left: 50%;
}

.preview_common .pr_w {
    position: absolute;
    width: 100%;
    top: -24px;
    left: 0;
}

.preview_common .pr_h {
    position: absolute;
    top: 50%;
    right: 0;
}

.preview_common .preview_frame_cq:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px #e13335 solid;
    z-index: 2;
}

/*自动化通用-文件下载*/
.preview_common a.download {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 22px;
    font-size: 14px;
}

.preview_common a.download:active {
    background: #e13335;
}

/*自动化通用-尺寸*/
.preview_common .preview_size {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    font-size: 12px;
    z-index: 0
}

/*自动化通用-幻灯片*/
.preview_common .swiper-container {
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    margin: 40px;
}

.preview_common .swiper-container {
}

.preview_common .swiper-container .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}

.preview_common .swiper-pagination {
    right: -30px;
    bottom: -30px;
    width: auto;
    left: initial;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 2px;
    line-height: 22px;
    padding: 0 10px;
}

.preview_common .swiper-button-prev,
.preview_common .swiper-button-next {
    display: none;
    width: 28px;
    height: 28px;
}

.preview_common:hover .swiper-button-prev,
.preview_common:hover .swiper-button-next {
    display: block;
}

.preview_common .swiper-button-prev {
    left: -34px;
}

.preview_common .swiper-button-next {
    right: -34px;
}

/*自动化-预览图*/
.zdh_img {
    border-top: 1px #e2e2e2 solid;
    height: 360px;
    width: 360px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: #fff;
    overflow: hidden;
}

.zdh_img img {
    max-width: 70%;
    max-height: 70%;
    margin: 0 auto;
    width: 180px;
    height: 252px;
}

.zdh_img .zdh_img_pag {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    line-height: 1.8em;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 2px;
    padding: 0 10px;
}

.img_w, .img_h {
    position: absolute;
    z-index: 2
}

.img_w {
    line-height: 1;
    padding-bottom: 4px;
    left: 50%;
    border-bottom: 1px #e13335 solid;
    margin-bottom: 4px;
}

.img_w:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 3px;
    left: 0;
    bottom: -3px;
    background: #E13335;
}

.img_w:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 3px;
    right: 0;
    bottom: -3px;
    background: #E13335;
}

.img_h {
    top: 50%;
    border-right: 1px #e13335 solid;
    padding-right: 4px;
    margin-right: 4px;
}

.img_h label {
    display: inline-block;
}

.img_h:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 1px;
    top: 0;
    right: -3px;
    background: #E13335;
}

.img_h:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 1px;
    bottom: 0;
    right: -3px;
    background: #E13335;
}

.zdh_img .img_btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    line-height: 22px;
}

.zdh_img .img_btn a {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 2px;
    padding: 0 10px;
    float: left;
    margin-right: 4px;
}

.zdh_img .img_btn a.active {
    background-color: #e13335;
}

.zdh_img .zdh_ioc_btn {
    position: absolute;
    right: 0px;
    top: 10px;
    line-height: 22px;
}

.zdh_img .zdh_ioc_btn a {
    display: block;
    height: 22px;
    margin-bottom: 2px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 100px 0 0 100px;
    padding-right: 6px;
    position: relative;
}

.zdh_img .zdh_ioc_btn a:not(.active) {
    right: -42px;
}

.zdh_img .zdh_ioc_btn a i {
    display: inline-block;
    width: 22px;
    height: 22px;
    float: left;
    background: no-repeat center;
    margin-right: 0px;
    background-size: 22px;
    margin-left: 4px;
}

.zdh_img .zdh_ioc_btn a i.cq_ioc {
    background-image: url("../images/cq_ioc.png");
}

.zdh_img .zdh_ioc_btn a i.cx_ioc {
    background-image: url("../images/cx_ioc.png");
}

.zdh_img .zdh_ioc_btn a i.hm_ioc {
    background-image: url("../images/hm_ioc.png");
}

.zdh_img .zdh_ioc_btn a.active {
    background-color: #e13335;
}

.zdh_img .zdh_ioc_btn a:hover {
    right: 0;
    background-color: #e13335;
}

/*JDF*/
.jdf_nr {
    margin-left: 20px;
    background: #fff;
    padding: 10px;
    border: 1px #e2e2e2 solid;
    border-radius: 4px;
    margin-right: 10px;
    display: none;
}

.jdf_nr .title {
    color: #6ac957;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}

.jdf_nr .title .fa {
    margin-right: 10px;
    font-size: 20px;
    float: left;
    line-height: 22px;
}

.jdf_nr p {
    margin-left: 26px;
}

.jdf_btn {
    overflow: hidden;
    border-bottom: 1px #e2e2e2 solid;
    padding-bottom: 10px;
}

.jdf_nr_no .title {
    color: #E13335
}

.jdf_nr .jdf_nr_btn {
    overflow: hidden;
    border-top: 1px #e2e2e2 solid;
    padding-top: 10px;
    margin-top: 10px;
}

.pb_radio {
    overflow: hidden;
}

.JobInformation_nr {
    margin-left: 30px;
    margin-right: 10px;
    border: 1px #e2e2e2 solid;
    padding: 6px;
    text-align: center;
    border-radius: 2px;
    line-height: 1.2;
    text-align: right;
    background: #fafafa;
}

/*弹层面板*/
.mt-box {
    margin: 6px;
    padding: 10px;
    border: 1px solid #e4e4e4;
}

.clear_xg:after {
    content: "";
    display: block;
    clear: both;
}

.popup_sgd_top_l {
    width: 300px;
    float: right;
    position: relative;
}

.popup_sgd_top_r {
    margin-right: 320px;
    position: relative;
}

.popup_sgd_top_r:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #e4e4e4;
    position: absolute;
    top: 0;
    right: -10px;
}

.mt-box .ckfp_nr:after {
    top: 13px;
}

.ckfp_nr .table > colgroup + thead > tr:first-child > th {
    border-bottom: 1px solid rgb(226, 226, 226);
}

/*状态*/
.state_ioc {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    position: relative;
    margin-right: 6px;
}

.state_ioc:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    z-index: 2;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
}

.state_ioc1 {
    background: #3f8cf7;
    box-shadow: 0 0 10px #3f8cf7;
}

.state_ioc2 {
    background: #5dc800;
    box-shadow: 0 0 10px #5dc800;
}

.state_ioc3 {
    background: #f38f00;
    box-shadow: 0 0 10px #f38f00;
}

.state_ioc4 {
    background: #e13335;
    box-shadow: 0 0 10px #e13335;
}

.pr_a {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 18px;
    color: #ff9000;
}

.ckfp_btn {
    position: relative;
}

.ckfp_btn .ckfp_nr {
    top: -11px;
}

/*流转施工单*/

.popup_flow .popup_nr {
    width: 680px;
    height: 500px;
}

.popup_flow .title {
    background: #f2f2f2;
    padding: 0 10px;
    line-height: 28px;
    border-bottom: 1px #e2e2e2 solid;
}

.popup_flow .lz-l {
    width: 120px;
    border-right: 1px #e2e2e2 solid;
    float: left;
}

.popup_flow .lz-r {
    margin-left: 120px;
}

.popup_flow .app_auto .ty_choice {
    margin: 6px;
}

.popup_flow .app_auto .ty_choice li {
}

.popup_flow .app_auto .ty_choice li:not(.hover) a {
    border-color: #fff;
}

.popup_flow .app_auto .ty_choice li a {
    display: block;
    width: auto;
    margin: 0;
    float: none;
    padding: 1px 10px;
}

.popup_flow .app_flex {
    background: #fafafa;
}

.popup_bz {
    position: absolute;
    right: 6px;
    left: 6px;
    bottom: 6px;
}

.app_cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.app_flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.layui-tree li a cite {
    font-size: 12px
}

/*流转施工单*/

/*绩效分配*/
.jx-dropdown {
    width: 100%;
}

.jx-dropdown .dropdown-menu {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    margin-top: 0;
}

.select-items {
    width: 100%;
    min-height: 40px;
    padding: 2px 2px 0 2px;
    margin: 5px 0;
    border: 1px solid #dddddd;
    overflow: hidden;
}

.select-items .item {
    display: inline-block;
    padding: 0 25px 0 10px;
    height: 35px;
    line-height: 35px;
    background-color: #f2f2f2;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
}

.select-items .item:hover {
    background-color: #e2ebf4;
}

.select-items .item i {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/delete.png");
    position: absolute;
    top: 10px;
    right: 5px;
}

.select-items .item i:hover {
    background-image: url("../images/delete-hover.png");
}

.select-items .item .form-control {
    display: inline-block;
    width: 40px;
}

.jx-dropdown .jxz {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    background-color: #ff4500;
    color: #ffffff;
}

.mmgb {
    width: 1px;
    height: 20px;
    float: left;
    background: #000;
    position: relative;
    top: 8px;
    margin-left: 10px;
    opacity: 1;
    -webkit-animation: gbsd 0.5s;
    -o-animation: gbsd 0.5s;
    animation: gbsd 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes gbsd {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

/*end of 绩效分配*/

/*自动化日志*/
.nr_qy_sczy {
    padding-bottom: 60px;
    overflow: auto;
}

.scrz_list {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 60px;
    overflow: auto;
}

.scrz_box {
    padding: 6px;
    border: 1px #e2e2e2 solid;
    margin-bottom: 6px;
}

.scrz_box:hover {
    border: 1px #ff9000 solid;
    box-shadow: 0px 0px 10px 0px rgba(255, 142, 0, 0.4);
}

.scrz_box .title {
    background: #F2F2F2;
    margin: -6px -6px 6px;
    border-bottom: 1px #e2e2e2 solid;
    line-height: 32px;
    padding: 0 10px;
}

.scrz_box .title label {
    margin-right: 30px;
    display: inline-block;
    line-height: 1em;
}

.scrz_box .title label i.ddms_suspend {
    margin-left: 6px;
    color: #bbb;
}

.scrz_box .title span {
    margin-left: 6px;
    color: #999;
}

.scrz_schedule {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.set_message {
    overflow: hidden;
    line-height: 1.5em;
    margin-left: 10px;
    margin-right: 10px;
}

.set_message ul {
    display: flex;
    border-right: 1px #e2e2e2 solid;
}

.set_message ul li {
    float: left;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px #e2e2e2 solid;
    padding: 0 6px;
}

.set_message ul li {
    width: 20%;
}

.set_message ul li h3 {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 12px
}

.set_message ul li p b {
    font-weight: normal;
    color: #666;
}

.set_message ul li p span {
    margin-right: 20px;
}

.scrz_btn {
    width: 88px;
    text-align: center
}

.scrz_btn a.ty_btn {
    float: none;
    margin-right: 0;
}

.scrz_btn a.ty_btn:not(:last-child) {
    margin-bottom: 6px;
}

/**/
.round {
    width: 72px;
    height: 72px;
    position: relative;
    z-index: 2;
    float: left;
    padding: 6px;
    border: 5px #6ac957 solid;
    border-radius: 100px;
    color: #6ac957;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.round h3 {
    font-weight: bold;
    font-size: 12px
}

.scrz_box_wait .round {
    color: #ff7800;
    border-color: #ff7800;
}

.scrz_box_defeated .round {
    color: #e13335;
    border-color: #e13335;
}

.scrz_box_defeated .set_message li:last-child h3 {
    color: #e13335;
}

.JobInformation_nr {
    margin-left: 30px;
    margin-right: 10px;
    border: 1px #e2e2e2 solid;
    padding: 6px;
    text-align: center;
    border-radius: 2px;
    line-height: 1.2;
    text-align: right;
    background: #fafafa;
}

/*分页*/
.scrz_fyq {
    padding: 10px;
    border-top: 1px solid #e4e4e4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.scrz_fyq .pagination-content {
    display: inline-block;
}

.ag-theme-balham .tb_bg_01 {
    background: #f4fff0;
}

.ag-theme-balham .tb_bg_02 {
    background: #fff8f8;
}

.ag-theme-balham .tb_bg_03 {
    background: #f1f3ff;
}

.ag-theme-balham .tb_bg_no {
    background: #fafafa;
    color: #999;
}

/*新版布局*/

/*左侧搜索菜单栏*/
.search_qy_wrap {
    position: absolute;
    bottom: 0;
    width: 228px;
    left: 0;
    height: 100%;
}

.ss-close .search_qy_wrap {
    left: -206px;
}

.ss-close .main-content-right {
    left: 22px;
}

.ss-close .search_sc_btn i {
    transform: rotate(-180deg);
}

.search_qy_c {
    position: absolute;
    bottom: 0;
    width: 206px;
    border-left: 1px #E4E4E4 solid;
    border-right: 1px #E4E4E4 solid;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    user-select: none;
}

.search_sc_btn {
    /*position: absolute;*/
    width: 22px;
    height: 100%;
    background: #f3f3f3;
    right: 0;
    border-right: 1px solid #e2e2e2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #e13335;
    float: right;
}

.search_sc_btn:hover {
    background-color: #e13335;
    color: #fff;
}

.search_sc_btn .fa {
    margin-top: 3px;
}
.main-default-img{
    height:100%;display: flex;align-items: center;justify-content: center;text-align: justify;flex-direction: column;
}
.main-default-img p{
    font-size: 14px;
    margin-top: 3px;
    color: #666;
}
.main-content-wrap {
    background-color: #fff;
}

.main-content-right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 228px;
    right: 0;
}

.main-content-right-only {
    left: 0;
}

.main-operate-top {
    padding: 5px 5px 1px 5px;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 2px 10px 0 #eaeaea;
}

.main-operate-top .btn {
    margin-bottom: 4px;
}

.main-content-c {
    padding: 5px;
    position: relative;
}

.main-content-c-st1 {
    padding: 8px;
}

.main-content-c-left {
    width: 225px;
    margin-right: -1px;
    z-index: 100;
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 4px 1px 13px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.08) 4px 1px 13px 0px;
    box-shadow: rgba(0, 0, 0, 0.08) 4px 1px 13px 0px;
}

.com-title {
    line-height: 31px;
    background-color: #f2f2f2;
    border: 1px solid #d9dcde;
    border-bottom: 0;
    padding: 0 10px;
    font-weight: bold;
    position: relative;
}
.com-title-fold {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #e4e4e4;
    cursor: pointer;
}
.com-title-fold .fa-angle-down {
    display: block;
    line-height: 31px;
    padding: 0 10px;
}
.com-title .com-qh{
    position: static;
    margin: 3px auto;
    display: block;
    width: 162px
}
.com-qh a{
    display: inline-block;
    line-height: 24px;
    padding:0 10px;
    border:1px solid #e2e2e2;
    float: left;
    margin-left: -1px;
    background-color: #fff;
    color: #666;
    font-weight: normal;
}
.com-qh a:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.com-qh a:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.com-qh a:hover{
    color: #e13335;
}
.com-qh a.active{
    background-color: #e13335;
    color: #fff;
}
.com-qh a.active:hover{
    color: #fff;
}
.tree-data .ag-theme-balham .ag-header-cell, .tree-data .ag-theme-balham .ag-ltr .ag-cell, .tree-data .ag-theme-balham .ag-ltr .ag-row.ag-cell-last-left-pinned, .tree-data .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned, .tree-data .ag-theme-balham .ag-row {
    border-color: transparent;
}

.tree-data .ag-theme-balham .ag-ltr .ag-cell {
    cursor: pointer;
}

.tree-data .ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 15px;
}

/*.tree-data .ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus,.tree-data .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus,.tree-data .ag-theme-balham .ag-row-selected {*/
/*border-color: transparent;*/
/*outline: initial;*/
/*background-color: #f2f2f2;*/
/*}*/
.tree-data .ag-theme-balham .ag-row-selected {
    font-weight: bold;
}
.tree-data .ag-group-expanded,.tree-data .ag-group-contracted{
    margin-left: -15px;
}

.tree-data .ag-row-group-indent-0 .ag-group-expanded,.tree-data .ag-row-group-indent-0 .ag-group-contracted{
    margin-left: 0;
}

.tree-data .ag-theme-balham .ag-ltr .ag-row-group-indent-2{
    padding-left: 45px
}
.tree-data .ag-theme-balham .ag-ltr .ag-row-group-indent-3{
    padding-left: 60px
}
.tree-data .ag-theme-balham .ag-header {
    color: rgba(0, 0, 0, 1);
}

.bottom-box {
    border: 1px solid #d9dcde;
    border-top: 0;
    padding: 10px;
}

.bottom-box .label-radio {
    top: 0;
}

.main-content-bottom {
    margin: 0 5px 5px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-top:0;
    height: 200px;
    background: #fff;
    z-index: 10;
    /*position: relative;*/
}
.main-content-bottom-drag:after{
    position: absolute;
    content: '';
    top:0;
    left: 0;
    bottom:0;
    right: 0;
}
.loading {
    color: #666;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.pagination-line {
    padding: 5px;
    border: 1px solid #d9dcde;
    border-top: 0;
    background-color: #fff;
    position: relative;
    /*overflow: hidden;*/
}

/*关键字搜索*/
.search_box {
    position: relative;
    float: left;
    margin-right: 5px;
    width: 215px;
}

.search_box .form-control {
    width: 100%;
    padding-right: 40px;
    border-color: #e6e6e6;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-input{
    position: absolute;z-index: -1;opacity: 0;top: 0;
}
.search_box .btn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.setting {
    margin-right: 5px
}
.setting .btn{
    margin-bottom: 0;
}
/* start 新版的标签tabs*/

.tabs-header {
    border-width: 1px;
    border-style: solid;
    border-bottom-width: 0;
    position: relative;
    padding: 0;
    padding-top: 1px;
    overflow: hidden;
    border-left: 0;
    border-right: 0;
    user-select: none;
}

.tabs-scroller-left,
.tabs-scroller-right {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 18px;
    font-size: 1px;
    display: none;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

.tabs-tool {
    position: absolute;
    bottom: 0;
    padding: 1px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
}

.tabs-header-plain .tabs-tool {
    padding: 0 1px;
}

.tabs-wrap {
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tabs-wrap .tabs {
    background-color: #f2f2f2;
}

.tabs-scrolling {
    margin-left: 18px;
    margin-right: 18px;
}

.tabs-disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.easyui-tabs .tabs {
    list-style-type: none;
    height: 26px;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    padding-top: 1px;
    width: 50000px;
    border-style: solid;
    border-width: 0 0 1px 0;
}

.easyui-tabs .tabs li {
    float: left;
    display: inline-block;
    margin-left: -1px;
    padding: 0;
    position: relative;
    border: 0;
}

.easyui-tabs .tabs li .tabs-inner {
    display: inline-block;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner {
    font-weight: bold;
    outline: none;
}

.easyui-tabs .tabs li.tabs-selected:not(:last-child) + li .tabs-inner {
    border-color: #bbb;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner:hover {
    cursor: default;
    pointer: default;
}

.easyui-tabs .tabs li a.tabs-close,
.tabs-p-tool {
    position: absolute;
    font-size: 1px;
    display: block;
    height: 12px;
    padding: 0;
    top: 50%;
    margin-top: -6px;
    overflow: hidden;
}

.easyui-tabs .tabs li a.tabs-close {
    width: 12px;
    right: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.tabs-p-tool {
    right: 16px;
}

.tabs-p-tool a {
    display: inline-block;
    font-size: 1px;
    width: 12px;
    height: 12px;
    margin: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.easyui-tabs .tabs li a:hover.tabs-close,
.tabs-p-tool a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: hand;
    cursor: pointer;
}

.tabs-with-icon {
    padding-left: 18px;
}

.tabs-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 50%;
    margin-top: -8px;
}

.easyui-tabs .tabs-title {
    font-size: 12px;
}

.tabs-closable {
    padding-right: 8px;
}

.tabs-panels {
    margin: 0px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-top-width: 0;
    overflow: hidden;
}

.tabs-panels .panel-body {
    padding: 0;
}

.tabs-header-bottom {
    border-width: 0 1px 1px 1px;
    padding: 0 0 2px 0;
}

.tabs-header-bottom .tabs {
    border-width: 1px 0 0 0;
}

.tabs-header-bottom .tabs li {
    margin: -1px 4px 0 0;
}

.tabs-header-bottom .tabs li .tabs-inner {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.tabs-header-bottom .tabs-tool {
    top: 0;
}

.tabs-header-bottom .tabs-scroller-left,
.tabs-header-bottom .tabs-scroller-right {
    top: 0;
    bottom: auto;
}

.tabs-panels-top {
    border-width: 1px 1px 0 1px;
}

.tabs-header-left {
    float: left;
    border-width: 1px 0 1px 1px;
    padding: 0;
}

.tabs-header-right {
    float: right;
    border-width: 1px 1px 1px 0;
    padding: 0;
}

.tabs-header-left .tabs-wrap,
.tabs-header-right .tabs-wrap {
    height: 100%;
}

.tabs-header-left .tabs {
    height: 100%;
    padding: 4px 0 0 2px;
    border-width: 0 1px 0 0;
}

.tabs-header-right .tabs {
    height: 100%;
    padding: 4px 2px 0 0;
    border-width: 0 0 0 1px;
}

.tabs-header-left .tabs li,
.tabs-header-right .tabs li {
    display: block;
    width: 100%;
    position: relative;
}

.tabs-header-left .tabs li {
    left: auto;
    right: 0;
    margin: 0 -1px 4px 0;
    float: right;
}

.tabs-header-right .tabs li {
    left: 0;
    right: auto;
    margin: 0 0 4px -1px;
    float: left;
}

.tabs-justified li .tabs-inner {
    padding-left: 0;
    padding-right: 0;
}

.tabs-header-left .tabs li .tabs-inner {
    display: block;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.tabs-header-right .tabs li .tabs-inner {
    display: block;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.tabs-panels-right {
    float: right;
    border-width: 1px 1px 1px 0;
}

.tabs-panels-left {
    float: left;
    border-width: 1px 0 1px 1px;
}

.tabs-header-noborder,
.tabs-panels-noborder {
    border: 0px;
}

.tabs-header-plain {
    border: 0px;
    background: transparent;
}

.tabs-pill {
    padding-bottom: 3px;
}

.tabs-header-bottom .tabs-pill {
    padding-top: 3px;
    padding-bottom: 0;
}

.tabs-header-left .tabs-pill {
    padding-right: 3px;
}

.tabs-header-right .tabs-pill {
    padding-left: 3px;
}

.tabs-header .tabs-pill li .tabs-inner {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.tabs-header-narrow,
.tabs-header-narrow .tabs-narrow {
    padding: 0;
}

.tabs-narrow li,
.tabs-header-bottom .tabs-narrow li {
    margin-left: 0;
    margin-right: -1px;
}

.tabs-narrow li.tabs-last,
.tabs-header-bottom .tabs-narrow li.tabs-last {
    margin-right: 0;
}

.tabs-header-left .tabs-narrow,
.tabs-header-right .tabs-narrow {
    padding-top: 0;
}

.tabs-header-left .tabs-narrow li {
    margin-bottom: -1px;
    margin-right: -1px;
}

.tabs-header-left .tabs-narrow li.tabs-last,
.tabs-header-right .tabs-narrow li.tabs-last {
    margin-bottom: 0;
}

.tabs-header-right .tabs-narrow li {
    margin-bottom: -1px;
    margin-left: -1px;
}

.tabs-scroller-left {
    background: #E0ECFF url('../images/tabs_icons.png') no-repeat 1px center;
}

.tabs-scroller-right {
    background: #E0ECFF url('../images/tabs_icons.png') no-repeat -15px center;
}

.easyui-tabs .tabs li a.tabs-close {
    background: url('../images/tabs_icons.png') no-repeat -34px center;
}

.easyui-tabs .tabs li .tabs-inner:hover {
    background: #eaf2ff;
    color: #000000;
    filter: none;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner {
    background-color: #ffffff;
    color: #0E2D5F;
    background: -webkit-linear-gradient(top, #EFF5FF 0, #ffffff 100%);
    background: -moz-linear-gradient(top, #EFF5FF 0, #ffffff 100%);
    background: -o-linear-gradient(top, #EFF5FF 0, #ffffff 100%);
    background: linear-gradient(to bottom, #EFF5FF 0, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF, endColorstr=#ffffff, GradientType=0);
}

.tabs-header-bottom .tabs li.tabs-selected .tabs-inner {
    background: -webkit-linear-gradient(top, #ffffff 0, #EFF5FF 100%);
    background: -moz-linear-gradient(top, #ffffff 0, #EFF5FF 100%);
    background: -o-linear-gradient(top, #ffffff 0, #EFF5FF 100%);
    background: linear-gradient(to bottom, #ffffff 0, #EFF5FF 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#EFF5FF, GradientType=0);
}

.tabs-header-left .tabs li.tabs-selected .tabs-inner {
    background: -webkit-linear-gradient(left, #EFF5FF 0, #ffffff 100%);
    background: -moz-linear-gradient(left, #EFF5FF 0, #ffffff 100%);
    background: -o-linear-gradient(left, #EFF5FF 0, #ffffff 100%);
    background: linear-gradient(to right, #EFF5FF 0, #ffffff 100%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF, endColorstr=#ffffff, GradientType=1);
}

.tabs-header-right .tabs li.tabs-selected .tabs-inner {
    background: -webkit-linear-gradient(left, #ffffff 0, #EFF5FF 100%);
    background: -moz-linear-gradient(left, #ffffff 0, #EFF5FF 100%);
    background: -o-linear-gradient(left, #ffffff 0, #EFF5FF 100%);
    background: linear-gradient(to right, #ffffff 0, #EFF5FF 100%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#EFF5FF, GradientType=1);
}

.easyui-tabs .tabs li .tabs-inner {
    /*color: #0E2D5F;*/
    color: #333;
    background-color: #f2f2f2;
    /*background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);*/
    /*background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);*/
    /*background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);*/
    /*background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);*/
}

.tabs-header,
.tabs-tool {
    background-color: #ffffff;
}

.tabs-header-plain {
    background: transparent;
}

#tt .tabs-scroller-left,
#tt .tabs-scroller-right {
    border-bottom-color: #bbb;
}

.tabs-scroller-left,
.tabs-scroller-right {
    border-color: #e4e4e4;
}

.tabs-header,
.easyui-tabs .tabs-tool,
.easyui-tabs .tabs,
.tabs-panels,
.easyui-tabs .tabs li.tabs-selected .tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected .tabs-inner,
.tabs-header-left .tabs li.tabs-selected .tabs-inner,
.tabs-header-right .tabs li.tabs-selected .tabs-inner {
    border-color: #bbb;
}

.tabs-header {
    border-top-color: transparent;
}

.tabs-scroller-left {
    left: 0;
}

.tabs-scroller-right {
    right: 0;
    border-right-color: transparent;
}

.easyui-tabs .tabs li .tabs-inner {
    border-color: #e4e4e4;
    border-bottom-color: #bbb;
    border-top: 0;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner {
    position: relative;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #e13335;
    top: 0;
    left: 0;
}

.tabs-p-tool a:hover,
.easyui-tabs .tabs li a:hover.tabs-close,
.tabs-scroller-over {
    background-color: #eaf2ff;
}

.easyui-tabs .tabs li.tabs-selected .tabs-inner {
    border-bottom: 1px solid #ffffff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tabs-header-bottom .tabs li.tabs-selected .tabs-inner {
    border-top: 1px solid #ffffff;
}
.xj-customer-group{
    width: 225px;border-right: 1px solid #e4e4e4;margin-right: 6px;padding-right: 6px;
}

.tabs-header-left .tabs li.tabs-selected .tabs-inner {
    border-right: 1px solid #ffffff;
}

.tabs-header-right .tabs li.tabs-selected .tabs-inner {
    border-left: 1px solid #ffffff;
}

.tabs-header .tabs-pill li.tabs-selected .tabs-inner {
    background: #ffe48d;
    color: #000000;
    filter: none;
    border-color: #95B8E7;
}

/*内部的tabs*/
.tabs-inside .tabs-wrap {
}

.tabs-inside .tabs {
    padding: 0;
    padding-top: 1px;
    border-color: #e4e4e4;
}

.tabs-inside .tabs li .tabs-inner {
    border-bottom-color: #e4e4e4;
}

.tabs-inside .tabs-panels {
    border-color: transparent;
}

.tabs-inside .tabs li.tabs-selected:not(:last-child) + li .tabs-inner {
    border-color: #e4e4e4;
}

.tabs-inside .tabs li.tabs-selected .tabs-inner {
    border-color: #e4e4e4;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
}

.tabs-inside-wrap {
    overflow: hidden;
}

.tabs-inside-hd-bg {
    background-color: #f2f2f2;
}

.tabs_body {
    width: 100%;
    height: 100%;
    padding: 3px;
}

/*common-tabs*/
.common-tabs{
    position: relative;
    user-select: none;
}
.common-tabs-hd{
    position: relative;
    border-bottom: 1px solid #bbb;
    height: 30px;
    background: #f5f5f5;
}
.common-tabs-top{
    height: 31px;
    position: relative;
}
.common-tabs-header-c{
    position: absolute;left: 0;right: 0;overflow:hidden;
}
.scroll .common-tabs-scroll-left,.scroll .common-tabs-scroll-right{
    display: block;
}
.scroll .common-tabs-header-c{
    left: 30px;right: 30px;
}
.common-tabs-scroll-left,.common-tabs-scroll-right {
    position: absolute;
    top: 0;
    bottom: 2px;
    width: 30px;
    display: none;
    cursor: pointer;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
    background-color: #fff;
    z-index: 2;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
}
.common-tabs-scroll-left.disabled{
    color: #c3c3c3;
    cursor: not-allowed;
}
.common-tabs-scroll-right.disabled{
    color: #c3c3c3;
}
.common-tabs-scroll-right{
    right: 0;
}
.common-tabs .common-tabs-header-w{
    background-color: #f2f2f2;
    border-bottom: 1px solid #e4e4e4;
    height: 30px;
    position: relative;
    z-index: 1;
}
.tabs-main{
    padding-top: 4px;
    background: #f2f2f2;
    position: relative;
}
.tabs-main:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 1px;
    background-color: #fff;
}
.tabs-main .common-tabs-header-w{
    border-bottom: 1px solid #bbb;
}
.common-tabs .common-tabs-header{
    line-height: 29px;
    width: 50000px;
    display: inline-block;
}
.common-tabs-st1  .common-tabs-header{
    width: auto;
    line-height: 28px;
}
.common-tabs .common-tabs-header li{
    float: left;
    position: relative;
}

.common-tabs .common-tabs-header li a{
    padding: 0 13px 0 13px;
    display: block;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    margin-left: -1px;
    min-width: 70px;
    text-align: center;
}
.tabs-main .common-tabs-header li a{
    padding: 0 23px 0 13px
}
.common-tabs .common-tabs-header li a.un-remove{
    padding: 0 13px 0 13px;
    text-align: center;
    min-width: 50px
}

.over10{
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.common-tabs .common-tabs-header li.active{
    background-color: #fff;
    position: relative;
}
.tabs-main .common-tabs-header li.active a{
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
.tabs-main .common-tabs-header li.active+li>a{
    margin-left: 0;
    border-left: 0;
}

.common-tabs .common-tabs-header li.active a:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -2px;
    border-bottom: 2px solid #fff;
    z-index: 10;
}
.common-tabs .common-tabs-header li .fa-remove{
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 13px;
    color: #c8c8c8;
    cursor: pointer;
    z-index: 11;
}
.common-tabs .common-tabs-header li .fa-remove:hover{
    color: #333;
}

.common-tabs-panel {
    padding: 3px;
    height: 100%;
    display: none;
}

.common-tabs-panel.active {
    display: flex;
}

.common-tabs-panel > iframe {
    flex: 1;
}



.main-content-bottom .common-tabs {
    border-top: 1px #bbb solid;
    height: 100%;
}

.common-tabs-panel iframe {
    width: 100%;
    height: 100%;
}

.common-tabs-fold {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #e4e4e4;
    cursor: pointer;
}

.common-tabs-fold .fa-angle-down {
    display: block;
    line-height: 28px;
    padding: 0 10px;
}

.common-tabs-st1 .common-tabs-header-w {
    background-color: #fff;
}

.common-tabs-st1 .common-tabs-header li {
    background: #f5f5f5;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

.common-tabs-st1 .common-tabs-header li a {
    border-top: 1px solid #ddd;
}

.common-tabs-st1 .common-tabs-header li.active {
    border-top: 1px solid inherit;
}

.common-tabs-panel-w1 .common-tabs-panel {
    padding: 10px 0 0;
    overflow: auto;
}

.common-tabs-header li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #e13335;
    top: 0;
}

/*end of 新版的标签tabs*/

/* 客户详情*/
.customer-detail-left{
    position: absolute;
    top: 8px;
    bottom:  8px;
    left:  8px;
    width: 26%;
    min-width: 260px;
    padding:0 8px 0 0;
    margin-right: 8px;
    border-right: 1px solid #eee;
    background-color: #fff;
    overflow: auto;
}
.customer-detail-right{
    position: absolute;top: 8px;right:8px;bottom: 8px;
}

.title-f {
    line-height: 32px;
    background-color: #f2f2f2;
    font-weight: bold;
    display: flex;
}

.title-f-b {
    margin-bottom: 6px;
}

.set-group {
    overflow: hidden;
}

.set-group a {
    display: block;
    width: calc((100% - 6px) / 3);
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #f5f5f5;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
    user-select: none;
    padding: 0 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.set-group a:nth-child(3n+0) {
    margin-right: 0;
}

.set-group a.active {
    background-color: #e13335;
    color: #fff;
}

.more-group {
    text-align: center;
}

.more-group a:hover {
    color: #e13335;
}

.more-group .fa {
    margin-left: 5px;
}

.address-select {
    display: flex;
}

.address-select .select-group {
    flex: 1;
    width: calc((100% - 8px) / 3);
}

.address-select .select-group:not(:last-child) {
    margin-right: 4px;
}

.btn-tc {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    min-width: 100px;
    font-size: 12px;
    background-color: #e13335;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    border: 0;
}

.btn-tc-sm {
    min-width: auto;
    padding: 0 18px;
}

.btn-tc:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-tc:disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.title-f .btn-tc {
    margin: 4px;
}

.impression textarea.form-control {
    height: 200px;
    margin-bottom: 10px;
}

.handle_table_btn a {
    color: #104195;
}

.handle_table_btn a:not(:last-child) {
    margin-right: 10px;
}

.ag-cell .label-radio input.input-check-all {
    top: 2px;
}

.sum-padding {
    padding-left: 8px !important;
}

/*新建经营项目*/
.business_base{
    padding:0 6px 6px;
}
.jyxm_jcsx{
    width: 260px;
    margin-left: 10px;
    border-left: 1px dashed #e4e4e4;
}
.jyxm_jcsx .form-group:last-child,.jyxm_xmdl .form-group:last-child{
    margin-bottom: 0;
}
.business_base-b{
    padding:0 6px;
}
.business-price{
    border:1px solid #e4e4e4;
}
.business-jx{
    border:1px solid #e4e4e4;
    margin-left: 6px;
}
.busi-title{
    display: flex;
    padding: 2px 10px;
}
.busi-title .txt{
    flex: 1;
    line-height: 24px;
}
.busi-title .btn-switch{
    top:0;
}
.busi-c{
    padding: 6px;
    position: relative;
}
.busi-c.disabled:after{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
}
.busi-c.disabled *{
    color: #999;
}

.busi-c-top{
    padding-bottom: 3px;
}
.busi-c-top .form-horizontal .form-group{
    margin-bottom: 0;
}
.wg-zdy{
    border:1px solid #e4e4e4;
    height: 254px;
}
.wg-zdy .item{
    padding: 3px 6px;
    overflow: hidden;
    min-height: 25px;
    line-height: 24px;
    position: relative;
}
.wg-zdy .line .item:not(:last-child){
    border-right:1px solid #e4e4e4;
}

.wg-zdy-hd{
    border-bottom:1px solid #e4e4e4;
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
}
.wg-zdy-hd h6{
    padding: 8px 6px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
}
.wg-zdy-bd .line{
    position: relative;
}
.wg-zdy-bd .line:not(:last-child)
{
    border-bottom:1px solid #e4e4e4;
}
.add-item{
    font-size: 16px;
    padding:0 10px;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    text-align: center;
    background-color: #F2F2F2;
    line-height: 26px;
    cursor: pointer;
}
.add-item:hover{
    background-color:#e13335;
    color: #fff;
}
.has-scroll{
    margin-right: 18px;
}
.wg-zdy-bd-c{
    max-height: 195px;overflow: auto;
}
.wg-zdy-bd-c .input-check-all{
    display: inline-block;
    top: 4px;
}
.wg-zdy-bd-c .line .fa-trash{
    position: absolute;
    top: 6px;
    right: 4px;
    font-size: 18px;
    cursor: pointer;
    display: none;
}
/*.wg-zdy-bd-c .line.edit-line:hover .fa-trash{*/
/*display: none;*/
/*}*/
.wg-zdy-bd-c .line:hover .fa-trash{
    display: block;
}
.wg-zdy-bd-c .line .fa-trash:hover{
    color: #e13335;
}
.qj{
    display: none;
}
.qj .form-control{
    height: 24px;
}
.qj .select-group{
    height: 24px;
}
.qj .qjx{
    line-height: 24px;
    margin:  0 5px;
}
.qj-dw{
    margin:0 5px;
}
.qj-dw-last{
    margin-right: 15px;
}
.wg-zdy-bd-c .line .item.edit .qj-txt{
    display: none;
}
.wg-zdy-bd-c .line .item.edit .qj{
    display: flex;
}
.qj-show .qj{
    display: flex;
}
.jx-qj{
    overflow: hidden;
}
.jx-qj .wg-zdy{
    width: calc((100% - 6px)/2);
    float: left;
}
/*角色管理*/
.report-sq{
    height: 490px;padding: 6px;display: flex;
}
.report-sq .item{
    flex: 1;
    border:1px solid #e4e4e4;
    position: relative;
}
.report-sq .item:not(:last-child){
    margin-right: 6px;
}
.report-sq .item h3{
    font-size: 12px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e4e4e4;
    padding: 3px 6px;
}
.report-sq .label-radio{
    max-width: calc(100% - 10px);
    top:0;
    margin-right: 0;
}
.report-sq .item-c{
    padding: 6px;
    position: absolute;
    top: 28px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
}
.report-sq .item-c .line-p{
    line-height: 20px;
}
.report-sq .item-c .line-p .fa-cog{
    color: #666;float: right;margin-top: 10px;cursor: pointer;
}
.report-sq .item-c .line-p .report-function-sub{
    display:none;position: absolute;z-index:10;padding: 5px;width: calc(100% - 10px);border: 1px solid #658cd7;background-color: #fff;
    box-shadow: 0px 1px 5px 0px #d9d9d9;
}
.report-sq .item-c .line-p .report-function-sub .label-radio{
    margin-right:10px;
}
.report-function-sub .bottom{
    text-align: right;
    margin-top: 5px;
}
.report-sq .item-c .line-p .label-radio .radio-text{
    top: 5px;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.report-sq .item:first-child{
    border-top: 3px #658cd7 solid
}
.report-sq .item:nth-child(2){
    border-top: 3px #FF9000 solid
}
.report-sq .item:nth-child(3){
    border-top: 3px #3fd69f solid
}
.report-sq .item:nth-child(4){
    border-top: 3px #ee7474 solid
}
.report-sq .item:nth-child(5){
    border-top: 3px #658cd7  solid
}

/*开单*/
.order-kd-c{
    position: absolute;
    top: 39px;
    left: 0;
    bottom:0;
    right: 0;
}
.bt-xs{
    margin-left: 6px;
    min-width: 42px;
}
.bt-xs-set{
    margin-left: 0;
    min-width: 42px;
    height: 22px;
    line-height: 20px;
    position: relative;
    top: -2px;
}
.btn-red{
    background:linear-gradient(rgb(255,57,72) 0%,rgb(228,0,17) 100%);
    color: #fff;
}
.btn-red:active{
    background:linear-gradient(rgb(255,57,72) 0%,rgb(228,0,17) 100%);
}
.btn-red:hover,.btn-red:focus{
    color: #fff;
}
.order-kd-left-bottom{
    margin-top: 8px;
}
.file-address .fa-folder{
    font-size: 18px;
    color: #f3ad5f;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 7px;
    cursor: pointer;
}
.jf-info{
    width: 360px;
    border-left: 1px solid #e4e4e4;
    margin-left: 10px;
    padding-left: 5px;
}

.kd-wrap{
    height:100%;position: relative;
}
.order-kd-right{
    border: 1px solid #e4e4e4;margin-left: 6px;
}
.order-kd-right .alert-body-group-left{
    height: 100%;overflow: auto;
}
.order-kd-left-bottom .common-tabs-panel{
    padding:0;
}
.order-kd-table-top{
    padding:4px 0;
    display: flex;
}
.order-kd-table-top .btn{
    margin-right: 6px;
}
.order-kd-table-top p{
    flex: 1;
    line-height: 28px;
    text-align: right;
}
.order-kd-table-top p span{
    margin-left: 10px;
}
.order-kd-table-bottom{
    padding: 6px;
    background: #f2f2f2;
    line-height: 28px;
    border:1px solid #e2e2e2;
    border-top: 0;
}
.order-kd-table-bottom .item{
    float: left;
    margin-left: 20px;
}
.order-kd-table-bottom .item .form-control{
    float: right;
    font-size: 16px;
    color: #e13335;
    font-weight: bold;
}
.order-kd-table-bottom del{
    color: #999;
}
.order-kd{
    position: absolute;top: 36px;left: 0;right: 0;bottom: 0;overflow:auto;
}
.czl-ty{
    padding: 6px;
}
.czl-ty .title{
    line-height: 28px;
    margin:0 5px;
}
.czl-ty .item{
    float: left;
    margin-right: 10px;
}
.czl-ty .item:last-child{
    margin-right: 0;
}
.jxfl-bottom{
    padding: 6px 10px;
    background-color: #f2f2f2;
    border: 1px solid #e4e4e4;
}
.jxfl-bottom .title{
    line-height: 22px;
    padding:0 10px;
}
.jxfl-bottom .label-radio{
    top:0;
}
.inside-support-order-list:not(:last-child){
    margin-bottom: 10px;
}
.nx-detail{
    padding: 2px 2px 2px 10px;
    background: #f2f2f2;
    line-height: 28px;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    box-shadow: 0 2px 10px 0 #eaeaea;
    display: flex;

}
.nx-detail .item{
    margin-right: 15px;
    float: left;
}
.nx-detail .item b{
    margin-left: 5px;
}
.nx-detail-desc{
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    background: #fff9f6;
}
.nx-detail-desc p:not(:last-child){
    margin-bottom: 12px;
}
.inside-support-order-list .nx-detail .btn{
    margin-left: 3px;
}

/*S物料选择*/
.material-choose .tree-data{
    width: 162px;
}
.material-choose .material-cg{
    width: 300px;margin-left: 6px;
}
/*E物料选择*/
/*S运行参数设置*/
.auto-ag .ag-theme-balham .ag-row.ag-row-last{
    border-bottom-width:0
}
.set-parameter .com-title{
    border-bottom:1px solid #d9dcde;
}
.set-parameter .item .ag-theme-balham{
    margin-top: -1px;
}
.set-parameter .item{
    margin-bottom: 6px;
}
.set-param{
    padding: 10px 5px;
    height: 150px;
}
.set-param h4{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}
.set-param p{
    color: #999;
}
.set-param .line-fgx{
    margin-top: 10px;
}
.set-param .dropdown-menu{
    max-height: 200px;
}
/*E运行参数设置*/
/*S收款*/
.pay-order-w{
    padding: 10px;
    height: 100%;
}
.pay-order-left{
    width: 320px;
    padding:0 10px 0 0;
    height:100%;
    overflow: auto;
}
.customer-xj{
    background-color: #E13335;
    color: #fff;
}
.customer-jz{
    background-color: #007DDB;
    color: #fff;
}
.customer-lx{
    padding:0 6px;
}
.customer-lx .name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-horizontal .input-block-txt-f{
    margin-bottom: 0px;
}
.pay-order-right{
    padding:0 10px;
    border-left:1px solid #e2e2e2;
}
.pay-order-right .title{
    padding:6px 10px;
    background-color: #f2f2f2;
    font-weight: bold;
}
.s-title{
    clear: both;
    padding:6px 0;
    font-weight: bold;
}
.p-line{
    margin: 8px 0;
}
.pay-ways{
    padding-top: 6px;
    overflow: hidden;
}
.options a{
    padding:0 10px;
    display: inline-block;
    line-height: 32px;
    border: 1px solid #e2e2e2;
}
.options a i{

}
.options a.active{
    border-color: #E13335;
    color: #E13335;background-color: #fff9f6;
}
.pay-ways a:not(:nth-child(5n)){
    margin-right: 6px;
}
.pay-ways a{
    float: left;
    width: calc((100% - 24px)/5);
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-pay-item{
    background-color: #f2f2f2;
    padding: 6px;
}
.card-pay-item .name{
    width: 70px;
    line-height: 28px;
    text-align: right;
    margin-right: 10px;
    color: #666;
}
.card-pay-item  .item-c{
    line-height: 28px;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex:1;
}
.pay-num-input{
    height: 42px;
    font-size: 20px;
    font-weight: bold;
}
.card-ye{
    line-height: 42px;
}
.card-ye b{
    font-size: 16px;
    font-weight: bold;
    color: #E13335;
}
.pay-ways .fk_iocn {
    width: 18px;
    height: 18px;
    background-size: 18px;
    top: 4px;
    margin-right: 8px;
}
.pay-ways-more{
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    clear: both;
    color: #999;
}
.pay-ways-more:hover{
    color: #E13335;
}
.pay-ss{
    width: 100%;
    display: none;
    clear: both;
}
.ye-item{
    display: none;
}
/*E收款*/
/*S客户会员卡查看明细*/
.line-bj{
    display: flex;
    line-height: 28px;
}
.line-bj .six-txt{
    width: 80px;
    margin-right: 6px;
    text-align: right;
}
.line-bj .line-c{
    flex: 1;
}
.layout{
    display: flex;
    padding: 6px;
}
.layout-left{
    width: 280px;
    margin-right: 6px;
    padding: 6px;
    border: 1px solid #e4e4e4;
    overflow: auto;
}
.layout-right{
    flex: 1;
}

/*E客户会员卡查看明细*/

/*批量选择经营项目*/
.jyxm-left{
    position: absolute;
    width: 200px;
    left: 6px;
    top: 6px;
    bottom: 6px;
    border:1px solid #e4e4e4;
    overflow: auto;
}
.jyxm-right{
    position: absolute;
    left: 212px;
    top: 6px;
    right: 6px;
    bottom: 6px;
}
.jyxm-qh{
    text-align: center;
    padding:5px 0
}
.jyxm-qh span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #8b8b8b;
    border-radius: 30px;
    text-align: center;
    font-size: 15px;
    margin: 0 5px;
    cursor: pointer;
}
.jyxm-qh span .fa{
    font-weight: bold;
}
.jyxm-qh span:hover{
    border-color: #E13335;
    color: #E13335;
}
.pljyxm-layer{
    position: relative;height: 100%;
}
.pljyxm-c{
    position: absolute;top: 0;bottom: 0;left: 0;right: 0;
}
.pljyxm-c .ag-table{
    position: absolute;top: 42px;left: 0;right: 0;bottom: 0;
}
.layer-footer{
    position: absolute;bottom: 0px;left: 0;right: 0;
}



/*浏览器提醒*/
.explorer{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.7);
    line-height: 40px;
    text-align: center;
    color: #fff;
    user-select: none;
    z-index: 10000;
    display: none;
}
.explorer a:hover{
    color: #E13335;
    text-decoration: underline;
}
.close-tx{
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
}
.close-tx:hover{
    background-color: #e40011;
}

/*打印设计*/
.print-design .hiprint-printTemplate{
    /*background-color: #fff;*/
    z-index: 1;
    position: absolute;
    top: 0;
    bottom:0;
    right: 0;
    left: 0;
    padding-top: 15px;
    padding-left: 15px;
    overflow: auto;
}
.print-design  .hiprint-printPaper{
    background-color: #fff;
}
.print-design-left{
    width: 220px;position: absolute;top: 0;left: 0;bottom: 0;overflow: auto;border-right: 1px solid rgb(201,190,190);
    padding: 6px;z-index: 2;
}
.print-design-center{
    position: absolute;left: 219px;right: 240px;top: 0;bottom: 0;overflow: auto;background-color: #f2f2f2; padding-left: 14px;
    z-index:1;
}
.print-design  .hiprint-toolbar{
    margin-top:15px;position: absolute;bottom: 20px;left: 35px;z-index:2;text-align: center;
}
.print-design-right{
    width: 240px;position:absolute;right: 0;top: 0;bottom: 0;overflow: auto;border-left:1px solid rgb(201,190,190);
}
.print-design  .hiprint-printElement-type .glyphicon{
    font-size: 32px;
}

.select-cell {
    display: inline-block;
    line-height: 26px;
    width: 100%;
    background: #fff;
}
.select-cell b {
    margin-right: 5px;
    float: left;
}

.select-cell .select-a a {
    margin-right: 5px;
    display: block;
    padding: 0 12px;
    border: 1px solid #e4e4e4;
    float: left;
}

.select-cell .select-a a.active {
    color: #e13335;
    border-color: #e13335;
}
.select-zdy-date .form-control {
    width: 128px;
    margin: 0 2px;
}
.jx-qh-btn{
    border: 1px solid #e4e4e4;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    margin-right:20px;
    background-color: #f2f2f2;
}

.jx-qh-btn a{
    display: block;
    float: left;
    padding: 0 12px;
    line-height: 26px;
    margin-left: -1px;
    position: relative;
    z-index: 2;
}
.jx-qh-btn a.active{
    color: #fff;
    background-color: #e13335;
}


/*退款*/
.return-back{
    height: 100%;width: 100%;position: absolute;
}
.return-back-top{
    position: relative;height: 65%;
}
.return-back-top .left-part{
    position: absolute;width: 280px;left: 6px;top: 6px;bottom: 6px;border: 1px solid #e4e4e4;overflow: auto;padding: 6px;
}
.return-back-top .right-part{
    position: absolute;left: 292px;right: 6px;top: 6px;bottom: 6px;display: flex;flex-direction: column;
}
.return-back-bottom{
    height:35%;padding: 0 6px 6px 6px;display: flex;flex-direction: column;
}
/*E退款*/

/*付款申请弹框*/
.fkd{
    height: 460px;
}
.fkd-left{
    position: absolute;top: 0;right: 255px;bottom: 0;left: 0;display: flex;flex-direction: column;
}
.fkd-right{
    position: absolute;top: 0;right: 0;bottom: 0;width: 250px;border: 1px solid #e4e4e4;margin: 5px;overflow: auto;
}
/*数量增加/减少*/
.num-zj {
    float: left;
    user-select: none;
}

.num-zj .num-btn {
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #E4E4E4;
    background-color: #f5f5f5;
    cursor: pointer;
}

.num-zj .form-control {
    width: 72px;
    padding: 6px;
    text-align: center;
    float: left;
}

.num-zj .num-btn:first-child {
    border-right: 0;
}

.num-zj .num-btn:last-child {
    border-left: 0;
}


/*版本更新导图*/
.new-v-img{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    text-align: center;
    color: #fff;
    user-select: none;
    z-index: 9999;
    background-color: #fff;
    cursor: pointer;
    display: none;
}
.new-v-img .img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #414141;
    overflow: hidden;
}
.new-v-img .img img{
    max-width: 100%;
    max-height: 100%;
}
/*收款方式选择标签*/
.skfs-sty li {
    list-style: none;
    float: left;
    margin: 5px;
    border:1px solid gainsboro ;
    padding: 4px;;
    margin-top: 2px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
}
.skfs-sty .active{
    border-color: orange;
    background-color: lightgoldenrodyellow;
}
.form-group textarea{
    height: 100px;
    border-radius: 2px;
}
.form-group textarea:focus{
    border: 1px solid gainsboro;
}
.form-group input:focus,form-group textarea:focus{
    border: 1px solid gainsboro;
}
.form-group input{
    border-radius: 2px;
    border: 1px solid gainsboro;
}
/*收款方式选择标签*/
/*合同管理*/
.contact-manage-left{
    width: 205px;
    position: absolute;
    top:0;
    left: 0;
    bottom:0;
    color: #767676;
    overflow-y: auto;
    overflow-x: hidden;
}
.contact-manage-left:after{
    content: '';
    border-left: 1px solid #e4e4e4;
    position: absolute;
    right: 0;
    height: 100%;
}
.contact-c{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.contact-items a{
    display: block;
    height: 64px;
    padding: 15px 10px;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    color: #767676;
}
.contact-items a p:first-child{
    margin-bottom: 8px;
}
.contact-items a p:nth-child(2){
    padding-left: 10px;
}
.contact-items a p>i{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: relative;
    top: -3px;
    margin-right: 7px;
    background:#767676;
}
.contact-items a.active{
    background-color: #fff;
    position: relative;
    z-index: 1;
    color: #000;
}
.contact-items a:after{

}
.contact-items a.active p>i{
    background: #E13335;
}
.add-ht-btn{
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    background:linear-gradient(0deg,rgba(255,255,255,1),rgba(245,245,245,1));
    cursor: pointer;
}
.add-ht-btn i{
    display:inline-block;width: 15px;height: 15px;background: url("../images/ht-add-lx.png");background-size: 15px;margin-right: 10px;
}
.add-ht-btn:active{
    background:linear-gradient(0deg,rgba(245,245,245,1),rgba(255,255,255,1));
}
.contact-manage-right{
    position: absolute;
    top: 0;
    left:205px;
    right: 0;
    bottom:0;
    padding:10px;
    overflow: auto;
}
.ht-imgs{padding:0 10px}
.ht-img{width: 90px;height: 120px;float: left;margin-right:10px;border: 1px solid #e4e4e4;position: relative;margin-bottom: 10px}
.ht-list-img{
    max-width: 88px;max-height: 118px
}
.add-img-btn{
    position: relative;width: 90px;height: 120px;float: left;border: 1px dashed #e4e4e4;background-image: url("../images/ht-add-img.png");background-size: contain;
    margin:0 10px 10px 0;cursor: pointer;
}
.add-img-file{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 90px;
    opacity: .01;cursor: pointer}
.ht-img .fa-trash {
    color: #e13335;
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 16px;
    display: none;
    cursor: pointer;
    z-index: 1;
}
.ht-img:hover  .fa-trash {
    display: block;
}
.form-horizontal.form-txt  .form-group{
    margin-bottom: 3px;
}
.ht-state{
    position: absolute;right: 10px;
}
.ht-state span{
    float: left;
}
.ht-state i{
    display: inline-block;
    width: 21px;
    height: 24px;
    background-size: 21px 24px;
    position: relative;
    top: -2px;
}
/*合同正常图标*/
.ht-state i.ht-zc{
    background-image: url(../images/ht-zc.png);
}
/*合同作废图标*/
.ht-state i.ht-zf{
    background-image: url(../images/ht-zf.png);
}
/*合同过期图标*/
.ht-state i.ht-gq{
    background-image: url(../images/ht-gq.png);
}
/*E合同管理*/



/*S和掌柜后台*/
.login-page{
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    background-image: url("../plus/images/hzg-login-bg.png");
    background-position: center;
    background-size: cover;
    overflow: auto;
}
.login-c .right{
    position: absolute;
    top:50%;
    right:200px;
    margin-top:-230px;;
    background: red;
    width:480px;
    height:470px;
    background:rgba(255,255,255,1);
    box-shadow:0px 6px 20px rgba(0,0,0,0.45);
    border-radius:9px;
}
.login-c .right .top{
    color:#fff;
    font-size:25px;
    font-weight: 400;
    text-align: center;
    position: absolute;left: 0;top: -50px;right: 0;
}
.right .logo{
    text-align: center;
    position: relative;
    top:-7px;
}
.hzg-login-info ul li{
    margin-bottom: 36px;
}
.hzg-login-info ul li .name{
    width: 60px;
    font-size: 18px;
    color:#000;
    display: inline-block;
}
.dl-input{
    width: 270px;
    height: 40px;
    background:#F5F5F5;
    border-radius: 3px;
    outline: none;
    border:none;
    padding: 0 8px;
    font-size: 18px;
}
.dl-input::placeholder{
    color:#A8A8A8;
    font-size: 18px;
}
.hzg-login-info .error{
    font-size: 14px;
    color:#DF111C;
    height: 24px;
    margin-left: 65px;
    position: relative;
    top: -15px;
}
.hzg-login-info .error .error-info-wrap{
    display: flex;
    height: 24px;
    align-items: center;
}
.hzg-login-info .error .error-info-wrap span{
    position: relative;
    top: 3px;
}
.hzg-login-info .error img{
    margin-right:8px;
}
.hzg-login-btn{
    display: inline-block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    background: #DF111C;
    border-radius:3px;
    color:#fff;
    text-align: center;
    font-size: 18px;
    margin-left: 65px;
    margin-top: 5px;
}
.hzg-login-btn:hover, .hzg-login-btn:focus,.hzg-login-btn:focus:hover{
    background: #cd111c;
    color: #fff;
}
.login-c .left{
    width:600px;
    height: 470px;
    position: absolute;
    top:50%;
    right:100px;
    margin-top:-230px;
    left: 170px;
    padding:80px 0;
    text-align: center;
    color:#fff;
}
.login-page .left .fgx{
    width:100%;
    height:0;
    border:1px dashed rgba(255,255,255,0.5);
    margin:20px 0;
}
.login-page .left h2{
    font-size: 60px;
    margin:0;
}
.login-page .left .h2-py{
    font-size:22px;
}
.login-page .left .line1{
    font-size:48px;
    text-align: justify;
    text-align-last: justify;
}
.login-page .left .line2{
    font-size:24px;
    text-align: justify;
    text-align-last: justify;
}
.circle-sm{
    font-style: normal;display:inline-block;background: #fff;position: relative;
}
.circle-sm.circle1{
    width: 5px;height: 5px;border-radius: 5px;top: -12px;
}
.circle-sm.circle2{
    width: 4px;height: 4px;border-radius: 4px;top: -6px;
}
@media screen and (max-width: 1400px) {
    .login-c .right{
        right:50px;
    }
    .login-c .left{
        left: 50px;
    }
}


/*ag-grid图片预览*/
.product-img-scan{
    position: absolute;border: 1px solid #e4e4e4;display: none;
    z-index: 999;
}
.product-img-scan img{
    width: 317px;
    height: 217px;
}
/*E和掌柜后台*/