/*
 * Copyright (c) 2023.
 *  版权所有（c）2023.
 *  修改于 2023-9-18  版本 $version 作者 $author


 */

/*  主体默认白底 */
body{
    background-color: var(--white-1);
    font-family: "Simsun","宋体";
}
.layui-badge-rim,
.layui-border,
.layui-colla-content,
.layui-colla-item,
.layui-collapse,
.layui-elem-field,
.layui-form-pane
.layui-form-item[pane],
.layui-form-pane
.layui-form-label,
.layui-input,
.layui-input-split,
.layui-panel,
.layui-quote-nm,
.layui-select,
.layui-tab-bar,
.layui-tab-card,
.layui-tab-title,
.layui-tab-title
.layui-this:after,
.layui-textarea{
    border-color: var(--gray-5);
}


/* 页面框上边距 */
.layui-fluid.layui-fluid-top-margin {
    margin-top:15px;
}
/* 表格 TABLE */
.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-mend,
.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-color: var(--gray-5);
}
.layui-table[lay-even] tbody tr:nth-child(even){
    background-color:var(--gray-2);
}
.layui-table-click,
.layui-table-hover{
    background-color:var(--main-1);
}
.layui-table-checked{
    background-color:var(--main-1);
}
.layui-table-checked.layui-table-click,
.layui-table-checked.layui-table-hover{
    background-color:var(--main-2);
}
.layui-table[lay-even] tbody tr.layui-table-checked:nth-child(even){
    background-color:var(--main-2);
}
.layui-table-init .layui-icon{
    color:var(--main-6);
    font-size:60px;
}
/*  表单 FORM */
.layui-form{
    background-color: var(--white-1);
}
.layui-form-pane .layui-form-label {
    padding:8px 4px;
    border-color:var(--gray-5);
    background-color: var(--white-1);
}
.layui-form-pane .layui-input{
    border-color:var(--gray-5);
}
.layui-input:hover,.layui-textarea:hover {
    border-color:var(--gray-7)!important
}
.layui-input:focus,.layui-textarea:focus {
    border-color: var(--gray-7)!important;
    box-shadow: 0 0 0 3px rgba(222,83,19,.08)
}
.layui-form.layui-form-margin-b10{
    margin-bottom:10px;
}
.layui-form.layui-form-margin-t10{
    margin-top:10px;
}
.layui-upload-drag-fluid{
    display:block;
    border-color:var(--gray-5);
}
.redstar{
    color:var(--main-6-2);
}
.redstar2{

}
.redstar2::after{
    color:var(--main-6-2);
    content:"*"
}
.layui-text-right{
    text-align:right;
}
/* 标签 TAB */
.layui-tab{
    margin:0;
    background-color:var(--white-1);
    /*
    border-width:0;
    */
}
.layui-tab-card{
    box-shadow:none;
    border-color:var(--gray-5);
}
.layui-tab-card > .layui-tab-title .layui-this{
    background-color: var(--main-6);
    color:var(--gray-1);
}
/* 卡片 CARD */
.layui-card{
    display:block;
    border-style:solid;
    border-width:1px;
    border-color:var(--gray-5);
}

.layui-card-body IMG{
    width:90%;
}
.layui-card-header{
    background-color: var(--main-6);
    color:var(--gray-1);
}
/* layer */
.layui-layer-btn .layui-layer-btn0{
    background-color:var(--main-6);
}

.layui-tab-brief>.layui-tab-title .layui-this{
    background-color: var(--main-6);
    color:white;
}

/* 弹窗关闭按钮样式一  */
.layui-layer-close-best1{
    overflow:visible;
}
.layui-layer-close-best1 .layui-layer-title{
    border-color: var(--main-6);
    border-width:2px;
}
.layui-layer-close-best1 .layui-layer-title:hover{
    border-color: var(--main-6-2);
}

.layui-layer-close-best1 .layui-layer-setwin{
    right:calc(100% - 1px);
    top:calc(50% - 15px);
    width:54px;
    height:54px;
}
.layui-layer-close-best1 .layui-layer-setwin .layui-layer-close1{
    right:12px;
    top:0;
    padding:18px 0 18px 6px;
    width:54px;
    height:54px;
    border-radius:50% 0 0 50%;
    font-size:38px;
    background-color: var(--main-6);
    color:var(--gray-1);
    display:inline-block;
    opacity: 0.3;
}
.layui-layer-close-best1 .layui-layer-setwin .layui-layer-close1:hover{
    opacity: 1;
    animation-name: bounce;
    animation-duration: 1.4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    /*transition: bounce 1.4s ease-in-out 5ms;*/
}
@keyframes bounce {
    0% {color: var(--gray-1);}
    50% {color: var(--orange-1);}
    100% {color: var(--gray-1);}
}
/* 弹窗关闭按钮样式二  */
.layui-layer-close-best2{
    overflow:visible;
}
.layui-layer-close-best2 .layui-layer-setwin{
    right:calc(100% - 1px);
    top:calc(50% - 15px);
    width:50px;
    height:50px;
}
.layui-layer-close-best2 .layui-layer-setwin .layui-layer-close2{
    right:0;
    top:0;
    padding:14px 0;
    width:50px;
    height:50px;
    border-radius:17% 0 0 14%;
    font-size:36px;
    background-color: transparent;
    color:var(--gray-1);
    display:inline-block;
    opacity:0.5;
}
.layui-layer-close-best2 .layui-layer-setwin .layui-layer-close2:hover{
    background-color: var(--main-6);
    border:3px solid var(--gray-1);
    opacity:1;
}

.layui-form-label{
    min-width:102px;
    padding:9px 10px;
}
.layui-input-block{
    margin-left:122px;
}
.layui-inline{
    margin-right:0px;
}
.layui-form-hr{
    margin-top:14px;
    margin-bottom:17px;
}
.layui-btn{
    color:var(--gray-1);
    background-color:var(--main-6);
    border-color:var(--main-8);
}
.layui-btn:hover{
    background-color:var(--main-10);
    border-color:var(--main-2);
}
.layui-btn-primary{
    background-color:var(--gray-1);
    border-color:var(--gray-6);
    color:var(--gray-6);
}
.layui-btn-primary:hover{
    background-color:var(--main-1);
    border-color:var(--main-6);

}
.layui-menu{
    /*
    background-color:var(--gray-10);

    */
    margin:0 0 10px 0;
}

.layui-form-checked[lay-skin=primary]>i{
    border-color:var(--main-6)!important;
    background-color:var(--main-6);
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color:var(--main-6);
}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
    color:var(--main-6);
}
.layui-table-cell{
    padding:6px 7px;
}
.layui-upload-drag .layui-icon{
    color:var(--main-6);
}

.layui-upload-drag{
    border: 1px dashed var(--gray-6);
    max-height:144px;
}

.layui-elem-quote{
    border-left:4px solid var(--main-6);
}
.layui-form-select dl dd.layui-this{
    color:var(--main-6);
}

.layui-X-total-box{
    display:flex;
    justify-content: space-between;
    align-Items:flex-end;
    font-size:24px;
    font-weight:700;
    
}
.layui-X-total-box .number{
    font-size:14px;
    padding:0 6px;
    display:inline-block;
    color:var(--main-1);
    background-color:var(--main-6-2) !important;
    border-radius:2px;
}

/*
.layui-menu-body-panel {
    margin-left:4px;
    overflow-y: scroll;
    max-height:600px;
    padding-top:7px;
}
*/

/*
.layui-menu-body-title{
    margin:0;
}
.layui-menu li, .layui-menu-body-title, .layui-menu-body-title a{
    padding:0;
}
.layui-menu li.layui-menu-body-title{
    padding:10px 0 10px 10px;
    color:var(--gray-1);
    font-size:18px;

    border-bottom:1px solid var(--gray-8);
}
.layui-menu li.layui-menu-body-title:hover{
    background-color:var(--gray-9);
    color:var(--main-5);
}
.layui-menu .layui-menu-item-group{
    border-bottom:0px solid var(--gray-8);
}
.layui-menu .layui-menu-item-group>.layui-menu-body-title{
    padding:10px 0 10px 10px;
    background-color:var(--gray-9);
    color:var(--gray-1);
    font-weight:700;
}
.layui-menu .layui-menu-item-checked, .layui-menu .layui-menu-item-checked2{
    background-color:var(--gray-11)!important;
}
*/
