body.login {
	background-image:url(./img/login/login-bg.jpg);
	background-repeat:no-repeat;
	background-size:1980px 1080px;
} 
.checkbox > div.checker {
	margin-top:-3px;
}
#login .container {
    position: absolute;
    height: 550px !important;
    top: 50%;
    margin-top: -275px;
}
.login-box-plain {
    padding: 80px 50px 10px;
    margin-bottom:30px;
    margin-top:0;
	box-shadow:5px 5px 15px rgba(0,0,0,0.3);
}
.contact-us {
	color:#F2EFF0;
	margin-bottom:40px;
}
.contact-us .c-us{
	font-size:14px;
}

.contact-us .divider{
	margin:13px 0;
	height:2px;
	background-color:#FFF;
}

.contact-us .info-cont{
	position:relative;
	font-size:13px;
}
.contact-us .info-cont .qrcode-cont{
	position:absolute;
	top:0;
	right:0;
}
.contact-us .info-cont .qrcode-cont .qrcode{
	position:absolute;
	top:0;
	right:0;
	width:72px;
	height:72px;
	background-size:72px 72px;
	background-position:0 0 ;
	background-repeat:no-repeat;
}
.contact-us .info-cont .qrcode-cont .qr-label {
	position:absolute;
	top:77px;
	right:0;
	width:72px;
	height:30px;
	text-align:center;
}

.contact-us .info-cont .infos .info {
	margin:4px 0;
/* 	padding-right:80px; */
}
.contact-us .info-cont .infos .info.mail {
	padding-right:0px;
}

.form-group.login-cont {
    margin-left: 30px;
    margin-right: 30px;
}
.logo-cont {
	position:absolute;
	top:20px;
	left:0;
	right:0;
	height:43px;
	padding:0 15px;
}
.logo-cont-inner {
	margin:0 auto;
/* 	position:absolute; */
/* 	left:50%; */

	max-width:300px;
	height:43px;
/* 	margin-left:-150px; */
}
.logo-cont-inner .img-cont {
	position:relative;
	width:100%;
	height:100%;
	background-image:url(./img/login/login-logo.png);
	background-size:100% auto;
	background-position:0 0;
	background-repeat:no-repeat;
}
.icp-cont {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:82px;
	line-height:82px;
	background-color:rgba(0,0,0,0.61);
	text-align:center;
	color:#ffffff;
	letter-spacing:-0.34px;
	font-family:Microsoft YaHei;
	padding: 5px 0;
}
.icp-cont p {
	color: #FFF;
	margin-bottom: 0;
	display: block;
	line-height: 23px;
}
.icp-cont a.bei-an-link {
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 23px;
}
#returnHome {
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	left:10px;
	background-image:url(img/returnHome.png);
	background-size:30px 30px;
	z-index:1000;
}	

.right{
	float:right;
}	
#verification-code-cont {
	position: relative;
	padding-right: 105px;
}
#verification-code-cont .verify-code-img-cont {
	width:73px;
	height: 34px;
	position: absolute;
	top:23px;
	right:27px;
	cursor: pointer;
}
#verification-code-cont .verify-code-img-cont img.verify-code-img {
	width:73px;
	height: 34px;
}
#verification-code-cont .verify-code-refresh-cont {
	width:27px;
	height: 34px;
	position: absolute;
	top:23px;
	right:0px;
	/*border: 1px solid #CCCCCC;*/
	/*border-radius: 6px;*/
}
#verification-code-cont .verify-code-refresh-cont i.fa.fa-refresh {
	cursor: pointer;
	margin-left: 5px;
}
   /* 浏览器提示 */
.hint-cont {
	position:absolute;
	width:1027.5px;
	height:517.5px;
/* 	top:50%; */
/* 	top:40%; */
	top:38.2%;
	left:50%;
	margin-left:-513.75px;
/* 	margin-top:-258.75px; */
/* 	margin-top:-207px; */
	margin-top:-197.685px;
	background-color:#4D5D81;
	border:1px solid grey;
	z-index:1;
	padding:31.5px 47.25px 22.5px;
}
.hint-cont .hint-inner-cont {
	position:relative;
	width:100%;
	height:100%;
}
.hint-cont .hint-inner-cont .hint-text {
	color:white;
	font-size:24px;
	line-height:24px;
	text-align:center;
	user-select:none;
}
.hint-cont .hint-inner-cont .hori-spliter {
	position:relative;
	height:60px;
	width:100%;
}
.hint-cont .hint-inner-cont .hori-spliter .line {
	height:28.5px;
	border:none;
	border-bottom:2px solid white;
}
.hint-cont .hint-inner-cont .recommend-cont {
	position:relative;
	height:268.5px;
	width:100%;
}
/* 分辨率 */
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont {
	position:absolute;
	height:268.5px;
	width:50%;
	top:0;
	left:0;
	margin-left:-7.5px;
	padding-top:22.5px;
}
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution {
	position:relative;
	float:left;
	height:210px;
}
/* 1920x1080 */
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution .reso-value {
	position:absolute;
	top:58.5px;
	left:0;
	width:100%;
	line-height:21.75px;
	font-size:21.75px;
	text-align:center;
	color:#FFF;
	padding-right:15.75px;
	user-select:none;
}
/* 当前分辨率和推荐分辨率 */
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution .reso-text {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:21px;
	font-size:21px;
	text-align:center;
	color:#FFF;
	user-select:none;
}
/* 当前分辨率 */
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution.current {
	width:187.5px;
	background-image:url(./img/login/current_resolution.png);
	background-repeat:no-repeat;
	background-size:187.5px 159px;
	background-position:0 0;
	margin-right:13.5px;
	margin-left:19.5px;
}
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution.current.ok,
/* 推荐分辨率 */
.hint-cont .hint-inner-cont .recommend-cont .resolution-cont .resolution.recommend {
	width:214.5px;
	background-image:url(./img/login/recommend_resolution.png);
	background-repeat:no-repeat;
	background-size:214.5px 159px;
	background-position:0 0;
}
/* 垂直分割线 */
.hint-cont .hint-inner-cont .recommend-cont .vert-spliter {
	position:relative;
	height:268.5px;
	width:15px;
	left:50%;
	margin-left:-7.5px;
}
.hint-cont .hint-inner-cont .recommend-cont .vert-spliter .line{
	position:relative;
	height:268.5px;
	width:6.75px;
	border:none;
	border-right:2px solid white;
	
}
/* 浏览器 */
.hint-cont .hint-inner-cont .recommend-cont .browser-cont {
	position:absolute;
	height:268.5px;
	width:50%;
	top:0;
	right:0;
	margin-right:-7.5px;
	padding-top:44.25px;
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser {
	position:relative;
	float:left;
	width:136.5px;
	height:186.75px;
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .icon {
	position:relative;
	margin-left:29.25px;
	width:78px;
	height:78px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .bro-name {
	position:absolute;
	top:101.25px;
	left:0;
	width:100%;
	line-height:21px;
	font-size:21px;
	text-align:center;
	color:#FFF;
	user-select:none;
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .bro-text {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:21px;
	font-size:21px;
	text-align:center;
	color:#FFF;
	user-select:none;
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .icon.safari {
	background-image:url(./img/login/safari.png);
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .icon.chrome {
	background-image:url(./img/login/chrome.png);
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .icon.ie11 {
	background-image:url(./img/login/ie.png);
}
.hint-cont .hint-inner-cont .recommend-cont .browser-cont .browser .icon.firefox {
	background-image:url(./img/login/firefox.png);
}
.hint-cont .hint-inner-cont .btns-cont {
	position:relative;
	height:45px;
	width:100%;
}
.hint-cont .hint-inner-cont .btns-inner-cont {
	position:relative;
	height:45px;
	float:right;
}
.hint-cont .hint-inner-cont .btns-inner-cont .close-btn {
	position:relative;
	height:45px;
	width:146.25px;
	float:left;
	font-size:21px;
	color:#FFF;
	background-color:transparent;
	border:2px solid #FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.hint-cont .hint-inner-cont .btns-inner-cont .fa {
	float:left;
	position: relative;
    top: 9px;
	font-size:27px;
	width:27px;
	height:27px;
	color:#FFF;
	cursor:pointer;
}
.hint-cont .hint-inner-cont .btns-inner-cont .notip {
	float:left;
	position: relative;
	
	font-size:19.5px;
	line-height:19.5px;
	top:12.74px;
	margin-right:52.5px;
	color:#FFF;
	font-weight:100;
	cursor:pointer;
	user-select:none;

}
.checker-spliter {
	margin-top:-1px;
}
.account_links {
	float:right;
}
.account_links .registry {
	float:left;
	margin-right:22px;
}
.account_links .forget_pwd {
	float:left;
}
@media screen and (max-width: 768px) {
	#login-box.login-box-plain {
		padding: 80px 20px 10px;
	}
}
@media screen and (max-width: 380px) {
	.checker-spliter {
		display:block;
	}
	.account_links {
		display:block;
		width:100%;
		margin:6px 0;
	}
	.account_links .forget_pwd {
		float:right;
	}
}
@media screen and (max-width: 295px) {
	.account_links .forget_pwd {
		float:left;
		margin-top:5px;
	}
}