@charset "utf-8";
:root{
    --default-color: #0054FE;
    --theme-font-color: #5a607f;

    /* layui样式变量 */
    --layui-btn-default-color: #0054FE;
    --layui-btn-normal-color: #52c41a;
    --layui-btn-warm-color: #faad14;
    --layui-btn-danger-color: #ff4d4f;

    --layui-form-height: 38px;
    --layui-form-font-size: 14px;

    --layui-notify-msg-info-color: #0054FE;
    --layui-notify-msg-info-bg-color: #fff;
    --layui-notify-msg-success-color: #52c41a;
    --layui-notify-msg-success-bg-color: #fff;
    --layui-notify-msg-warning-color: #faad14;
    --layui-notify-msg-warning-bg-color: #fff;
    --layui-notify-msg-error-color: #ff4d4f;
    --layui-notify-msg-error-bg-color: #fff;
    --layui-notify-msg-loading-color: #0054FE;
    --layui-notify-msg-loading-bg-color: #fff;
}
* {margin: 0;padding: 0;outline: none;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
html{width: 100%;height: 100%;}
body {width: 100%;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#F5F6FA;height:100%;font-size: 12px;font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; color: #333;}
a{color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;color:#000;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
@media (max-width:750px){img{max-width: 100%;height: auto;}}
img{max-width: 100%;height: auto;}

.white-bg{background: #fff;}
.no-pl{padding-left: 0 !important;}
.no-pr{padding-right: 0 !important;}
.no-pt{padding-top: 0 !important;}
.no-pb{padding-right: 0 !important;}
.no-ml{margin-left: 0 !important;}
.no-mr{margin-right: 0 !important;}
.no-mt{margin-top: 0 !important;}
.no-mb{margin-bottom: 0 !important;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.font-red{color:#e00000;}
.font-gray{color:#999;}
.font-green{color:#20cbbb;}
.no-border{border:none !important;}
.no-br{border-right: none !important;}
.no-bl{border-left: none !important;}
.ver-mid{display: inline-block;vertical-align: middle;}
.sd{box-shadow: 0px 0px 12px rgba(0,0,0,.1);}
.mt{margin-top: 16px;}


.width10{ width: 10% !important;}
.width20{ width: 20% !important;}
.width30{ width: 30% !important;}
.width40{ width: 40% !important;}
.width50{ width: 50% !important;}
.width60{ width: 60% !important;}
.width70{ width: 70% !important;}
.width80{ width: 80% !important;}
.width90{ width: 90% !important;}
.width100{ width: 100% !important;}
.width120{ width: 120px !important;}
.width150{ width: 150px !important;}
.width160{ width: 160px !important;}
.width180{ width: 180px !important;}
.width200{ width: 200px !important;}
.width220{ width: 220px !important;}
.width240{ width: 240px !important;}
.width250{ width: 250px !important;}
.width260{ width: 260px !important;}
.width280{ width: 280px !important;}
.width300{ width: 300px !important;}
.width320{ width: 320px !important;}
.width340{ width: 340px !important;}
.width350{ width: 350px !important;}
.width360{ width: 360px !important;}
.width380{ width: 380px !important;}
.width400{ width: 400px !important;}
.width420{ width: 420px !important;}
.width440{ width: 440px !important;}
.width450{ width: 450px !important;}
.width460{ width: 460px !important;}
.width480{ width: 480px !important;}
.width500{ width: 500px !important;}

.mw{max-width: 100%;overflow-x: auto;white-space: nowrap}
.mw-500{width: 100% !important;min-width: 500px;}
.mw-600{width: 100% !important;min-width: 600px;}
.mw-700{width: 100% !important;min-width: 700px;}
.mw-800{width: 100% !important;min-width: 800px;}
.mw-900{width: 100% !important;min-width: 900px;}
.mw-1000{width: 100% !important;min-width: 1000px;}
.mw-1100{width: 100% !important;min-width: 1100px;}
.mw-1200{width: 100% !important;min-width: 1200px;}

.flex{display: flex;}

/* 重制滚动条 */
::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #9c9da0;}



/* layui样式重置 */

/* 表单类 */
.layui-form-item{margin-bottom: 20px;}
.layui-form-label{height: auto !important;line-height: calc(var(--layui-form-height) - 12px) !important;padding-top: 6px !important;padding-bottom: 6px !important;font-size: var(--layui-form-font-size);}
.layui-form-pane .layui-form-label{height: var(--layui-form-height) !important;}
/* 输入框 */
.layui-input, .layui-select, .layui-textarea, select{height: var(--layui-form-height);border-radius: 5px;font-size: var(--layui-form-font-size);}
/* .layui-input, select{padding: 0 16px !important} */
.layui-input:focus, .layui-textarea:focus{border-color: var(--default-color) !important;}
.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color: #ff5722 !important;}
.layui-input::placeholder, .layui-select::placeholder, .layui-textarea::placeholder{color: #a1a7c4;}
/* .layui-input-wrap .layui-input{padding-right: 40px !important;} */
.layui-input-prefix, .layui-input-suffix{width: 40px;padding: 0;line-height: var(--layui-form-height);vertical-align: middle;}
.layui-input-prefix .layui-icon, .layui-input-suffix .layui-icon{font-size: 20px;color: #a1a7c4;}
/* 多行文本 */
.layui-textarea{padding: 8px 16px !important;}
/* 下拉框 */
.layui-form-select dl dd, .layui-form-select dl dt{line-height: var(--layui-form-height);font-size: var(--layui-form-font-size);}
.layui-form-select dl dd.layui-this{color: var(--default-color);}
/* switch */
.layui-form-onswitch{border-color: var(--default-color);background-color: var(--default-color);}
/* 复选框 */
.layui-form-checked[lay-skin=primary]>i{border-color: var(--default-color) !important;background-color: var(--default-color) !important;}
.layui-form-checkbox[lay-skin=primary]:hover>div{background-color: transparent !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i{border-color: var(--default-color) !important;}
.layui-form-checked:hover>div, .layui-form-checked>div{background-color: var(--default-color);}
.layui-form-checked:hover>i, .layui-form-checked>i{color: var(--default-color);}
/* 单选框 */
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: var(--default-color);}
/* 按钮 */
.layui-btn{height: var(--layui-form-height);line-height: var(--layui-form-height);border-radius: 5px;background-color: var(--layui-btn-default-color);font-size: var(--layui-form-font-size);}
.layui-btn-xs{height: calc(var(--layui-form-height) - 10px);line-height: calc(var(--layui-form-height) - 12px);}
.layui-btn-normal{background-color: var(--layui-btn-normal-color);}
.layui-btn-warm{background-color: var(--layui-btn-warm-color);}
.layui-btn-danger{background-color: var(--layui-btn-danger-color);}
.layui-btn-text{background-color: transparent !important;color: var(--layui-btn-default-color);border-color: transparent !important;}
.layui-btn-text:hover{color: var(--default-color);}
.layui-btn-text.layui-btn-normal{color: var(--layui-btn-normal-color);}
.layui-btn-text.layui-btn-warm{color: var(--layui-btn-warm-color);}
.layui-btn-text.layui-btn-danger{color: var(--layui-btn-danger-color);}
.layui-btn-text.layui-btn-primary{color: #999;}
.layui-btn-text.layui-btn-disabled:hover{background-color: transparent !important;border-color: transparent !important;}
.layui-btn-primary{background-color:#fff;}
.layui-btn-primary:hover{border-color: var(--default-color);}
.layui-btn-primary.layui-btn-normal{border-color: var(--layui-btn-normal-color);}
.layui-btn-primary.layui-btn-normal:hover{border-color: var(--layui-btn-normal-color);}
.layui-btn-primary.layui-btn-warm{border-color: var(--layui-btn-warm-color);}
.layui-btn-primary.layui-btn-warm:hover{border-color: var(--layui-btn-warm-color);}
.layui-btn-primary.layui-btn-danger{border-color: var(--layui-btn-danger-color);}
.layui-btn-primary.layui-btn-danger:hover{border-color: var(--layui-btn-danger-color);}
.layui-layer-btn .layui-layer-btn0{background-color: var(--default-color);}


/* 单文字 */
.cont-txt{height: var(--layui-form-height);line-height: var(--layui-form-height);}
/* 通知 */
.notify-msg{border-radius: 10px !important;padding: 20px 30px !important;}
.notify-msg.info{color: var(--layui-notify-msg-info-color) !important;background-color: var(--layui-notify-msg-info-bg-color) !important;box-shadow: 0 0 2px 0 rgba(0, 1, 1, .05), 0 0 0 1px var(--layui-notify-msg-info-color) !important;}
.notify-msg.info .notify-msg-icon{background-color: var(--layui-notify-msg-info-color) !important;}
.notify-msg.info .notify-msg-wait{fill: var(--layui-notify-msg-info-color) !important;}
.notify-msg.success{color: var(--layui-notify-msg-success-color) !important;background-color: var(--layui-notify-msg-success-bg-color) !important;box-shadow: 0 0 2px 0 rgba(0, 1, 1, .05), 0 0 0 1px var(--layui-notify-msg-success-color) !important;}
.notify-msg.success .notify-msg-icon{background-color: var(--layui-notify-msg-success-color) !important;}
.notify-msg.success .notify-msg-wait{fill: var(--layui-notify-msg-success-color) !important;}
.notify-msg.warning{color: var(--layui-notify-msg-warning-color) !important;background-color: var(--layui-notify-msg-warning-bg-color) !important;box-shadow: 0 0 2px 0 rgba(0, 1, 1, .05), 0 0 0 1px var(--layui-notify-msg-warning-color) !important;}
.notify-msg.warning .notify-msg-icon{background-color: var(--layui-notify-msg-warning-color) !important;}
.notify-msg.warning .notify-msg-wait{fill: var(--layui-notify-msg-warning-color) !important;}
.notify-msg.error{color: var(--layui-notify-msg-error-color) !important;background-color: var(--layui-notify-msg-error-bg-color) !important;box-shadow: 0 0 2px 0 rgba(0, 1, 1, .05), 0 0 0 1px var(--layui-notify-msg-error-color) !important;}
.notify-msg.error .notify-msg-icon{background-color: var(--layui-notify-msg-error-color) !important;}
.notify-msg.error .notify-msg-wait{fill: var(--layui-notify-msg-error-color) !important;}
.notify-msg.loading{color: var(--layui-notify-msg-loading-color) !important;background-color: var(--layui-notify-msg-loading-bg-color) !important;box-shadow: 0 0 2px 0 rgba(0, 1, 1, .05), 0 0 0 1px var(--layui-notify-msg-loading-color) !important;}
.notify-msg.loading .notify-msg_loading svg circle{stroke: var(--layui-notify-msg-loading-color);}
/* 表格 */
.layui-table{margin: 0;}
.layui-table-view{border: none;}
.layui-table-view:after{background-color: transparent;}
.layui-table-view .layui-table[lay-skin=line]{border-right: none;}
.layui-table td, .layui-table th{height: 60px;}
.layui-table-cell{line-height: 20px;padding: 6px 10px;vertical-align: middle;}
.layui-table-checked,.layui-table-hover{background-color: rgb(0,84,254,.07) !important;}
.layui-table-hover{background-color: rgba(124, 166, 252, 0.1);}
.layui-table-cell-c:hover{border-color: var(--default-color);}
.layui-table .list-sort{width: 100%;height: 100%;max-height: 36px;text-align: center;padding:5px 10px !important;display: inline-block;}
.layui-table .table-img{height: 100%;max-width: 100% !important;}
.layui-table .layui-btn+.layui-btn{margin-left: 0;}
.layui-table-page{text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--default-color);}
.layui-laypage a:hover{color: var(--default-color);}
.layui-table-page .layui-laypage input{width: 50px;}
.layui-laypage input:focus, .layui-laypage select:focus{border-color: var(--default-color) !important;}
.layui-table-page select{padding: 3px !important;}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{border-color: var(--default-color) !important;}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{background-color: var(--default-color) !important;}
/* 日历 */
.layui-laydate .layui-this, .layui-laydate .layui-this>div{background-color: var(--default-color) !important;}
.layui-laydate-footer span:hover{color: var(--default-color);}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color: var(--default-color);}
.layui-laydate-footer span[lay-type=date]{color: var(--default-color);}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{background-color: #b1cbff !important;}
.layui-laydate-linkage .laydate-selected:hover>div{background-color: #b1cbff !important;}
.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev{color: #aaa;}
.layui-laydate-content td.laydate-day-now{color: var(--default-color);}
.layui-laydate-content td.laydate-day-now:after{border-color: var(--default-color);}
/* 弹窗 */
.layui-layer{border-radius: 10px;max-width: 100%;max-height: 100%;overflow: hidden;}
/* 选项卡 */
.layui-tab-title .layui-this{color: var(--default-color);}
.layui-tab-brief>.layui-tab-title .layui-this{color: var(--default-color);}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color: var(--default-color);border-width: 3px;}
.layui-tabs-header .layui-this, .layui-tabs-header li:hover{color: var(--default-color);}
.layui-tabs-header .layui-this:after{border-bottom-color: var(--default-color);}
/* 树组件 */
.layui-tree .layui-form-checkbox{margin-right: 0 10px 0 5px !important;}
.layui-tree-entry{height: auto;}
.layui-tree-iconClick{width: 20px;height: 20px;box-sizing: border-box;line-height: 18px;}
/* 穿梭框 */
.layui-transfer-search .layui-input{padding-left: 30px !important;}
.layui-transfer-active .layui-btn{background-color: var(--default-color);border-color: var(--default-color);}


/* 布局 */
.layui-layout{width: 100%;height: 100%;display: flex;position: relative;}

/* 左侧导航 */
.layout-nav{width: 260px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background-color: #fff;position: relative;z-index: 9999;transition: all .3s;}
.layout-nav .header-title{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: bold;color: #000;box-sizing: border-box;}

.layout-nav .layui-nav{
    width: 100%;min-height: 0;flex: 1;padding: 30px 24px;background-color: transparent;box-sizing: border-box;
    /* overflow-y: auto; */
}
.layout-nav .layui-nav .layui-nav-item{line-height: 54px;}
.layout-nav .layui-nav .layui-nav-item i{color: var(--theme-font-color);font-size: 18px;}
.layout-nav .layui-nav .layui-nav-item span{margin-left: 10px;color: var(--theme-font-color);font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layout-nav .layui-nav .layui-nav-item a{height: 54px;line-height: 54px;}
.layout-nav .layui-nav .layui-nav-item>a{padding: 0 40px 0 16px;border-radius: 10px;}
.layout-nav .layui-nav .layui-nav-item .layui-nav-more{font-size: 16px;padding: 0;color: var(--theme-font-color);}
.layout-nav .layui-nav .layui-nav-item .layui-nav-child{padding: 0;background-color: transparent;}
.layout-nav .layui-nav .layui-nav-item .layui-nav-child a{color: var(--theme-font-color);padding: 0 55px;position: relative;background-color: transparent;}
.layout-nav .layui-nav .layui-nav-item .layui-nav-child a::after{content: "";position: absolute;left: 36px;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 100%;border: 2px solid var(--theme-font-color);}


.layout-nav .layui-nav li.layui-nav-item:hover>a, .layout-nav .layui-nav .layui-nav-itemed>a{background-color: var(--default-color);}
.layout-nav .layui-nav li.layui-nav-item:hover a>i,.layout-nav .layui-nav .layui-nav-itemed a>i{color: #fff;}
.layout-nav .layui-nav li.layui-nav-item:hover a>span,.layout-nav .layui-nav .layui-nav-itemed a>span{color: #fff;}
.layout-nav .layui-nav li.layui-nav-itemed .layui-nav-more{color: #fff;transform: rotate(90deg);}
.layout-nav .layui-nav li.layui-nav-item:hover .layui-nav-more{color: #fff;}

.layout-nav .layui-nav>.layui-this{background-color: transparent;}
.layout-nav .layui-nav>.layui-this a{background-color: var(--default-color);}
.layout-nav .layui-nav>.layui-this a>i{color: #fff;}
.layout-nav .layui-nav>.layui-this a>span{color: #fff;}
.layout-nav .layui-nav>.layui-this .layui-nav-more{color: #fff;transform: rotate(90deg);}

.layout-nav .layui-nav .layui-nav-itemed>.layui-nav-child{background-color: transparent;}
.layout-nav .layui-nav .layui-nav-child .layui-this a{background-color: transparent;}
.layout-nav .layui-nav .layui-nav-child .layui-this{background-color: transparent;}
.layout-nav .layui-nav .layui-nav-child dd a span{color: var(--theme-font-color) !important;}
.layout-nav .layui-nav .layui-nav-child dd:hover a span,.layout-nav .layui-nav .layui-nav-child .layui-this a span{color: var(--default-color) !important;}
.layout-nav .layui-nav .layui-nav-child dd:hover a:after,.layout-nav .layui-nav .layui-nav-child .layui-this a::after{background-color: var(--default-color);border-color: var(--default-color);}

.layout-nav.nav-side-fold{position: absolute;z-index: 9999;transform: translateX(-100%);}
.layout-nav .side-fold-in{width: 100%;height: 48px;display: flex;align-items: center;justify-content: center;border-top: solid 1px rgba(43, 45, 55, 0.05);cursor: pointer;user-select: none;}
.layout-nav .side-fold-in img{width: 16px;height: 16px;}
.layout-nav .side-fold-in span{margin-left: 12px;font-size: 14px;}

/* 左侧导航底部 · 个人信息小卡片（经纪人端） */
.layout-nav .nav-profile{display:flex;align-items:center;gap:10px;margin:0 16px 16px;padding:10px 12px;border-radius:12px;background:#f5f6fa;box-sizing:border-box;}
.layout-nav .nav-profile__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--default-color);color:#fff;}
.layout-nav .nav-profile__avatar img{width:100%;height:100%;object-fit:cover;}
.layout-nav .nav-profile__avatar i{font-size:18px;color:#fff;}
.layout-nav .nav-profile__meta{min-width:0;flex:1;}
.layout-nav .nav-profile__name{margin:0;font-size:14px;font-weight:600;color:#2b2d37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.layout-nav .nav-profile__role{margin:2px 0 0;font-size:12px;color:#9aa0ad;white-space:nowrap;}
.layout-nav .nav-profile__ops{display:flex;gap:6px;flex-shrink:0;}
.layout-nav .nav-profile__op{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#8a8fa3;font-size:13px;transition:all .2s;}
.layout-nav .nav-profile__op:hover{background:var(--default-color);color:#fff;}

.layui-layout .side-fold-out{position: fixed;bottom: 20px;left: 20px;z-index: 99999999;padding: 10px;border-radius: 6px;background-color: rgba(0, 0, 0, .4);cursor: pointer;user-select: none;display: none;}
.layui-layout .side-fold-out img{width: 16px;height: 16px;}
.layui-layout .layout-nav-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);z-index: 9998;display: none;}


/* 内容 */
.layout-main{min-width: 0;flex: 1;display: flex;flex-direction: column;}

/* 头部导航 */
.layout-header{
    width: 100%;height: 60px;box-shadow: 0px 5px 5px  rgba(43, 45, 55, 0.01);background-color: #fff;display: flex;align-items: center;
}
/* 头部菜单折叠按钮 */
.layout-header .menu-fold-btn{width: 40px;height: 40px;margin-left: 16px;display: flex;align-items: center;justify-content: center;border-radius: 8px;cursor: pointer;flex-shrink: 0;}
.layout-header .menu-fold-btn:hover{background-color: #f5f6fa;}
.layout-header .menu-fold-btn .layui-icon{font-size: 18px;color: #5a607f;}
/* 头部面包屑 */
.layout-header .header-breadcrumb{min-width: 0;flex: 1;display: flex;align-items: center;margin: 0 20px;overflow: hidden;}
.layout-header .header-breadcrumb .breadcrumb-item{font-size: 14px;color: #999;white-space: nowrap;}
.layout-header .header-breadcrumb .breadcrumb-item.active{color:#333;}
.layout-header .header-breadcrumb .breadcrumb-sep{font-size: 12px;color: #c0c4cc;margin: 0 8px;flex-shrink: 0;}
/* 头部右侧工具 */
.layout-header .header-ctrl-btn{padding: 0 12px;display: flex;align-items: center;background-color: transparent;}
.layout-header .header-ctrl-btn .btn-item{width: 32px;height: 32px;margin-right: 16px; display: flex;align-items: center;justify-content: center;border-radius: 100%;border: solid 1px #f2f3f5;box-sizing: border-box;cursor: pointer;}
.layout-header .header-ctrl-btn .btn-item img{width: 16px;height: 16px;}
.layout-header .header-ctrl-btn .sys-info{height: 32px;line-height: 32px;display: flex;align-items: center;padding: 0 20px;background-color: #f5f6fa;border-radius: 18px;cursor: pointer;}
.layout-header .header-ctrl-btn .sys-info .layui-nav-child{top: calc(100% + 10px);}
.layout-header .header-ctrl-btn .sys-info span{font-size: 12px;font-weight: bold;color: #282d30;}
.layout-header .header-ctrl-btn .sys-info img{width: 24px;height: 24px;position: initial;}

/* 头部消息通知 */
.layout-header .header-notice{position: relative;display: flex;align-items: center;}
.layout-header .header-notice .notice-trigger{position: relative;}
.layout-header .header-notice .notice-trigger:hover{border-color: var(--default-color);}
.layout-header .header-notice .notice-trigger .fas{font-size: 16px;color: #5a607f;}
.layout-header .header-notice .notice-dot{display: none;position: absolute;top: -6px;right: -6px;min-width: 16px;height: 16px;padding: 0 4px;line-height: 16px;text-align: center;font-size: 10px;color: #fff;background-color: #ff5722;border-radius: 10px;box-sizing: border-box;}
.layout-header .header-notice .notice-panel{display: none;position: absolute;top: calc(100% + 12px);right: 0;width: 320px;background-color: #fff;border-radius: 10px;box-shadow: 0 6px 24px rgba(0,0,0,0.12);z-index: 1000;overflow: hidden;}
.layout-header .header-notice.open .notice-panel{display: block;}
.layout-header .header-notice .notice-panel__head{display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid #f0f1f5;font-size: 14px;font-weight: bold;color: #282d30;}
.layout-header .header-notice .notice-panel__head .notice-read-all{font-size: 12px;font-weight: normal;color: var(--default-color);}
.layout-header .header-notice .notice-panel__list{max-height: 360px;overflow-y: auto;}
.layout-header .header-notice .notice-empty{padding: 40px 16px;text-align: center;font-size: 13px;color: #a0a4ad;}
.layout-header .header-notice .notice-item{padding: 12px 16px 12px 24px;border-bottom: 1px solid #f5f6fa;cursor: pointer;position: relative;}
.layout-header .header-notice .notice-item:hover{background-color: #f7f8fb;}
.layout-header .header-notice .notice-item.unread::before{content: '';position: absolute;left: 10px;top: 18px;width: 6px;height: 6px;border-radius: 50%;background-color: #ff5722;}
.layout-header .header-notice .notice-item__title{font-size: 13px;color: #282d30;margin-bottom: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.layout-header .header-notice .notice-item__desc{font-size: 12px;color: #8a8f99;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.layout-header .header-notice .notice-item__time{font-size: 11px;color: #b5b9c1;margin-top: 4px;}
.layout-header .header-notice .notice-panel__foot{padding: 10px 16px;text-align: center;border-top: 1px solid #f0f1f5;}
.layout-header .header-notice .notice-panel__foot a{font-size: 13px;color: var(--default-color);}

/* 右侧内容区 */
.layout-content{flex: 1;min-width: 0;height: 100%;
    padding: 20px;
    box-sizing: border-box;display: flex;flex-direction: column;
    overflow: hidden;
}
.layout-content-body{
    flex: 1;
    min-width: 0;min-height: 0;overflow-y: auto; overflow-x: hidden;
}

/* 内容区三级导航选项卡 */
.content-sub-tabs{display: none;flex-shrink: 0;align-items: center;gap: 4px;margin-bottom: 15px;overflow-x: auto;white-space: nowrap;  border-bottom:1px solid #e9e9e9;}
.content-sub-tabs.show{display: flex;}
.content-sub-tabs::-webkit-scrollbar{height: 3px;}
.content-sub-tabs .sub-tab-item{padding:5px 20px 13px; cursor: pointer;font-size: 14px;color: #5a607f;border-bottom: 2px solid transparent;user-select: none;white-space: nowrap;flex-shrink: 0;}
.content-sub-tabs .sub-tab-item:hover{color: var(--default-color);}
.content-sub-tabs .sub-tab-item.active{color: var(--default-color);font-weight: bold;border-bottom-color: var(--default-color);}


.srceen-sm .layout-nav{position: fixed;}
.srceen-sm .header-breadcrumb{display: none;}
.srceen-sm .layout-header .header-ctrl-btn{width: 100%;justify-content: flex-end;} 








.main{width: 100%;height: 100%;display: flex;flex-direction: column;position:relative;overflow:hidden;}

.container{width: 100%;padding: 16px 24px;border-radius: 10px;background-color: #fff;box-sizing: border-box;}
.table-content{width: 100%;padding: 16px 0;border-radius: 10px;background-color: #fff;box-sizing: border-box;}

/* 主页样式 */
.index-head{display: flex;align-items: center;justify-content: space-between;}
.index-head .title{font-size: 16px;}
.index-head .date{width: 300px;}

.index-content .total-num {display: flex;margin-bottom: 15px;}
.index-content .total-num .item {width: 50%;padding: 16px;margin-right: 16px;border-radius: 6px;user-select: none;transition: all .3s;background-color: rgba(248, 249, 251, 1);display: flex;box-sizing: border-box;}
.index-content .total-num .item:hover{transform: scale(1.05);}
.index-content .total-num .item:last-child{margin-right: 0;}
.index-content .total-num .item .icon{width: 64px;height: 64px;background-color: rgba(0, 84, 254, 0.2);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.index-content .total-num .item .icon i{color: var(--default-color);font-size: 30px;}
.index-content .total-num .item .info{flex: 1;min-width: 0;margin-left: 12px;}
.index-content .total-num .item .info .tit{font-size: 14px;color: var(--theme-font-color);}
.index-content .total-num .item .info .num{font-size: 30px;font-weight: bold;color: #333333;}

.index-content .chart{padding: 15px 0;display: flex;justify-content: space-around;}

/* 搜索区域 */
.search-box{
        padding:10px 20px;
    }
.search-box .layui-inline{margin: 6px 5px 6px 0 !important;}
.search-box .layui-form-label{width: auto !important;}
.layui-btn+.layui-btn{margin-left: 0;}

/* 内容区 */
.main-body{flex: 1;min-height: 0;}
.layui-layer-page .layui-layer-content{
    background:#f7f8fa;
    padding:20px;
}

/* 弹窗内容 */
.content-layui-body{width: 100%;height: 100%;box-sizing: border-box;}
.content-main{width: 100%;height: 100%; background:#fff; overflow-y: auto;padding: 20px;box-sizing: border-box;border-radius: 5px; padding-bottom:60px;}

/* 内容表单 */
.content-main *{font-size: 14px;}
.content-main .layui-input-block {margin-left: 190px;}
.content-main .layui-form-label{width: 160px;}
.content-main .layui-form-label i {color: red;font-weight: bold;margin-right: 4px;}
.content-main .layui-form-item .layui-input-inline,.content-main .layui-form-item .layui-input-group{width: 400px;max-width: 100%;}
.content-main .layui-form-checkbox[lay-skin=primary]{margin-top: 9px;}
.content-main .layui-form-checkbox[lay-skin=primary]>div{line-height: 21px;}
.content-main .layui-form-checkbox{margin-top: 2px;}
.content-main .layui-form-switch{margin-top: 7px;}
.content-main .layui-form-radio{margin-top: 4px;}
.content-main .layui-form-radio>i{font-size: 22px;}
.content-main .layui-form-checkbox>i{top: 1px;}

.content-main .layui-table td, .content-main .layui-table th{height: 24px !important;}
.content-main .layui-table .layui-form-switch{margin-top: 0 !important;}

.form-table th{font-weight: normal !important;}
.form-table-btns{width: 100%;text-align: right;margin: 10px 0;}
.form-table-title{width: 100%;margin: 10px 0;}

.sub-title{width: 100%;font-size: 14px;color: #333333;font-weight: bold;padding: 10px 0px;margin-bottom: 10px;display: inline-block;border-bottom: 1px solid #e6e6e6;}






@media screen and (max-width: 1200px) {
    .index-content .total-num{
        flex-wrap: wrap;
    }
    .index-content .total-num .item{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
}


@media screen and (max-width: 768px) {
    /* 移动表单select */
    /* select{
        width: 100%;
        display: inline-block !important;
        line-height: 1.3;
        border: solid 1px #eee;
        background-color: #fff;
        color: rgba(0, 0, 0, .85);
    }
    .layui-form-select{
        display: none;
    } */
    /* 表格固定去掉 */
    .layui-table-fixed{
        display: none !important;
    }
    /* 移动端日期样式 */
    .layui-laydate {
        width: 100% !important;
        left: 0 !important;
        margin-top: 0;
        border-radius: 0;
    }
    .layui-laydate-main{
        width: 100%;
    }
    .layui-laydate-range .layui-laydate-main{
        max-width: 100%;
    }
    .layui-laydate-range .layui-laydate-main:nth-child(2){
        border-top: solid 1px #d8d8d8;
    }
    .layui-laydate-header {
        padding: 10px 5px;
    }
    .layui-laydate-content table {
        font-size: 16px;
    }




    .index-head{
        flex-wrap: wrap;
    }
    .index-head .date{
        margin-top: 10px;;
    }
    /* 搜索表单移动端 */
    .search-box{
        padding:10px 20px;
    }
    .search-box .layui-form-label{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }
    .search-box .layui-inline, .search-box .layui-block{
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .search-box .layui-input-inline, .search-box .layui-input-block{
        width: 100% !important;
        margin-top: 6px;
        margin-bottom: 10px !important;
    }
    /* 内容表单移动端 */
    .content-main .layui-form-item{
        margin-bottom: 10px;
    }
    .content-main .layui-form-item .layui-form-label{
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        white-space: normal;
    }
    .content-main .layui-form-item .layui-input-inline, .content-main .layui-form-item .layui-input-block{
        width: 100% !important;
        margin-left: 0;
        margin-top: 6px;
        left: 0;
        float: left;
    }
}