﻿/*全局*/
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.jpg) no-repeat center top; }
.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{ position:relative; margin:0 auto; width:1000px; height:580px; z-index:2; }

.login_box{ float:right; margin:100px 0 0 0; width:400px; display:inline; }
.login_box dt{ text-align:center; padding:20px 0; font-size:24px; color:#0276B3; border-bottom:solid 1px #DDDDDD; }
.login_box dt img{ width:289px; height:60px; }
.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{ float:left; margin:10px 0; width:100%; }
.login_form li{ position:relative; float:left; width:100%; padding:5px 0; line-height:32px; }
.login_form li .Validform_checktip{ margin:3px 0 0 120px; line-height:16px; }
.login_form li label{ float:left; margin-right:10px; width:110px; text-align:right; font-size:14px; }
.login_form li label em{ color:#CC0000; margin:0 5px; font-style:normal; }
.login_form li .text{ width:190px; }
.login_btn{ width:200px; height:38px; border:none; background:url(login_btn.png) no-repeat center center; cursor:pointer; }

/*底部*/
.login_foot_box{ position:relative; margin:0 auto; width:1000px; z-index:1; }
.login_foot_copyright{ float:left; width:100%; text-align:center; color:#027FB9; }
