@charset "utf-8";
*,:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea {font-size:12px;font-family: "微软雅黑", "arial", "宋体", sans-serif;color:#000;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {display: block;}
input,input[type="search"],button,select,option,textarea,a{outline:none;}
a{text-decoration: none;-webkit-backface-visibility: hidden;color:#333;}
div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#app{background:#f5f7fa;}
/*::-webkit-scrollbar-track {*/
/*    background-color:#f9f9f9;*/
/*}*/
/*::-webkit-scrollbar {*/
/*    width: 20px;*/
/*    height:20px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*    box-shadow: inset 0 0 6px #999999;*/
/*    border-radius: 10px;*/
/*    cursor: pointer;*/
/*}*/
.fl{float:left;}
.fr{float:right;}
.clear::after{content:"";clear:both; display:block;}
.clearfix::after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.z-pointer{cursor:pointer;}

[class*="layui-icon"]{
    font-family: layui-icon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*图片*/
.img-cell{display:flex;align-item:center;justify-content:center}
.img-cell img {max-width: 100%;max-height: 100%;object-fit: none;}
[class*="zoom-"]{overflow:hidden;}
[class*="zoom-"] img{display:block;width:100%;height:100%;}
.zoom-cover img{object-fit:cover;}
.zoom-contain img{object-fit:contain;}
[class*="hover-"] img{transition:all 0.5s ease;}
.hover-big:hover img{transform:scale(1.08);}

.z-body{height:100vh;}

.z-relative{position:relative;}
.z-absolute{position:absolute;}
.z-absolute-around{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9;}
.z-sticky{position:sticky;top:0px;z-index:999;}
.z-fixed{position:fixed;}
.z-fixed-top{position:fixed;top:0px;z-index:9;}
.z-fixed-bottom{position:fixed;bottom:0px;z-index:9;}
.z-full{height:100vh;}
.z-hidden{overflow:hidden;}
.z-scroll-y{overflow-y:scroll;}
.z-price::before{margin-right:4px;content:"¥";font-size:80%;}
.z-line-through{text-decoration: line-through;}
.z-space-10 > :nth-child(n+2) {margin-left: 10px;}
[class*="z-line-"]{
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.z-line-1{-webkit-line-clamp: 1;}
.z-line-2{-webkit-line-clamp: 2;}
.z-line-3{-webkit-line-clamp: 3;}
/* -- 颜色 -- */
.z-black-bg{background-color:#333;}
.z-black-color{color:#333;}
.z-black-border{border:1px solid #333;}
.z-white-bg{background-color:#fff;}
.z-white-color{color:#fff;}
.z-white-border{border:1px solid #fff;}
.z-red-bg{background-color:red;}
.z-red-color{color:red;}
.z-red-border{border:1px solid red;}
.z-orange-bg{background-color:#f37b1d;}
.z-orange-color{color:#f37b1d;}
.z-orange-border{border:1px solid #f37b1d;}
.z-yellow-bg{background-color:#fbbd08;}
.z-yellow-color{color:#fbbd08;}
.z-yellow-border{border:1px solid #fbbd08;}
.z-olive-bg{background-color:#8dc63f;}
.z-olive-color{color:#8dc63f;}
.z-olive-border{border:1px solid #8dc63f;}
.z-green-bg{background-color:#39b54a;}
.z-green-color{color:#39b54a;}
.z-green-border{border:1px solid #39b54a;}
.z-cyan-bg{background-color:#1cbbb4;}
.z-cyan-color{color:#1cbbb4;}
.z-cyan-border{border:1px solid #1cbbb4;}
.z-blue-bg{background-color:#0081ff;}
.z-blue-color{color:#0081ff;}
.z-blue-border{border:1px solid #0081ff;}
.z-purple-bg{background-color:#6739b6;}
.z-purple-color{color:#6739b6;}
.z-purple-border{border:1px solid #6739b6;}
.z-mauve-bg{background-color:#9c26b0;}
.z-mauve-color{color:#9c26b0;}
.z-mauve-border{border:1px solid #9c26b0;}
.z-pink-bg{background-color:#e03997;}
.z-pink-color{color:#e03997;}
.z-pink-border{border:1px solid #e03997;}
.z-brown-bg{background-color:#a5673f;}
.z-brown-color{color:#a5673f;}
.z-brown-border{border:1px solid #a5673f;}
.z-grey-bg{background-color:#8799a3;}
.z-grey-color{color:#8799a3;}
.z-grey-border{border:1px solid #8799a3;}
.z-gray-bg{background-color: #f5f5f5;}
.z-gray-color{color:#f5f5f5;}
.z-gray-border{border:1px solid #f5f5f5;}
/* -- flex弹性布局 -- */
.z-flex{display:flex !important;}
.z-flex-column{display:flex;flex-direction:column;}
.z-flex-1{flex:1;}
.z-flex-2{flex:2;}
.z-flex-3{flex:3;}
.z-flex-wrap{display:flex;flex-wrap:wrap;}
.z-flex-nowrap{flex-wrap:nowrap;}
.z-align-start{align-items:flex-start;}
.z-align-end{align-items:flex-end;}
.z-align-center{align-items:center;}
.z-align-stretch{align-items:stretch;}
.z-content-start{align-content: flex-start;}
.z-content-end{align-content: flex-end;}
.z-content-center{align-content: center;}
.z-self-start{align-self:flex-start;}
.z-self-center{align-self:center;}
.z-self-end{align-self:flex-end;}
.z-self-stretch{align-self:stretch;}
.z-justify-start{justify-content:flex-start;}
.z-justify-end{justify-content:flex-end;}
.z-justify-center{justify-content:center;}
.z-justify-between{justify-content:space-between;}
.z-justify-around{justify-content:space-around;}
.z-justify-evenly{justify-content: space-evenly;}
.z-flex-center{display:flex;align-items:center;justify-content:center;}
/* -- 文本 -- */
.z-text-Abc{text-transform:Capitalize;}
.z-text-ABC{text-transform:Uppercase;}
.z-text-abc{text-transform:Lowercase;}
.z-text-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.z-text-bold{font-weight:700;}
.z-text-center{text-align:center;}
.z-text-left{text-align:left;}
.z-text-right{text-align:right;}
.z-text-sm{font-size:12px;}

.z-click{cursor:pointer;color:#0081ff;}

.z-mt-10 {margin-top: 10px;}
.z-mt-20 {margin-top: 20px;}
.z-mt-30 {margin-top: 30px;}
.z-mt-40 {margin-top: 40px;}
.z-mt-50 {margin-top: 50px;}
.z-mt-60 {margin-top: 60px;}
.z-mt-70 {margin-top: 70px;}
.z-mt-80 {margin-top: 80px;}
.z-mt-90 {margin-top: 90px;}
.z-mt-100 {margin-top: 100px;}
.z-mt-110 {margin-top: 110px;}
.z-mt-120 {margin-top: 120px;}
.z-mt-140 {margin-top: 140px;}
.z-mt-160 {margin-top: 160px;}
.z-mt-200 {margin-top: 200px;}

.z-mb-10 {margin-bottom: 10px;}
.z-mb-20 {margin-bottom: 20px;}
.z-mb-30 {margin-bottom: 30px;}
.z-mb-40 {margin-bottom: 40px;}
.z-mb-50 {margin-bottom: 50px;}
.z-mb-60 {margin-bottom: 60px;}
.z-mb-70 {margin-bottom: 70px;}
.z-mb-80 {margin-bottom: 80px;}
.z-mb-90 {margin-bottom: 90px;}
.z-mb-100 {margin-bottom: 100px;}
.z-mb-110 {margin-bottom: 110px;}
.z-mb-120 {margin-bottom: 120px;}
.z-mb-140 {margin-bottom: 140px;}
.z-mb-160 {margin-bottom: 160px;}
.z-mb-200 {margin-bottom: 200px;}
/*elementUI样式调整*/
.z-table-style1 thead {color: #606266;background-color: #ebf1fe !important;}
.z-table-style1 th.el-table__cell, .z-table-style1 thead tr {background-color: transparent !important;}

/* el-upload 上传样式 */
.uploader{border:1px solid #e7e7e7;background:#f5f7fa;text-align:center;}
.uploader,.uploader-img,.uploader-icon{width:100px;height:100px}
.uploader-img{display:block;object-fit:contain}
.uploader-icon{color:#ccc;font-size:26px;line-height:100px !important}

/*elementUI样式调整*/
.el-switch__label{position:absolute;display:none !important;}
.el-switch__label *{font-size:12px !important;}
.el-switch__label.is-active{display:block !important;color:#fff !important;}
.el-switch__label--left{z-index:1;right:0;margin-right:7px !important;}
.el-switch__label--right{margin-left:7px !important;}

/*elementUi Tabs 标签页自定义样式*/
.custom-tab{flex:1}
.custom-tab .el-tabs{height:100%;display:flex;flex-direction:column}
.custom-tab .el-tabs .el-tabs__header{background-color:#f5f5f5;border-color:transparent}
.custom-tab .el-tabs>.el-tabs__header .el-tabs__item,.custom-tab .el-tabs>.el-tabs__header .el-tabs__nav{border-color:transparent}
.custom-tab .el-tabs>.el-tabs__header .el-tabs__item.is-active{background-color:#fff;border-color:#fff}
.custom-tab .el-tabs>.el-tabs__header .el-tabs__item.is-active::before{content:"";display:block;width:100%;height:2px;background:#409eff;position:absolute;top:0;left:0}
.custom-tab .el-tabs .el-tabs__content,.custom-tab .el-tabs .el-tabs__content .el-tab-pane{height:100%}

/*elementUi Table 表格自定义样式*/
.custom-table .el-table thead{color:#606266;background-color:#ebf1fe!important}
.custom-table .el-table th.el-table__cell,.el-table thead tr{background-color:transparent}
.custom-table .el-table__fixed-right-patch{background-color:#ebf1fe!important}
.custom-table .el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-10px}