/*
功能性公共样式
*/
/* 图片无连接时 */
.imageSlot,.el-image__error{
    width:100%;height: 100%;position: relative;
}
img[src=''],img:not([src]){
    position: relative;
}
img[src='']::before,img:not([src])::before,.el-image__error::before{
    content:'';position: absolute;top:0;left:0;width:100%;height:100%;
    background:url('https://shanshuo-b2b.oss-cn-beijing.aliyuncs.com/upload/common/images/20250714/20250714104030175246083072388.png')no-repeat center center;
    background-size: cover;background-position: center;z-index:2;
}

/*// 间距*/
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb45{margin-bottom: 45px;}
.p20{padding: 20px;}
.p30{padding:30px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top: 30px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top: 30px;} 
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
/*// 弹性布局*/
.flex{display:flex;}
.flex_sub{flex:1;overflow: hidden;}
.flex_wrap{display:flex;flex-wrap: wrap;}
.flex_align{display:flex;align-items: center;}
.flex_start{display: flex;justify-content: flex-start;}
.flex_end{display: flex;justify-content: flex-end;}
.flex_between{display:flex;justify-content: space-between;}
.flex_around{display:flex;justify-content: space-around;}
.flex_center{display:flex;align-items:center;justify-content:center;}
.flex_column{display:flex;flex-direction: column;}
.flex_center_between{display:flex;justify-content: space-between;align-items: center;}
.align-center{align-items: center}
/*// 行为*/
.cursorPointer{cursor:pointer;}
.cursorPointer:hover{opacity:0.8;}
/*// 点击穿透*/
.clickPenetrate{pointer-events:none;}
/*// 格式化input类型为number时 出现上下箭头*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
/*// 多行文字隐藏*/
.lineText,.lineText2,.lineText3,.lineText4 {overflow: hidden;text-overflow: ellipsis;}
.lineText2,.lineText3,.lineText4 {display: -webkit-box;-webkit-box-orient: vertical;box-orient: vertical;}
.lineText {white-space: nowrap;}
.lineText2 {-webkit-line-clamp: 2;}
.lineText3 {-webkit-line-clamp: 3;}
.lineText4 {-webkit-line-clamp: 4;}
.preWrap{white-space: pre-wrap;}
.text_left{text-align: left;}
.text_center{text-align: center;}
.text_right{text-align: right;}
/*// 系统常用字体*/
.font_b{font-weight: bold;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font28{font-size: 28px;}
.font40{font-size: 40px;}
.font14_bold {font-weight: bold;font-size: 14px;}
.font16_bold {font-weight: bold;font-size: 16px;}
.font14_grey{font-size: 14px;}

/* 字体颜色 */
.greyColor{
    color: rgb(153, 153, 153); /* 灰色 */
}
.successColor{
    color: rgb(0, 192, 64); /* 绿色 */
}
/* 金钱颜色 */
.priceColor{
    font-weight: 700;
    color: rgb(255, 48, 48);
}
/* 表格操作栏 */
.operate-font{
    font-size: 15px;
}

.line-new {
    margin: 0 2px;
    color: #2b54e4;
    font-size: 16px;
}

.icon:hover {
    transition: all 0.3s;
    color: #2B54E4;
    cursor: pointer;
}
[v-cloak] {
    display: none;
}
.layui-layout-admin .layui-body .ns-body-content{
    position: relative;
}
/* 表格固定列-鼠标事件穿透 */
.el-table__fixed,
.el-table__fixed-right {
  pointer-events: none !important;
}

/* th为表头单元格，td为表格体单元格 */
/* 如果需要禁止固定列里的单元格也无法点击，此处可修改为none */
.el-table__fixed td,
.el-table__fixed-right td,
.el-table__fixed th,
.el-table__fixed-right th {
  pointer-events: auto !important; 
}

/* newsPublic */
:root{
    /* 文本默认颜色 */
    --textColor:#333;
    /*主题蓝*/
    --themeColor:#2b54e4;
    --themeColorRgb:16,92,251;
    /* 成功绿 */
    --winColor:#67C23A;
    --winColorRgb:103,194,58;
    /* 警告黄 */
    --warnColor:#E6A23C;
    --warnColorRgb:230,162,60;
    /*错误红*/
    --errColor:#F56C6C;
    --errColorRgb:245,108,108;
    /* 背景灰 */
    --bgColor:#EFF0F4;
}
/* 默认 */
.lineHD{
    line-height:1.2;
}
/* 颜色 */
.themeText{
    color: var(--themeColor);
}
.winText{
    color: var(--winColor);
}
.warnText{
    color:var(--warnColor);
}
.errText{
    color: var(--errColor);
}
.greyColor{
    color:#999;
}
/* 页面 */
.newPageBox{
    /* 内间距30  */
    display: flex;flex-direction: column;width:100%;height:calc(100vh - 30px);
}
.newPageBox .pageTableBox{
    flex: 1;overflow: hidden;display: flex;flex-direction: column;
}
.newPageBox .pageTableBox .tableBox{
    flex: 1;overflow: hidden;
}
/* 头部搜索 */
.pageSearchTop{
    /* background: var(--bgColor);padding:10px;border-radius:6px; */
    margin-bottom:5px;
}
.pageSearchTop .serchBox{
    display: flex;flex-wrap: wrap;margin-top:-15px;
}
.pageSearchTop .searchItem{
    margin:15px 15px 0 0;width:150px;
}
.pageSearchTop .itemBig{
    width:300px;
}
.pageSearchTop .itemSmall{
    width:100px;
}
/* 表格上部切换 */
.pageTabsLine .btn{
    margin-bottom:8px;margin-right:15px;
}
.pageTabsLine .btn:nth-last-of-type(1){
    margin-right:0;
}
/* 表格操作列表 */
.tableControls{
    display: flex;flex-wrap: wrap;margin-top:-10px;
}
.tableControls .item{
    margin:10px 0px 0 0;padding:0 8px;position:relative;cursor: pointer;display:inline-block;
}
.tableControls .item:hover{
    opacity:0.85;
}
.tableControls .item::before{
    content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:70%;background:#eee;
}
.tableControls .item:nth-last-of-type(1)::before{
    display:none;
}
/* 表格底部分页 */
.paginationLine{
    display: flex;margin-top:15px;
} 
.paginationLine .pagination{
    flex:1;overflow: hidden;margin-left:20px;text-align: right;
}
/* 文字标识 */
.textIcon-err,.textIcon-win,.textIcon-theme{
    display: inline-block;font-size: 12px; min-width: 18px;height: 18px;border: 1px solid;border-radius: 2px;text-align: center;line-height: 18px;margin-right: 5px; 
}
.textIcon-err{
    color:var(--errColor); background:rgba(var(--errColorRgb),0.2);
}
.textIcon-win{
    color:var(--winColor); background:rgba(var(--winColorRgb),0.2);
}
.textIcon-theme{
    color:#fff;background:var(--themeColor);border-color:var(--themeColor);
}
/* 抽屉样式 */
.newDrawerBox{
    height:100%;background: var(--bgColor);padding:15px;display: flex;flex-direction: column;overflow-y: auto;
}
.newDrawerCont{
    flex:1;overflow: hidden;overflow-y: auto;
}
.newDrawerBottom{
    border-top:1px solid #e1e1e1;text-align: right;padding:15px 0;margin-bottom:-15px;
}
.newWhiteBox{
    background:#fff;border-radius:6px;padding:15px;margin-bottom:20px;
}
.newWhiteBox:nth-last-of-type(1){
    margin-bottom:0;
}
.newDrawerBox{
    padding:20px;height:calc(100vh - 60px);
}
/* 弹窗 */
.custom-dialog-class .el-dialog__header,.el-dialog__header{
    border-bottom:1px solid var(--bgColor);
}
/* custom-class	Dialog 的自定义类名 custom-dialog-class 兼容已有弹框问题*/
.custom-dialog-class .el-dialog__body,.el-dialog__body{
    padding:20px;max-height:600px;overflow-y: auto;box-sizing: border-box;
}
.el-dialog__body::-webkit-scrollbar{
    display: none;
}
.el-dialog__footer{
    border-top:1px solid var(--bgColor);padding:15px;
}
/* 加减操作 */
.addMinusInt{
    display: inline-flex;
}
.addMinusInt .icon{
    width:30px;line-height:30px;height:30px;text-align: center;border:1px solid #DCDFE6;
}
.addMinusInt .int{
    flex:1;overflow: hidden;
}
.addMinusInt .int .el-input__inner{
    text-align: center;
}
/* img */
.imgCover{
    object-fit: cover;
}
/* 弹窗抽屉表格最大高度 */
.maxHeightTable {
    max-height:400px;overflow-y: auto;
}
/* 表格嵌套相关 */
.chiledTableTop{
    background:#f5f5f5;padding:5px;
}
.chiledTableTop .checkbox{
    /* transform: scale(1.2); */
    margin-left:-5px;
}
.chiledTableGoodInfo .img{
    width:30px;height:30px;margin-right:10px;object-fit: cover;
}
.chiledTableGoodInfo.goodImgs{
    margin-bottom:-10px;
}
.chiledTableGoodInfo.goodImgs .img{
    margin-bottom:10px;
}
.tableHeaderBtn{
    font-size:14px;margin-left:40px;
}
.tableNestBox .expanded{
    display: none;
}
.tableNestBox.el-table td.el-table__cell{
    border-bottom: none;padding:2px 0;
}
.tableNestBox .childTable.el-table td.el-table__cell{
    border-bottom:1px solid #EBEEF5;
}

/* 表格列表 */
.diyTableNews{ 
    margin-top:10px;
    /* max-height:250px;overflow-y: auto; */
}
.diyTableNews .item{
    display: flex;align-items: center;background:#f5f5f5;padding:5px 10px;margin-top:5px;
}
.diyTableNews .moneys{
    font-size:16px;font-weight:600;
}
.diyTableNews .remark{
    max-width:150px;
}
.diyTableNews .img{
    width:20px;height:20px;margin-right:10px;
}
.diyTableNews .img:nth-last-of-type(1){
    margin-right: 0;
}
.diyTableNews .ml{
    margin-left:12px;
}
/*下拉框选项宽度*/
.newSelectOptionWidth{
    min-width:150px;max-width: 300px;
}

/* 公共滚动条样式修改 */
::-webkit-scrollbar {
    width: 10px;  /* 纵向滚动条宽度 */
    height: 10px; /* 横向滚动条高度 */
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
}

::-webkit-scrollbar-thumb:hover {
    background-color:#E7E7E7;
}
::-webkit-scrollbar-thumb {
    background: #E7E7E7;
}
/* dialog弹窗规范格式化 */
.newDialog{
    margin-top:12vh!important;margin-bottom: 12vh;height:76vh;display: flex;flex-direction: column;
}
.newDialog .el-dialog__body{
    flex:1;overflow: hidden;display: flex;flex-direction: column;
}
.newDialog .el-dialog__body .newCont{
    flex: 1;overflow: hidden;overflow-y: auto;
}

/* diy el-tals */
.newElTabs{
    display: flex;white-space: nowrap;overflow-x: auto;position: relative;
}
.newElTabs::before{
    content:"";position: absolute;bottom: 0px;left:0;height:2px;background:#E4E7ED;width:100%;
}
.newElTabs .item{
    margin-right: 40px;line-height:40px;font-size:14px;font-weight:500;color: #303133;position: relative;cursor: pointer;
}
.newElTabs .item:nth-of-type(1){
    padding-left: 0;
}
.newElTabs .item.img:nth-last-of-type(1){
    margin-right: 0;
}
.newElTabs .item.active{
    color:var(--themeColor);
}
.newElTabs .item.active::before{
    content:"";position: absolute;bottom: 0px;left:0;height:2px;background: var(--themeColor);width:100%;
}