@charset "utf-8";
@import url(jygicon.css);
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","宋体"; line-height:1; color:#000; background:#fff;}
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;}
.fl{float:left;}
.fr{float:right;}
.clear::after{content:"";clear:both; display:block;}
.clearfix::after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.text-center {text-align: center;}
.font-bold {font-weight: 600;}
.round-3{
    border-radius:3px;
}
.round-5{
    border-radius:5px;
}
.z-relative{position:relative;}
.z-absolute{position:absolute;}
.z-fixed-top{position:fixed;top:0px;}
.z-fixed-bottom{position:fixed;bottom:0px;}
.z-hidden{overflow:hidden;}
/*图片*/
[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);}
/* -- 线条 -- */
.line-red::after,.lines-red::after{border-color:#e54d42;}
.line-orange::after,.lines-orange::after{border-color:#f37b1d;}
.line-yellow::after,.lines-yellow::after{border-color:#fbbd08;}
.line-olive::after,.lines-olive::after{border-color:#8dc63f;}
.line-green::after,.lines-green::after{border-color:#39b54a;}
.line-cyan::after,.lines-cyan::after{border-color:#1cbbb4;}
.line-blue::after,.lines-blue::after{border-color:#0081ff;}
.line-purple::after,.lines-purple::after{border-color:#6739b6;}
.line-mauve::after,.lines-mauve::after{border-color:#9c26b0;}
.line-pink::after,.lines-pink::after{border-color:#e03997;}
.line-brown::after,.lines-brown::after{border-color:#a5673f;}
.line-grey::after,.lines-grey::after{border-color:#8799a3;}
.line-gray::after,.lines-gray::after{border-color:#aaa;}
.line-black::after,.lines-black::after{border-color:#333;}
.line-white::after,.lines-white::after{border-color:#fff;}

/* -- 背景 -- */
.bg-red{background-color:#e54d42;color:#fff;}
.bg-orange{background-color:#f37b1d;color:#fff;}
.bg-yellow{background-color:#fbbd08;color:#333;}
.bg-olive{background-color:#8dc63f;color:#fff;}
.bg-green{background-color:#39b54a;color:#fff;}
.bg-cyan{background-color:#1cbbb4;color:#fff;}
.bg-blue{background-color:#0081ff;color:#fff;}
.bg-purple{background-color:#6739b6;color:#fff;}
.bg-mauve{background-color:#9c26b0;color:#fff;}
.bg-pink{background-color:#e03997;color:#fff;}
.bg-brown{background-color:#a5673f;color:#fff;}
.bg-grey{background-color:#8799a3;color:#fff;}
.bg-line-gray{background-color:#f7f7f7;}
.bg-gray{background-color:#f0f0f0;color:#333;}
.bg-black{background-color:#333;color:#fff;}
.bg-white{background-color:#fff;color:#666;}
.bg-shadeTop{background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.01));color:#fff;}
.bg-shadeBottom{background-image:linear-gradient(rgba(0,0,0,.01),rgba(0,0,0,1));color:#fff;}
.bg-red.light{background-color:#ffeceb;color:#f10;}
.bg-orange.light{background-color:#fde6d2;color:#f37b1d;}
.bg-yellow.light{background-color:#fef2ced2;color:#fbbd08;}
.bg-olive.light{background-color:#e8f4d9;color:#8dc63f;}
.bg-green.light{background-color:#d7f0dbff;color:#39b54a;}
.bg-cyan.light{background-color:#d2f1f0;color:#1cbbb4;}
.bg-blue.light{background-color:#cce6ff;color:#0081ff;}
.bg-purple.light{background-color:#e1d7f0;color:#6739b6;}
.bg-mauve.light{background-color:#ebd4ef;color:#9c26b0;}
.bg-pink.light{background-color:#f9d7ea;color:#e03997;}
.bg-brown.light{background-color:#ede1d9;color:#a5673f;}
.bg-grey.light{background-color:#e7ebed;color:#8799a3;}
.bg-gradual-red{background-image:linear-gradient(45deg,#f43f3b,#ec008c);color:#fff;}
.bg-gradual-orange{background-image:linear-gradient(45deg,#ff9700,#ed1c24);color:#fff;}
.bg-gradual-green{background-image:linear-gradient(45deg,#39b54a,#8dc63f);color:#fff;}
.bg-gradual-purple{background-image:linear-gradient(45deg,#9000ff,#5e00ff);color:#fff;}
.bg-gradual-pink{background-image:linear-gradient(45deg,#ec008c,#6739b6);color:#fff;}
.bg-gradual-blue{background-image:linear-gradient(45deg,#0081ff,#1cbbb4);color:#fff;}
.shadow-red{box-shadow:6px 6px 8px rgba(204,69,59,.2);}
.shadow[class*="-orange"]{box-shadow:6px 6px 8px rgba(217,109,26,.2);}
.shadow[class*="-yellow"]{box-shadow:6px 6px 8px rgba(224,170,7,.2);}
.shadow[class*="-olive"]{box-shadow:6px 6px 8px rgba(124,173,55,.2);}
.shadow[class*="-green"]{box-shadow:6px 6px 8px rgba(48,156,63,.2);}
.shadow[class*="-cyan"]{box-shadow:6px 6px 8px rgba(28,187,180,.2);}
.shadow[class*="-blue"]{box-shadow:6px 6px 8px rgba(0,102,204,.2);}
.shadow[class*="-purple"]{box-shadow:6px 6px 8px rgba(88,48,156,.2);}
.shadow[class*="-mauve"]{box-shadow:6px 6px 8px rgba(133,33,150,.2);}
.shadow[class*="-pink"]{box-shadow:6px 6px 8px rgba(199,50,134,.2);}
.shadow[class*="-brown"]{box-shadow:6px 6px 8px rgba(140,88,53,.2);}
.shadow[class*="-grey"]{box-shadow:6px 6px 8px rgba(114,130,138,.2);}
.shadow[class*="-gray"]{box-shadow:6px 6px 8px rgba(114,130,138,.2);}
.shadow-black{box-shadow:0px 0px 8px rgba(26,26,26,.2);}
.shadow[class*="-white"]{box-shadow:6px 6px 8px rgba(26,26,26,.2);}
.text-shadow[class*="-red"]{text-shadow:6px 6px 8px rgba(204,69,59,.2);}
.text-shadow[class*="-orange"]{text-shadow:6px 6px 8px rgba(217,109,26,.2);}
.text-shadow[class*="-yellow"]{text-shadow:6px 6px 8px rgba(224,170,7,.2);}
.text-shadow[class*="-olive"]{text-shadow:6px 6px 8px rgba(124,173,55,.2);}
.text-shadow[class*="-green"]{text-shadow:6px 6px 8px rgba(48,156,63,.2);}
.text-shadow[class*="-cyan"]{text-shadow:6px 6px 8px rgba(28,187,180,.2);}
.text-shadow[class*="-blue"]{text-shadow:6px 6px 8px rgba(0,102,204,.2);}
.text-shadow[class*="-purple"]{text-shadow:6px 6px 8px rgba(88,48,156,.2);}
.text-shadow[class*="-mauve"]{text-shadow:6px 6px 8px rgba(133,33,150,.2);}
.text-shadow[class*="-pink"]{text-shadow:6px 6px 8px rgba(199,50,134,.2);}
.text-shadow[class*="-brown"]{text-shadow:6px 6px 8px rgba(140,88,53,.2);}
.text-shadow[class*="-grey"]{text-shadow:6px 6px 8px rgba(114,130,138,.2);}
.text-shadow[class*="-gray"]{text-shadow:6px 6px 8px rgba(114,130,138,.2);}
.text-shadow[class*="-black"]{text-shadow:6px 6px 8px rgba(26,26,26,.2);}
.bg-img{background-position:center;background-size:cover;background-repeat:no-repeat;}
.bg-mask{position:relative;background-color:#333;}
.bg-mask::after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:inherit;background-color:rgba(0,0,0,.4);content:"";}
.bg-mask[class*=transparent]::after{background-color:rgba(0,0,0,0);}
.bg-mask cover-view,.bg-mask view{position:relative;z-index:5;}
.bg-video{position:relative;}
.bg-video video{position:absolute;top:0;z-index:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;}

/* -- flex弹性布局 -- */
.flex{display:flex;}
.basis-xs{flex-basis:20%;}
.basis-sm{flex-basis:40%;}
.basis-df{flex-basis:50%;}
.basis-lg{flex-basis:60%;}
.basis-xl{flex-basis:80%;}
.flex-sub{flex:1;}
.flex-twice{flex:2;}
.flex-treble{flex:3;}
.flex-direction{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.align-start{align-items:flex-start;}
.align-end{align-items:flex-end;}
.align-center{align-items:center;}
.align-stretch{align-items:stretch;}
.self-start{align-self:flex-start;}
.self-center{align-self:flex-center;}
.self-end{align-self:flex-end;}
.self-stretch{align-self:stretch;}
.align-stretch{align-items:stretch;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-evenly{justify-content: space-evenly;}
/* -- 文本 -- */
.text-sm{font-size:12px;}
.text-df{font-size:14px;}
.text-lg{font-size:16px;}
.text-xl{font-size:18px;}
.text-xxl{font-size:22px;}
.text-sl{font-size:40px;}
.text-xsl{font-size:60px;}
.text-Abc{text-transform:Capitalize;}
.text-ABC{text-transform:Uppercase;}
.text-abc{text-transform:Lowercase;}
.text-price::before{margin-right:4px;content:"¥";font-size:80%;}
.text-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-bold{font-weight:700;}
.text-center{text-align:center;}
.text-content{line-height:1.6;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.cu-btn[class*="lines"]::after {
    border: 6upx solid currentColor;
}
.line-red,.lines-red,.text-red{color:#e54d42;}
.line-orange,.lines-orange,.text-orange{color:#f37b1d;}
.line-yellow,.lines-yellow,.text-yellow{color:#fbbd08;}
.line-olive,.lines-olive,.text-olive{color:#8dc63f;}
.line-green,.lines-green,.text-green{color:#39b54a;}
.line-cyan,.lines-cyan,.text-cyan{color:#1cbbb4;}
.line-blue,.lines-blue,.text-blue{color:#0081ff;}
.line-purple,.lines-purple,.text-purple{color:#6739b6;}
.line-mauve,.lines-mauve,.text-mauve{color:#9c26b0;}
.line-pink,.lines-pink,.text-pink{color:#e03997;}
.line-brown,.lines-brown,.text-brown{color:#a5673f;}
.line-grey,.lines-grey,.text-grey{color:#8799a3;}
.line-gray,.lines-gray,.text-gray{color:#aaa;}
.line-black,.lines-black,.text-black{color:#333;}
.line-white,.lines-white,.text-white{color:#fff;}
/*  -- 内外边距 -- */
.margin-0{margin:0;}
.margin-top-0{margin-top:0;}
.margin-bottom-0{margin-bottom:0;}
.margin-left-0{margin-left:0;}
.margin-right-0{margin-right:0;}
.margin-xs{margin:5px;}
.margin-sm{margin:10px;}
.margin{margin:15px;}
.margin-lg{margin:20px;}
.margin-xl{margin:25px;}
.margin-top-xs{margin-top:5px;}
.margin-top-sm{margin-top:10px;}
.margin-top{margin-top:15px;}
.margin-top-lg{margin-top:20px;}
.margin-top-xl{margin-top:25px;}
.margin-right-xs{margin-right:5px;}
.margin-right-sm{margin-right:10px;}
.margin-right{margin-right:15px;}
.margin-right-lg{margin-right:20px;}
.margin-right-xl{margin-right:25px;}
.margin-bottom-xs{margin-bottom:5px;}
.margin-bottom-sm{margin-bottom:10px;}
.margin-bottom{margin-bottom:15px;}
.margin-bottom-lg{margin-bottom:20px;}
.margin-bottom-xl{margin-bottom:25px;}
.margin-left-xs{margin-left:5px;}
.margin-left-sm{margin-left:10px;}
.margin-left{margin-left:15px;}
.margin-left-lg{margin-left:20px;}
.margin-left-xl{margin-left:25px;}
.margin-lr-xs{margin-right:5px;margin-left:5px;}
.margin-lr-sm{margin-right:10px;margin-left:10px;}
.margin-lr{margin-right:15px;margin-left:15px;}
.margin-lr-lg{margin-right:20px;margin-left:20px;}
.margin-lr-xl{margin-right:25px;margin-left:25px;}
.margin-tb-xs{margin-top:5px;margin-bottom:5px;}
.margin-tb-sm{margin-top:10px;margin-bottom:10px;}
.margin-tb{margin-top:15px;margin-bottom:15px;}
.margin-tb-lg{margin-top:20px;margin-bottom:20px;}
.margin-tb-xl{margin-top:25px;margin-bottom:25px;}
.padding-0{padding:0;}
.padding-xs{padding:5px;}
.padding-sm{padding:10px;}
.padding{padding:15px;}
.padding-lg{padding:20px;}
.padding-xl{padding:25px;}
.padding-top-xs{padding-top:5px;}
.padding-top-sm{padding-top:10px;}
.padding-top{padding-top:15px;}
.padding-top-lg{padding-top:20px;}
.padding-top-xl{padding-top:25px;}
.padding-right-xs{padding-right:5px;}
.padding-right-sm{padding-right:10px;}
.padding-right{padding-right:15px;}
.padding-right-lg{padding-right:20px;}
.padding-right-xl{padding-right:25px;}
.padding-bottom-xs{padding-bottom:5px;}
.padding-bottom-sm{padding-bottom:10px;}
.padding-bottom{padding-bottom:15px;}
.padding-bottom-lg{padding-bottom:20px;}
.padding-bottom-xl{padding-bottom:25px;}
.padding-left-xs{padding-left:5px;}
.padding-left-sm{padding-left:10px;}
.padding-left{padding-left:15px;}
.padding-left-lg{padding-left:20px;}
.padding-left-xl{padding-left:25px;}
.padding-lr-xs{padding-right:5px;padding-left:5px;}
.padding-lr-sm{padding-right:10px;padding-left:10px;}
.padding-lr{padding-right:15px;padding-left:15px;}
.padding-lr-lg{padding-right:20px;padding-left:20px;}
.padding-lr-xl{padding-right:25px;padding-left:25px;}
.padding-tb-xs{padding-top:5px;padding-bottom:5px;}
.padding-tb-sm{padding-top:10px;padding-bottom:10px;}
.padding-tb{padding-top:15px;padding-bottom:15px;}
.padding-tb-lg{padding-top:20px;padding-bottom:20px;}
.padding-tb-xl{padding-top:25px;padding-bottom:25px;}

.cu-tag{position:relative;display:inline-flex;box-sizing:border-box;padding:0px 8px;height:24px;white-space:nowrap;font-size:12px;font-family:Helvetica Neue,Helvetica,sans-serif;align-items:center;justify-content:center;}
.cu-tag:not([class*=bg]):not([class*=line]){background-color:#f1f1f1;}
.cu-tag[class*=line-]::after{position:absolute;top:0;left:0;z-index:1;box-sizing:border-box;width:199%;height:199%;border:1px solid currentColor;border-radius:inherit;content:" ";transform:scale(.5);transform-origin:0 0;pointer-events:none;}
.cu-tag.radius[class*=line]::after{border-radius:6px;}
.cu-tag.round[class*=line]::after{border-radius:1000px;}
.cu-tag[class*=line-]::after{border-radius:0;}
.cu-tag+.cu-tag{margin-left:5px;}
.cu-tag.sm{padding:0px 6px;height:16px;font-size:12px;}

.line-through{text-decoration: line-through;}
[class*="line-clamp-"]{
	word-break: break-all;
	display: -webkit-box;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.line-clamp-1{-webkit-line-clamp: 1;}
.line-clamp-2{-webkit-line-clamp: 2;}
.line-clamp-3{-webkit-line-clamp: 3;}


/*admin修改*/
[class*="layui-icon"]{
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.layui-btn [class*="layui-icon"]{
    margin-right: 3px;
}
.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child{
    animation: hideIndex 0.3s;
    -moz-animation: hideIndex  0.3s; /* Firefox */
    -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
    -o-animation: hideIndex  0.3s; /* Opera */
}
@keyframes hideIndex{
    0%{ opacity: 0; }
    100%{opacity: 1; }
}
.layui-tree-entry{
    height:auto;
    padding:0
}
.layui-tree-iconClick .layui-icon-file{
    font-size: 14px;
}
.layui-input:focus, .layui-textarea:focus {
    border-color: #189f92!important;
}
.layui-input-inline.sm {
    width: 80px;
}
.layui-form-switch {
    box-sizing: content-box;
}
.layui-form-group {
    margin-bottom: 5px;
    height: 38px;
}
.layui-table-cell {
    overflow: initial;
    height: auto!important;
    line-height: 20px;
    white-space: normal;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 13px;
    padding:0 10px;
}
.text-wrap .layui-table-cell {
    overflow: hidden;
    white-space: nowrap;
}
.layui-form-group .layui-form-label {
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px 9px;
    width: auto;
    height: 38px;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px 0 0 2px;
    background-color: #fbfbfb;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
.layui-form-group .layui-input-inline {
    margin-right: -1px;
    margin-left: -1px;
}
.layui-form-content {
    margin-left: 110px;
}
/*.layui-layer-content{
    display:flex;
    align-items: center;
    justify-content: center;
}*/
.layui-layer-content .img-cell{width:500px;height:500px;}
.inline {
    display: inline-block;
}
.hide{
    display:none;
}
.hover-underline:hover{
    text-decoration: underline;
}
[class*="hover-"].line-blue:hover, [class*="hover-"].lines-blue:hover, [class*="hover-"].text-blue:hover{
    color: #0081ff;
}
.img-cell{display:flex;align-items:center;justify-content:center;}
.img-cell img{max-width:100%;max-height:100%;}

.x-admin-info{padding:15px;border:1px solid #a9e2ec;border-radius:4px;background-color:#dff6fa;color:#00c1de;font-size:12px;line-height:20px;}
.info-danger{border-color:#edd7d4;background-color:#fce9e6;color:#e55640;}

.upload-btn{display:inline-flex;min-width:102px;height:102px;border:1px dashed #ccc;vertical-align:top;background: #fff;}
.img-list-inline{display:inline-flex;min-width:102px;height:102px;border:1px dashed #ccc;vertical-align:top;background: #fff;float:left;margin-right:10px;}
.upload-img{position:relative;border-radius:5px;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.upload-img .cover{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s;}
.upload-img:hover .cover{opacity:1;}
.upload-img img{max-height:100%;max-width:100%;}
.layuiadmin-form{padding: 20px; height: calc(100vh - 50px);overflow-y: auto;box-sizing: border-box;}
.layuiadmin-form .fixed-bottom-submit {width: 100%;padding: 10px 20px;background: #fff;text-align: right;position:fixed; bottom:0;left:0;z-index:1000}
/*admin修改*/

.bar-top-fixed{
    width:100%;
    height:45px;
}
.bar-top-fixed>div{
    position:fixed;
    top:0;
    width:100%;
    height:45px;
    z-index: 2;
    
}

.layui-form-msg{
    margin-left: 110px;
    color:#999;
}

.no-border{
    border:none;
}

.layui-input-sm{height: 30px;}
.jyg-tab-sm>.layui-tab-title{height:30px;}
.jyg-tab-sm>.layui-tab-title li{margin-left:10px;border:1px solid #e6e6e6;border-bottom:none;border-radius:4px 4px 0 0;line-height:30px;}
.jyg-tab-sm>.layui-tab-title .layui-this{border-color:#fff;color:#23bc85;}
.jyg-tab-sm>.layui-tab-title .layui-this a{color:#23bc85;}
.jyg-tab-sm>.layui-tab-title .layui-this:after{height:30px;border-radius:4px 4px 0 0;border-color:#23bc85;border-bottom-color:#fff;}



.upload-file .file-preview {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(/public/static/ueditor/dialogs/attachment/images/file-icons.png);
    background-position: -140px center;
    background-repeat: no-repeat;
    background-size: 570px;
}
.upload-file .file-type-video {
    background-position: -498px center;
}

.vertical-space-3 + .vertical-space-3{
    margin-top:3px;
}

.sm .layui-form-group {margin-bottom:0px;height:30px;}
.sm .layui-form-group .layui-form-label{height:30px;padding:5px 9px;}
.layui-form-item.sm {margin-bottom:5px;}
.sm>.layui-form-label{width:120px;padding:5px 15px;}
.sm .layui-input-block {margin-left:150px;min-height:30px;}
.sm .layui-input{height:30px;}
.sm .layui-form-switch{margin-top:3px;}
.layui-input-inline.sm {width:80px;}
.layui-input.sm{height:30px;}
.layui-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.layui-msg-inline{
    height: 38px;
    display: flex;
    align-items: center;
    line-height: 16px;
}

.upload-image {
    object-fit: contain;
    border: 1px solid #ccc;
    box-sizing: content-box;
    background-color: #fff;
}

.layui-tab.layui-input-block .layui-tab-title{
    height: 38px;
    border: none;
    line-height: 38px;
}
.layui-tab.layui-input-block li {
    background: #ccc;
    line-height: 30px;
    margin-right: 15px;
}
.layui-tab.layui-input-block li.layui-this {
    color: #fff;
    background: #1e9fff;
}
.layui-tab.layui-input-block li.layui-this::after {
    height: 30px;
    border: none;
}

.z-relative{position:relative;}
.z-absolute{position:absolute;}
.z-hidden{overflow:hidden;}
.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;}
/* -- flex弹性布局 -- */
.z-flex{display:flex;}
.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{flex-wrap:wrap;}
.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-form-item{margin-right:10px;margin-bottom:15px;margin-left:10px;}
.z-form-item .z-form-label{display:inline-block;margin-bottom:5px;height:18px;line-height:18px;}
.z-form-item input{height:30px;}
.z-form-item input[disabled],.z-form-item input[readonly]{background-color:#fff;opacity:1;}
.z-form-item input[disabled]{cursor:not-allowed;}
.z-form-item input[readonly]{cursor:pointer;}
.z-form-item .layui-form-checkbox[lay-skin=primary]{padding-left:25px;}
.z-form-item .layui-table{margin:0;}