@charset "UTF-8";
/*!* 通用帧动画,使用示例:示例同时示范了两个keyframes动画同时存在的include写法 先引入需要的通用动画keyframes,只需要引入一次即可.按需引入 @include frameAnimationByVertical; @include frameAnimationByHorizontal; @include animation(frameAnimationByVertical 1s steps(少一帧,end/start) infinite,frameAnimationByHorizontal 1s steps(少一帧,end/start) infinite); */
.item-1,.item-2,.item-3,.item-4,.item-5,.item-bg,.items-spr,.m-part-3 .prize-list .prize-left,.pop-record .pop-record-list .prize-left{background-image:url(//game.gtimg.cn/images/tgclub/act/a20200730dnftreasure/items-spr.png);background-size:4.87rem 4.76rem;background-repeat:no-repeat}
.item-1{background-position:.02rem -3.62rem;width:1.2rem;height:1.16rem}
.item-2{background-position:-2.4rem -2.02rem;width:1.2rem;height:1.2rem}
.item-3{background-position:-3.61rem -2.02rem;width:1.2rem;height:1.2rem}
.item-4{background-position:-2.41rem .02rem;width:2.48rem;height:1.81rem}
.item-5{background-position:.02rem .02rem;width:2.42rem;height:2.03rem}
.item-bg{background-position:.02rem -2.02rem;width:2.41rem;height:1.59rem}
.btn-217x56,.btn-bottom-highlight,.btn-bottom-normal,.btn-got,.btn-jq,.btn-no,.btn-normal,.btn-prize-list,.btn-qwxj,.btn-ture,.download-game,.download-text,.erweima-bg,.guide,.icon-qq,.icon-wx,.input-points,.item-li,.jlq-item,.m-bottom .actModules_DownLoadBar,.m-bottom .actModules_actionBtn,.m-part-3 .prize-list li,.mission-info,.pop-682x607,.pop-assist,.pop-btn-close,.pop-input,.pop-record,.pop-role,.pop-role .select-box>select,.pop-rule,.pop-ticket,.pop-ticket-btn-num,.pop-title-assist,.pop-title-record,.pop-title-role,.pop-title-rule,.pop-title-winner,.pop-winner,.price,.prize-timeline,.prop-download,.sprite-img,.timeline-1,.timeline-2,.timeline-3,.timeline-4,.timeline-5,.title-1,.title-2,.title-3,.title-4,.title-5{background-image:url(//game.gtimg.cn/images/tgclub/act/a20200730dnftreasure/sprite-img.png);background-size:22.75rem 20.53rem;background-repeat:no-repeat}
.btn-217x56{background-position:-8.78rem -15.14rem;width:2.21rem;height:.6rem}
.btn-bottom-highlight{background-position:-7.53rem -17.71rem;width:7.54rem;height:.99rem}
.btn-bottom-normal{background-position:.02rem -17.71rem;width:7.54rem;height:.99rem}
.btn-normal{background-position:-10.89rem -13.05rem;width:1.91rem;height:.52rem}
.btn-got{background-position:-11rem -15.14rem;width:1.91rem;height:.52rem}
.btn-no{background-position:-6.85rem -13.05rem;width:2.11rem;height:.52rem}
.btn-jq{background-position:-8.97rem -13.05rem;width:1.91rem;height:.52rem}
.btn-prize-list{background-position:-22.02rem -11.85rem;width:.7rem;height:.69rem}
.btn-qwxj{background-position:-21.2rem -9.73rem;width:1.45rem;height:2.11rem}
.btn-ture{background-position:-6.16rem -15.14rem;width:2.61rem;height:.6rem}
.download-game{background-position:.02rem -10.3rem;width:6.86rem;height:3.29rem}
.download-text{background-position:-6.89rem -4.88rem;width:6.22rem;height:.87rem}
.erweima-bg{background-position:.02rem -18.71rem;width:1.78rem;height:1.84rem}
.guide{background-position:-11.97rem -15.86rem;width:7.15rem;height:1.16rem}
.icon-qq{background-position:-19.97rem -4.5rem;width:.69rem;height:1.02rem}
.icon-wx{background-position:-21.2rem -11.85rem;width:.81rem;height:.97rem}
.input-points{background-position:-20.67rem -5.02rem;width:.45rem;height:.38rem}
.item-li{background-position:.02rem -15.86rem;width:5.26rem;height:1.84rem}
.jlq-item{background-position:-13.01rem -13.6rem;width:7.15rem;height:1.46rem}
.mission-info{background-position:-20.17rem -13.6rem;width:2.34rem;height:1.34rem}
.pop-682x607{background-position:.02rem .02rem;width:6.9rem;height:6.11rem}
.pop-btn-close{background-position:-21.2rem -12.83rem;width:.69rem;height:.69rem}
.pop-input{background-position:-6.85rem -12.56rem;width:3.88rem;height:.48rem}
.pop-role{background-position:-6.89rem .02rem;width:6.86rem;height:4.89rem}
.pop-ticket-btn-num{background-position:-21.9rem -12.83rem;width:.85rem;height:.48rem}
.pop-ticket{background-position:-6.85rem -6.1rem;width:6.46rem;height:3.81rem}
.pop-title-assist{background-position:-5.25rem -15.86rem;width:6.71rem;height:1.32rem}
.pop-title-record{background-position:-6.85rem -10.3rem;width:6.17rem;height:2.25rem}
.pop-title-role{background-position:-13.76rem -2.24rem;width:7.37rem;height:2.25rem}
.pop-title-rule{background-position:.02rem -13.6rem;width:6.17rem;height:2.25rem}
.pop-title-winner{background-position:-6.16rem -13.6rem;width:6.84rem;height:1.53rem}
.pop-winner{background-position:.02rem -6.1rem;width:6.86rem;height:4.19rem}
.price{background-position:-19.97rem -5.53rem;width:.81rem;height:.81rem}
.prize-timeline{background-position:-21.2rem .02rem;width:1.57rem;height:9.74rem}
.timeline-1{background-position:-20.5rem -7.28rem;width:.48rem;height:.51rem}
.timeline-2{background-position:-19.97rem -7.28rem;width:.52rem;height:.51rem}
.timeline-3{background-position:-20.51rem -6.76rem;width:.52rem;height:.51rem}
.timeline-4{background-position:-19.97rem -6.76rem;width:.53rem;height:.51rem}
.timeline-5{background-position:-20.67rem -4.5rem;width:.52rem;height:.51rem}
.title-1{background-position:-13.76rem -4.5rem;width:6.2rem;height:2.25rem}
.title-2{background-position:-13.76rem -9.02rem;width:6.2rem;height:2.25rem}
.title-3{background-position:-13.76rem -6.76rem;width:6.2rem;height:2.25rem}
.title-4{background-position:-13.76rem -11.28rem;width:6.17rem;height:2.25rem}
.title-5{background-position:-13.76rem .02rem;width:7.43rem;height:2.25rem}
/*! reset */
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font-size:.24rem;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
a:hover{text-decoration:none}
img{vertical-align:middle;border:0;padding:0;margin:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
html{font-size:100px}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body,html{background:#23121a}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
@font-face{font-family:CustomFont;src:url(//game.gtimg.cn/images/tgclub/act/a20200730dnftreasure/subfont.ttf)}
.g-wrap{background:url(//game.gtimg.cn/images/tgclub/act/a20200730dnftreasure/bg.jpg) no-repeat top center;background-size:100%;width:7.5rem;padding:0 0 1.35rem;line-height:1;font-size:0;overflow:hidden}
.g-wrap h2{font-size:0;margin:0 auto}
.g-wrap .sub-title{color:#b19874;font-size:.2rem;margin:-.5rem .8rem .3rem;text-align:center;line-height:.28rem}
.g-wrap .btn-217x56{display:block;margin:0 auto;text-align:center}
.g-wrap .btn-217x56.gray .normal-text{display:none}
.g-wrap .btn-217x56.gray .gray-text{display:block}
.g-wrap .btn-217x56>span{color:#833211;font-size:.24rem;font-family:CustomFont;line-height:.64rem;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#691b09),to(#a6441c));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.g-wrap .btn-217x56 .gray-text{display:none}
.m-login{position:relative;height:10.4rem;text-align:center;color:#fce9bd;font-size:.18rem}
.m-login .login{position:absolute;bottom:0;left:0;width:100%}
.m-login .login a{color:#fce9bd}
.m-login .login .btn-login{margin:0 .5rem}
.m-part-1 .guide{margin:0 auto;position:relative}
.m-part-1 .guide img{width:.51rem;height:.28rem}
.m-part-1 .guide .arrow1{position:absolute;top:50%;left:50%;margin-left:-1.47rem;margin-top:-.13rem}
.m-part-1 .guide .arrow2{position:absolute;top:50%;left:50%;margin-left:.99rem;margin-top:-.13rem}
.m-part-2 .btn-box{margin:.1rem 0 0;text-align:center}
.m-part-2 .btn-box>a{display:inline-block;vertical-align:middle;color:#e3ce9c;font-size:.2rem;text-decoration:underline;margin:0 .3rem}
.m-part-2 .mission-list{text-align:center;margin:.28rem 0 .6rem}
.m-part-2 .mission-list li{position:relative;display:inline-block;vertical-align:middle;margin:0 .05rem}
.m-part-2 .mission-list .mission-info{overflow:hidden}
.m-part-2 .mission-list .mission-info .info-title{margin:.16rem 0 .02rem;line-height:.46rem;color:#e3ce9c;font-size:.28rem;font-family:CustomFont;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e5bf86),to(#fef7df));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m-part-2 .mission-list .mission-info .info-desc{color:#e3ce9c;font-size:.2rem;line-height:.26rem}
.m-part-2 .mission-list .btn-217x56{margin:.1rem auto 0}
.m-part-2 .mission-list .input-box{position:absolute;bottom:-.6rem;left:0;width:100%;text-align:center}
.m-part-2 .mission-list .input-box .btn-points{display:inline-block;vertical-align:middle;color:#e3ce9c;font-size:.36rem;padding:.1rem}
.m-part-2 .mission-list .input-box .input-points{display:inline-block;vertical-align:middle;color:#6d1f0a;font-size:.26rem;margin:0 .1rem;background-color:transparent;border:none;box-sizing:border-box;padding:.05rem;text-align:center}
.m-part-3 .prize-wrap{margin:.4rem 0 0}
.m-part-3 .prize-list{display:inline-block;vertical-align:middle;margin:0 .4rem 0 .1rem}
.m-part-3 .prize-list li{background-position:.02rem -15.86rem;width:5.26rem;height:1.84rem;margin:0 0 .2rem}
.m-part-3 .prize-list .prize-left{display:inline-block;vertical-align:middle;position:relative;margin:.18rem 0 0 .16rem;background-position:.02rem -2.02rem;width:2.41rem;height:1.59rem;animation:shaking 2s ease infinite}
.m-part-3 .prize-list .prize-left .item{position:absolute;top:0;left:.6rem;z-index:2}
.m-part-3 .prize-list .prize-left .item.item-4{top:-.22rem;left:-.01rem;z-index:-1}
.m-part-3 .prize-list .prize-left .item.item-5{top:-.27rem;left:-.01rem;z-index:-1}
.m-part-3 .prize-list .prize-left .price{position:absolute;top:-.3rem;left:-.2rem;color:#880e01;font-size:.22rem;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}
.m-part-3 .prize-list .prize-left .name{position:absolute;bottom:.1rem;left:-.1rem;width:2.6rem;color:#f7e4b4;font-size:.2rem;text-align:center;z-index:2}
.m-part-3 .prize-list .prize-left .light{width:2.37rem;height:1.55rem;overflow:hidden;margin:0 auto}
.m-part-3 .prize-list .prize-left .light img{width:2.38rem;height:1.55rem;animation:lighteffect 2s ease infinite;position:relative;z-index:1}
.m-part-3 .prize-list .prize-right{margin-left:.14rem;display:inline-block;vertical-align:middle;text-align:center}
.m-part-3 .prize-list .prize-right>p{color:#e3ce9c;font-size:.2rem;margin:0 0 .1rem;width:2.43rem;word-wrap:break-word;word-break:normal}
.m-part-3 .prize-list .prize-right>a{display:block;margin:0 auto}
.m-part-3 .prize-timeline{display:inline-block;vertical-align:middle}
.m-part-3 .prize-timeline li{height:2rem;overflow:hidden}
.m-part-3 .prize-timeline li>a{display:none;margin:.58rem auto 0}
.m-part-3 .prize-timeline li>i{display:block;margin:.68rem auto 0}
.m-part-3 .prize-timeline li.active>a{display:block}
.m-part-3 .prize-timeline li.active>i{display:none}
@keyframes shaking{
0%{transform:rotate(0)}
10%{transform:rotate(5deg)}
15%{transform:rotate(2deg)}
18%{transform:rotate(-2deg)}
20%{transform:rotate(1deg)}
25%{transform:rotate(-2deg)}
30%{transform:rotate(2deg)}
35%{transform:rotate(-2deg)}
37%{transform:rotate(-5deg)}
39%{transform:rotate(-3deg)}
40%{transform:rotate(0)}
50%{transform:rotate(0)}
100%{transform:rotate(0)}
}
@keyframes lighteffect{
0%{transform:scale(1)}
25%{transform:scale(1.1)}
50%{transform:scale(1)}
75%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.m-part-5 .jlq-item{margin:0 auto .36rem;position:relative;text-align:left;font-size:0;padding:.25rem 0 0 .2rem;box-sizing:border-box}
.m-part-5 .jlq-item .icon-wx{display:inline-block;vertical-align:middle}
.m-part-5 .jlq-item .icon-qq{display:inline-block;vertical-align:middle}
.m-part-5 .jlq-item p{margin-left:.2rem;font-size:.2rem;color:#e3ce9c;width:3.6rem;display:inline-block;vertical-align:middle;line-height:.28rem}
.m-part-5 .jlq-item .erweima-bg{display:inline-block;vertical-align:middle;position:absolute;top:50%;margin-top:-1rem;left:50%;margin-left:1.8rem}
.m-part-5 .jlq-item .erweima-bg img{width:1.38rem;height:1.33rem;padding:.26rem .2rem}
.m-part-5 .jlq-item .btn-jq{display:inline-block;margin-left:.1rem;vertical-align:middle}
.m-part-4{margin:-.3rem auto 0;width:7.3rem;font-size:.2rem;color:#b19874;line-height:.35rem}
.m-part-4 .rules{margin-top:-.4rem;text-indent:-.34rem;padding-left:.34rem}
.m-part-4 .rules .join-way{color:#ffe6c3}
.m-part-4 .rules .special-text .special-text-join{padding-left:.26rem;text-indent:-.26rem}
.m-part-4 .rules .special-text .text-prize{padding-left:.39rem}
.m-bottom{margin:.45rem 0;text-align:center}
.m-bottom .actModules_actionBtn{position:fixed;bottom:0;left:0;display:block;margin:0 auto;overflow:hidden;background-position:.02rem -17.71rem;width:7.54rem;height:.99rem;color:#833211;font-size:.38rem;font-family:CustomFont;line-height:1rem}
.m-bottom .actModules_actionBtn>span{position:relative;z-index:2;letter-spacing:.02rem}
.m-bottom .actModules_actionBtn_downBtn>span{display:block;line-height:.4rem;margin:.1rem 0 -.06rem;font-size:.32rem}
.m-bottom .actModules_actionBtn_downBtn .actModules_actionBtnTips{display:block;font-size:.2rem;line-height:.4rem;font-family:fantasy;margin-top:-.08rem}
.m-bottom .actModules_DownLoadBar{position:absolute;top:0;left:0;background-position:-7.53rem -17.71rem;width:7.54rem;height:.99rem;font-size:0}
.btn-qwxj{display:block;position:fixed;left:0;top:1.4rem;z-index:9}
.pop{position:fixed;outline:0;font-size:0;line-height:1}
.pop .pop-title{margin:0 auto}
.pop .pop-title.pop-title-record{margin:-.3rem auto 0}
.pop .pop-btn-close{position:absolute;bottom:-.85rem;left:50%;margin-left:-.345rem}
.prop-download{background-position:.02rem -10.3rem;width:6.86rem;height:3.29rem}
.prop-download .download-text{display:block;margin:.68rem auto .6rem}
.prop-download .btn-ture{display:block;margin:0 auto;line-height:.5rem;font-size:.34rem;text-align:center;color:#833211}
.prop-download .btn-ture .queding{font-family:CustomFont;font-size:.24rem}
.prop-download .btn-ture .xiazai{font-size:.2rem}
.pop-rule{background-position:.02rem .02rem;width:6.9rem;height:6.11rem}
.pop-rule .rule-list{padding:0 .4rem;height:3.58rem;overflow:auto;-webkit-overflow-scrolling:touch;display:block;color:#b19874;font-size:.2rem;margin:-.46rem 0 .2rem;line-height:.4rem}
.pop-rule .rule-list .dia-special-text p{padding-left:.3rem}
.pop-record{background-position:.02rem .02rem;width:6.9rem;height:6.11rem}
.pop-record .pop-record-list{height:3.44rem;overflow:auto;-webkit-overflow-scrolling:touch;margin:0 .2rem;z-index:2;position:relative}
.pop-record .pop-record-list li{margin:0 0 .2rem}
.pop-record .pop-record-list .prize-left{display:inline-block;vertical-align:middle;position:relative;margin:0 .3rem 0 .2rem;background-position:.02rem -2.02rem;width:2.41rem;height:1.59rem}
.pop-record .pop-record-list .prize-left .item{position:absolute;top:0;left:.6rem}
.pop-record .pop-record-list .prize-left .item.item-4{top:-.22rem;left:-.01rem}
.pop-record .pop-record-list .prize-left .item.item-5{top:-.27rem;left:-.01rem}
.pop-record .pop-record-list .prize-left .price{position:absolute;top:-.1rem;left:-.1rem;color:#880e01;font-size:.18rem;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center}
.pop-record .pop-record-list .prize-left .name{position:absolute;bottom:.1rem;left:-.1rem;width:2.6rem;color:#f7e4b4;font-size:.2rem;text-align:center}
.pop-record .pop-record-list .prize-right{display:inline-block;vertical-align:middle}
.pop-record .pop-record-list .prize-right .prize-title{margin:.16rem 0 .02rem;line-height:.46rem;color:#e3ce9c;font-size:.28rem;font-family:CustomFont;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e5bf86),to(#fef7df));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pop-record .pop-record-list .prize-right .prize-info>p{color:#e3ce9c;font-size:.2rem;margin:0 0 .1rem}
.pop-ticket .tips{color:#e3ce9c;font-size:.2rem;overflow:hidden;margin:.3rem .5rem .4rem}
.pop-ticket .tips>span:first-child{float:left}
.pop-ticket .tips>span:last-child{float:right}
.pop-ticket .input-box{text-align:center}
.pop-ticket .input-box .pop-ticket-btn{display:inline-block;vertical-align:middle;color:#e3ce9c;font-size:.36rem;padding:.1rem}
.pop-ticket .input-box .pop-input{display:inline-block;vertical-align:middle;color:#6d1f0a;font-size:.26rem;margin:0 .18rem;background-color:transparent;border:none;box-sizing:border-box;padding:.05rem .1rem;text-align:center}
.pop-ticket .input-btns{text-align:center;margin:.3rem 0 .2rem}
.pop-ticket .input-btns>a{display:inline-block;vertical-align:middle;margin:0 .09rem;color:#6d1f0a;font-size:.26rem;text-align:center;line-height:.48rem}
.pop-ticket .input-result{text-align:center;color:#b09f6f;font-size:.2rem}
.pop-ticket .input-result>b{font-weight:400;color:#fff4d1}
.pop-ticket .btn-217x56{display:block;margin:.38rem auto 0}
.pop-role .select-box{margin:0 0 .2rem .7rem}
.pop-role .select-box>span{display:inline-block;vertical-align:middle;color:#e3ce9c;font-size:.26rem;width:1rem}
.pop-role .select-box>select{display:inline-block;vertical-align:middle;background-position:-6.85rem -12.56rem;width:3.88rem;height:.48rem;color:#6d1f0a;font-size:.26rem;background-color:transparent;border:none;box-sizing:border-box;text-indent:.25rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.pop-role .btn-217x56{margin:.38rem auto 0;letter-spacing:.1rem}
.pop-winner .pop-title{line-height:1.76rem;text-align:center}
.pop-winner .pop-title>span{display:inline-block;vertical-align:middle;color:#fce9bd;font-size:.3rem;font-family:CustomFont;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e5bf86),to(#fef7df));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pop-winner .winner-list{text-align:center;height:1.8rem;margin:.3rem .2rem 0;overflow:auto;-webkit-overflow-scrolling:touch}
.pop-winner .winner-list li{display:inline-block;vertical-align:middle;color:#e3ce9c;font-size:.26rem;width:2rem;margin:0 0 .3rem;padding-top:.14rem}
.pop-assist{background-position:.02rem -6.1rem;width:6.86rem;height:4.19rem;text-align:center}
.pop-assist .pop-assist-name{color:#e3ce9c;font-size:.26rem;padding:.2rem 0 .1rem}
.pop-assist .pop-assist-gift{color:#e3ce9c;font-size:.4rem;font-family:CustomFont;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#e5bf86),to(#fef7df));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:.6rem}
.pop-assist .btn-217x56{display:block;margin:.1rem auto 0;text-align:center}
.pop-assist .btn-217x56>span{color:#833211;font-size:.24rem;font-family:CustomFont;line-height:.64rem;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#691b09),to(#a6441c));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.__pop-share-guide img{width:2.76rem!important;right:.6rem!important;top:.6rem!important}