::-webkit-scrollbar{
  width: 10px;/*竖向滚动条的宽度*/
  height: 10px;/*横向滚动条的高度*/
}
::-webkit-scrollbar-thumb{/*滚动条里面的小方块*/
  background: rgba(114,114,114,.5);
  border-radius: 1px;
}
::-webkit-scrollbar-track{/*滚动条轨道的样式*/
  background: transparent;
  border-radius: 1px;
}
@font-face {
  font-family: 'Mina';
  font-style: normal;
  font-weight: normal;
  src: url('../css/fonts/Mina-Regular/Mina-Regular.ttf');
}
@font-face {
  font-family: 'Mina-Bold';
  font-style: normal;
  font-weight: bold;
  src: url('../css/fonts/Mina-Regular/Mina-Bold.ttf');
}
html{color: #333; background: #fff; font-size: 13px !important; height: 100%; overflow: hidden;} 
body{font-family: -apple-system, BlinkMacSystemFont, Nunito,  "Arial",  "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif !important; font-size: 13px !important; height: 100%; overflow-y: auto;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding: 0; margin: 0; outline: 0 none; }
body.body-bgbox{font: 12px   -apple-system, BlinkMacSystemFont, Nunito, Arial, "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif !important;  background: #fff;}
ul{list-style: none; margin: 0; padding: 0;}
.form-control{height: 40px;}
.pr{position: relative;}
.clearfix:before,
.clearfix:after{content:"\200B"; display:block;font-size:0;height:0;clear:both; visibility: hidden;}
.fl{float:left;}
.fr{float:right;}
.mr5{margin-right: 5px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.pt15{padding-top: 15px;}
.main-content{padding: 15px;}
.text-center{text-align: center;}
.fz12{font-size: 12px;}
.scroll-top.in{font-size: 16px;bottom: 20px}
.none{display: none!important;}
a:hover{cursor: pointer!important;}
.w450{width: 450px;}
.w400{width: 400px;}
.w350{width: 350px;}
.w300{width: 300px;}
.w250{width: 250px;}
.w200{width: 200px;}
.w180{width: 180px;}
.w170{width: 170px;}
.w150{width: 150px;}
.w120{width: 120px;}
.w100{width: 100px;}
.w80{width: 80px;}
.w70{width: 70px;}
.w60{width: 60px;}
.w50{width: 50px;}
.w30{width: 30px;}
.ml5{margin-left: 5px;}
.ml20{margin-left: 20px;}
.h36{height: 36px;}
/*框架代码*/
.header_aside{width: 100%; height: 34px; background: #282828; }
.header_aside img{display: inline; margin: 5px 0 0 5px; }
.header_status{height: 100%; color: #fff; }
.header_status a{display: inline-block; vertical-align: top; color: #fff; margin: 0 0 0 10px; }
.header_status a i{font-size: 16px; vertical-align: 0px; margin-right: 3px;}            
.header_status a:nth-child(1) i{color:#dd3eff; }
.header_status a:nth-child(2) i{color:#ff0000; }
.header_status a:nth-child(3) i{color:#ff8007; }
.header_status a:nth-child(4) i{color:#fffe5d; }
.header_status a:nth-child(5) i{color:#19afff; }
.header_status a img{display: inline-block; color: #fff; cursor: pointer; margin: 0px 8px 0 5px; }
.header_status a span{display: inline-block; font-family: "Tahoma","Arial"; font-size: 13px; font-weight: bold; vertical-align: top; color: #fff; cursor: pointer; }
.header_status a span:hover{text-decoration: underline; }
.header_name{height: 100%; color: #fff; position: absolute; width: 700px; left: 50%; top:0; margin-left: -350px; background: #c13636; font: 13px/45px "Tahoma","Microsoft Yahei"; text-align: center; }
.header_name.on{background: #d73232; }
.navbar {min-height: 55px;}
.user-headbox{height: 55px; display: table-cell; padding: 0 12px; vertical-align: middle; transition: all 0.4s; color: #7a878e;}
.user-headbox i{font-size: 16px; margin-right: 2px; margin-top: 20px;}
.user-logoutbox{height: 55px;}
.user-logoutbox i{font-size: 16px; color: #7a878e; margin-top: 2px;}
.navbar-nav>li>a{line-height: 1;}
.navbar-nav>li>a:hover {background-color: #fff !important; color: #566065;}
.navbar-nav>li>a:hover i{opacity: 0.85!important;}
.page-header-fixed {padding-top: 45px;}
.page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent+.sidebar-bg, .sidebar.sidebar-transparent+.sidebar-bg {background: #6356a0;}
.sidebar .nav .first_menu a{font-size: 13px;}
.navbar-nav .dropdown-menu{position: absolute; transform: translate3d(4px, 50px, 0px); top: 0px; left: 0px; will-change: transform;}
.header .navbar-nav>li.navbar-user a:focus{color: rgba(255,255,255,.65);}
.new-alert{position: absolute; background-color: #fc0000; top: -5px; right: -4px; display: block; width: 10px; height: 10px; border-radius: 50em; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transition: transform 0.4s; -webkit-transition: transform 0.4s;-moz-transition: transform 0.4s;}
.new-alert.active{ transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}
.new-alert:before {background: transparent; border: 5px solid #fff400; content: ""; width: 20px; height: 20px; left: -5px; border-radius: 50em; opacity: 0; position: absolute; top: -5px; animation: sonar 2s 1s ease infinite; -webkit-animation: sonar 2s 1s ease infinite; -moz-animation: sonar 2s 1s ease infinite; -ms-animation: sonar 2s 1s ease infinite; -o-animation: sonar 2s 1s ease infinite;}
@-webkit-keyframes sonar {
	from {
		-webkit-transform: scale(0);
		opacity: 1
	}

	to {
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes sonar {
	from {
		-moz-transform: scale(0);
		opacity: 1
	}

	to {
		-moz-transform: scale(1);
		opacity: 0
	}
}

@keyframes sonar {
	from {
		transform: scale(0);
		opacity: 1
	}

	to {
		transform: scale(1);
		opacity: 0
	}
}

.operation-mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9990;
    background: rgba(0,0,0,0.6);
}
body.aside-left-show .operation-mask {
    display: block;
}
.micro-application-nav .dropdown-header{background: #ebedef; text-align: center; color: #8a93a2; font-size: 13px;}
.dropdown-micro-application{margin: 10px auto 0; display: block; width: 345px; height: 340px !important; overflow-y: auto; font-size: 0; padding: 0.5rem 1rem;}
.app-list > li {display: none; text-align: center; padding: 0;}
.app-list > li.default{display: inline-block;}
.app-list > li.select{display: inline-block;}
.app-list-item {height: 95px; width: 100px; display: block; text-decoration: none; color: #666666; margin: 5px 2px; border: 1px solid transparent !important; outline: none; border-radius: 3px; padding-top: 8px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.icon-stack {position: relative; display: inline-block; width: 50px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center;}
.app-list-item .icon-stack {font-size: 3.125rem; margin-top: 4px;}
.icon-stack-1x {font-size: 15px;}
.icon-stack-2x {font-size: 35px;}
.icon-stack-3x {font-size: 50px;}
.icon-stack-1x, .icon-stack-2x, .icon-stack-3x {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: inherit !important;}
.disabled-items-box .icon-stack:after{position: absolute;content: '';width: 100%;height: 100%;top: 3px;left: 0;z-index: 22;background: rgba(0, 0, 0, 0.3);border-radius: 6px;}
.disabled-items-box:hover{cursor: not-allowed!important;}
.disabled-items-box .app-list-name{color:#888!important;}
.disabled-items-box:hover .app-list-name{color:#888!important;}
.disabled-items-box label.custom-checkbox,.disabled-items-box .app-list-item{cursor: not-allowed!important;}
.text-white {color: #fff !important;}
.app-list-name {text-align: center; font-size: 12px; margin-top: 8px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden;}
.hover-white:hover{background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
.micro-application-nav .dropdown-menu-right{right: 0;}
.hover-white:hover .app-list-name{color: #967bbd;}
.demo-set-content{height:430px;}
.pad-all.pt0{padding-top: 0!important;}
.demo-theme-btn img{width: 100%;margin-bottom: 15px;}

.dropdown-menu-reset .dropdown-micro-application{width:670px;padding:0.5rem 1rem 0.5rem 2rem;}
.dropdown-set-btn{display: inline-block;position: absolute;right: 10px;top:11px;}
.dropdown-set-btn a.btn{display: inline-block;margin-left: 5px;font-size:12px;width: 46px;}
.dropdown-set-btn a.btn.btn-outline-primary{color:#20a8d8;}
.dropdown-set-btn a.btn.btn-outline-primary:hover{color:#fff;}
.dropdown-set-btn a.btn.btn-outline-secondary{color:#8897AA;}
.dropdown-set-btn a.btn.btn-outline-secondary:hover{color:#23282c;}
/*.dropdown-set-btn.save-color a{color:#333;}*/
.dropdown-menu-reset .dropdown-micro-application li{position: relative;display: inline-block;}
.dropdown-micro-application li label.custom-checkbox{display: none}
.dropdown-menu-reset .dropdown-micro-application li label.custom-checkbox{position: absolute;top:50%;margin-top: -15px;padding-left: 0;display: block}
.dropdown-menu-reset .hover-white:hover{background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0)), to(rgba(29, 33, 41, 0)));background-image: linear-gradient(rgba(29, 33, 41, 0), rgba(29, 33, 41, 0)); }


.commbox_inner{padding: 15px 0; margin: 0 auto; width: 840px;}
.commbox_inner.small-commbox{padding: 15px 0; margin: 0 auto; width: 600px;}
.page-loader {width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.6);z-index:999999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;}
.page_load_err{display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -190px; width: 380px; height: 50px; border: 1px solid #282828; border-radius: 4px; background: rgba(0,0,0,0.5); line-height: 48px; color: #d84343; font-size: 15px; font-family: "Microsoft Yahei"; text-align: center; }
.page_load_err div{width: 335px; height: 50px; margin: 0 auto; padding: 0 0 0 15px; }
.page-error-spinner{position: relative; width: 32px; height: 32px; display: inline-block; margin-top: 9px; margin-right: 5px; vertical-align: top;}
.page-error-spinner svg {-webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.page-error-spinner svg circle {stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite; stroke-linecap: round;}
.page-loader__spinner {position:relative;width:50px;height:50px;}
.page-loader__spinner svg {-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;width:100%;height:100%;position:absolute;top:0;left:0;}
.page-loader__spinner svg circle {stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round;}
@-webkit-keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotate {
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0;
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px;
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px;
	}
}
@keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0;
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px;
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px;
	}
}
@-webkit-keyframes color {
	100%,0% {
		stroke:#dc3545;
	}
	40% {
		stroke:#007bff;
	}
	66% {
		stroke:#28a745;
	}
	80%,90% {
		stroke:#ffc107;
	}
}
@keyframes color {
	100%,0% {
		stroke:#dc3545;
	}
	40% {
		stroke:#007bff;
	}
	66% {
		stroke:#28a745;
	}
	80%,90% {
		stroke:#ffc107;
	}
}
#mainnav-menu i{vertical-align: 0;}
.navbar-titlebox{display: inline-block; width: 510px; position: absolute; left: 50%; margin-left: -255px; text-align: center; line-height: 55px; font-size: 14px;font-weight: 600; color: #333; letter-spacing: 0.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.navbar-titlebox.color-red{color: #ff0000;}
.sidebar{background: #395591!important;}
.sidebar .nav-link .nav-icon{color: #e1e4e6!important;}
.sidebar .nav-link:hover{background: #526ca5!important;}
.sidebar .nav-dropdown-items .nav-item{padding: 0; font-size: 13px; font-weight: normal;}
.sidebar .nav-dropdown-items .nav-item .nav-link{padding-left: 46px;}
.sidebar .nav-link.active{background: #102550!important;}
.sidebar .nav-dropdown-toggle::before{background-image:url(../images/dropdown_left.svg)!important;}
.sidebar .sidebar-minimizer::before{background-image:url(../images/dropdown_left.svg)!important;}
.app-header .navbar-toggler-icon{background-image:url(../images/navbar_listicon.svg)!important;}
.app-footer { font-size: 12px!important;}
.app-header .nav-item{min-width: 26px;}
.navbar-nav .nav-link{font-size: 16px; color:  #8e8d8d!important;}
@media (min-width: 1281px){
	.sidebar-minimized .sidebar .nav > .nav-dropdown:hover {background: #526ca5!important;}
	.sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items{background: #19376B!important;}
	.sidebar-minimized .sidebar .nav-item:hover > .nav-link{background: #526ca5!important;}
}
@media (max-width: 1650px){
	.navbar-titlebox{width: 380px; margin-left: -190px}
}
@media (max-width: 1366px){
	.navbar-titlebox{width: 300px; margin-left: -150px}
}
.nav-user-name{font-size: 12px; display: inline-block; line-height: 55px; vertical-align: top; margin-right: 5px;}
.app-header .nav-item.nav-mar-left{margin-left: 10px; margin-right: 5px;}
.brand-text {display: block; font-size: 14px; font-weight: 600; color: #414f9e;padding-bottom: 3px; width: 100%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.app-header .navbar-brand{width: 180px;}
.brand-minimized.sidebar-minimized .brand-text{display: none;}
.pci-circle {border:1px solid;border-radius:50%;}
.pci-cross {display:block;width:1.3em;height:1.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.pci-cross:before {width:.78em;height:2px;}
.pci-cross:after {height:.8em;width:2px;}
.pci-cross:after,.pci-cross:before {content:'';box-shadow:inset 0 0 0 1px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.info-card {position:relative;width:100%; text-align: center; color:#fff;overflow:hidden;padding:18px 15px;-webkit-transition:all 700ms cubic-bezier(0.34,1.25,0.3,1);transition:all 700ms cubic-bezier(0.34,1.25,0.3,1);}
.info-card .profile-image {width:70px;height:auto; border: 4px solid rgba(255,255,255,0.25);z-index:2;position:relative;}
.info-card .info-card-text{ margin: 15px auto 0; z-index:1; position:relative; height: 28px; line-height: 28px; border-radius: 50em; color: #fff; font-size: 12px; text-align: center; background: rgba(65,79,158,0.45); border: 1px solid rgba(185,184,249,0.2);}
.info-card .info-card-text.text-trial{background: rgba(229,63,63,0.45); border: 1px solid rgba(227,154,154,0.2);}
.info-card img.cover {top:0;left:0;bottom:0;right:0;position:absolute;height:100%;background-size:cover;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.app-header .navbar-nav .dropdown-menu-right{right: 0; z-index: 10000; top: -28px;}
.scroll-top {display: none;}
.scroll-top.in {background-color:#25476a;color:#fff;}
.scroll-top.in {display:block;background-color:#25476a;color:#fff;cursor:pointer;position:fixed;bottom:45px;right:15px;z-index:999999;opacity:1;padding:10px;font-size:1.5em;border-radius:100%;box-shadow:none;transition:all 0.15s;}
.scroll-top.in>i {display:block;width:1em;height:1em;line-height:1.1em;}
.help-tips-tit{width: 100%;height: 40px;line-height: 40px;color: #294f75;text-align: center;font-weight: bold;background: #ddd;font-size: 16px;}
.help-tips-list{padding: 0 20px;}
.help-tips-list li{margin:15px 0;overflow: hidden;}
.help-tips-list li span{display: inline-block;float: left;}
.help-tips-list li span:first-child{width: 100px;text-align: right;margin-right: 10px; margin-top: 2px; font-weight: 600;}
.help-tips-list li span:last-child{width: calc( 100% - 110px );line-height: 22px;}
.dialog_close i{display: inline-block; width: 28px; height: 28px; background: url(../images/close.svg) no-repeat; background-size: 100%;}
.app-header .navbar-toggler{min-width: 22px;}
.app-header .navbar-toggler:hover span{opacity: 0.85;}
.app-list-item .icon-stack img{width: 100%;}
body.brand-minimized.sidebar-minimized .info-card{padding: 10px 4px;}
@media (min-width: 1281px){
.brand-minimized .app-header .navbar-brand{width: 180px;}
}
.brand-minimized.sidebar-minimized .brand-text{display: block;}
body.brand-minimized.sidebar-minimized .info-card .profile-image{width: 40px;}
body.brand-minimized.sidebar-minimized .info-card .info-card-text.text-trial{display: none;}
.swal2-content{font-size: 16px!important;}
.swal2-content .mt20{margin-top: 20px;}
.swal2-icon{width: 3em; height: 3em; line-height: 3em;}
.swal2-icon::before{height: 100%; font-size: 2.5em}
.swal2-icon.swal2-error [class^='swal2-x-mark-line']{top: 1.4125em; width: 1.8375em; height: .3125em;}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left']{left: 0.5625em;}
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right']{right: 0.7em;}
.swal2-icon.swal2-success [class^='swal2-success-circular-line']{width: 4.25rem;}
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip']{top: 1.775em; left: .375em; width: 1.1625em;}
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long']{top: 1.475em; right: 0.15em; width: 1.9375em;}
/*两个tab的情况*/
.tablist-main .nav-tabs{width: 380px;margin:0 auto;}
.tablist-main .nav-tabs .nav-link{border:none;border-bottom: 2px solid #c8ced3;position: relative;width: 189px;text-align: center;font-size:14px;}
.tablist-main .nav-tabs .nav-link.active{border-bottom: 2px solid #20a8d8;}
.tablist-main .nav-tabs .nav-link.active.first-cricle:after{content: ''; position: absolute;  height: 4px; right: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .nav-tabs .nav-link.active:not(.first-cricle):after{content: ''; position: absolute;  height: 4px; left: 0px; bottom: -3px; width: 4px;background:#20a8d8;border-radius: 50%;z-index: 2; }
.tablist-main .tab-content{border-bottom: none;}
.tablist-main .tab-content .tab-pane.tab-form-pane{padding:30px 90px;}
/*三个tab的情况tablist-three*/
.tablist-main.tablist-three .nav-tabs{width: 569px;}
/*四个tab的情况tablist-four*/
.tablist-main.tablist-four .nav-tabs{width: 640px;}
.tablist-main.tablist-four .nav-tabs .nav-link{width: 160px;}
/*五个tab的情况tablist-five*/
.tablist-main.tablist-five .nav-tabs{width: 720px;}
.tablist-main.tablist-five .nav-tabs .nav-link{width: 144px;}

.load-mask{display:none;width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(255,255,255,.7);}
.load-mask i{display:inline-block;position: absolute;top:50%;margin-top: -14px;left: 50%;margin-left: -14px;font-size: 26px;animation: animateIcon linear 1s infinite; -webkit-animation: animateIcon linear 1s infinite; -moz-animation: animateIcon linear 1s infinite; -ms-animation: animateIcon linear 1s infinite;}

@keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@moz-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@ms-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
.switch-label{width: 60px;}
.switch-slider::before{left: 4px;}
.switch-label .switch-input:checked ~ .switch-slider::before{webkit-transform: translateX(31px); transform: translateX(31px);}
.switch-label .switch-slider::after{width: 60%; margin-top: -6px; font-weight: normal;}
.nav-user-nameen{display: inline-block; margin-right: 3px; vertical-align: top; max-width: 110px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.nav-user-namecn{display: inline-block; margin-left: 3px; vertical-align: top; max-width: 132px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.shortcut-menu{position: fixed; right: 1.5rem; bottom: 4.3125rem; z-index: 931;}
.menu-open{display: none;}
.menu-item, label.menu-open-button{background: #517ac6; border-radius: 50%; width: 45px; height: 45px; position: absolute !important; padding: 0; right: 0; bottom: 0; color: #fff !important; text-align: center; line-height: 45px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);}
.menu-item, label.menu-open-button{font-size: 16px;}
label.menu-open-button{z-index: 932; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; transition-duration: 400ms; cursor: pointer; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.app-shortcut-icon{width: 5px; height: 5px; background: #ecf0f1; color: #ecf0f1; -webkit-transition: .3s; transition: .3s; -webkit-box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px;}
.mod-high-contrast .nav-menu li a, .mod-high-contrast .nav-title, .mod-high-contrast .nav-menu li a [class*='fa-'], .mod-high-contrast .nav-menu li a .ni, .mod-high-contrast .dl-ref, .mod-high-contrast .btn{text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff !important; font-weight: 500 !important;}
.menu-item:hover, label.menu-open-button:hover{background: #336ad2;}
.menu-open:checked + .menu-open-button{-webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0); transform: scale(0.9, 0.9) translate3d(0, 0, 0); background: #505050;}
.menu-open:checked ~ .menu-item{-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-open:checked ~ .menu-item:nth-child(3){-webkit-transition-duration: 150ms; transition-duration: 150ms; -webkit-transform: translate3d(0, -48px, 0); transform: translate3d(0, -48px, 0);}
.menu-open:checked ~ .menu-item:nth-child(4){-webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: translate3d(0, -96px, 0); transform: translate3d(0, -96px, 0);}
.menu-open:checked ~ .menu-item:nth-child(5){-webkit-transition-duration: 350ms; transition-duration: 350ms; -webkit-transform: translate3d(0, -144px, 0); transform: translate3d(0, -144px, 0);}
.menu-open:checked + .menu-open-button .app-shortcut-icon{-webkit-box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important; -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);}
/*tips浮窗*/
.dropdown-smile{width: 320px;background: transparent;position: fixed;top:55px;right: 20px;z-index: 54;display: none;background:rgba(39,44,49,.9);border-radius: 4px;}
.like-tips-content{border-radius: 4px;}
.smile-stars{width: 280px;padding: 10px 10px 0 20px;float: left;border-radius: 4px 0 0 4px;}
.smile-stars li{margin: 8px 0;color:#fff;}
.smile-stars li a{color:#fff;display: inline-block;width: 200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 12px;}
.smile-stars li a:hover{text-decoration: underline;}
.smile-stars li i{margin-right: 10px;display: inline-block;font-size: 18px;vertical-align: 2px;}
.smile-close{width: 40px;background: rgba(255,255,255,.1);float:left;height: 114px;color: #fff;text-align: center;line-height: 114px;font-size: 20px;cursor: pointer;border-radius: 0 4px 4px 0;}
.smile-close:hover{background: rgba(255,255,255,.3);}
.system-inputform input{height: 36px; line-height: 36px; width: 100%; padding: 0 20px 0 35px; border-radius: 4px; border: 1px solid #ddd; font-size: 13px; }
.system-inputform.focused .hs-input + .hs-reset:before {-webkit-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg);}
.system-inputform.focused .hs-input + .hs-reset:after {-webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
.system-inputform,
.hs-input,
.hs-reset:before,
.hs-reset:after {-webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.system-inputform .hs-reset{position: absolute; left: 0px; top: 0px; color: #ddd; font-size: 17px; width: 50px; height: 100%;}
.hs-reset:hover {opacity: 0.7; cursor: pointer;}
.hs-reset:before,
.hs-reset:after { position: absolute; left: 10px; top: 10px;}
.hs-reset:after { content: '\f060'; -webkit-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); color: #666;}
.system-inputform input::-webkit-input-placeholder{color: #bbb;}
.system-inputform input::-moz-input-placeholder{color: #bbb;}
.system-inputform input::-ms-input-placeholder{color: #bbb;}
.system-cnt-nodata{padding-top: 50px; text-align: center; width: 300px; margin: 20px auto;}
.system-cnt-nodata i{font-size: 45px;}
.system-cnt-nodata p{margin-top: 15px; font-size: 14px; color: #333;}
.tooltip{z-index: 50050}
/*二期 新增用户弹窗里 下拉多选 start*/
.search-lists .multiselect-container label.checkbox{color: #5c6873!important;width:100%;font-size: 0.875rem;}
.search-lists .multiselect-container{width:364px;border: 1px solid #e4e7ea;margin-top: 1px;padding-top:0;padding-bottom: 0;}
.search-lists .search-more-people .multiselect-container{width: 200px;}
.search-lists .dropdown-menu>li{padding-left:5px;}
.search-lists .dropdown-menu>li:not(.filter):hover{background: rgba(228,231,234,0.5)!important;color:#fff}
.multiselect-selected-text{
   font-size:0.875rem!important;
   color: #5c6873;
   width:100%;
   float: left;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.search-lists .multiselect-container .multiselect-item.multiselect-all{margin-bottom: 0;}
.search-lists .multiselect-container .multiselect-item.filter{border-bottom: 1px solid #e4e7ea;padding-top:8px;padding-left: 0px!important;background: rgb(247,247,247);}
.search-lists .multiselect-container .multiselect-item.filter input{border:none;outline: none!important;width: calc(100% - 50px);color:#5c6873;background: rgb(247,247,247);}
.search-lists .multiselect-container .multiselect-item a.multiselect-all{padding-left:24px!important;}
.search-lists .multiselect-container .input-group{margin-bottom: 6px!important;}
.search-lists .multiselect-container>li>a>label>input[type=checkbox] {float:left;margin: 3px 5px 0 0;opacity: 0;}
.search-lists .dropdown-toggle::after{position: absolute;content: '';width: 0;height: 0;top:15px;right: 5px;bottom: -0;border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 6px solid #5c6873;}
.search-lists .btn-group{border: 1px solid #e4e7ea;border-radius: 0.25rem;height: 40px;}
.search-lists .multiselect-item.multiselect-group{display: none;}
.search-lists .multiselect-container>li>a>label.checkbox::before{    
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #8f9ba6 solid 1px;
    border-radius: 0.25rem;
}
.search-lists .multiselect-container>li>a>label.checkbox::after{
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}
.search-lists .multiselect-container>li.active>a>label.checkbox::before{    
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border-radius: 0.25rem;
    border: #8f9ba6 solid 1px;
    color: #fff;
    border-color: #20a8d8;
    background-color: #20a8d8;
}
.search-lists .multiselect-container>li.active>a>label.checkbox::after{ 
    position: absolute; 
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.search-lists .dropdown-menu>li:not(.dropdown-item)>a:not(.dropdown-item) {
    display: block;
    clear: both;
    padding: 8px 20px;
    width: 100%;
    border: 0;
    background: none;
    color: rgba(255,255,255,.85)!important;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1.54;
}
.input-group-btn{display: none;}
.search-lists .input-group-sm > .input-group-prepend > .input-group-text{border:none;background: none;padding: 0.25rem 0.6rem;}
.search-lists .input-group-sm > .input-group-prepend > .input-group-text i {font-size: 1.2rem;color:#b3b3b3}
/*下拉多选 end*/
/*多级下拉框*/
.search-grouplists .multiselect-container label.checkbox{color: #5c6873!important;width:100%;font-size: 0.875rem;}
.search-grouplists .multiselect-container{width:364px;border: 1px solid #e4e7ea;margin-top: 1px;padding-top:0;padding-bottom: 0;}
.search-grouplists .search-more-people .multiselect-container{width: 200px;}
.search-grouplists .dropdown-menu>li{padding-left:5px;}
.search-grouplists .dropdown-menu>li:not(.multiselect-group):hover{background: rgba(228,231,234,0.5)!important;color:#fff}
.multiselect-selected-text{
   font-size:0.875rem!important;
   color: #5c6873;
   width:100%;
   float: left;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.search-grouplists .multiselect-container .multiselect-item.multiselect-all{margin-bottom: 0;}
.search-grouplists .multiselect-container .multiselect-item.filter{border-bottom: 1px solid #e4e7ea;padding-top:8px;padding-left: 0px!important;background: rgb(247,247,247);}
.search-grouplists .multiselect-container .multiselect-item.filter input{border:none;outline: none!important;width: calc(100% - 50px);color:#5c6873;background: rgb(247,247,247);}
.search-grouplists .multiselect-container .multiselect-item a.multiselect-all{padding-left:24px!important;}
.search-grouplists .multiselect-container .input-group{margin-bottom: 6px!important;}
.search-grouplists .multiselect-container>li>a>label>input[type=checkbox] {float:left;margin: 3px 5px 0 0;opacity: 0;}
.search-grouplists .dropdown-toggle::after{position: absolute;content: '';width: 0;height: 0;top:15px;right: 5px;bottom: -0;border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 6px solid #5c6873;}
.search-grouplists .btn-group{border: 1px solid #e4e7ea;border-radius: 0.25rem;height: 40px;}
.search-grouplists .multiselect-container>li>a>label.checkbox::before{    
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #8f9ba6 solid 1px;
    border-radius: 0.25rem;
}
.search-grouplists .multiselect-container>li>a>label.checkbox::after{
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}
.search-grouplists .multiselect-container>li.active>a>label.checkbox::before{    
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border-radius: 0.25rem;
    border: #8f9ba6 solid 1px;
    color: #fff;
    border-color: #20a8d8;
    background-color: #20a8d8;
}
.search-grouplists .multiselect-container>li.active>a>label.checkbox::after{ 
    position: absolute; 
    top: 0;
    left: -10px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.search-grouplists .dropdown-menu>li:not(.dropdown-item)>a:not(.dropdown-item) {
    display: block;
    clear: both;
    padding: 8px 20px;
    width: 100%;
    border: 0;
    background: none;
    color: rgba(255,255,255,.85)!important;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1.54;
}
.search-grouplists .multiselect-container .multiselect-group-clickable>a{position: relative;}
.search-grouplists .multiselect-container .multiselect-group-clickable>a::before{    
    position: absolute;
    top: 5px;
    left: 14px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #8f9ba6 solid 1px;
    border-radius: 0.25rem;
}
.search-grouplists .multiselect-container .multiselect-group-clickable>a input[type='checkbox']{opacity: 0;}
.search-grouplists .multiselect-container .multiselect-group-clickable>a b{margin-left: 13px; color: #5c6873!important; width: 100%; font-size: 0.875rem; font-weight: normal;}
.search-grouplists .multiselect-container .multiselect-group-clickable>a::after{
    position: absolute;
    top: 5px;
    left: 14px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}
.search-grouplists .multiselect-container .multiselect-group-clickable.on>a::before{    
    position: absolute;
    top: 5px;
    left: 14px;
    display: block;
    width: 18px;
    height: 18px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border-radius: 0.25rem;
    border: #8f9ba6 solid 1px;
    color: #fff;
    border-color: #20a8d8;
    background-color: #20a8d8;
}
.search-grouplists .multiselect-container .multiselect-group-clickable.on>a::after{ 
    position: absolute; 
    top: 5px;
    left: 14px;
    display: block;
    width: 18px;
    height: 18px;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.search-grouplists .multiselect-container .multiselect-group ~ li:not(.multiselect-group) a{padding-left: 52px !important;}
.input-group-btn{display: none;}
.search-grouplists .input-group-sm > .input-group-prepend > .input-group-text{border:none;background: none;padding: 0.25rem 0.6rem;}
.search-grouplists .input-group-sm > .input-group-prepend > .input-group-text i {font-size: 1.2rem;color:#b3b3b3}
/*多级下拉框 end*/
.mt5{margin-top: 5px; }
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt25{margin-top: 25px; }
.mt30{margin-top: 30px; }
.mt35{margin-top: 35px; }
.mt50{margin-top: 50px; }
.mt100{margin-top: 100px; }
.mb3{margin-bottom: 3px; }
.mb5{margin-bottom: 5px; }
.mb7{margin-bottom: 7px; }
.mb10{margin-bottom: 10px; }
.mb15{margin-bottom: 15px; }
.mb20{margin-bottom: 20px; }
.mb30{margin-bottom: 30px; }
.mb50{margin-bottom: 50px; }
.mb100{margin-bottom: 100px; }
.ml2{margin-left: 2px; }
.ml5{margin-left: 5px; }
.ml10{margin-left: 10px; }
.ml15{margin-left: 15px; }
.ml20{margin-left: 20px; }
.ml30{margin-left: 30px; }
.ml50{margin-left: 50px; }
.ml60{margin-left: 60px; }
.ml70{margin-left: 70px; }
.ml78{margin-left: 78px; }
.ml80{margin-left: 80px; }
.ml100{margin-left: 100px; }
.ml150{margin-left: 150px; }
.ml200{margin-left: 200px; }
.ml300{margin-left: 300px; }
.mr2{margin-right: 2px; }
.mr3{margin-right: 3px; }
.mr5{margin-right: 5px; }
.mr10{margin-right: 10px; }
.mr15{margin-right: 15px; }
.mr20{margin-right: 20px; }
.mr30{margin-right: 30px; }
.mr50{margin-right: 50px; }
.mr100{margin-right: 100px; }
.mr150{margin-right: 150px; }
.mr200{margin-right: 200px; }
.pd5{padding: 5px; }
.p10{padding: 10px; }
.p15{padding: 15px; }
.p30{padding: 30px; }
.pt5{padding-top: 5px; }
.pt10{padding-top: 10px; }
.pt15{padding-top: 15px; }
.pt20{padding-top: 20px; }
.pt30{padding-top: 30px; }
.pt50{padding-top: 50px; }
.pt100{padding-top: 100px; }
.pb5{padding-bottom: 5px; }
.pb10{padding-bottom: 10px; }
.pb15{padding-bottom: 15px; }
.pb20{padding-bottom: 20px; }
.pb30{padding-bottom: 30px; }
.pb50{padding-bottom: 50px; }
.pb100{padding-bottom: 100px; }
.pl5{padding-left: 5px; }
.pl10{padding-left: 10px; }
.pl15{padding-left: 15px; }
.pl20{padding-left: 20px; }
.pl30{padding-left: 30px; }
.pl50{padding-left: 50px; }
.pl100{padding-left: 100px; }
.pl150{padding-left: 150px; }
.pl160{padding-left: 160px; }
.pr5{padding-right: 5px; }
.pr10{padding-right: 10px; }
.pr15{padding-right: 15px; }
.pr20{padding-right: 20px; }
.pr30{padding-right: 30px; }
.pr50{padding-right: 50px; }
.pr100{padding-right: 100px; }
.pt25{padding-top: 25px;}
.pb25{padding-bottom: 25px;}
.w400{width: 400px;}
.w150{width: 150px;}
.w200{width: 200px;}
/*tips浮窗*/
.dropdown-smile{width: 322px;background: transparent;position: fixed;top:43px;right: 20px;z-index: 99999;display: none;background:rgba(247,247,249,.9);border-radius: 4px;border: 1px solid #c8ced2;}
.like-tips-content{border-radius: 4px;}
.smile-stars{width: 280px;padding: 10px 10px 0 20px;float: left;border-radius: 4px 0 0 4px;}
.smile-stars li{margin: 8px 0;color:#5f7fc5;}
.smile-stars li a{color:#333;display: inline-block;width: 200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 12px;}
.smile-stars li a:hover{text-decoration: underline;}
.smile-stars li i{margin-right: 10px;display: inline-block;font-size: 18px;vertical-align: 2px;}
.smile-close{width: 40px;background: rgba(200,206,210,.6);float:left;height: 114px;color: #fff;text-align: center;line-height: 114px;font-size: 20px;cursor: pointer;border-radius: 0 4px 4px 0;}
.smile-close:hover{background: rgba(200,206,210,.9);}
.swal2-container{z-index: 60000;}
#toast-container>div i{font-size: 20px; margin-right: 5px; vertical-align: -2px;}
.table>tbody>tr>td, .table>tbody>tr>th{word-break: break-all!important;}
.sidebar .nav-dropdown-items .nav-item .nav-link~.nav-dropdown-items .nav-item .nav-link{padding-left: 66px;}
.tableload-mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.7);}
.tableload-mask span{display: inline-block; position: absolute; top: 2px; width: 260px; padding: 3px 0; border: 1px solid #dedede; border-radius: 3px; margin-top: 0; left: 50%; margin-left: -130px; background: #fff; text-align: center; font-size: 14px; line-height: 28px;}
.tableload-mask span i{margin-right: 5px; font-size: 14px; vertical-align: 0; animation: animateIcon linear 1s infinite; -webkit-animation: animateIcon linear 1s infinite; -moz-animation: animateIcon linear 1s infinite; -ms-animation: animateIcon linear 1s infinite;}
.feedback-content{font-size: 13px;}
.feedback-content{padding: 20px 15px;}
.feedback-cnt-qrimg{width: 220px; text-align: center; border:15px solid #eee; background: #fff; border-radius: 30px; margin: 10px auto;}
.feedback-cnt-qrimg img{width: 180px; border-radius: 10px;}
.feedback-line{display: inline-block; width: 120px; height: 12px; border-radius: 20px; background: #eee; margin: 5px auto 10px;}
/*表格 start*/
.table_tool_box{position: absolute; top: 36px; right: 0; z-index: 500000; width: 200px; border: 1px solid #d3d4d5; background: #fff; color: #333; font-weight: normal; text-align: left;}
.table_tool_box .table_tool_head{padding: 10px; line-height: 1; background: #e8e8e8; font-size: 13px; font-weight: 600; border-bottom: 1px solid #d3d4d5; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12);}
.table_tool_box .table_tool_head .tool_close{display: inline-block; position: absolute; right: 12px; top: 9px;}
.table_tool_box .table_tool_head .tool_close:hover{opacity: 0.8; cursor: pointer;}
.table_tdsort_box i.table_tool{font-size: 14px; color: #79878e;padding:10px 2px 10px 10px;}
.table_tdsort_box .table_tool:hover{opacity: 0.8; cursor: pointer;}
.table_tdsort_box i.table_arrow{vertical-align: 3px;padding-right: 10px;}
.table_tool_box .table_tool_cnt{max-height: 318px; overflow-y: auto;overflow-x:hidden;}
.table_tool_box .table_tool_cnt ul{width: 100%;}
.table_tool_box .table_tool_cnt ul li{position: relative; margin:5px 0;}
.table_tool_box .table_tool_cnt ul li:hover{background: #f0f0f0;}
.table_tool_box .table_tool_cnt ul li:last-child{border-bottom: 0;}
.pagination .page-item:first-child:not(.active):not(.disabled) .page-link:hover, .pagination .page-item:last-child:not(.active):not(.disabled) .page-link:hover{background: #f3f3f3!important;}
.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link{width: 30px!important;height: 30px!important;}
.page-item:first-child .page-link{margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.page-link{position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #886ab5; background-color: #fff; border: 1px solid #dee2e6;}
.pagination .page-item:not(:first-child){margin-left: 0.4rem;}
.pagination>li{display: inline-block;}
.page-link{color: #73818f;}
.page-item.active .page-link{z-index: 1; color: #fff; border-color: #25476a;}
.pagination .page-link{border-radius: 4px; border-width: 0px;}
.page-link:hover{z-index: 2; color: #967bbd; text-decoration: none; background-color: #f3f3f3; border-color: #dee2e6;}
.input-group-text{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.875rem; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.47; color: #495057; text-align: center; white-space: nowrap; background-color: #f3f3f3; border: 1px solid #E5E5E5; border-radius: 4px;}
.border-bottom-right-radius-0{border-bottom-right-radius: 0 !important;}
.border-top-right-radius-0{border-top-right-radius: 0 !important;}
.border-bottom-left-radius-0{border-bottom-left-radius: 0 !important;}
.border-top-left-radius-0{border-top-left-radius: 0 !important;}
.ml-0, .mx-0{margin-left: 0 !important;}
.border-right-0{border-right: 0 !important;}
.dataTables__top .dataTables_filter label{position: relative;}
.dataTables__top .dataTables_filter label i{width: 50px;height: 100%;font-size: 17px;color:#ddd;position: absolute;top:-2px;left: 0;cursor: pointer;}
.dataTables__top .dataTables_filter input::-webkit-input-placeholder{color: #bbb;}
.dataTables__top .dataTables_filter input::-moz-input-placeholder{color: #bbb;}
.dataTables__top .dataTables_filter input::-ms-input-placeholder{color: #bbb;}
.dataTables__top.focused.hs-input .hs-reset:before {-webkit-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg);}
.dataTables__top.focused.hs-input .hs-reset:after {-webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
.dataTables__top .dataTables_filter .hs-input,
.dataTables__top .dataTables_filter .hs-reset:before,
.dataTables__top .dataTables_filter .hs-reset:after {-webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms;}
.dataTables__top .dataTables_filter .hs-reset:hover {opacity: 0.7; cursor: pointer;}
.dataTables__top .dataTables_filter .hs-reset:before,
.dataTables__top .dataTables_filter .hs-reset:after { position: absolute; left: 10px; top: 12px;}
.dataTables__top .dataTables_filter .hs-reset:after { content: '\f060'; -webkit-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); color: #666;}
.custom-table-box{position: relative;}
.custom-control-label::before{width: 18px; height: 18px;left: 2px; top: 1px;}
.custom-control-label::after{width: 18px; height: 18px; background: no-repeat 50% / 65% 70%; top: 1px; left: 2px;}
th .custom-control,td .custom-control{padding-left: 0;}
#container .table th:not(.text-width){min-width: 70px!important;}
.table_footer_main{overflow: hidden;}
.table .thead-dark th{color:#23282c;border-color: #c8ced3;background: #e3e5ef;}
.table_footer_main .dataTables_length,.table_footer_main .dataTables_info,.table_footer_main .dataTables_paginate{display: inline-block!important;float:left;}
.table_footer_main .dataTables_paginate{padding-top: 5px!important;float:right;}
.table_footer_main .dataTables_length{height: 44px;line-height: 44px;font-size: 12px;}
.table_footer_main .dataTables_length>label{margin-bottom: 0;}
.table_footer_main .dataTables_length select{width: 100px!important;height: 28px;}
.table_footer_main .dataTables_info{padding-top: 0!important;height: 44px;line-height: 44px;margin-right:15px!important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}
.table>tbody>tr>td, .table>tbody>tr>th{padding:5px 8px!important;}
.table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked{background-color: #4e4e4e;color: #fff; margin-top: 0 !important;margin-bottom: 0 !important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #c8ced3;}
.table.fixedHeader-floating .thead-dark th .magic-radio+label:before,.table.fixedHeader-floating .thead-dark th .magic-checkbox+label:before{border:1px solid #fff;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{font-weight: normal;margin-right: 3px;font-size: 12px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{font-weight: normal;font-size: 12px;}
table.dataTable thead .checkbox,table.dataTable tbody .checkbox,table.dataTable tfoot .checkbox{margin:4px 0;}
.dataTables_scroll{border: 1px solid #c8ced3;}
.dataTables_scrollFoot .dataTables_scrollFootInner table.table{margin-bottom: 0!important;}
.dataHead-fixed{position: fixed!important;z-index: 8999;top:0;border-right: 1px solid #ddd!important;background-color: #4e4e4e;color:#fff;opacity: 0.9;}
.header-fixed .dataHead-fixed{top:55px;}
.dataTables_scrollHead.dataHead-fixed table.table thead.thead-dark tr th{color:#fff!important;background: rgba(43,47,58,.5);border-top: none;}
.dataTables_scrollHead.dataHead-fixed table.table .thead-dark th .checkbox-label:before{border:1px solid #fff;}
.custom-table-box .DTFC_LeftWrapper .DTFC_LeftHeadWrapper,.custom-table-box .DTFC_LeftWrapper .DTFC_LeftBodyWrapper{left:1px!important;top:1px!important;}
.custom-table-box .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner{overflow-y:hidden;overflow-x:hidden;}
.custom-table-box .DTFC_LeftHeadWrapper:before,.custom-table-box .DTFC_LeftBodyWrapper:before,.custom-table-box .DTFC_LeftFootWrapper:before{width: 0;box-shadow: none;-webkit-box-shadow:none;}
.custom-table-box .DTFC_LeftWrapper table.table tr td,.custom-table-box .DTFC_LeftWrapper table.table tr th{border-right: 1px solid #c8ced3;box-sizing:border-box;-webkit-box-sizing:border-box;}
/*表格 end*/
/*弹窗 告警列表及告警详情 start*/
.event-info-content{padding: 15px 40px; width: 1200px; margin: 0 auto;}
.event-info-head{width: 300px; float: left; margin-top: 25px;}
.event-floatright{text-align: center; margin: 25px 0; font-size: 20px;}
.event-info-ul{margin:10px 0 20px 0; width: calc(100% - 325px); float: right;}
.event-info-ul li{float: left; width: calc(50% - 20px); padding: 6px 0 2px; border-bottom: 1px solid #efefef; margin: 5px 80px 4px 0;}
.event-info-ul li label{display: inline-block; width: 100px; line-height: 28px; color: #696969; text-align: right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.resource-ul-right{display: inline-block; vertical-align: top; line-height: 28px; color: #000; width: calc(100% - 105px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event-info-content.ptb0{padding-top: 0;}
.event-info-content.ptb0 .event-info-ul li label{margin-bottom: 0;}
.event-info-content.ptb0 .event-info-ul li{margin:0px 20px 1px 0;}
.event-info-content.ptb0 .event-floatright{margin: 15px 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.event-info-content.ptb0 .event-info-head p{line-height: 24px;}
.event-info-content.ptb0 .event-info-overflow{max-height: 98px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 2; overflow: hidden;}
.event-info-tabcnt{margin-top: 10px;}
.event-info-head .resource-left-circle i:not(.font-alarm){font-size: 28px; margin-top: 3px;}
.resource-left-circle{display: inline-block; position: relative; width: 90px; height: 90px; border-radius: 50%; border: 3px solid #e8e9ec; margin: 0 auto 20px; padding: 20px; text-align: center;}
.resource-left-circle img{width: 100%;}
.color-bg5{border: 3px solid #35b0e0; color: #35b0e0;}
.color-bg2{border: 3px solid #ff4232; color: #ff4232;}
.color-bg3{border: 3px solid #fb853e; color: #fb853e;}
.color-bg1{border: 3px solid #d141ff; color: #d141ff;}
.color-bg4{border: 3px solid #d4b41a; color: #d4b41a;}
.event-info-ul li.li-auto{width: calc(100% - 20px); border-bottom: 0;}
.resource-left-circle span.alarm-text{display: block; font-size: 16px;}
.alarm-info-eventhead.event-info-head .resource-left-circle i:not(.font-alarm){margin-top: 0; font-size: 38px;}
.alarm-event-text{max-height: 210px; overflow-y: auto; text-align: left!important;}
.alarm-info-eventhead .resource-left-circle{padding: 14px;}
.resource-ul-right.no-ellipsis{text-overflow: unset; white-space: normal; overflow: unset;}
.resource-ullabel-box span{display: inline-block; font-size: 12px; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px; border-radius: 20px; border: 1px solid #888; color: #333}
	/***表格里面的内容*/
.w30{width: 30px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w90{width: 90px!important;}
.w100{width: 100px!important;}
.w110{width: 110px!important;}
.w120{width: 120px!important;}
.w130{width: 130px!important;}
.w140{width: 140px!important;}
.w150{width: 150px!important;}
.w160{width: 160px!important;}
.w170{width: 170px!important;}
.w180{width: 180px!important;}
.w190{width: 190px!important;}
.w200{width: 200px!important;}
.w250{width: 250px!important;}
.w300{width: 300px!important;}
.w350{width: 350px!important;}
.w400{width: 400px!important;}
.w450{width: 450px!important;}
.w500{width: 500px!important;}
.i-blue{color:#35b0e0}
.i-red{color:#ff4232}
.i-orage{color:#fb853e}
.i-purle{color:#d141ff}
.i-yellow{color:#d4b41a;}
.i-green{color: #109c41;}
.list-ul-btn>li{float: left;margin-right: 10px;height: 36px;}
.message-radioul{text-align: left; margin-top: 20px;}
.message-radioul li{margin: 5px 0;}
.message-radioul .custom-control-label{padding-left: 26px; font-size: 13px;}
.message-radioul .custom-control-label::before{top: 0;}
.message-radioul .custom-control-label::after{top: 0;}
/*弹窗 告警列表及告警详情 end*/

/*时间插件*/
.daterangepicker .ranges ul{padding: 15px 10px; }
.daterangepicker .ranges li{min-width: 100px;}
.daterangepicker .ranges li.active{border-radius: 5px;}
.daterangepicker.show-calendar .ranges{margin-top: 0;}
.dataTables_processing i{margin-right: 5px; font-size: 14px; vertical-align: -1px;}

/*new双时间段 start*/
th.month select{border: 1px solid #e4e7ea; border-radius: 0.25em;}
.ant-picker{-webkit-box-sizing: border-box; box-sizing: border-box; width: 300px; margin: 0; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; padding: 0 11px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #e4e7ea; border-radius: 0.25rem; -webkit-transition: border .3s,-webkit-box-shadow .3s; transition: border .3s,-webkit-box-shadow .3s; transition: border .3s,box-shadow .3s; transition: border .3s,box-shadow .3s,-webkit-box-shadow .3s;}
.ant-picker-calendar{-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; background: #fff}
.ant-picker-calendar-header{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 12px 0}
.ant-picker-calendar-header .ant-picker-calendar-year-select{min-width: 80px}
.ant-picker-calendar-header .ant-picker-calendar-month-select{min-width: 70px; margin-left: 8px}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-left: 8px}
.ant-picker-calendar .ant-picker-panel{background: #fff; border: 0; border-top: 1px solid #f0f0f0; border-radius: 0}
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel{width: auto}
.ant-picker-calendar .ant-picker-panel .ant-picker-body{padding: 8px 0}
.ant-picker-calendar .ant-picker-panel .ant-picker-content{width: 100%}
.ant-picker-focused{color: #5c6873; background-color: #fff; border-color: #8ad4ee; outline: 0; box-shadow: 0 0 0 0.2rem rgb(32 168 216 / 25%);}
.ant-picker-focused{border-color: #8ad4ee; border-right-width: 1px!important;}
.ant-picker-input{position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%}
.ant-picker-input>input{position: relative; display: inline-block; width: 100%; min-width: 0; color: #333333; font-size: 12px; line-height: 1.5715; background-color: #fff; background-image: none; border-radius: 2px; -webkit-transition: all .3s; transition: all .3s; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; height: 40px; padding: 0; background: 0 0; border: 0}
.ant-picker-input>input::-moz-placeholder{opacity: 1}
.ant-picker-input>input::-webkit-input-placeholder{color: #bfbfbf}
.ant-picker-input>input:-ms-input-placeholder{color: #bfbfbf}
.ant-picker-input>input::-ms-input-placeholder{color: #bfbfbf}
.ant-picker-input>input::placeholder{color: #bfbfbf}
.ant-picker-input>input:-moz-placeholder-shown{text-overflow: ellipsis}
.ant-picker-input>input:-ms-input-placeholder{text-overflow: ellipsis}
.ant-picker-input>input:placeholder-shown{text-overflow: ellipsis}
.ant-picker-input>input:hover{border-color: #40a9ff; border-right-width: 1px!important}
.ant-picker-input>input-focused,.ant-picker-input>input:focus{border-color: #40a9ff; border-right-width: 1px!important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2); box-shadow: 0 0 0 2px rgba(24,144,255,.2)}
.ant-picker-input>input-disabled{color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1}
.ant-picker-input>input-disabled:hover{border-color: #d9d9d9; border-right-width: 1px!important}
.ant-picker-input>input[disabled]{color: rgba(0,0,0,.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1}
.ant-picker-input>input[disabled]:hover{border-color: #d9d9d9; border-right-width: 1px!important}
.ant-picker-input>input-borderless,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless[disabled]{background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none}
.ant-picker-input>input:focus{-webkit-box-shadow: none; box-shadow: none;}
.ant-picker-range-separator{-webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; line-height: 1;}
.ant-picker-range .ant-picker-active-bar {position: absolute; bottom: -1px; height: 2px; margin-left: 5px; width: 120px; background: #1890ff; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; pointer-events: none;}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity: 1;}

/*new双时间段 end*/
.is-invalid ~ span.select2-container--default .select2-selection--multiple{border-color: #f86c6b; border-radius: 0.25rem;}
.search-lists .is-invalid ~ .btn-group{border-color: #f86c6b;}
/*表格的兼容样式*/
table.dataTable td, table.dataTable th{-webkit-box-sizing: border-box; box-sizing: border-box;}
table.dataTable td.text-width, table.dataTable th.text-width{width: 60px!important;padding-right: 10px;}
.table td .btn{padding: 5px 10px; font-size: 12px;}
.table th{padding:0.75rem 10px;}
table.dataTable th.w400{width: 420px!important;}
table.dataTable th.w350{width: 370px!important;}
table.dataTable th.w300{width: 320px!important;}
table.dataTable th.w250{width: 270px!important;}
table.dataTable th.w200{width: 220px!important;}
table.dataTable th.w150{width: 170px!important;}
table.dataTable th.w120{width: 140px!important;}
table.dataTable th.w110{width: 130px!important;}
table.dataTable th.w100{width: 120px!important;}
table.dataTable th.w80{width: 100px!important;}
table.dataTable th.w70{width: 90px!important;}
table.dataTable th.w60{width: 80px!important;}
table.dataTable th.w50{width: 70px!important;}

.dataTables_scrollBody{min-height: 40px;}
.no-opacity{opacity: 0;}