* { font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif }
body {
    /* Color 可以自定义相关配色 */
	/* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */
	/* 标准色 */
	--red: #ce3f51;/*#e54d42*/
	--orange: #f37b1d;
	--yellow: #fbbd08;
	--ff5250: #ff5250;
	--olive: #8dc63f;
	--green: #39b54a;
	--cyan: #009d85;/*#1cbbb4;*/
	--blue: #0081ff;
	--purple: #6739b6;
	--mauve: #9c26b0;
	--pink: #e03997;
	--brown: #a5673f;
	--grey: #8799a3;
	--black: #333333;
	--darkGray: #666666;
	--gray: #aaaaaa;
	--ghostWhite: #f1f1f1;
	--white: #ffffff;
	/* 浅色 */
	--redLight: #fadbd9;
	--orangeLight: #fde6d2;
	--yellowLight: #fef2ce;
	--oliveLight: #e8f4d9;
	--greenLight: #d7f0db;
	--cyanLight: #d2f1f0;
	--blueLight: #cce6ff;
	--purpleLight: #e1d7f0;
	--mauveLight: #ebd4ef;
	--pinkLight: #f9d7ea;
	--brownLight: #ede1d9;
	--greyLight: #e7ebed;
	/* 渐变色 */
	--gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
	--gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
	--gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
	--gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
	--gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
	--gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
	/* 阴影透明色 */
	--ShadowSize: 6rpx 6rpx 8rpx;
	--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);

    color: #595959; background-color: #f5f7f9 
}


.layui-layout-body { overflow: auto }
.layui-layout-admin { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; -webkit-transition: left .3s,right .3s; transition: left .3s,right .3s }
.layui-layout-admin .layui-header { position: absolute; top: 0; left: 0; right: 0; height: 50px; background-color: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.03); z-index: 999 }
.layui-layout-admin .layui-header .layui-logo { color: #ddd; width: 235px; line-height: 50px; background-color: #191a23; box-shadow: 1px 2px 2px 0 rgba(0,0,0,.05); position: relative; vertical-align: top; white-space: nowrap; display: inline-block; -webkit-transition: width .3s; transition: width .3s; overflow: hidden }
.layui-layout-admin .layui-header .layui-logo img { height: 28px; vertical-align: middle }
.layui-layout-admin .layui-header .layui-logo cite { font-style: normal; vertical-align: middle }
.layui-layout-admin .layui-header .layui-layout-left { padding: 0; vertical-align: top; display: inline-block; position: static !important }
.layui-layout-admin .layui-header .layui-layout-right { padding: 0 }
.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar { height: 2px; top: 0 !important; background-color: #191a23 }
.layui-layout-admin .layui-header .layui-nav .layui-nav-item { line-height: 50px; vertical-align: top }
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child { top: 55px }
.layui-layout-admin .layui-header .layui-nav-item .layui-icon { font-size: 16px }
.layui-layout-admin .layui-header a { color: #595959; padding: 0 15px; cursor: pointer }
.layui-layout-admin .layui-header a:hover { color: #595959 }
.layui-layout-admin .layui-header .layui-nav-child a { color: #595959; text-align: center }
.layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #8c8c8c transparent transparent }
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #8c8c8c }
.layui-layout-admin .layui-header .layui-nav-img { width: 26px; height: 26px; margin-right: 2px; vertical-align: middle }
.layui-layout-admin .layui-header .layui-nav-img + cite { margin-right: 3px; vertical-align: middle }
.layui-layout-admin .layui-header .layui-badge-dot { right: 8px; margin: -10px 0 0 0 }


.layui-layout-admin .layui-logo { background-color: !important; }
.layui-layout-admin .layui-header { background-color: #191a23; }
.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite { color: #f8f8f8; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-top-color: #fbfbfb; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent; border-bottom-color: #fbfbfb; }
.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar { background-color: #fff; background-color: rgba(255,255,255,.5); }


.layui-layout-admin .layui-body { position: absolute; left: 235px; top: 50px; z-index: auto; overflow: auto; -webkit-transition: left .3s; transition: left .3s; -webkit-overflow-scrolling: touch }
.admin-iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% }
.layui-fluid { padding: 15px }
.layui-layout-admin .layui-footer { position: absolute; left: 235px; background: #fff; box-sizing: border-box; border-top: 1px solid #f5f7f9; -webkit-transition: left .3s; transition: left .3s; overflow: hidden }
.close-footer .layui-layout-admin .layui-footer { display: none }
.close-footer .layui-layout-admin .layui-body { bottom: 0 }
.layui-layout-admin .layui-side { position: absolute; top: 50px; width: 235px; background-color: #191a23; box-shadow: 1px 2px 2px 0 rgba(0,0,0,.05); -webkit-transition: width .3s; transition: width .3s; -webkit-user-select: none; user-select: none; z-index: 1000 }
.layui-layout-admin .layui-side .layui-side-scroll { width: 255px; -webkit-transition: width .3s; transition: width .3s }
.layui-layout-admin .layui-side .layui-nav { width: 235px; background-color: transparent; -webkit-transition: width .3s; transition: width .3s }
.layui-layout-admin .layui-side > .layui-side-scroll > .layui-nav:first-child { margin-top: 10px }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item > a { cursor: pointer; padding-top: 5px; padding-bottom: 5px }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item a { -webkit-transition: color .3s,background-color .3s; transition: color .3s,background-color .3s }
.layui-layout-admin .layui-side .layui-nav .layui-nav-more { right: 15px }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item > .layui-nav-child { position: static }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a { padding-left: 50px; cursor: pointer }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a { padding-left: 70px }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 90px }
.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 110px }

@media screen and (min-width:769px) {
    .layui-layout-admin.admin-nav-mini .layui-header .layui-logo { width: 60px }
    .layui-layout-admin.admin-nav-mini .layui-header .layui-logo cite { display: none }
    .layui-layout-admin.admin-nav-mini .layui-header .layui-icon-shrink-right:before { content: "\e66b" }
    .layui-layout-admin.admin-nav-mini .layui-body, .layui-layout-admin.admin-nav-mini .layui-footer { left: 60px }
    .layui-layout-admin.admin-nav-mini .layui-side, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav { width: 60px }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a { overflow: visible }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a .layui-nav-more, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a > cite, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child { display: none !important }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a { background: rgba(0,0,0,.3) }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a > .layui-icon { font-size: 16px; -webkit-transition: font-size .3s; transition: font-size .3s }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child { position: fixed; top: 60px; left: 60px; padding: 5px; min-width: 150px; display: block !important; background: 0 0 !important }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { content: ''; position: absolute; right: 5px; left: 5px; bottom: 0; top: 0; border-radius: 4px; background: #191a23; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1) }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child dd:first-child > .layui-nav-child { margin-top: -5px }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child dd:last-child > .layui-nav-child.show-top { margin-top: 5px }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a { padding: 0 20px !important }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { border-color: transparent transparent transparent rgba(255,255,255,.7); right: 7px; margin-top: -6px }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow2 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); width: 6px; height: 10px; right: 10px; margin-top: -5px; font-weight: 600 }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow2 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before { content: "\e602"; left: -4px; top: -2px }
    .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before { -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0) }
}

@media screen and (max-width:768px) {
    .layui-layout-admin { left: -235px }
    .layui-layout-admin .layui-header .layui-logo, .layui-layout-admin .layui-side { box-shadow: none !important }
    .layui-layout-admin .layui-header .layui-icon-shrink-right:before { content: "\e66b" }
    .layui-layout-admin.admin-nav-mini { left: 0; right: -235px; position: fixed }
    .layui-layout-admin.admin-nav-mini .layui-header .layui-icon-shrink-right:before { content: "\e668" }
    .layui-layout-admin.admin-nav-mini .layui-header .layui-logo, .layui-layout-admin.admin-nav-mini .layui-side { box-shadow: 1px 0 2px 0 rgba(0,0,0,.05) }
    .layui-layout-admin.admin-nav-mini .site-mobile-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 235px; background-color: rgba(0,0,0,.25); -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer; z-index: 1000 }
}

.ew-anim-drop-in { -webkit-animation: ewTransitionDropIn .3s ease-in-out; animation: ewTransitionDropIn .3s ease-in-out; -webkit-transform-origin: 0 0; transform-origin: 0 0 }

@-webkit-keyframes ewTransitionDropIn {
    from { opacity: 0; -webkit-transform: scale(.8) }
    to { opacity: 1; -webkit-transform: scale(1) }
}

@keyframes ewTransitionDropIn {
    from { opacity: 0; transform: scale(.8) }
    to { opacity: 1; transform: scale(1) }
}

.layui-nav-tree .layui-nav-bar { display: none }
.layui-nav-tree > .layui-nav-item > a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 100%; width: 4px; background-color: #009688; -webkit-transition: all .3s ease; transition: all .3s ease }
.layui-nav-tree > .layui-nav-item:hover > a:before { bottom: 0 }
.layui-nav-tree .layui-nav-item a:hover { background-color: transparent }
.layui-nav-tree .layui-this > a:hover { background-color: #009688 }
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this { background: 0 0 }
.layui-nav-tree .layui-nav-item .layui-nav-child { padding: 5px 0; background-color: rgba(0,0,0,.3) !important }
.layui-nav-tree.arrow2 .layui-nav-more { font-family: layui-icon !important; font-size: 12px; font-weight: 600; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; line-height: normal; border: 0; margin: -3px 0 0 0; padding: 0; width: 10px; height: 6px; top: 50%; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease }
.layui-nav-tree.arrow2 .layui-nav-more:before { content: "\e61a"; position: absolute; right: -1px; top: -4px }
.layui-nav-tree.arrow2 .layui-nav-itemed > a > .layui-nav-more { -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) }
.layui-nav-tree.arrow3 .layui-nav-more { font-family: layui-icon !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; line-height: normal; border: 0; margin: -5px 0 0 0; padding: 0; width: 10px; height: 10px; top: 50%; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease }
.layui-nav-tree.arrow3 .layui-nav-more:before { content: "\e654"; position: absolute; top: -2px; left: -1px }
.layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before { content: ''; width: 8px; height: 2px; background-color: rgba(255,255,255,.7); top: 4px; left: 1px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.layui-layout-admin .layui-body > .layui-tab { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content { position: absolute; left: 0; right: 0; bottom: 0; top: 40px; padding: 0 }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item { position: absolute; bottom: 0; right: 0; top: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; opacity: 0; filter: Alpha(opacity=0) }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item.layui-show { visibility: visible; opacity: 1; filter: Alpha(opacity=100) }
.layui-layout-admin.admin-side-flexible .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item { display: none }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title { height: 40px; line-height: 40px; padding: 0 80px 0 40px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); position: absolute; top: 0; left: 0; right: 0; border: 0; overflow: hidden; -webkit-transition: none; transition: none; z-index: 998 }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { min-width: auto; max-width: 160px; line-height: 40px; padding: 0 30px 0 15px; border-right: 1px solid #f6f6f6; overflow: hidden; text-overflow: ellipsis; vertical-align: top; -webkit-transition: background-color .2s; transition: background-color .2s }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #16baaa; color: #fff; font-weight: bold; font-size: 15px; }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover { background-color: #16baaa; }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { border-right: 1px solid whitesmoke; }

.theme-cyan .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #1890ff; color: #fff; }
.theme-blue .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #3c8dbc; color: #fff; }
.theme-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #00a65a; color: #fff; }
.theme-purple .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #722ed1; color: #fff; }
.theme-red .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { background-color: #dd4b39; color: #fff; }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { height: 2px; border: 0; border-radius: 0;  }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:first-child { padding: 0 15px }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li cite { font-style: normal }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title .layui-tab-bar { display: none }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close { width: 16px; height: 16px; line-height: 16px; font-size: 12px; border-radius: 50%; position: absolute; top: 12px; right: 8px; -webkit-transition: background-color .2s,color .2s; transition: background-color .2s,color .2s }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:first-child .layui-tab-close { display: none }
.admin-tabs-control { position: absolute; top: 0; width: 40px; height: 40px; line-height: 40px; background-color: #fff; border-left: 1px solid #f6f6f6; -webkit-transition: background-color .2s; transition: background-color .2s; text-align: center; cursor: pointer; z-index: 998 }
.admin-tabs-control:hover { background-color: #f6f6f6 }
.admin-tabs-control.layui-icon-prev { left: 0; border-left: none; border-right: 1px solid #f6f6f6 }
.admin-tabs-control.layui-icon-next { right: 40px }
.admin-tabs-control.layui-icon-down { right: 0 }
.admin-tabs-control > .layui-nav, .admin-tabs-control > .layui-nav .layui-nav-item { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; background: 0 0 }
.admin-tabs-control > .layui-nav .layui-nav-child { right: 0; top: 40px; left: auto }
.admin-tabs-control > .layui-nav .layui-nav-child a { color: #595959 }
.admin-tabs-control > .layui-nav .layui-nav-bar, .admin-tabs-control > .layui-nav .layui-nav-more { display: none }
.layui-body-header { padding: 0 20px; height: 40px; line-height: 40px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-sizing: border-box; position: absolute; left: 0; right: 0; z-index: 998; display: none }
.layui-body-header.show { display: block }
.layui-body-header-title { padding-left: 6px; border-left: 4px solid #009688 }
.layui-body-header.show + div { position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch }
.hide-body-title .layui-body-header.show { display: none }
.hide-body-title .layui-body-header.show + div { top: 0 }
.layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item > .page-loading, .layui-layout-admin .layui-body > .page-loading, .layui-layout-admin .layui-body > div > iframe[lay-id] + .page-loading { z-index: 997 }
.layui-layer.layui-layer-adminRight { bottom: 0; top: 50px !important; border: none !important; box-shadow: 1px 1px 50px rgba(0,0,0,.3) !important; overflow: auto }
.layui-layer.layui-layer-adminRight > .layui-layer-content, .layui-layer.layui-layer-adminRight > .layui-layer-content > iframe { height: 100% !important }
.layui-layer.layui-layer-adminRight > .layui-layer-title + .layui-layer-content { position: absolute; top: 43px; left: 0; right: 0; bottom: 0; height: auto !important }
.layui-anim-rl { -webkit-animation-name: layui-rl; animation-name: layui-rl }

@-webkit-keyframes layui-rl {
    from { -webkit-transform: translate3d(100%,0,0) }
    to { -webkit-transform: translate3d(0,0,0) }
}

@keyframes layui-rl {
    from { transform: translate3d(100%,0,0) }
    to { transform: translate3d(0,0,0) }
}

.layui-anim-lr, .layui-anim-rl.layer-anim-close { -webkit-animation-name: layui-lr; animation-name: layui-lr }

@-webkit-keyframes layui-lr {
    from { -webkit-transform: translate3d(0,0,0); opacity: 1 }
    to { -webkit-transform: translate3d(100%,0,0); opacity: 1 }
}

@keyframes layui-lr {
    from { transform: translate3d(0,0,0) }
    to { transform: translate3d(100%,0,0) }
}

.layui-layer-iframe .layui-layer-content { overflow: auto; -webkit-overflow-scrolling: touch }

@media screen and (max-width:768px) {
    .layui-layer-admin { max-width: 98%; max-width: -webkit-calc(100% - 30px); max-width: -moz-calc(100% - 30px); max-width: calc(100% - 30px); width: max-content; left: 0 !important; right: 0 !important; margin: auto !important; margin-bottom: 15px !important }
    .layui-layer-admin[area] { max-width: 100%; margin-bottom: 0 !important }
}

body .layui-layer-msg { border: 0; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1) }
body .layui-layer-load { background: 0 0 }
.page-loading { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 19891017; background-color: #fff }
body > .page-loading { position: fixed; background-color: #f5f7f9 }
.layui-layout-admin > .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item > .page-loading, .layui-layout-admin > .layui-body > .page-loading, .layui-layout-admin > .layui-body > div > iframe[lay-id] + .page-loading { background-color: #f5f7f9 }
.layui-layout-admin > .layui-body > .layui-body-header.show + div + .page-loading { top: 40px; height: auto }
.page-no-scroll { overflow-x: hidden !important; overflow-y: hidden !important; min-height: 80px }
.ball-loader, .layui-loader, .rubik-loader, .signal-loader { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
.ball-loader > span, .signal-loader > span { background-color: #4aca85; display: inline-block }
.ball-loader.sm > span:nth-child(1), .ball-loader > span:nth-child(1), .signal-loader.sm > span:nth-child(1), .signal-loader > span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s }
.ball-loader.sm > span:nth-child(2), .ball-loader > span:nth-child(2), .signal-loader.sm > span:nth-child(2), .signal-loader > span:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s }
.ball-loader.sm > span:nth-child(3), .ball-loader > span:nth-child(3), .signal-loader.sm > span:nth-child(3), .signal-loader > span:nth-child(3) { -webkit-animation-delay: .15s; animation-delay: .15s }
.ball-loader.sm > span:nth-child(4), .ball-loader > span:nth-child(4), .signal-loader.sm > span:nth-child(4), .signal-loader > span:nth-child(4) { -webkit-animation-delay: .2s; animation-delay: .2s }
.rubik-loader { width: 64px; height: 64px; background-image: url(img/ic_loading.gif); background-repeat: no-repeat; background-position: center; background-size: contain }
.rubik-loader.sm { width: 50px; height: 50px }
.ball-loader > span { width: 20px; height: 20px; margin: 0 3px; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation: 1s ball-load ease-in-out infinite; animation: ball-load 1s ease-in-out infinite }

@-webkit-keyframes ball-load {
    0% { -webkit-transform: scale(0) }
    50% { -webkit-transform: scale(1) }
    100% { -webkit-transform: scale(0) }
}

@keyframes ball-load {
    0% { transform: scale(0) }
    50% { transform: scale(1) }
    100% { transform: scale(0) }
}

.ball-loader.sm > span { width: 15px; height: 15px; margin: 0 2px }
.signal-loader { width: 50px; height: 22px }
.signal-loader > span { width: 8px; height: 0; position: absolute; bottom: 0; left: 0; margin: 0; -webkit-animation: signal-load 1s infinite; animation: signal-load 1s infinite }
.signal-loader > span:nth-child(2) { left: 14px }
.signal-loader > span:nth-child(3) { left: 28px }
.signal-loader > span:nth-child(4) { left: 42px }

@-webkit-keyframes signal-load {
    0% { height: 0 }
    50% { height: 22px }
    100% { height: 0 }
}

@keyframes signal-load {
    0% { height: 0 }
    50% { height: 22px }
    100% { height: 0 }
}

.signal-loader.sm { width: 32px; height: 15px }
.signal-loader.sm > span { width: 5px; -webkit-animation: signal-load-sm 1s infinite; animation: signal-load-sm 1s infinite }
.signal-loader.sm > span:nth-child(2) { left: 9px }
.signal-loader.sm > span:nth-child(3) { left: 18px }
.signal-loader.sm > span:nth-child(4) { left: 27px }

@-webkit-keyframes signal-load-sm {
    0% { height: 0 }
    50% { height: 15px }
    100% { height: 0 }
}

@keyframes signal-load-sm {
    0% { height: 0 }
    50% { height: 15px }
    100% { height: 0 }
}

.layui-loader .layui-icon { font-size: 36px; color: #bbb }
.layui-loader.sm .layui-icon { font-size: 30px }
.layui-form.toolbar .layui-form-item, .layui-form.toolbar .layui-form-item .layui-inline > .layui-input-inline { margin-bottom: 0 }
.layui-form.toolbar .layui-form-item .layui-inline { margin-bottom: 10px }
.layui-card-body > .layui-table, .layui-card-body > .layui-table-view, .toolbar + .layui-table, .toolbar + table + .ew-tree-table, .toolbar + table + .layui-table-view { margin: 0 }
.layui-form.toolbar .layui-form-item .layui-inline > .layui-input-inline, .mr0 { margin-right: 0 !important }
.w-auto { width: auto !important }
.model-form { padding: 25px 30px 0 0 }
.model-form.no-padding { padding: 0 }
.model-form .model-form-body { overflow-y: auto; padding: 25px 30px 0 0; max-height: calc(100vh - 180px) }
.model-form.no-padding .model-form-footer { padding-top: 10px; padding-right: 30px }
.layui-form.model-form > .layui-form-item:last-child { margin-bottom: 0; padding-bottom: 20px }
.layui-form-required:before { content: "*"; display: inline-block; font-family: SimSun; margin-right: 4px; font-size: 14px; line-height: 1; color: #ed4014 }
.layui-input, .layui-textarea { color: #595959 }
.layui-form-select .layui-input { padding-right: 0 }
.layui-form-select-top .layui-form-select > dl { top: auto; bottom: 42px }
.ew-select-fixed .layui-form-selected dl { position: fixed; min-width: auto; bottom: auto; right: auto }
body .layui-form-checked[lay-skin=primary] i, body .layui-form-checked[lay-skin=primary]:hover i { color: #fff }
body .layui-form-checkbox[lay-skin=primary] span, body .layui-form-checkbox[lay-skin=primary]:hover span { background-color: transparent }
body .layui-form-danger + .layui-form-select .layui-input, body .layui-input.layui-form-danger:focus, body .layui-textarea.layui-form-danger:focus { border-color: #ff5722 !important }
body .layui-laypage input.layui-input { height: 30px; line-height: 30px }
body .layui-table-page .layui-laypage input.layui-input { height: 26px; line-height: 26px }
body .layui-form-onswitch em { margin-left: 3px; margin-right: 18px }
.layui-btn { -webkit-transition: background-color .2s; transition: background-color .2s }
body .layui-btn.layui-btn-radius { border-radius: 100px }
.layui-btn-primary { color: #595959; border-color: #e6e6e6 }
.layui-btn-primary:hover { border-color: #bbb }
.layui-btn-group .layui-btn-primary:hover { border-color: #e6e6e6 }
.layui-btn-group .layui-btn-primary:first-child { border-left: 1px solid #e6e6e6 }
body .layui-btn.layui-btn-disabled, body .layui-transfer-active .layui-btn.layui-btn-disabled { background-color: #fbfbfb !important; border-color: #e6e6e6 !important; color: #c9c9c9 !important }
/*body .layui-btn.layui-btn-primary { background-color: #fff }
body .layui-btn.layui-btn-normal { background-color: #1e9fff }
body .layui-btn.layui-btn-warm { background-color: #ffb800 }
body .layui-btn.layui-btn-danger { background-color: #ff5722 }*/
.layui-btn-group > .layui-btn + .layui-btn { border-radius: 0 }
.layui-btn-group > .layui-btn:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px }
body .layui-transfer-active .layui-btn { background-color: #5fb878 !important; border-color: #5fb878 !important; color: #fff !important }
.btn-circle { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #009688; position: fixed; right: 15px; bottom: 15px; color: #fff; text-align: center; box-shadow: 0 0 8px rgba(0,0,0,.2); cursor: pointer }
.btn-circle:hover { color: #fff; opacity: .8 }
.btn-circle .layui-icon { font-size: 24px }
.date-icon, .icon-date { background-image: url(img/icon_date.png); background-repeat: no-repeat; background-position: right center; padding-right: 28px }
.icon-search { background-image: url(img/icon_search.png); background-repeat: no-repeat; background-position: right center; padding-right: 26px }
.layui-form-label.icon-text > .layui-icon, a.icon-text > .layui-icon, span.icon-text > .layui-icon { font-size: 14px; margin: 0 2px }
.layui-btn.icon-btn { padding: 0 10px }
.layui-btn.layui-btn-sm.icon-btn { padding: 0 6px }
.bg-white, html.bg-white > body { background-color: #fff }
[ew-href], [lay-tips] { cursor: pointer }
.inline-block { display: inline-block }
.pull-right { float: right }
.pull-left { float: left }
.text-left { text-align: left }
.text-center { text-align: center }
.text-right { text-align: right }
.layui-link, .text-primary { color: #009688 !important }
.text-success { color: #5fb878 !important }
.text-warning { color: #ffb800 !important }
.text-danger { color: #ff5722 !important }
.text-info { color: #01aaed !important }
.text-muted { color: #c2c2c2 !important }
.layui-text a:not(.layui-btn) { color: #2d8cf0; cursor: pointer }
.layui-text a:not(.layui-btn):hover { text-decoration: none }
.ew-console-wrapper .layui-card { box-shadow: none; border-radius: 4px }
.layui-card-header { color: #595959 }
.lay-big-font { font-size: 36px; line-height: 36px; padding: 5px 0 10px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis }
.no-scrollbar { overflow-x: hidden !important; overflow-y: hidden !important }
input.layui-disabled, input.layui-disabled:hover, textarea.layui-disabled, textarea.layui-disabled:hover { color: #595959 !important; background-color: #f6f6f6 }
.layui-input::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder { color: #ccc }
.layui-input::-moz-placeholder, .layui-textarea::-moz-placeholder { color: #ccc }
.layui-input::-ms-input-placeholder, .layui-textarea::-ms-input-placeholder { color: #ccc }
.dropdown-menu { display: inline-block }
.dropdown-menu .dropdown-menu-nav { display: none }
.dropdown-menu + .dropdown-menu, .dropdown-menu + .layui-btn, .layui-btn + .dropdown-menu { margin-left: 10px }
::-webkit-scrollbar { width: 10px; height: 10px; background: 0 0 }
::-webkit-scrollbar-track { background: 0 0 }
::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #c1c1c1 }
::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8 }
.mini-bar::-webkit-scrollbar { width: 6px; height: 6px }
.mini-bar::-webkit-scrollbar-thumb { border-radius: 3px }

@media screen and (max-width:768px) {
    ::-webkit-scrollbar { width: 4px; height: 4px }
    ::-webkit-scrollbar-thumb { border-radius: 0 }
}

#ew-map-select-map { height: 450px }
#ew-map-select-pois { height: 450px; overflow-x: hidden; overflow-y: auto }
.ew-map-select-search-list-item { padding: 10px 30px 10px 15px; border-bottom: 1px solid #e8e8e8; cursor: pointer; position: relative }
.ew-map-select-search-list-item:hover { background: #f2f2f2 }
.ew-map-select-search-list-item:last-child { border-bottom: 0 }
.ew-map-select-search-list-item .ew-map-select-search-list-item-title { font-size: 14px; color: #262626 }
.ew-map-select-search-list-item .ew-map-select-search-list-item-address { font-size: 12px; color: #595959; padding-top: 5px }
.ew-map-select-search-list-item-icon-ok { position: absolute; right: 15px; top: 50%; transform: translateY(-50%) }
.ew-map-select-search-list-item-icon-ok .layui-icon { color: #3b74ff }
.ew-map-select-tool { padding: 5px 15px; box-shadow: 0 1px 0 0 rgba(0,0,0,.05) }
#ew-map-select-center-img { position: absolute; bottom: 50%; left: 50%; width: 26px; margin-left: -13px }
#ew-map-select-center-img2 { position: absolute; left: 50%; top: 50%; font-size: 12px; display: inline-block; margin-left: -6px; margin-top: -7px; color: #3b74ff }
.bounceInDown { animation: bounceInDown .5s; animation-direction: alternate; -webkit-animation: bounceInDown .5s; -webkit-animation-direction: alternate }

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1) }
    0%,to { -webkit-transform: translate3d(0,0,0) }
    25% { -webkit-transform: translate3d(0,-30px,0) }
    50% { -webkit-transform: translate3d(0,-15px,0) }
    75% { -webkit-transform: translate3d(0,-4px,0) }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to { transition-timing-function: cubic-bezier(.215,.61,.355,1) }
    0%,to { transform: translate3d(0,0,0) }
    25% { transform: translate3d(0,-10px,0) }
    50% { transform: translate3d(0,-20px,0) }
    75% { transform: translate3d(0,-10px,0) }
}

#ew-map-select-tips { position: absolute; z-index: 999; background: #fff; max-height: 430px; overflow: auto; top: 48px; left: 56px; width: 280px; box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2 }
#ew-map-select-tips .ew-map-select-search-list-item { padding: 10px 15px 10px 35px }
.ew-map-select-search-list-item-icon-search { position: absolute; left: 10px; top: 50%; transform: translateY(-50%) }
.ew-map-select-search-list-item-icon-search .layui-icon { color: #8c8c8c }
.table-tool-mini .layui-table-view { position: relative }
.table-tool-mini .layui-table-tool { position: absolute; min-height: unset; height: auto; padding: 3px 10px; width: auto; top: -38px; right: -1px; border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #e6e6e6; border-bottom: 0 }
.table-tool-mini .layui-table-tool .layui-table-tool-temp { padding-right: 0; display: inline-block }
.table-tool-mini .layui-table-tool .layui-table-tool-self { position: static; display: inline-block }
.table-tool-mini .layui-table-tool .layui-table-tool-self .layui-inline[lay-event]:first-child { margin: 0 }
.table-tool-mini.full-table .layui-table-tool { top: -35px; height: 1px; padding: 0 10px; background: 0 0; border: 0 }
.table-tool-mini.full-table .layui-table-tool:before { content: ""; position: absolute; top: -3px; right: 0; left: 0; height: 36px; background-color: #f2f2f2; border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #e6e6e6; border-bottom: 0 }

@media screen and (max-width:768px) {
    .layui-laydate-range { left: 0 !important; top: 0 !important; right: 0 !important; margin: 10px auto !important; max-width: 95% }
    .layui-laydate-range .layui-laydate-content table, .layui-laydate-range .layui-laydate-main { width: 100% }
    .layui-laydate-range .laydate-main-list-0 .laydate-next-m, .layui-laydate-range .laydate-main-list-0 .laydate-next-y, .layui-laydate-range .laydate-main-list-1 .laydate-prev-m, .layui-laydate-range .laydate-main-list-1 .laydate-prev-y { display: inline-block !important }
    .layui-laydate-range .laydate-main-list-1 .layui-laydate-header { border-top: 1px solid #e2e2e2 }
    .layui-laydate-range .laydate-main-list-1 .layui-laydate-content { border-left: none !important }
    .layui-laydate-range .laydate-time-list ol li { padding-left: 0 !important; text-align: center }
    .layui-laydate-range .laydate-time-list ol { overflow: auto !important }
}

.layui-tree-spread > div > div > span > .layui-tree-iconArrow:after { border-color: #c0c4cc transparent transparent transparent; top: 6px; left: 0 }
.layui-tree .layui-tree-iconArrow:after { transition: none }
.ew-tb-cell-ck .layui-form-checkbox[lay-skin=primary] { padding-left: 22px }
.ew-tb-cell-ck .layui-form-checkbox[lay-skin=primary] span { padding-right: 5px }
.ew-field-group > .layui-elem-field { border-bottom: 0; margin: 0 }
.ew-field-group > .ew-field-box { border: 1px solid #e6e6e6; padding: 10px 15px; border-top: 0 }
body .layui-elem-quote.layui-quote-nm { border-color: #e6e6e6 }
.layui-card > .layui-tab-brief > .layui-tab-title li { padding: 0 5px; margin: 0 10px; line-height: 43px; height: 43px; transition: color .2s; -webkit-transition: color .2s }
.layui-card > .layui-tab-brief > .layui-tab-title li:after { height: 43px }
.layui-card > .layui-tab-brief > .layui-tab-title { border-bottom-color: #f6f6f6; height: 42px; transition: none; -webkit-transition: none }
.layui-card > .layui-tab-brief > .layui-tab-content { padding: 10px 15px }
.layui-tab.layui-tab-vertical { position: relative }
.layui-tab.layui-tab-vertical:after { content: ""; clear: both; display: block }
.layui-tab.layui-tab-vertical > .layui-tab-title { width: 130px; height: auto; border: 0; border-right: 1px solid #e9e9e9; box-sizing: border-box; padding: 10px 0; float: left }
.layui-tab.layui-tab-vertical > .layui-tab-title > li { display: block; margin-right: -1px; border-right: 2px solid transparent; white-space: normal; line-height: normal; padding: 10px 20px; text-align: right }
.layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-right: 2px solid #5fb878; color: #5fb878 }
.layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this:after { display: none }
.layui-tab.layui-tab-vertical > .layui-tab-title > li > .layui-icon { font-size: 14px; margin-right: 5px }
.layui-tab.layui-tab-vertical > .layui-tab-content { margin-left: 130px }
.layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title { float: right; border-right: 0; border-left: 1px solid #e9e9e9 }
.layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-content { margin-left: 0; margin-right: 130px }
.layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title > li { text-align: left; border-left: 2px solid transparent; border-right: 0 }
.layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title > li.layui-this { border-left: 2px solid #5fb878 }
.layui-tab.layui-tab-vertical.layui-tab-vertical-full > .layui-tab-title { position: absolute; top: 0; left: 0; right: auto; min-height: 100% }
.layui-tab.layui-tab-vertical.layui-tab-vertical-right.layui-tab-vertical-full > .layui-tab-title { right: 0; left: auto }
.ew-btn-loading { opacity: .8; pointer-events: none; font-size: 0 !important }
.ew-btn-loading * { display: none !important }
.ew-btn-loading > .ew-btn-loading-text { font-size: 14px !important; display: inline-block !important }
.ew-btn-loading.layui-btn-sm > .ew-btn-loading-text, .ew-btn-loading.layui-btn-xs > .ew-btn-loading-text { font-size: 12px !important }
.ew-btn-loading.layui-btn-lg > .ew-btn-loading-text { font-size: 16px !important }
.ew-btn-loading > .ew-btn-loading-text * { display: inline-block !important }
.form-search-expand, .form-search-expand:hover { padding: 0 !important; color: #2d8cf0 !important; border: none !important; box-shadow: none !important; background-color: transparent !important }
.form-search-expand .layui-icon { font-size: 12px !important; font-weight: 600 !important }
.form-search-show-expand { display: none !important }
.layui-badge-green { color: #52c41a; background: #f6ffed; border: 1px solid #b7eb8f }
.layui-badge-blue { color: #1890ff; background: #e6f7ff; border: 1px solid #91d5ff }
.layui-badge-red { color: #f5222d; background: #fff1f0; border: 1px solid #ffa39e }
.layui-badge-yellow { color: #faad14; background: #fffbe6; border: 1px solid #ffe58f }
.layui-badge-gray { color: #8c8c8c; background: #fafafa; border: 1px solid #ccc }
.layui-badge { height: 20px; line-height: 19px; box-sizing: border-box }
.layui-badge-list .layui-badge { height: 23px; line-height: 22px; margin: 0 6px 8px 0 }
.layui-badge-list .layui-badge.layui-bg-gray { border: 1px solid #ccc; background-color: #fafafa !important }
.layui-card .layui-card-header .layui-badge.pull-right { top: 50%; margin-top: -10px }
#ew-lock-screen-group { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 19891099 }
.ios-iframe-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
xm-select > .xm-body { margin-left: -2px }
xm-select > .xm-body .xm-option { background-color: transparent !important }
xm-select > .xm-body .xm-option.hide-icon.selected { background-color: #5fb878 !important }
xm-select > .xm-body .xm-option:hover { background-color: #f2f2f2 !important }
.xm-body .xm-tree { min-width: 200px }
.xm-body .xm-tree .xm-option-content { padding-left: 6px }
xm-select { border-color: #e6e6e6 !important }
xm-select:hover { border-color: #d2d2d2 !important }
xm-select[style="border-color: rgb(229, 77, 66);"] { border-color: #e54d42 !important }
body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon { position: absolute; left: 30px; top: 0; right: 0; bottom: 0; width: auto; height: auto; border: none !important; z-index: 1 }
body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon:before { display: none }
body .ew-xmselect-tree xm-select .xm-body .xm-option.selected { background-color: #f2f2f2 !important }
body .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #5fb878 !important }


#pageform .layui-form-item .layui-input-inline { width: 160px; }

.layui-form[data-style=sixwords] { /*满足六个字*/ }
.layui-form[data-style=sixwords] .layui-form-label { width: 90px; }
.layui-form[data-style=sixwords] .layui-input-block { margin-left: 120px; }
.layui-form-infos { padding: 9px 0; line-height: 20px; }
.layui-form-item.nomb { margin-bottom: 0; }
.layui-form-item em { font-style: normal; color: #e4393c }
#pageform .daterang .layui-form-mid { width: 10px; text-align: center; margin: 0; }
#pageform .daterang .layui-form-mid + .sdate-inline { margin-right: 10px; }
#pageform .daterang .sdate-inline { width: 90px; margin-right: 0 }
#pageform .daterang .edate-inline { width: 90px; margin-right: 10px; }

.layui-input[disabled] { background-color: #f8f8f8; }
.hide { display: none; }
/* 头部图标重置 */
.layui-card-header.layuiadmin-card-header-auto { padding-top: 15px; padding-bottom: 0; height: auto;border:0; }
.layuiadmin-card-header-auto i.layuiadmin-button-btn { position: relative; right: 0; top: 0; vertical-align: middle; }
.layuiadmin-card-header-auto .layui-form-item:last-child { margin-bottom: 0; }

.layui-form-fld { float: left; padding: 8px 6px; line-height: 20px; background-color: #f7f8fa; border: 1px solid #e6e6e6; border-right: 0; }
.layui-form-fld.auto { width: auto; }
.layui-form-frd { float: left; padding: 8px 6px; line-height: 20px; background-color: #f7f8fa; border: 1px solid #e6e6e6; border-left: 0; }
.layui-form-frd.auto{width:auto;}
.layuiadmin-card-header-auto .layui-inline.hide { display: none; }

.layui-layer-title{text-align:center;font-weight:bold;}

/*  -- 内外边距 -- */
.margin-0 { margin: 0 }
.margin-xs { margin: 10px }
.margin-sm { margin: 20px }
.margin { margin: 30px }
.margin-lg { margin: 40px }
.margin-xl { margin: 50px }
.margin-top-4 { margin-top: 4px }
.margin-top-6 { margin-top: 6px }
.margin-top-xs { margin-top: 10px }
.margin-top-sm { margin-top: 20px }
.margin-top { margin-top: 30px }
.margin-top-lg { margin-top: 40px }
.margin-top-xl { margin-top: 50px }
.margin-right-xs { margin-right: 10px }
.margin-right-sm { margin-right: 20px }
.margin-right { margin-right: 30px }
.margin-right-lg { margin-right: 40px }
.margin-right-xl { margin-right: 50px }
.margin-bottom-xs { margin-bottom: 10px }
.margin-bottom-sm { margin-bottom: 20px }
.margin-bottom { margin-bottom: 30px }
.margin-bottom-lg { margin-bottom: 40px }
.margin-bottom-xl { margin-bottom: 50px }
.margin-left-xs { margin-left: 10px }
.margin-left-sm { margin-left: 20px }
.margin-left { margin-left: 30px }
.margin-left-lg { margin-left: 40px }
.margin-left-xl { margin-left: 50px }
.margin-lr-xs { margin-left: 10px; margin-right: 10px }
.margin-lr-sm { margin-left: 20px; margin-right: 20px }
.margin-lr { margin-left: 30px; margin-right: 30px }
.margin-lr-lg { margin-left: 40px; margin-right: 40px }
.margin-lr-xl { margin-left: 50px; margin-right: 50px }
.margin-tb-xs { margin-top: 10px; margin-bottom: 10px }
.margin-tb-sm { margin-top: 20px; margin-bottom: 20px }
.margin-tb { margin-top: 30px; margin-bottom: 30px }
.margin-tb-lg { margin-top: 40px; margin-bottom: 40px }
.margin-tb-xl { margin-top: 50px; margin-bottom: 50px }
.padding-0 { padding: 0 }
.padding-xs { padding: 10px }
.padding-sm { padding: 20px }
.padding { padding: 30px }
.padding-lg { padding: 40px }
.padding-xl { padding: 50px }
.padding-top-0 { padding-top: 0 }
.padding-top-xs { padding-top: 10px }
.padding-top-sm { padding-top: 20px }
.padding-top { padding-top: 30px }
.padding-top-lg { padding-top: 40px }
.padding-top-xl { padding-top: 50px }
.padding-right-xs { padding-right: 10px }
.padding-right-sm { padding-right: 20px }
.padding-right { padding-right: 30px }
.padding-right-lg { padding-right: 40px }
.padding-right-xl { padding-right: 50px }
.padding-bottom-0 { padding-bottom: 0 }
.padding-bottom-xs { padding-bottom: 10px }
.padding-bottom-sm { padding-bottom: 20px }
.padding-bottom { padding-bottom: 30px }
.padding-bottom-lg { padding-bottom: 40px }
.padding-bottom-xl { padding-bottom: 50px }
.padding-left-xs { padding-left: 10px }
.padding-left-sm { padding-left: 20px }
.padding-left { padding-left: 30px }
.padding-left-lg { padding-left: 40px }
.padding-left-xl { padding-left: 50px }
.padding-lr-xs { padding-left: 10px; padding-right: 10px }
.padding-lr-sm { padding-left: 20px; padding-right: 20px }
.padding-lr { padding-left: 30px; padding-right: 30px }
.padding-lr-lg { padding-left: 40px; padding-right: 40px }
.padding-lr-xl { padding-left: 50px; padding-right: 50px }
.padding-tb-xs { padding-top: 10px; padding-bottom: 10px }
.padding-tb-sm { padding-top: 20px; padding-bottom: 20px }
.padding-tb { padding-top: 30px; padding-bottom: 30px }
.padding-tb-lg { padding-top: 40px; padding-bottom: 40px }
.padding-tb-xl { padding-top: 50px; padding-bottom: 50px }

.selectShowBtn .layui-icon { line-height: initial; position: absolute; right: 15px; top: 50%; margin-top: -7px; }
/*  -- flex弹性布局 -- */
.flex { display: flex !important }
.basis-xs { flex-basis: 20% }
.basis-sm { flex-basis: 40% }
.basis-df { flex-basis: 50% }
.basis-lg { flex-basis: 60% }
.basis-xl { flex-basis: 80% }
.flex-sub { flex: 1 !important }
.flex-twice { flex: 2 !important }
.flex-treble { flex: 3 !important }
.flex-direction { flex-direction: column }
.flex-wrap { flex-wrap: wrap }
.align-start { align-items: flex-start }
.align-end { align-items: flex-end }
.align-center { align-items: center }
.align-stretch { align-items: stretch }
.self-start { align-self: flex-start }
.self-center { align-self: center }
.self-end { align-self: flex-end }
.self-stretch { align-self: stretch }
.align-stretch { align-items: stretch }
.justify-start { justify-content: flex-start }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }

/* ==================
          背景
 ==================== */
.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-black::after, .lines-black::after { border-color: var(--black) }
.line-white::after, .lines-white::after { border-color: var(--white) }
.bg-red { background-color: var(--red); color: var(--white) }
.bg-orange { background-color: var(--orange); color: var(--white) }
.bg-yellow { background-color: var(--yellow); color: var(--black) }
.bg-olive { background-color: var(--olive); color: var(--white) }
.bg-green { background-color: #38cd9d; color: var(--white) }
.bg-cyan { background-color: var(--cyan); color: var(--white) }
.bg-blue { background-color: var(--blue); color: var(--white) }
.bg-purple { background-color: var(--purple); color: var(--white) }
.bg-mauve { background-color: var(--mauve); color: var(--white) }
.bg-pink { background-color: var(--pink); color: var(--white) }
.bg-brown { background-color: var(--brown); color: var(--white) }
.bg-grey { background-color: var(--grey); color: var(--white) }
.bg-gray { background-color: #f6f8f9; color: var(--black) }
.bg-black { background-color: var(--black); color: var(--white) }
.bg-white { background-color: var(--white); color: var(--darkGray) }
.bg-shadeTop { background-image: linear-gradient(#000,rgba(0,0,0,.01)); color: var(--white) }
.bg-shadeBottom { background-image: linear-gradient(rgba(0,0,0,.01),#000); color: var(--white) }
.bg-red.light { color: var(--red); background-color: var(--redLight) }
.bg-orange.light { color: var(--orange); background-color: var(--orangeLight) }
.bg-yellow.light { color: var(--yellow); background-color: var(--yellowLight) }
.bg-olive.light { color: var(--olive); background-color: var(--oliveLight) }
.bg-green.light { color: var(--green); background-color: var(--greenLight) }
.bg-cyan.light { color: var(--cyan); background-color: var(--cyanLight) }
.bg-blue.light { color: var(--blue); background-color: var(--blueLight) }
.bg-purple.light { color: var(--purple); background-color: var(--purpleLight) }
.bg-mauve.light { color: var(--mauve); background-color: var(--mauveLight) }
.bg-pink.light { color: var(--pink); background-color: var(--pinkLight) }
.bg-brown.light { color: var(--brown); background-color: var(--brownLight) }
.bg-grey.light { color: var(--grey); background-color: var(--greyLight) }
.bg-gradual-red { background-image: var(--gradualRed); color: var(--white) }
.bg-gradual-orange { background-image: var(--gradualOrange); 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) }
/* ==================
          文本
 ==================== */
.text-xs { font-size: 10px }
.text-sm { font-size: 12px }
.text-df { font-size: 14px }
.text-lg { font-size: 16px }
.text-xl { font-size: 18px }
.text-xxl { font-size: 22px }
.text-xxxl { font-size: 30px }
.text-sl { font-size: 40px }
.text-xsl { font-size: 60px }
.text-Abc { text-transform: Capitalize }
.text-ABC { text-transform: Uppercase }
.text-abc { text-transform: Lowercase }
.text-price::before { content: "¥"; font-size: 80%; margin-right: 2px }
.text-cut { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.text-bold { font-weight: 700 }
.text-center { text-align: center }
.text-content { line-height: 1.6 }
.text-left { text-align: left }
.text-right { text-align: right }
.line-red, .lines-red, .text-red { color: var(--red) }
.line-orange, .lines-orange, .text-orange { color: var(--orange) }
.line-yellow, .lines-yellow, .text-yellow { color: var(--yellow) }
.line-olive, .lines-olive, .text-olive { color: var(--olive) }
.line-green, .lines-green, .text-green { color: var(--green) }
.line-cyan, .lines-cyan, .text-cyan { color: var(--cyan) }
.line-blue, .lines-blue, .text-blue { color: var(--blue) }
.line-purple, .lines-purple, .text-purple { color: var(--purple) }
.line-mauve, .lines-mauve, .text-mauve { color: var(--mauve) }
.line-pink, .lines-pink, .text-pink { color: var(--pink) }
.line-brown, .lines-brown, .text-brown { color: var(--brown) }
.line-grey, .lines-grey, .text-grey { color: var(--grey) }
.line-gray, .lines-gray, .text-gray { color: var(--gray) }
.line-black, .lines-black, .text-black { color: var(--black) }
.line-white, .lines-white, .text-white { color: var(--white) }

.layui-layer-dialog .layui-layer-content { text-align: center; font-size: 16px !important; }

.cursor-default { cursor: default !important; }
.layui-table-pagebar.num { float: left !important; }
.layui-table-pagebar.num>span>b{padding:0 6px}