/*
*	Unknown
*	v1.0
*/
/*未有数据显示的图片*/
/*.el-table__empty-text{*/
/*    padding-top:400px;*/
/*    background-position:50%;*/
/*    background-size:162px 167px;*/
/*    background-repeat: no-repeat;*/
/*    background-image: url('__TEMPLATE_STATIC__/img/bg-blank.png');*/
/*    min-height: 650px;*/
/*}*/

/*.el-table__body-wrapper{min-height: 600px;}*/

.CSS-drawer-rtl .el-drawer__open .el-drawer.rtl {
    	-webkit-animation: rtl-drawer-in .3s 1ms;
    	animation: rtl-drawer-in .3s 1ms
}
@-webkit-keyframes rtl-drawer-in {
	0% {
		-webkit-transform: translate(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes rtl-drawer-in {
	0% {
		-webkit-transform: translate(100%);
		transform: translate(100%)
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0)
	}
}


.bg-none{background-color:transparent !important;}
.bg-none:hover{background-color:transparent !important;}
.CSS-el-form .el-form  .el-form-item:hover{background: #fafafa;}
.CSS-el-form .el-form  .el-form-item{padding:20px 0;margin:0;border-bottom:1px dashed #e4e4e4;}
/*.CSS-el-form .el-form  .el-form-item:nth-last-child(1){border-bottom:none !important;}*/
.CSS-nav{background-color:#000C18;}
.CSS-nav .el-submenu__title span{font-size:16px !important;}
.CSS-nav .el-submenu__title{color:#8DA5C2;border-right:4px solid transparent;}
.CSS-nav .el-menu-item{color:#8DA5C2;padding-left:60px !important;}
.CSS-nav .el-menu-item-group__title{padding-left:0 !important;}
.CSS-nav .el-menu-item-group{background-color:#282D33;}
.CSS-nav .el-submenu__title:hover{background-color:#243243;}
.CSS-nav .el-menu-item.is-active{color:#048CFC;}
.CSS-nav .el-menu-item:focus{background-color:#152535;}
.CSS-nav .el-menu-item:hover{background-color:#243243;}
.CSS-nav .el-icon-arrow-down:before{font-size:16px;color:#8DA5C2;content:"";}
/*.CSS-nav .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform: rotateZ(90deg);}*/
.CSS-nav .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{display:none;}
.CSS-nav .is-opened .el-submenu__title{background-color:#243243;border-right:4px solid #048CFC;}

.el-tag--minism{
    height: 24px;
    line-height: 23px;
    font-size: 0.6rem;
}

.tag-default{padding:0 10px; height:28px;line-height:28px;text-align:center;border-radius:4px;border:1px solid #DCDFE6;color:#666666;background-color:#ffffff;display:inline-block;}
.tag-default:hover{border-color:#409eff;color:#409eff;}
/*.tag-default:hover{border-color:#c6e2ff;background-color:#c6e2ff;color:#409eff;}*/

.tag-E6A23C{background-color:#E6A23C;border:1px solid #E6A23C; color:#ffffff;}
.tag-E6A23C:hover{background-color:#ebb563;border:1px solid #ebb563;color:#ffffff;}


.el-button--primary{background-color:#048CFC;border:1px solid #048CFC;}
.el-button--primary:hover{background-color:#048cfc9c;border-color:#048cfc9c;}
.el-button--success{background-color:#16C262;border:1px solid #16C262;}
.el-button--success:hover {background: #45CE81;border-color: #45CE81;}
.bg-nav .breadcrumb-item+.breadcrumb-item::before{color:#A6ABB1;}

#RemoveDots .el-form-item__label{display:none;}
#RemoveDots .el-input__prefix, .el-input__suffix{top:1px;}
/* #RemoveDots .el-input__inner{border:none;line-height:33px;} */
#RemoveDots .el-input__inner{line-height:33px;}
#RemoveDots .el-form-item{margin-left: 10px;}
.CSS-form .el-form-item__label{height:32px !important;line-height:32px !important;}

.decoration-none{text-decoration: none !important;}

.text-center{text-align: center;}
.text-end{text-align: end;}

.text-8{font-size:8px !important;}
.text-9{font-size:9px !important;}
.text-10{font-size:10px !important;}
.text-11{font-size:11px !important;}
.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}



.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-EEEEEE-dotted{border:2px dotted #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-top-EEEEEE{border-top:1px solid #EEEEEE;}
.border-666666{border:1px solid #666666;}
.border-ebeef5{border:1px solid #ebeef5;}
.border-d2d2d2{border:1px solid #d2d2d2;}
.border-dotte-409EFF{border: 1px dotted #409EFF}
.border-FFF2D8{border: 1px solid #FFF2D8;}
.border-f9e3c4{border:1px solid #f9e3c4}
.border-faecd8{border: 1px solid #faecd8;}
.border-e1f3d8{border: 1px solid #e1f3d8;}

.bottom-dashed-e9e9f0{border-bottom:1px dashed #e9e9f0;}

.box-shadow{box-shadow:0 2px 2px 0 rgb(0 0 0 / 2%);}
.tag-909399{border:1px solid #909399;color:#909399;}
.tag-16C262{border:1px solid #16C262;color:#16C262;}
.tag-F56C6C{border:1px solid #F56C6C;color:#F56C6C;}
.tag-FFF2D8{background-color:#FFF2D8 !important;color:#DCB367 !important;}

.tag-909399:hover{background-color:#909399;color:#ffffff;border-color:#909399;}
.tag-16C262:hover{background-color:#16C262;color:#ffffff;border-color:#16C262;}
.tag-F56C6C:hover{background-color:#F56C6C;color:#ffffff;border-color:#F56C6C;}
.bg-048CFC:hover{background-color:#048cfc9c;}
.bg-16C262:hover{background-color:#45CE81;}


.z-index-99{z-index:99;}
.top-0{top:0;}
.left-0{left:0;}
.right-0{right:0;}
.bottom-0{bottom:0;}
.top-50{top:50%;}
.left-50{left:50%;}
.right-50{right:50%;}
.bottom-50{bottom:50%;}
.position-sticky{position:sticky;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-fixed{position: fixed;}
.translateX-50{transform:translateX(-50%);}
.translateY-50{transform:translateY(-50%);}
.h-340px{height:340px;}
.h-20px{height:20px;}
.l-h-19px{line-height:19px;}
.h-32px{height:32px;}
.h-36px{height:36px;}
.l-h-32{line-height:32px;}
.l-h-36{line-height:36px;}
.int-36{height:36px;}
.int-36 input{height:36px;}
.w-80px{width:80px;}
.h-50px{height:50px;}
.line-height-50{line-height:50px;}
.h-80px{height:80px;}
.bg-fff{background-color: #ffffff;}
.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-f5f5f5{background-color: #f5f5f5;}
.bg-f6f7f8{background-color: #f6f7f8;}
.bg-fff8ee{background-color: #fff8ee;}
.bg-f1f8ff{background-color: #f1f8ff;}
.bg-f0f9eb{background-color: #f0f9eb;}
.bg-fef3e3{background-color: #fef3e3;}
.bg-fafafa{background-color: #fafafa;}
.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;}
.text-e9e9f0{color: #e9e9f0 !important;}
.text-606266{color: #606266;}
.text-ff6000{color: #ff6000;}
.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%;}

.radius-0{border-radius:0;}
.radius-LT-0{border-top-left-radius:0px;}
.radius-RT-0{border-top-right-radius:0px;}
.radius-top-0{border-top-left-radius:0px;border-top-right-radius:0px;}
.radius-bottom-0{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.radius-LT-10{border-top-left-radius:10px;}
.radius-RT-10{border-top-right-radius:10px;}
.radius-top-10{border-top-left-radius:10px;border-top-right-radius:10px;}
.radius-bottom-10{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.overflow-y{overflow-y:auto;}
.overflow-x{overflow-x:auto;}

.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;}

.grid-gap-3{grid-gap:3px;}
.grid-gap-5{grid-gap:5px;}
.grid-gap-10{grid-gap:10px;}
.grid-gap-20{grid-gap:20px;}
.grid-gap-30{grid-gap:30px;}
.grid-gap-40{grid-gap:40px;}
.grid-gap-x-20{grid-gap:0 20px;}

.grid-x-2{display: grid;grid-template-columns: auto auto;}
.grid-x-3{display: grid;grid-template-columns: auto auto auto;}
.grid-x-4{display: grid;grid-template-columns: auto auto auto auto;}
.grid-x-5{display: grid;grid-template-columns: auto auto auto auto auto;}
.grid-x-6{display: grid;grid-template-columns: auto auto auto auto auto auto;}


.grid-columns-2{display: grid;grid-template-columns: 1fr 1fr;}
.grid-columns-3{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.grid-columns-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-columns-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-columns-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-columns-7{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}

.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;}

* {
  font-size: 14px;
  font-family: "Helvetica Neue", "Helvetica,Arial,sans-serif";
}
html {
  height: 100%;
  min-width: 1140px;
}
body {
  font-size: 14px;
  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-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;
}
.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;
}
.shadow {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1) !important;
}
.nav-top {
  height: 60px;
  transition: all 0.3s ease;
  overflow-y: hidden;
  overflow-x: auto;
}
.nav-top::-webkit-scrollbar {
  display: none;
}
.nav-top .el-menu-item {
  padding: 0 1rem;
  font-size: 16px;
}
.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 {
  width: 15rem !important;
  opacity: 1;
  cursor: auto;
  font-weight: 500;
  font-size: 1.1rem;
  color: #ffffff !important;
  background-color: #048cfc !important;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.nav-top .webname .el-color-picker__trigger {
  border: 0;
}
.el-menu-item.theme {
  opacity: 1;
  cursor: auto;
  font-weight: normal;
  font-size: 0.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;
}
.el-submenu__title i,
.el-menu-item i {
  color: inherit;
}
.nav-left {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.nav-left::-webkit-scrollbar {
  display: none;
}
.nav-left:not(.el-menu--collapse) {
  width: 16.5rem;
}
.block-title-before {
  font-weight: bold;
  position: relative;
}
.block-title-before:before {
  content: " ";
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #ff6d05;
}
.body {
  height: 100%;
  min-width: 1140px;
  overflow-x: auto;
  /* overflow-y: scroll; */
  display: block;
  position: relative;
  /* padding: 1rem; */
}
.el-drawer__body {
  height: 100%;
}
.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 !important;
  font-size: 0.6rem;
}
.el-button--minissm {
  padding: 2px 4px !important;
  border-radius: 3px;
}
.el-button--minissm span{
  font-size: 0.4rem;
}
.table-title {
  font-weight: bold;
  color: #909399;
}
.table-header-DDE6FB {
  background-color: #dde6fb !important;
  color: #818288;
}
.table-header-F6F7FC {
  background-color: #F6F7FC !important;
  color: #A6ABB1;
}
label {
  margin-bottom: 0px !important;
}
input:focus,
button:focus,
button:active {
  webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.tags_content .round{
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #e9e9f0!important;
  border-radius: 50%;
  margin-right: 2px;
  margin-bottom: 1px;
}
.tags_content .tag-hover:hover{
  background-color: #f8faff !important;
  border: 1px solid #bcd4ff !important;
  color: #4a88f7 !important;
}
.tag-hover:hover .el-tag__close{
  color: #e1e1e6 !important;
}
.tag-hover:hover .el-tag__close:hover{
  background-color: #e1e1e6 !important;
  color: #fff !important;
}

.tags_content .el-tag--plain{
  border: 1px solid #f5f5f5 !important;
  color: #999 !important;
}
.tags_content .el-tag__close{
  color: #e1e1e6 !important;
}
.tags_content .tags-active{
  background-color: #f8faff !important;
  border: 1px solid #bcd4ff !important;
  color: #4a88f7 !important;
}
.tags_content .tags-active .round{
  background-color: #4a88f7 !important;
}


.menu{
  overflow: auto;
  height: calc(100vh - 128px);
}
.menu::-webkit-scrollbar {
  display: none;
}
.menu .menu-title{
  height: 36px;
  margin: 6px 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
}

.menu .menu-title .menu-title-icon{
  color: grey;
  transition: all .4s;
}
.menu .menu-title:hover{
  background-color: #2E3850;
}
.menu .menu-title:hover .menu-title-icon{
  color: #fff !important;
}

.menu ul{
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2,1fr);
  background-color: #00152A;
  border-radius: 4px;
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
  max-height: 230px;
  transition: max-height .3s,padding .4s;
	overflow: hidden;
}
.menu-popper-content{
  background-color: #000000;
  padding: 10px;
}
.menu-popper-content a{
  display: inline-block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  border-radius: 4px;
  color: #929AA3;
  padding-left: 10px;
}
.menu ul a{
  padding: 4px 10px;
  border-radius: 4px;
  color: #929AA3;
}
.menu ul a span,.menu-popper-content a span{
  font-size: 13px !important;
}
.menu ul a:hover,.menu-popper-content a:hover{
  color: #fff;
  background: hsla(0,0%,100%,.2);
}
.menu .menu-acitve{
  background-color: #185EFF !important;
  color: #fff !important;
}

body .menu-popper{
  border: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.menu-popper .popper__arrow{
  display: none;
}

.h-10px{height:10px;}
.h-20px {height: 20px !important;}
.height28{height:28px;}
.h-28px{height:28px;line-height:28px;}
.w-10px{width:10px;}
.w-20px { width: 20px !important;}
.w-36px{width:36px;}
.h-35px{height:35px;}
.w-50px{width:50px;}
.w-64px{width:64px;}
.w-70px{width:70px;}
.w-80px{width:80px;}
.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!important;}
.w-300px{width: 300px !important;}
.w-600px{width: 600px;}
.width-700px{width: 700px;}
.w-900px{width: 900px;}
.m-width-520px{min-width: 520px;}
.m-width-400px{min-width: 400px;}
.m-width-350px{min-width: 350px;}
.m-width-300px{min-width: 300px;}
.m-width-270px{min-width: 270px;}
.m-width-250px{min-width: 250px;}

.m-width-200px{min-width: 200px;}

.w-400px{width: 400px;}
.w-700px{width: 700px;}
.h-130px {
  height: 130px !important;
}
.h-150px {
  height: 150px !important;
}
.w-150px {
  width: 150px !important;
}
.w-180px{width:180px;}
.h-200px {
  height: 200px !important;
}
.w-200px {
  width: 200px !important;
}
.h-275px {
  height: 275px !important;
}
.w-275px {
  width: 275px !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;
}
.dark {
  color: #999;
}
.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: 0.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;
}
.text-small {
  font-size: 0.8rem;
}
.business-el-select-dropdown__item .el-select-dropdown__item {
  height: auto;
}
.w-100px {
  width: 100px;
}
.w-480px {
  width: 480px;
}
.p-sm-0 {
  padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
  padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
  padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
  padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
  padding-left: 0 !important;
}
.p-sm-1 {
  padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
  padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
  padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
  padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
  padding-left: 0.25rem !important;
}
.p-sm-2 {
  padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
  padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
  padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
  padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
  padding-left: 0.5rem !important;
}
.p-sm-3 {
  padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
  padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
  padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
  padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
  padding-left: 1rem !important;
}
.p-sm-4 {
  padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
  padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
  padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
  padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
  padding-left: 1.5rem !important;
}
.p-sm-5 {
  padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
  padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
  padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
  padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
  padding-left: 3rem !important;
}

/*
*   屏幕宽度小于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;
  }
}

.el-dialog__header{
  font-weight: 600;
  color: #333;
  height: 50px;
  background: #f5f5f5;
  padding: 15px 18px;
  box-shadow: 0 1px 0 0 #e9e9f0;
}
.el-dialog__title{
  font-size: 14px;
}
.el-dialog__headerbtn {
  top:15px;
}

#editor—wrapper {
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(204, 204, 204);
  border-image: initial;
}
#toolbar-container,.toolbar-container { border-bottom: 1px solid #ccc; }
#editor-container,.editor-container { height: 500px;overflow-y: auto; }
.button-container button{
  line-height: 0;
}
.w-e-text-container [data-slate-editor] table td, .w-e-text-container [data-slate-editor] table th{
  text-align: center !important;
  border-right-width:1px !important;
}

.w-e-text-container strong span{
  font-size: unset !important;
}

.lh-150{line-height: 150%;}
.lh-200{line-height: 200%;}

.to-back{
  height: 55px;
  display: flex;
  align-items:center;
  justify-content: space-between;
  background-color: #f9f9f9;
  padding: 0 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #333;
  border-bottom: 1px solid #ececec;
}

.el-pagination .el-icon-arrow-right:before{
  content: "\e6e0" !important;
}
.py-11{
  padding: 11px 0;
}
.border-y-0{
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.border-transparent{
  border: 1px solid transparent;
}
.border-x-dcdfe6{
  border-left: 1px solid #dcdfe6 !important;
  border-right: 1px solid #dcdfe6 !important;
}

.border-left-0{
  border-left: 0 !important;
}
.box-shadow-2{
  box-shadow: 0 0 2px 2px rgb(0 0 0 / 2%);
}