@import url("./animate.min.css");
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --white: rgb(255, 255, 255);
  --blue-400: rgb(122, 122, 255);
  --green-100: rgb(227, 255, 242);
  --green-300: rgb(148, 242, 200);
  --green-400: rgb(114, 224, 175);
  --green-500: rgb(34, 212, 146);
  --purple-100: rgb(251, 245, 255);
  --purple-200: rgb(236, 211, 253);
  --purple-300: rgb(214, 188, 250);
  --purple-400: rgb(183, 148, 244);
  --purple-500: rgb(121, 0, 245);
  --purple-600: rgb(113, 7, 220);
  --purple-800: rgb(79, 15, 143);
  --red-100: rgb(255, 235, 243);
  --red-300: rgb(250, 133, 162);
  --red-400: rgb(250, 78, 121);
  --yellow-100: rgb(255, 253, 235);
  --yellow-200: rgb(255, 248, 196);
  --yellow-300: rgb(255, 243, 148);
  --yellow-400: rgb(255, 234, 79);
  --tint-50: rgba(0, 0, 150, 0.015);
  --tint-100: rgba(0, 0, 150, 0.025);
  --tint-200: rgba(0, 0, 100, 0.07);
  --tint-300: rgba(25, 0, 100, 0.1);
  --tint-400: rgba(20, 0, 100, 0.2);
  --tint-500: rgba(30, 20, 90, 0.35);
  --tint-600: rgba(30, 20, 70, 0.5);
  --tint-700: rgba(15, 10, 60, 0.75);
  --gray-50: rgb(252, 252, 253);
  --gray-100: rgb(247, 247, 252);
  --gray-200: rgb(238, 238, 245);
  --gray-300: rgb(232, 229, 239);
  --gray-400: rgb(209, 204, 224);
  --gray-500: rgb(176, 173, 197);
  --gray-600: rgb(142, 137, 162);
  --gray-700: rgb(75, 71, 109);
  --gray-800: rgb(51, 47, 81);
  --dark-white: rgb(38, 38, 50);
  --dark-blue-400: rgb(85, 0, 255);
  --dark-green-100: rgb(32, 97, 90);
  --dark-green-300: rgb(55, 111, 123);
  --dark-green-500: rgb(63, 152, 142);
  --dark-purple-100: rgb(60, 46, 96);
  --dark-purple-200: rgb(81, 50, 128);
  --dark-purple-300: rgb(104, 85, 147);
  --dark-purple-400: rgb(106, 87, 148);
  --dark-purple-500: rgb(126, 107, 167);
  --dark-purple-600: rgb(145, 127, 183);
  --dark-purple-800: rgb(158, 140, 194);
  --dark-red-100: rgb(255, 235, 243);
  --dark-red-300: rgb(250, 133, 162);
  --dark-red-400: rgb(250, 78, 121);
  --dark-yellow-100: rgb(61, 57, 49);
  --dark-yellow-200: rgb(90, 78, 53);
  --dark-yellow-300: rgb(119, 103, 70);
  --dark-yellow-400: rgb(145, 121, 90);
  --dark-tint-50: rgba(240, 240, 245, 0.05);
  --dark-tint-100: rgba(240, 240, 245, 0.075);
  --dark-tint-200: rgba(240, 240, 245, 0.1);
  --dark-tint-300: rgba(240, 240, 245, 0.125);
  --dark-tint-400: rgba(240, 240, 245, 0.25);
  --dark-tint-500: rgba(240, 240, 245, 0.45);
  --dark-tint-600: rgba(240, 240, 245, 0.55);
  --dark-tint-700: rgba(240, 240, 245, 0.65);
  --dark-gray-0: rgb(30, 30, 40);
  --dark-gray-50: rgb(38, 38, 50);
  --dark-gray-100: rgb(48, 48, 58);
  --dark-gray-200: rgb(51, 51, 65);
  --dark-gray-300: rgb(75, 75, 85);
  --dark-gray-400: rgb(142, 142, 160);
  --dark-gray-500: rgb(152, 152, 170);
  --dark-gray-600: rgb(165, 165, 175);
  --dark-gray-700: rgb(216, 216, 223);
  --dark-gray-800: rgb(230, 230, 235);
  --dark-shadow-sm: '0 2px 0 var(--gray-0)';
  --dark-shadow-default: '0 2px 0 var(--gray-50), 2px 4px 0 var(--gray-0)';
  --dark-shadow-lg: '0 2px 0 var(--gray-100), 2px 4px 0 var(--gray-50), 4px 6px 0 var(--gray-0)';
  --dark-shadow-input: 'inset 0 2px 0 var(--gray-100)';
}
.text-blue {color: var(--blue) !important;}
.text-indigo {color: var(--indigo) !important;}
.text-purple {color: var(--purple) !important;}
.text-pink {color: var(--pink) !important;}
.text-red {color: var(--red) !important;}
.text-orange {color: var(--orange) !important;}
.text-yellow {color: var(--yellow) !important;}
.text-green {color: var(--green) !important;}
.text-teal {color: var(--teal) !important;}
.text-cyan {color: var(--cyan) !important;}
.text-white {color: var(--white) !important;}
.text-gray {color: var(--gray) !important;}
.text-gray-dark {color: var(--gray-dark) !important;}
.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-success {color: var(--success) !important;}
.text-info {color: var(--info) !important;}
.text-warning {color: var(--warning) !important;}
.text-danger {color: var(--danger) !important;}
.text-light {color: var(--light) !important;}
.text-dark {color: var(--dark) !important;}
.bg-blue {background-color: var(--blue) !important;}
.bg-indigo {background-color: var(--indigo) !important;}
.bg-purple {background-color: var(--purple) !important;}
.bg-pink {background-color: var(--pink) !important;}
.bg-red {background-color: var(--red) !important;}
.bg-orange {background-color: var(--orange) !important;}
.bg-yellow {background-color: var(--yellow) !important;}
.bg-green {background-color: var(--green) !important;}
.bg-teal {background-color: var(--teal) !important;}
.bg-cyan {background-color: var(--cyan) !important;}
.bg-white {background-color: var(--white) !important;}
.bg-gray {background-color: var(--gray) !important;}
.bg-gray-dark {background-color: var(--gray-dark) !important;}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-success {background-color: var(--success) !important;}
.bg-info {background-color: var(--info) !important;}
.bg-warning {background-color: var(--warning) !important;}
.bg-danger {background-color: var(--danger) !important;}
.bg-light {background-color: var(--light) !important;}
.bg-dark {background-color: var(--dark) !important;}
g{color:green;}
r{color:red;}
a{color: var(--gray);}
a:hover{color: var(--green);}
#nprogress{pointer-events:none}#nprogress .bar{background:var(--red);position:fixed;z-index:1031;top:0;left:0;width:100%;height:4px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.icon {
     width: 1.5em; height: 1.7em;
     vertical-align: -0.15em;
     fill: currentColor;
     overflow: hidden;
 }
.layui-table img{
    max-width: inherit;
}

.layui-btn{background-color: var(bg-red) !important;}

.file_list{line-height: 30px; cursor: pointer;}
.file_list i{margin-right: 5px;}
#file_list_container li{padding: 5px;line-height: 25px;}
#file_list_container li i{margin-right: 10px;}
.layui-table-view{margin: 0;}
.layui-table-tool{background-color: var(--white); border-width: 0;}
.layui-form-select dl dd, .layui-form-select dl dt{padding-right: 30px;}
.search-type{padding: 0;}
.layui-form-label{width:220px;}
.layui-input-block{margin-left: 230px;}
.layui-select-title .layui-input{border: 0; text-align: right; }
.layui-form{background-color: var(--white);}
#search{padding:0 15px;overflow-y: auto;}
.layui-table-tool .layui-btn-container, .layui-btn-container .layui-btn{margin-bottom: 0;}
.layui-form-select .layui-edge{border-top-color:var(--blue)}
.layui-btn-sm i{font-size: 14px;}
.layui-tree-iconClick .layui-icon{font-size: 16px;}
.layui-table-tool .layui-icon{font-size: 14px;}
.layui-icon-sousuo1{color: #bec1d6;}
.layui-tree-iconClick .layui-icon-subtraction, .layui-tree-iconClick .layui-icon-addition{font-size: 20px;}
.layui-tree-iconClick .layui-icon {margin-left: 3px;}
.table_icon{margin-bottom: 20px;}
.table_icon .layui-icon{font-size: 50px;}

.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
    border-color:#c7cecd;
}
.layui-form-checkbox span{color:#080808}
.layui-form-checked span{color:var(--white);}

.layui-bg-shallow-green{background-color: var(--blue); color: var(--white); padding: 6px; padding: 4px 5px; cursor: pointer;border-radius:2px;}
.layui-border-green{border:1px solid rgb(194,194,194); background-color: rgb(194,194,194); color: var(--white); padding: 4px 5px; margin-right: 10px; border-radius:2px;}
.layui-border-green:hover{background-color: var(--blue); border-color: var(--blue);}
.layui-border-green i{cursor: pointer;}
.layui-table img{
    max-width: inherit;
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{
    border-color:#c7cecd;
}
.layui-form-checkbox span{color:#080808}
.layui-form-checked span{color:var(--white);}
/*Datatable END */
.layui-form-item .layui-inline{margin-bottom: auto; margin-right: auto;}

.layui-form-label{width:150px; }
.layui-input-block{margin-left: 180px; min-height: 16px;}

.layadmin-user-login-box{background-color: var(--white); border-radius: 10px;}

.eleTree{position:relative;}.eleTree-hide,.eleTree-search-hide{display:none;}.eleTree-loadData{width:100%;height:100%;position:absolute;z-index:1;top:0px;}.eleTree-loadData .layui-icon{position:absolute;left:50%;top:50%;transform:translateX(-50%)  translateY(-50%);}.eleTree-node-content{cursor:pointer;height:26px;line-height:1.3;white-space:nowrap;}.eleTree-node-content:hover,.eleTree-node-content.eleTree-node-content-active{background-color:#eee;}.eleTree-node-content-icon .layui-icon{padding:6px 3px;color:#c0c4cc;font-size:12px;display:inline-block;transform:rotate(0deg);transition:transform .3s ease-in-out;}.eleTree-node-content-icon .layui-icon.icon-rotate{transform:rotate(90deg);}.eleTree-node-content .layui-form-checkbox[lay-skin=primary] i{width:13px;height:14px;line-height:1.3;}.eleTree-node-content-label{padding-left:5px;}.eleTree-node-content-input{width:80px;border:1px solid #e6e6e6;outline:0;padding:3px 5px;font-size:12px;}.eleTree-node{position:relative;}.eleTree-node .eleTree-node-verticalline{position:absolute;width:0;height:100%;border:1px dotted #ccc;z-index:1;}.eleTree-node .eleTree-node-horizontalline{position:absolute;height:0;top:13px;border:1px dotted #ccc;z-index:1;}input.eleTree-hideen[type=checkbox]{display:none;}.eleTree-checkbox{height:auto!important;line-height:normal!important;min-height:12px;border:none!important;margin-right:0;padding-left:18px;position:relative;display:inline-block;}.eleTree-checkbox i{left:0;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear;position:absolute;top:0;color:#fff;cursor:pointer;text-align:center;width:13px;height:14px;line-height:1.3;}.eleTree-checkbox i:hover{border-color:var(--blue);}.eleTree-checkbox-checked i{border-color:var(--blue);background-color:var(--blue);color:#fff;}.eleTree-checkbox-line:after{content:"";position:relative;width:8px;height:1px;background-color:#fff;display:inline-block;top:-4px;}.eleTree-checkbox.eleTree-checkbox-disabled i{cursor:not-allowed;background-color:#f2f6fc;border-color:#dcdfe6;color:#c2c2c2;}.eleTree-checkbox.eleTree-checkbox-disabled i.eleTree-checkbox-line:after{background-color:#c2c2c2;}.eleTree-checkbox.eleTree-checkbox-disabled i:hover{border-color:#dcdfe6;}#tree-menu{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;box-shadow:2px 2px 2px #999;display:none;z-index:20181205;}#tree-menu li>a{display:block;padding:0 1em;text-decoration:none;width:auto;color:#000;white-space:nowrap;line-height:2.4em;text-shadow:1px 1px 0 #fff;border-radius:1px;}#tree-menu li>a:hover{background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1;}.tree-menu-bg{background-color:#ccc;}

.layui-laydate .layui-this, .laydate-footer-btns span{box-shadow: 6px 5px 10px #999;}

.layui-tree-set{border-bottom:1px solid rgb(253,253,253); border-top:1px solid rgb(253,253,253); padding-bottom: 6px; border-left:4px solid rgb(253,253,253);}
.layui-tree-txt{text-decoration: none; font-size: 14px;}
.layui-tree-main{padding-top: 2px;}
.layui-tree-emptyText{padding-top: 20px;}
.layui-tree-top{padding: 10px; font-size: 16px; line-height: 31px; height: 31px; background-color: #fdfdfd;color: #000000;}
/* .layui-tree-line .layui-tree-set:hover{border-left:4px solid rgb(253,253,253); border-left-color:rgb(0,150,136); border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2; }
.layui-tree-set>.layui-tree-set-checked{border-left-color:rgb(0,150,136); border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2; border-left:4px solid rgb(0,150,136);} */
.layui-tree-set-checked .layui-tree-main span{ color: rgb(0, 150, 136); font-weight: 600;}
.layui-tree-icon{border: 0;margin: 0 10px;width: 20px;}
.layui-tree-icon .layui-icon{font-size: 20px;color: #c0c4cc;}

/* .layui-layer-iframe{overflow:hidden;} */
.layui-side-menu .layui-nav .layui-nav-item>a{padding-top:0; padding-bottom:0;}

/* 表单 */
.layui-table-tool {background-color: var(--white);}
.layui-table-view {margin: 0;}
.layui-form-label {line-height: 20px;}
.layui-upload-img {max-height: 150px; margin: 0 10px 0 0;max-width: 100%;}
.layui-btn-normal{background-color: var(--blue);}
.layui-rate{padding-top: 6px;}
.buer-date{background-image: url(../../../static/images/date.png); background-repeat: no-repeat; background-position: center right;}
.layui-input-block{position: relative;line-height: 37px;}
.layui-form-item .layui-form-item .layui-form-checkbox{margin-top: 0px;}
.layui-form-checkbox{height: 37px; line-height: 37px;}
.layui-form-checkbox i{height: 35px;}
.layui-form-item .layui-form-checkbox{margin-top: 0;}
.input_explain{font-size: 14px; margin-top: 10px; color: #999; line-height:25px;clear: both;}
.input_tips{padding: 10px; font-size: 16px; line-height: 30px;}
.seizeseat{display: none;}
.layui-anim.layui-icon {
    display: inline-block
}
.layui-btn-sm i {
    font-size: 14px !important
}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {color: var(--primary);}
.buer-table-form td{padding: 0;}
.buer-table-form td input{border: 0;}
.buer-table-form .switch_area{padding-bottom:8px; text-align: center;}

.buer-btn-shadow{box-shadow: 6px 5px 10px #999;}
.buer-shadow{ box-shadow: 0px 5px 10px #555555;}
.box-shadow-1{box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1),0 3px 8px 0 rgba(0,0,0,0.19) !important;}

.buer-has-no{padding-top: 80px; text-align: center; font-size: 60px; color: #ccc;}
.buer-has-no .text{font-size: 14px;}

.buerform-text input{border: 0; padding-left: 0;}
.buerform-text .layui-form-item{margin-bottom: 0;}

.welcome .layui-card .layui-tab-brief .layui-tab-content{padding: 0; overflow: hidden; height: 310px;}
.welcome .layui-table tr{margin: 0; width:100px}
.welcome .layui-table td{line-height: 15px; height: 10px; overflow: hidden; border-width: 0; white-space:nowrap;  text-overflow:ellipsis;}
.welcome .layui-table th{border-width: 0;}
.welcome .layui-table thead tr{background-color: var(--white); border: 0;}
.welcome .layui-layout-body{overflow: auto;}
.welcome .layui-fluid{padding: 15px;}
.welcome .refresh{float: right; padding: 15px 15px 0 0; cursor: pointer;}

.layui-layout-admin .layui-logo{height: 60px;}
.layui-layout-admin .layui-header{height: 60px;}
.layui-table-box .icon-shuaxin {margin-top:25%;}
.layui-form-switch {background-color: var(--gray);}
.layui-form-switch em{color: var(--white) !important;}
.layui-form-switch i {
    background-color: var(--white);
}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{text-decoration: none;}
.layui-form-onswitch {
    border-color: var(--blue);
    background-color: var(--blue);
}
.buer_file_tit{border-radius: 5px 5px 0 0; border:1px solid #e2e2e2;}
.buer_file_fun{border-radius: 0 0 5px 5px; background-color: #e2e2e2; margin-bottom: 10px; text-align: right;}
/* 滚动条 Start */
::-webkit-scrollbar {
    width:9px;
    height:9px;
}
::-webkit-scrollbar-track {
    width: 6px;
    background-color:#ccc;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb {
    background-color:#606d71;
    background-clip:padding-box;
    min-height:28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb:hover {
    background-color:var(--blue);
}

.layui-disabled, .layui-disabled:hover {
    color: #b0afaf !important;
    cursor: not-allowed !important;
}
/* 滚动条 End */
/* tab Start */
.layadmin-pagetabs {
    position: relative;
    top: 0;
    right: 0;
    z-index: 999
}

.layadmin-pagetabs .layui-breadcrumb {
    padding: 0 15px
}
.layadmin-pagetabs {
    height: 40px;
    line-height: 40px;
    padding: 0 80px 0 40px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 4px 4px 9px 0 rgba(0, 0, 0, .1);
}

.layadmin-pagetabs .layadmin-tabs-control {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    border-left: 1px solid #f6f6f6
}

.layadmin-pagetabs .layadmin-tabs-control:hover {
    background-color: #f6f6f6
}

.layadmin-pagetabs .layui-icon-prev {
    left: 0;
    border-left: none;
    border-right: 1px solid #f6f6f6
}

.layadmin-pagetabs .layui-icon-next {
    right: 40px
}

.layadmin-pagetabs .layui-icon-down {
    right: 0
}
.layadmin-pagetabs .layui-tab {
    margin: 0;
    overflow: hidden
}

.layadmin-pagetabs .layui-tab-title {
    height: 40px;
    border: none;
}

.layadmin-pagetabs .layui-tab-title li {
    min-width: 0;
    line-height: 40px;
    text-overflow: ellipsis;
    padding-right: 10px;
    overflow: hidden;
    border-right: 1px solid #f6f6f6;
    vertical-align: top;
}

.layadmin-pagetabs .layui-tab-title li:first-child {
    padding-right: 15px
}

.layadmin-pagetabs .layui-tab-title li .icon-delete {
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -7px 0 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    font-size: 12px
}

.layadmin-pagetabs .layui-tab-title li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    border-radius: 0;
    background-color: #292B34;
    transition: all .3s;
    -webkit-transition: all .3s
}

.layadmin-pagetabs .layui-tab-title li:hover:after {
    width: 100%
}

.layadmin-pagetabs .layui-tab-title li.layui-this,
.layadmin-pagetabs .layui-tab-title li:hover {
    background-color: #e3e3e3
}

.layadmin-pagetabs .layui-tab-title li.layui-this:after {
    width: 100%;
    border: none;
    height: 2px;
    background-color: #292B34
}
.layui-layout-admin .layadmin-tabsbody-item {
    position: absolute;
    top: 102px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    box-shadow: 0px 0px 6px 3px #e6e6e6;
}
.layadmin-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white);
}
.layui-nav{background-color: var(--white);}
/* tab End */

.layui-colorpicker-main-input div.layui-inline {
    width: 80px;
}
.custom-template {
	position: fixed;
	top: 150px;
	right: -600px;
	width: 600px;
	height: max-content;
	display: block;
	z-index: 1;
	background: var(--white);
	transition: all .3s;
	z-index: 1003;
	box-shadow: -1px 1px 20px rgba(69, 65, 78, 0.15);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: all .5s;
}

.custom-template.open {
	right: 0px;
}

.custom-template .custom-toggle {
	position: absolute;
	width: 45px;
	height: 45px;
	background: rgb(88, 103, 221);
	top: 50%;
	left: -45px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #177dff;
	cursor: pointer;
	color: var(--white);
	box-shadow: -5px 5px 20px rgba(69, 65, 78, 0.21);
}

.custom-template .custom-toggle i {
	font-size: 20px;
	animation: 1.3s spin linear infinite;
}

.custom-template .title{
    padding: 15px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
    border-top-left-radius: 5px;
    border-bottom: 1px solid #ebedf2;
    background: #5867dd;
}
.buer-card{box-shadow: 0px 1px 13px 0px #a3a3a3; margin: 20px;}
.layui-tab-title li .layui-icon-close:hover {
    border-radius: 2px;
    background-color: #FF5722;
    color: #fff;
}
.layui-tab-title li .layui-icon-close {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 8px;
    top: 1px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s;
}
.shadow-lg {
    box-shadow: 0 1rem 1.25rem rgba(0,0,0,.175)!important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.cursor{cursor: pointer;}
.layui-form-switch em {
    margin-right: 7px;
}
.layui-form-onswitch em {
    margin-right: 21px !important;
}
.layui-layer-title{font-size: 16px !important; font-weight: 600; }
.layui-col-md12{width: 100%;}
@media (max-width: 768px) {
    .pc{display: none;}
    .layui-form-item {
        width: 100%;
    }
}
.wrapper {
    position: relative;
    z-index: 1;
    height: 32px;
    width: 100%;
    overflow: hidden;
}
.scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 32px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.layui-badge {
    height: 22px;
    line-height: 20px;
    border-radius: 5px;
}
.layui-table-cell {
    z-index: 0;
}
.layui-table-fixed-r .layui-table-cell {
    z-index: 99;
    overflow: hidden;
    text-overflow: unset;
    white-space: nowrap;
}
.layui-table-fixed-r {
    background-color: #fafafa;
}

/*input textarea 美化 Start*/
.input-attr-input {
  position: relative;
  /* z-index: 0; */
}
.input-attr-input .input-attr-allow-clearable {
  padding-right: 38px;
}
.input-attr-input .input-attr-close-icon {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
  color: #888888;
}
.input-attr-input .input-attr-close-icon:hover {
  color: #009688;
}
.input-attr-input .input-attr-word-limit-info {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
.input-attr-textarea {
  position: relative;
  z-index: 0;
}
.input-attr-textarea .input-attr-show-word-limit {
  padding-bottom: 50px;
}
.input-attr-textarea .input-attr-word-limit-info {
  display: block;
  padding: 5px 0px;
  text-align: right;
}
.input-attr-word-limit-info {
  font-size: 12px;
  color: #888888;
}
.layui-table-hover{background-color:#d4f6df !important;}
/*input textarea 美化 End*/

/*checkbox 美化 Start*/
/*checkbox 美化 End*/

/* Tag Start */
@keyframes fariy-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fairy-tag-container {
  width: auto;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
}
.fairy-tag-container:hover {
  border-color: #d2d2d2;
}
.fairy-tag-container span.fairy-tag {
  float: left;
  font-size: 13px;
  padding: 5px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
  line-height: 16px;
  margin-top: 5px;
  margin-left: 5px;
}
.fairy-tag-container span.fairy-tag a {
  font-size: 11px;
  font-weight: bolder;
  color: #ffffff;
  text-decoration: none;
  margin-left: 6px;
}
.fairy-tag-container span.fairy-tag a:hover {
  cursor: pointer;
}
.fairy-tag-container span.fairy-bg-red {
  background-color: #FF5722;
}
.fairy-tag-container span.fairy-bg-orange {
  background-color: #FFB800;
}
.fairy-tag-container span.fairy-bg-green {
  background-color: #009688;
}
.fairy-tag-container span.fairy-bg-cyan {
  background-color: #2F4056;
}
.fairy-tag-container span.fairy-bg-blue {
  background-color: #1E9FFF;
}
.fairy-tag-container span.fairy-bg-black {
  background-color: #393D49;
}
.fairy-tag-container span.fairy-bg-red,
.fairy-tag-container span.fairy-bg-orange,
.fairy-tag-container span.fairy-bg-green,
.fairy-tag-container span.fairy-bg-cyan,
.fairy-tag-container span.fairy-bg-blue,
.fairy-tag-container span.fairy-bg-black {
  color: #ffffff;
}
.fairy-tag-container .fairy-anim-fadein {
  animation: fariy-fadein 0.3s both;
}
.fairy-tag-container .fairy-tag-input[type='text'] {
  width: 80px;
  font-size: 13px;
  padding: 6px;
  background: transparent;
  border: 0 none;
  outline: 0;
}
.fairy-tag-container .fairy-tag-input[type='text']:focus::-webkit-input-placeholder {
  color: transparent;
}
.fairy-tag-container .fairy-tag-input[type='text']:focus:-moz-placeholder {
  color: transparent;
}
.fairy-tag-container .fairy-tag-input[type='text']:focus:-moz-placeholder {
  color: transparent;
}
.fairy-tag-container .fairy-tag-input[type='text']:focus:-ms-input-placeholder {
  color: transparent;
}
/* Tag End */
.layui-layer-setwin {
    right: 15px !important;
}
.pagination .page-link{
  color: var(--defaultcolor) !important;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: var(--defaultcolor) !important;
  border-color: var(--defaultcolor) !important;
}

.layui-text a:not(.layui-btn) {
  color: var(--defaultcolor) !important;
}

.layui-tab-title li {
  font-size: 16px;
}
.layui-tab-brief>.layui-tab-title .layui-this{
  color: var(--defaultcolor) !important;
  font-size: 16px;
  font-weight:600;
}
.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after {
  border-bottom: 2px solid var(--defaultcolor) !important;
}
.layui-timeline-item:before {
  background-color: var(--defaultcolor) !important;
}
.layui-timeline-axis {
  background-color: #ffffff;
  color: var(--defaultcolor);
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--defaultcolor);
}