@charset "utf-8";
/*@import "style.css";*/
/*布局*/
/** 初始化 **/
html {
	/*--theme: #1e9fff;*/
	--theme: #e54d42;
	--red: #e54d42;
	--orange: #f37b1d;
	--yellow: #fbbd08;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #1cbbb4;
	--blue: #0081ff;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #e03997;
	--brown: #a5673f;
	--grey: #8799a3;
	--black: #333333;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--borderColor: #e6e6e6;
	--white: #ffffff;
	/* 浅色 */
	--themeLight: #fb5f6c;
	--redLight: #fadbd9;
	--orangeLight: #fde6d2;
	--yellowLight: #fef2ce;
	--oliveLight: #e8f4d9;
	--greenLight: #d7f0db;
	--cyanLight: #d2f1f0;
	--blueLight: #cce6ff;
	--purpleLight: #e1d7f0;
	--mauveLight: #ebd4ef;
	--pinkLight: #f9d7ea;
	--brownLight: #ede1d9;
	--greyLight: #e7ebed;
	/*角度*/
	--angle0: 0deg;
	--angle45: 45deg;
	--angle90: 90deg;
	--angle180: 180deg;
	--angle270: 270deg;
	/* 渐变色 */
	--gradualThemeColor: #1e9fff, #99d3ff;
	--gradualTheme: linear-gradient(var(--angle45),var(--gradualThemeColor));
	--gradualRedColor: #f43f3b, #e54d42;
	--gradualRed: linear-gradient(var(--angle45),var(--gradualRedColor));
	--gradualOrangeColor:#ff9700, #ff7b00;
	--gradualOrange: linear-gradient(var(--angle45),var(--gradualOrangeColor));
	--gradualYellowColor:#fbbd08, #fbd008;
	--gradualYellow: linear-gradient(var(--angle45),var(--gradualYellowColor));
	--gradualGreenColor:#39b54a, #8dc63f;
	--gradualGreen: linear-gradient(var(--angle45),var(--gradualGreenColor));
	--gradualPurpleColor:#9000ff , #5e00ff;
	--gradualPurple: linear-gradient(var(--angle45),var(--gradualPurpleColor));
	--gradualPinkColor: #ec008c, #6739b6;
	--gradualPink: linear-gradient(var(--angle45),var(--gradualPinkColor));
	--gradualBlueColor: #0081ff, #00a2ff;
	--gradualBlue: linear-gradient(var(--angle45),var(--gradualBlueColor));
	--gradualBlackColor:#333, #555;
	--gradualBlack: linear-gradient(var(--angle45),var(--gradualBlackColor));
	/* 阴影透明色 */
	--ShadowSize: 4px 4px 6px;
	--themeShadow: rgba(245, 212, 70, 0.2);
	--redShadow: rgba(204, 69, 59, 0.2);
	--orangeShadow: rgba(217, 109, 26, 0.2);
	--yellowShadow: rgba(224, 170, 7, 0.2);
	--oliveShadow: rgba(124, 173, 55, 0.2);
	--greenShadow: rgba(48, 156, 63, 0.2);
	--cyanShadow: rgba(28, 187, 180, 0.2);
	--blueShadow: rgba(0, 102, 204, 0.2);
	--purpleShadow: rgba(88, 48, 156, 0.2);
	--mauveShadow: rgba(133, 33, 150, 0.2);
	--pinkShadow: rgba(199, 50, 134, 0.2);
	--brownShadow: rgba(140, 88, 53, 0.2);
	--greyShadow: rgba(114, 130, 138, 0.2);
	--grayShadow: rgba(114, 130, 138, 0.2);
	--blackShadow: rgba(26, 26, 26, 0.2);
}
/* ==================
	图标字体
 ==================== */
/* font-class */
.layui-icon-ad:before{content:"\e007"}
.layui-icon-freight:before{content:"\e008"}
.layui-icon-integral:before{content:"\e009"}
.layui-icon-coupon:before{content:"\e010"}
.layui-icon-shop:before{content:"\e011"}
.layui-icon-goods:before{content:"\e012"}
.layui-icon-cashier:before{content:"\e013"}
.layui-icon-chartTV:before{content:"\e014"}
.layui-icon-list-download:before{content:"\e015"}
.layui-icon-list-refund:before{content:"\e016"}
.layui-icon-merchant-search:before{content:"\e017"}
.layui-icon-preserve:before{content:"\e018"}
.layui-icon-barcode:before{content:"\e019"}
.layui-icon-alipay:before{content:"\e020"}
.layui-icon-alipay-block:before{content:"\e021"}
.layui-icon-alipay-circle:before{content:"\e022"}
.layui-icon-alipay-line:before{content:"\e023"}
.layui-icon-wechat:before{content:"\e024"}
.layui-icon-wechat-block:before{content:"\e025"}
.layui-icon-wechat-circle:before{content:"\e026"}
.layui-icon-wechat-line:before{content:"\e027"}
.layui-icon-wechat-pay:before{content:"\e028"}
.layui-icon-wechat-pay-block:before{content:"\e029"}
.layui-icon-ysf:before{content:"\e030"}
.layui-icon-qq:before{content:"\e031"}
.layui-icon-credit-card:before{content:"\e032"}
.layui-icon-credit-card-line:before{content:"\e033"}
.layui-icon-kd:before{content:"\e034"}
.layui-icon-shop:before{content:"\e035"}
.layui-icon-shop-line:before{content:"\e036"}
.layui-icon-vip:before{content:"\e037"}
.layui-icon-vip-fill:before{content:"\e038"}
.layui-icon-crown:before{content:"\e039"}
.layui-icon-crown-fill:before{content:"\e040"}
/* ==================
	配色
 ==================== */
/*边框*/
.line-theme::after,.lines-theme::after {border-color: var(--theme);}
.line-red::after,.lines-red::after {border-color: var(--red);}
.line-orange::after,.lines-orange::after {border-color: var(--orange);}
.line-yellow::after,.lines-yellow::after {border-color: var(--yellow);}
.line-olive::after,.lines-olive::after {border-color: var(--olive);}
.line-green::after,.lines-green::after {border-color: var(--green);}
.line-cyan::after,.lines-cyan::after {border-color: var(--cyan);}
.line-blue::after,.lines-blue::after {border-color: var(--blue);}
.line-purple::after,.lines-purple::after {border-color: var(--purple);}
.line-mauve::after,.lines-mauve::after {border-color: var(--mauve);}
.line-pink::after,.lines-pink::after {border-color: var(--pink);}
.line-brown::after,.lines-brown::after {border-color: var(--brown);}
.line-grey::after,.lines-grey::after {border-color: var(--grey);}
.line-gray::after,.lines-gray::after {border-color: var(--gray);}
.line-darkGray::after,.lines-darkGray::after {border-color: var(--darkGray);}
.line-black::after,.lines-black::after {border-color: var(--black);}
.line-ghostWhite::after,.lines-ghostWhite::after {border-color: var(--ghostWhite);}
.line-white::after,.lines-white::after {border-color: var(--white);}
/*背景*/
.bg-theme {background-color: var(--theme)!important;color: var(--white);}
.bg-red {background-color: var(--red)!important;color: var(--white);}
.bg-orange {background-color: var(--orange)!important;color: var(--white);}
.bg-yellow {background-color: var(--yellow)!important;color: var(--white);}
.bg-olive {background-color: var(--olive)!important;color: var(--white);}
.bg-green {background-color: var(--green)!important;color: var(--white);}
.bg-cyan {background-color: var(--cyan)!important;color: var(--white);}
.bg-blue {background-color: var(--blue)!important;color: var(--white);}
.bg-purple {background-color: var(--purple)!important;color: var(--white);}
.bg-mauve {background-color: var(--mauve)!important;color: var(--white);}
.bg-pink {background-color: var(--pink)!important;color: var(--white);}
.bg-brown {background-color: var(--brown)!important;color: var(--white);}
.bg-grey {background-color: var(--grey)!important;color: var(--white);}
.bg-gray {background-color: var(--gray)!important;color: var(--white);}
.bg-darkGray {background-color: var(--darkGray)!important;color: var(--white);}
.bg-black {background-color: var(--black)!important;color: var(--white);}
.bg-ghostWhite {background-color: var(--ghostWhite)!important;color: var(--darkGray)!important;}
.bg-white {background-color: var(--white)!important;color: var(--black)!important;}
.bg-shadeTop {background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));color: var(--white);}
.bg-shadeBottom {background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));color: var(--white);}
/*浅色*/
.bg-theme.light {color: var(--theme);background-color: var(--themeLight)!important;}
.bg-red.light {color: var(--red);background-color: var(--redLight)!important;}
.bg-orange.light {color: var(--orange);background-color: var(--orangeLight)!important;}
.bg-yellow.light {color: var(--yellow);background-color: var(--yellowLight)!important;}
.bg-olive.light {color: var(--olive);background-color: var(--oliveLight)!important;}
.bg-green.light {color: var(--green);background-color: var(--greenLight)!important;}
.bg-cyan.light {color: var(--cyan);background-color: var(--cyanLight)!important;}
.bg-blue.light {color: var(--blue);background-color: var(--blueLight)!important;}
.bg-purple.light {color: var(--purple);background-color: var(--purpleLight)!important;}
.bg-mauve.light {color: var(--mauve);background-color: var(--mauveLight)!important;}
.bg-pink.light {color: var(--pink);background-color: var(--pinkLight)!important;}
.bg-brown.light {color: var(--brown);background-color: var(--brownLight)!important;}
.bg-grey.light {color: var(--grey);background-color: var(--greyLight)!important;}
/*渐变*/
.bg-gradual-theme {background-image: var(--gradualTheme);color: var(--white);}
.bg-gradual-theme-vertical {background-image: var(--gradualTheme-vertical);color: var(--white);}
.bg-gradual-red {background-image: var(--gradualRed);color: var(--white);}
.bg-gradual-orange {background-image: var(--gradualOrange);color: var(--white);}
.bg-gradual-yellow {background-image: var(--gradualYellow);color: var(--white);}
.bg-gradual-green {background-image: var(--gradualGreen);color: var(--white);}
.bg-gradual-purple {background-image: var(--gradualPurple);color: var(--white);}
.bg-gradual-pink {background-image: var(--gradualPink);color: var(--white);}
.bg-gradual-blue {background-image: var(--gradualBlue);color: var(--white);}
.bg-gradual-black {background-image: var(--gradualBlack);color: var(--white);}
/*文字颜色*/
.text-theme,.line-theme,.lines-theme {color: var(--theme)!important;}
.text-red,.line-red,.lines-red {color: var(--red)!important;}
.text-orange,.line-orange,.lines-orange {color: var(--orange)!important;}
.text-yellow,.line-yellow,.lines-yellow {color: var(--yellow)!important;}
.text-olive,.line-olive,.lines-olive {color: var(--olive)!important;}
.text-green,.line-green,.lines-green {color: var(--green)!important;}
.text-cyan,.line-cyan,.lines-cyan {color: var(--cyan)!important;}
.text-blue,.line-blue,.lines-blue {color: var(--blue)!important;}
.text-purple,.line-purple,.lines-purple {color: var(--purple)!important;}
.text-mauve,.line-mauve,.lines-mauve {color: var(--mauve)!important;}
.text-pink,.line-pink,.lines-pink {color: var(--pink)!important;}
.text-brown,.line-brown,.lines-brown {color: var(--brown)!important;}
.text-grey,.line-grey,.lines-grey {color: var(--grey)!important;}
.text-darkGray,.line-darkGray,.lines-darkGray {color: var(--darkGray)!important;}
.text-gray,.line-gray,.lines-gray {color: var(--gray)!important;}
.text-black,.line-black,.lines-black {color: var(--black)!important;}
.text-ghostWhite,.line-ghostWhite,.lines-ghostWhite {color: var(--ghostWhite)!important;}
.text-white,.line-white,.lines-white {color: var(--white)!important;}
/*阴影*/
.shadow[class*="-theme"] {box-shadow: var(--ShadowSize) var(--themeShadow);}
.shadow[class*="-red"] {box-shadow: var(--ShadowSize) var(--redShadow);}
.shadow[class*="-orange"] {box-shadow: var(--ShadowSize) var(--orangeShadow);}
.shadow[class*="-yellow"] {box-shadow: var(--ShadowSize) var(--yellowShadow);}
.shadow[class*="-olive"] {box-shadow: var(--ShadowSize) var(--oliveShadow);}
.shadow[class*="-green"] {box-shadow: var(--ShadowSize) var(--greenShadow);}
.shadow[class*="-cyan"] {box-shadow: var(--ShadowSize) var(--cyanShadow);}
.shadow[class*="-blue"] {box-shadow: var(--ShadowSize) var(--blueShadow);}
.shadow[class*="-purple"] {box-shadow: var(--ShadowSize) var(--purpleShadow);}
.shadow[class*="-mauve"] {box-shadow: var(--ShadowSize) var(--mauveShadow);}
.shadow[class*="-pink"] {box-shadow: var(--ShadowSize) var(--pinkShadow);}
.shadow[class*="-brown"] {box-shadow: var(--ShadowSize) var(--brownShadow);}
.shadow[class*="-grey"] {box-shadow: var(--ShadowSize) var(--greyShadow);}
.shadow[class*="-gray"] {box-shadow: var(--ShadowSize) var(--grayShadow);}
.shadow[class*="-black"] {box-shadow: var(--ShadowSize) var(--blackShadow);}
.shadow[class*="-white"] {box-shadow: var(--ShadowSize) var(--blackShadow);}
.text-shadow[class*="-red"] {text-shadow: var(--ShadowSize) var(--redShadow);}
.text-shadow[class*="-orange"] {text-shadow: var(--ShadowSize) var(--orangeShadow);}
.text-shadow[class*="-yellow"] {text-shadow: var(--ShadowSize) var(--yellowShadow);}
.text-shadow[class*="-olive"] {text-shadow: var(--ShadowSize) var(--oliveShadow);}
.text-shadow[class*="-green"] {text-shadow: var(--ShadowSize) var(--greenShadow);}
.text-shadow[class*="-cyan"] {text-shadow: var(--ShadowSize) var(--cyanShadow);}
.text-shadow[class*="-blue"] {text-shadow: var(--ShadowSize) var(--blueShadow);}
.text-shadow[class*="-purple"] {text-shadow: var(--ShadowSize) var(--purpleShadow);}
.text-shadow[class*="-mauve"] {text-shadow: var(--ShadowSize) var(--mauveShadow);}
.text-shadow[class*="-pink"] {text-shadow: var(--ShadowSize) var(--pinkShadow);}
.text-shadow[class*="-brown"] {text-shadow: var(--ShadowSize) var(--brownShadow);}
.text-shadow[class*="-grey"] {text-shadow: var(--ShadowSize) var(--greyShadow);}
.text-shadow[class*="-gray"] {text-shadow: var(--ShadowSize) var(--grayShadow);}
.text-shadow[class*="-black"] {text-shadow: var(--ShadowSize) var(--blackShadow);}
/* ==================
	边框
 ==================== */
.solid,.solid-top,.solid-right,.solid-bottom,.solid-left,.solids,.solids-top,.solids-right,.solids-bottom,.solids-left,.dashed,.dashed-top,.dashed-right,.dashed-bottom,.dashed-left {position: relative;}
.solid::after,.solid-top::after,.solid-right::after,.solid-bottom::after,.solid-left::after,.solids::after,.solids-top::after,.solids-right::after,.solids-bottom::after,.solids-left::after,.dashed::after,.dashed-top::after,.dashed-right::after,.dashed-bottom::after,.dashed-left::after{content: " ";width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: inherit;transform-origin: 0 0;pointer-events: none;box-sizing: border-box;}
/* -- 实线 -- */
.solid::after {border: 1px solid var(--borderColor);}
.solid-top::after {border-top: 1px solid var(--borderColor);}
.solid-right::after {border-right: 1px solid var(--borderColor);}
.solid-bottom::after {border-bottom: 1px solid var(--borderColor);}
.solid-left::after {border-left: 1px solid var(--borderColor);}
.solids::after {border: 2px solid #eee;}
.solids-top::after {border-top: 2px solid #eee;}
.solids-right::after {border-right: 2px solid #eee;}
.solids-bottom::after {border-bottom: 2px solid #eee;}
.solids-left::after {border-left: 2px solid #eee;}
/* -- 虚线 -- */
.dashed::after {border: 1px dashed #ddd;}
.dashed-top::after {border-top: 1px dashed #ddd;}
.dashed-right::after {border-right: 1px dashed #ddd;}
.dashed-bottom::after {border-bottom: 1px dashed #ddd;}
.dashed-left::after {border-left: 1px dashed #ddd;}
/* -- 无边框 -- */
.border-none{border: none!important;}
/* -- 阴影 -- */
.shadow-none{box-shadow: none;}
.shadow-lg {--ShadowSize: 0 15px 40px;}
.shadow-warp{position: relative;z-index: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.shadow-warp>div{border-radius: inherit;background-color: inherit;position: relative;z-index: 0;}
.shadow-warp:before,.shadow-warp:after {position: absolute;content: "";top: 15px;bottom: 12px;left: 15px;width: 50%;box-shadow: 0 12px 15px rgba(0, 0, 0, 0.2);transform: rotate(-3deg);z-index: -1;}
.shadow-warp:after{right: 15px;left: auto;transform: rotate(3deg);}
.shadow-blur{position: relative;z-index: 0;}
.shadow-blur::before{content: "";display: block;background: inherit;filter: blur(5px);position: absolute;width: 100%;height: 100%;top: 5px;left: 5px;z-index: -1;opacity: 0.4;transform-origin: 0 0;border-radius: inherit;transform: scale(1, 1);}
/* ==================
	布局
 ==================== */
/*  -- flex弹性布局 -- */
.flex,.grid{display: box!important;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display: flex!important;}
.basis-xs{-webkit-flex-basis: 20%!important;-moz-flex-basis: 20%!important;-ms-flex-basis: 20%!important;-o-flex-basis: 20%!important;flex-basis: 20%!important;}
.basis-sm{-webkit-flex-basis: 40%!important;-moz-flex-basis: 40%!important;-ms-flex-basis: 40%!important;-o-flex-basis: 40%!important;flex-basis: 40%!important;}
.basis-df{-webkit-flex-basis: 50%!important;-moz-flex-basis: 50%!important;-ms-flex-basis: 50%!important;-o-flex-basis: 50%!important;flex-basis: 50%!important;}
.basis-lg{-webkit-flex-basis: 60%!important;-moz-flex-basis: 60%!important;-ms-flex-basis: 60%!important;-o-flex-basis: 60%!important;flex-basis: 60%!important;}
.basis-xl{-webkit-flex-basis: 80%!important;-moz-flex-basis: 80%!important;-ms-flex-basis: 80%!important;-o-flex-basis: 80%!important;flex-basis: 80%!important;}
.flex-sub{-webkit-box-flex: 1!important;-moz-box-flex: 1!important;-webkit-flex: 1!important;-ms-flex: 1!important;flex: 1!important;}
.flex-twice{-webkit-box-flex: 2!important;-moz-box-flex: 2!important;-webkit-flex: 2!important;-ms-flex: 2!important;flex: 2!important;}
.flex-treble{-webkit-box-flex: 3!important;-moz-box-flex: 3!important;-webkit-flex: 3!important;-ms-flex: 3!important;flex: 3!important;}
/*垂直排列*/
.flex-direction{-webkit-flex-direction: column!important;-moz-flex-direction: column!important;-ms-flex-direction: column!important;-o-flex-direction: column!important;flex-direction: column!important;}
/*换行*/
.flex-wrap{-webkit-flex-wrap: wrap!important;-moz-flex-wrap: wrap!important;-ms-flex-wrap: wrap!important;-o-flex-wrap: wrap!important;flex-wrap: wrap!important;}
/*垂直对齐*/
.align-start{-webkit-align-items: flex-start!important;-moz-align-items: flex-start!important;-ms-align-items: flex-start!important;-o-align-items: flex-start!important;align-items: flex-start!important;}
.align-end{-webkit-align-items: flex-end!important;-moz-align-items: flex-end!important;-ms-align-items: flex-end!important;-o-align-items: flex-end!important;align-items: flex-end!important;}
.align-center{-webkit-align-items: center!important;-moz-align-items: center!important;-ms-align-items: center!important;-o-align-items: center!important;align-items: center!important;}
.align-stretch{-webkit-align-items: stretch!important;-moz-align-items: stretch!important;-ms-align-items: stretch!important;-o-align-items: stretch!important;align-items: stretch!important;}
.self-start{-webkit-align-self: flex-start!important;-moz-align-self: flex-start!important;-ms-align-self: flex-start!important;-o-align-self: flex-start!important;align-self: flex-start!important;}
.self-center{-webkit-align-self: flex-center!important;-moz-align-self: flex-center!important;-ms-align-self: flex-center!important;-o-align-self: flex-center!important;align-self: flex-center!important;}
.self-end{-webkit-align-self: flex-end!important;-moz-align-self: flex-end!important;-ms-align-self: flex-end!important;-o-align-self: flex-end!important;align-self: flex-end!important;}
.self-stretch{-webkit-align-self: stretch!important;-moz-align-self: stretch!important;-ms-align-self: stretch!important;-o-align-self: stretch!important;align-self: stretch!important;}
/*水平对齐*/
.justify-start{-webkit-justify-content: flex-start!important;-moz-justify-content: flex-start!important;-ms-justify-content: flex-start!important;-o-justify-content: flex-start!important;justify-content: flex-start!important;}
.justify-end{-webkit-justify-content: flex-end!important;-moz-justify-content: flex-end!important;-ms-justify-content: flex-end!important;-o-justify-content: flex-end!important;justify-content: flex-end!important;}
.justify-center{-webkit-justify-content: center!important;-moz-justify-content: center!important;-ms-justify-content: center!important;-o-justify-content: center!important;justify-content: center!important;}
.justify-between{-webkit-justify-content: space-between!important;-moz-justify-content: space-between!important;-ms-justify-content: space-between!important;-o-justify-content: space-between!important;justify-content: space-between!important;}
.justify-around{-webkit-justify-content: space-around!important;-moz-justify-content: space-around!important;-ms-justify-content: space-around!important;-o-justify-content: space-around!important;justify-content: space-around!important;}
/*  -- 栅格布局 -- */
.layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12{position: relative; display: block; box-sizing: border-box;}
/* 超大型屏幕(桌面) */
@media screen and (min-width: 1600px) {
  .layui-container{width: 1560px;}
  .layui-hide-xl{display: none!important;}
  .layui-show-xl-block{display: block!important;}
  .layui-show-xl-inline{display: inline!important;}
  .layui-show-xl-inline-block{display: inline-block!important;}
  .layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12{float: left;}
  .layui-col-xl1{width: 8.33333333%;}
  .layui-col-xl2{width: 16.66666667%;}
  .layui-col-xl3{width: 25%;}
  .layui-col-xl4{width: 33.33333333%;}
  .layui-col-xl5{width: 41.66666667%;}
  .layui-col-xl6{width: 50%;}
  .layui-col-xl7{width: 58.33333333%;}
  .layui-col-xl8{width: 66.66666667%;}
  .layui-col-xl9{width: 75%;}
  .layui-col-xl10{width: 83.33333333%;}
  .layui-col-xl11{width: 91.66666667%;}
  .layui-col-xl12{width: 100%;}
  /* 列偏移 */
  .layui-col-xl-offset1{margin-left: 8.33333333%;}
  .layui-col-xl-offset2{margin-left: 16.66666667%;}
  .layui-col-xl-offset3{margin-left: 25%;}
  .layui-col-xl-offset4{margin-left: 33.33333333%;}
  .layui-col-xl-offset5{margin-left: 41.66666667%;}
  .layui-col-xl-offset6{margin-left: 50%;}
  .layui-col-xl-offset7{margin-left: 58.33333333%;}
  .layui-col-xl-offset8{margin-left: 66.66666667%;}
  .layui-col-xl-offset9{margin-left: 75%;}
  .layui-col-xl-offset10{margin-left: 83.33333333%;}
  .layui-col-xl-offset11{margin-left: 91.66666667%;}
  .layui-col-xl-offset12{margin-left: 100%;}
}
/*  -- grid布局 -- */
.grid>*{box-sizing: border-box;}
.grid.col-1>*{width: 100%;}
.grid.col-2>*{width: 50%;}
.grid.col-3>*{width: 33.33%;}
.grid.col-4>*{width: 25%;}
.grid.col-5>*{width: 20%;}
.grid.grid-square{overflow: hidden;}
/*图标*/
.grid.grid-square>div>i[class*="layui-icon-"] {
	font-size: 52px;
	color: var(--grey);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.grid.grid-square>div{
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.grid.col-2.grid-square>div:nth-child(2n),
.grid.col-3.grid-square>div:nth-child(3n),
.grid.col-4.grid-square>div:nth-child(4n),
.grid.col-5.grid-square>div:nth-child(5n){margin-right: 0!important;}
.grid.col-1.grid-square>div{
	padding-bottom: 100%;
	margin-right: 0;
}
.grid.col-2.grid-square>div{
	padding-bottom: calc((100% - 15px)/2);
	width: calc((100% - 15px)/2);
}
.grid.col-3.grid-square>div{
	padding-bottom: calc((100% - 30px)/3);
	width: calc((100% - 30px)/3);
}
.grid.col-4.grid-square>div{
	padding-bottom: calc((100% - 45px)/4);
	width: calc((100% - 45px)/4);
}
.grid.col-5.grid-square>div{
	padding-bottom: calc((100% - 60px)/5);
	width: calc((100% - 60px)/5);
}
/* ==================
	辅助布局
 ==================== */
/*宽度*/
.wauto{width: auto!important;}
.hauto{height: auto!important;}
.wfill{width: 100%!important;}
.w50{width: 50px!important;min-width: 50px;}
.w60{width: 60px!important;min-width: 60px;}
.w75{width: 75px!important;min-width: 75px;}
.w80{width: 80px!important;min-width: 80px;}
.w100{width: 100px!important;min-width: 100px;}
.w120{width: 120px!important;min-width: 120px;}
.w150{width: 150px!important;min-width: 150px;}
.w200{width: 200px!important;min-width: 200px;}
.w250{width: 250px!important;min-width: 250px;}
.w300{width: 300px!important;min-width: 300px;}
.w350{width: 350px!important;min-width: 350px;}
.w400{width: 400px!important;min-width: 400px;}
.w450{width: 450px!important;min-width: 450px;}
/*外边距*/
.margin-auto{margin: 0 auto!important;}
.margin-0{margin: 0!important;}
.margin-xs{margin: 5px!important;}
.margin-sm{margin: 10px!important;}
.margin{margin: 15px!important;}
.margin-lg{margin: 20px!important;}
.margin-xl{margin: 30px!important;}
.margin-top-0{margin-top: 0px!important;}
.margin-top-xs{margin-top: 5px!important;}
.margin-top-sm{margin-top: 10px!important;}
.margin-top{margin-top: 15px!important;}
.margin-top-lg{margin-top: 20px!important;}
.margin-top-xl{margin-top: 30px!important;}
.margin-right-0{margin-right: 0px!important;}
.margin-right-xs{margin-right: 5px!important;}
.margin-right-sm{margin-right: 10px!important;}
.margin-right{margin-right: 15px!important;}
.margin-right-lg{margin-right: 20px!important;}
.margin-right-xl{margin-right: 30px!important;}
.margin-bottom-0{margin-bottom: 0px!important;}
.margin-bottom-xs{margin-bottom: 5px!important;}
.margin-bottom-sm{margin-bottom: 10px!important;}
.margin-bottom{margin-bottom: 15px!important;}
.margin-bottom-lg{margin-bottom: 20px!important;}
.margin-bottom-xl{margin-bottom: 30px!important;}
.margin-left-0{margin-left: 0px!important;}
.margin-left-xs{margin-left: 5px!important;}
.margin-left-sm{margin-left: 10px!important;}
.margin-left{margin-left: 15px!important;}
.margin-left-lg{margin-left: 20px!important;}
.margin-left-xl{margin-left: 30px!important;}
.margin-lr-0{margin-left: 0px!important;margin-right: 0px!important;}
.margin-lr-xs{margin-left: 5px!important;margin-right: 5px!important;}
.margin-lr-sm{margin-left: 10px!important;margin-right: 10px!important;}
.margin-lr{margin-left: 15px!important;margin-right: 15px!important;}
.margin-lr-lg{margin-left: 20px!important;margin-right: 20px!important;}
.margin-lr-xl{margin-left: 30px!important;margin-right: 30px!important;}
.margin-tb-0{margin-top: 0px!important;margin-bottom: 0px!important;}
.margin-tb-xs{margin-top: 5px!important;margin-bottom: 5px!important;}
.margin-tb-sm{margin-top: 10px!important;margin-bottom: 10px!important;}
.margin-tb{margin-top: 15px!important;margin-bottom: 15px!important;}
.margin-tb-lg{margin-top: 20px!important;margin-bottom: 20px!important;}
.margin-tb-xl{margin-top: 30px!important;margin-bottom: 30px!important;}
/*内边距*/
.padding-0{padding: 0!important;}
.padding-xs{padding: 5px!important;}
.padding-sm{padding: 10px!important;}
.padding{padding: 15px!important;}
.padding-lg{padding: 20px!important;}
.padding-xl{padding: 30px!important;}
.padding-top-0{padding-top: 0px!important;}
.padding-top-xs{padding-top: 5px!important;}
.padding-top-sm{padding-top: 10px!important;}
.padding-top{padding-top: 15px!important;}
.padding-top-lg{padding-top: 20px!important;}
.padding-top-xl{padding-top: 30px!important;}
.padding-right-0{padding-right: 0px!important;}
.padding-right-xs{padding-right: 5px!important;}
.padding-right-sm{padding-right: 10px!important;}
.padding-right{padding-right: 15px!important;}
.padding-right-lg{padding-right: 20px!important;}
.padding-right-xl{padding-right: 30px!important;}
.padding-bottom-0{padding-bottom: 0px!important;}
.padding-bottom-xs{padding-bottom: 5px!important;}
.padding-bottom-sm{padding-bottom: 10px!important;}
.padding-bottom{padding-bottom: 15px!important;}
.padding-bottom-lg{padding-bottom: 20px!important;}
.padding-bottom-xl{padding-bottom: 30px!important;}
.padding-left-0{padding-left: 0px!important;}
.padding-left-xs{padding-left: 5px!important;}
.padding-left-sm{padding-left: 10px!important;}
.padding-left{padding-left: 15px!important;}
.padding-left-lg{padding-left: 20px!important;}
.padding-left-xl{padding-left: 30px!important;}
.padding-lr-0{padding-left: 0px!important;padding-right: 0px!important}
.padding-lr-xs{padding-left: 5px!important;padding-right: 5px!important}
.padding-lr-sm{padding-left: 10px!important;padding-right: 10px!important;}
.padding-lr{padding-left: 15px!important;padding-right: 15px!important;}
.padding-lr-lg{padding-left: 20px!important;padding-right: 20px!important;}
.padding-lr-xl{padding-left: 30px!important;padding-right: 30px!important;}
.padding-tb-0{padding-top: 0px!important;padding-bottom: 0px!important;}
.padding-tb-xs{padding-top: 5px!important;padding-bottom: 5px!important;}
.padding-tb-sm{padding-top: 10px!important;padding-bottom: 10px!important;}
.padding-tb{padding-top: 15px!important;padding-bottom: 15px!important;}
.padding-tb-lg{padding-top: 20px!important;padding-bottom: 20px!important;}
.padding-tb-xl{padding-top: 30px!important;padding-bottom: 30px!important;}
/* -- 浮动 --  */
.fl{float: left;}
.fr{float: right;}
.cf::after{clear: both;}
.cf::after,.cf::before{content: "";display: table;}
.show,.db{display: block!important;}
.hide,.dn{display: none!important;}
.dib{display: inline-block!important;}
/* -- 圆角 --  */
.radius {border-radius: 10px;}
.round {border-radius: 9999px;}
/*滚动条*/
.overflow-hidden{
	overflow: hidden!important;
}
.overflow-x{
	overflow: hidden!important;
	overflow-x: auto!important;
}
.overflow-y{
	overflow: hidden!important;
	overflow-y: auto!important;
}
/* ==================
	图片
 ==================== */
.imgwrap{
	overflow: hidden;
	position: relative;
	border: 1px solid var(--borderColor);
}

.imgwrap img{
	position: absolute;
	z-index: 1;
}
.imgwrap.center{
	width: 100%;
	padding-bottom: 100%;
}
.imgwrap.center img{
	max-width: 100%;
	max-height: 100%;
}
.imgwrap:after,
.imgwrap.center img{
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
/* ==================
	文本区域
 ==================== */
.layui-text{
	line-height: 1.5;
    word-break: break-all;
}
.layui-text .title{
	padding-bottom: 10px;
	border-bottom: 1px solid var(--borderColor);
}
 /*文本大小*/
.text-xs{font-size: 12px!important;}
.text-sm{font-size: 14px!important;}
.text-df{font-size: 16px!important;}
.text-lg{font-size: 18px!important;}
.text-xl{font-size: 20px!important;}
.text-xxl{font-size: 30px!important;}
.text-sl{font-size: 40px!important;}
.text-xsl{font-size: 60px!important;}
.text-xs,.text-sm,.text-df,.text-lg,.text-xl,.text-xxl,.text-sl,.text-xsl{line-height: 1.2;}
.text-xs .layui-icon,.text-sm .layui-icon,.text-df .layui-icon,.text-lg .layui-icon,.text-xl .layui-icon,.text-xxl .layui-icon,.text-sl .layui-icon,.text-xsl .layui-icon{
	font-size: inherit;
	font-style: normal;
	line-height: 1;
}
.layui-text *[class*="text-"]{
	line-height: 1.5;
}
.text-Abc{
	text-transform: Capitalize;
}
.text-ABC{
	text-transform: Uppercase;
}
.text-abc{
	text-transform: Lowercase;
}
/*文字￥*/
.text-price::before{
	content: "¥";
	font-size: 80%;
	margin-right: 5px;
}
/*文字溢出……*/
.text-cut{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*文字加粗*/
.text-bold{
	font-weight: bold!important;
}
/*文字对齐*/
.text-center{
	text-align: center!important;
}
.text-left{
	text-align: left!important;
}
.text-right{
	text-align: right!important;
}
/* ==================
	按钮
 ==================== */
.layui-btn{background-color: var(--theme);}
/* 按钮容器 */
.layui-btn-container .layui-btn:last-child{
	margin-right: 0!important;
}
.layui-table .layui-btn-container .layui-btn{
	margin-bottom: 0;
}
/*原始*/
.layui-btn-primary{
	background-color: transparent!important;
}
.layui-btn-primary:hover{
	border-color: var(--theme);
}
/*选中*/
.layui-btn-checked{background-color: var(--theme);}
/*按钮组*/
.layui-btn-group .layui-btn-primary:hover{
	color: var(--theme);
}
/*弹窗按钮*/
.layui-layer{
	color: var(--black);
}
.layui-layer-btn .layui-layer-btn0{
	border-color: var(--theme)!important;
	background-color: var(--theme)!important;
}
/*加减按钮*/
.as-button{
	display: flex;
	align-items: center;
}
.as-button input{
	width: 60px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    padding: 0 5px!important;
    box-sizing: border-box;
    border: 1px solid var(--theme);
    border-width: 1px 0;
}
.as-button .layui-btn{
	width: 38px;
	padding: 0!important;
	margin: 0;
}
.as-button .layui-btn:first-child{
	border-radius: 2px 0 0 2px;
}
.as-button .layui-btn:last-child{
	border-radius: 0 2px 2px 0;
}
.as-button.round .layui-btn{
	border-radius: 9999px!important;
}
.as-button.round input{
	margin: 0 10px;
	border-width: 1px;
	border-radius: inherit;
}
/*镂空按钮*/
.layui-btn[class*="line"] {
	position: relative;
	background-color: transparent;
}
.layui-btn[class*="line"]::after{
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
}
.layui-btn[class*="line"]::after {
	border: 1px solid currentColor;
	z-index: 1;
}
.layui-btn.round[class*="line"]::after {
	border-radius: 9999px;
}
.layui-btn[class*="lines"]::after {
	border: 2px solid currentColor;
}
.layui-btn[class*="bg-"]::after {
	display: none;
}
/*按钮图标*/
.layui-btn .layui-icon{
	margin: 0;
	vertical-align: inherit;
}
.layui-btn .layui-icon+span{
	margin-left: 5px;
}
/*loading按钮*/
.layui-btn.loading:before{
	content: "\e63d";
	display: inline-block;
	font-family: layui-icon;
	font-size: inherit;
	padding: 0 10px;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: layui-rotate;
	animation-name: layui-rotate;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}
.layui-btn.loading,
.layui-btn.loading:active,
.layui-btn.loading:hover {
	border: 1px solid var(--borderColor)!important;
	background-color: var(--ghostWhite)!important;
	color: var(--gray)!important;
	cursor: not-allowed;
	opacity: 1
}
/*按钮大小*/
.lg>.layui-btn,
.layui-btn.lg,
.as-button.lg input{
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px
}
.as-button.lg .layui-btn{
	width: 44px;
}
.as-button.lg input{
	width: 70px;
}
.as-button.lg.round input{
	margin: 0 15px;
}
.sm>.layui-btn,
.layui-btn.sm,
.as-button.sm input{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px
}
.as-button.sm .layui-btn{
	width: 30px;
}
.sm>.layui-btn i,
.layui-btn.sm i {
	font-size: 16px!important
}
.xs>.layui-btn,
.layui-btn.xs,
.as-button.xs.xs input{
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 12px
}
.as-button.xs .layui-btn{
	width: 22px;
}
.as-button.xs input{
	width: 40px;
}
.as-button.xs.round input{
	margin: 0 5px;
}
.xs>.layui-btn i,
.layui-btn.xs i {
	font-size: 14px!important
}
/* ==================
	表单
 ==================== */
div.layui-input{
	height: auto;
	min-height: 38px;
	line-height: 20px;
	padding: 8px 10px;
	word-break: break-all;
}
/* 下拉选择 */
.layui-form-select dl dd.layui-this{
	background-color: var(--theme);
}
/* 复选框 */
.layui-form-checked,
.layui-form-checked:hover{
	border-color: var(--theme);
}
.layui-form-checked span,
.layui-form-checked:hover span{
	background-color: var(--theme);
}
.layui-form-checked i,
.layui-form-checked:hover i{
	color: var(--theme);
}
/* 复选框-原始风格 */
.layui-form-checkbox[lay-skin="primary"],
.layui-form-checkbox[lay-skin="primary"] span{
	background: 0 0!important;
}
.layui-form-checked[lay-skin="primary"] i{
	color: var(--white)!important;
	border-color: var(--theme) !important;
	background-color: var(--theme);
}
.layui-form-checkbox[lay-skin="primary"]:hover i{
	border-color: var(--theme);
}
/* 复选框-开关风格 */
.layui-form-onswitch{
	border-color: var(--theme);
	background-color: var(--theme);
}
.lg .layui-form-switch,
input[class*="lg"]+ .layui-form-switch{
	min-width: 40px;
	height: 28px;
	line-height: 28px;
}
.lg .layui-form-switch i,
input[class*="lg"]+ .layui-form-switch i{
	width: 20px;
	height: 20px;
	top: 4px;
}
.lg .layui-form-switch em,
input[class*="lg"]+ .layui-form-switch em{
	font-size:14px;
	margin-left: 25px;
}
.lg .layui-form-onswitch i,
input[class*="lg"]+ .layui-form-onswitch i{
	margin-left: -25px;
}
.lg .layui-form-onswitch em,
input[class*="lg"]+ .layui-form-onswitch em{
	margin-left: 5px;
	margin-right: 25px;
}
/* 单选框 */
.layui-form-radioed>i,
.layui-form-radio:hover>i{
	color: var(--theme);
}
input[lay-skin="radiobtn"]+.layui-form-radio{
	min-width: 60px;
	height: 30px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	color: var(--white);
	cursor: pointer;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid var(--borderColor);
	background-color: var(--borderColor);
}
input[lay-skin="radiobtn"]+.layui-form-radio>i{
	display: none;
}
input[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: #c2c2c2;
}
input[lay-skin="radiobtn"]+.layui-form-radioed,
input[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--theme);
	background-color: var(--theme);
}
/*复选框配色*/
input[class*="bg"]+.layui-form-checked i,
input[class*="bg"]+.layui-form-checked:hover i{
	color: inherit;
	border-color: inherit!important;
}
/*主题色*/
input.bg-theme+.layui-form-checked,
input.bg-theme+.layui-form-radioed>i,
input.bg-theme+.layui-form-radio:hover>i{
	color: var(--theme);
}
input.bg-theme+.layui-form-checked,
input.bg-theme+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-theme+.layui-form-onswitch,
input.bg-theme[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-theme[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--theme);
}
input.bg-theme+.layui-form-checked span,
input.bg-theme+.layui-form-checked[lay-skin="primary"] i,
input.bg-theme+.layui-form-onswitch,
input.bg-theme[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-theme[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--theme);
}
/*嫣红*/
input.bg-red+.layui-form-checked,
input.bg-red+.layui-form-radioed>i,
input.bg-red+.layui-form-radio:hover>i{
	color: var(--red);
}
input.bg-red+.layui-form-checked,
input.bg-red+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-red+.layui-form-onswitch,
input.bg-red[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-red[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--red)!important;
}
input.bg-red+.layui-form-checked span,
input.bg-red+.layui-form-checked[lay-skin="primary"] i,
input.bg-red+.layui-form-onswitch,
input.bg-red[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-red[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--red);
}
/*桔橙*/
input.bg-orange+.layui-form-checked,
input.bg-orange+.layui-form-radioed>i,
input.bg-orange+.layui-form-radio:hover>i{
	color: var(--orange);
}
input.bg-orange+.layui-form-checked,
input.bg-orange+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-orange+.layui-form-onswitch,
input.bg-orange[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-orange[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--orange)!important;
}
input.bg-orange+.layui-form-checked span,
input.bg-orange+.layui-form-checked[lay-skin="primary"] i,
input.bg-orange+.layui-form-onswitch,
input.bg-orange[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-orange[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--orange);
}
/*明黄*/
input.bg-yellow+.layui-form-checked,
input.bg-yellow+.layui-form-radioed>i,
input.bg-yellow+.layui-form-radio:hover>i{
	color: var(--yellow);
}
input.bg-yellow+.layui-form-checked,
input.bg-yellow+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-yellow+.layui-form-onswitch,
input.bg-yellow[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-yellow[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--yellow)!important;
}
input.bg-yellow+.layui-form-checked span,
input.bg-yellow+.layui-form-checked[lay-skin="primary"] i,
input.bg-yellow+.layui-form-onswitch,
input.bg-yellow[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-yellow[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--yellow);
}
/*橄榄*/
input.bg-olive+.layui-form-checked,
input.bg-olive+.layui-form-radioed>i,
input.bg-olive+.layui-form-radio:hover>i{
	color: var(--olive);
}
input.bg-olive+.layui-form-checked,
input.bg-olive+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-olive+.layui-form-onswitch,
input.bg-olive[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-olive[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--olive)!important;
}
input.bg-olive+.layui-form-checked span,
input.bg-olive+.layui-form-checked[lay-skin="primary"] i,
input.bg-olive+.layui-form-onswitch,
input.bg-olive[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-olive[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--olive);
}
/*森绿*/
input.bg-green+.layui-form-checked,
input.bg-green+.layui-form-radioed>i,
input.bg-green+.layui-form-radio:hover>i{
	color: var(--green);
}
input.bg-green+.layui-form-checked,
input.bg-green+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-green+.layui-form-onswitch,
input.bg-green[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-green[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--green)!important;
}
input.bg-green+.layui-form-checked span,
input.bg-green+.layui-form-checked[lay-skin="primary"] i,
input.bg-green+.layui-form-onswitch,
input.bg-green[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-green[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--green);
}
/*天青*/
input.bg-cyan+.layui-form-checked,
input.bg-cyan+.layui-form-radioed>i,
input.bg-cyan+.layui-form-radio:hover>i{
	color: var(--cyan);
}
input.bg-cyan+.layui-form-checked,
input.bg-cyan+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-cyan+.layui-form-onswitch,
input.bg-cyan[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-cyan[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--cyan)!important;
}
input.bg-cyan+.layui-form-checked span,
input.bg-cyan+.layui-form-checked[lay-skin="primary"] i,
input.bg-cyan+.layui-form-onswitch,
input.bg-cyan[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-cyan[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--cyan);
}
/*海蓝*/
input.bg-blue+.layui-form-checked,
input.bg-blue+.layui-form-radioed>i,
input.bg-blue+.layui-form-radio:hover>i{
	color: var(--blue);
}
input.bg-blue+.layui-form-checked,
input.bg-blue+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-blue+.layui-form-onswitch,
input.bg-blue[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-blue[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--blue)!important;
}
input.bg-blue+.layui-form-checked span,
input.bg-blue+.layui-form-checked[lay-skin="primary"] i,
input.bg-blue+.layui-form-onswitch,
input.bg-blue[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-blue[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--blue);
}
/*姹紫*/
input.bg-purple+.layui-form-checked,
input.bg-purple+.layui-form-radioed>i,
input.bg-purple+.layui-form-radio:hover>i{
	color: var(--purple);
}
input.bg-purple+.layui-form-checked,
input.bg-purple+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-purple+.layui-form-onswitch,
input.bg-purple[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-purple[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--purple)!important;
}
input.bg-purple+.layui-form-checked span,
input.bg-purple+.layui-form-checked[lay-skin="primary"] i,
input.bg-purple+.layui-form-onswitch,
input.bg-purple[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-purple[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--purple);
}
/*木槿*/
input.bg-mauve+.layui-form-checked,
input.bg-mauve+.layui-form-radioed>i,
input.bg-mauve+.layui-form-radio:hover>i{
	color: var(--mauve);
}
input.bg-mauve+.layui-form-checked,
input.bg-mauve+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-mauve+.layui-form-onswitch,
input.bg-mauve[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-mauve[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--mauve)!important;
}
input.bg-mauve+.layui-form-checked span,
input.bg-mauve+.layui-form-checked[lay-skin="primary"] i,
input.bg-mauve+.layui-form-onswitch,
input.bg-mauve[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-mauve[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--mauve);
}
/*桃粉*/
input.bg-pink+.layui-form-checked,
input.bg-pink+.layui-form-radioed>i,
input.bg-pink+.layui-form-radio:hover>i{
	color: var(--pink);
}
input.bg-pink+.layui-form-checked,
input.bg-pink+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-pink+.layui-form-onswitch,
input.bg-pink[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-pink[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--pink)!important;
}
input.bg-pink+.layui-form-checked span,
input.bg-pink+.layui-form-checked[lay-skin="primary"] i,
input.bg-pink+.layui-form-onswitch,
input.bg-pink[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-pink[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--pink);
}
/*棕褐*/
input.bg-brown+.layui-form-checked,
input.bg-brown+.layui-form-radioed>i,
input.bg-brown+.layui-form-radio:hover>i{
	color: var(--brown);
}
input.bg-brown+.layui-form-checked,
input.bg-brown+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-brown+.layui-form-onswitch,
input.bg-brown[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-brown[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--brown)!important;
}
input.bg-brown+.layui-form-checked span,
input.bg-brown+.layui-form-checked[lay-skin="primary"] i,
input.bg-brown+.layui-form-onswitch,
input.bg-brown[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-brown[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--brown);
}
/*玄灰*/
input.bg-grey+.layui-form-checked,
input.bg-grey+.layui-form-radioed>i,
input.bg-grey+.layui-form-radio:hover>i{
	color: var(--grey);
}
input.bg-grey+.layui-form-checked,
input.bg-grey+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-grey+.layui-form-onswitch,
input.bg-grey[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-grey[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--grey)!important;
}
input.bg-grey+.layui-form-checked span,
input.bg-grey+.layui-form-checked[lay-skin="primary"] i,
input.bg-grey+.layui-form-onswitch,
input.bg-grey[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-grey[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--grey);
}
/*草灰*/
input.bg-gray+.layui-form-checked,
input.bg-gray+.layui-form-radioed>i,
input.bg-gray+.layui-form-radio:hover>i{
	color: var(--gray);
}
input.bg-gray+.layui-form-checked,
input.bg-gray+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-gray+.layui-form-onswitch,
input.bg-gray[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-gray[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--gray)!important;
}
input.bg-gray+.layui-form-checked span,
input.bg-gray+.layui-form-checked[lay-skin="primary"] i,
input.bg-gray+.layui-form-onswitch,
input.bg-gray[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-gray[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--gray);
}
/*深灰*/
input.bg-darkGray+.layui-form-checked,
input.bg-darkGray+.layui-form-radioed>i,
input.bg-darkGray+.layui-form-radio:hover>i{
	color: var(--darkGray);
}
input.bg-darkGray+.layui-form-checked,
input.bg-darkGray+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-darkGray+.layui-form-onswitch,
input.bg-darkGray[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-darkGray[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--darkGray)!important;
}
input.bg-darkGray+.layui-form-checked span,
input.bg-darkGray+.layui-form-checked[lay-skin="primary"] i,
input.bg-darkGray+.layui-form-onswitch,
input.bg-darkGray[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-darkGray[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--darkGray);
}
/*墨黑*/
input.bg-black+.layui-form-checked,
input.bg-black+.layui-form-radioed>i,
input.bg-black+.layui-form-radio:hover>i{
	color: var(--black);
}
input.bg-black+.layui-form-checked,
input.bg-black+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-black+.layui-form-onswitch,
input.bg-black[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-black[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--black)!important;
}
input.bg-black+.layui-form-checked span,
input.bg-black+.layui-form-checked[lay-skin="primary"] i,
input.bg-black+.layui-form-onswitch,
input.bg-black[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-black[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--black);
}
/*幽灵白*/
input.bg-ghostWhite+.layui-form-checked,
input.bg-ghostWhite+.layui-form-radioed>i,
input.bg-ghostWhite+.layui-form-radio:hover>i{
	color: var(--ghostWhite);
}
input.bg-ghostWhite+.layui-form-checked,
input.bg-ghostWhite+.layui-form-checkbox[lay-skin="primary"]:hover i,
input.bg-ghostWhite+.layui-form-onswitch,
input.bg-ghostWhite[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-ghostWhite[lay-skin="radiobtn"]+.layui-form-radio:hover{
	border-color: var(--ghostWhite)!important;
}
input.bg-ghostWhite+.layui-form-checked span,
input.bg-ghostWhite+.layui-form-checked[lay-skin="primary"] i,
input.bg-ghostWhite+.layui-form-onswitch,
input.bg-ghostWhite[lay-skin="radiobtn"]+.layui-form-radioed,
input.bg-ghostWhite[lay-skin="radiobtn"]+.layui-form-radio:hover{
	background-color: var(--ghostWhite);
}

input[type="file"] {z-index: 1000!important;}
.upload-list{
	display: flex;
	display: -webkit-flex;
}
.upload-list *{
	box-sizing: border-box;
}
.upload-list .layui-upload{
	flex: 1;
	width: 100%;
	min-width: 50px;
	max-width: 120px;
	margin-right: 10px;
	border-radius: inherit;
	position: relative;
}
.upload-list .layui-upload:last-child{
	margin-right: 0!important;
}
.upload-list .layui-upload:after{
	content: attr(lay-text);
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	white-space: normal;
	color: var(--gray);
	margin-top: 10px;
}
.upload-list .layui-upload i{
	font-style: normal;
	cursor: pointer;
	position: absolute;
}
.upload-list .layui-upload>i{
	width: 100%;
	font-size: 30px;
	color: var(--gray);
	padding-bottom: 100%;
	z-index: 1;
}
.upload-list .layui-upload>i:after{
	content: "\e654";
	font-family: layui-icon;
}
.upload-list .layui-upload>i:after,
.upload-list .layui-upload img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
}
.upload-list .layui-upload .layui-upload-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 100%;
	margin: 0;
	border-radius: inherit;
	box-shadow: 0 0 0 1px var(--borderColor) inset;
	box-sizing: border-box;
	position: relative;
}
.upload-list .layui-upload .layui-upload-list>i{
	display: none;
	width: 30px;
	height: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--red);
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1001;
}
@media screen and (max-width:375px) {
	.upload-list .layui-upload .layui-upload-list>i{
		width: 20px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
	}
}
.upload-list .layui-upload .layui-upload-list>i:after{
	content: "\1007";
	font-family: layui-icon;
}
.upload-list .layui-upload img{
	display: none;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
}
.upload-list .layui-upload.layui-uploaded>i{
	display: none;
}
.upload-list .layui-upload.layui-uploaded img,
.upload-list .layui-upload.layui-uploaded .layui-upload-list>i{
	display: block;
}
.upload-list .layui-upload.text{
	margin-bottom: 30px!important;
}
.upload-list .layui-upload.text:after{
	display: block;
	line-height: 20px;
	padding: 5px 0;
	bottom: -30px;
}
.upload-list[class*="col-"]{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.upload-list[class*="col-"]>div{
	margin-bottom: 5px;
}
.upload-list.col-2>div:nth-child(2n),
.upload-list.col-3>div:nth-child(3n),
.upload-list.col-4>div:nth-child(4n),
.upload-list.col-5>div:nth-child(5n){
	margin-right: 0!important;
}
.upload-list.col-2>div{
	min-width: calc((100% - 10px)/2);
	max-width: calc((100% - 10px)/2);
}
.upload-list.col-3>div{
	min-width: calc((100% - 20px)/3);
	max-width: calc((100% - 20px)/3);
}
.upload-list.col-4>div{
	min-width: calc((100% - 30px)/4);
	max-width: calc((100% - 30px)/4);
}
.upload-list.col-5>div{
	min-width: calc((100% - 40px)/5);
	max-width: calc((100% - 40px)/5);
}
.layui-form-label{
	color: var(--black);
}
.layui-form-label>i{
	color: var(--red);
	margin-right: 5px;
}
.layui-form-item.pwd .layui-icon-eye{
	cursor: pointer;
	left: auto!important;
	right: 0;
}
.layui-form-item.pwd .layui-icon-eye+.layui-input{
	padding-right: 38px;
}
/*flex表单*/
.layui-form.flex-form .layui-form-label,
.layui-form.flex-form .layui-form-label,
.layui-form.block-form .layui-form-label{
	white-space: inherit;
}
.layui-form.flex-form .layui-form-btn{
	margin: 0;
}
.layui-form.flex-form .layui-form-btn .layui-input-block{
	font-size: 0;
	margin-left: 105px;
}
.layui-form.flex-form .layui-form-btn .layui-input-block .layui-btn{
	margin-bottom: 10px;
}
.layui-form.flex-form .layui-form-label{
	width: 90px;
	min-width: 90px;
	padding-left: 0;
	text-align: right;
}
.layui-form.flex-form .layui-form-item,
.layui-form.flex-form .layui-inline{
	display: flex;
	display:-webkit-flex;
}
.layui-form.flex-form .layui-input-block,
.layui-form.flex-form .layui-inline,
.layui-form.flex-form .layui-form-item .layui-input-inline{
	flex: 1;
	width: auto;
	margin: 0;
	left: 0;
}
.layui-form.flex-form .layui-input-block.flex{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.layui-form.flex-form .layui-input-block.flex .layui-form-mid.layui-word-aux{
	width: 100%;
	margin: 0;
}
.layui-form.flex-form .layui-input-block.flex>.layui-input-inline+.layui-input-inline{
	margin-left: 10px;
}
.layui-form.flex-form .layui-input-block+.layui-form-mid,
.layui-form.flex-form .layui-input-inline+.layui-form-mid{
	margin: 0 10px;
	top: 0;
	left: 0;
	position: initial;
}
.layui-form.flex-form .layui-form-mid:last-child{
	margin-right: 0;
}
.layui-form.flex-form .layui-form-select{
	width: 100%;
}
/*block表单*/
.layui-form.block-form .layui-form-label{
	width: 100%;
	text-align: left;
	padding: 0 0 10px;
}
.layui-form.block-form .layui-form-item{
	display: flex;
	display:-webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	position: relative;
}
.layui-form.block-form .layui-form-item .layui-form-select{
	flex: 1;
	margin-right: 10px;
}
.layui-form.block-form .layui-form-item .layui-form-select:last-child{
	margin: 0!important;
}
.layui-form.block-form .layui-form-item>.layui-icon+.layui-input{
	padding-left: 38px;
}
.layui-form.block-form .layui-form-item>.layui-icon.r+.layui-input{
	padding-right: 38px;
}
.layui-form.block-form .layui-form-item>.layui-icon[class*="bg"]+.layui-input{
	padding-left: 45px;
}
.layui-form.block-form .layui-form-item>.layui-icon{
	width: 38px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.layui-form.block-form .layui-form-item>.layui-icon.r{
	left: auto;
	right: 0;
}
.layui-form.block-form .layui-form-item>.layui-icon.r+img{
    right: 38px;
}
.layui-form.block-form .layui-form-item img {
    height: 100%;
    padding: 5px;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    right: 0;
	bottom: 0;
}
.layui-form.block-form.line .layui-input{
	border-width: 0 0 1px;
}
/*block表单 box*/
.layui-form.block-form.box .layui-form-item{
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: initial;
	border: 1px solid var(--borderColor);
}
.layui-form.block-form.box .layui-form-item.layui-form-btn{
	justify-content: flex-start;
	border-color: transparent;
}
.layui-form.block-form.box .layui-form-item:after{
	display: none;
}
.layui-form.block-form.box .layui-form-label{
	width: auto;
	min-width: 60px;
	overflow: initial;
	white-space: nowrap;
	padding: 9px 0 9px 15px;
}
.layui-form.block-form.box .layui-textarea{
	padding: 9px 10px;
}
.layui-form.block-form.box .layui-input,
.layui-form.block-form.box .layui-select,
.layui-form.block-form.box .layui-textarea,
.layui-form.block-form.box .layui-form-item.layui-form-btn{
	border: none;
}
.layui-form.block-form.box .layui-form-item>.layui-icon{
	left: auto;
	right: 0;
}
.layui-form.block-form.box .layui-form-item>.layui-icon+.layui-input{
	padding-left: 10px;
}
.layui-form.block-form.box .layui-form-mid{
	margin: 0 0 0 10px;
}
@media screen and (max-width: 480px) {
	/*flex表单*/
	.layui-form.flex-form .layui-form-item,
	.layui-form.flex-form .layui-inline{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.layui-form.flex-form .layui-inline,
	.layui-form.flex-form .layui-input-block.flex>.layui-input-inline{
		min-width: 100%;
		margin: 0 0 10px!important;
	}
	.layui-form.flex-form .layui-inline:last-child{
		margin: 0!important;
	}
	.layui-form.flex-form .layui-form-btn .layui-input-block{
		text-align: center;
		margin: 0;
	}
}
/*筛选*/
.layui-card-header.layui-tab,
.layui-card-header.layui-form,
.layui-card-header.layui-btn-group{
	display: block;
	height: auto;
	line-height: 38px;
}
.layui-card-header.layui-btn-group{
	padding: 15px;
}
.layui-card-header.layui-tab,
.layui-card-header.layui-form{
	padding: 0;
}
.layui-card-header.layui-form~.layui-card-body{
	padding: 5px;
}
.layui-card-header.layui-form>div{
	padding: 5px;
	box-sizing: border-box;
}
.layui-card-header.layui-form .layui-form-item{
	margin: 0;
}
.layui-card-header.layui-form .layui-form-btn .layui-input-block{
	width: 100%;
	margin: 0;
}
.layui-card-header.layui-form .layui-form-btn .layui-input-block .layui-btn{
	margin-bottom: 0;
}
@media screen and (min-width:481px) and (max-width:767px) {
	.layui-card-header.layui-form>div{
		float: left;
		width: 50%;
	}
}
/* ==================
	表格
 ==================== */
/*表格下拉按钮*/
.layui-border-box.navbtn .layui-table-box .layui-table-body{
	overflow-y: visible;
}
@media screen and (min-width: 769px) {
	.layui-border-box.navbtn .layui-table-box .layui-table-body{
		overflow-x: visible;
	}
}
.layui-border-box.navbtn .layui-table-box,
.layui-border-box.navbtn .layui-table td.layui-table-col-special .layui-table-cell{
	overflow: visible;
}
.layui-border-box.navbtn .layui-table-fixed-r{
	background-color: var(--white);
}
.layui-border-box.navbtn .layui-table-fixed-r .layui-table-header{
	overflow: hidden;
}
td .layui-nav{
	display: inline-block;
	height: auto;
	line-height: 1;
	padding: 0;
	margin-left: 10px;
	background: 0 0;
}
td .layui-nav:hover .layui-nav-child{
	display: block;
}
td .layui-nav .layui-nav-more,
td .layui-nav .layui-nav-bar{
	display: none;
}
td .layui-nav .layui-nav-item a{
	padding: 0 5px;
}
td .layui-nav .layui-nav-child{
	top: 22px;
	left: auto;
	right: 0;
}
td .layui-form-item{
	margin-bottom: 10!important;
}
td .layui-form-item:last-child{
	margin-bottom: 0!important;
}
td .layui-form-item .layui-input{
	min-width: 50px!important;
}
table.align-top td{
	vertical-align: top;
}
/*特殊表列*/
td.layui-table-col-special .layui-table-cell{
	font-size: 0;
}
/* ==================
	分页
 ==================== */
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: var(--theme);
}
.layui-laypage a:hover{
	color: var(--theme);
}
.layui-laypage input:focus,
.layui-laypage select:focus{
	border-color: var(--theme)!important;
}
/*表格元素*/
.layui-table .flex>.imgwrap{
	min-width: 80px;
	width: 80px;
	padding-bottom: 80px;
}
.layui-table .flex>.text{
	min-width: 120px;margin-left: 10px;
}
.layui-table[valign-top] td{
	vertical-align: top;
}
.layui-table[valign-bottom] td{
	vertical-align: bottom;
}
/* 展开溢出的单元格 */
.layui-table-grid .layui-table-cell{
	height: auto;
}
/* ==================
	导航
 ==================== */
.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after,
.layui-nav .layui-nav-child dd.layui-this a,
.layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover,
.layui-nav-tree .layui-nav-bar{
	background-color: var(--theme);
}
.layui-nav-tree .layui-nav-child a:hover{
	background: 0 0!important;
}
.layui-nav-tree .layui-nav-item a:hover{
	background-color: rgba(255,255,255,.3);
}
/*面包屑*/
.layui-breadcrumb a:hover{
	color: var(--theme) !important;
}
/*颜色*/
.bg-theme.layui-nav .layui-this:after,
.bg-theme.layui-nav .layui-nav-bar,
.bg-theme.layui-nav-tree .layui-nav-itemed:after,
.bg-theme.layui-nav-tree .layui-nav-item a:hover{
	background-color: var(--themeLight);
}
.bg-red.layui-nav .layui-this:after,
.bg-red.layui-nav .layui-nav-bar,
.bg-red.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--redLight);
}
.bg-red.layui-nav .layui-this:after,
.bg-red.layui-nav-tree .layui-nav-itemed:after,
.bg-red.layui-nav .layui-nav-child dd.layui-this a,
.bg-red .layui-nav-child dd.layui-this{
	background-color: var(--red);
}
.bg-orange.layui-nav .layui-this:after,
.bg-orange.layui-nav .layui-nav-bar,
.bg-orange.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--orangeLight);
}
.bg-orange.layui-nav .layui-this:after,
.bg-orange.layui-nav-tree .layui-nav-itemed:after,
.bg-orange.layui-nav .layui-nav-child dd.layui-this a,
.bg-orange .layui-nav-child dd.layui-this{
	background-color: var(--orange);
}
.bg-yellow.layui-nav .layui-this:after,
.bg-yellow.layui-nav .layui-nav-bar,
.bg-yellow.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--yellowLight);
}
.bg-yellow.layui-nav .layui-this:after,
.bg-yellow.layui-nav-tree .layui-nav-itemed:after,
.bg-yellow.layui-nav .layui-nav-child dd.layui-this a,
.bg-yellow .layui-nav-child dd.layui-this{
	background-color: var(--yellow);
}
.bg-olive.layui-nav .layui-this:after,
.bg-olive.layui-nav .layui-nav-bar,
.bg-olive.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--oliveLight);
}
.bg-olive.layui-nav .layui-this:after,
.bg-olive.layui-nav-tree .layui-nav-itemed:after,
.bg-olive.layui-nav .layui-nav-child dd.layui-this a,
.bg-olive .layui-nav-child dd.layui-this{
	background-color: var(--olive);
}
.bg-green.layui-nav .layui-this:after,
.bg-green.layui-nav .layui-nav-bar,
.bg-green.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--greenLight);
}
.bg-green.layui-nav .layui-this:after,
.bg-green.layui-nav-tree .layui-nav-itemed:after,
.bg-green.layui-nav .layui-nav-child dd.layui-this a,
.bg-green .layui-nav-child dd.layui-this{
	background-color: var(--green);
}
.bg-cyan.layui-nav .layui-this:after,
.bg-cyan.layui-nav .layui-nav-bar,
.bg-cyan.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--cyanLight);
}
.bg-cyan.layui-nav .layui-this:after,
.bg-cyan.layui-nav-tree .layui-nav-itemed:after,
.bg-cyan.layui-nav .layui-nav-child dd.layui-this a,
.bg-cyan .layui-nav-child dd.layui-this{
	background-color: var(--cyan);
}
.bg-blue.layui-nav .layui-this:after,
.bg-blue.layui-nav .layui-nav-bar,
.bg-blue.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--blueLight);
}
.bg-blue.layui-nav .layui-this:after,
.bg-blue.layui-nav-tree .layui-nav-itemed:after,
.bg-blue.layui-nav .layui-nav-child dd.layui-this a,
.bg-blue .layui-nav-child dd.layui-this{
	background-color: var(--blue);
}
.bg-purple.layui-nav .layui-this:after,
.bg-purple.layui-nav .layui-nav-bar,
.bg-purple.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--purpleLight);
}
.bg-purple.layui-nav .layui-this:after,
.bg-purple.layui-nav-tree .layui-nav-itemed:after,
.bg-purple.layui-nav .layui-nav-child dd.layui-this a,
.bg-purple .layui-nav-child dd.layui-this{
	background-color: var(--purple);
}
.bg-mauve.layui-nav .layui-this:after,
.bg-mauve.layui-nav .layui-nav-bar,
.bg-mauve.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--mauveLight);
}
.bg-mauve.layui-nav .layui-this:after,
.bg-mauve.layui-nav-tree .layui-nav-itemed:after,
.bg-mauve.layui-nav .layui-nav-child dd.layui-this a,
.bg-mauve .layui-nav-child dd.layui-this{
	background-color: var(--mauve);
}
.bg-pink.layui-nav .layui-this:after,
.bg-pink.layui-nav .layui-nav-bar,
.bg-pink.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--pinkLight);
}
.bg-pink.layui-nav .layui-this:after,
.bg-pink.layui-nav-tree .layui-nav-itemed:after,
.bg-pink.layui-nav .layui-nav-child dd.layui-this a,
.bg-pink .layui-nav-child dd.layui-this{
	background-color: var(--pink);
}
.bg-brown.layui-nav .layui-this:after,
.bg-brown.layui-nav .layui-nav-bar,
.bg-brown.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--brownLight);
}
.bg-brown.layui-nav .layui-this:after,
.bg-brown.layui-nav-tree .layui-nav-itemed:after,
.bg-brown.layui-nav .layui-nav-child dd.layui-this a,
.bg-brown .layui-nav-child dd.layui-this{
	background-color: var(--brown);
}
.bg-grey.layui-nav .layui-this:after,
.bg-grey.layui-nav .layui-nav-bar,
.bg-grey.layui-nav-tree .layui-nav-itemed:after{
	background-color: var(--greyLight);
}
.bg-grey.layui-nav .layui-this:after,
.bg-grey.layui-nav-tree .layui-nav-itemed:after,
.bg-grey.layui-nav .layui-nav-child dd.layui-this a,
.bg-grey .layui-nav-child dd.layui-this{
	background-color: var(--grey);
}
.bg-white.layui-nav .layui-nav-bar{
	background-color: var(--theme);
}
.bg-white.layui-nav-tree .layui-nav-itemed:after,
.bg-white .layui-nav-child>dd.layui-this{
	background-color: var(--white);
}
.bg-white.layui-nav .layui-nav-item a{
	color: var(--black);
}
.bg-white.layui-nav .layui-nav-more{
    border-top-color: var(--black)!important;
}
.bg-white.layui-nav .layui-nav-itemed>a .layui-nav-more{
    border-color: transparent!important;
    border-bottom-color: var(--black)!important;
}
.bg-white.layui-nav-tree .layui-nav-child,
.bg-white.layui-nav-tree .layui-nav-child>dd.layui-this a{
	background: 0 0!important;
}
.bg-white.layui-nav-tree .layui-this>a{
	color: var(--theme)!important;
}
.bg-white.layui-nav-tree .layui-nav-item>a{
	background-color: var(--ghostWhite);
}
.bg-white.layui-nav-tree .layui-nav-itemed>a{
	color: var(--black)!important;
}
/* ==================
	手风琴
 ==================== */
.accordion.layui-nav-tree{
	width: 100%;
}
.accordion.layui-nav-tree .layui-nav-bar{
	display: none!important;
}
.accordion.layui-nav-tree .layui-nav-item a:hover{
	cursor: pointer;
}
.accordion.layui-nav-tree .layui-nav-item,
.accordion.layui-nav-tree .layui-nav-child{
	box-sizing: border-box;
}
.accordion.layui-nav-tree .layui-nav-child a:hover,
.accordion.layui-nav-tree .layui-nav-child{
	color: var(--black);
}
.accordion.layui-nav-tree div.layui-nav-child{
	padding: 15px;
}
.accordion.layui-nav-tree .layui-nav-child a{
	height: 45px;
	line-height: 45px;
	padding-left: 30px;
}
.accordion.layui-nav-tree .layui-nav-child .layui-nav-child a{
	padding-left: 40px;
}
.accordion.layui-nav-tree .layui-nav-item,
.accordion.layui-nav-tree .layui-nav-child>dd{
	border-style: solid;
	border-color: var(--borderColor);
}
.accordion.layui-nav-tree .layui-nav-item{
	border-width: 0 1px 1px;
}
.accordion.layui-nav-tree .layui-nav-item:first-child{
	border-top-width: 1px;
}
.accordion.layui-nav-tree .layui-nav-child>dd{
	border-width: 1px 0 0;
}
/* ==================
	选项卡
 ==================== */
.layui-tab-card>.layui-tab-more .layui-this{
	color: var(--theme);
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after{
	border-color: var(--theme);
}
/* ==================
	进度条
 ==================== */
.layui-progress-bar{
	background-color: var(--theme);
}
/* ==================
	徽章
 ==================== */
.layui-badge-rim[class*="line"]{
	height: 20px;
	line-height: 20px;
	border: none;
    position: relative;
}
.layui-badge-rim[class*="line"]::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid currentColor;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
/* ==================
	时间线
 ==================== */
.layui-timeline-axis,
.layui-timeline-axis:hover{
	color: var(--theme);
}
/* ==================
	引用区块
 ==================== */
.layui-elem-quote{
	line-height: 2;
	border-color: var(--theme);
}
/* ==================
	穿梭框
 ==================== */
.layui-transfer-active .layui-btn{
	border-color: var(--theme);;
	background-color: var(--theme)!important;
}
.layui-transfer-active .layui-btn-disabled{
    border-color: var(--borderColor);
	background-color: var(--ghostWhite)!important;
}
/* ==================
	滑块 By star1029
 ==================== */
.layui-slider-bar{
	background-color: var(--theme)!important;
}
.layui-slider-wrap-btn{
	border-color: var(--theme)!important;
}
.layui-slider-input-btn i:hover{
	color: var(--theme);
}
/*提示*/
.layadmin-tips{
	margin-top: 30px;
	text-align: center;
}
.layadmin-tips .layui-icon{
	display: block;
	font-size: 80px;
	line-height: 1;
	color: var(--gray);
}
.layadmin-tips h1{
	font-size: 60px;
	line-height: 1.2;
	color: var(--gray);
}
.layadmin-tips p{
	font-size: 16px;
	color: var(--gray);
}
.layadmin-tips>p{
	margin-top: 15px;
}
.layadmin-tips .layui-btn{
	min-width: 80px;
	margin-top: 10px;
}
/*404*/
body>.layadmin-tips{
	margin-top: 10vh;
}
body>.layadmin-tips .layui-icon{
	font-size: 120px;
}
body>.layadmin-tips .layui-text {
	width: 80%;
	font-size: 16px;
	max-width: 380px;
	margin: 30px auto;
	padding-top: 20px;
	border-top: 3px solid var(--gray);
}
/* ==================
	layui样式优化
 ==================== */
.layui-card-header .layui-form-switch,
.layui-card-body>.layui-border-box .layui-table-view,
.layui-card-body>.layui-border-box .layui-table{
	margin: 0;
}