.layui-btn-search{
    height: 32px;
    background-color: #2D78EB;
    color: #fff;
    border: none !important;
    margin-right: 16px !important;
    margin-left: 0 !important;
    border-radius: 4px;
}
.layui-btn-reset{
    border: 1px solid #2D78EB !important;
    border-radius: 4px;
    margin-right: 16px !important;
    margin-left: 0 !important;
}
.layui-table{
    background: transparent !important;
    color: #1F2225 !important;
}

.layui-col-xs10-div{
    width: 100%;
}

/* 图片上传盒子样式 */
.upload-image-mdbox-div{
    display: flex;
    margin-right: 16px;
    .layui-form-item-box{
        width: 19%;
        margin-right: 20px;
        .help-images{
            padding: 0 !important;
            .uploadimage{
                width: 120px;
                height: 120px;
            }
            .form-div{
                width: 29%;
                font-family: PingFangSC-Regular;
                font-weight: 400;
                font-size: 14px;
                color: #303133;
                letter-spacing: -1.4px;
            }
            .upload-tips{
                color: #00000066;
                margin-left: 29%;
            }
        }
    }
}
/* layui样式 */
.layui-form-checkbox{
    i{
        &:hover{
            border-color: #2D78EB !important;
        }
    }

}
.layui-form-checked{
    i{
        border: none !important;
        background-color:#2D78EB !important;
    }
}
.layui-form-radio:hover>*{
    color: #0052D9;
}
.layui-form-radioed{
    color: #0052D9;
    i{
        color: #0052D9;
    }
}

/* 新增 */
.layui-layer{
    border-radius: 10px;
}
.div-flex{
    display: flex !important;
    align-items: center;
    font-size: 14px;
    color: #303133;
    height: 38px;
    width: 100%;
    input{
        /*height: 54px;*/
        background-image: url('/static/theme/img/down.png');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 15px;
        &:focus{
            border: 1px solid #2262FB !important;
        }
    }
}
.form-span{
    width: 100px;
}
.layui-col-xs10{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-span{
    width: 39%;
}

.layui-layer-title{
    border: none;
    color: #303133;
    font-size: 16px;
    font-weight: 600;
}

.cz-a{
    margin-bottom: 16px;
    color: #1F2225 !important;
    font-weight: 400;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 0 !important;
    background-color: transparent !important;
    border: none !important;
    &:hover{
        color: #2262FB !important;
    }
}
.layui-table-view{
    border: none !important;
}

.layui-table-fixed-l{
    box-shadow:none !important;
}

/* 分页 */
.layui-table-page{
    border: none !important;
    > .layui-inline{
        position:absolute;
        right: 1%;
    }
    .layui-laypage-prev{
        &:hover{
            color: #2262FB;
        }
    }
    .layui-laypage-curr{

        .layui-laypage-em{
            background-color: transparent !important;
            border: 1px solid #2262FB;
            border-radius: 3px;
        }
        em{
            color: #2262FB !important;
        }
    }

    .layui-laypage-next{
        border: 1px solid #E0E0E6 !important;
        border-radius: 3px !important;
        &:hover{
            color: #2262FB;
        }
    }
    .layui-laypage-limits{
        select{
            background-color: transparent !important;
            border: 1px solid #E0E0E6;
            border-radius: 3px;
            color: #333639;
            &:focus{
                border: 1px solid #2262FB !important;
            }
        }
    }
    .pages-style {
        &:hover{
            color: #2262FB;
        }
    }
    .layui-laypage-last{
        &:hover{
            color: #2262FB;
        }
    }
    .layui-laypage-skip{
        color: #333639;
        .layui-input{
            background-color: transparent;
            border: 1px solid #E0E0E6;
            &:focus{
                border: 1px solid #2262FB !important;
            }
        }
        button{
            color: #ffffff;
            background-color: #2262FB;
            border-radius: 5px;
        }
    }
    .layui-disabled{
        background-color: transparent !important;
    }
}

/* table表格样式 */
.layui-table-cell{
    height: 78px;
    padding: 16px 15px;
    line-height: normal !important;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layui-table-header{
    background-color: rgba(240, 246, 252, 0.5);
    .layui-table{
        .layui-table-cell{
            height: 38px !important;
            padding: 6px 15px !important;
        }
    }
}
.layui-table-main{
    .layui-table{
        /*border-collapse: collapse;*/
        tr{
            border-bottom: 1px solid #EFEFF5;
        }
    }
}
.layui-table-header{
    border: none !important;
    .layui-icon-indeterminate{
        border-color: #2262FB !important;
        &:before{
            background-color: #2262FB !important;
        }

    }
}
.layui-table-checked{
    background-color: transparent !important;
}
/* form表单 */
.show{
    input[type=radio]:checked{
        border-color:#00000042;
    }
    input[type=radio]:checked:after{
        background: #00000042;
    }
}
.edit{
    input[type=radio]:checked{
        border-color:#2262FB;
    }
    input[type=radio]:checked:after{
        background: #2262FB;
    }
}

.layui-unselect{
    width: 100%;
    .layui-input{
        &:focus{
            border: 1px solid #2262FB !important;
        }
    }
}
.layui-edge:before {
    content: "\e61a";
}

/* 顶部样式 */
.layui-nav-item{
    .headimg-img{
        width: 32px;
        height: 32px;
        border-right: 50%;
        margin:0 10px;
    }
    .right-tips{
        margin-right: 20px;
    }
    .layui-elip{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

.top-tips{
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #303133;
    margin-right: 20px;
}

/* 边框阴影 */
.layui-tab-card{
    box-shadow: none !important;
}
.layui-card-line{
    box-shadow: none !important;
}
.layui-side{
    box-shadow: none !important;
}

/* 批量修改 */
.edits{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00000066;
    margin-bottom: 46px;
    .edits-one{
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        margin-right: 16px;
        border: 1px solid #00000066;
    }
    .edits-text{
        font-size: 16px;
        color: #2262FB;
        margin-right: 16px;
    }
    .edits-end{
        color: #00000066;
    }
    .edits-line{
        width: 148px;
        height: 2px;
        background-color: #2262FB;
        margin-right: 16px;
    }
    .edits-active{
        color: #ffffff !important;
        background-color: #2262FB !important;
    }
}
.chose{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    .chose-text{
        color: #000000e6;
        font-size: 14px;
        margin-right: 16px;
    }
    .chose-select{
        width: 400px;
        height: 32px;
    }
}
.fields{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 200px;
    .fields-item{
        padding: 5px 10px;
        box-sizing: border-box;
        background: #E7E7E7;
        border-radius: 3px;
        text-align: center;
        line-height: 34px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .chose-text{
        cursor: pointer;
        color: #00000066;
        margin-left: 10px;
        font-size: 12px;
    }
}
.rest-status .fields-box{
    display: none;
}

/* 左侧导航树 */
.layui-side-tree{
    .layui-nav-child dd.layui-this{
        background-color:transparent !important;
    }
}
.city-span{
    margin-right: 10px;
}

/* 自定义样式 */
.input-img-div{
    width: 20px;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    /*padding-right: 10px;*/
    border-radius: 2px 2px 0 0;
}
.input-img{
    width: 15px !important;
    height: 15px !important;
}

.layui-input-cut{

    display: block;
    width: 100%;
    padding-left: 10px;
    height: 38px;
    border: 1px solid #EEE;
    color: rgba(0, 0, 0, .85);
    border-radius:2px;
}
.layui-form-select-cut{
    display: none;
    position: absolute !important;
    color: #5f5f5f !important;
    background: #ffffff;
    z-index: 899;
    width: 72.5%;
    right: 0;
    > dl{
        position: absolute;
        left: 0;
        top: 18px;
        padding: 5px 0;
        z-index: 899;
        min-width: 100%;
        max-width: 100%;
        border: 1px solid #eee;
        max-height: 300px;
        overflow-y: auto;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
        box-sizing: border-box;
        > dd{
            padding: 0 10px;
            line-height: 36px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            &:hover{
                background-color: #f8f8f8;
                transform: 0.5s all;
            }
        }
    }
}
.layui-table-fixed{
    backdrop-filter: blur(111px);
}