/* 如果屏幕超过了1080px，那么我们就就按照1080px设计稿来走，不会让页面超过1080px ,使用媒体查询来设置*/
@media screen and (max-width:1080px) {

	/* html {
           font-size: 108px !important;
       } */
}

body {
	/* min-width: 320px;
       max-width: 1080px; */
	/* flexible.js把设计稿1080px进行10等分，所以html文字大小设置为108px(1080px/ 10)，页面元素rem值:页面元素的px值/ 108(1080px/108)*/
	width: 10rem;
	margin: 0 auto;
	background-color: #CC106E;
	min-height: 100vh;
	overflow-x: hidden;
	overscroll-behavior-y: contain;
}

.bg {
	border: 0;
}

.bg2 {
	border: 0;
}

.bg3 {
	border: 0;
}

.center {
	margin: auto;
}

.moneyFont {
	font-size: .7407rem;
	color: #48FC05;
	margin: auto;
	/*margin-bottom: 800px;*/
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 4.6296rem;
	height: 1.8519rem;
	text-align: center;
	top: 2.2593rem;
}

.w1080h1078 {
	width: 10rem;
	height: 10rem;
	position: relative;
}

.w1080h440 {
	width: 10rem;
	height: 4.0741rem;
	position: relative;
}

.w1080h679 {
	width: 10rem;
	height: 6.287rem;
	position: relative;
}

.goPhole {
	width: 10rem;
	height: 2rem;
	border: 0;
}

.downLoadPage {
	width: 10rem;
	height: 5.1389rem;
}

.bottom {
	position: relative;
	bottom: 0;
	width: 10rem;
	height: 24.65rem;
	/*height: 6.1852rem;*/
}

.i3bottom {
	position: relative;
	bottom: 0;
	width: 10rem;
	height: 19.5rem;
}

.bottom img {
	width: 10rem;
	height: 6.1852rem;
}

.btnDown {
	width: 8.8148rem;
	height: 1.6389rem;
	margin: auto;
	display: block;
}

.btnDown img {
	width: 8.8148rem;
	height: 1.6389rem;
	margin: auto;
	display: block;
	padding-top: 4.1rem;

}

.moneyFont {
	/* downImg2-1.jpg */
}

.moddleInput {
	width: 8.8148rem;
	margin: auto;

}

.input {
	width: 8.8148rem;
	height: .8333rem;
	background-color: #ffffff;
	border-radius: 5px;
	margin: auto;
	margin-bottom: .5556rem;
	border-radius: .0926rem;
}

.inputCss {
	width: 6.0926rem;
	height: .8333rem;
	line-height: .8333rem;
	font-size: .5rem;
	padding: 0;
	padding-left: .1852rem;
	margin-left: .1389rem;
	vertical-align: middle;
	background: none;
	border: 0;
	color: #000000;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;

}

.fontA {
	font-size: .4444rem;
	color: #00ff1e;
	margin: auto;
	text-align: center;
	display: block;
}

.inputCss:focus {
	outline: none;
	border: 0px
}

.preInput {
	position: relative;
	display: block;
}

.optBtnK {
	width: 3.8519rem;

}

.optBtn {
	width: 1.7315rem;
	height: .713rem;
	position: absolute;
	right: .0463rem;
	top: .0741rem;
	display: block;
}

.phoneLb {
	font-size: .4444rem;
	height: 0.8333rem;
	color: #000000;
	line-height: 0.8333rem;
	margin-left: .0926rem;
	display: flex;
	align-items: center;
}

.phone {
	position: absolute;
	left: .9259rem;
	top: 0rem;
	border-left: 1px solid #B5B5B5 !important;
}

.btnReceive {
	margin: auto;
	width: 8.8148rem;
	height: 1.6481rem;
	background: url("./image/Receive.png") no-repeat;
	background-size: 8.8148rem 1.6481rem;
	border: 0;
	display: block;
}

.downloadBtn {
	margin: auto;
	width: 8.8148rem;
	height: 1.6481rem;
	background: url("./image/download-1.png") no-repeat;
	background-size: 8.8148rem 1.6481rem;
	border: 0;
	display: block;
	cursor: pointer;
	animation: breathe 1.6s ease-in-out infinite;
	margin-top: 2.5rem;
}

.i2downloadBtn {
	margin: auto;
	width: 8.8148rem;
	height: 1.6481rem;
	background: url("./image/download-1.png") no-repeat;
	background-size: 8.8148rem 1.6481rem;
	border: 0;
	display: block;
	cursor: pointer;
	animation: breathe 1.6s ease-in-out infinite;
	margin-top: 4rem;
}

.i3downloadBtn {
	margin: auto;
	width: 8.8148rem;
	height: 1.6481rem;
	background: url("./image/download-1.png") no-repeat;
	background-size: 8.8148rem 1.6481rem;
	border: 0;
	display: block;
	cursor: pointer;
	animation: breathe 1.6s ease-in-out infinite;
	margin-top: 5.5rem;
}
.btnReceiveGray {
	margin: auto;
	width: 8.8148rem;
	height: 1.6481rem;
	background: url("./image/Receive-dis.png") no-repeat;
	background-size: 8.8148rem 1.6481rem;
	border: 0;
	display: block;
}

.box {
	width: 4.2778rem;
	height: 2.8981rem;
	position: absolute;
	background: url("./image/moneyDi.png") no-repeat center;
	background-size: 4.2778rem 2.8981rem;
	left: 0;
	right: 0;
	margin: auto;
	top: 4.3519rem;
}

.title {
	font-size: .4444rem;
	color: #ffffff;
	text-align: center;
	margin: auto;
	margin-top: .2778rem;
}

.money {
	font-size: .7963rem;
	color: #fee901;
	text-align: center;
	font-weight: 600;
}

.disnone {
	display: none;
}

@keyframes breathe {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
	}
}