body{background: #FFFBE2;}
.banner,.makemoney,.newbox,.moreredbox{line-height:0; position: relative; }
.banner img,.makemoney img,.moreredbox .bg{width: 100%;}
.fbtns{position: fixed; z-index: 2; width: 30px; right: 5px; top: 24px; }
.fbtns a{display: block; line-height: 0; margin-bottom: 10px; }
.fbtns a img{width: 100%;}
.newbox{font-size: 12px; }
.newbox .bg{width: 100%;}
.newbox .user{ top: 0; width: 72%; position: absolute; left: 14%; padding-left: 5px; box-sizing: border-box; height: 32px;border-radius: 17px; border: 1px solid #FFFFFF; background: rgba(255,255,255,0.2); color: #2C2C2C;}
.newbox .user ul li{display: flex; align-items: center; height: 32px; }
.newbox .img{width: 22px; height: 22px; margin-right: 6px; border: 1px solid #fff; border-radius: 50%;}
.newbox .img img{width: 100%; border-radius: 50%; }
.newbox span{color: #FD1E20;}
.newbox button{border: none; animation: magnify 1.2s linear infinite; padding: 0; background: none; width: 63%; left: 18.5%; position: absolute; }
.newbox button img{width: 100%;}
.newbox button.btn1{bottom: 8%; animation: magnify 1.2s linear infinite;}
.newbox button.btn2{bottom: 11%; animation: magnify2 1.2s linear infinite;}
@keyframes magnify{
	0%{
		width: 63%;
		left: 17.5%;
		bottom: 7%;
	}
	50%{
		width: 66%;
		left: 17.5%;
		bottom: 7%;
	}
	100%{
		width: 63%;
		left: 17.5%;
		bottom: 7%;
	}
}
@keyframes magnify2{
	0%{
		width: 63%; 
		left: 18.5%;
		bottom: 11%;
	}
	50%{
		width: 66%;
		left: 17%;
		bottom: 10%;
	}
	100%{
		width: 63%;
		left: 18.5%;
		bottom: 11%;
	}
}
.newbox .btn{width: 28%; height: 20%; position: absolute; left: 36%; top: 50%; background: none; }
.newbox h4{position: absolute; font-weight: 400; font-size: 12px; color: #2C2C2C; left: 0; top: 41.5%; width: 100%; display: flex; align-items: center; justify-content: center; }
.newbox h4 span{font-size: 14px; color: #FC3301; padding-left: 4px; }
.newbox h4 img{width: 42px; height: 20px; margin-left: 7px; }
.footer{position: fixed; border-top: 2px solid #fff; left: 0; bottom: 0; box-sizing: border-box; color: #2C2C2C; font-size: 14px; display: flex; align-items: center; width: 100%; padding: 14px 18px 22px; background: url(../images/bg2.png) no-repeat center; }
.footer > img{width: 23px; height: 24px; margin-right: 10px; }
.footer span{color: #FD1E20;}
.footer button{margin-left: auto; line-height: 0; padding:0; border: none; background: none; width: 94px; }
.footer button img{width: 100%;}
.moreredbox .list{ position: absolute; top: 27.5%; width: 100%; left: 0; display: flex; align-items: center; justify-content: center; }
.moreredbox .list .item{width: 27.2%; margin: 0 1.2%; position: relative; }
.moreredbox .list .item h4{position: absolute; top: 27.5%; font-weight: 400; text-align: center; font-size: 20px; color: #FF141B; width: 100%; left: 0; margin-top: 0; margin-bottom: 0; }
.moreredbox .list .item h4 small{font-size: 12px;}
.moreredbox .list .item img{width: 100%;}
.moreredbox .list .item p{font-size: 12px; margin-top: 6px; line-height: 17px; color: #2C2C2C; text-align: center; }
.moreredbox .list .item p span{color: #FF334B;}
.congratulationBox{position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0.6); }
.congratulationBox .box{width: 93%; position: relative; }
.congratulationBox .box .bg{width: 100%;}
.congratulationBox .box big{position: absolute; width: 100%; text-align: center; top: 34%; left: 0; font-size: 68px; font-weight: bolder; color: #F83442; }
.congratulationBox .box button{ width: 58%; position: absolute; left: 21%; bottom: 16%; line-height: 0; padding:0; border: none; background: none; }
.congratulationBox .box button img{width: 100%;}

.withdraw{position: fixed; padding: 0 12px; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9;}
.withdraw header{height: 44px; line-height: 44px; position: relative; text-align: center; font-size: 14px; color: #2F314A; }
.withdraw header img{position: absolute; left: 5px; width: 26px; height: 26px; top: 9px; }
.withdraw header a{font-size: 12px; color: #FF7537; position: absolute; top: 0px; right: 12px; }
.withdraw h5{font-size: 11px; margin-top: 12px; line-height: 15px; text-align: center; color: #FF7537; }
.withdraw button{line-height: 0; padding:0; border: none; background: none;}
.withdraw button img{width: 100%;}
.withdraw input{margin-bottom: 19px; width: 100%; border: none; outline: none; font-size: 12px; color: #2C2C2C; padding: 0 20px; box-sizing: border-box; border-radius: 22px; height: 44px; background: #FAFAFA; }
.withdraw input::placeholder{color: #2C2C2C;}
.withdraw input.on{box-sizing: border-box;border: 1px solid #FF8469;background: #FFFAEC;}
.withdraw h4{margin-bottom: 16px; font-weight: 400; font-size: 14px; color: #2C2C2C; margin-top: 0; }
.withdraw .top{padding: 30px 32px; margin-bottom: 24px; font-size: 16px; color: #2C2C2C; background: url(../images/bg9.png) no-repeat center; background-size: 100% 100%; }
.withdraw .top p{font-size: 20px; color: #2C2C2C; margin-top: 15px; margin-bottom: 0; }
.withdraw ul{margin-bottom: 20px; list-style: none; padding: 0;margin-top: 0; display: flex; align-items: center; }
.withdraw ul li{flex: 1; font-size: 14px; color: #2C2C2C; border: 1px solid #FAFAFA; margin: 0 6px;border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #FAFAFA;height: 80px; }
.withdraw ul li.on{background: #FFFAEC;border: 1px solid #FF8469;}

.rulebox,.inviteRecord,.withdrawRecord{position: fixed; display: flex; align-items: flex-end; width: 100%; height: 100%; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0.6); }
.rulebox .shadow,.inviteRecord .shadow,.withdrawRecord .shadow{z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.rulebox .box,.inviteRecord .box,.withdrawRecord .box{width: 100%; z-index: 2; line-height: 0; position: relative; }
.rulebox .box .bg,.inviteRecord .box .bg,.withdrawRecord .box .bg{width: 100%;}
.rulebox .box article{height: 92%; position: absolute; width: 100%; box-sizing: border-box; padding: 0 16px; overflow-y: scroll; top: 8%; left: 0; }
.rulebox .box article::-webkit-scrollbar{display: none;}
.rulebox .box article p{color: #A06544; font-size: 12px; line-height: 18px; }
.inviteRecord header,.withdrawRecord header{padding: 20px 0 14px; position: absolute; width: 100%; left: 0; top: 0; text-align: center; }
.inviteRecord header img,.withdrawRecord header img{width: 17%;}
.inviteRecord header p{font-size: 12px; margin-top: 12px; line-height: 12px; color: #44433D; margin-bottom: 0; }
.inviteRecord header p span{color: #FD1E20;}
.inviteRecord .list,.withdrawRecord .list{height: 88%; padding: 0 8px; width: 100%; position: absolute; left: 0%; top: 12%; }
.inviteRecord .list .nodata,.withdrawRecord .list .nodata{ height: 80%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inviteRecord .list .nodata img,.withdrawRecord .list .nodata img{width: 36%;}
.inviteRecord .list .nodata p,.withdrawRecord .list .nodata p{text-align: center; font-size: 12px; line-height: 12px; color: #999999; }
.inviteRecord .list .head{height: 40px; margin-bottom: 8px; font-size: 12px; color: #44433D; background: rgba(255,255,255,0.8); border-radius: 25px; display: flex; align-items: center; text-align: center; }
.inviteRecord .list .head span{flex: 2;}
.inviteRecord .list .head span:nth-child(1){flex: 3; text-align: left; padding-left: 24px; }
.inviteRecord .list .head span:nth-child(2){flex: 1.5;}
.inviteRecord .list ul{list-style: none; height: calc(100% - 48px); overflow-y: scroll; padding: 0; margin: 0; }
.inviteRecord .list ul::-webkit-scrollbar{display: none;}
.inviteRecord .list ul li{display: flex; font-size: 12px; color: #44433D; align-items: center; padding: 7px 0; }
.inviteRecord .list ul li .user{flex: 3; padding-left: 24px; display: flex; align-items: center; }
.inviteRecord .list ul li .user img{width: 26px; height: 26px; margin-right: 6px; border-radius: 50%; }
.inviteRecord .list ul li span{flex: 1.5; text-align: center; }
.inviteRecord .list ul li .num{flex: 2; text-align: center;}
.withdrawRecord .list{top: 8%; height: 92%; }
.withdrawRecord .list .head{height: 40px; margin-bottom: 8px; font-size: 12px; color: #44433D; background: rgba(255,255,255,0.8); border-radius: 25px; display: flex; align-items: center; text-align: center; }
.withdrawRecord .list .head span{flex: 2;}
.withdrawRecord .list .head span:nth-child(1){flex: 3; }
.withdrawRecord .list ul{list-style: none; height: calc(100% - 48px); overflow-y: scroll; padding: 0; margin: 0; }
.withdrawRecord .list ul::-webkit-scrollbar{display: none;}
.withdrawRecord .list ul li{display: flex; text-align: center; line-height: 12px; font-size: 12px; color: #44433D; align-items: center; padding: 14px 0; }
.withdrawRecord .list ul li .time{flex: 3;}
.withdrawRecord .list ul li span,.withdrawRecord .list ul li .num{flex: 2;}
.paybox{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0; top: 0; display: flex; align-items: flex-end; }
.paybox .box{border-radius: 22px 22px 0px 0px; width: 100%; padding: 30px 20px 40px; background: linear-gradient( 180deg, #FFFAD2 0%, #FFFFFF 30%);}
.paybox .box .payhead{display: flex; margin-bottom: 32px; color: #2F314A; font-size: 14px; align-items: center; justify-content: center; }
.paybox .box .payhead img{width: 20px; height: 20px; margin-right: 6px; }
.paybox .box .form{}
.paybox .box .item{display: flex; margin-bottom: 16px; }
.paybox .box .item label{font-size: 12px; width: 64px; color: #2C2C2C; line-height: 40px; }
.paybox .box .item .input{width: calc(100% - 64px);}
.paybox .box .item input{ padding: 0 15px; background: none; margin-bottom: 0; color: #2C2C2C; outline: none; border: 1px solid #DFDFDF;border-radius: 22px;background: none;height: 40px;}
.paybox .box .item input::placeholder{color:rgba(44, 44, 44, 0.5)}
.paybox .box .item p{font-size: 11px; padding-left: 15px; margin-top: 12px; line-height: 12px; margin-bottom: 0; color: #FF770E; }
.paybox .box .btns{margin-top: 28px; display: flex; align-items: center; justify-content: space-between; }
.paybox .box .btns button{width: 48%; height: 42px; font-size: 12px; color: #fff; border: none; outline: none; background: url(../images/btnbg11.png) no-repeat center; background-size: 100% 100%; padding: 0; }
.paybox .box .btns button:nth-child(1){ color: #2C2C2C; background: url(../images/btnbg1.png) no-repeat center; background-size: 100% 100%;}
.newbox .big1{position: absolute; width: 100%; text-align: center; top: 34%; left: 0; font-size: 68px; font-weight: bolder; color: #F83442;}
.newbox .big2{position: absolute; width: 100%; text-align: center; top: 36%; left: 0; font-size: 68px; font-weight: bolder; color: #F83442;}