/*
*	Unknown
*	v1.0
*/
html {
    height: 100%;
}
body {
    height: 100%;
    background-color: #eee;
}
.main{height: 100%;}
vue-mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;background-color: #fff;}
.wrap { display: -webkit-box; -webkit-box-orient: vertical; -webkit-flex-flow: column; }
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flex-center{-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.flex-1 {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%;}
.flex1 {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.row-flex .cell{display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.xy-el-loading .el-loading-spinner i{font-size: 3rem; color: #FF6D05; }
.xy-el-loading .el-loading-spinner .el-loading-text{font-weight: 400; font-size: 1.4rem; color: #FF6D05; }
.hover-bg:hover{background-color: #e8e8e8;}
.pointer{cursor: pointer;}
.nav-top{
    height: 60px;
    transition: all .3s ease;
    overflow-y: hidden;
    overflow-x: auto;
}
.nav-top::-webkit-scrollbar{
    display: none;
}
.nav-top .el-menu-item{padding: 0 1rem;}
.nav-top .el-submenu{height:60px;}
.nav-top .el-menu-item a i{margin-top:-3px;}
.nav-top.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{margin-top:4px;}
.nav-top.el-menu.el-menu--horizontal{border-bottom: 0 !important;}
.nav-top.el-menu--horizontal>.el-menu-item.is-active{border-bottom: 0 !important;}
.nav-top.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom: 0 !important;}
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup{min-width: 150px;}
.nav-top .webname{opacity:1;cursor: auto;font-weight:500;font-size: 1rem;}
.nav-top .webname .el-color-picker__trigger{border:0;}
.el-menu-item.theme{opacity:1;cursor: auto;font-weight:normal;font-size: .6rem;}
.el-menu-item.theme .el-color-picker__trigger{border:0;color: }
.el-menu-item.theme .el-color-picker__icon{display: none;}
.nav-top .theme.el-submenu .el-submenu__title{padding: 0 1rem;}
.nav-top .theme.el-submenu .el-submenu__icon-arrow,
.nav-top .theme.el-submenu .el-icon-arrow-down{display: none !important;}
.nav-top .flex-1{cursor: auto;}
.nav-left{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s ease;
}
.nav-left::-webkit-scrollbar{
    display: none;
}
.nav-left:not(.el-menu--collapse) {
    width: 12rem;
}
.body{
    height: 100%;
    overflow: auto;
    display: block;
    position: relative;
    padding: 10px;
}
.el-drawer__wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
}
.el-menu{border-right: 0;}
.el-menu-item a,
.el-menu-item a:hover{display:block;color: inherit;text-decoration:none;}
.breadcrumb-item+.breadcrumb-item::before{content:"\e791";}
[class*=" breadcrumb-item"], [class^=breadcrumb-item]{font-family: element-icons!important;}
.el-menu-item .el-icon{width: 18px;}
.el-tree__empty-text{font-size: 80%;}
.el-button--minism{padding: 4px 6px;font-size: .6rem;}
.table-title{font-weight: bold;color: #909399;}
label{margin-bottom: 0px !important;}
input:focus,
button:focus,
button:active{
webkit-box-shadow:none !important;
box-shadow: none !important;
outline: none !important;
}
.mh-50px{max-height: 50px !important;}
.mh-100px{max-height: 100px !important;}
.mh-200px{max-height: 200px !important;}
.mw-50px{max-width: 50px !important;}
.mw-100px{max-width: 100px !important;}
.mw-200px{max-width: 200px !important;}
.el-image-viewer__close{color:#fff;}

.text-theme-icon{
    background-image: -webkit-linear-gradient(left, #ffc107, #f56c6c 10%, #ff6d05 20%, #FF8323 30%, #ff6d05 40%, #ffc107 50%, #f56c6c 60%, #ff6d05 70%, #FF8323 80%, #ff6d05 90%, #ffc107);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: text-theme-icon-animation 4s infinite linear;
}
@keyframes text-theme-icon-animation {
    0% {background-position: 0 0; }
    100% {background-position: -100% 0; }
}
.el-input-number--minism{
    width: 80px;
    line-height: 20px;
}
.el-input-number--minism .el-input-number__decrease, .el-input-number--minism .el-input-number__increase{width: 20px;}
.el-input--minism .el-input__inner{height: 20px;line-height: 20px;padding: 0 20px;font-size: .8rem;}
.el-input-number--minism{line-height: 18px;}
.el-button [class*=" el-icon-"], .el-button [class^=el-icon-]{line-height: 0;}
.el-tabs .el-tabs__header{margin: 0;}
.el-tabs .el-tabs__header .el-tabs__item{height: 60px;line-height: 60px;}
/*
*   屏幕宽度小于576px生效
*   用于手机端
*/
@media (max-width: 576px){
    .el-message{
        min-width: 90%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .el-message-box{max-width:90%;}
    .el-radio, .el-radio--medium.is-bordered .el-radio__label{margin-top: 10px;}
}

.bg-F2F1F6{background-color:#F2F1F6;}
.bg-FCFCFC{background-color:#FCFCFC;}
.bg-F3F3F3{background-color:#F3F3F3;}
.bg-FF6000{background-color:#FF6000;}
.bg-EBEEF5{background-color:#EBEEF5;}
.bg-F9F9F9{background-color:#F9F9F9;}
.bg-409EFF{background-color:#409EFF;}
.bg-3C3E46{background-color:#3C3E46;}
.bg-282D33{background-color:#282D33;}
.bg-A8A8A8{background-color:#A8A8A8;}
.bg-F9FAFB{background-color:#F9FAFB;}
.bg-FCA204{background-color:#FCA204;}
.bg-FFB400{background-color:#FFB400;}
.bg-E8A962{background-color:#E8A962;}
.bg-45CE81{background-color:#45CE81;}
.bg-F5F7FB{background-color:#F5F7FB;}
.bg-F2F5FA{background-color:#F2F5FA;}
.bg-FBB941{background-color:#FBB941;}
.bg-F6F6F6{background-color:#F6F6F6;}
.bg-FBF7F1{background-color:#FBF7F1;}
.bg-F5F7FA{background-color:#F5F7FA;}
.bg-FDEFEE{background-color:#FDEFEE;}
.bg-FFB300{background-color:#FFB300;}
.bg-F56C6C{background-color:#F56C6C;}
.bg-F5F6FA{background-color:#F5F6FA;}
.bg-DDECFF{background-color:#DDECFF;}
.bg-F8F9FF{background-color:#F8F9FF;}
.bg-FF8221{background-color:#FF8221;}
.bg-FF8121{background-color:#FF8121;}
.bg-1E1C3D{background-color:#1E1C3D;}
.bg-028DFB{background-color:#028DFB;}
.bg-D1D5E5{background-color:#D1D5E5;}
.bg-F4F4F5{background-color:#F4F4F5;}
.bg-EAF2FF{background-color:#EAF2FF;}
.bg-16C262{background-color:#16C262;}
.bg-048CFC{background-color:#048CFC;}
.bg-F5E0C9{background-color:#F5E0C9;}
.bg-CCCCCC{background-color:#CCCCCC;}
.bg-FF9610{background-color:#FF9610;}
.bg-F6F7FC{background-color:#F6F7FC;}
.bg-EEEEEE{background-color:#EEEEEE;}
.bg-1E54E5{background-color:#1E54E5;}
.bg-ffeee8{background-color: #ffeee8;}
.bg-f0f7fc{background-color: #f0f7fc;}
.bg-white{background-color:#fff !important}

.text-0FBA57{color: #0FBA57;}
.text-000000{color: #000000;}
.text-6EACE2{color: #6EACE2;}
.text-6e86b1{color: #6e86b1;}
.text-777777{color: #777777;}
.text-90939a{color: #90939a;}
.text-B2B2B2{color: #B2B2B2;}
.text-FF586C{color: #FF586C;}
.text-FF8221{color: #FF8221;}
.text-36D95C{color: #36D95C;}
.text-6187ED{color: #6187ED;}
.text-303034{color: #303034;}
.text-909399{color: #909399;}
.text-303033{color: #303033;}
.text-grey{color: #ADB1C3 !important;}
.text-white{color:#ffffff !important;}
.text-409EFF{color:#409EFF !important;}
.text-FBB941{color:#FBB941 !important;}
.text-A6ABBE{color:#A6ABBE !important;}
.text-A6ABB1{color:#A6ABB1 !important;}
.text-D2D6DC{color:#D2D6DC !important;}
.text-568DF7{color:#568DF7 !important;}
.text-A1A1BF{color:#A1A1BF !important;}
.text-1F1C3D{color:#1F1C3D !important;}
.text-16C262{color:#16C262 !important;}
.text-242424{color:#242424 !important;}
.text-cccccc{color:#cccccc !important;}
.text-028DFB{color:#028DFB !important;}
.text-A8A8A8{color:#A8A8A8 !important;}
.text-FF8121{color:#FF8121 !important;}
.text-1A1A1A{color:#1A1A1A !important}
.text-111111{color:#111111 !important;}
.text-999999{color:#999999 !important;}
.text-FBB328{color:#FBB328 !important;}
.text-333333{color:#333333 !important;}
.text-F56C6C{color:#F56C6C !important;}
.text-FF8221{color:#FF8221 !important;}
.text-4E5470{color:#4E5470 !important;}
.text-A6A6A6{color:#A6A6A6 !important;}
.text-F5E0C9{color:#F5E0C9 !important;}
.text-048CFC{color:#048CFC !important;}
.text-C0C4CC{color:#C0C4CC !important;}
.text-FD5F62{color:#FD5F62 !important;}
.text-EEEEEE{color:#EEEEEE !important;}
.text-D1D5E5{color:#D1D5E5 !important;}
.text-666666{color:#666666 !important;}
.text-5a51de{color:#5a51de !important;}
.text-24a678{color: #24a678 !important;}
.text-f39b13{color: #f39b13 !important;}
.text-fa6400{color: #fa6400 !important;}
.radius-2{border-radius:2px;}
.radius-4{border-radius:4px;}
.radius-7{border-radius:7px;}
.radius-10{border-radius:10px;}
.radius-12{border-radius:12px;}
.radius-14{border-radius:14px;}
.radius-20{border-radius:20px;}
.radius-30{border-radius:30px;}
.radius-50{border-radius:50%;}


.text-12{font-size:12px !important;}
.text-13{font-size:13px !important;}
.text-14{font-size:14px !important;}
.text-15{font-size:15px !important;}
.text-16{font-size:16px !important;}
.text-17{font-size:17px !important;}
.text-18{font-size:18px !important;}
.text-20{font-size:20px !important;}
.text-22{font-size:22px !important}
.text-24{font-size:24px !important}
.text-26{font-size:26px !important;}
.text-28{font-size:28px;line-height:28px;}
.text-30{font-size:30px !important;line-height:30px;}
.text-48{font-size:48px !important}



.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-500{font-weight:500;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}
.font-weight-800{font-weight:800;}
.font-weight-900{font-weight:900;}

.mx-20px{margin:0 -20px;}

.ml-8,.mx-8{margin-left:8px !important;}
.mr-8,.mx-8{margin-right:8px !important;}
.mt-8,.my-8{margin-top:8px !important;}
.mb-8,.my-8{margin-bottom:8px !important;}
.m-8{margin:8px !important;}

.ml-8,.mx-8{margin-left:8px !important;}
.mr-8,.mx-8{margin-right:8px !important;}
.mt-8,.my-8{margin-top:8px !important;}
.mb-8,.my-8{margin-bottom:8px !important;}
.m-8{margin:8px !important;}

.ml-10,.mx-10{margin-left:10px !important;}
.mr-10,.mx-10{margin-right:10px !important;}
.mt-10,.my-10{margin-top:10px !important;}
.mb-10,.my-10{margin-bottom:10px !important;}
.m-10{margin:10px !important;}

.ml-20,.mx-20{margin-left:20px !important;}
.mr-20,.mx-20{margin-right:20px !important;}
.mt-20,.my-20{margin-top:20px !important;}
.mb-20,.my-20{margin-bottom:20px !important;}
.m-20{margin:20px !important;}

.ml-25,.mx-25{margin-left:25px !important;}
.mr-25,.mx-25{margin-right:25px !important;}
.mt-25,.my-25{margin-top:25px !important;}
.mb-25,.my-25{margin-bottom:25px !important;}
.m-25{margin:25px !important;}

.ml-30,.mx-30{margin-left:30px !important;}
.mr-30,.mx-30{margin-right:30px !important;}
.mt-30,.my-30{margin-top:30px !important;}
.mb-30,.my-30{margin-bottom:30px !important;}
.m-30{margin:30px !important;}

.pl-7,.px-7{padding-left:7px !important;}
.pr-7,.px-7{padding-right:7px !important;}
.pt-7,.py-7{padding-top:7px !important;}
.pb-7,.py-7{padding-bottom:7px !important;}
.p-7{padding:7px !important;}

.pl-8,.px-8{padding-left:8px !important;}
.pr-8,.px-8{padding-right:8px !important;}
.pt-8,.py-8{padding-top:8px !important;}
.pb-8,.py-8{padding-bottom:8px !important;}
.p-8{padding:8px !important;}

.pl-10,.px-10{padding-left:10px !important;}
.pr-10,.px-10{padding-right:10px !important;}
.pt-10,.py-10{padding-top:10px !important;}
.pb-10,.py-10{padding-bottom:10px !important;}
.p-10{padding:10px !important;}

.pl-12,.px-12{padding-left:12px !important;}
.pr-12,.px-12{padding-right:12px !important;}
.pt-12,.py-12{padding-top:12px !important;}
.pb-12,.py-12{padding-bottom:12px !important;}
.p-12{padding:12px !important;}

.pl-15,.px-15{padding-left:15px !important;}
.pr-15,.px-15{padding-right:15px !important;}
.pt-15,.py-15{padding-top:15px !important;}
.pb-15,.py-15{padding-bottom:15px !important;}
.p-15{padding:15px !important;}

.pl-20,.px-20{padding-left:20px !important;}
.pr-20,.px-20{padding-right:20px !important;}
.pt-20,.py-20{padding-top:20px !important;}
.pb-20,.py-20{padding-bottom:20px !important;}
.p-20{padding:20px !important;}

.pl-24,.px-24{padding-left:24px !important;}
.pr-24,.px-24{padding-right:24px !important;}
.pt-24,.py-24{padding-top:24px !important;}
.pb-24,.py-24{padding-bottom:24px !important;}
.p-24{padding:24px !important;}

.pl-27,.px-27{padding-left:27px !important;}
.pr-27,.px-27{padding-right:27px !important;}
.pt-27,.py-27{padding-top:27px !important;}
.pb-27,.py-27{padding-bottom:27px !important;}
.p-27{padding:27px !important;}

.pl-30,.px-30{padding-left:30px !important;}
.pr-30,.px-30{padding-right:30px !important;}
.pt-30,.py-30{padding-top:30px !important;}
.pb-30,.py-30{padding-bottom:30px !important;}
.p-30{padding:30px !important;}

.pl-35,.px-35{padding-left:35px !important;}
.pr-35,.px-35{padding-right:35px !important;}
.pt-35,.py-35{padding-top:35px !important;}
.pb-35,.py-35{padding-bottom:35px !important;}
.p-35{padding:35px !important;}

.pl-35,.px-35{padding-left:35px !important;}
.pr-35,.px-35{padding-right:35px !important;}
.pt-35,.py-35{padding-top:35px !important;}
.pb-35,.py-35{padding-bottom:35px !important;}
.p-35{padding:35px !important;}

.pl-40,.px-40{padding-left:40px !important;}
.pr-40,.px-40{padding-right:40px !important;}
.pt-40,.py-40{padding-top:40px !important;}
.pb-40,.py-40{padding-bottom:40px !important;}
.p-40{padding:40px !important;}

.pl-50,.px-50{padding-left:50px !important;}
.pr-50,.px-50{padding-right:50px !important;}
.pt-50,.py-50{padding-top:50px !important;}
.pb-50,.py-50{padding-bottom:50px !important;}
.p-50{padding:50px !important;}

.pl-100,.px-100{padding-left:100px !important;}
.pr-100,.px-100{padding-right:100px !important;}
.pt-100,.py-100{padding-top:100px !important;}
.pb-100,.py-100{padding-bottom:100px !important;}
.p-100{padding:100px !important;}

.pl-120{padding-left:120px !important;}


.flex-wrap{flex-wrap: wrap !important;}
.flex-x-center{justify-content: center;}
.flex-end{align-items: flex-end !important;}
.x-flex-end{justify-content: flex-end}
.flex-y-center{align-items: center !important;}
.flex-column{flex-direction: column !important;}
.y-space-between{align-items: space-between;}
.x-space-around{justify-content:space-around;}
.x-space-between{justify-content: space-between;}
.y-flex-end{align-items: flex-end;}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .flex-start {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .flex-top {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .flex-bottom {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .flex-v-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .flex-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
  }
  
  .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 0%;
  }
  .flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }

  .w-10px{width:10px;}
.w-20px { width: 20px !important;}
.w-36px{width:36px;}
.h-35px{width:35px;}
.w-50px{width:50px;}
.w-64px{width:64px;}
.w-90px{width:90px;}
.h-90px{height:90px;}
.w-100px{width:100px;}
.w-110px{width: 110px;}
.w-120px{width: 120px;}
.w-130px{width: 130px;}
.w-160px{width: 160px;}
.w-210px{width: 210px;}
.w-250px{width: 250px;}
.w-300px{width: 300px;}


.border-none{border:none;}
.border-6187ED{border:1px solid #6187ED;}
.border-F4F4F5{border:1px solid #F4F4F5;}
.border-048CFC{border:1px solid #048CFC;}
.border-FFB400{border:1px solid #FFB400;}
.border-EEEEEE{border:1px solid #EEEEEE;}
.border-409EFF{border:1px solid #409EFF;}
.border-right-EEEEEE{border-right:1px solid #EEEEEE;}
.border-bottom-e9e9e9{border-bottom:1px solid #e9e9e9;}
.border-bottom-EEEEEE{border-bottom:1px solid #EEEEEE;}
.border-666666{border:1px solid #666666;}
.border-ebeef5{border:1px solid #ebeef5;}
.border-d2d2d2{border:1px solid #d2d2d2;}
.border-e4eef6{border: 1px solid #e4eef6;}
.border-top-e4eef6{border-top: 1px solid #e4eef6;}
.border-right-e4eef6{border-right: 1px solid #e4eef6;}