/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica;-webkit-text-size-adjust:none;font-size:0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
b{font-weight: bold;}
body,html{width: 100%;font-size: 0.24rem;line-height: 1;background-color: #535e70;}
.hide {display:none;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
.sp{background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/sp.png) no-repeat;background-size: 6.40rem 20.00rem;}
#afooter{font-size: .18rem; text-align: center;height:.65rem;width: 100%;padding-top: .15rem;line-height: .25rem;background: #000;color: #fff;}
.dia{width:6.82rem; height: 3.92rem;border: 0.03rem solid #374c62;}
.act_pop .act_pop_table tfoot a, .act_pop .act_pop_table tfoot span{vertical-align: middle;}
/*去除img标签src路径为空默认出现的边框*/
img[src=""],img:not([src]){opacity:0;}



.wrap{width: 100%;position: relative;overflow-x: hidden; height: auto;}
/*头部动画*/
.bg {position: absolute;left: 0;top: 4.50rem;width: 100%;height: 7.06rem;overflow: hidden; z-index: 5;}
.bg img{display: block; margin: 0 auto; width: 100%; height: 100%;}
/*head*/
.head{width: 6.40rem; height:7.16rem;background:url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/head.jpg) no-repeat center center;background-size:100% 100%; margin: 0 auto; position: relative;}
.content {width: 6.40rem; height: 43.84rem; background:url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/bg.jpg) no-repeat center center;background-size:100% 100%;margin: 0 auto; overflow: hidden; padding-bottom: 0.20rem;}

.hrad-top{width: 6.40rem; height: 7.16rem; position: relative; top: 0rem;}
.hrad-top img{width: 100%; height: auto; display: block; margin: 0 auto;}

.tie{display: block; width: 6.40rem; margin: 0 auto; position: relative; }
/*模块一*/
.page1{width: 100%; height: 5.41rem; margin: 0 auto; position: relative;}
.page1 h3{height: 1.01rem; background-position: 0 0; top: 0.20rem;} 
.pa1-list{width: 100%; height: auto; margin: 0.50rem auto 0.20rem; display: flex;}
.pa1-list li{display: inline-block; margin: 0 auto; width: 1.88rem; height: 2.26rem;}
/*默认状态*/
.pa1-list li.on{background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/cbg1.png) no-repeat center center; background-size: 100% 100%;}
/*抽中幸运币翻倍*/
.pa1-list li.on1{background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/cbg2.png) no-repeat center center; background-size: 100% 100%;}
/*抽中金币翻倍*/
.pa1-list li.on2{background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/cbg3.png) no-repeat center center; background-size: 100% 100%;}
/*抽中金币+幸运币全部翻倍*/
.pa1-list li.on3{background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/cbg4.png) no-repeat center center; background-size: 100% 100%;}
.page1 .btn-cq1{display: block; width: 2.78rem; height: 0.77rem; margin: 0.35rem auto 0.20rem; background-position: -0.07rem -9.12rem;}
.page1 .btn-cq1.on{background-position: -0.42rem -13.93rem;}


/*模块二*/
.page2{width: 100%; height: 6.28rem;position: relative;}
.page2 h3{height: 1.26rem; background-position: 0 -1.36rem;top: 0.12rem;} 
.p2-list1{width: 6.36rem; height: 2.01rem; margin: 0.30rem auto 0; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/p2top.png) no-repeat center center; background-size: 100% 100%; position: relative;}
.p2-list1 ul{ width: 4.30rem; margin: 0 auto; display: flex; position: absolute; bottom: 0.06rem; left: 0; right: 0;}
.p2-list1 ul li{width: 0.94rem; height: 0.36rem; margin: 0 auto;}
.p2-list1 .btn-wc{display: inline-block;width: 0.94rem; height: 0.36rem; background-position: -3.58rem -9.25rem;}
/*置灰*/
.p2-list1 .btn-wc.on{background-position: -0.51rem -16.39rem;}
.p2-list1 ul li:nth-child(1){margin-left: 0;}
.p2-list1 ul li:nth-child(3){margin-right: 0.10rem;}

.p2-list2{width: 6.40rem; height: 2.0rem; margin: 0.20rem auto 0; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/p2bot.png) no-repeat center center; background-size: 100% 100%; position: relative;}
.p2-list2 ul{ width: 5.0rem; margin: 0 auto; display: flex; position: absolute; bottom: 0.06rem; left: 0; right: 0;}
.p2-list2 ul li{width: 0.94rem; height: 0.36rem; margin: 0 auto;}
.p2-list2 .btn-wc{display: inline-block;width: 0.94rem; height: 0.36rem; background-position: -3.58rem -9.25rem;}
/*置灰*/
.p2-list2 .btn-wc.on{background-position: -0.51rem -16.39rem;}
.p2-list2 ul li:nth-child(1){margin-left: 0.04rem;}
.p2-list2 ul li:nth-child(4){margin-right: 0;}


/*模块三*/
.page3{width: 100%; height: 6.84rem; margin: 0 auto; position: relative;top: 0.06rem;}
.pa3-box{width: 6.40rem; height: 5.94rem; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/pa3bg.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto;}
.page3 .btn-ljcq{display: block; width: 2.45rem; height: 0.69rem; background-position: -0.30rem -10.60rem; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0.90rem;}
/*已抽取*/
.page3 .btn-ljcq.on{display: block; width: 2.45rem; height: 0.69rem; background-position: -0.36rem -18.95rem; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0.90rem;}

/*模块四*/
.page4{width: 100%; height: 5.78rem; margin: 0 auto; position: relative;top: 0.06rem;}
.pa4-box{width: 6.40rem; height: 5.57rem; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/pa4bg.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto;}
.pa4-dv1{width: 100%; height: 1.53rem; margin: 0 auto; position: relative; top: 1.63rem;}
.pa4-dv1 p{display: block; width: 3rem; height: 0.24rem;position: absolute; right: 0.7rem; top: 0.38rem; text-align: center; font-size: 0.26rem; color: #faf659;font-weight: bold; letter-spacing: 0.02rem;}
.pa4-dv1 p span{text-align: center;font-size: 0.26rem; color: #faf659; font-weight: bold;letter-spacing: 0.02rem;}
.page4 .btns{width: 3.31rem; height: auto; position: absolute; right: 0.53rem; bottom: 0rem; display: flex;}
.page4 .btns a{display: inline-block; width: 1.66rem; height: 0.62rem; background-position: -0.32rem -11.81rem;}
.page4 .btns a:nth-child(2){display: inline-block; width: 1.66rem; height: 0.62rem; background-position: -2.04rem -11.81rem;}
/*已提取*/
.page4 .btns a.on{background-position: -0.36rem -18.14rem;}
.pa4-dv2{width: 100%; height: 1.53rem; margin: 0 auto; position: relative; top: 2.08rem;}
.pa4-dv2 p{display: block; width: 3rem; height: 0.24rem;position: absolute; left: 0.6rem; top: 0.40rem; text-align: center; font-size: 0.26rem; color: #faf659;font-weight: bold; letter-spacing: 0.02rem;}
.pa4-dv2 p span{text-align: center;font-size: 0.26rem; color: #faf659; font-weight: bold;letter-spacing: 0.02rem;}
.pa4-dv2 .btns{width: 3.31rem; height: auto; position: absolute; left: 0.53rem; bottom: 0rem; display: flex;}

.page5{width: 100%; height: 10.0rem; margin: 0 auto; position: relative;top: 0;}
.pa5-box{width: 6.40rem; height: 9.18rem; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/pa5bg.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto;}

.page6{width: 100%; height: 4.36rem; margin: 0 auto; position: relative;top: 0;}
.page6 h3{width: 4.22rem; height: 0.79rem; background-position: -1.08rem -4.60rem;top: 0.12rem;} 
.pa6-box{width: 5.50rem; height: 2.22rem; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/rwbg.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; position: relative; top: 0.74rem;}
.pa6-box ul{width: 4.66rem; height: auto; padding-top: 0.06rem; margin: 0 auto;}
.pa6-box ul li{display: block; width: 100%; height: auto; display: flex;flex-flow: row nowrap;justify-content: space-between; position: relative; margin: 0.20rem auto;}
.pa6-box ul li p{display: inline-block; background-position: -0.42rem -13.11rem; width: 2.50rem; height: 0.38rem; font-size: 0.24rem; color: #fcea4b; font-weight: bold; line-height: 0.38rem; text-indent: 0.14rem; letter-spacing: 0.01rem;}
.pa6-box ul li a{display: inline-block; background-position: -4.19rem -11.95rem; width: 1.26rem; height: 0.48rem;}
/*已获得*/
.pa6-box ul li a.on1{background-position: -0.36rem -17.52rem;}
/*已完成*/
.pa6-box ul li a.on2{background-position: -0.37rem -16.92rem;}
.fuceng{width: 6.40rem; height: 0.90rem; background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/fuceng.png) no-repeat center center; background-size: 100% 100%; margin: 0 auto; position: fixed; bottom: 0;}
.fuceng a{display: inline-block; width: 2.20rem; height: 0.69rem; position: absolute; right: 0.94rem; top: 0.16rem; animation: breathing 1s linear infinite alternate;}
/*立即下载*/
.fuceng a.btn-ljxz{background-position: -3.98rem -12.67rem;}
/*启动游戏*/
.fuceng a.btn-go{background-position: -3.98rem -13.73rem;}

/*呼吸动画*/
@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


/*活动规则*/
.page7{width: 100%; height: auto; margin: 0 auto; position: relative; padding-bottom: 0.20rem;}
.page7 h3{width: 3.88rem; height: 0.51rem; background-position: -1.28rem -6.12rem; margin-bottom: 0.28rem;} 
.page7 p{color: #fff97b; font-size: 0.18rem; width: 90%; margin: 0.01rem auto 0.01rem; ;line-height: 0.27rem; letter-spacing: 0.01rem;}


/*弹窗样式*/
.dialog{position: relative; display: none;}
.dia-close { width: 0.45rem; height: 0.46rem; display: block; position: absolute; right: 0; top: 0;}
/*活动规则*/
.dialog1 { background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/gzbg.png) no-repeat center/cover; width: 5.88rem; height: 3.02rem; overflow: hidden; margin: 0 0 0 0.3rem; }
.dialog2{ background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/hyllbg.png) no-repeat center/cover; width: 5.88rem; height: 3.02rem; overflow: hidden; margin: 0 0 0 0.3rem; }
.dialog3{ background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/gxhdbg.png) no-repeat center/cover; width: 5.88rem; height: 3.02rem; overflow: hidden; margin: 0 0 0 0.3rem; }
.dialog4{ background: url(//game.gtimg.cn/images/codm/cp/a20210312xyjb/wxtsbg.png) no-repeat center/cover; width: 5.88rem; height: 3.02rem; overflow: hidden; margin: 0 0 0 0.3rem; }
.btn-ok{display: block; width: 1.90rem; height: 0.61rem; background-position: -4.24rem -15.04rem; margin: 0.30rem 0 0.20rem 0.95rem;}

.rules_text { width: 4.0rem; height: autom; padding-top: 1.10rem; margin: 0 auto; margin-left: 0.80rem; font-size: .20rem; color: #000;  box-sizing: border-box;}
.rules_text p{color: #722f06; font-size: 0.20rem; text-align: left; line-height: 0.26rem; letter-spacing: 0.01rem;}

.dialog2 .dialog-box{ width: 4.0rem; height: auto; padding-top: 0.60rem; margin: 0 auto; margin-left: 0.80rem; font-size: .20rem; color: #000;  box-sizing: border-box;}
.dialog2 .dialog-box p{display: block; margin: 0.06rem auto; color: #722f06; font-size: 0.34rem; text-align: center; line-height: 0.38rem; letter-spacing: 0.01rem;}

.dialog3 .dialog-box{ width: 4.0rem; height: auto; padding-top: 1.0rem; margin: 0 auto; margin-left: 0.15rem; font-size: .20rem; color: #000;  box-sizing: border-box;}
.dialog3 .dialog-box p{display: block; margin: 0.10rem auto; color: #722f06; font-size: 0.26rem; text-align: center; line-height: 0.26rem; letter-spacing: 0.01rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 130%;}
.dialog3 .dialog-box p span{color: #722f06; font-size: 0.26rem; text-align: center;}

.dialog4 .dialog-box{ width: 5.0rem; height: autom; padding-top: 1.0rem;margin: 0 auto; margin-left: 0.25rem; font-size: .20rem; color: #000;  box-sizing: border-box;}
.dialog4 .dialog-box p{display: block; margin: 0.10rem auto; color: #722f06; font-size: 0.26rem; text-align: center; line-height: 0.26rem; letter-spacing: 0.01rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dialog4 .dialog-box p span{color: #722f06; font-size: 0.26rem; text-align: center;}
.dialog4 .btn-ok{display: block; width: 1.90rem; height: 0.61rem; background-position: -4.24rem -15.04rem; margin: 0.30rem 0 0.20rem 1.50rem;}


.btn-ok1 {
    display: block;
    width: 1.90rem;
    height: 0.61rem;
    background-position: -4.24rem -15.04rem;
    margin: 0.30rem 0.2rem 0.20rem 0.95rem;
    margin-left: 39%;
}
.pop {display: none; position: relative;}
.pop .close-btn {position: absolute; top: -.7rem; right: 0; width: .62rem; height: .56rem; background-position: -4.8rem -2rem;}
/*分享*/
.share {background: none; width: 100%;height: 100%;position:relative;}
.share .dia-con {width: 7.5rem; height: 100%; position: fixed; top: 0; right: 0rem; border: none;}
.share .dia-con img {display: block; width: 100%; height: auto;}
:focus{outline: none;}