@charset "UTF-8";
/*公共上传按钮*/
.upload-button .dropzone,.dropzone-video {
    min-height: 46px;
    overflow: hidden;
}
.nav-tabs-block .nav-link.active a{
    color: #000000;
}
#modal-main-container .content {
    padding: 0;
}

.dropzone-video {
    min-height: 100px;
    background-color: #f8f9fc;
    border: .125rem dashed #d1d8ea;
    border-radius: .3rem;
    padding: 10px 10px;
}
.dropzone-video .dz-message {
    margin: 4rem 0;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    color: #343a40
}

.dropzone-video .dz-preview.dz-image-preview {
    background-color: transparent;
}

.dropzone-video .dz-preview .dz-remove {
    color: #ffffff;
    position: relative;
    bottom: 20px;
    z-index: 100;
    background: black;
}

.dropzone-video .dz-preview .dz-image {
    border-radius: 0;
}

.dropzone-video:hover {
    background-color: #fff;
    border-color: #0665d0
}

.dropzone-video:hover .dz-message {
    color: #0665d0
}

/*百度编辑器*/
#container .edui-editor {
    min-height: 300px;
}

.select2-container--open{
    z-index:1000000000;
}
/*长度高度
******************************/
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w65 { width: 65px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px !important; }
.w270 { width: 270px; }
.w300 { width: 300px !important; }
.w350 { width: 350px; }
.w340 { width: 340px; }
.w400 { width: 400px!important; }
.w450 { width: 450px!important; }
.w500 { width: 500px; }
.w600 { width: 600px !important; }
.w700 { width: 700px; }
.w780 { width: 780px; }
.w800 { width: 800px; }

.min-w10 { min-width: 10px !important; }
.min-w20 { min-width: 20px !important; }
.min-w30 { min-width: 30px !important; }
.min-w40 { min-width: 40px !important; }
.min-w50 { min-width: 50px !important; }
.min-w60 { min-width: 60px !important; }
.min-w70 { min-width: 70px !important; }
.min-w80 { min-width: 80px !important; }
.min-w90 { min-width: 90px !important; }
.min-w100 { min-width: 100px !important; }
.min-w110 { min-width: 110px !important; }
.min-w120 { min-width: 120px !important; }
.min-w130 { min-width: 130px !important; }
.min-w150 { min-width: 150px !important; }
.min-w160 { min-width: 160px !important; }
.min-w180 { min-width: 180px !important; }
.min-w190 { min-width: 190px !important; }
.min-w200 { min-width: 200px !important; }
.min-w210 { min-width: 210px !important; }
.min-w220 { min-width: 220px !important; }
.min-w230 { min-width: 230px !important; }
.min-w240 { min-width: 240px !important; }
.min-w250 { min-width: 250px !important; }
.min-w260 { min-width: 260px !important; }
.min-w270 { min-width: 270px !important; }
.min-w280 { min-width: 280px !important; }
.min-w290 { min-width: 290px !important; }
.min-w300 { min-width: 300px !important; }
.min-w350 { min-width: 350px !important; }
.min-w360 { min-width: 360px !important; }
.min-w370 { min-width: 370px !important; }
.min-w380 { min-width: 380px !important; }
.min-w390 { min-width: 390px !important; }
.min-w400 { min-width: 400px !important; }

.h5 { height: 5px !important;}
.h10 { height: 10px !important;}
.h15 { height: 15px !important;}
.h20 { height: 20px !important;}
.h30 { height: 30px !important;}
.h40 { height: 40px !important;}
.h50 { height: 50px !important;}
.h80 { height: 80px;}
.h100 { height:100px !important;}
.h200 { height:200px ;}
.h500 { height:500px !important;}

.nav-tabs {
    /*border-bottom: 1px solid #bcc7e1;*/
}
.nav-tabs .nav-link.active {
    background: #3c90df;
    color: #FFFFFF;
}
.nav-tabs-block .nav-link.active a {
    color: #FFFFFF;
}
.table-responsive {
    overflow-x: auto;
    min-height: 400px;
    -webkit-overflow-scrolling: touch;
}

.table-responsive th:last-child,.table-responsive td:last-child {
    /* td第一个粘性定位 */
    position: sticky;
    right: 0;
}

.js-dataTable-buttons th:last-child,.js-dataTable-buttons td:last-child {
    /* td第一个粘性定位 */
    position: sticky;
    right: 0;
    --bs-table-accent-bg: var(--bs-table-striped-bg);
}

.perm-hide {
    display: none;
}
/* 数据加载效果 */
.background {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    overflow-x: hidden;
    overflow-y: hidden;
    filter: alpha(opacity=40);
    background:#000000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
}
.background::after{
    content:"";
    width:0;
    height:100%;
    display:inline-block;
    vertical-align:middle;
}

.progressBar {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
}

.progressBar {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -74px;
    display: block;
    width: 300px;
    height: 80px;
    outline: 0;
    text-align: center;
    line-height: 80px;
    position: absolute;
    z-index: 2001;
}

.cover-box {
    text-align: center;
}
.cover-box img {
    border-radius: 3px;
    border: #c9c9c9 1px solid;
    padding: 3px;
    cursor: pointer;
}

