/* @font-face {
    font-family: 'PingFang-SC-Semibold';
    src:url('../fonts/PingFang-SC-Semibold.eot');
    src:url('../fonts/PingFang-SC-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFang-SC-Semibold.woff') format('woff'), 
        url('../fonts/PingFang-SC-Semibold.ttf')  format('truetype'); 
} */
*{
    font-family: Hiragino Sans GB,Microsoft Yahei,Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
}
input::-webkit-input-placeholder { /* WebKit browsers */
	color: #c9c9c9;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #c9c9c9;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #c9c9c9;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #c9c9c9;
}
.loading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
}
.loading .loadGif img{
	width: 100%;
	height: 100%;
}
@media screen and (min-width:1025px){
	.loading .loadGif{
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -50px;
		margin-top: -50px;
	}
	html,body{
		margin:0px;
		padding:0px;
		font-size:16px;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		background:#fff;
	}
	.gw{
		display: none;
	}
	.pop_bg1{
		background:url("../img/Rectangle 5@2x.png") no-repeat;
		height:0;
	}
	.pop_bg2{
		background:url("../img/Group 5@2x.png") no-repeat;
		height:0;
	}
	.pop_bg3{
		background:url("../img/Group 5@2x_.png") no-repeat;
		height:0;
		}
	.fade_b {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9;
		display: none;
	}
	.succ_pop{
		width: 638px;
		height:168px;
		background: url("../img/Rectangle 5@2x.png") no-repeat;
		background-size: 100% 100%;
		position: fixed;
		z-index: 10;
		left: 50%;
		top: 50%;
		margin-left: -298px;
		transform: translateY(-50%);
		display:none;
	}
	.tishi_box{
		margin-top: 38px;
	}
	.icon{
		display: block;
		position:absolute;
	}
	.icon>img{
		position:absolute;
		display: inline-block;
		width: 44px;
		height: 44px;
	}
	.tishi_box>.tishi {
		position:absolute;
		text-align:center; 
		font-size: 16px;
		margin-top:10px;
		/* font-family: PingFang-SC-Regular; */
		color: rgba(0,0,0,1); 
		width:100%;
	}
	.pop_close{
		display: block;
		width: 181px;
		height: 38px;
		border-radius: 5.866666666666666vw;
		cursor: pointer;
		margin: 0 auto;
		margin-top: 101px;
		font-size: 16px;
		background: #8dc63f;
		font-weight: 700;
		color:#fff;
		line-height: 38px;
		text-align: center;
		box-sizing: border-box;
		padding-left: 15px;
		letter-spacing: 14px;
	}
	.pop_close_{
		background: url("../img/Group 8@2x.png") no-repeat;
		display: none;
	}
	.pop_close:hover{
		/* background: url("../img/Group 8@2x.png") no-repeat; */
		/* background-size: 100%; */
		background: #cfdd27;
	}
	.header{
		width:1024px;
		margin:0 auto;
		height:60px;
		padding-left:42px;
	}
	.header_inner{
		width:400px;
		height:60px;
		background: url("../img/pcLogo@2x.png?v=001") no-repeat;
		background-size: 100%;
		margin-top: 20px;
	}
	.bann{
		background:#fff;
		width:1024px;
		height:300px;
		margin:0 auto;
	}	
	.bann>img{
		width:940px;
		height:300px;
		margin:0 auto;
	}	
	.bann>img.bann_mobile{
		display: none;
	}
	.main{
		width:780px;
		margin:0 auto;
		margin-top:77px;
		position: relative;
		/* display: flex; */
	}
	.main h1{
		margin:0;
		padding:0;
		height:36px;
		font-size:26px;
		/* font-family:PingFang-SC-Semibold; */
		font-weight:700;
		color:rgba(0,0,0,1);
		line-height:36px;
		position:absolute;
		left: -80px;
	}
	.return_login{
		display: none;
	}
	.log{
		width:540px;
		height:318px;
		border-radius:20px;
		border:1px solid rgba(141,198,63,1);
		margin-left:240px;
		margin-bottom:70px;
	}
	.number{
		margin-top:37px;
	}
	input{
		display: block;
		-webkit-appearance:none;
		padding:0;
		margin:0;
		background:url("../img/Rectangle 6@3x.png") no-repeat;
		background-size: 100%;
		width:445px;
		height:44px;
		border:none;
		margin:0 auto;
		margin-bottom:29px;
		box-sizing: border-box;
		padding-left:25px;
		outline: none;
		font-size:16px;
		/* font-family: PingFang-SC-Regular; */
	}

	.area{
		position: absolute;
		height: 44px;
		margin-left: 35px;
		display: flex;
		align-items: center;
		color:#525252;
		top: 36px;
		margin-left: 55px;
	}
	.area span:nth-child(2){
		width: 1px;
		height: 21px;
		background: #525252;
		margin-left: 4px;
	}
	._ph{
		/* padding-left: 51px; */
	}


}


@media screen and (min-width: 768px)and (max-width:1024px){
	.loading .loadGif{
		width: 9.765625vw;
		height: 9.765625vw;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: - 4.8828125vw;
		margin-top: - 4.8828125vw;
	}
	html,body{
			margin:0vw;
			padding:0vw;
			font-size:1.5625vw;
			-webkit-tap-highlight-color:rgba(0,0,0,0);
			background:#fff;
			height:100%;
		}
		/*.container{
			position:relative;
			min-height: 100%;
			height:auto !important;
			height:100%;
		}
		#footer{
			position:absolute;
			bottom:0;
		}*/
		.pop_bg1{
			background:url("../img/Rectangle 5@2x.png") no-repeat;
			height:0;
		}
		.pop_bg2{
			background:url("../img/Group 5@2x.png") no-repeat;
			height:0;
		}
		.pop_bg3{
			background:url("../img/Group 5@2x_.png") no-repeat;
			height:0;
		}
		.gw{
			display: none;
		}
		.fade_b {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9;
		display: none;
	}
		.succ_pop{
		width: 63.203125vw;
		height:16.40625vw;
		background: url("../img/Rectangle 5@2x.png") no-repeat;
		background-size: 100% 100%;
		position: fixed;
		z-index: 10;
		left: 50%;
		top: 50%;
		margin-left: -29.1015625vw;
		transform: translateY(-50%);
		display:none;
		}
		.tishi_box{
			margin-top: 3.7109375vw;
		}
		.icon{
			display: block;
			position:absolute;
		}
		.icon>img{
		position:absolute;
		display: inline-block;
		width: 4.296875vw;
		height: 4.296875vw;
		}
		.tishi_box>.tishi {
		position:absolute;
		text-align:center; 
		font-size: 1.5625vw;
		margin-top:0.9765625vw;
		/* font-family: PingFang-SC-Regular; */
		color: rgba(0,0,0,1); 
		width:100%;
	}
	.pop_close{
		display: block;
		width: 17.67578125vw;
		height: 3.7109375vw;
		background: #8dc63f;
		border-radius: 5.866666666666666vw;
		cursor: pointer;
		margin: 0 auto;
		margin-top: 9.86328125vw;
		font-size: 1.5625vw;
		font-weight: 700;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding-left: 1.46484375vw;
		letter-spacing: 1.3671875vw;
	}
	.pop_close_{
		background: url("../img/Group 8@2x.png") no-repeat;
		display: none;
	}
	.pop_close:hover{
		/* background: url("../img/Group 8@2x.png") no-repeat;
		background-size: 100%; */
		background: #cfdd27;
	}
	.header{
		width:100vw;
		margin:0 auto;
		height:6.8125vw;
		padding-left:4.1015625vw;
	}
	.header_inner{
		width:42.828125vw;
		height:6.8125vw;
		background: url("../img/pcLogo@2x.png?v=001") no-repeat;
		background-size: 100%;
		margin-top: 3vw;
	}
	.bann{
		background:#fff;
		width:100vw;
		height:29.296875vw;
		margin:0 auto;
	}	
		.bann>img{
		width:91.796875vw;
		height:29.296875vw;
		margin-left:4.1015625vw;
	}	
		.bann>img.bann_mobile{
		display: none;
	}
		.main{
		width:76.171875vw;
		margin:0 auto;
		margin-top:7.51953125vw;
		position: relative;
	}
	.main h1{
		margin:0;
		padding:0;
		height:3.515625vw;
		font-size:2.5390625vw;
		/* font-family:PingFang-SC-Semibold; */
		font-weight:700;
		color:rgba(0,0,0,1);
		line-height:3.515625vw;
		position:absolute;
		left: -8vw;
	}
	.return_login{
		display: none;
	}
	.log{
		width:52.734375vw;
		height:31.0546875vw;
		border-radius:1.953125vw;
		border:0.09765625vw solid rgba(141,198,63,1);
		margin-left:23.4375vw;
		margin-bottom:6.8359375vw;
	}
	.number{
		margin-top:3.61328125vw;
	}
	input{
		display: block;
		-webkit-appearance:none;
		padding:0;
		margin:0;
		background:url("../img/Rectangle 6@3x.png") no-repeat;
		background-size: 100%;
		width:43.45703125vw;
		height:4.296875vw;
		border:none;
		margin:0 auto;
		margin-bottom:2.83203125vw;
		box-sizing: border-box;
		padding-left:2.44140625vw;
		outline: none;
		font-size:1.5625vw;
		/* font-family: PingFang-SC-Regular; */
	}

	.area{
		position: absolute;
		height: 4.296875vw;
		margin-left: 3.41796875vw;
		display: flex;
		align-items: center;
		color:#525252;
		top: 3.515625vw;
		margin-left: 5.37109375vw;
	}
	.area span:nth-child(2){
		width: 1px;
		height: 2.05078125vw;
		background: #525252;
		margin-left: 0.390625vw;
	}
	._ph{
		/* padding-left: 4.98046875vw; */
	}

}

@media screen and (max-width:767px){
	.loading .loadGif{
		width: 21.333333333333336vw;
		height: 21.333333333333336vw;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -10.666666666666668vw;
		margin-top: -10.666666666666668vw;
	}
	html,body{
		margin:0vw;
		padding:0vw;
		font-size:4.266666666666667vw;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		background:#fff;
	}
	/*.pop_bg1{
		background:url("../img/error_bg.png") no-repeat;
		height:0;
	}
	.pop_bg2{
		background:url("../img/right_bg.png") no-repeat;
		height:0;
	}*/
	.fade_b {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 11;
		display: none;
	}
		.succ_pop{
		width: 70vw;
		background: #fff;
		position: fixed;
		left: 50%;
		margin-left: -43.333333333333336vw;
		z-index: 999;
		width: 86.66666666666667vw;
		height: 48vw;
		border-radius: 8vw;
		display: none;
		z-index:12;
		top: 50%;
		transform: translateY(-50%);     
		}
		.tishi_box{
			width:86.66666666666667vw;
			text-align: center;
			margin-top: 10.666666666666668vw;
			/* height: 14vw; */
			overflow: hidden;
			zoom: 1;
		}
		.icon{
			display: block;
		}
		.icon>img{
		float: left;
		display: inline-block;
		width: 9.466667vw;
		height: 9.466667vw;
		margin-left: 3vw;
		margin-top: 4vw;
		}
		.tishi_box>.tishi {
		width:86.66666666666667vw;
		float: left;
		font-size: 4.266666666666667vw;
		text-align: center;
		/* font-family: PingFang-SC-Regular; */
		color: rgba(0,0,0,1);
		margin-top: 5.666666666666667vw;
	}
		.pop_close{
			display: block;
			width: 45.666666666666664vw;
			height: 10.133333333333333vw;
			background: rgba(215,223,35,1);
			border-radius: 5.866666666666666vw;
			cursor: pointer;
			margin: 0 auto;
			margin-top: 6.0vw;
			font-size: 4.8vw;
			/* text-align: center; */
			font-weight: 700;
			color: rgba(255,255,255,1);
			/* line-height: 10.133333333333333vw; */
			display: flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			padding-left: 4vw;
			letter-spacing: 3.733333333333334vw;
		}
	.header {
		width: 88vw;
		height: 15vw;
		margin: 0 auto;
		margin-top: 4vw;
		background: url("../img/pcLogo@2x.png?v=001") no-repeat;
		background-size: 100%;
	}
		
		.bann{
		background:#fff;
		width:100vw;
		height:48vw;
	}	
		.bann>img{
		width:100vw;
		height:48vw;
	}	
		.bann>img.bann_pc{
		display: none;
	}
		.main{
		margin-top:5.066666666666666vw;
		background:#fff;
	}
		.re_box{
		width:86.93333333333332vw;
		height:10.6vw;
		margin:0 auto;
		overflow: hidden;
		zoom:1;
		margin-bottom:5.133333333333333vw;
		}
		.main h1{
		margin:0;
		padding:0;
		height:9.6vw;
		font-size:4.8vw;
		/* font-family:PingFang-SC-Semibold; */
		font-weight: 700;
		color:rgba(0,0,0,1);
		line-height:9.6vw;
		margin-left:6.666666666666667vw;
		margin-bottom:6.133333333333333vw;
	}
	.return_login{
		float:right;
		/* width:52.53333333333333vw; */
		height:10.133333333333333vw;
		padding: 0 2vw;
		background: #f2f2f0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5vw;
	}
	.gw{
		float: right;
		width: 40.53333333333333vw;
		height: 10.133333333333333vw;
		color: #8dc63f;
		font-size: 3.733333333333334vw;
		line-height: 10.133333333333333vw;
		text-align: right;
		margin-right: 2.666666666666667vw;
		text-decoration: none;
		border-radius: 7.733333333333333vw;
	}
	.gw_{
		display: none;
	}
		input{
		display: block;
		-webkit-appearance:none;
		padding:0;
		margin:0;
		background:url("../img/Rectangle 6@2x.png") no-repeat;
		background-size: 100%;
		width:86.93333333333332vw;
		height:11.733333333333333vw;
		border:none;
		margin:0 auto;
		margin-bottom:6.133333333333333vw;
		box-sizing: border-box;
		padding-left:6.666666666666667vw;
		outline: none;
		font-size:4.266666666666667vw;
		/* font-family: PingFang-SC-Regular; */
	}

	.area{
		position: absolute;
		height: 11.733333333333333vw;
		left:0px;
		margin-left: 9.333333333333334vw;
		display: flex;
		align-items: center;
		color:#525252;
	}
	.area span:nth-child(2){
		width: 1px;
		height: 5.6000000000000005vw;
		background: #525252;
		margin-left: 1.0666666666666667vw;
	}
	._ph{
		/* padding-left: 13.600000000000001vw; */
	}
	
}