/* 表格中不换行，这个有点霸道 */
.m-t-60{
    /*margin-top: 60px;*/
}
.content__main{
    padding-top: 30px;
    background: white;
}
.required::after{
    content: '*';
    color: red;
    width: 10px;
    height: 10px;
    font-size: 20px;
}
.l__span-required{
    color: red;
    width: 10px;
    height: 10px;
    font-size: 16px;
    text-align: left;
}
.table td {
    white-space: nowrap;
}
.def-box-shadow{
    background: white;
    box-shadow:  0 .125rem .25rem rgba(0,0,0,.075);
}
.def-box-padding{
    padding:20px 10px;
}
.def-box-margin{
    margin-bottom: 20px;
}
.profile-gradient-1{
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom,#36D1DC, #5B86E5);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #36D1DC, #5B86E5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-2{
    background: #FDC830;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom,#FDC830, #F37335);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom,#FDC830, #F37335); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-3{
    background: #f953c6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #f953c6, #b91d73);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom,#f953c6, #b91d73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-4{
    background: #11998e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-5{
    background: #f12711;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-6{
    background: #FF0099;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #493240, #FF0099);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #493240, #FF0099); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-gradient-7 {
    background: #ee0979; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #ff6a00, #ee0979); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.card-gradient-1 {
    background: #0F2027; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-item{
    height: 70px;
    padding: 5px 15px;
}
.mobile .profile-item{
    width: 50%;
    float: left;
    height: 70px;
    padding: 5px;
    text-align: left;
}
.profile-item span{
    color: lightgray;
}
.profile-item h5{
    font-weight: 700;
    color: white;
}
.mobile .profile-item{
    padding-left: 5px;
    padding-right: 5px;
}
.profile-item-content{
    border-bottom: 1px solid rgba(255,255,255,.2);
    display: flex;
    flex-flow: row nowrap;
}
.profile-item-content >div:first-child{
    width: 50px;
    height: 50px;
    margin: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.mobile .profile-item-content >div:first-child{
    width: 40px;
    height: 40px;
    margin: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center
}
.profile-item-content >div:last-child{
    flex: 1;
}
.profile-icon{
    width: 25px;
    height: 25px;
    margin: auto auto;
    cursor: pointer;
}
.card{
    margin:10px 0px;
    padding: 10px;
    height: 150px;
    border-radius: 15px;
    color: white;
    background: #0cebeb;  /* fallback for old browsers */
    background: -webkit-linear-gradient(120deg,#00c6ff,#0093E9,#0072ff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(120deg,#00c6ff,#0093E9,#0072ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mobile .card{
    text-align: left;
    height: 75px;
    margin:5px 0px 0px 0px;
    border-radius: 8px;
    padding: 2px 5px;
}
.card span{
    font-size: 30px;
}
.mobile .card span{
    font-size: 15px;
    color: whitesmoke;
}
.card img{
    position: absolute;
    top: 40px;
    right: 20px;
    opacity: .5;
}
.mobile .card h4{
    height: 22px;
    font-weight: 600;
}
.card.card-1{
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(120deg, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(120deg, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.card.card-1 img{
    position: absolute;
    top: 20px;
    right: 25px;
    width: 100px;
    height: 100px;
    opacity: .2;
}
.card.card-1 span{
    color: lightgray;
}
@media (min-width: 768px) {
    .card-div.col-md-6:nth-child(odd) {
        padding-left: 0px;
    }
    .card-1-div{
        padding-right: 0px;
    }
}
@media (min-width: 992px){
    .card-1-div:not(:last-child){
        padding-right: 15px;
    }
}
@media (min-width: 1200px){
    .card-div.col-md-6:nth-child(odd) {
        padding-left: 15px;
    }
}
.mobile .card-div1 .card{
    border-radius:0px;
    background-image: url("/img/card1-bg.jpg");
    height: 100px;
}
.mobile .card-div-2 .card{
    position: relative;
    border-radius: 0px;
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, black,  #3A6073,lightgray);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, black, #3A6073,lightgray); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mobile .card-div-2 .card h4{
    font-size: 16px;
    font-weight: bold;
}
.mobile .card-div-2 .card span{
    color: lightgray;
}
.mobile .card-div-2 .card img{
    width: 60px;
    height:60px;
    position: absolute;
    top: 10px;
    right: 20px;
    opacity: .2;
}

.mobile .card-div{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.mobile .card-content{
    width: 49.5%;
}
.mobile .card h4{
    font-size: 14px;
}
.mobile .card-div1 .card h4{
    font-size: 20px;
}
.no-data {
    font-size: 14px;
    text-align: center;
    color: #CCcccc;
    padding: 40px;
}

.input-switch {
    display: none;
}

.input-switch + label {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0px 20px;
    box-sizing: border-box;
}

.input-switch + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.input-switch:checked + label.green {
    background: #6153FF;
}

.input-switch:checked + label.green:after {
    background: #FFFFFF;
}

.input-switch:checked + label:after {
    left: calc(100% - 18px);
}

.input-switch + label {
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid rgb(221, 221, 221);
}

.input-switch + label:after {
    background: #D9D9D9;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
}


/* 头像选择部分样式，用在ibManage,customerManage,personDetail*/
#head_img_div, .old-imgs-div {
    margin: 0;
    padding: 10px 20px;
    height: 300px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

.head-img-div-item {
    padding: 5px;
    cursor: pointer;
}

.old-img-div-item {
    padding: 5px;
}

.head-img-item, .old-img-item {
    padding: 3px;
    width: 100%;
    border: 1px solid #939aa0;
    border-radius: 4px;
}

.head-img-item:hover {
    border-color: #428bca;
}

.head-img-item-checked {
    border-color: #428bca;
}

.head-img-div-item i {
    display: none;
    right: 5px;
    top: 5px;
    color: #428bca;
    background-color: #fff;
    border-right: 1px solid #428bca;
    border-top: 1px solid #428bca;
    border-radius: 0 4px 0 0;
}

.old-img-div-item i {
    right: 8px;
    top: 6px;
    color: #a94442;
    border-radius: 0 4px 0 4px;
    background-color: #fff;
    border-radius: 0 4px 0 0;
    cursor: pointer;
}

.old-img-div-item i:hover {
    color: red;
}

.old-imgs-div {
    height: 150px;
    border-radius: 4px;
}


.rank-nt {
    padding: 2px 15px;
    font-size: 12px;
    color: #ffffff;
    border-radius: 3px;
    margin-top: 7px;
}

/*渐变标签*/
.label-0 {
    background: -webkit-linear-gradient(left, #2187b6, #3750c3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #2187b6, #3750c3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #2187b6, #3750c3); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #2187b6, #3750c3); /* 标准的语法 */
}

.label-1 {
    background: -webkit-linear-gradient(left, #7e88de, #6962c7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #7e88de, #6962c7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #7e88de, #6962c7); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #7e88de, #6962c7); /* 标准的语法 */
}

.label-2 {
    background-color: #6153ff; /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(left, #6cbde9, #2187b6); !* Opera 11.1 - 12.0 *!*/
    /*background: -moz-linear-gradient(left, #6cbde9, #2187b6); !* Firefox 3.6 - 15 *!*/
    /*background-color: #6153ff; !* 标准的语法 *!*/
}


.file-label {
    position: relative;
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.FraUpload_imglist li img {
    height: 100px !important;
}

.list-group-item {
    cursor: pointer;
}

.preview_item {
    padding: 5px;
}

.preview_item img {
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
}

/* 下拉输入框组件样式 */
.option-out-div {
    position: relative;
    z-index: 2000;
}

.option-content-div {
    position: absolute;
    top: 0px;
    width: 100%;
    border: 1px solid #939aa0;
    border-radius: 3px;
    background-color: #fff;
    max-height: 150px;
    overflow-y: auto;
}

.option-item {
    padding: 0 10px;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
}

.option-item:hover {
    background-color: #1aaba8;
    color: #fff;
}

.ui-badge {
    display: inline-block;
    text-align: center;
}

.ui-badge-success {
    color: #34c38f;
}

.ui-badge-danger {
    color: #f46a6a;
}

.ui-badge-warning {
    color: #f1b44c;
}

.ui-badge-default {
    color: #74788d;
}

.ui-badge-primary {
    color: #556ee6;
}

.font-10 {
    font-size: 12px;
    transform: scale(0.8, 0.8);
}

.font-11 {
    font-size: 12px;
    transform: scale(0.9, 0.9);
}

/* 图标抖动--------start---------------- */
/* 例子： <i class="fa fa-bell shaky"></i> */
.shaky {
    display: inline-block;
    padding: 1px;
    font-size: 12px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: shaky-slow;
    -ms-animation-name: shaky-slow;
    animation-name: shaky-slow;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes shaky-slow {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    2% {
        -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg);
    }
    4% {
        -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg);
    }
    6% {
        -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg);
    }
    8% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg);
    }
    10% {
        -webkit-transform: translate(1.4px, 0px) rotate(-2deg);
    }
    12% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-2deg);
    }
    14% {
        -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg);
    }
    16% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    18% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg);
    }
    20% {
        -webkit-transform: translate(1px, 1px) rotate(-0.5deg);
    }
    22% {
        -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg);
    }
    24% {
        -webkit-transform: translate(-1.4px, -1px) rotate(2deg);
    }
    26% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg);
    }
    28% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg);
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(2deg);
    }
    34% {
        -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg);
    }
    36% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg);
    }
    38% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg);
    }
    40% {
        -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg);
    }
    42% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg);
    }
    44% {
        -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg);
    }
    46% {
        -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg);
    }
    48% {
        -webkit-transform: translate(1px, 1.6px) rotate(1.5deg);
    }
    50% {
        -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg);
    }
    52% {
        -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg);
    }
    54% {
        -webkit-transform: translate(1.6px, -1px) rotate(-2deg);
    }
    56% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg);
    }
    58% {
        -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg);
    }
    60% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg);
    }
    62% {
        -webkit-transform: translate(0px, 0px) rotate(-1.5deg);
    }
    64% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    66% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg);
    }
    68% {
        -webkit-transform: translate(0px, -1.6px) rotate(-2deg);
    }
    70% {
        -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg);
    }
    72% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
    }
    74% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg);
    }
    76% {
        -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg);
    }
    78% {
        -webkit-transform: translate(-1px, 1.4px) rotate(2deg);
    }
    80% {
        -webkit-transform: translate(1.4px, 1.6px) rotate(2deg);
    }
    82% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
    }
    84% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg);
    }
    86% {
        -webkit-transform: translate(1px, 1.4px) rotate(-2deg);
    }
    88% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
    }
    90% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    92% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
    }
    94% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    96% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg);
    }
    98% {
        -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg);
    }
}

@keyframes shaky-slow {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }
    2% {
        transform: translate(-1px, 1.5px) rotate(1.5deg);
    }
    4% {
        transform: translate(1.3px, 0px) rotate(-0.5deg);
    }
    6% {
        transform: translate(1.4px, 1.4px) rotate(-2deg);
    }
    8% {
        transform: translate(-1.3px, -1px) rotate(-1.5deg);
    }
    10% {
        transform: translate(1.4px, 0px) rotate(-2deg);
    }
    12% {
        transform: translate(-1.3px, -1px) rotate(-2deg);
    }
    14% {
        transform: translate(1.5px, 1.3px) rotate(1.5deg);
    }
    16% {
        transform: translate(1.5px, -1.5px) rotate(-1.5deg);
    }
    18% {
        transform: translate(1.3px, -1.3px) rotate(-2deg);
    }
    20% {
        transform: translate(1px, 1px) rotate(-0.5deg);
    }
    22% {
        transform: translate(1.3px, 1.5px) rotate(-2deg);
    }
    24% {
        transform: translate(-1.4px, -1px) rotate(2deg);
    }
    26% {
        transform: translate(1.3px, -1.3px) rotate(0.5deg);
    }
    28% {
        transform: translate(1.6px, -1.6px) rotate(-1.5deg);
    }
    30% {
        transform: translate(-1.3px, -1.3px) rotate(-1.5deg);
    }
    32% {
        transform: translate(-1px, 0px) rotate(2deg);
    }
    34% {
        transform: translate(1.3px, 1.3px) rotate(-0.5deg);
    }
    36% {
        transform: translate(1.3px, 1.6px) rotate(1.5deg);
    }
    38% {
        transform: translate(1.3px, -1.6px) rotate(1.5deg);
    }
    40% {
        transform: translate(-1.4px, -1px) rotate(-0.5deg);
    }
    42% {
        transform: translate(-1.4px, 1.3px) rotate(-0.5deg);
    }
    44% {
        transform: translate(-1.6px, 1.4px) rotate(0.5deg);
    }
    46% {
        transform: translate(-2.1px, -1.3px) rotate(-0.5deg);
    }
    48% {
        transform: translate(1px, 1.6px) rotate(1.5deg);
    }
    50% {
        transform: translate(1.6px, 1.6px) rotate(1.5deg);
    }
    52% {
        transform: translate(-1.4px, 1.6px) rotate(0.5deg);
    }
    54% {
        transform: translate(1.6px, -1px) rotate(-2deg);
    }
    56% {
        transform: translate(1.3px, -1.6px) rotate(-2deg);
    }
    58% {
        transform: translate(-1.3px, -1.6px) rotate(0.5deg);
    }
    60% {
        transform: translate(1.3px, 1.6px) rotate(-0.5deg);
    }
    62% {
        transform: translate(0px, 0px) rotate(-1.5deg);
    }
    64% {
        transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    66% {
        transform: translate(1.6px, -1.6px) rotate(0.5deg);
    }
    68% {
        transform: translate(0px, -1.6px) rotate(-2deg);
    }
    70% {
        transform: translate(-1.6px, 1px) rotate(1.5deg);
    }
    72% {
        transform: translate(-1.6px, 1.6px) rotate(2deg);
    }
    74% {
        transform: translate(1.3px, -1.6px) rotate(-0.5deg);
    }
    76% {
        transform: translate(1.4px, 1px) rotate(-0.5deg);
    }
    78% {
        transform: translate(-1px, 1.4px) rotate(2deg);
    }
    80% {
        transform: translate(1.4px, 1.6px) rotate(2deg);
    }
    82% {
        transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
    }
    84% {
        transform: translate(-1.4px, 1.4px) rotate(-2deg);
    }
    86% {
        transform: translate(1px, 1.4px) rotate(-2deg);
    }
    88% {
        transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
    }
    90% {
        transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    92% {
        transform: translate(-1.4px, 1.6px) rotate(2deg);
    }
    94% {
        transform: translate(-1.6px, -1.6px) rotate(-2deg);
    }
    96% {
        transform: translate(-1.4px, 1.3px) rotate(-2deg);
    }
    98% {
        transform: translate(1.3px, 1px) rotate(-0.5deg);
    }
}

/* 图标抖动--------end---------------- */

/*  -----------------------查询字段设置弹窗样式-----------start------------------  */
.candidate-area, .selected-area {
    padding: 10px;
    height: 350px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.candidate-area ul, .selected-area ul {
    padding: 0;
}

.candidate-area li, .selected-area li {
    padding: 0 0 0 15px;
    line-height: 35px;
    list-style: none;
}

.candidate-area li:hover {
    background-color: #eeeeee;
    cursor: pointer;
}

.selected-area li:hover {
    background-color: #eeeeee;
    cursor: pointer;
}

.candidate-area li i, .selected-area li i {
    line-height: 35px;
    float: right;
    padding: 0 15px;
}

/*  -----------------------查询字段设置弹窗样式-----------end------------------  */
/* ----------------------------树形结构样式-----------start------------------ */
ul.domtree,
ul.domtree ul {
    margin: 0;
    padding: 0 0 0 2em;
}

ul.domtree li {
    list-style: none;
    position: relative;
    line-height: 40px;
}

ul.domtree > li:first-child:before {
    border-style: none none none none;
}

ul.domtree li:before {
    position: absolute;
    content: '';
    top: -7px;
    left: -17px;
    width: 15px;
    height: 29px;
    border-style: none none solid solid;
    border-width: 0.05em;
    border-color: #dddddd;
}

ul.domtree li:not(:last-child):after {
    position: absolute;
    content: '';
    top: 0.7em;
    left: -17px;
    bottom: -5px;
    border-style: none none none solid;
    border-width: 0.05em;
    border-color: #dddddd;
}

/* ----------------------------树形结构样式-----------start------------------ */

.rule-text-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0;
}

.rule-text-paragraph {
    font-size: 14px;
    line-height: 30px;
    text-indent: 28px
}

.btn-title {
    padding: 10px 10px;
    font-size: 14px;
    position: absolute;
    z-index: 9999;
    display: none;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.175);
    max-width: 300px;
    text-align: center;
    word-break: break-all;
}

.user-detail-link {
    color: rgb(97, 83, 255);
}

.user-detail-link:hover {
    color: rgb(97, 83, 255);
}

.icon-user-type {
    height: 16px;
    margin-left: 10px;
}

.icon-user-type2 {
    height: 16px;
    margin-right: 10px;
}


.is-leaf-black {
    background-color: #232c32 !important;
    color: #7d94a4 !important;
}

/* 系统视图样式 */
.sys-structure {
    height: 470px;
    overflow-x: auto;
    display: flex;
    overflow-y: hidden;
}

.sys-structure-item-0 {
    border-left: 1px solid #EEEEEE !important;
}

.sys-structure-item {
    width: 200px;
    border-left: 0px;
    height: 450px;
    overflow-y: auto;
    flex-shrink: 0;
}

.sys-structure-item-item {
    font-size: 12px;
    line-height: 30px;
    padding-left: 16px;
}

.sys-structure-item-item:hover {
    color: #1aaba8;
    cursor: pointer;
}

.sys-structure-item-item-icon {
    float: right;
    padding-right: 15px;
    line-height: 30px;
}

.sys-structure-item-item-active {
    color: #1aaba8;
    font-weight: 600;
}

.sys-structure-fuzzy-item {
    height: 30px;
    padding: 5px 10px;
    cursor: pointer;
}

.sys-structure-fuzzy-item:hover {
    font-weight: 600;
}

.structure-fuzzy-result {
    position: absolute;
    display: none;
    z-index: 999;
    background-color: #fff;
    width: 285px;
    max-height: 300px;
    overflow-y: auto;
    top: 40px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.structure-fuzzy-result-close-btn {
    font-size: 20px;
    line-height: 38px;
    margin-left: 13px;
}

.structure-fuzzy-result-close-btn:hover {
    cursor: pointer;
    color: #f46a6a;
}

.sys-filtrate-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.qc_label {
    line-height: 36px;
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
}

.qc_input {
    margin-bottom: 10px;
    padding-left: 8px;
}

/*让bootstrap默认间距变小*/
.col-small {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.row-small {
    margin-right: -5px !important;
    margin-left: -5px !important;
}

.row-col-small {
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-right: -5px !important;
    margin-left: -5px !important;
}

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

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

.hand {
    cursor: pointer;
}


.filed-tips {
    font-size: 12px;
    color: #939aa0;
    margin-top: 4px;
}

/*编辑器样式*/
.toolbar {
    border: 1px solid #eaeef1;
}

.text_div {
    border: 1px solid #eaeef1;
    min-height: 350px;
}

.apply-modal-title {
    text-align: center;
    padding: 25px;
}


.warning_tips {
    background: #ffe7e7;
    border:1px solid #fddcdb;
    padding: 10px 15px;
    margin-bottom: 10px;
    line-height: 25px;
    display: none;
    text-align: left;
}
.mobile .warning_tips{
    padding: 2px 5px;
}
.warning_tips h4,.warning_tips p{
    color: #fa5168;
    margin:0px;
    padding: 0px;
}
.warning_tips h4{
    font-weight: 700;
}
.warning_tips a{
    color: #489e56;
}
.warning_tips a:hover,.warning_tips a:focus{
    color: #489e56;
}
.warning_tips i{
    color: #FA6158;
    margin-right: 5px;
}
.explain-div {
    padding: 15px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.mast-read {
    text-align: center;
    padding: 10px;
    display: none;
    margin-top: 10px !important;
}
.layer-del {
    text-align: center;
}

.layer-del-head {
    position: relative;
}

.layer-del-head-text {
    color: #f15922;
    line-height: 50px;
    font-size: 16px;
}

.layer-del-head-btn {
    position: absolute;
    font-size: 16px;
    padding: 15px 20px;
    right: 0px;
}

.layer-del-head-btn:hover {
    color: #f15922;
    cursor: pointer;
}

.layer-del-content {
    padding: 15px;
    line-height: 35px;
}

.layer-del-foot {
    padding: 15px;
}

.layer-del-foot button {
    width: 40%;
}


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

.layer-save-head {
    position: relative;
}

.layer-save-head-text {
    color: #17a05a;
    line-height: 50px;
    font-size: 16px;
}

.layer-save-head-btn {
    position: absolute;
    font-size: 16px;
    padding: 15px 20px;
    right: 0px;
}

.layer-save-head-btn:hover {
    color: #17a05a;
    cursor: pointer;
}

.layer-save-content {
    margin:15px 5px 0px 5px;
    padding: 15px  15px 0px 15px;
    line-height: 35px;
}

.layer-save-foot {
    padding: 15px;
}

.layer-save-foot button {
    width: 40%;
}


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

.layer-ratify-head {
    position: relative;
}

.layer-ratify-head-text {
    color: #556ee6;
    line-height: 50px;
    font-size: 16px;
}

.layer-ratify-head-btn {
    position: absolute;
    font-size: 16px;
    padding: 15px 20px;
    right: 0px;
}

.layer-ratify-head-btn:hover {
    color: #556ee6;
    cursor: pointer;
}

.layer-ratify-content {
    padding: 15px;
    line-height: 35px;
}

.layer-ratify-foot {
    padding: 15px;
}

.layer-ratify-foot button {
    width: 40%;
}


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

.layer-reject-head {
    position: relative;
}

.layer-reject-head-text {
    color: #f15922;
    line-height: 50px;
    font-size: 16px;
}

.layer-reject-head-btn {
    position: absolute;
    font-size: 16px;
    padding: 15px 20px;
    right: 0px;
}

.layer-reject-head-btn:hover {
    color: #f15922;
    cursor: pointer;
}

.layer-reject-content {
    padding: 15px;
    line-height: 35px;
}

.layer-reject-foot {
    padding: 15px;
}

.layer-reject-foot button {
    width: 40%;
}


.bg-black .table-bordered {
    border-color: #54616a !important;
}

.bg-black .fixed-table-border {
    border-color: #54616a !important;
}

.bg-black .fixed-table-container {
    border-color: #54616a !important;
}

.bg-black .table-bordered > thead > tr > th {
    border-color: #54616a !important;
    border-width: 1px;
}

.bg-black .table-bordered > tbody > tr > td {
    border-color: #54616a !important;
    border-width: 1px;
}

.bg-white .table-bordered {
    border-color: #ddd !important;
}

.bg-white .fixed-table-border {
    border-color: #ddd !important;
}

.bg-white .fixed-table-container {
    border-color: #ddd !important;
}

.bg-black .list-group-item {
    border-color: #ddd !important;
}

.btn-diy1 {
    color: #fff !important;
    background-color: #72B3C7;
    border-color: #72B3C7;
}

.btn-diy1:hover,
.btn-diy1:focus,
.btn-diy1:active,
.btn-diy1.active,
.open .dropdown-toggle.btn-diy1 {
    color: #fff !important;
    background-color: #72B3C7;
    border-color: #72B3C7;
}

.btn-diy1:active,
.btn-diy1.active,
.open .dropdown-toggle.btn-diy1 {
    background-image: none;
}

.btn-diy1.disabled,
.btn-diy1.disabled:hover,
.btn-diy1.disabled:focus,
.btn-diy1.disabled:active,
.btn-diy1.disabled.active,
.btn-diy1[disabled],
.btn-diy1[disabled]:hover,
.btn-diy1[disabled]:focus,
.btn-diy1[disabled]:active,
.btn-diy1[disabled].active,
fieldset[disabled] .btn-diy1,
fieldset[disabled] .btn-diy1:hover,
fieldset[disabled] .btn-diy1:focus,
fieldset[disabled] .btn-diy1:active,
fieldset[disabled] .btn-diy1.active {
    background-color: #72B3C7;
    border-color: #72B3C7;
}


.btn-diy2 {
    font-size: 14px;
    height: 32px;
    color: #FFFFFF !important;
    padding: 5px 24px 5px 24px;
    background: #6153FF !important;
    border: 1px solid #6153FF !important;
    border-radius: 4px;
    cursor: pointer;
}

.btn-diy2:hover,
.btn-diy2:focus,
.btn-diy2:active,
.open .dropdown-toggle.btn-diy2 {
    background: #6153FF !important;
    border-color: #6153FF !important;
    color: #FFFFFF !important;
}


.btn-diy2.disabled,
.btn-diy2.disabled:hover,
.btn-diy2.disabled:focus,
.btn-diy2.disabled:active,
.btn-diy2.disabled.active,
.btn-diy2[disabled],
.btn-diy2[disabled]:hover,
.btn-diy2[disabled]:focus,
.btn-diy2[disabled]:active,
.btn-diy2[disabled].active,
fieldset[disabled] .btn-diy2,
fieldset[disabled] .btn-diy2:hover,
fieldset[disabled] .btn-diy2:focus,
fieldset[disabled] .btn-diy2:active,
fieldset[disabled] .btn-diy2.active {
    background-color: #5a8cda;
    border-color: #5a8cda;
}


.btn-diy3 {
    color: #FFFFFF !important;
    background-color: #6153FF;
    border-color: #6153FF;
}

.btn-diy3:hover,
.btn-diy3:focus,
.btn-diy3:active,
.btn-diy3.active,
.open .dropdown-toggle.btn-diy3 {
    color: #FFFFFF !important;
    background-color: #6153FF;
    border-color: #6153FF;
}

.btn-diy3:active,
.btn-diy3.active,
.open .dropdown-toggle.btn-diy3 {
    background-image: none;
}

.btn-diy3.disabled,
.btn-diy3.disabled:hover,
.btn-diy3.disabled:focus,
.btn-diy3.disabled:active,
.btn-diy3.disabled.active,
.btn-diy3[disabled],
.btn-diy3[disabled]:hover,
.btn-diy3[disabled]:focus,
.btn-diy3[disabled]:active,
.btn-diy3[disabled].active,
fieldset[disabled] .btn-diy3,
fieldset[disabled] .btn-diy3:hover,
fieldset[disabled] .btn-diy3:focus,
fieldset[disabled] .btn-diy3:active,
fieldset[disabled] .btn-diy3.active {
    background-color: #e5b034;
    border-color: #e5b034;
}


.btn-diy4 {
    color: #fff !important;
    background-color: #3f75b9;
    border-color: #3f75b9;
}

.btn-diy4:hover,
.btn-diy4:focus,
.btn-diy4:active,
.btn-diy4.active,
.open .dropdown-toggle.btn-diy4 {
    color: #fff !important;
    background-color: #3f75b9;
    border-color: #3f75b9;
}

.btn-diy4:active,
.btn-diy4.active,
.open .dropdown-toggle.btn-diy4 {
    background-image: none;
}

.btn-diy4.disabled,
.btn-diy4.disabled:hover,
.btn-diy4.disabled:focus,
.btn-diy4.disabled:active,
.btn-diy4.disabled.active,
.btn-diy4[disabled],
.btn-diy4[disabled]:hover,
.btn-diy4[disabled]:focus,
.btn-diy4[disabled]:active,
.btn-diy4[disabled].active,
fieldset[disabled] .btn-diy4,
fieldset[disabled] .btn-diy4:hover,
fieldset[disabled] .btn-diy4:focus,
fieldset[disabled] .btn-diy4:active,
fieldset[disabled] .btn-diy4.active {
    background-color: #3f75b9;
    border-color: #3f75b9;
}

.btn-diy5 {
    color: #fff !important;
    background-color: #c2aa84;
    border-color: #c2aa84;
}

.btn-diy5:hover,
.btn-diy5:focus,
.btn-diy5:active,
.btn-diy5.active,
.open .dropdown-toggle.btn-diy5 {
    color: #fff !important;
    background-color: #c2aa84;
    border-color: #c2aa84;
}

.btn-diy5:active,
.btn-diy5.active,
.open .dropdown-toggle.btn-diy5 {
    background-image: none;
}

.btn-diy5.disabled,
.btn-diy5.disabled:hover,
.btn-diy5.disabled:focus,
.btn-diy5.disabled:active,
.btn-diy5.disabled.active,
.btn-diy5[disabled],
.btn-diy5[disabled]:hover,
.btn-diy5[disabled]:focus,
.btn-diy5[disabled]:active,
.btn-diy5[disabled].active,
fieldset[disabled] .btn-diy5,
fieldset[disabled] .btn-diy5:hover,
fieldset[disabled] .btn-diy5:focus,
fieldset[disabled] .btn-diy5:active,
fieldset[disabled] .btn-diy5.active {
    background-color: #c2aa84;
    border-color: #c2aa84;
}

.btn-diy6 {
    color: #fff !important;
    background-color: #6189b2;
    border-color: #6189b2;
}

.btn-diy6:hover,
.btn-diy6:focus,
.btn-diy6:active,
.btn-diy6.active,
.open .dropdown-toggle.btn-diy6 {
    color: #fff !important;
    background-color: #6189b2;
    border-color: #6189b2;
}

.btn-diy6:active,
.btn-diy6.active,
.open .dropdown-toggle.btn-diy6 {
    background-image: none;
}

.btn-diy6.disabled,
.btn-diy6.disabled:hover,
.btn-diy6.disabled:focus,
.btn-diy6.disabled:active,
.btn-diy6.disabled.active,
.btn-diy6[disabled],
.btn-diy6[disabled]:hover,
.btn-diy6[disabled]:focus,
.btn-diy6[disabled]:active,
.btn-diy6[disabled].active,
fieldset[disabled] .btn-diy6,
fieldset[disabled] .btn-diy6:hover,
fieldset[disabled] .btn-diy6:focus,
fieldset[disabled] .btn-diy6:active,
fieldset[disabled] .btn-diy6.active {
    background-color: #6189b2;
    border-color: #6189b2;
}



.btn-diy7 {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
}

.btn-diy7:hover,
.btn-diy7:focus,
.btn-diy7:active,
.btn-diy7.active,
.open .dropdown-toggle.btn-diy7 {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
}

.btn-diy7:active,
.btn-diy7.active,
.open .dropdown-toggle.btn-diy7 {
    background-image: none;
}

.btn-diy7.disabled,
.btn-diy7.disabled:hover,
.btn-diy7.disabled:focus,
.btn-diy7.disabled:active,
.btn-diy7.disabled.active,
.btn-diy7[disabled],
.btn-diy7[disabled]:hover,
.btn-diy7[disabled]:focus,
.btn-diy7[disabled]:active,
.btn-diy7[disabled].active,
fieldset[disabled] .btn-diy7,
fieldset[disabled] .btn-diy7:hover,
fieldset[disabled] .btn-diy7:focus,
fieldset[disabled] .btn-diy7:active,
fieldset[disabled] .btn-diy7.active {
    background-color: #000;
    border-color: #000;
}

.font-color1 {
    color: #6153FF;
}

.font-color2 {
    color: #5fb8e3;
}

.font-color3 {
    color: #6eb3dc;
}

.font-color4 {
    color: #56d0d6;
}

.font-color5 {
    color: #588df1;
}

.font-color6 {
    color: #6189b2;
}

.font-color8 {
    color: #7a8187;
}

.font-color9 {
    color: #d7914a;
}

.fa-eye-slash {
    color: #7a8187 !important;
}

.bg-diy1 {
    background-color: #a7be81;
    color: #fff;
}

.bg-black .close {
    color: #7d94a4 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    text-shadow: 0 0 0 !important;
}

.bg-black .modal-header {
    border-bottom-color: #7d94a4;
}

#nav_left_div .nav li{
    margin: 8px;
}
#nav_left_div .nav .active{
    border-radius: 16px;
    background: linear-gradient(90.00deg, rgb(122, 111, 255),rgb(64, 52, 199) 100%);
}

#nav_left_div .nav .active ul{
    border-radius: 16px;
    background: linear-gradient(90.00deg, rgb(122, 111, 255),rgb(64, 52, 199) 100%);
}

#nav_left_div .nav .active ul{
    .active{
        border-radius: 16px;
        background: rgba(28, 21, 105, 0.5);
    }
}
.sub-nav a{
    line-height: 15px !important;
    padding: 8px 0px 9px 28px !important;
}
.sub-nav{
    border-radius: 16px !important;
}
.sub-nav :hover{
    background: rgba(28, 21, 105, 0.5) !important;
}

#nav_left_div .nav li a {
    font-family: PingFang SC;
    color: #FFFFFF;
    padding: 18px 0px 20px 18px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 16px;
}

#nav_left_div .nav li a:hover{
    border-radius: 16px;
    background: linear-gradient(90.00deg, rgb(122, 111, 255),rgb(64, 52, 199) 100%);
}

/* query_content_div */
#query_content_div .panel {
    margin-bottom: 0px;
    padding: 0px;
}

.panel {
    padding: 24px;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
}

.panel-body {
    padding: 0 8px;
}

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

.panel-body .form-horizontal .form-control {
    height: 32px;
    padding: 5px 16px;
    border-radius: 15px;
}

.panel-body .form-horizontal .col-sm-2,
.panel-body .form-horizontal .col-sm-10 {
    padding: 0;
}

.panel-body .form-horizontal .col-sm-10 .btn {
    font-size: 14px;
    font-family: Arial;
    line-height: 22px;
    border-radius: 15px;
}

.panel-body .form-horizontal .col-sm-10 .btn-info {
    color: white;
    font-weight: 400;
}

.panel-body .form-horizontal .col-sm-10 .btn-diy2,
.panel-body .form-horizontal .col-sm-10 .btn-primary {
    height: 32px;
    color: white !important;
    padding: 5px 16px 5px 12px;
    background: #cadfa1 !important;
    border: 1px solid #cadfa1 !important;
    border-radius: 15px !important;
    margin-left: 8px;
    float: right;
}

.fixed-table-body{
    border-bottom: 2px solid rgb(221, 221, 221);;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border: none;
    height: auto !important;
    padding-bottom: 0px !important;
}

.bootstrap-table .fixed-table-container .fixed-table-header {
    margin-right: 0 !important;
}
.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar{
    /*width: 0px;*/
    background: whitesmoke;
}

.bootstrap-table .fixed-table-container .fixed-table-header .table-bordered,
.bootstrap-table .fixed-table-container .fixed-table-body .table-bordered {
    border: none;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th,
.bootstrap-table .fixed-table-container .fixed-table-body .table tbody td {
    border: none;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
    padding: 12px 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: rgb(51, 51, 51);
    background: rgb(247, 247, 247);
    border-bottom: 1px solid #EEEEEE;
}
.bootstrap-table .fixed-table-container .fixed-table-body .table tbody tr:nth-child(odd){
    /*background: #f7fafa;*/
}
.bootstrap-table .fixed-table-container .fixed-table-body .table tbody td {
    word-wrap:break-word;word-break:break-all;
    padding: 18px 6px;
    color: rgb(51, 51, 51);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border-bottom: 1px solid #EEEEEE;
}

.table tbody td .btn-info,
.bootstrap-table .fixed-table-container .fixed-table-body .table tbody td .btn-diy2 {
    height: auto;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.5;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
    border: none;
    background: white;
    height: 0px !important;
}

.bootstrap-table .fixed-table-container.fixed-height .table .no-records-found {
    height: 410px;
    padding-top: 220px;
    background-image: url('../img/noList.png');
    background-repeat: no-repeat;
    background-position: 49% 50%;
}

.bootstrap-table .fixed-table-container.fixed-height .table .no-records-found td {
    border-bottom: none;
    padding-top: 140px;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 700px;
    min-height: 100px;
}

#content .text-center .pagination {
    width: 100%;
    padding-bottom: 32px;
    margin-bottom: 0;
    background: #ffffff;
    margin-top: 15px !important;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 .whj_border {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 15px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 .whj_padding {

}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div,
#content .text-center .pagination .whj_jqueryPaginationCss-1 select {
    min-width: 32px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    line-height: 22px;
    padding: 5px 0;
    margin-right: 8px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 .whj_bgc {
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 15px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_firstPage"],
#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_lastPage"],
#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_confirm"] {
    border: none !important;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_previousPage"],
#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_nextPage"] {
    padding: 5px 10px;
    line-height: 20px;
    border-radius: 15px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 select,
#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_lastPage"],
#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_confirm"] {
    margin-right: 24px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_confirm"] {
    margin-left: 6px;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div[name="whj_firstPage"] {
    border: none !important;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 div span {
    font-weight: 400 !important;
    padding: 0 5px 0 2px !important;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 .whj_checked {
    color: #FFFFFF;
    background: #cadfa1;
    border: none !important;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 .whj_hover:hover {
    background: transparent;
}

#content .text-center .pagination .whj_jqueryPaginationCss-1 input {
    width: 48px;
}

.panel .form-horizontal .row .col-lg-6 .form-group .col-lg-4,
.panel .form-horizontal .row .col-lg-6 .form-group .col-md-5,
.panel .form-horizontal .row .col-lg-6 .form-group .col-sm-5,
.panel .form-horizontal .row .col-lg-6 .form-group .col-sm-3,
.panel .form-horizontal .row .col-lg-6 .form-group .col-xs-3 {
    min-width: 120px;
    height: 32px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    padding: 5px 24px 5px 24px;
}

.panel .form-horizontal .row .col-md-7 .form-group .col-lg-4,
.panel .form-horizontal .row .col-md-7 .form-group .col-md-5,
.panel .form-horizontal .row .col-md-7 .form-group .col-sm-5,
.panel .form-horizontal .row .col-md-7 .form-group .col-sm-3,
.panel .form-horizontal .row .col-md-7 .form-group .col-xs-3 {
    min-width: 120px;
    height: 36px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 600;
    color: #696969;
    line-height: 22px;
    padding: 8px 8px 8px 0;
}

.panel .form-horizontal .row .col-sm-9 .form-group .col-lg-4,
.panel .form-horizontal .row .col-sm-9 .form-group .col-md-5,
.panel .form-horizontal .row .col-sm-9 .form-group .col-sm-5,
.panel .form-horizontal .row .col-sm-9 .form-group .col-sm-3,
.panel .form-horizontal .row .col-sm-9 .form-group .col-xs-3 {
    min-width: 120px;
    height: 36px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    padding: 8px 8px 8px 0;
}

/* 申请表单 */
.panel .form-horizontal .row .col-md-5 .form-group .col-sm-3,
.panel .form-horizontal .row .col-md-5 .form-group .col-xs-3 {
    min-width: 100px;
    height: 36px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #000000;
    line-height: 22px;
    padding: 8px 8px 8px 0;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-xs-7,
.panel .form-horizontal .row .col-md-5 .form-group .col-md-7 {
    padding-left: 0;
    padding-right: 0;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-xs-7 .input-sm,
.panel .form-horizontal .row .col-md-5 .form-group .col-md-7 .input-sm {
    height: 36px;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-md-7.control-label,
.panel .form-horizontal .row .col-md-5 .form-group label.col-md-7 {
    line-height: 22px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 15px;
    word-wrap: break-word;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-xs-7 {
    text-align: right;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-xs-7 .btn-diy2 {
    width: 88px;
    height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #e6ba73 !important;
    line-height: 22px;
    background: #000;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-sm-1 {
    padding-left: 6px;
}

.panel .form-horizontal .row .col-md-5 .form-group .col-sm-1 i {
    font-size: 6px;
    -webkit-transform: scale(0.6);
}

.panel .form-horizontal .row .col-md-7 .explain-div {
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
}

.panel .form-horizontal .row .col-md-7 .explain-div::-webkit-scrollbar {
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 0;
}

.panel .form-horizontal .row .col-md-7 .explain-div::-webkit-scrollbar-button {
    /*滚动条上的按钮 (上下箭头)*/
    display: none;
}

.panel .form-horizontal .row .col-md-7 .explain-div::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: transparent;
}

.panel .form-horizontal .row .col-md-7 .mast-read {
    padding-bottom: 0;
}

.panel .form-horizontal .row .col-md-7 .mast-read span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .5);
    line-height: 22px;
}

.panel .form-horizontal .row .col-md-7 .i-checks i {
    height: 16px;
    width: 16px;
    margin-right: 10px;
    border-color: rgba(222, 162, 111, 1);
}

.panel .form-horizontal .row .col-md-7 .i-checks input:checked + i:before {
    top: 0;
    height: 14px;
    color: #FFFFFF;
    line-height: 14px;
    border: none;
    background: #DEA26F;
}

/* 公共弹窗-筛选框 */
#infoModal .modal-dialog,
#userEditModal .modal-dialog,
#sysFiltrateModal .modal-dialog {
    margin: 60px auto;
}

#infoModal .modal-dialog .modal-content,
#userEditModal .modal-dialog .modal-content,
#sysFiltrateModal .modal-dialog .modal-content {
    padding: 0px;
    max-height: 840px;
    overflow-y: auto;
    overflow-x: hidden;
}

#sysFiltrateModal .modal-dialog .modal-content .modal-title {
    color: rgb(51, 51, 51);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    padding: 22px 0px 21px 24px;
    border-bottom: 1px solid  rgb(221, 221, 221);;
}

#infoModal .modal-dialog .modal-content .modal-body,
#userEditModal .modal-dialog .modal-content .modal-body,
#sysFiltrateModal .modal-dialog .modal-content .sys-filtrate-content {
    padding: 24px;
    margin: 0;
}

#sysFiltrateModal .modal-dialog .modal-content .sys-filtrate-content .row {
    margin-bottom: 16px;
}

#infoModal .modal-dialog .modal-content .modal-body .col-sm-3,
#userEditModal .modal-dialog .modal-content .modal-body .col-sm-3,
#sysFiltrateModal .modal-dialog .modal-content .sys-filtrate-content .col-sm-3 {
    padding: 0 8px 0 0;
    margin: 0 0 0 -8px;
}

#infoModal .modal-dialog .modal-content .modal-body .col-md-8,
#userEditModal .modal-dialog .modal-content .modal-body .col-md-8,
#sysFiltrateModal .modal-dialog .modal-content .sys-filtrate-content .col-sm-8 {
    height: 36px;
    line-height: 36px;
    margin: 0;
}

#infoModal .modal-dialog .modal-content .modal-body .col-md-8 {
    height: auto;
}

#infoModal .modal-dialog .modal-content .modal-body .col-md-8 .filed-tips {
    margin-bottom: -16px;
}

#infoModal .modal-dialog .modal-content .modal-body .col-sm-1,
#userEditModal .modal-dialog .modal-content .modal-body .col-sm-1 {
    padding-left: 6px;
}

#infoModal .modal-dialog .modal-content .modal-body .col-sm-1 i,
#userEditModal .modal-dialog .modal-content .modal-body .col-sm-1 i {
    font-size: 6px;
    -webkit-transform: scale(0.6);
}

#infoModal .modal-dialog .modal-content .col-sm-11,
#userEditModal .modal-dialog .modal-content .col-sm-11,
#sysFiltrateModal .modal-dialog .modal-content .col-sm-11 {
    padding: 0;
    margin: 16px 0 0 4px;
    text-align: right;
}

#infoModal .modal-dialog .modal-content .col-sm-11 .btn,
#userEditModal .modal-dialog .modal-content .col-sm-11 .btn,
#sysStructureModal .modal-dialog .modal-content .text-right .btn,
#sysFiltrateModal .modal-dialog .modal-content .col-sm-11 .btn {
    width: 88px;
    height: 36px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    border: none;
    box-shadow: none;
}

#infoModal .modal-dialog .modal-content .col-sm-11 .btn-default,
#userEditModal .modal-dialog .modal-content .col-sm-11 .btn-default,
#sysStructureModal .modal-dialog .modal-content .text-right .btn-default,
#sysFiltrateModal .modal-dialog .modal-content .col-sm-11 .btn-default {
    /*background: rgba(0, 0, 0, .06);*/
    background: #EEEEEE;
}

#infoModal .modal-dialog .modal-content .col-sm-11 .btn-default:hover,
#userEditModal .modal-dialog .modal-content .col-sm-11 .btn-default:hover,
#sysStructureModal .modal-dialog .modal-content .text-right .btn-default:hover,
#sysFiltrateModal .modal-dialog .modal-content .col-sm-11 .btn-default:hover {
    border: none;
}

#infoModal .modal-dialog .modal-content .col-sm-11 .btn-diy2,
#userEditModal .modal-dialog .modal-content .col-sm-11 .btn-diy2,
#sysStructureModal .modal-dialog .modal-content .text-right .btn-diy2,
#sysFiltrateModal .modal-dialog .modal-content .col-sm-11 .btn-diy2 {
    color: #FFFFFF !important;
    background: #6153FF !important;
    box-shadow: 9px 0 88px 14px rgba(0, 21, 41, 0.04);
    border: 1px solid #FFFFFF !important;
}

/* 公共弹窗-系统视图框 */
#sysStructureModal .modal-dialog {
    margin: 0px;
    float: right;
}

#sysStructureModal .modal-dialog.modal-lg {
    width: 800px;
    height: 100%;
}

#sysStructureModal .modal-dialog .modal-content {
    padding: 0px;
    height: 100%;
    border-radius:0px;
}

#sysStructureModal .modal-dialog .modal-content .text-right {
    padding: 0;
    margin: 16px 0 -8px;
}

#sysStructureModal .modal-dialog .modal-content .form-group .btn {
    height: 36px;
    padding: 7px 16px 7px 12px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 22px;
    border-radius: 15px;
}

#sysStructureModal .modal-dialog .modal-content .form-group .btn-info {
    color: white;
    background: #cadfa1;
}

#sysStructureModal .modal-dialog .modal-content .form-group .form-control {
    height: 36px;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure {
    height: 80%;
    border: 1px solid #DDDDDD;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item {
    width: 200px;
    height: 100%;
    padding: 24px 0;
    border-color: #EEEEEE;
}
#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item::-webkit-scrollbar{
    display: none;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item .sys-structure-item-item {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    padding: 14px 24px;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item .sys-structure-item-item-active {
    color: #FF8000;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure::-webkit-scrollbar {
    height: 8px; /*高宽分别对应横竖滚动条的尺寸*/
}

#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item::-webkit-scrollbar {
    width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
}

#sysStructureModal .modal-dialog .modal-content .sys-structure::-webkit-scrollbar-button,
#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item::-webkit-scrollbar-button {
    /*滚动条上的按钮 (上下箭头)*/
    display: none;
}

#sysStructureModal .modal-dialog .modal-content .sys-structure::-webkit-scrollbar-track,
#sysStructureModal .modal-dialog .modal-content .sys-structure .sys-structure-item::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: transparent;
}
#sysStructureModal .modal-dialog .modal-content .modal-top{
    display: flex;
    justify-content: space-between;
    padding: 0px;
    margin: 15px 25px 11px 24px;
    border: none;
}
#sysStructureModal .modal-dialog .modal-content .modal-title{
    color: rgb(51, 51, 51);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
}
#sysStructureModal .modal-dialog .modal-content .modal-query{
    display: flex;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: rgb(51, 51, 51);
}
#sysStructureModal .modal-dialog .modal-content .modal-query button {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    padding: 8px 16px 9px 17px;
    background: #FFFFFF;
    margin-left: 12px;
}
#sysStructureModal .modal-dialog .modal-content .modal-query input {
    width: 285px;
    padding-left: 16px;
    box-sizing: border-box;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
}
/*  */

.right-filtrate-content {
    padding-left: 8px;
    margin-bottom: 0px;
    overflow-y: auto;
    font-size: 13px;
}

.right-filtrate-content .row {
    margin: 0;
}

.right-filtrate-content .row .col-sm-3 {
    padding: 0;
}

.right-filtrate-content .row .col-sm-8 {
    padding-right: 0;
}

.right-filtrate-content .row .col-sm-8.radio {
    padding-left: 15px;
}

.right-filtrate-content .col-sm-4 {
    width: 100%;
    clear: both;
    text-align: left;
    line-height: 25px;
    margin: 0px;
}

.right-filtrate-content .col-sm-6 {
    width: 100%;
    clear: both;
}

#query_content_div{
    width: 100%;
    padding: 15px 32px;
    background: white;
    position: relative;
}
.loader--audioWave {
    width: 3em;
    height: 2em;
    background: linear-gradient(whitesmoke, whitesmoke) 0 50%, linear-gradient(whitesmoke, whitesmoke) 0.625em 50%, linear-gradient(whitesmoke, whitesmoke) 1.25em 50%, linear-gradient(whitesmoke, whitesmoke) 1.875em 50%, linear-gradient(whitesmoke, whitesmoke) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
    animation: audioWave 1.5s linear infinite;
}
@keyframes audioWave {
    25% {
        background: linear-gradient(#cadfa1, #cadfa1) 0 50%, linear-gradient(whitesmoke, whitesmoke) 0.625em 50%, linear-gradient(whitesmoke, whitesmoke) 1.25em 50%, linear-gradient(whitesmoke, whitesmoke) 1.875em 50%, linear-gradient(whitesmoke, whitesmoke) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
    }
    37.5% {
        background: linear-gradient(whitesmoke, whitesmoke) 0 50%, linear-gradient(#cadfa1, #cadfa1) 0.625em 50%, linear-gradient(whitesmoke, whitesmoke) 1.25em 50%, linear-gradient(whitesmoke, whitesmoke) 1.875em 50%, linear-gradient(whitesmoke, whitesmoke) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
    }
    50% {
        background: linear-gradient(whitesmoke, whitesmoke) 0 50%, linear-gradient(whitesmoke, whitesmoke) 0.625em 50%, linear-gradient(#cadfa1, #cadfa1) 1.25em 50%, linear-gradient(whitesmoke, whitesmoke) 1.875em 50%, linear-gradient(whitesmoke, whitesmoke) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em;
    }
    62.5% {
        background: linear-gradient(whitesmoke, whitesmoke) 0 50%, linear-gradient(whitesmoke, whitesmoke) 0.625em 50%, linear-gradient(whitesmoke, whitesmoke) 1.25em 50%, linear-gradient(#cadfa1, #cadfa1) 1.875em 50%, linear-gradient(whitesmoke, whitesmoke) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em;
    }
    75% {
        background: linear-gradient(whitesmoke, whitesmoke) 0 50%, linear-gradient(whitesmoke, whitesmoke) 0.625em 50%, linear-gradient(whitesmoke, whitesmoke) 1.25em 50%, linear-gradient(whitesmoke, whitesmoke) 1.875em 50%, linear-gradient(#cadfa1, #cadfa1) 2.5em 50%;
        background-repeat: no-repeat;
        background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em;
    }
}
.usd-tag{
    width: 60px;
    height: 36px;
    background:white;
    color:black;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
}

.border-radius-diy{
    border-radius: 15px !important;
}

.page-body{
    display: flex;
    margin: 0px 20px;
    flex-wrap: wrap;
}

.page-body-top{
    display: flex;
    justify-content: space-between;
    color: rgb(0, 0, 0);
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
}
.page-body-top-tb{
    position: absolute;
    width: 4px;
    height: 16px;
    left: 32px;
    top: 26px;
    border-radius: 15px;
    background: rgb(97, 83, 255);
}
.page-body-top input{
    border: 1px solid rgb(221, 221, 221);
    width: 285px;
    height: 38px;
}

.page-body-top input::placeholder{
    color: rgb(153, 153, 153);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 16px;
}
.page-body-top button{
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    line-height: 21px;
    background-color: #FFFFFF;
    margin-left: 16px;
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 400;
    padding: 7px 16px 8px 16px;
}
.query_content_table{
    padding: 15px 32px;
    background-color: #FFFFFF;
}
.operate-btn{
    background: #FFFFFF;
    border: none;
    position: relative;
}

.operate-btn:hover:after{
    position:absolute;
    top:26px;
    right: 0px;
    content:attr(data-title);
    color:#000000;
    border:1px solid #000000;
    background-color:#FFFFFF;
    padding: 5px 10px;
    white-space:nowrap;
}

/*.table tbody tr:last-child .operate-btn:hover:after{*/
/*    top: unset;*/
/*    bottom: 26px;*/
/*}*/

.modal-new{
    width: 800px;
    height: 100%;
    float: right;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
}

.modal-top{
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding:20px 0px 21px 24px;
    border-bottom: 1px solid rgb(221, 221, 221);
}

.modal-bottom{
    position: absolute;
    bottom: 0px;
    height: 87px;
    width: 100%;
    border-top: 1px solid rgb(221, 221, 221);;
    text-align: right;
    padding: 23px 32px 0px 0px;
}

.modal-new-body{
    padding: 24px;
}

.control-label{
    line-height: 36px;
    margin-bottom: 0px;
}

.identification{
    position: relative;
}

.input-tag{
    position: absolute;
    right: 23px;
    top: 7px;
}

.modal-checkbox{
    height: 36px;
    line-height: 36px;
}

.modal-checkbox label{
    display: flex;
    align-items: center;
}

.modal-checkbox input{
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    line-height: 36px;
}

.modal-checkbox span{
    padding-left: 8px;
}
.modal-font{
    color: rgb(0, 0, 0);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
}

.button-white{
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    line-height: 21px;
    background-color: #FFFFFF;
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 400;
    padding: 7px 16px 8px 16px;
}

.typeface-div{
    font-family: Gowun Dodum;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0%;
    text-align: left;
    padding-left: 32px;
}