@charset "UTF-8";
/* CSS Document */

.lBody{
	display: table;
	width: 100%;
	background: url(../images/bg/l-bg.jpg) no-repeat center center;
	background-size: cover;
}
.logo{width: 300px;height: 60px;position: absolute; top: 40px;right: 54px;}
.logo img{width: 146px;}
.container{
	display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.main{
	width: 510px;
    min-height: 322px;
	border-radius: 22px;
	margin-right: 9.8%;
	background: #fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 32px;
	box-shadow: 10px 10px 5px 0 rgba(98, 96, 96, .44);
	float: right;
	position: relative;
}


.loginBox{width: 222px;height: 100%;padding-right: 10px;position: relative;}
.lTit{font-size: 18px;line-height: 18px;color: #b6b6b6; padding: 0 0 14px 0;}
.inpBox{
	width: 220px;
    height: 30px;
    border: 1px solid #e7e7e7;
    margin-bottom: 14px;
	background: #fff;
}
.l-icon{width: 30px;height: 30px;padding: 0 6px 0 10px;}
.userIcon{background: url(../images/bg/userIcon.jpg) no-repeat center center;}
.passIcon{background: url(../images/bg/passIcon.jpg) no-repeat center center;}
.lInp{
	height: 30px;
	line-height: 30px;
	width: -moz-calc(100% - 46px);
	width: -webkit-calc(100% - 46px);
	width: calc(100% - 46px);
}

.lBtn{width: 222px;height: 32px;border-radius: 4px;background: #e70012;color: #fff;font-size: 14px;letter-spacing: 2px; text-align: center;}
.lBtn:hover{background: #660000;}

.v-answer{padding-top: 18px;}
.v-answer .red{font-size: 14px;}
.v-answer .tit{padding: 10px 0;}
.sel-answer ul li{padding: 0 0 6px 0;}
.sel-answer ul li:first-child, .sel-answer ul li:nth-child(3){padding-right:24%;}
.sel-answer ul li input[type="radio"]{margin-right: -14px;}
.sel-answer ul li label{margin-left: 20px;line-height: 14px;}

.codeBox{width: 190px;padding-top: 32px;}
.codeDiv{padding-bottom: 24px;overflow: hidden;}
.codeTxt{width: 104px;color: #b6b6b6;line-height: 14px;}

.linkbox{overflow: hidden;float: right;}
.linkbox a:first-child{padding-right: 20px;}

/*---------------model-----------------*/
.closeBtn{
	width: 18px;
	height: 18px;
	background: url(../images/bg/close.png) no-repeat center center;
	position: absolute;
    top: 16px;
    right: 20px;
    z-index: 9999;
    
}
.closeBtn:hover{background: url(../images/bg/closeR.png) no-repeat center center;}
.black_overlay{ 
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 1); 
	z-index:1001;
	border-radius: 22px;
	overflow:hidden;
} 
.bubbleBox { 
	display: none; 
	position: absolute;
    top: 20%;
    left: 30%;
    width: 180px;
    height: 180px;
    padding: 10px;
    background-color: white;
    z-index: 1002;
}



@media only screen and (max-width:768px) {
	.lBody{background-size: cover;}
	.lBody, .container{display: block;}
	.logo{position: static;margin: auto;padding-top: 10%;}
	.main{overflow: hidden;}
	.main, .inpBox, .loginBox, .lBtn{width: 100%;}
	.main{background: none;box-shadow: none;height: auto;max-width: 644px;margin: auto; float: none;}
	.container{height: auto;}
	.lTit{display: none;}
	.loginBox{padding: 0;float: none; margin: auto;margin-top: 20px;}
	.sel-answer ul li{padding-right: 13%!important;}
	
	.codeBox{width: 100%;}
	.codeDiv{
		width: 190px;
		float: left;
		padding-right: 10%;
	}
	.codeTxt{color: #333;}
}




.login_content{ background: none!important;}