ol, ul {
padding:0; 
}
li{
    position: relative;
}


.lh-40{
    height: 40px;
}

.layui-layer-border{
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
}

.layui-layer-border{
    /* border:none;
    box-shadow:0px 30px 50px rgba(0,0,0,.1); */
}
.form-control,.datepicker.flatpickr-input,.choices,.choices__inner,.input-group-text{
    background-color:#f8f9fa;
    border-color: #e9e9ef;
    /* background-color:#fff;
    border-color: #e0e0e0; */
}
.form-info{
    display: block; border:none; width: 100%; padding:0 5px;
}
/*禁止样式*/
input[disabled],select[disabled],textarea[disabled]{
  cursor:not-allowed;
}
.layui-form-select .layui-input{
    height: 40px;
    background-color:#f8f9fa;
    border-color: #e9e9ef;
    border-radius: .5rem;
    font-size: 14px;
}
.table-responsive .layui-form-select .layui-input{
    height: 33px;
}
.table-responsive .layui-form-select dl{
    top: 40px;
}

.layui-form-container{
    max-width: 1000px;
}
.align-items-center .layui-form-radio{
    padding: 0; margin: 0;
}

.form-control:focus{border-color:#7d98fa; box-shadow:0 0 0px 2px #a0d6fc;}
.input-group .form-control:focus{border-left:1px solid #7d98fa !important; border-right:1px solid #7d98fa !important;}
.flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.today
{
    background: #569ff7 !important;
}
.console-main{
    padding-left:2.5rem!important;
    padding-right:2.5rem!important;
}

.btn i{position: relative; top: 2px;}
.table-responsive .btn-sm{padding-top: 0.45rem; padding-bottom: 0.45rem;}
.flatpickr-months .flatpickr-month{height: 45px;}
.flatpickr-current-month{height:35px; line-height: 40px; width:80%; left:10%;}
.flatpickr-current-month .flatpickr-monthDropdown-months{text-align: center; padding:0; width: 50%; float: left; height: 35px;}
.flatpickr-current-month .numInputWrapper{ padding: 0; width: 50%; height: 35px;}
.flatpickr-current-month input.cur-year{text-align: center; height: 35px; top: -2px; position: relative;}

.layui-table-tool-self{top:-100px;}
.layui-table-box{top:-15px;}
.layui-table, .layui-table-view{margin:0 auto;}

.table-search{background: #fff; width:100%;}
.choices__list--dropdown .choices__item--selectable{padding:7px 10px;}

.form-control.is-invalid{border-color: #e9e9ef; background-image: none;}
.form-control.is-invalid:required{
    /* border-color: #fd5c70; */
    padding-right: unset;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23fd5c70' stroke='none'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:1rem 1rem;
}

.input-group-text{border:none; z-index: 9; padding:.5rem .75rem; margin:.05rem; background: #fff; color: #a8b4bd;}

.input-group .btn-custom{
    border:1px solid #e9e9ef; background:#fff; box-shadow: none; line-height:0;  z-index: 0;
}
.input-group .btn-custom:hover{ box-shadow: none; transform:none; border-color: #8392ab;}

.input-group .form-control:not(:last-child){border-right: 1px solid #e9e9ef;}
.input-group .form-control+.input-group-text{border-right:none;  border-left:1px solid #e9e9e9;}

.focused .form-control+.input-group-text{border-right:none !important;}

.layui-form-switch{line-height: 25px; min-width:63px; border:none; background: rgba(58,65,111,.1);}
.layui-form-switch>i{top:3px; background-color: #8392ab;}
.layui-form-onswitch{
    background-color: rgba(58,65,111,.95);
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
    background-size: 150%;
    background-position-x: 25%;
}
.layui-form-onswitch>i{top:3px; background-color: #fff;}
.layui-form-switch>div{right:1px; color:#707f9b !important;}
.layui-form-onswitch>div{top:-1px; left:3px; color:#fff !important;}
.layui-layer-iframe iframe{border-radius: 0.5rem;}

.min-height-vh-100{min-height: 100vh;}

/* .table-checkbox .layui-form-switch>div{top:1px;} */
/* .table-checkbox .layui-form-onswitch>div{top:1px;} */
.layui-form-switch>i{width: 19px; height: 19px;}
.layui-form-onswitch>i{margin-left: -23px;}

.layui-table-pageview{float: right;}

.custom-table-bar{position: relative; top: 1px;}

.form-btn .btn{min-width: 100px;}

/* .layui-table-tool .layui-inline[lay-event]{width: 30px; height: 30px;}
.layui-table-tool .layui-inline .layui-icon{font-size: 16px; line-height: 20px;} */

.layui-table-page .layui-laypage{margin-top:-8px; float: right; margin-right: 15px;}

.layui-layer{border-radius: 0.5rem !important;}
.layui-layer-title{border: none !important; position: relative;}
.layui-layer-title::before{
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .1), transparent);
    height: 1px;
    content: " ";
    width: 100%;
    display: block;
    top: 49px;
    position: absolute;
    opacity: 1;
    z-index: 9;
    left:0;
}
.layui-layer-btn .layui-layer-btn0,.layui-layer-btn .layui-layer-btn1{
    
    display: inline-block;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border:none;
    transition: all .15s ease-in;
    padding: .6rem 1.6rem;
    font-size: .75rem;
    border-radius: .5rem;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 1px 4px -1px rgba(0, 0, 0, .07);
    background-size: 150%;
    background-position-x: 25%;
}
.layui-layer-btn .layui-layer-btn0{
    background-image: linear-gradient(310deg, #2152ff, #21d4fd);
}
.layui-layer-btn .layui-layer-btn1{margin-right:0; margin-left:8px;}
.layui-layer-dialog{width:300px;}
/* .layui-layer-dialog .layui-layer-content{
    padding: 20px;
    font-size: 15px;
} */
.layui-layer-btn a{height:auto !important;}
.layui-layer-loading-2:after{
    border-left-color: rgba(58,65,111,.95);
}
.layui-table-checked{
    background-color: rgba(58,65,111,.1);
}
.layui-table-checked.layui-table-hover{
    background-color: rgba(58,65,111,.2);
}
.layui-table-view .layui-table{
    border-collapse: collapse;
}


@font-face {
    font-family: 'Roboto Slab';
    src: url('../font/RobotoSlab-Regular-2.ttf');
  }
.layui-form-switch{height:auto; margin-top: 0;}
.qrcode{width: 100%; text-align: center;}
.qrcode img{ height:200px; width:200px; margin:35px 0 10px;}
.header-2 .page-header{min-height:610px;}
.page-alert{padding-left: 17.125rem; z-index:1010;}
  @media (max-width: 576px) {
    .home-left{margin-bottom:4rem !important;}
  }
  @media (max-width: 768px) {
      .home-left{margin-bottom:4rem !important;}
      .header-2 .page-header{min-height:750px;}
      .page-alert{padding-left:0;}
  }
@media (max-width: 1200px) {
    .page-alert{padding-left:0;}
}



.focused{
    border-color:#2152ff; box-shadow: 0 0 0 1px #21d4fd;
}
.focused .form-control{
    border-color:#2152ff !important; box-shadow: 0 0 0 1px #21d4fd; border-left:1px solid #2152ff !important;
    border-right:1px solid #2152ff !important;
}

.custom-group.focused{box-shadow: none;}
.custom-group .icon-btn{border-top-left-radius: .5rem !important; border-bottom-left-radius: .5rem !important; padding:0 1.2rem;}
.custom-group .icon-btn i{top:0; font-size: 1.2rem;}

.custom-group.group-right .icon-btn{border-top-right-radius:.5rem!important; border-bottom-right-radius:.5rem!important; padding:0 1.2rem;}
.custom-group.group-right .form-control{border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; border-right: 0;}

.input-group .form-control:focus{border-color:#2152ff; box-shadow: 0 0 0 1px #21d4fd;}
.form-control:focus{border-color:#2152ff; box-shadow: 0 0 0 1px #21d4fd;}

.border-right-img{
    border-right:1px solid;
    border-image: -webkit-linear-gradient(to top,#fff , #e7e7eb , #fff) 1 10 1;
    border-image: -moz-linear-gradient(to top,#fff , #e7e7eb , #fff) 1 10 1;
    border-image: linear-gradient(to top,#fff , #e7e7eb , #fff) 1 10 1;
}
a:hover{color:#63b3ed;}
.navbar-main{z-index:99;}
.page-alert .toast{top:0; position: relative; opacity: 0;}
.text-sm p{font-size:.875rem !important;}
.page-center{min-height: 80vh;}
.icon-sm span.fa{ top: 0; font-size: 1rem; }
.nav-link.active span.fa{ color:#fff; opacity: .8; }
.loading{ width: 30px; height: 17px; background: url('../img/load.gif') no-repeat center / 100% auto; margin: 0 auto; top: 1px; position: relative; }
.input-tips{ position: absolute; right: 0; top: -28px; font-size: 0.75rem; color: red; }
.h1, .h2, .h3, h1, h2, h3 { font-weight: 600; font-family: Roboto Slab,sans-serif;}
.is-focused .choices__inner, .is-open .choices__inner{border-color:#2152ff; box-shadow: 0 0 0 1px #21d4fd;}
.navbar .nav-link.this{
    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}
.navbar-toggler{border:none;}
.navbar .navbar-brand.pc{padding-left:21px;}
.navbar .navbar-brand.m{padding-left:36px;}
/* .navbar .navbar-brand img{
    height: 31px;
    border-radius: 100%;
    margin-right: 10px;
    position: absolute;
    top: 5px;
    left: 0px;
} */
.text-ellipsis{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.home-desc,.align-center{
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
.login-main{overflow: hidden;}
.login-main .qrcode{position:absolute; height: 65px; right: 0; top:0; background: url(../img/qrcode.svg) no-repeat center / 100% auto; width: 65px; z-index: 9;}
.login-main .qrcode:hover{cursor: pointer;}

.add-apps{
    margin: .5rem 1rem;
    padding: .7rem 1rem;
    border: 2px dashed #efefef;
    color: #999;
    border-radius: .5rem;
}
.add-apps span{margin-right: .4rem;}
.add-apps:hover{border-color: #2152ff; color: #2152ff; cursor: pointer; opacity:.6;}
.active .add-apps{border-color: #2152ff; color: #2152ff; opacity:.6;}
.sidenav{z-index: 999999;}
.sidenav[data-color=info] .navbar-nav>.nav-item>.nav-link.active .icon { background-image: linear-gradient(310deg,#2152ff,#21d4fd); }
.moving-tab .nav-link.active{ box-shadow:0 1px 2px 0 hsl(0deg 0% 59% / 30%); }
.nav-pills .nav-item .nav-link.active{
    transition: all .15s ease-in;
    opacity: 1;
    color: #000;
}
.nav-pills .nav-item .nav-link{
opacity: .6; 
}
.appstore-list{display: none;}
.appstore-list.active{display: unset;}
.dz-default.dz-message{
    margin:0; line-height: 150px; font-size:3rem;
}
.dropzone{position: relative;}
.upload-file{position: absolute;left:0; top: 0; width: 100%; height: 100%;}
.upload-file:hover{cursor: pointer;}
.files-otp-btn{
    position: fixed; width: 100%; bottom: 0; left: 0; z-index: 2;
}
.files-otp-nav{
    position: fixed; width: 100%; top: 0; left: 12px; padding:1.5rem 1.5rem 1rem 1.5rem; z-index:9999;
}
.files-list .img{height: 120px;}
.files-list p{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.files-mask{background:#2152ff; opacity: 0.1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; display: none;}
.files-list .card{border:1px solid #fff; overflow: hidden;}
.files-list .card:hover{border:1px solid #21d4fd; cursor: pointer; box-shadow: 0 0 0 1px #2152ff;}
.files-list .card:hover .files-mask{display: unset;}
.files-main i{display: none;}
.files-main.active i{display: unset;}
.files-main.active .card{border:1px solid #21d4fd; cursor: pointer; box-shadow: 0 0 0 1px #2152ff;}
.files-main.active .card .files-mask{display: unset;}

.single-upload{width:120px; height: 120px; border-radius:0.5rem; border:1px solid #d2d6da;}
.single-upload:hover{cursor: pointer;}

.card.multisteps-form__panel{display:none;}
.card.multisteps-form__panel.js-active{display:unset;}

.select-down{
    position: relative;
    font-family: layui-icon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
.select-down:before{
    position: absolute;
    right: 15px;
    top: 9px;
    content: "\e625";
    z-index: 999;
    width: 10px;
    height: 10px;
    opacity: .8;
}

.dropzone .dz-preview{margin:16px 0 10px 16px;}


.register-card .card-body{display: none;}
.register-card .card-body.card-active{display: unset;}
.dz-image{
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.dz-image img{ height:100%;}

.home-app-list div.list:hover{ cursor: pointer; background:#f8f9fa; border-radius: 5px;}
.layui-layer-btn a{font-size:12px;}
.layui-tree-set{display: table; width: auto;}
.layui-tree-set.layui-tree-spread.layui-tree-setHide{width:auto; float: left;}
.layui-tree-entry{height:auto;}
.layui-tree-icon{line-height: 10px; border:none}

.multiple-list{
    height: 265px;
    overflow-y: auto;
}
.multiple-list .multiple-select{border:1px solid #e0e0e0; border-radius: 100%; width: 30px; height:30px; line-height: 30px; font-size: 14px;}
.multiple-list .multiple-select i{color:#fff;}
.multiple-list .multiple-select.active{background-image: linear-gradient(310deg,#2152ff,#21d4fd); border-color:#fff;}
.multiple-list .d-flex:hover{background:#e9ecef; cursor: pointer;}

/**
    数据表格样式
 */
.layui-table-tree-nodeIcon{
    margin-right: 5px;
 }
.layui-table-tool-self .layui-icon{font-size: unset;}
.layui-table-tool,.layui-table thead tr,.layui-table-patch{background: #fff}
.layui-table-page{padding-top:12px; margin-bottom: 0px;}
.layui-table thead tr th span{color:#8392ab;}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]
{ border:none; font-size: .8rem;}
.layui-table-header{border-bottom:1px solid #e9ecef; background:#fff;}
.layui-table tbody tr{border-bottom:1px solid #e9ecef;}
.layui-table tbody tr:nth-last-child(1){border-bottom:none;}
.layui-table .layui-table-cell{height: auto; padding:.75rem; line-height: 23px;}
.layui-table, .layui-table-view{margin-bottom:0px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-image: linear-gradient(310deg,#141727,#3a416f);}
.layui-form-checked[lay-skin=primary] i{background-image: linear-gradient(310deg,#141727,#3a416f); border-color:#141727!important;}
.layui-table-view .layui-form-checkbox:hover i{ border-color:#141727!important;}
.layui-table-tool .layui-inline[lay-event]{border-color:#fff; background-image:linear-gradient(310deg,#ced4da,#ebeff4); border-radius:5px;}
/*.layui-table-tool-self{bottom:10px; top: unset;}*/
.layui-table-tool-temp{padding-right: 0;}
.layui-table-tips-c:before{right: -1px;bottom: 0.23rem;}
.layui-table-tool{position: absolute; top: 0; z-index: 99; padding-bottom: 0;
    background: none; min-height: auto;}
.not-checked{background:#fff !important; border:1px solid #cbd3da !important;}

/**
    修改数据样式
 */
form .input-desc{
    display: flex;
    flex-wrap: wrap;
}
form .input-desc input{
    width: 75%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
form .input-desc .tips{
    width: 25%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #d2d6da;
    border-left:none;
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.table-search .choices__inner{min-height:2.06rem; padding:0 .75rem;}
.table-search .choices[data-type*=select-one] .choices__inner{padding-bottom: 0px;}
.table-search .choices[data-type*=select-one]:after{top:10px;}
.table-search .choices__list--dropdown{top:5px;}

.container-fluid{position: relative}
form .input-select{position: relative;}
form .input-select .choices__list--dropdown{top:10px}
form .input-select .choices__list--dropdown .choices__item--selectable{padding-right:0px;}
form .input-select .choices__list--dropdown .choices__item{padding:.3rem .6rem;}
form .input-select .choices__inner .choices__item--selectable{line-height:25px; height:27px;}
form .input-select .choices__inner .choices__item--selectable i{line-height:25px;}
form .input-select .choices__item--selectable .text-right{width:55px;}
form .input-select .choices__list--dropdown .choices__list{max-height:200px;}
.choices__list--dropdown{ z-index: 999;}
form .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button{padding-left:22px;}
.text-right{text-align: right;}
textarea{ resize:none; }
.ql-editor p{font-size: .875rem;}
.ql-toolbar select{display:none !important;}
.ql-align.ql-picker.ql-icon-picker .ql-picker-label{top:-3px;}
.ql-color.ql-picker.ql-color-picker{top:-3px}
.ql-background.ql-picker.ql-color-picker{top:-4px;}
form .input-btn{ position: relative;}
form .input-btn a{ position: absolute; right:4px; top:4px; margin:0;}

.select-courses .form-check-input{
    position: relative; top: 2px;
}

.qrcodeimg{width:200px; height: 200px; margin:0 auto; line-height: 200px; position: relative;}
.qrcodeimg .logo{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
}
.qrcodeimg .logo img{border-radius: 100%; border: 2px solid #fff; width: 35px; height: 35px; border:2px solid #fff;}

.down-img{position: absolute; opacity: 0; z-index: -1;}
.down-img-center{width:210px; margin:0 auto; text-align: center; padding:5px;}
.down-img-header{border-top-right-radius: 10px; border-top-left-radius: 10px; font-weight: bold;}

.account-list .align-items-center p{
    width: 68%;
}


.fontawesome-icon-list{
    display: grid;
    grid-template-columns: repeat(3, minmax(80px, 1fr));
    grid-gap:calc(1em* 1.5) calc(1em* 1.5);
    overflow: hidden;
}


.fontawesome-icon-list .hidden{display: none;}
.fa-hover{
    display: block;
    position: relative;
    outline: none;
    border: 1px solid #fff;
    border-radius: 0.75em;
    background: #fff;
    padding:2.2em 1.5em 1.5em;
    text-align: center;
    color: rgb(24, 49, 83);
    box-shadow:0 0.25rem 0 rgb( 195,198,209);
    font-size: 12px;

    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fa-hover:hover{
    border:1px solid #569ff7;
    box-shadow:0 0.25rem 0 #569ff7;
    cursor: pointer;
    color:#569ff7;
}
.fa-hover a:hover{ color:rgb(24, 49, 83) !important;}
.fa-hover i.fa{
    display: block; font-size:2em; margin-bottom:2px; color:rgb(24, 49, 83) !important;
}
@media (min-width: 768px) {
    .fontawesome-icon-list{
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        max-width: var(1rem);
    }
}

.table-icon{font-size: 1.2rem; color: rgb(24, 49, 83) !important; position: relative; top: 1px;} 

.navbar-vertical .navbar-nav .nav-item .nav-link .icon i{color:rgb(24, 49, 83); top:1px; font-size: .75rem;}
.nav-link-text{position: relative; top: 1px;}
.active .icon i{color:#fff !important;}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active span{
    /* background-image: linear-gradient(310deg, #2152ff, #21d4fd);
    -webkit-background-clip: text; */
    /* color: #569ff7; */
}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active:before{
    /*background-image: linear-gradient(310deg, #2152ff, #21d4fd); */
    /* background-color: #569ff7; */
}

.layui-tree-txt i{width: 15px;}

.img_slide{display:table; width:100%;}
.img_slide .slide_list,.slide_uplode{
    width:100px; height:100px; border:1px solid #e9e9ef; border-radius:.5rem; overflow: hidden;
    background-repeat:no-repeat; background-size:auto 100%;
    text-align: center;
    font-size: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    float:left;
    margin-right:5px; margin-bottom:5px;
    position: relative;
}
.img_slide .slide_list img{height:100%;}
.img_slide .slide_uplode:hover,.option_img:hover{
    cursor: pointer;
}
.img_slide .slide_list .slide_set{ 
    position:absolute; opacity: 0; font-size:13px; bottom:-28px; background:rgba(0,0,0,0.7); width:100%; height:28px; line-height:28px; text-align: center;
    transition: all .3s;
}
.img_slide .slide_list .slide_set i{color:#fff;}
.img_slide .slide_list .slide_set .left{ float:left; margin-left:10px; top:1px;}
.img_slide .slide_list .slide_set .right{ float:right; margin-right:10px; font-size:13px; color:#fff;}
.img_slide .slide_list:hover .slide_set{opacity: 1; bottom:0;} 

.option_img{width: 100%; height: 103px; 
    border:1px solid #e9e9ef; border-radius:.5rem; overflow: hidden;
    text-align: center;
    font-size: 26px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.option_img img{width:100%;}

.fr{float: right;}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table;
    position: absolute;
    right: -9px;
    top: 7px;
    height: 10px;
    width: 1px;
    background: #ccc;
}

.ql-toolbar.ql-snow .ql-formats {
    position: relative;
}

.ql-video{width: 100%;}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left:0;
}

.form-card-header{
    position: relative;
    /* padding-top:1rem !important;
    padding-bottom:1rem !important; */
    /* min-height: 95px; */
}
.form-card-header .form-more-btn{
    position: absolute;
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
}
.form-card-header .form-more-btn .btn{margin-bottom: 0;}

.layui-form-edit{
    min-height: 81vh;
}

.layui-form-edit .layui-form-checkbox{
    margin-top: .5rem;
}

.form-label red{
    color:red;
}

.badge {
    font-size: 11px;
}

.layui-input-wrap .layui-input-suffix.layui-input-split
{
    background: #fff;
    border: 1px solid #e9e9ef;
    border-radius: .5rem;
}

.form-sort{
    width: 100px;
}

.win-icon{
 text-align: right; 
 padding: 3em;
}
.win-icon i{
    font-size:8em;
}

.form-row .col-12,.form-row .col-6{
    margin-bottom: 1.5rem;
}
.form-row .form-status{
    margin-top: .4rem;
}
.form-row .form-label{
    font-size: 14px;
    height:20px;
    line-height: 15px;
}

.sticky-header{ 
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
}
.form-submit{
    display: none;
}
.tox-tinymce{
    border-radius: .5rem !important;
}
.mce-content-body p{margin: 0 !important;}
.mce-content-body img{max-width: 100% !important;}

.layui-table-fixed{
    right: 0 !important;
}

/*.layui-table-fixed .layui-table tbody tr td div.layui-table-cell{*/
/*    min-height: 73px;*/
/*}*/
/*.layui-table .layui-table-cell{*/
/*    min-height:73px;*/
/*    display: flex;*/
/*    !*justify-content: center;*!*/
/*    align-items: center;*/
/*}*/

.layui-form-select dl{
    /*top: 50px;*/
    border-radius: .5rem;
    box-shadow: 0 8px 26px -4px hsla(0, 0%, 8%, .15), 0 8px 9px -5px hsla(0, 0%, 8%, .06);
    padding: 1rem .5rem;
    /* min-height: 200px; */
}
.layui-form-select dl dd{
    font-size: 14px; 
}
.layui-form-select dl dd.layui-this{
    background: #e9ecef;
    color: #344767; 
    border-radius: .5rem;
}
.layui-form-select dl dd:hover{
    background: #e9ecef;
    color: #344767;
    border-radius:.5rem;
}
.layui-input:focus{
    border-color:#2152ff !important; box-shadow: 0 0 0 1px #21d4fd;
}
.laydate-theme-molv{
    border-radius: .5rem; overflow: hidden;
}
.layui-laydate, .layui-laydate-hint{
    border-radius:.5rem;
    border:none;
    box-shadow: 0 8px 26px -4px hsla(0, 0%, 8%, .15), 0 8px 9px -5px hsla(0, 0%, 8%, .06);
}
.layui-laydate .layui-this, .layui-laydate .layui-this>div{
    background: #344767 !important;
}

.tox-toolbar__group{
    position: relative;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){
    position: relative;
    border:none !important;
    zoom:85%;
    padding:0 5px !important;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type)::after{
    clear: both;
    content: "";
    display: table;
    position: absolute;
    right: 0px;
    top: 18px;
    height: 12px;
    width: 1px;
    background: #ccc;
}
.tox .tox-split-button{
    margin-right:5px !important;
}
.tox button.tox-tbtn{
    margin:3px 0px !important;
}

.badge-win {
    color: rgb(17.4935064935, 162.5064935065, 70.8725201179);
    background-color: rgb(156.2441558442, 237.9558441558, 186.3220779221);
}
.badge-error {
    color: rgb(247.6802955665, 8.3197044335, 8.3197044335);
    background-color: rgb(251.8630541872, 218.3369458128, 218.3369458128);
}
.badge-warn {
    color: rgb(191, 144.517699115, 0);
    background-color: rgb(251.5355371901, 227.7173553719, 153.6644628099);
}
.badge-primary {
    color: rgb(220, 90.1321585903, 0);
    background-color: rgb(253.0970711297, 210.5983263598, 181.1029288703);
}

.img-big{
    max-height: 80%;
    max-width: 80%;
}
.img-big img{
    max-height: 100%;}

.avatar{
    cursor: pointer;
    overflow: hidden;
}

.layui-upload{
    position: relative;
}
.layui-upload .layui-upload-del{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #fff;
    color: #666;
    box-shadow:0 3px 7px -1px rgba(0,0,0,0.15),0 2px 4px -2px rgba(0,0,0,.07);
}
.layui-upload .layui-upload-del i{
    font-size: 15px;
}


.layui-upload-img{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#f8f9fa;
    border: 2px dashed #e9e9ef;
    transition: all .3s;
    border-radius:.5rem;
    overflow: hidden;
}
.layui-upload-img img{
    max-height: 100% !important; 
  }
.layui-upload-img i{
    font-size: 3em;
    color: #ccc;
}
.layui-upload-img:hover{
    cursor: pointer;
    border-color: #707f9b;
}


.form-upload-img{
    position: relative;
    z-index: 0;
    border: 2px dashed #e9e9ef;
    transition: all .3s;
}
.form-upload-img:hover{
    cursor: pointer;
    border: 2px dashed #707f9b;
}
.form-upload-img .upload-btn{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.form-upload-img .upload-btn .layui-icon{
    font-size: 4em;
    opacity: .8;
}

.upload_enter{display:table; width:100%; min-height: 150px;}
.upload_enter .img_list,.img_uplode{
    width:140px; height:140px; 
    /* border:1px solid #e9e9ef;  */
    border-radius:20px; overflow: hidden;
    background-repeat:no-repeat; background-size:auto 100%;
    text-align: center;
    font-size: 30px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    float:left;
    margin-right:15px; margin-bottom:10px;
    position: relative;
    z-index: 9;
}
.upload_enter .img_uplode{
    /*点状线*/
    border:2px dashed #e9e9ef;
    transition: all .3s;
}
.upload_enter .img_uplode:hover{
    border-color: #707f9b;
}
.upload_enter .img_uplode i{
    font-size: 30px;
}
.upload_enter .img_uplode:hover,.option_img:hover{
    cursor: pointer;
}
.upload_enter .img_list .img_set{ 
    position:absolute; opacity: 0; font-size:13px; bottom:-30px; background:#fff; width:100%; height:30px; line-height:30px; text-align: center;
    transition: all .3s;
    box-shadow: 0 0 5px #ececec;
}
.upload_enter .img_list img{height:100%;}
.upload_enter .img_list .img_set i{color:#000;}
.upload_enter .img_list .img_set .left{ float:left; margin-left:20px; top:1px;}
.upload_enter .img_list .img_set .right{ float:right; margin-right:20px; font-size:13px; color:#000;}
.upload_enter .img_list:hover .img_set{opacity: 1; bottom:0;} 
.upload_enter .img_list:nth-child(1)::after{
    content: "封面图";
    display: table;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: #333;
    padding: 0px 8px;
    border-radius: 100px;
    box-shadow: 0 1px 3px #ececec;
}
.upload_enter.not-cover .img_list:nth-child(1)::after{
    display: none;
}


.navbar-vertical.navbar-expand-xs{
    z-index: 999;
    overflow: auto !important;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
/* .sidenav-header{
    position: sticky;
    top: 0;
    z-index: 99;
    background: #f8f9fa;
} */
.navbar-vertical.navbar-expand-xs::-webkit-scrollbar {
    display: none;  /* Chrome/Safari/Webkit */
}
.main-flex{
    display: flex;
}
.main-flex .flex-li{
    flex-grow: 1;
}

.ps{
    overflow: visible !important;
}


.form-notify .card-body{
    min-height: 60vh; 
    display:inline-flex;
    justify-content: center;
    align-items: center;
}

.info-nav-top{
    top:100px;
}
.info-nav-bottom{
    bottom:0;
}


/* 列表表单 */
.list-form input{
    border:none;
    color: #344767;
    font-weight: 600;
    width: 100%;
    background: none;
}
.list-form .input-title{
    width: 250px;
}
.list-form .input-value{
    /* width: 200px; */
}
.list-form input::placeholder {
    color: #999;
    font-weight: 500;
    opacity: 1; /* 解决Firefox默认透明度问题 */
}

.select-group{
    position: relative;
}
.select-group button{
    padding: 10px 20px;
    position: absolute;
    right: 0;
}

.upload_video_content .upload_video{
    border: 2px dashed #e9e9ef;
    transition: all .3s;
    border-radius: .5rem;
    text-align: center;
    height: 140px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;

}
.upload_video_content .upload_video i{font-size:20px;}
.upload_video_content .upload_video:hover{
    cursor: pointer;
    border: 2px dashed #707f9b;
}
.upload_video_content video{
    width: 100%;
    height: 140px;
    border-radius: .5rem;
}
.upload_video_content video:hover{
    cursor: pointer; 
}
.upload_video_main{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload_video_main .upload_del{
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 1;
    border-radius: 100%;
    width: 19px; height: 19px;
    background: #fff;
}
.upload_video_main .upload_del i{
    font-size: 20px;
    color: #ea0606;
}
.upload_video_main .upload_apply{
    position: absolute;
    z-index: 9;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    border-radius: 100%;
}
.upload_video_main .upload_apply:hover{
    cursor: pointer;
}
.video_desc{
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-input-tag{
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom:0;
}
.form-input-tag-select{
    position: absolute;
    top:0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.form-input-tag-select:hover{
    cursor: pointer; 
}
.form-input-tag .tag{
    background: #fff;
    box-shadow:0 0px 0px 1px #999;
    border-radius: 100px;
    margin-bottom: .5rem;
    margin-right: .5rem;
    position: relative;
}
.form-input-tag .tag span{
    padding: 0 10px 0 12px;
    font-size: 12px;
    color: #344767; 
}
.form-input-tag .tag:hover{
    cursor: pointer; 
}
.form-input-tag .tag span::after{
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    margin-left: 9px;
    background: #999; 
}
.form-input-tag .tag i{
    color: #344767;
    padding: 0 5px;
    position: relative;
    top: 1px;
    font-size: 15px;
}
.form-tag-content{
    position: relative;
}

.form-binding{
    min-height: 90px;
    display: flex;
    align-items: center;
}
.form-binding:hover{
    cursor: pointer;
}
.font-weight-none{
    font-weight: 500;
}

.card-binding{
    min-height: 80px;
    display: flex;
    align-items: center;
}
.card-binding .binding-select{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85%;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-binding.full .binding-select{
    height: 100%;
}
.card-binding .binding-select:hover{
    cursor: pointer; 
}
.card-binding .text-line{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 240px;
}

.video-upload-content .video-desc i{
    margin-right: 15px;
    color: #ccc;
}
.video-upload-content .video-desc div.d-flex{
   width: 200px; 
}
.video-upload-content .video-desc div p{
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    color: #999;
}
.video-upload-content .video-desc div p:nth-child(1){
    font-weight: 600;
}
.video-upload-content .video-upload-main{
    width: 100%;
    height: 300px;
    border-radius: 10px;
    position: relative;
}
.video-upload-content .video-upload-main .video-upload-btn{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border:2px dashed #e9e9ef;
    transition: all .3s;
}
.video-upload-content .video-upload-main .video-upload-btn:hover{
    cursor: pointer;
    border-color:#707f9b;
}
.video-center{
    position: relative;
    z-index: 9;
}
.video-center .video-set{
    position: absolute;
    top: 10px;
    right: 10px; 
    z-index: 10;
}
.video-center .video-set a{
    border-radius: 100px;
    margin-left: 10px;
}
.video-center video{
    border-radius: .5rem;
    background-color: #000;
    height:300px;
    width: 100%;
}

.layui-layer-prompt textarea.layui-layer-input{
    background-color: #f8f9fa;
    border-color: #e9e9ef;
    border-radius: .5rem;
}

.search-input{
    margin-right: 1rem;
}
.search-input input{
    min-width: 250px;
}

.badge-count{
    position: absolute;
    top: 11px;
    right: 12px;
    border-radius: 100%;
    display: inline-block;
    align-items: center;
    text-align: center;
    font-size: 12px;
    background: #a8b8d8;
    color: #141727;
    width: 19px; height: 19px;
    z-index: 9;
}
.badge-count.red{
    color: #FFF;
    background-color: rgb(247.6802955665, 8.3197044335, 8.3197044335);
}
.text-black{
    color: #000;
}

.set-icon{
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#17ad37;
    color: #fff;
    margin-right: 7px;
 }
 .set-icon i{
    font-size: 20px;
 }

 .tox .tox-split-button{
    margin-top: 11px !important;
 }

 .audit_center{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 69vh;
 }

 .go:hover{
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-left: 0px;
} */