@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
}

li {
	list-style: none;
}

html {
	font-size: calc(100vw/7.5);
	position: relative;
	height: 100%;
	overflow-x: hidden;
}

body {
	font-family: "微软雅黑";
	position: relative;
	overflow-x: hidden;
}

img {
	width: 100%;
	display: block;
}

.app {
	height: 100%;
}
.xieyi{
	width: 1.6rem;
	height: 0.22rem;
	/* background-color: aqua; */
	position: absolute;
	bottom: 0.35rem;
	left: 32%;
}
.zhengce{
	width: 1.6rem;
	height: 0.22rem;
	/* background-color: aqua; */
	position: absolute;
	bottom: 0.35rem;
	right: 21%;
}
.box_01 {
	background: url(../image/yntlbyzf/1.jpg)no-repeat;
	background-size: 100% 100%;
	height: 13rem;
	width: 7.5rem;
	position: relative;
}

#submitBtn {
	background: url(../image/yntlbyzf/btn.png)no-repeat;
	background-size: 100% 100%;
	height: 1.41rem;
	width: 4.71rem;
	border: none;
	color: white;
	position: absolute;
	bottom: 16%;
	left: 19%;
	animation: scall 1s infinite;
}

@keyframes scall {
	0% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.9);
	}
}

@media only screen and (min-width: 1280px) {
	body {
		margin-left: 30%;
		width: 750px;
	}

	.box_01 {
		background: url(../image/yntlbyzf/1.jpg)no-repeat;
		background-size: 100% 100%;
		height: 1448px;
		width: 750px;
	}

	.box_02 {
		background: url(../image/yntlbyzf/2.jpg)no-repeat;
		background-size: 100% 100%;
		height: 967px;
		width: 750px;
		position: relative;
	}

	.btn1 {
		height: 208px;
		width: 681px;
		position: absolute;
		top: 11.5%;
		left: 35px;
	}

	.foot {
		background: url(../image/yntlbyzf/btn2.png)no-repeat;
		background-size: 100% 100%;
		height: 115px;
		width: 444px;
		position: absolute;
		bottom: 500px;
		left: 22%;
	}



	/**弹窗**/

	#name {
		height: 70px;
		width: 60%;
		background: none;
		padding-left: 2%;
		color: black;
		border-radius: 10px;
		border: none;
		position: absolute;
		top: 700px;
		left: 27%;
		font-size: 30px;
	}

	#phone {
		height: 70px;
		width: 60%;
		background: none;
		padding-left: 2%;
		color: black;
		border-radius: 10px;
		border: none;
		position: absolute;
		top: 815px;
		left: 27%;
		font-size: 30px;
	}

	#code {
		height: 70px;
		width: 34%;
		background: none;
		color: black;
		border-radius: 10px;
		border: none;
		position: absolute;
		top: 910px;
		left: 27%;
		padding-left: 2%;
		font-size: 30px;
	}

	.line {
		height: 70px;
		line-height: 70px;
		font-size: 25px;
		position: absolute;
		top: 910px;
		left: 63.5%;
	}

	#getcode {
		height: 70px;
		line-height: 70px;
		width: 26%;
		position: absolute;
		top: 910px;
		left: 64%;
		font-size: 25px;
		text-align: center;
	}

	#submitBtn {
		background: url(../image/yntlbyzf/btn.png)no-repeat;
		background-size: 100% 100%;
		height: 125px;
		width: 598px;
		border: none;
		color: white;
		position: absolute;
		top: 920px;
		left: 10%;
		animation: scall 1s infinite;
		z-index: 1;
	}

	.app .zhu {
		color: #e34a44;
		font-size: 26px;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 1495px;
	}

	input::-webkit-input-placeholder {
		font-size: 30px;
	}

	#cheat {
		position: absolute;
		top: 1710px;
		left: 54.5px;
	}

	.swiper-slide img {
		display: block;
		width: 641px;
		height: 522px;
	}

	/********支付弹窗2********/

	.blert {
		background: #ffffff;
		height: auto;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 11;
		display: none;
	}

	.blert .bl-1 {
		width: 750px;
		height: 347px;
		background: url(../image/yncota/zhifu/cc.png)no-repeat;
		background-size: 100% 100%;
		position: relative;
	}

	.blert .bl-1 .weixin {
		width: 702px;
		height: 104px;
		background: url(../image/yncota/zhifu/1.png)no-repeat;
		background-size: 100% 100%;
		display: block;
		position: absolute;
		top: 87px;
		left: 28px;
	}

	.blert .bl-1 .zhifubao {
		width: 700px;
		height: 96px;
		background: url(../image/yncota/zhifu/2.png)no-repeat;
		background-size: 100% 100%;
		display: block;
		position: absolute;
		top: 220px;
		left: 28px;
	}

	.blert .bl-2 .bao {
		position: absolute;
		right: 18px;
		top: 30px;
		width: 80px;
		height: 48px;
		background: url(../image/yncota/zhifu/zhi.png)no-repeat;
		background-size: 100% 100%;
	}

	.blert .bl-2 .wei {
		position: absolute;
		right: 18px;
		top: 168px;
		width: 80px;
		height: 48px;
		background: url(../image/yncota/zhifu/zhi.png)no-repeat;
		background-size: 100% 100%;
	}

	.blert .bl-3 {
		width: 750px;
		height: 329px;
		background: url(../image/yncota/zhifu/3.jpg)no-repeat;
		background-size: 100% 100%;
	}

	.bc {
		background: black;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.5;
		height: 100%;
		width: 100%;
		z-index: 10;
		display: none;
	}
}