html {
	font-size: 16px;
	color: #333333;
	font-family: "微软雅黑";
}
body {
	margin: 0;
	background: url(../images/back.jpg);
}
body .body_wrap {
	width: 1102px;
	margin: 100px auto;
	display: flex;
}
body .body_wrap .back_left_img img {
	display: block;
}
body .body_wrap .back_right_img img {
	display: block;
}
body .body_wrap .main-left {
	position: relative;
}
body .body_wrap .main-left .item_left {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body .body_wrap .main-left .item_left img {
	display: block;
	margin: 0 auto;
}
body .body_wrap .main-left .item_left p {
	text-align: center;
	color: white;
}
body .body_wrap .main-right {
	width: 588px;
	height: 596px;
	background: url(../images/back_ico3.png);
	position: relative;
}
body .body_wrap .main-right .item_right {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
body .body_wrap .item_right .item_wrap {
	width: 390px;
	margin: 0 auto;
}
body .body_wrap .item_right .subimg img {
	display: block;
	margin: 66px auto 38px;
}
body .body_wrap .item_right .itemForm .userinfo {
	height: 56px;
	margin-bottom: 26px;
	border-radius: 40px;
	border: 2px solid #dddddd;
	position: relative;
}
body .body_wrap .item_right .itemForm .userinfo img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	margin: auto;
}
body .body_wrap .item_right .itemForm .userinfo input {
	border: none;
	background: none;
	outline: none;
	height: 100%;
	padding: 0;
	margin: 0;
	padding-left: 80px;
	width: 300px;
	font-size: 18px;
}
body .body_wrap .item_right .itemForm .codeinfo {
	display: flex;
	height: 60px;
	justify-content: space-between;
}
body .body_wrap .item_right .itemForm .codeinfo .codeBox {
	width: 260px;
	height: 56px;
	border: 2px solid #dddddd;
	border-radius: 40px;
}
body .body_wrap .item_right .itemForm .codeinfo .codeBox input {
	width: 200px;
	border: none;
	outline: none;
	background: none;
	height: 100%;
	padding: 0;
	margin: 0;
	padding-left: 50px;
	font-size: 18px;
}
body .body_wrap .item_right .itemForm .codeinfo .codecav {
	width: 110px;
	height: 56px;
	border: 2px solid #dddddd;
	border-radius: 40px;
}
body .body_wrap .item_right .itemForm .itembutton {
	display: flex;
	height: 60px;
	justify-content: space-between;
	margin-top: 40px;
}
body .body_wrap .item_right .itemForm .itembutton button {
	width: 48%;
	height: 100%;
	border-radius: 40px;
	background: #0360f9;
	outline: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: white;
	opacity: 0.8;
	cursor: pointer;
}
body .body_wrap .item_right .itemForm .itembutton .buttive {
	background: #c5dffd;
	color: black;
}
.cut {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	cursor: pointer;
}
.cut img{
	display: block;
}

body .body_wrap .item_right .hiddle_code {
	width: 100%;
	height: 400px;
	background-color: #f8f8f8;
	border-radius: 10px;
}
body .body_wrap .item_right .hiddle_code .code_img {
	width: 300px;
	margin: 0 auto;
	padding-top: 40px;
}
body .body_wrap .item_right .hiddle_code .code_img img {
	width: 100%;
	display: block;
}
body .body_wrap .item_right .hiddle_code .remark {
	display: flex;
	justify-content: center;
}
body .body_wrap .item_right .hiddle_code .remark p {
	height: 30px;
	margin: 0;
	margin-top: 15px;
	line-height: 30px;
}
body .body_wrap .item_right .hiddle_code .remark .filx {
	display: flex;
	height: 30px;
	align-items: center;
	color: #0360f9;
	margin-left: 16px;
	cursor: pointer;
}
body .body_wrap .item_right .hiddle_code .remark .filx img {
	display: block;
	width: 24px;
	margin-right: 6px;
}
.boxDisplay {
	display: none;
}