@charset "utf-8";
@import "style.css";/*布局*/
/** 初始化 **/
html {
	--theme: #f5d446;
	--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;
	--white: #ffffff;
	/* 浅色 */
	--themeLight: #ffee99;
	--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: #f5d446, #ffee99;
	--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;
	--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);
}
/** 初始化全局标签 **/
html{min-height: 100%;}
/** 基础通用 **/
.layui-layout-body{overflow-y: auto;}
.layui-border-box .layui-table{margin: 0;}
iframe{min-height: auto!important;}
/* 显示隐藏 */
.dn{display: none !important;}
.db{display: block !important;}
.dib{display: inline-block !important;}
/* 滚动条 */
.overflow-auto{overflow: auto !important;}
.overflow-x{overflow: hidden !important;overflow-x: auto !important;}
.overflow-y{overflow: hidden !important;overflow-y: auto !important;}
/** 图标字体 **/
/* 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-wechat:before{content:"\e020"}
.layui-icon-zfb:before{content:"\e021"}
.layui-icon-zfb-o:before{content:"\e022"}
.layui-icon-ysf:before{content:"\e023"}
.layui-icon-kd:before{content:"\e024"}
/* ==================
          背景
 ==================== */
.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-black {background-color: var(--black)!important;color: var(--white);}
.bg-darkGray {background-color: var(--darkGray)!important;color: var(--white);}
.bg-gray {background-color: var(--gray)!important;color: var(--white);}
.bg-ghostWhite {background-color: var(--ghostWhite)!important;color: var(--black);}
.bg-white {background-color: var(--white)!important;color: var(--black);}
.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);}
.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 #e6e6e6;}
.solid-top::after {border-top: 1px solid #e6e6e6;}
.solid-right::after {border-right: 1px solid #e6e6e6;}
.solid-bottom::after {border-bottom: 1px solid #e6e6e6;}
.solid-left::after {border-left: 1px solid #e6e6e6;}
.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{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;position: absolute;color: var(--grey);margin: auto;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>.imgfill{padding-bottom: 100%;margin-right: 0;}
.grid.col-2.grid-square>.imgfill{padding-bottom: calc((100% - 15px)/2);width: calc((100% - 15px)/2);}
.grid.col-3.grid-square>.imgfill{padding-bottom: calc((100% - 30px)/3);width: calc((100% - 30px)/3);}
.grid.col-4.grid-square>.imgfill{padding-bottom: calc((100% - 45px)/4);width: calc((100% - 45px)/4);}
.grid.col-5.grid-square>.imgfill{padding-bottom: calc((100% - 60px)/5);width: calc((100% - 60px)/5);}
/*  -- 辅助布局 -- */
/*宽度*/
.wauto{width: 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;}
/* -- 圆角 --  */
.radius {border-radius: 10px;}
.round {border-radius: 9999px;overflow: hidden;}
/* ==================
          图片
 ==================== */
.imgfill,
.imgcenter{overflow: hidden;position: relative;border: 1px solid #e6e6e6;}
.imgcenter{width: 100%;padding-bottom: 100%;}
.imgfill img,
.imgcenter img{position: absolute;z-index: 1;}
.imgfill:after,
.imgcenter:after{content: "\e634";font-family: layui-icon;font-size: 60px;color: #aaaaaa;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
.imgcenter img{max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}
/* 引用 */.layui-elem-quote{border-left-color: var(--theme);}
/* 进度条 */.layui-progress-bar{background-color: var(--theme);}
/* 卡片面板 */
.layui-card-header{ border-bottom-color: #e6e6e6;}
.layui-card-body{line-height: 1;}
/* ==================
          文本区域
 ==================== */
/* 文本大小 */
.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;}
.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-line-2,.text-line-3,.text-line-4,.text-line-5{
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.text-line-2{
	-webkit-line-clamp: 2;
}
.text-line-3{
	-webkit-line-clamp: 3;
}
.text-line-4{
	-webkit-line-clamp: 4;
}
.text-line-5{
	-webkit-line-clamp: 5;
}
/*文字加粗*/.text-bold{font-weight: bold!important;}
/*文字对齐*/
.text-center{text-align: center!important;}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
/*文字颜色*/
.text-theme{color: var(--theme)!important;}
.text-red{color: var(--red)!important;}
.text-orange{color: var(--orange)!important;}
.text-yellow{color: var(--yellow)!important;}
.text-olive{color: var(--olive)!important;}
.text-green{color: var(--green)!important;}
.text-cyan{color: var(--cyan)!important;}
.text-blue{color: var(--blue)!important;}
.text-purple{color: var(--purple)!important;}
.text-mauve{color: var(--mauve)!important;}
.text-pink{color: var(--pink)!important;}
.text-brown{color: var(--brown)!important;}
.text-grey{color: var(--grey)!important;}
.text-gray{color: var(--gray)!important;}
.text-black{color: var(--black)!important;}
.text-white{color: var(--white)!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); color: #333}
/* 选中 */.layui-btn-checked{background-color: var(--theme);}
/* 按钮组 */.layui-btn-group .layui-btn-primary:hover{color: var(--theme);}
/* 文字按钮 */.text-btn{display: inline-block;font-size: 16px;line-height: 20px;text-align: center;cursor: pointer;padding: 0 5px;border: none;background: 0 0;white-space: nowrap;vertical-align: middle;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
/* 弹窗按钮 */.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;
}
/*按钮大小*/
.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
}
/* ==================
          表单
 ==================== */
/** 表单 **/
.layui-form[class*="layui-col-"]>div[class*="layui-col-"]{padding-top: 0;padding-bottom: 0;}
.layui-form-label{padding-left: 0;  width: 70px; line-height: 20px; text-align: left;}
.layui-input-block{margin-left: 85px;}
/* 下拉选择 */.layui-form-select dl dd.layui-this{background-color: var(--theme);}
/* 复选框 */
.layui-form-checkbox{text-align: left;}
.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"] span{background: 0 0 !important;}
.layui-form-checkbox[lay-skin="primary"]:hover i{border-color: var(--theme);}
.layui-form-checked[lay-skin="primary"] i{border-color: var(--theme) !important; background-color: var(--theme);}
/* 复选框-开关风格 */
.layui-form-onswitch{border-color: var(--theme); background-color: var(--theme);}
.size-lg .layui-form-switch{height: 36px; line-height: 36px;}
.size-lg .layui-form-switch i{width: 28px;height: 28px;top: 5px;}
.size-lg .layui-form-switch em{font-size:14px;margin-left: 33px;}
.size-lg .layui-form-switch i{margin-left: -33px;}
.size-lg .layui-form-switch em{margin-left: 5px;margin-right: 33px;}
.red .layui-form-onswitch{border-color: var(--red); background-color: var(--red);}
.orange .layui-form-onswitch{border-color: var(--orange); background-color: var(--orange);}
.yellow .layui-form-onswitch{border-color: var(--yellow); background-color: var(--yellow);}
.olive .layui-form-onswitch{border-color: var(--olive); background-color: var(--olive);}
.green .layui-form-onswitch{border-color: var(--green); background-color: var(--green);}
.cyan .layui-form-onswitch{border-color: var(--cyan); background-color: var(--cyan);}
.blue .layui-form-onswitch{border-color: var(--blue); background-color: var(--blue);}
.purple .layui-form-onswitch{border-color: var(--purple); background-color: var(--purple);}
.mauve .layui-form-onswitch{border-color: var(--mauve); background-color: var(--mauve);}
.pink .layui-form-onswitch{border-color: var(--pink); background-color: var(--pink);}
.brown .layui-form-onswitch{border-color: var(--brown); background-color: var(--brown);}
.grey .layui-form-onswitch{border-color: var(--grey); background-color: var(--grey);}
.black .layui-form-onswitch{border-color: var(--black); background-color: var(--black);}
.darkGray .layui-form-onswitch{border-color: var(--darkGray); background-color: var(--darkGray);}
.gray .layui-form-onswitch{border-color: var(--gray); background-color: var(--gray);}
.ghostWhite .layui-form-onswitch{color: #333;border-color: var(--ghostWhite); background-color: var(--ghostWhite);}
.white .layui-form-onswitch{color: #333;border-color: #e6e6e6; background-color: var(--white);}
.white .layui-form-onswitch i{background-color: #e6e6e6;}
/* 单选框 */.layui-form-radioed>i,.layui-form-radio>i:hover{color: var(--theme);}
/** flex表单 **/
.hmt-form-group{min-height:38px;margin-bottom: 15px;position: relative;}
.hmt-form-group>.hmt-form-group{margin: 0 20px 0 0!important;}
.hmt-form-group>.hmt-form-group:last-child{margin-right: 0!important;}
.hmt-form-group .layui-form-label{min-width: 70px; text-align: right;}
.hmt-form-group .layui-inline .layui-form-select{flex: 1;}
.hmt-form-group .layui-inline .layui-form-select~.layui-form-select{margin-top: 10px;}
.hmt-form-group .layui-form-mid{float: none;color: var(--gray);padding: 9px!important;margin: 0;}
.hmt-form-group .layui-inline .layui-input~.layui-form-select{min-width: 60px!important;margin-top: 10px;}
.hmt-form-group .layui-form-radio{margin-top: 0;}
.form-block .hmt-form-group>.layui-icon{width: 38px;line-height: 38px;text-align: center;font-size: 18px;color: #666;position: absolute;top: 0;left: 0;}
.hmt-form-group>.flex,
.form-block .hmt-form-group>.layui-input{width: 100%;padding-left: 38px;}
.form-block .hmt-form-group img{height: 100%;padding: 5px;box-sizing: border-box;position: absolute;top: 0;right: 0;}
.form-block .layui-form-mid{width:100%;min-height: 2em;line-height: 1.2;text-align: justify;margin: 0;}
.input-group{background-color: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);}
.input-group .layui-icon{font-size: 18px;line-height: 28px;padding: 5px 10px;text-align: center;background-color: var(--ghostWhite);}
.input-group label{font-size: 14px;line-height: 20px;padding: 0 10px;white-space: nowrap;}
.input-group .layui-input{border: none;height: 100%;}
/** 分页 **/
.layui-laypage a:hover{color: var(--theme);}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--theme); }
.layui-laypage input:focus,.layui-laypage select:focus{border-color: var(--theme)!important;}
/*滤波器*/
.layui-filter{padding: 10px;}
.layui-filter:after{content: "";display: block;clear: both;}
.layui-filter .hmt-form-group{margin-bottom: 0;}
.layui-filter .hmt-form-group .layui-form-label{text-align: left;}
.layui-filter .layui-form-switch{margin: 0;}
.layui-filter .fl .money{display: inline-block; font-size: 18px; line-height: 38px; margin-left: 10px;}
.layui-table-edit:focus{border-color: var(--theme)!important;}
/* 展开溢出的单元格 */.layui-table-grid .layui-table-cell{height: auto;}
/*表格元素*/
.layui-table .flex>.imgcenter{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-upload-drag .layui-icon{color: var(--theme);}
.layui-upload-drag[lay-over]{border-color: var(--theme)}
/** 图片上传 **/
.upload-list .layui-upload{flex: 1;width: 100%;margin-right: 10px;border-radius: inherit;position: relative;}
.upload-list .layui-upload:last-child{margin: 0!important;}
.upload-list .layui-upload:after{content: attr(lay-text);width: 100%;font-size: 14px;line-height: 1;text-align: center;color: #aaaaaa;padding: 10px 0;position: absolute;bottom: 0;}
.upload-list .layui-upload i{font-style: normal;cursor: pointer;position: absolute;}
.upload-list .layui-upload>i{width: 100%;height: 100%;font-size: 30px;color: #aaaaaa;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;border: 1px solid #e6e6e6;box-sizing: border-box;}
.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;}
.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:after,
.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;}
input[type="file"] {z-index: 1000!important;}
.upload-list.item2 .layui-upload{max-width: 50%;}
.upload-list.item3 .layui-upload{max-width: 33.3333%;}
.upload-list.item4 .layui-upload{max-width: 25%;}
.upload-list.item5 .layui-upload{max-width: 20%;}
/** 穿梭框 **/
.layui-transfer-active .layui-btn{background-color: var(--theme)!important;border-color: var(--theme);color: #fff!important;}
.layui-transfer-active .layui-btn-disabled{background-color: #fbfbfb!important;border-color: #e6e6e6;color: #C9C9C9!important;}
/** 导航菜单 **/
.layui-nav-bar,
.layui-nav .layui-this:after,
.layui-nav-tree .layui-nav-itemed:after{background-color: #fff;}
.layui-nav .layui-this:after{opacity: .4;}
/* 垂直导航菜单 */
.layui-nav-tree .layui-nav-bar{background-color: var(--theme);}
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover,
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a{background-color: transparent;}
.layui-nav-tree .layui-nav-bar{background-color: var(--theme);}
/** 面包屑 **/.layui-breadcrumb a:hover{color: var(--theme) !important;}
/* Tab简洁风格 */.layui-tab-brief>.layui-tab-title .layui-this{color: var(--theme);}
.layui-tab-brief>.layui-tab-title .layui-this:after,
.layui-tab-brief>.layui-tab-more li.layui-this:after{border-bottom-color: var(--theme);}
/* Tab卡片风格 */.layui-tab-card>.layui-tab-more .layui-this{color: var(--theme);}
/* 时间线 */
.layui-timeline-axis{color: var(--themeLight);}
.layui-timeline-axis:hover{color: var(--theme);}

/** 滑块 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);}
/** 树组件 By star1029 **/.layui-tree-spread>.layui-tree-pack{display: block;}
/*日期时间*/
.layui-laydate-footer span:hover,
.layui-laydate-header i:hover,
.layui-laydate-header span:hover,
.layui-laydate-footer span[lay-type=date],
.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover{color: var(--theme)!important;}
.layui-laydate .layui-this,
.laydate-theme-molv .layui-laydate-header,
.laydate-day-mark::after{background-color: var(--theme)!important;}
.layui-laydate-content td.laydate-selected,
.laydate-selected:hover{background-color: var(--themeLight)!important;}
/* ==================
          加载
 ==================== */
/*loading*/
.hmt-loading::before{display: inline-block;content: "\e63d";font-family: "layui-icon";font-size: inherit;line-height: 1;padding: 0 5px;-webkit-animation: hmt-loading 1s linear infinite;animation: hmt-loading 1s linear infinite;}
.layui-btn.hmt-loading{border: 1px solid #e6e6e6!important;background-color: #fbfbfb!important;color: #c9c9c9!important;}
@-webkit-keyframes hmt-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes hmt-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*加载类型*/
.hmt-load{display: block;font-size: 14px;line-height: 1.2;text-align: center;}
.hmt-load::before{font-family: "layui-icon";display: inline-block;margin-right: 10px;}
.hmt-load.loading::before{content: "\e63e";animation: layui-rotate 1s infinite linear;}
.hmt-load.loading::after{content: "加载中...";}
.hmt-load.over::before{content: "\e650";}
.hmt-load.over::after{content: "没有更多了";}
.hmt-load.erro::before{content: "\1007";}
.hmt-load.erro::after{content: "加载失败";}
.hmt-load.load-icon::before{font-size: 14px;}
.hmt-load.load-icon::after{display: none;}
.hmt-load.load-icon.over{display: none;}
/*加载弹窗*/
.hmt-load.load-modal{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;flex-direction: column;justify-content: center;line-height: 1;background-color: rgba(0,0,0,.4);z-index: 9999;}
.hmt-load.load-modal>div{padding: 10px 15px;border-radius: 10px;background-color: var(--white);box-shadow: var(--ShadowSize) var(--blackShadow);}
.hmt-load.load-modal .loading::before {display: inline-block;font-family: "layui-icon";content: "\e63e";font-size: 60px;color: var(--theme);animation: layui-rotate 1s infinite linear;}
.hmt-load.load-modal .loading p{font-size: 14px;padding-top: 10px;}
.hmt-load.load-modal [class*="layui-icon-"] {font-size: 60px;}
/*提示*/
.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>p{margin-top: 15px;}
.layadmin-tips h1 {font-size: 60px;line-height: 1.2;color: var(--gray);}
.layadmin-tips p{font-size: 16px;color: var(--gray);}
.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%;max-width: 380px;margin: 30px auto;padding-top: 20px;border-top: 3px solid var(--gray);font-size: 16px;}
/*首页链接*/
.index-wrap{font-size: 0;line-height: 0;text-align: center;background-color: #fff;}
.index-link{padding: 1%;}
.index-link:after{content: "";display: block;}
.index-link a{width: 9.0909%;color: var(--theme);text-align: center;cursor: pointer;padding: 20px;box-sizing: border-box;}
.index-link a .layui-icon{display: block;width: 100%;padding-bottom: 100%;font-size: 50px;color: #fff;border-radius: 10px;background-color: var(--theme);position: relative;}
.index-link a .layui-icon:before{position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);}
.index-link a p{font-size: 14px;color: #333;line-height: 20px;padding-top: 10px;}
.index-link a:hover .layui-icon{-webkit-transition: all .3s;transition: all .3s;box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);}
/*商品列表*/
.goods-list{width: 100%;padding: 5px;box-sizing: border-box;}
.goods-list li{width: 12.5%;padding: 10px;box-sizing: border-box;}
.goods-list li .imgcenter{cursor: pointer;border-radius: 4px;border: 1px solid #e6e6e6;position: relative;}
.goods-list li.layui-this .imgcenter{border-color: var(--theme);}
.goods-list li .imgcenter:after{display: none;}
.goods-list li p{width: 100%;line-height: 1;padding: 10px;box-sizing: border-box;background-color: rgba(255,255,255,.8);position: absolute;bottom: 0;z-index: 2;}
.goods-list li p span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods-list li p .text-price{font-weight: 700;color: var(--red);padding-top: 5px;} 
/*收银台*/
.cashier{margin: 0;}
.cashier .hmt-form-group{margin-bottom: 0;}
.cashier .layui-btn{padding: 0 10px;}
.barcode{position: relative;}
.barcode .layui-icon{color: var(--theme);background: 0 0;}
.barcode .input-group{box-shadow: none;}
.barcode .rim-left,
.barcode .rim-right{position: absolute;top: 0;bottom: 0;}
.barcode .rim-left,
.barcode .rim-left .rim:before,
.barcode .rim-left .rim:after{left: 0;}
.barcode .rim-right,
.barcode .rim-right .rim:before,
.barcode .rim-right .rim:after{right: 0;}
.barcode .rim:before,
.barcode .rim:after{content: "";position: absolute;top: 0;border-radius: 99px;background-color: var(--theme);}
.barcode .rim:before{width: 15px;height: 3px;}
.barcode .rim:after{width: 3px;height: 15px;}
.barcode .rim:last-child:before,
.barcode .rim:last-child:after{top: auto;bottom: 0;}
/*商品管理*/
.goods-manage{height: 100%;padding: 0!important;}
.goods-manage>.flex{width: 220px;border-right: 1px solid #e6e6e6;box-sizing: border-box;}
.goods-manage>.flex .topbox{text-align: center; margin: 10px;}
.goods-manage .layui-tree{height: 100%;overflow: auto;}
.goods-manage .layui-tree .layui-tree-txt{max-width: 70px;overflow: hidden;text-overflow: ellipsis;}
.goods-manage .layui-tab{flex: 1;width: 100%;padding: 10px;margin: 0;overflow: hidden;box-sizing: border-box;}
.goods-manage .layui-tab .layui-tab-title{overflow:hidden;}
.goods-manage .layui-tab .layui-table-tool{border:none;background-color: #fff;}
.goods-manage .layui-tab .layui-table-box .layui-table{margin: 0;}
.goods-manage .layui-tab .layui-table-box .layui-table .layui-form-mid{white-space: nowrap;}
/*订单详情*/
.order-info.grid,.order-info.grid li{position: relative;}
.order-info.grid li{width: 25%;min-height: 36px; padding: 10px;}
.order-info.grid:after,
.order-info.grid:before,
.order-info.grid li:after,
.order-info.grid li:before{content: "";display: block;background-color: #e6e6e6;position: absolute;}
.order-info.grid:after,
.order-info.grid:before{top: 0;left: 0;}
.order-info.grid li:after,
.order-info.grid li:before{right: 0;bottom: 0;}
.order-info.grid:after,
.order-info.grid li:after{width: 100%; height: 1px;}
.order-info.grid:before,
.order-info.grid li:before{width: 1px; height: 100%;}
.order-info.grid li label{min-width: 70px; padding-right: 10px;}
.order-info.grid li p{word-break: break-all;}
.order-info.layui-table-box{overflow: auto;}
.order-info.layui-table-box tbody tr td:first-child{border-width: 1px;}
.order-info.layui-table-box tbody tr:first-child td:first-child,
/*.order-info.layui-table-box tbody tr:last-child td:first-child{border-bottom-width: 1px;}*/
/* ==================
    过渡效果
 ==================== */
.layui-btn:hover,
.layui-input:hover,
.layui-textarea:hover,
.layui-upload-button:hover,
.layui-select:hover,
.layui-table tr:hover,
.layui-nav .layui-nav-item a:hover,
.layui-body>.layui-tab>.layui-tab-title,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer,
.layui-layout-admin .layui-layout-left,
.layui-layout-admin .layui-side{transition: all .3s;-webkit-transition: all .3s;}
.layim-status-online{color: var(--themeLight)!important;}
.layui-layim-tab li.layim-this:after,
.layim-tool-msgbox span{background-color: var(--theme)!important;}
.layadmin-tabsbody-item,[template] {display: none;}
[lay-href],[lay-tips],[layadmin-event] {cursor: pointer;}
/* ==================
    flex兼容
 ==================== */
/*display: flex;*/
.grid,
.grid.grid-square>div>i[class*="layui-icon-"],
.hmt-form-group,
.input-group,
.layui-filter .fl,
.upload-list,
.index-link,
.goods-list,
.cashier .layui-btn,
.goods-manage,
.goods-manage>.flex .topbox,
.goods-manage>.flex .topbox .layui-btn,
.order-info.grid li{display: box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
/*flex: 1;*/
.hmt-form-group>.hmt-form-group,
.hmt-form-group>.layui-input,
.hmt-form-group>.layui-form-select,
.hmt-form-group .layui-inline,
.hmt-form-group .layui-input-inline,
.hmt-form-group .layui-layedit,
.index-link:after,
.goods-list:after{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
/*换行*/
.grid,
.layui-filter .fl,
.index-link,
.goods-list{-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
/*垂直居中*/
.grid.grid-square>div>i[class*="layui-icon-"],
.input-group,
.layui-filter .fl,
.goods-manage>.flex .topbox .layui-btn{-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;}
/*左右居中*/
.grid.grid-square>div>i[class*="layui-icon-"],
.cashier .layui-btn,
.goods-manage>.flex .topbox .layui-btn,
.goods-manage>.flex .topbox{-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;}
/*左右对齐*/
.layui-tab-content .layui-bottom{-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;}
/*水平平均*/
.index-link{-webkit-justify-content: space-around;-moz-justify-content: space-around;-ms-justify-content: space-around;-o-justify-content: space-around;justify-content: space-around;}
/*垂直布局*/
.grid.grid-square>div>i[class*="layui-icon-"]{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
/* ==================
    页面自适应样式
 ==================== */
@media screen and (max-width:1600px) {
	/*首页链接*/.index-link a{width: 10%;}
	/*商品列表*/.goods-list li{width: 14.2857%;}
}
@media screen and (max-width:1366px) {
	/*首页链接*/.index-link a{width: 12.5%;}
	/*商品列表*/.goods-list li{width: 20%;}
	/*订单详情*/.order-info.grid li{width: 33.3333%;}
}
@media screen and (max-width:1024px) {
	/*首页链接*/.index-link a{width: 16.6667%;}
	/*商品列表*/.goods-list li{width: 33.3333%;}
	/*订单详情*/.order-info.grid li{width: 50%;}
}
@media screen and (min-width:769px) {
	/*flex表单*/.hmt-form-group .layui-inline{display: box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display: flex;}
	.hmt-form-group .layui-inline .layui-input~.layui-form-select,
	.hmt-form-group .layui-inline .layui-form-select~.layui-form-select{margin: 0 0 0 10px;}
}
@media screen and (min-width:768px) {
	/*提示*/.layadmin-tips h1{font-size: 80px;}
	.layadmin-tips p{font-size: 18px;}
	/*404*/body>.layadmin-tips .layui-icon{font-size: 200px;}
	body>.layadmin-tips .layui-text{border-top-width: 5px;}
}
@media screen and (max-width:768px) {
	/*首页链接*/.index-link a{width: 20%;}
}
@media screen and (max-width:480px){
	/* 列间隔 */.layui-col-space20>*{padding: 0;}
	/*表单*/.layui-filter .hmt-form-group{margin-bottom: 10px;}
	/*首页链接*/.index-link a{width: 25%;padding: 10px;}
	.index-link a .layui-icon{font-size: 40px;}
	/*收银台*/.cashier .hmt-form-group,
	.cashier .layui-tab-item .flex{margin-top: 10px;}
	/*商品管理*/.goods-manage{display: block;height: auto;}
	.goods-manage>.flex{width: 100%;}
	.goods-manage .layui-tree{height: auto;max-height: 300px;}
	.goods-manage .layui-tree .layui-tree-txt{max-width: 160px;}
	.goods-manage .layui-tab .layui-tab-title{overflow-x: auto;}
	/*订单详情*/.order-info.grid li{width: 100%;}
}