/* div{
	border: 1px solid red;
} */
body{
	margin: 0px;
	background-color:white;
	min-width: 1140px;
}
html{
	background-color: white;
}
*{
	font-family:"微软雅黑"!important;
}
.body{
	position: relative;
	float: left;
	width: 100%;
	overflow:hidden;
}
.body-center{
	width: 1920px;
}
.body-center img{
	width: 100%;
}
.body-right{
	float: left;
	width: 400px;
	height: 415px;
	position: absolute;
	top:20.8%;
	left: 56%;
	border-radius: 5px;
	background-color: white;
}
.body-right-top{
	float: left;
	height: 19%;
	width: 50%;
	
}
.body-right-top span{
	display: inline-block;
	font-family: "微软雅黑";
	font-size: 24px;
	color: #e8390a;
	margin-top: 4%;
	margin-left: 10%;
}
.qrCode{
	width:112px;
	height:112px;
}
.qr-img{
	margin-top: 25%;
    margin-left: 25%;
	width:50%;
	height:50%;
}
.qr-img canvas{
	width:100%;
	height:100%;
}
/* @media all and (max-width:1400px){
	#span {
		
		font-size: 18px;
	}
	#span2{
		font-size: 13px;
	}
	#p{
		font-size: 13px;
	}
	.foot1-center ul .li{
		font-size: 10px;
	}
	a{
		color: #3a3a3a;
		font-size: 12px!important;
		
		text-decoration: none;
	}
	.foot1{
		height: 100px!important;
	}
	.foot2{
		height: 50px!important;
	}
} */
/* @media all and (max-width:1200px){
	.rememberPass{
	    left: 6%!important;
	}
	.body-word2 {
	    float: left!important;
	    width: 70px!important;
	    height: 5%!important;
	    position: absolute!important;
	    top: 60%!important;
	    left: 63%!important;
	}
	.layui-form-checkbox span{
		font-size:12px;
	}
	input.body-input {
	    text-indent: 30px!important;
	    font-size:10px;
	}
	#span {
		
		font-size: 16px;
	}
	#span2{
		font-size: 10px;
	}
	body{
	margin: 0px;
	background-color: rgb(247,244,248);
	min-width: 960px;
	}
	#p{
		font-size: 10px;
	}
	.foot1-center ul .li{
		font-size: 8px;
	}
	a{
		color: #3a3a3a;
		font-size: 10px!important;
		
		text-decoration: none;
	}
	.foot1{
		height: 88px!important;
	}
	.foot2{
		height: 40px!important;
	}
} */
.body-right-img{
	margin-right: 2.4%;
	margin-top: 1.5%;
	width: 18%;
	height: 18%;
	float: right;
}
.body-right-img img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.body-input{
	background-color:white;
	float: left;
	margin-top: 6%;
	margin-left: 11.1%;
	width: 80.75%;
	height: 10.81%;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}
.people{
	float: left;
	width: 6.25%;
	height: 6.25%;
	position: absolute;
	top:28.7%;
	left: 13.8%;
}
.people2{
	float: left;
	width: 6.25%;
	height: 6.25%;
	position: absolute;
	top:46.0%;
	left: 13.8%;
}
.people2 img{
	margin: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.people img{
	margin: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.body-checkbox{
	width: 5.25%;
	height: 5.25%;
	float: left;
	position: absolute;
	top: 60%;
	left: 12%;
	background-color: white;
}
.body-checkbox img{
	cursor: pointer;
	width: 100%;
	height: 100%;
	margin: 0;
}
.body-word1{
	float: left;
	width: 60px;
	height: 5%;
	position: absolute;
	top: 59%;
	left: 22%;
}
.body-word1 span{
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}
.body-word2{
	float: left;
	width: 70px;
	height: 5%;
	position: absolute;
	top: 59%;
	left: 68%;
}
.body-word2 span{
	font-size: 14px;
	color: #666666;
	cursor: pointer;
}
.body-foot{
	float: left;
	width: 81.25%;
	height: 10.8%;
	margin-left: 10%;
	margin-top: 18%;
}
.body-foot-left{
	width: 46%;
	height: 100%;
	float: left;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
}
.body-foot-left p{
	margin: 0;
	color: #3a3a3a;
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 5%;
}
.body-foot-right{
	width: 46%;
	height: 100%;
	float: right;
	border-radius: 3px;
	background-color: #e8390a;
	text-align: center;
	cursor: pointer;
}
.body-foot-right p{
	margin: 0;
	color: white;
	font-family: "微软雅黑";
	font-size: 16px;
	margin-top: 5%;
}
.foot1{
	float: left;
	width: 100%;
	height: 110px;
}
.foot1-center{
	width: 59.3%;
	height: 100%;
	margin: 0 auto;
}
.foot1-center ul{
	width: 60.2%;
	height: 50%;
	float: left;
	margin-left: 25%;
	margin-top:3.3%;
	text-align: center;
}
.foot1-center ul li{
	list-style: none;
	margin-top: 4%;
	width: 19%;
	float: left;
	cursor: pointer;
}
a{
	color: #3a3a3a;
	font-size: 15px;
	text-decoration: none;
}
.foot2{
	float: left;
	width: 100%;
	height: 50px;
	
}
.foot2-center{
	width: 59.3%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.foot2-center p{
	margin: 0;
	font-size: 13px;
	color: #666666;
	margin-top: 2%;
	cursor: pointer;
	margin-left: 10%;
}
.threeLogin{
    height: 56px;
    line-height: 56px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.weChat,.alipay{
	width: 40px;
    height: 40px;
    line-height: 40px;
	display: inline-block;
    float: right;
    margin-top: 8px;
    margin-right: 34px;
    color:#999999;
}
.threeLogin span{
	margin-left: 34px;
	color:#999999;
}
.threeLogin i{
	font-size: 34px;
}
.weChat i:hover{
	color:#00c136;
}
.alipay i:hover{
	color:#43afff;
}