/* logo */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,table,caption,th,td,form,fieldset,legend,input,button,textarea{margin:0;padding:0;user-select: none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img{border:0;}
i,em{font-style:normal;}
li{list-style:none;}
textarea{overflow:auto;resize:none;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,a,a:hover{text-decoration:none;color:#333;}
body,textarea,input,button,select,legend{font:12px/1.14 "微软雅黑",arial;color:#333;outline:0;}
body{background:#205c28;padding-bottom: 215px;}
.title{
	width: 1240px;
	margin: 7% auto 6%;
	text-align: center;
}
.title img{
	max-width: 1238px;
	width: 100%;
}
.content{
	width: 1240px;
	margin: auto;
	display: flex;
	overflow:hidden;
}
.content-left,.content-right{
	width: 620px;
	height: 550px;
	position: relative;
}
.content-left img{
	width: 720px;
	height: 650px;
	margin-top: -34px;
	margin-left: -49px;
	position: relative;
	z-index: 1;
}
.content-right{
	background: #FFFFFF85;
}
.form{
	width: 22vw;
	min-width: 220px;
	padding: 1.8vw 1.5vw;
	box-sizing: border-box;
	position: absolute;
	background: rgba(255,255,255,.5);
	top: 50%;
	right: 50%;
	transform:translate(50%,-50%);
}
.form1{
	width: 100%;
	margin: auto;
	font-size: 19px;
	color: #000000;
}
.form .fields{background:#FFF; width:100%; height:4vh; display:flex; justify-content:space-between; align-items:center; margin-top:2.4vh;padding: 0 0.9vw;box-sizing: border-box;}
.form .fields input{border:0; height:3vh;}
.form .fields input:focus, .form .code input:focus{outline:none}
.form .fields img{width:14px; height:14px;}
.form .code{background:#FFF; width:45%; height:4vh; display:flex; justify-content:space-between; align-items:center;padding-left: 0.9vw;box-sizing: border-box;}
.form .code input{width:80px; border:0; height:3vh;}
.form .submit{border:0;background:#FFF; width:100%; margin-top:2.4vh; border-radius:3px; font-weight:normal; font-size:16px; padding:1vh 0;}
@media screen and (max-width:1280px){
	.title{width: 90%;}
	.content{width: 100%;}
	.content-left,.content-right{width: 50%;height: initial;overflow: hidden;background: #FFFFFF85;}
	.content-left img{width: 100%;height: initial;margin: 0;transform: scale(1.28);}
}
@media screen and (max-width:500px){
	.content-left{display: none;}
	.content-right{width: 100%;height: 200px;}
	.form{width: 100%;}
}