/*浅色模式下 各种自定义CSS集合 */

.yw-table-title {
    background: #f5f5f5;
    width: 60px;
}
.yw-table-content {
    
    width: 100px;
}
.yw-hr-custom {
    background: #EEEEEE;
    border: none;
    height: 2px;
}

/* layui table 鼠标悬浮行颜色-浅色模式 */
.layui-table .layui-table-hover {
    background: #D9ECFF !important;
}

/**左侧菜单空余部分背景色*/
.pear-admin .layui-side-scroll {
    background-color: #1A1C23 !important;
}

/*左侧边栏边缘效果*/
.layui-side {
    box-shadow: 2px 0 8px 0 rgb(3 4 4 / 77%) !important;
}

/*表格各种边缘线条颜色20250325*/
.layui-table th,
.layui-table td,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"],
.layui-table-view,
.layui-table-tool,
.layui-table-header,
.layui-table-col-set,
.layui-table-total,
.layui-table-page,
.layui-table-fixed-r,
.layui-table-mend,
.layui-table-tips-main,
.layui-table-grid-down {
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
}





/*表格右边竖条颜色20250325*/
    .layui-table-view:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #eee;
        z-index: 101;
    }

/* 弹出窗体标题栏颜色自定义begin */
.layer-style-ywcustom .layui-layer-title {
    background-color: #2A2A2B;
    color: #fff;
}

.layer-style-ywcustom .layui-layer-setwin .layui-icon {
    color: #fff;
}
/* 弹出窗体自定义 END */


/*下拉菜单样式 Begin*/
.site-dropdown,
.site-dropdown .layui-menu {
    background-color: #fff;
    border: none;
}

.site-dropdown .layui-menu li {
    color: #000;
}

.site-dropdown .layui-menu li:hover {
    background-color: #D4D4D4;
}
/*滚动条样式*/
.site-dropdown::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.site-dropdown::-webkit-scrollbar-button:vertical {
    display: none;
}

.site-dropdown::-webkit-scrollbar-track,
.site-dropdown::-webkit-scrollbar-corner {
    background-color: #EEEEEE;
}

.site-dropdown::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0,0,0,.3);
}

.site-dropdown::-webkit-scrollbar-thumb:vertical:hover {
    background-color: rgba(0,0,0,.35);
}

.site-dropdown::-webkit-scrollbar-thumb:vertical:active {
    background-color: rgba(0,0,0,.38);
}

/*下拉菜单样式 end*/

/* 多图片上传CSS begin */
.layui-upload-drag {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    line-height: 148px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
    margin-right: 13px;
    float: left;
    padding: 0px;
}

.layui-input-inlines {
    position: relative;
    margin-left: 90px;
    min-height: 36px;
    text-align: left;
}

.layui-upload-drag .layui-icon {
    font-size: 28px;
    color: #8c939d
}

.layui-upload-drag .img {
    position: relative;
    height: 148px;
    width: 148px;
}

.layui-upload-img {
    width: 148px;
    height: 148px;
    border-radius: 6px;
    margin: 1px;
}


.handle {
    position: absolute;
    width: 148px;
    height: 100%;
    z-index: 100;
    border-radius: 6px;
    top: 0;
    background: rgba(59, 60, 61, 0.6);
    text-align: center;
}

.handle .icon-myself {
    z-index: 999;
    transition: all .3s;
    cursor: pointer;
    font-size: 25px;
    width: 25px;
    color: rgba(255, 255, 255, 0.91);
    margin: 0 4px;
}

/* 图片上传CSS end */






::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #D4D4D4;
}