body{ margin: 0;padding: 0;font-family: "微软雅黑";} 
body,html{-webkit-text-size-adjust: none;width: 100%;}
*{text-decoration: none;list-style: none;}
img{border: 0px;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{padding: 0;margin: 0;}
.wrap{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.index{overflow: hidden;}
.clr{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.pointer{cursor:pointer;}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
/*a:link {color:#0f0;text-decoration:none;} 
a:visited {color: #FFFF00; text-decoration:none;} 
a:hover {color: #00FF00; text-decoration:underline;} 
a:active {color: #0000FF; text-decoration:underline;}*/
a{color: #000;}
a:hover{ text-decoration: none;color: #fff;}

.wrapper{clear: both;width: 100%;}
table { border-collapse:collapse; }



body{
	max-width: 7.5rem;
	margin: 0 auto;
}

@font-face {
	font-family: Roboto;
	src: url('./ROBOTO-REGULAR.TTF');
}

div{
	box-sizing: border-box;
	font-family: Roboto;
}
.main{
	background-color: #4C008F;
	min-height: 100vh;
}
.draw{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	height: 9.26rem;
	position: relative;
}
.bg{
	width: 100%;
}
.bg1{
	width: 6.34rem;
	height: 4.76rem;
	background-image: url('../imgs/bg1.png');
	background-size: 100% 100%;
	position: absolute;
	bottom: 1.08rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.bg1 .title{
	font-weight: 400;
	font-size: 0.48rem;
	color: #000000;
	line-height: 0.56rem;
	padding-top: 0.76rem;
}
.bg1 .cash{
	font-weight: bold;
	font-size: 1.05rem;
	color: #EA5B47;
	line-height: 1.23rem;
	margin: 0.32rem 0 0.64rem 0;
}
.btn{
	width: 4.9rem;
	height: 0.88rem;
	background-image: url('../imgs/bg2.png');
	background-size: 100% 100%;
	font-size: 0.44rem;
	color: #FFFFFF;
	line-height: 0.88rem;
	margin: 0 auto;
	cursor: pointer;
}

.rules{
	min-height: 4.76rem;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
	line-height: 0.33rem;
	padding: 0.06rem 0.4rem;
	background: linear-gradient( 180deg, rgb(113,0,191) 0%, #4C008F 100%);
}
.rules .title{
	font-weight: 600;
	font-size: 0.36rem;
	color: #FFFFFF;
	line-height: 0.42rem;
}

.subtitle{
	margin-top: 0.04rem;
}

.subtitle1{
	margin-top: 0.16rem;
}

.install{
	height: 1.24rem;
	background: rgba(0,0,0,0.43);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.28rem 0 0.56rem ;
	cursor: pointer;
}
.install-l{
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 0.4rem;
	color: #FFFFFF;
}
.install-l img{
	height: 0.8rem;
	margin-right: 0.12rem;
	border-radius: 0.16rem;
}

.install-btn{
	width: 1.52rem;
	height: 0.52rem;
	background: #F59A23;
	border-radius: 0.07rem;
	text-align: center;
	line-height: 0.52rem;
	font-weight: bold;
	font-size: 0.28rem;
	color: #000000;
	margin: 0;
}