html{font-size:100%; font-family:"San Francisco","Noto Sans CJK SC Thin","Microsoft YaHei"; margin:0; padding:0}
body{background:#FFF; line-height:180%; margin:0; padding:0}
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,select,input{padding:0; margin:0; list-style:none; vertical-align:middle}
a{text-decoration:none}
html,body{height: 100%;}
body{padding-top: 42px;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:""; display:block; clear:both; height:0}
.clearfix{zoom:1}
.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}
.p10{padding:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}
.p15{padding:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}
.p20{padding:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}
.p30{padding:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}
.m5{margin:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}
.m10{margin:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}

/*弹出层*/
.popup_box{width:100%; position:fixed; top:0; left:0; _position:absolute; z-index:998}
.popup_box .popup_close{display:block; background:url(../images/icon_close.png) #a63a0d; background-size:33px; border-radius:0 5px 0 0; width:33px; height:33px; position:absolute; top:0; right:30px}
.popup_bg{display:none; background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; left:0; z-index:997}

/*二维码*/
.popup_wxcode_box{margin-top:-120px; top:50%}
.popup_wxcode{background:#FFF; border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,0.2); text-align:center; padding:20px 10px; margin:0 30px;}
.popup_wxcode img{width:160px}

/*分享至*/
.popup_share_box{margin-top:-120px; top:50%}
.popup_share{background:#FFF; border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,0.2); text-align:center; padding:20px 10px; margin:0 30px;}
.popup_share .title{font-size:18px; color:#333; text-align:center; padding:10px 0 6px}
.popup_share li{float:left; text-align:center; width:33.3%; padding:12px 0}
.popup_share li a{display:inline-block; border-radius:29px; height:58px}
.popup_share li a img{width:58px}
.popup_share li:nth-child(1) a{background:#3eb135}
.popup_share li:nth-child(2) a{background:#3eb135}
.popup_share li:nth-child(3) a{background:#df4d69}
.popup_share li:nth-child(4) a{background:#4dafea}
.popup_share li:nth-child(5) a{background:#eecf3d}
.popup_share li:nth-child(6) a{background:#2e9e3b}
/*以前是共用*/

.page1 .current{
	font-size: 15px;
	color: #A63A0D;
}
.bgbox{
	position: relative;
}
.top-icon{
	position: absolute;
	top: 8px;
	left: 10px;
}
.game_name{
	font-weight: bold;
}
.top-icon img{
	width: 40px!important;
}
.m-login{position:fixed;top:0;left:0;z-index:2;width:100%;height:42px;margin:0 auto;background-color:#fff}
.m-login .u-logo{display:block;margin:8px auto 0 5px}
.m-login .u-btn--login,.m-login .u-btn--register{position:absolute;top:50%;margin-top:-16px;display:block;width:80px;height:30px;-webkit-border-radius:5px;border-radius:5px;line-height:30px}
.m-login .u-btn--register{right:108px;background-color:#878787;font-size:15px;color:#fff;text-align:center}
.m-login .u-btn--login{right:15px;background-color:#f5821f;font-size:15px;color:#fff;text-align:center;}
.un-login a{color: #fff;}
.m-login .m-ac {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px 0 0;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
}
.logo{
	width: 70px;
}
.m-login #toggleAct {
    margin: 10px 20px 0 10px;
    width: 142px;
    height: 52px;
    background-color: #548eff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    display: inline-block;
}
.foot_copy{font-size:12px !important; text-align: center;}

/*底部*/
.foot{background-color:#fff;}
	.foot_nav{padding:24px 12px 0}
	.foot_nav a{display:block; float:left; text-align:center; width:50%}
	.foot_nav a .icon{display:inline-block; background:#a63a0d; border-radius:25px; width:47px}
	.foot_nav a .icon img{width:47px; height:47px}
	.foot_nav a .text{font-size:13px; color:#333; line-height:20px; padding:6px 0 24px}
	/*版权*/
	.foot_copy{border-top: 1px solid #c4c4c4; font-size:15px; color:#888; line-height:20px; margin:0 12px 0; position:relative; padding-bottom:24px;}
	.foot_copy .tele{line-height:25px; padding:24px 0 12px}
	.foot_copy .back_top{position:absolute; bottom:15px; right:12px}
	.foot_copy .back_top img{width:45px; height:45px}

.foot_copy2{background:#eee; font-size:12px; color:#888; line-height:20px; text-align:center; padding:15px 12px}

.login-tips{
	line-height: 60px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	background: #00cccc;
}
.grlv1__module {
    padding: 0 42px;
}
.grlv1__regSwitch {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 70px;
    padding-top: 60px;
    line-height: 70px;
    text-align: center;
}
.grlv1__regSwitchLink {
    float: left;
    width: 50%;
    color: #a0a0a0;
    background: #ebebeb;
	font-size: 26px;
}
.grlv1__regSwitchLink--current {
    color: #fff;
    background: #7aa9e3;
}
.grlv1__form li {
	position: relative;
    padding-top: 30px;
    vertical-align: bottom;
    list-style: none;
    outline: none;
}
.account {
    background-image: url(../images/account.png);
}
.password{
	background-image: url(../images/pw.png);
}
.username{
	background-image: url(../images/name.png);
}
.idcard{
	background-image: url(../images/idcard.png);
}
.tel-number{
	background-image: url(../images/phone.png);
}
.verify{
	background-image: url(../images/phone.png);
}
.grlv1__inputBox {
    position: relative;
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 30px;
}
.grlv1__inputTxt {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px 10px 10px 52px;
    border: 1px solid #ccc;
    font-size: 26px;
    line-height: 1.5;
    font-weight: bold;
    color: #4c4c4c;
    background: transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	box-sizing: border-box;
}
.grlv1__btn {
    display: block;
    font-size: 26px;
    line-height: 70px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	background-color: #fe7a69;
}
.grlv1__pact {
    display: block;
    padding-top: 10px;
    text-align: center;
	font-size: 22px;
}
.grlv1__pactLink {
    text-decoration: underline;
    color: #23a3fd;
}
.grlv1__getMobileCodeLink {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
	padding: 0 15px;
    line-height: 70px;
    text-align: center;
	font-size: 22px;
    color: #fff;
	background-color: #fe7a69;
}
.forget-pwd {
    line-height: 70px;
    font-size: 24px;
    text-align: center;
}
.forget-pwd a {
    color: #999;
}