body,html{position:relative;width:100%;height:100%;
    /* min-width:1200px */
}
body{background-color:#F0F2F5;color:#6c6c6c;font-size:12px;line-height:1.2}
strong{font-style: normal; font-weight: normal;}
i{font-style: normal;}
.container{position:relative;width:100%;height:auto}
.wrapper{position:relative;margin:0 auto;width:1200px}
.fl{float:left}
.fr{float:right}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden;height:0;line-height:0}
.layui-disabled,textarea[disabled],input[disabled]{background-color: #ebebe4; color: #666 !important;}
input::-webkit-input-placeholder {color: #aab2bd;}
.bg-color-main{background-color:#D3B365!important}
select{background-color:#fff;color:#444}
.loading-bg{position:fixed;top:0;left:0;z-index:99999999;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0)}
.loading-fadepop{display:none}
.notification{position:fixed;top:50%;left:50%;z-index:99999998;display:block;margin-top:-100px;margin-left:-65px;width:130px;height:120px;-webkit-user-select:none;pointer-events:none}
.notification-panel{position:relative;padding-top:80px;width:130px;height:120px;border-radius:7px;background-color:rgba(0,0,0,.8);color:#fff;text-align:center}
.loader-animate{position:absolute;top:30px;left:0;display:none;width:100%;height:40px;text-align:center}
.notification.loading .loader-animate{display:block}
.notification.info .notification-panel{padding:10px;width:250px;height:auto;border-radius:2px;line-height:20px}
.spinner{position:relative;margin:0 auto;width:30px;height:30px}
.container1>div,.container2>div,.container3>div{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#fff;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.spinner .spinner-container{position:absolute;width:100%;height:100%}
.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
.circle1{top:0;left:0}
.circle2{top:0;right:0}
.circle3{right:0;bottom:0}
.circle4{bottom:0;left:0}
.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}
.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
}
.pageloading{position:fixed;top:40%;left:50%;z-index:18;margin-top:-15px;margin-left:-150px;width:300px;height:30px;background:0 0}
.pageloading-m{margin:0 auto;width:140px;height:30px;color:#6c6c6c;text-align:center;line-height:30px}
.pageloading-m i{float:left;display:block;margin-right:8px}
.pageloading-m label{float:left;display:block}

.tempMsg{position:absolute;z-index:999999999;display:none;padding:15px 35px;min-width:60px;border-radius:2px;background:rgba(0,0,0,.7);color:#FFF;font-size:13px}
.tempMsgBj{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999998;display:none;background:#000}
.fadeInPopBg{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background-color:rgb(0,0,0,.5)}
.fadeInPopMain{position:fixed;top:50%;left:50%;z-index:1001;margin-top:-150px;margin-left:-400px;width:800px;height:300px;background:#fff}
/*多余字省略号*/
.slh{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*新模板*/
.colgreen{color: #6BC73C;}
.colred{color: #E54C4A;}
.colblue{color: #1572fc;}
.colgray{color: #F4F6F8;}
.colyellow{ color: #ECBB49;}

.layui-btn.btn-blue{
    background-color: #2F80ED;
}
.layui-btn.btn-green{
    background-color: #6BC73C;
}

.s-btn_text{
    color: #5294F9;
    cursor: pointer;
}
.s-btn_text:hover{
    color: #2F80ED;
}
.s-btn_text+.s-btn_text{
    margin-left: 8px;
}

.s-style_blue .layui-form-checked[lay-skin=primary] i {
    background-color: #2F80ED !important;
    border-color: #2F80ED !important;
}
.s-style_blue .layui-form-checkbox:hover i{
    border-color: #2F80ED !important;
}
.s-style_blue .layui-form-radioed>i,.s-style_blue .layui-form-radio>i:hover {
    color: #2F80ED;
}

.s-style_blue .layui-form-onswitch {
    border-color: #2F80ED;
    background-color: #2F80ED;
}

.s-style_blue .layui-layer-btn .layui-layer-btn0 {
    border-color: #2F80ED !important;
    background-color: #2F80ED !important;
    color: #fff;
}

.layui-btn-primary.layui-border-blue:not(.layui-btn-disabled){
    border-color: #2F80ED;
    color: #2F80ED;
}

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

.foot-bd{
    overflow: hidden;
}

.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #d4b365 !important;
}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
    border-color: #d4b365;
}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before {
    background-color: #d4b365;
}
.layui-table-checked {
    background-color: #f2f2f2;
}
.layui-table-checked.layui-table-hover{
    background-color:#f2f2f2
}
/* 按钮 */
.layui-btn {
    background-color: #d4b365;
}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #fbfbfb;
    color: #c9c9c9;
    cursor: not-allowed;
    opacity: 1;
}
.layui-btn-primary,
.layui-btn-primary:hover {
    border: 1px solid #d2d2d2;
    background: 0 0;
    color: #666;
}
.layui-form-onswitch {
    background-color: #5294F9;
    border-color: #5294F9;
}
.layui-form-switch i {
    background-color: #A7AFBC;
}
.layui-form-onswitch i {
    background-color: #fff;
}

.tips-box{
    padding: 10px;
    border-radius: 6px;
    max-height: 300px;
    overflow: auto;
    background: #F4F6F8;
    border: 1px solid rgba(0,0,0,0.15);
    line-height: 20px;
}
.tips-box dl{
    line-height: 18px;
    color: #000;
    display: flex;
    /* align-items: flex-start; */
}
.tips-box dl dt{
    /* height: 18px; */
    font-size: 14px;
    margin-right: 3px;
    color: #ECBB49;
}
.tips-box dl dd{
    /* list-style: 18px; */
    flex: 1;
}

.scrollbar::-webkit-scrollbar { width: 4px;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.2);background: rgba(160, 160, 160, 0.7)}
.scrollbar::-webkit-scrollbar-track { border-radius: 10px; 
    /* background: #fff; */
    background: rgba(170, 170, 170, 0.3);
}