/* 因为项目需求重新调整layui 基础样式 */
.layui-form-label{
    width: 118px;
}
.layui-input-block{
    margin-left:148px ;
}
.layui-btn + .layui-btn{
    margin-left: 2px;
}
.sort-active{
    border-bottom-color:#518ef8!important;
    border-top-color:#518ef8!important;
}

/* 富文本 */

.w-e-toolbar{
    flex-wrap: wrap;
}
   
/* 富文本*/


/* 预览图icon的样式 */
.show_image{
    font-size: 0;
    width: 53px;
    height: 30px;
    background-image: url('../images/showImg.png');
    background-repeat: no-repeat;
}

.show_image {
    font-size: 40px;
    cursor: pointer;
}

.list-total-color{
    color: #ff0000;
}

/* 修正列表排序 图标距离 */
.layui-table-sort{
    margin-left: -5px;
}

/* 公共样式S */
.mgb5{
    margin-bottom: 5px;
}

.mgl5{
    margin-left: 5px!important;
}

.mgl10{
    margin-left: 10px!important;
}

.mgl15{
    margin-left: 15px;
}

.mgb10{
    margin-bottom: 10px;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt5 {
    margin-top: 5px;
}

.mgt60{
    margin-top: 60px;
}


.mgl10 {
    margin-left: 10px;
}
.mgl20 {
    margin-left: 20px;
}
.mgb0{
    margin-bottom: 0;
}
.mgr5 {
    margin-right: 5px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr10 {
    margin-right: 10px;
}

.mgr15 {
    margin-right: 15px;
}

.mgr20{
    margin-right: 20px;
}

.mgr25 {
    margin-right: 25px;
}

.mgr30{
    margin-right: 30px;
}

.mgr35{
    margin-right: 35px;
}

.mgr40{
    margin-right: 40px;
}


.mgb10 {
    margin-bottom: 10px;
}
.mgb15 {
    margin-bottom: 15px;
}

.pad15 {
    padding: 15px;
    box-sizing: border-box;
}

.pad20 {
    padding: 20px;
    box-sizing: border-box;
}

.padt35 {
    padding-top: 15px;
    box-sizing: border-box;
}

.pad10 {
    padding: 10px;
    box-sizing: border-box;
}

.pad5 {
    padding: 5px;
    box-sizing: border-box;
}

.pad12{
    padding: 12px;
    box-sizing: border-box;
}


.pd10 {
    padding: 10px;
    box-sizing: border-box;
}

.pd15 {
    padding: 15px;
    box-sizing: border-box;
}

.pd20 {
    padding: 20px;
    box-sizing: border-box;
}

.pdb20 {
    padding-bottom: 20px;
    box-sizing: border-box;
}

.pdb15 {
    padding-bottom: 15px;
    box-sizing: border-box;
}

.pdlr20 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

.p-14 {
    font-size: 14px;
}

.p-15 {
    font-size: 15px;
}

.z-suoding {
    color: #FF8900;
}

.p-16 {
    font-size: 16px;
}

.p-white {
    color: #ffffff;
}

.p-red {
    color: #518ef8;
}

.p-black {
    color: #292929;
}
.pr{
    text-align: right;
}
.pl{
    text-align: left !important;
}
.pc{
    text-align: center;
}
.padding {
    box-sizing: border-box;
    padding: 20px;
}

.flex{
    display: flex;
}

.fs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.fse {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.fsc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fsb {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex {
    display: flex;
}

.tl{
    text-align: left;
}

.tr{
    text-align: right;
}

.tc{
    text-align: center;
}

.nowrap{
    white-space: nowrap;
}
.one-line{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.two-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.three-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.four-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.el{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.max-wid200{
    max-width: 200px;
}

/* 字体大小S */
.fs12{
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}
.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.bold{
    font-weight: 600;
}

.cursor{
    cursor: pointer;
}

/* 字体大小E */
/* 公共样式E */

.color101010{
    color: #101010;
}

.color518ef8{
    color: #518ef8;
}

.colorbbbbbb{
    color: #bbbbbb;
}

/* .layui-table th{
    text-align: center; 
} 暂时保持原样式*/

.fl{
    float: left;
}

.fr{
    float: right;
}
.clearfix{
    content: '';
    clear: both;
}
.clearfix:after {
    content:""; 
    display: block; 
    clear:both; 
 }

 .hide{
     display: none;
 }
 /* .layui-table tr th{
     text-align: center;
 } */
 button a{
     color:#fff !important;
 }

 /* 定义我们自己的分页的样式 */
 .dataTables_paginate {
    width: 100%;
    background-color: #ffffff;
    text-align: right;
    padding:10px 20px;
    box-sizing: border-box;
 }


 .dataTables_paginate ul >li{
     display: inline-block;
     border-radius: 2px 0 0 2px;
     border: 1px solid #e2e2e2;
     vertical-align: middle;
     height: 30px;
     line-height: 30px;
     padding: 0px 10px;
     box-sizing: border-box;
 }
/* 隐藏分页最先的无意义的数据 */
 .dataTables_paginate ul >li:first-child{
     display: none;
 }
 .dataTables_paginate ul .active{
     background-color: #518ef8;
     color: #ffffff;
     border: 1px solid #518ef8;
 }

 .pagination{
    display: flex;
 }

 .dataTables_paginate ul .active a{
     color: #ffffff;
 }

 .input-pages-num{
    width: 66px;
    height: 30px;
 }

 .input-pages-qd{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 5px;
    background-color: #ffffff!important;
    color: #101010;
    border: 1px solid #eee;
    padding: 0 8px!important;
 }

 .input-pages-qd:hover{
    color: #101010!important;
 }

 /* 图集的多图上传样式 */
 .vt {
    width: 100%;
    height: 174px;
    object-fit: contain;
}
#ratesMore .del i,
#piclistMore .del i{
    position: absolute;
    right:-6px;
    top:-5px;
    color:red;
    font-size: 25px;
}
#ratesMore li,
#piclistMore li{
    margin-right: 20px;
}
#piclistMore li:nth-child(3n){
    margin-right: 0;
}
#piclistMore li > p{
    margin-top: 10px;
}
.layui-form-selected dl{
    z-index: 10002;
}

/* 高级操作 */
.hight-control{
    margin-right: 30px!important;
}

.hight-control span{
    margin-right: 15px;
}

/* 控制列表中图宽高 */
.list-img img{
    max-width: 100%;
    max-height: 68px;
}





/* switch开关调整 */
.layui-form-switch{
    min-width: 38px !important;
}


/* 调整问号的间距 */
.fa.fa-question-circle{
    margin-left: 5px;
    margin-right: 0px !important;
    cursor: pointer;
}

.line_show_image{
    cursor: pointer;
}


.albumTable .layui-table th{
	text-align: center !important;
}
.albumTable .layui-table tr{
	text-align: center !important;
}
.red{
    color: red;
}
.blodRed{
    color: red;
    font-weight: 700;
}

.blue{
    color: #1e9fff;
}

.max-wid300{
    max-width:300px;
}
.underline{
    text-decoration: underline !important;
}
.pointer{
    cursor: pointer;
}


/* 注册用户 */
.admin-sanjiao {
    margin-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.admin-sanjiao i:nth-child(1) {
    margin-bottom: -8px !important;
}
.hideFlOption {
    padding-top: 0px;
}
.hideFlOption li {
    margin-bottom: 10px;
}
.hideFlOption li a {
    margin: 0 15px;
}

.wsb{
    white-space: nowrap;
    word-break: break-all;
}
.as-active {
    color: #518ef8;
}
.mgt50{
    margin-top: 50px;
}
.mgr5{
    margin-right: 5px;
}
.w242{
    width: 242px !important;
}

.w270{
    width: 270px !important;
}

.layui-btn-reject{
    background-color: #8A9AA2;
    color: white;
}
#listTable tbody td {
    word-break: keep-all;
    white-space: nowrap;
}
.bg-blue{
    color: #3D89FF;
    font-size: 12px;
    background-color: #E6F0FF;
    padding: 3px 7px;
    border-radius: 4px;
    margin-left: 5px;
}
.updateVideo{
    margin-left: 150px;
    margin-top: 30px;
}
.updateVideo li{
    margin-right: 35px;
    margin-bottom: 20px;
}
.control_video_demo{
    width: 174px;
    height: 301px;
    object-fit: cover;
}
.maxw160{
    max-width: 160px;
}
.maxw110{
    max-width: 110px;
}
.maxw200{
    max-width: 200px;
}
.maxw300{
    max-width: 300px;
}
.padr12{
    padding-right: 10% !important;
}


.tagsinput{
    width: 100%!important;
    /*min-height: 30px!important;*/
    /*height: 30px!important;*/
}

div.tagsinput span.tag{
    padding: 2px!important;
}

.panel-title a{
    font-size: 16px;
    font-weight: 600;
    margin-right: 1.875rem;
    padding-bottom: .625rem;
    box-sizing: border-box;
}

.panel-title .active{
    color: #518ef8;
    border-bottom: 2px solid #518ef8;
}


.red-btn{
    background-color: #518ef8;
}

.layui-laydate .layui-laydate-list .layui-this{
    background-color: #518ef8!important;
}

/* 分割线 */
.z-breakup {
    width: 1px;
    height: 30px;
    margin: 0px 10px;
    background-color: #4d4d4d;
}

.mgr20{
    margin-right: 20px;
}

.borderRadius30{
    border-radius: 30px;
}

.colorB3B3B3{
    color: #B3B3B3;
}

.fs30{
    font-size: 30px;
}

.fs35{
    font-size: 35px;
}

.fs25{
    font-size: 25px;
}

.bg-white{
    background-color: #ffffff;
}

.color8f8f8f{
    color: #8f8f8f;
}

.color555454{
    color: #555454;
}

.color030303{
    color: #030303;
}



/* 自定义颜色主题e */
.layui-form-select dl dd.layui-this{
    color: #518ef8;
}

.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
    color: #518ef8;
}

.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
    color: #518ef8;
}

.layui-form-checked[lay-skin=primary]>i{
    border-color: #518ef8!important;
    background-color: #518ef8;
}

.layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color: #518ef8;
}

.xm-label-block {
    background-color: #518ef8!important;
    width: 100%;
}



.layui-btn{
    background-color: #518ef8;
}

.layui-btn-danger{
    background-color: #f26538;
}

.layui-btn-warm{
    background-color: #ffb800;
}

.layui-btn-success{
    background-color: #16b777;
}

.layui-btn-info{
    background-color: #31bdec;
}

.layui-btn-normal{
    background-color: #1e9fff;
}

.layui-btn-primary{
    background-color: transparent;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #518ef8;
}

.xm-option-icon{
    border-color: #518ef8!important;
}

.toolbar-tag:hover{
    color: #518ef8!important;
}

.scroll-body .selected .xm-iconfont{
    color: #518ef8!important;
}

xm-select:focus{
    border-color: #518ef8!important;
}

.layui-breadcrumb a:hover{
    color: #518ef8!important;
}

.layui-laydate .layui-this, .layui-laydate .layui-this>div{
    background-color: #518ef8!important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #518ef8!important;
}

.layui-textarea:focus{
    border-color: #518ef8!important;
}

.layui-input:focus{
    border-color: #518ef8!important;
}

.layui-tab-brief>.layui-tab-title .layui-this{
    color: #518ef8!important;
}

.layui-table .layui-icon-triangle-r{
    color: #cbcbcb!important;
}

.layui-table .layui-icon-triangle-d{
    color: #cbcbcb!important;
}

/* 自定义颜色主题s */


/* 滚动条优化 */
::-webkit-scrollbar{
    width: 5px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color: #c0c0c0;
}

::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color: #c0c0c0;
}
/* 滚动条优化 */

.colorff9933{
    color: #ff9933;
}

.color9b9b9b{
    color: #9b9b9b;
}

.bgColor999999{
    background-color: #999999;
}

.bgColorcc6633{
    background-color: #cc6633;
}

.bgColor518ef8{
    background-color: #518ef8;
}

.bgColor66cc33{
    background-color: #66cc33;
}

.color30d557{
    color:#30d557;
}

.color3ea756{
    color: #3ea756;
}


/* table 文件上传 */
.back-wrap {
    border: 1px solid #bfbfbf;
    height: 160px;
    overflow-y: scroll;
    scrollbar-width: none;
    padding: 0 10px;
    box-sizing: border-box;
}

/* 分页样式 */
.pageNavigation>li:first-child {
    display: none
}

.pageNavigation>li:last-child {
    display: none
}



.pageNavigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pageNavigation li {
  
    box-sizing: border-box;
    margin-right: 10px;
    border: 1px solid #171719;
    font-size: 12px;
    border-radius: 3px;
    background-color: #171719;
}

.pageNavigation li a{
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 5px 10px;
}

.pageNavigation .active {
    color: #fff;
    background-color: #f48d37;
    border: 1px solid #f48d37;
}

.pageNavigation .active a {
    color: #fff
}

.input-pages-num{
    width: 66px;
    height: 30px;
 }

 .input-pages-qd{
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 5px;
    background-color: #ffffff!important;
    color: #101010;
    border: 1px solid #eee;
    padding: 0 8px!important;
 }

 .input-pages-qd:hover{
    color: #101010!important;
 }

 
.mgr40{
    margin-right: 40px;
}

.colorF48D37{
    color: #F48D37!important;
}

.red{
    color: #db1c1c;
}

.minHeight800{
    min-height: 800px;
}

.layui-bg-E6851E{
    background-color: #E6851E!important;
    color: #E6851E!important;
}

.layui-progress-height{
    height: 15px!important;
    line-height: 15px!important;
}

.layui-progress-height .layui-progress-bar{
    height: 15px!important;
    line-height: 15px!important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-repeat: no-repeat;
}

.layui-bg-B28850{
    background-color: #B28850!important;
    color: #B28850!important;
}

/* 表格列表头部固定设置 */
.wageForm{
    overflow-y: auto;
}
.wageForm thead tr:first-child {
    position: sticky;
    top: -1px;
    background-color: #ffffff;
    z-index: 9998;
}