/* Layout */
.flex{display:flex;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.justify-content-center{justify-content:center;}
.justify-content-flex-end{justify-content:flex-end;} 
.justify-content-flex-start{justify-content:flex-start;} 
.justify-content-space-around {justify-content:space-around;} 
.justify-content-space-evenly {justify-content:space-between;} 
.justify-content-space-evenly:before {content:""} 
.justify-content-space-evenly:after {content:""} 
.justify-content-space-between {justify-content:space-between;} 
.align-content-base{align-content:baseline;}
.align-items-flex-start{align-items:flex-start;}
.align-items-flex-end{align-items:flex-end;}
.align-items-center{align-items:center;}
.flex-autosize{flex:1;}
.text-align-center {text-align: center !important;}
.text-align-right {text-align: right !important;}
.text-align-left {text-align: left !important;}
.full-width{width:100%;}.helf-width{width:50%;}.max-full-width{max-width:100%;}.min-full-width{min-width:100%;}.max-helf-width{max-width:50%;}.min-helf-width{min-width:50%;}
.full-height{height:100%;}.helf-height{height:50%;}.max-full-height{max-height:100%;}.min-full-height{min-height:100%;}.max-helf-height{max-height:50%;}.min-helf-height{min-height:50%;}
.one-third-width{width:33%;}.last-third-width{width:34%;}
.one-third-height{height:33%;}.last-third-height{height:34%;}
.field-label:before{content:" ";white-space: pre}
.field-label-required:before{content:"*";color:#cb1c1d;}
.link-hover{cursor: pointer;}
.font-bold{font-weight:bold !important;}
.z-index-1{z-index:1;}.z-index-2{z-index:2;}.z-index-3{z-index:3;}.z-index-4{z-index:4;}.z-index-5{z-index:5;}.z-index-10{z-index:10;}
.font-size-10{font-size:10px;}.font-size-12{font-size:12px;}.font-size-14{font-size:14px;}.font-size-16{font-size:16px;}
.margin-top-50{margin-top:50px;}.margin-right-50{margin-right:50px;}.margin-bottom-50{margin-bottom:50px;}.margin-left-50{margin-left:50px;}
.margin-top-30{margin-top:30px;}.margin-right-30{margin-right:30px;}.margin-bottom-30{margin-bottom:30px;}.margin-left-30{margin-left:30px;}
.margin-top-20{margin-top:20px;}.margin-right-20{margin-right:20px;}.margin-bottom-20{margin-bottom:20px;}.margin-left-20{margin-left:20px;}
.margin-top-10{margin-top:10px;}.margin-right-10{margin-right:10px;}.margin-bottom-10{margin-bottom:10px;}.margin-left-10{margin-left:10px;}
.padding-top-50{padding-top:50px;}.padding-right-50{padding-right:50px;}.padding-bottom-50{padding-bottom:50px;}.padding-left-50{padding-left:50px;}
.padding-top-30{padding-top:30px;}.padding-right-30{padding-right:30px;}.padding-bottom-30{padding-bottom:30px;}.padding-left-30{padding-left:30px;}
.padding-top-20{padding-top:20px;}.padding-right-20{padding-right:20px;}.padding-bottom-20{padding-bottom:20px;}.padding-left-20{padding-left:20px;}
.padding-top-10{padding-top:10px;}.padding-right-10{padding-right:10px;}.padding-bottom-10{padding-bottom:10px;}.padding-left-10{padding-left:10px;}
.width-50{width:50px;}.width-100{width:100px;}.width-150{width:150px;}.width-200{width:200px;}
.height-50{height:50px;}.height-100{height:100px;}.height-150{height:150px;}.height-200{height:200px;}


.custom-btn-outline{color: #009688;background-color: transparent;background-image: none;border-color: #009688;border:1px solid}
.custom-btn-outline:hover{color: #fff;background-color: #009688;border-color: #009688;}
.custom-btn-outline-primary{color: #333;background-color: transparent;background-image: none;border-color: #333;border:1px solid}
.custom-btn-outline-primary:hover{color: #fff;background-color: #333;border-color: #333;}
.custom-btn-outline-normal{color: var(--theme);background-color: transparent;background-image: none;border-color: var(--theme);border:1px solid}
.custom-btn-outline-normal:hover{color: #fff;background-color: var(--theme);border-color: var(--theme);}
.custom-btn-outline-warm{color: #FFB800;background-color: transparent;background-image: none;border-color: #FFB800;border:1px solid}
.custom-btn-outline-warm:hover{color: #fff;background-color: #FFB800;border-color: #FFB800;}
.custom-btn-outline-danger{color: #FF5722;background-color: transparent;background-image: none;border-color: #FF5722;border:1px solid}
.custom-btn-outline-danger:hover{color: #fff;background-color: #FF5722;border-color: #FF5722;}

/*图片大小*/
.icon-sm {width: 26px;}
.icon-upload {width: 20px;}
.icon-delete {width: 16px;}
/*标题*/
.title {text-align: center;}
.title p {font-size: 24px;}

/* Color Background-Color */
.transparent-bgc{background-color: var(--theme-transparent) !important;}
.dark-bgc{background-color: var(--theme-nav-bgc);}
.light-bgc{background-color: var(--theme-light-bgc);}
.white-bgc{background-color: var(--theme-light-bgc);}
.read-only{color:var(--theme-readonly-fc);}
.link-font{color:rgba(0,0,0,.4)}
.link-font:hover{color:var(--theme-black)}
.alink-font{color:var(--theme-operation-fc);text-decoration:underline;}
.alink-font:hover{color:var(--theme-fc);text-decoration:none;}
.striking-bgc{background-color:var(--theme-operation-fc)!important;}
.white-fc{color:var(--theme-white)!important}
.black-fc{color:var(--theme-black)!important}

/* Global Style */
.cursor {cursor: pointer;} 
.detail-table{margin:0;}
.detail-title{font-size: 24px;}
.detail-div{margin-bottom: 20px;}
.footer{padding:20px 0;}
.nowrap-pre{display:inline-block;}
.menu-2 dd a {padding-left: 40px !important}
.menu-3 dd a {padding-left: 60px !important}
.detail-th{background-color: #FBFBFB;}
.list-filter-item{margin-right:15px;}
.popover{padding:10px 20px 0;display: none;}
.div-radius{border: 1px solid var(--theme-readonly-fc);border-radius: 5px;}
.overflow-inherit{overflow: inherit;}
.overflow-auto{overflow: auto;}
.small-badge{position:absolute;right:-10px;top:-10px;color:#fff;background:red;border-radius:15px;width:20px;height:20px;text-align:center;}
.small-badge:hover{cursor:pointer;}
.green-font{color:green;}
.red-font{color:red;}
.rotate-15{display:inline-block;transform: rotate(15deg);}
.rotate-30{display:inline-block;transform: rotate(30deg);}
.rotate-45{display:inline-block;transform: rotate(45deg);}
.rotate-90{display:inline-block;transform: rotate(90deg);}
.rotate-180{display:inline-block;transform: rotate(180deg);}

.muyedapsvg {width: 4em; height: 4em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}

/* custom layui css */
.btn-slg{height: 60px;line-height: 60px;padding: 0 40px;font-size: 20px;}
.form-end-btns{position: absolute;bottom: 0;right: 15px;}
.layui-form-item-sm{height:30px;}
.layui-form-item-lg{height:40px;}
.layui-form-option-sm{top:34px;}
.layui-form-item-nolabel{margin-left: 0 !important;}
.layui-form-pane .layui-form-label{height:100%;}
.layui-form-switch{box-sizing: content-box;}
.layui-table-tips-c:before {right:1px;top:-4px;}
.layui-nav-child{z-index:900;}
.layui-form-left .layui-form-label{text-align:left}
.switch-normal{margin-top:0;}
.layui-form-checkbox i{box-sizing: content-box;}
.layui-btn-5{width:120px;}
.layui-btn-7{width:168px;}
.layui-btn-justify{text-align-last: justify;}

/* Framework Style *//*主页面布局*/
/*header部分*/	
    .header{width:100%;height:auto;color: #fff;position: relative;}
    .header-user{height:100%;width:380px;font-size: 14px;font-weight: bold;position: absolute; right:0;bottom: 0;background: linear-gradient(to right ,transparent,rgba(255,255,255,0.8));}
    /* 用户信息 */
    .user-top-right,.user-bottom-right{width:80px;text-align:right;}
    .header-user-time {font-weight: normal;}
/*main-body 主要内容部分*/	
.body{width:100%;}
        /*main-body 左侧菜单*/	
        .body-left{width:200px;min-height: calc( 100vh - 80px );background-color: var(--theme-light-bgc);min-width:200px;padding:10px 0px;}
            .body-left-menu{width:100%;height:100%;overflow:auto;background-color: var(--theme-tree-bgc);}
        /* main-body 右侧主容器 */
        .body-right{background-color: var(--theme-light-bgc);padding: 10px;overflow-x:hidden;}
            .main-container{margin: 0;padding: 0;width:100%;min-height: calc( 100vh - 80px - 20px );background-color: var(--theme-light-bgc);box-sizing: border-box;}
            .layout-header-title{ width: 400px;font-size: 28px;}
            .list-body{min-height: calc( 100vh - 80px - 132px );}
            .list-body-filter{height:50px;padding-bottom:20px;}

.footer{height: 105px;padding: 0 67px;background:var(--theme-footer-bgc);}
.footer-button{height: 100px;padding: 0 67px;background:white;}
.footer-skin{width:100%;padding: 30px 0 0;}
.footer-logo{height:100%;width:580px;font-size: 17px;}
.footer-content-company{font-size: 20px;color: #333;font-weight: 500;}
.footer-content-info-item{font-size: 17px;color:#B4B4B4;display: flex; align-items:center;}        

/*Base Style*/
*{box-sizing: border-box;}
html,body{width:100%;min-height: 100%;margin:0;}
body{font-family: 'Microsoft YaHei';font-size: 16px;box-sizing: border-box;min-width: 1366px;min-height:768px;}

/* Vue 处理 */
[v-cloak] {display: none !important;}

/* Specify Tag Style */
::-webkit-scrollbar {width: 16px;height: 16px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

/* Pseudo-class Style */
input:disabled, select:disabled {cursor: not-allowed;}
input:focus, select:focus, textarea:focus {color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);}