/*全局*/
body,form,dl,dd,ul{ margin:0; padding:0; list-style:none; }
body,td,div,span,p,a,input,select{ font-size:13px; color:#666666; font-family:微软雅黑,Arial; }
input,select{ vertical-align:middle; }
img{ border:0; }
a{ text-decoration:none; }
a:hover{ color:#027FB9; }

/*公共*/
.login_bg{ background:url(login_bg.png) no-repeat center top; 
	background-position:center;     background-size: 100% 100%; height: 100vh;
}
.logtop{width: 5.58rem; height: 0.75rem;}
.auimg{position: absolute; left: 1.18rem;width: 6.7rem;height:6.61rem;}
.clear{ clear:both; }
.text{ padding-left:6px; height:30px; line-height:30px; background:#FCFCFC; border:solid 1px #E0E0E0; }
.txt_red{ color:#CC3300; }

/*管理登录*/
/*头部*/
.login_head_box{ position:relative; margin:0 auto; width:1000px; z-index:3; }
.login_head_right{ float:right; margin:10px; display:inline; }

.login_head_right a{ display:inline-block; padding-left:18px; background:url(icon_dot.png) no-repeat left center; }
/*中部*/
.login_body_box{ float: right; width: 50%; margin-left: 0.2rem;}

.login_box{  height: 3.68rem;border-left: 0.04rem solid rgba(51, 122, 183, 1); padding-top: 0.32rem;}
.titlext{font-size: 0.36rem;font-weight: bold;color: #000000;letter-spacing: 1px;margin: 0.83rem 0 0.08rem 1.91rem; }
.login_box dt{ text-align:center; padding:20px 0; font-size:24px; color:#0276B3; border-bottom:solid 1px #DDDDDD; }
.login_box dt img{ width:100%; height:100%; }
.login_box dd{ position:relative; }

/* 扫码登录 */
.login_box dd .qrcode-target {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	top: 0;
	right: -3px;
	background-image: url("qrcode_switch.png");
	background-repeat: no-repeat;
	bkit-transition: background-position .2s cubic-bezier(0.25,.5,.5,.9);
	-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
	transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
}

.login_box dd .qrcode-target-show {
	background-position: -201px -199px;
}

.login_box dd .qrcode-target-hide {
	background-position: -260px -260px;
}

#loginQrcode {
	display: none;
	float: left;
	margin: 10px 0;
	width: 100%;
}

#loginQrcode #qrcode-head {
	margin: 5px auto 10px;
	text-align: center;
	font-size: 22px;
}

#loginQrcode #qrcode-main {
	position: relative;
}

#loginQrcode #qrcode {
	width: 160px;
	height: 160px;
	margin: 0 auto 0;
	padding: 5px;
	border: 1px solid #EEE;
	text-align: center;
	line-height: 160px;
}

#loginQrcode #qrcode-error {
	position: absolute;
	top: 0px;
	left: 115px;
	color: #fbfbfb;
}

#loginQrcode #qrcode-error .qrcode-error-mask {
	background: #000 none repeat scroll 0 0;
	width: 172px;
	height: 172px;
	opacity: 0.6;
	position: absolute;
	margin: 0 auto 0;
}

#loginQrcode #qrcode-error .err-cont {
	position: absolute;
	left: 0;
	top: 45px;
	width: 172px;
	color: #fbfbfb;
	font-weight: 700;
	text-align: center;
}

#loginQrcode #qrcode-error .refresh-btn {
	position: absolute;
	background: #e4393c none repeat scroll 0 0;
	display: block;
	left: 51px;
	top: 95px;
	width: 70px;
	height: 25px;
	line-height: 22px;
	color: #fbfbfb;
	text-align: center;
	text-decoration: none;
	display: none;
}

#loginQrcode #qrcode-error .qrcode-success {
	position: absolute;
	width: 172px;
	height: 172px;
	display: none;
}

#loginQrcode #qrcode-error .qrcode-success p {
	color: white;
	text-align: center;
	margin: 5px;
	font-size: 16px;
}

#loginQrcode #qrcode-error .qrcode-success p.first {
	padding: 0;
	margin: 36px 0 0 0;
	text-align: center;
}

#loginQrcode #qrcode-error .qrcode-success .img {
	background-image: url("qrcode_success.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 80px;
	height: 80px;
}

#loginQrcode #qrcode-error .qrcode-success .img.success {
	background-position: 0 -80px;
}

#loginQrcode #qrcode-foot {
	margin: 20px auto 5px;
	text-align: center;
	font-size: 14px;
}

#loginQrcode #qrcode-foot span {
	color: #e4393c;
	font-size: 14px;
}

.login_form{ margin-left: 1.1rem; width:4.64rem; position: relative; padding-top: 0.6rem;}
.login_form:before{
	content: "";
	position: absolute;
	width: 4.64rem;
	height: 0.01rem;
	background: linear-gradient(243deg, rgba(255, 255, 255, 0) 0%, #E2E2E2 34%, #E2E2E2 67%, rgba(255, 255, 255, 0) 100%);
	opacity: 0.36;
	top: 0; 
	}
.login_form input {padding: 0 0 0 0.2rem; width: 4.44rem;display: block;margin-bottom: 0.36rem;height: 0.7rem;background: rgba(32, 53, 128, 0.01);border-radius: 0.03rem;border: 0.01rem solid rgba(32, 53, 128, 0.16);}
.login_btn{padding: 0 0 !important;width: 4.64rem  !important;margin-top: 0.5rem; border:none;background: linear-gradient(270deg, #448FE8 0%, #3B7FCF 100%) !important; color: #FFFFFF;font-size: 0.3rem;cursor: pointer;}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
/*底部*/
.botwz{
	text-align: center;margin-top: 0.3rem;
}
.botwz p{
	 font-size:14px; padding-right:0.08rem; padding-left: 0.08rem ;color: #fff;border-right: 1px solid #fff;display: inline-block;
}
.login_foot_box {
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.login_foot_copyright{ color:#027FB9; }