/* @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;
}
/* @font-face {
    font-family: 'PingFang-SC-Semibold';
    src:url('../fonts/syb/PingFangHK-Semibold.eot');
    src:url('../fonts/syb/PingFangHK-Semibold?#iefix') format('embedded-opentype'),
        url('../fonts/syb/PingFangHK-Semibold.woff') format('woff'), 
        url('../fonts/syb/PingFangHK-Semibold.ttf')  format('truetype'); 
}
*/ 
/* @font-face {
    font-family: 'PingFangHK-Regular';
    src:url('../fonts/syb/PingFangHK-Regular.eot');
    src:url('../fonts/syb/PingFangHK-Regular?#iefix') format('embedded-opentype'),
        url('../fonts/syb/PingFangHK-Regular.woff') format('woff'), 
        url('../fonts/syb/PingFangHK-Regular.ttf')  format('truetype'); 
}  */
input::-webkit-input-placeholder { /* WebKit browsers */
    color: #8DC63F;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8DC63F;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #8DC63F;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #8DC63F;
}
.clearfix:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}
.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: 596px;
		height:168px;
		background: url("../img/Rectangle 5@2x.png") no-repeat;
		background-size: 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; */
			font-size: 18px;
			margin-top:10px;
			padding: 0 20px;
			/* font-family: PingFang-SC-Regular; */
			/* font-family: PingFangHK-Regular; */
			color: rgba(0,0,0,1); 
			width: 540px;
		}
		.pop_close{
			display: block;
			width: 181px;
			height: 38px;
			/* background: url("../img/Group 5@2x_.png") 0 0 no-repeat; */
			/* background-size: 100%; */
			background:#8dc63f;
			border-radius: 5.866666666666666vw;
			cursor: pointer;
			margin: 0 auto;
			margin-top: 110px;
			font-size: 16px;
			text-align: center;
			/* font-family: PingFangSC-Semibold; */
			font-weight: 700;
			/* color:transparent; */
			color:#fff;
			line-height: 38px;
			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:#d7df23;
		}
		.header{
			width:1024px;
			margin:0 auto;
			height:80px;
			padding-left:42px;
			display: none;
		}
		.header_inner{
			width:500px;
			height:80px;
			background: url("../img/pcLogo@2x.png?v=002") no-repeat;
			background-size: 100%;
		}
		.bann{
		background:#fff;
		width:1024px;
		height:300px;
		margin:0 auto;
	}	
		.bann>img{
		width:940px;
		height:344px;
		margin:0 auto;
	}	
		.bann>img.bann_mobile{
		display: none;
	}
	.main{
		width:780px;
		margin:0 auto;
		margin-top:77px;
		display: flex;
		justify-content: space-between;
	}
	.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; */
	}
	.xam{
		margin-top:6px;
		text-align: right;
	}
	.log{
		width:540px;
		/* height:318px; */
		/* height:442px; */
		padding-bottom: 30px;
		border-radius:20px;
		/* border:1px solid rgba(141,198,63,1); */
		border:2px 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%; */

		box-shadow: 0px 0px 6px #b2d780 inset;
		border-radius: 30px;
		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; */
		/* font-family: PingFangHK-Regular; */
	}


}


@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: 58.203125vw;
		height:16.40625vw;
		background: url("../img/Rectangle 5@2x.png") no-repeat;
		background-size: 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.7578125vw;
			margin-top:0.9765625vw;
			/* font-family: PingFang-SC-Regular; */
			/* font-family: PingFangHK-Regular; */
			color: rgba(0,0,0,1); 
			width:58.203125vw;
		}
		.pop_close{
			display: block;
			width: 17.67578125vw;
			height: 3.7109375vw;
			/* background: url("../img/Group 5@2x_.png") 0 0 no-repeat; */
			/* background-size: 100%; */
			background:#8dc63f;
			border-radius: 5.866666666666666vw;
			cursor: pointer;
			margin: 0 auto;
			margin-top: 9.86328125vw;
			font-size: 1.5625vw;
			text-align: center;
			/* font-family: PingFangSC-Semibold; */
			font-weight: 700;
			/* color:transparent; */
			color:#fff;
			line-height: 3.7109375vw;
			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:#d7df23;
		}
		.header{
			width:100vw;
			margin:0 auto;
			height:7.8125vw;
			padding-left:4.1015625vw;
			display: none;
		}
		.header_inner{
			width:48.828125vw;
			height:7.8125vw;
			background: url("../img/pcLogo@2x.png?v=002") no-repeat;
			background-size: 100%;
		}
		.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;
		display: flex;
		justify-content: space-between;
	}
	.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; */
	}
	.xam{
		margin-top:1vw;
		text-align: right;
	}
	.log{
		width:52.734375vw;
		/* height:31.0546875vw; */
		/* height:43.1640625vw; */

		padding-bottom: 3vw;
		border-radius:1.953125vw;
		/* border:0.09765625vw solid rgba(141,198,63,1); */
		border:0.1953125vw 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%; */

		box-shadow: 0px 0px 6px #b2d780 inset;
		border-radius: 30px;
		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; */
		/* font-family: PingFangHK-Regular; */
	}

}

@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: 5vw;
			/* 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; */
			/* font-family: PingFangHK-Regular; */
			color: rgba(0,0,0,1);
			margin-top: 5.666666666666667vw;
		}
		.pop_close{
			display: block;
			width: 30.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-family: PingFangSC-Semibold; */
			font-weight: 700;
			color: rgba(255,255,255,1);
			line-height: 10.133333333333333vw;
			box-sizing: border-box;
			padding-left: 4vw;
			letter-spacing: 3.733333333333334vw;
		}
		.header {
		width: 100vw;
		height: 16vw;
		background: url("../img/pcLogo@2x.png?v=002") no-repeat;
		background-size: 100%;
		display: none;
		}
		
		.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;
	}
	.xam{
		float: left;
		line-height: 10vw;
		margin-left: 2vw;
		font-size: 3.7vw;
	}
	.return_login{
		float:right;
		width:40.53333333333333vw;
		height:10.133333333333333vw;
		background:url("../img/login_return@2x.png") no-repeat;
		background-size: 100%;
	}
	.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%; */

		box-shadow: 0px 0px 6px #b2d780 inset;
		border-radius: 30px;
		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; */
		/* font-family: PingFangHK-Regular; */
	}

	input::-webkit-input-placeholder { /* WebKit browsers */
		font-size: 3.4666666666666663vw;
	}
	input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font-size: 3.4666666666666663vw;
	}
	input::-moz-placeholder { /* Mozilla Firefox 19+ */
		font-size: 3.4666666666666663vw;
	}
	input:-ms-input-placeholder { /* Internet Explorer 10+ */
		font-size: 3.4666666666666663vw;
	}
	
}