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

* {
	margin:0;
	padding:0;
	color:#333;
	font-size:12px;
}

body {
	background:#ebf6ff;
}

#title {
	width:929px;
	text-align:center;
	margin:120px auto 60px auto;
}
.title{
	/* width: 45.33rem; */
	height: 3.54rem;
	font-size: 2.67rem;
	font-family: Microsoft YaHei-Bold, Microsoft YaHei;
	font-weight: bold;
	color: #4A5DE6;
	line-height: 2.67rem;
	text-shadow: 0px 0px 0px rgba(0,109,255,0.24);
	-webkit-text-stroke: 0px #FFFFFF;
	text-stroke: 0px #FFFFFF;
	-webkit-background-clip: text;
	/* -webkit-text-fill-color: transparent; */
	z-index: 9;
}
#main {
	 width:85%;
	/* height:270px; */
	text-align:center;
	/* background: url("/images/level/icon.png") repeat-x center; */
}
.body{
	background-image: url("/images/level/bg.png");
	background-size: 100% 100%;
}

table {
	margin:0 auto;
}

.left {
	cursor: pointer;
	/* background: url(../images/left.png) no-repeat; */
}

.right {
	cursor: pointer;
	/* background: url(../images/right.png) no-repeat; */
}

.centerBg {
	width: 74.61rem;
	height: 39.83rem;
	background: #FFFFFF;
	border-radius: 1.67rem 1.67rem 1.67rem 1.67rem;
	opacity: 0.8;
	border: 0.11rem solid #006DFF;
	position: absolute;
	top: 0px;
	z-index: 0;
}
.center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 74.61rem;
	height: 39.83rem;
}
.form{
	display: flex;
	z-index: 9;
}
.icon{

}
.iconImg{
	background: url("/images/level/icon.png") no-repeat;
	background-size: 100%;
	width: 26.56rem;
	height: 26.56rem;
}
.formBox{

margin: 3.17rem;
}
#load {
	float:right;
}

#but {
	width: 22.22rem;
	height: 3.33rem;
	background: #4464c5;
	border:0px;
	outline:none;
	cursor:pointer;
	margin-top: 2.01rem;
	color: white;
}
input.text {
	/* width:130px; */
	/* height:20px; */
	width: 22.22rem;
	height: 3.11rem;
	background: #ffffff;
	border-radius: 0.17rem 0.17rem 0.17rem 0.17rem;
	opacity: 1;
	border: 0.06rem solid #DCDCDC;
	margin-top: 2.06rem;
}

input.code {
	width:64px;
	height:20px;
}