html,body{width: 100%;height: 100%;background: url(../images/bj.jpg) no-repeat center center;background-size: cover;}
#wrap{width: 100%;padding-bottom: 3rem;}
/**/
#top_box{width: 18.417rem;height: 3.028rem;line-height: 3.028rem;text-align: center;font-size: 1rem;color: #010000;background: url(../images/p_frame.jpg) no-repeat center center;background-size: contain;margin: 1.5rem auto 1.278rem;}
/**/
#session_box{width: 19.083rem;height: 14.039rem;background: url(../images/cz_frame.png) no-repeat center center;background-size: contain;margin: auto;padding-left: 0.694rem;padding-top: 1.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content_box{width: 100%;}
#content_box>div{width: 4.9rem;height: 2rem;line-height: 2rem;text-align: center;color: #2b3e53;background: #cec4bb;border-radius: 0.2rem;margin-right: 1.25rem;font-size: 1rem;float: left;margin-bottom: 1rem;}
#content_box>div:nth-of-type(3n){margin-right: 0;}
#content_box>div.on{color: #fff;background: #f3753a;}
#btn_submit{width: 9.194rem;height: 2.444rem;margin: 2.5rem auto 0;background: url(../images/btn_recharge.png) no-repeat center center;background-size: contain;}

/**/
.tips{width: 19.083rem;margin: 1.5rem auto 0;color: #a1a1a1;font-size: 0.8rem;font-weight: normal;}

/*footer*/
#footer{display: flex;display: -webkit-flex;padding: 0.138rem 1.056rem;background: #fff;position: fixed;bottom: 0;left: 0;width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	justify-content: center;align-items: center;
}
#footer>a{
	display: block;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	text-align: center;
}
#footer>a>p{font-size: 0.576rem;color: #222222;}
#togame>img{width: 2rem;height: 1.333rem;}
#toperson>img{width: 1.5rem;height: 1.528rem;}