@charset "utf-8";
*{margin:0;padding:0; /*appearance:none; -webkit-appearance:none;*/}
*, :after, :before {margin: 0;padding: 0;box-sizing: border-box;}
input{outline: none;}
body{font-family:'微软雅黑';position: relative;font-size:0;background:#fff;max-width: 720px;margin: 0 auto;}
.fl{float: left;} 
.fr{float:right;} 
input,button{border: none;background:none;}
a,a:focus,a:active{text-decoration: none;outline:none; }
a{color: #000000;}
input[type = 'file'],textarea,input[type = 'button']{-webkit-appearance: none; appearance: none;}
li{list-style: none;}
img{height:auto; max-width:100%;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #f4f4f4 inset;box-shadow:0 0 0px 1000px #f4f4f4 inset;}
.hint{position: fixed; top:50%; left:50%; width:100%; text-align:center;z-index:999; display: none; max-width:768px; transform: translateX(-50%);}
.hint span{display: inline-block;background:rgba(0,0,0,.7);font-size: .28rem;color:#fff;padding:6px 16px;border-radius:6px;}
.m15{margin-left: .15rem;}
.wxtip{display: none;position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,0.9) url('http://91muzhicom-1251304591.file.myqcloud.com/pic/tkszn/img/wxtip1.png') no-repeat right top;}
.goback{margin-left: .3rem;width: 1rem;height: .64rem;float: left;}
.goback img{width: .5rem;}
.end{position: fixed;top: 0;font-size: .48rem;color: #fff;text-align: center;width: 7.2rem;z-index: 100;background: rgba(0,0,0,.9)!important;height: 100%;padding-top: 2rem;}
.ios-tips{position: fixed;top: 0;font-size: .48rem;color: #fff;text-align: center;width: 7.2rem;z-index: 100;background: rgba(0,0,0,.9)!important;height: 100%;padding-top: 2rem;}
.app-tips{position: fixed;top: 0;font-size: .48rem;color: #fff;text-align: center;width: 7.2rem;z-index: 100;background: rgba(0,0,0,.9)!important;height: 100%;padding-top: 2rem;}

/*公告部分*/
.section0 header{height: .9rem;padding-top: .2rem;background-color: rgba(0, 0, 0, .4);}
.section0 header .logo{margin-left: .3rem;width: 1.6rem;height: .64rem;float: left;}
.section0 header .logo img{width: 1.51rem;}
.section0 header .healeft{margin-right: .3rem;}
.section0 header .healeft .download{margin-right: .2rem;}
.section0 header .healeft .download a{width: .98rem;height: .49rem;display: inline-block;font-size: .24rem;color: #cb1105;background-color: #ffff00;border-radius: 8px;text-align: center;line-height: .49rem;}
.section0 header .healeft .login{width: .98rem;height: .49rem;display: inline-block;font-size: .24rem;color: #cb1105;background-color: #fff;border-radius: 8px;text-align: center;line-height: .49rem;}
.section0 header .healeft img{width: 1.02rem;}
.section0 header .healeft .username{font-size: .24rem;line-height: .56rem;color: #fff;}
.section0 .back{width: .98rem;height: .49rem;display: inline-block;font-size: .24rem;color: #cb1105;background-color: #ffff00;border-radius: 8px;text-align: center;line-height: .49rem;margin-right: .2rem;}
.section0 .back a{width: .98rem;height: .49rem;display: inline-block;font-size: .24rem;color: #cb1105;background-color: #ffff00;border-radius: 8px;text-align: center;line-height: .49rem;}
.text {position:absolute;top:1.1rem;text-align:center;left:.355rem;animation:lbdiv .5s linear both .5s;-webkit-animation:lbdiv .5s linear both .5s;-moz-animation:lbdiv .5s linear both .5s;-o-animation:lbdiv .5s linear both .5s;}
.text img{width: 6.55rem;}
@keyframes lbdiv {0% {transform:translateY(-500%);}
100% {transform:translateY(0);}
}

/*首页*/
.section1{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-index.jpg) no-repeat;background-size: 100% 100%;height: 14rem;}
.content{margin-top: 8.1rem;}
.explain{width: 2rem;position: absolute;top: 7.95rem;left: 2.6rem;}
.explain-msg{width: 4rem;position: absolute;left: 1.6rem;top: 3rem;}
.acti{margin-top: .9rem;}
.acti div{display: inline-block;}
.acti .imgl{position: relative;}
.acti .imgr{position: relative;}
.acti .acti-down{text-align: right;position: relative;top: 2.05rem;left: .45rem;}
.acti .acti-rech{position: relative;top: .85rem;left: .07rem;}
.acti .acti-login{position: relative;top: 2.05rem;right: .3rem;}
.acti .acti-list{position: relative;top: .85rem;right: .65rem;}
.acti .acti-circle{position: relative;float: right;right: .4rem;top: .45rem;}
.acti a{width: 1.56rem;height: 1.59rem;display: inline-block;transform:rotate(-45deg);}
.acti img{width: 1.56rem;}

/*新用户下载*/
.section2{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-gift.jpg) no-repeat;background-size: 100% 100%;height: 21.3rem;}
.down-btn{width: 3.62rem;height: 1.16rem;position: absolute;top: 10.35rem;left: 1.79rem;}
.doaw-box{width: 5rem;position: absolute;background-color: #6b2ec7;left: 1.1rem;top: 2rem;text-align: center;padding-bottom: .2rem;z-index: 110;}
.box-msg{font-size: .28rem;color: #fff;text-align: center;line-height: 1rem;}
.doaw-box button{width: 2rem;height: .64rem;background:url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/down-btn.png) no-repeat;font-size: .24rem;color: #fff;margin: 0 auto;background-size: 100% 100%;}

/*登录活动*/
.section3{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-login.jpg) no-repeat;background-size: 100% 100%;height: 19.98rem;}
.actlogin-btn{width: 5.42rem;height: 1.16rem;position: absolute;top: 11.3rem;left: .89rem;}
.actlogin-btn .welfare{width: 2.29rem;}
.gift-box{width: 6.46rem;height: 4.16rem;position: absolute;left: .37rem;top: 2rem;background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/gift_box.png) no-repeat;background-size: 100% 100%;}
.gift-box p{font-size: .3rem;color: #ffe823;text-align: center;margin-top: 1.2rem;}
.box_btn{width: 2.49rem;height: .64rem;margin: 0 auto;background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/box_btn.png) no-repeat;background-size: 100% 100%;margin-top: .65rem;}

/*周年充值活动*/
.section4{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-rech.jpg) no-repeat;background-size: 100% 100%;height: 22.1rem;}
.recharge{width: 5.76rem;height: .86rem;position: absolute;top: 14.52rem;left: .72rem;}
.recharge-btn{width: 5.76rem;}

/*游戏圈话题分享活动*/
.section5{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-circle.jpg) no-repeat;background-size: 100% 100%;height: 19.41rem;}
.circle-msg{width: 1.49rem;height: .49rem;position: absolute;top: 9.65rem;left:2.85rem;}
.circle-msg img{width: 1.49rem;}
.circle-btn{width: 2.58rem;height: .9rem;position: absolute;top: 11.2rem;left:2.31rem;}
.circle-btn img{width: 2.58rem;}
.circle-detail{width: 5.5rem;position: absolute;top: .5rem;z-index: 100;left: .85rem;}

/*周年冲榜活动*/
.section6{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/bg-list.jpg) no-repeat;background-size: 100% 100%;height: 18.36rem;}
.punching-msg{width: 1rem;position: fixed;top:4.5rem;right:0;}
.punching-msg img{width: 1rem;}
.punching-detail{width: 5rem;position: absolute;top: .5rem;z-index: 100;left: 1.1rem;}
.punching_list{width: 6.2rem;height: 4.8rem;position: relative;top: 10.5rem;left: .5rem;font-size: .2rem;color: #7a5206;}
.punching_list ul{height: 4.8rem;overflow: auto;border-collapse: collapse;}
.punching_list ul li{height: .65rem;border-bottom: dashed 1px #a07919;}
.punching_list ul li div{display: inline-block;width: 2.1rem;text-align: center;line-height: .65rem;float: left;}
.punching_list ul li div:nth-child(2){text-align: left;}
.punching_list ul li div:first-child{width: 2rem;height: .65rem;}
.punching_list ul li .no{display: inline-block;/*vertical-align:middle; !* 居中对齐， *!*/text-align: center;}
.punching_list ul li .no span{display: inline-block;width: .4rem;height: .4rem;line-height: .35rem;vertical-align: middle;font-weight: 600;border: 2px solid #de4322;border-radius: 50%;}
.punching_list ul li:first-child .no{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/one.png) no-repeat center;background-size: 20%;z-index: 100;}
.punching_list ul li:nth-child(2) .no{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/tow.png) no-repeat center;background-size: 20%;z-index: 100;}
.punching_list ul li:nth-child(3) .no{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/znq/img/three.png) no-repeat center;background-size: 20%;z-index: 100;}
.userhear{width: .45rem;height: .45rem;display: inline-block;float: left;padding: .08rem 0 0 0;margin-right: .15rem;}
.userhear img{border-radius: 50%;}
.rank{text-align: center;font-size: .26rem;margin-top: .02rem;}

/*登录注册*/
.common-mask{width: 7.2rem;height: 100%;position: fixed;top: 0;z-index: 99;background: rgba(0,0,0,.7)!important;}
.login_box{width: 6rem;height: 4.45rem;border: 1px solid #00A0E9;position: absolute;top: 1rem;z-index: 999;left: .6rem;background:#fff;border-radius: 10px;}
.my_close{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/tkszn/img/close.png) no-repeat center center/100% 100% ;height: .6rem!important;width: .6rem!important;;padding: 1px;position: absolute;top: .1rem;right: .15rem;}
.reg_close{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/tkszn/img/close.png) no-repeat center center/100% 100% ;height: .3rem!important;width: .3rem!important;padding: 1px;position: absolute;top: .05rem;right: .05rem;}
.explain_close{background: url(http://91muzhicom-1251304591.file.myqcloud.com/pic/tkszn/img/close.png) no-repeat center center/100% 100% ;height: .45rem!important;width: .45rem!important;padding: 1px;position: absolute;top: -.4rem;right: -.4rem;}
.login_box_top{width: 100%;height: .8rem;line-height: .8rem;text-align: center;font-size: .36rem;}
.login_box_cue{width: 100%;height: .34rem;line-height: .34rem;text-align: center;font-size: .16rem;color: red;}
.login_box_un{margin-top: 5px;width: 5rem;margin-left: 7%;height: .9rem;background: url(http://cdn.91muzhi.com/h5sdk/img/login_username.jpg) no-repeat center center;background-size: 100% 100%;}
.login_box_pw{margin-top: 5px;width: 5rem;margin-left: 7%;height: .9rem;background: url(http://cdn.91muzhi.com/h5sdk/img/login_password.jpg) no-repeat center center;background-size: 100% 100%;}
.login_box_text {height:.9rem;width:75%;margin-left:16%;margin-top:2px;font-size:.2rem;border:none;display:inherit;background:none;color:#666;}
.login_box_btn_log {border-radius:4px;border:none;-webkit-appearance:none;height:.86rem;margin:0 auto;margin-top:6px;background-color:#4D88E1;font-size:.28rem;color:#fff;width:2.13rem;display:inherit;}
.login_box_btn_reg {border-radius:4px;border:none;-webkit-appearance:none;height:.86rem;margin-top:6px;background-color:#E87936;font-size:.28rem;color:#fff;width:2.13rem;display:inherit;}
.login_box_btn {height:1.13rem;width:5rem;margin-top:.1rem;margin-left:7%;}
.login_box_btnl {width:2.45rem;height:1.13rem;float:left;}
.login_box_btnr {width:2.5rem;height:1.13rem;float:left;text-align:right;}
.reg_box {width:6rem;background-color:#fff;border-radius:5px;position:absolute;top:1rem;z-index:999;left:.6rem;display:none;}
.reg_box_top {width:100%;height:.8rem;line-height:.8rem;text-align:center;font-size:.36rem;}
.reg_box_cue {width:100%;height:.34rem;line-height:.34rem;text-align:center;font-size:.16rem;color:red;}
.reg_box_un {margin-top:5px;width:5rem;margin-left:7%;height:.9rem;background:url(http://cdn.91muzhi.com/h5sdk/img/login_username.jpg) no-repeat center center;background-size:100% 100%;}
.reg_box_pw {margin-top:5px;width:5rem;margin-left:7%;height:.9rem;background:url(http://cdn.91muzhi.com/h5sdk/img/login_password.jpg) no-repeat center center;background-size:100% 100%;}
.reg_box_text {height:.9rem;width:75%;margin-left:16%;margin-top:2px;font-size:.2rem;border:none;display:inherit;background:none;color:#666;}

.reg_box_btn{height: 1.13rem;width: 5rem;margin-top: .1rem;margin-left: 7%;}
.reg_box_btnr{width: 2.5rem;height: 1.13rem;text-align: center;margin: 0 auto;}
.reg_box_btn_reg{border-radius: 4px;border: none;-webkit-appearance: none;height: .86rem;margin-top: 6px;background-color: #E87936;font-size: .28rem;color: #fff;width: 2.13rem;display: inherit;}

.gologin-box{position: fixed;top: 2rem;left:2.1rem;width: 3rem;height: 2rem;border: 1px solid #00A0E9;background-color: #1f2116;display: none}
.gologin{height: 1.13rem;margin-top: .8rem;}
.gologin_btnr{width: 2.13rem;height: 1.13rem;text-align: center;margin: 0 auto;}
.gologin-btn{border-radius: 4px;border: none;-webkit-appearance: none;height: .86rem;margin-top: 6px;background-color: #992d1b;font-size: .28rem;color: #fff;width: 2.13rem;display: inherit;}
/*登录注册结束*/