.shadow{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.7);left: 0;top: 0;z-index: 999;display: none;}
.shadow h5{height:.62rem;line-height:.62rem;color:#ffdc50;font-size:.32rem;text-align:center;font-weight:700;margin-top:.53rem}
.claim{width:8.76rem;height:6.71rem;background:url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg.png) no-repeat center/cover}
.mastery_intro{background: url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg.png) no-repeat center/cover;width: 8.76rem;height: 6.71rem; display: none;}

.mastery_li{margin-top:.32rem;margin-left:.86rem}
.mastery_li li{overflow: hidden;font-size:.2rem;line-height:.4rem;color:#efefef}
.mastery_li li strong{color: #ffd231;}
.mastery_intro>p{font-size: .26rem;color: #ffd231;text-align: center;margin-top: .47rem;}
.mastery_intro>p i{
	background: url(//game.gtimg.cn/images/speedm/ingame/web201808/gold.png) no-repeat top/cover;
	width: .54rem;
	height: .53rem;
	display: inline-block;
	margin-right: .08rem;
}
.award_list{margin-left: 1.1rem;}
.award_list li{float:left;margin-right:.7rem;text-align:center}
.award_list li div{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/award-dbg.png) no-repeat center/cover;width:1.69rem;height:1.95rem;position:relative;padding-top:.65rem;padding-right:.1rem;box-sizing:border-box;margin-top:.2rem}
.award_list li div i{display:block;position:absolute;right:.27rem;top:.42rem;width:.25rem;height:.59rem;text-align:center;font-size:.2rem;color:#3f2a05;font-style:normal;line-height:1;padding-top:.06rem;box-sizing:border-box;background:0 0}
.award_list li>span{color:#d4e7ff;font-size:.22rem;display:block;line-height:1;margin-top:.2rem}

.rule .mastery_li{margin-left: .6rem;}
.rule .mastery_li li i{display: inline-block;width: .06rem;height: .06rem;border-radius: 50%;background: #d4e7ff;margin-right:.14rem; float: left;position: relative;top: .1rem;}
.rule .mastery_li li p{float: left;}
.rule .award_list{margin-left: .7rem;margin-top: .2rem;}
.rule .award_list li{margin-right: .37rem;}
.rule>p{background: url(//game.gtimg.cn/images/speedm/ingame/web201808/rewards-title.png) no-repeat center/cover; width: 3.69rem;height: .58rem;margin: .47rem auto 0;display: flex;align-items: center;justify-content: center;font-size: .28rem;font-weight: normal;}
.rule .award_list li div{
	background: url(//game.gtimg.cn/images/speedm/ingame/web201808/award-dbg-rule.png) no-repeat center/cover;
	width: 1.56rem;
	height: 1.8rem;
	position: relative;
	padding-top: .65rem;
	padding-right: .1rem;
	box-sizing: border-box;
}
.rule .award_list li div img{width: .6rem;}
.rule .award_list li div i{width: .26rem;height: .89rem; font-size: .12rem; right: .24rem; font-weight: bold;}
.rule .award_list li div i em{display: block;margin: 0 auto; font-size: .16rem;font-weight: bold;}

.reach>p,.come_on>p,.reach_2 p{text-align: center;color: #d4e7ff;font-size: .26rem;margin-top: .37rem;line-height: 1;}
.reach>p strong,.come_on>p strong,.reach_2 p strong{color: #ffd231;}
.reach>span,.come_on>span,.reach_2 span{display: block;margin-top: .15rem;font-size: .22rem;color: #d4e7ff;text-align: center;}
.reach>div{width: 2.24rem;height: 1.18rem;background-position: -5.51rem -.98rem;margin:.3rem auto 0;text-align: center;padding-top: .23rem;box-sizing: border-box;}
.reach>div img{width: .76rem;vertical-align: top;}
.reach>a,.come_on>a,.reach_2 a{display: block;margin: .3rem auto 0;text-align: center;width: 1.47rem;height: .38rem;line-height: .38rem;color: #a51b18;font-size: .2rem;background-position: -2.45rem -2.35rem;font-weight: bold;}
.come_on,.reach_2{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/w_3.png) no-repeat;background-size: cover;width: 6.61rem;height: 3.05rem;display: none;}
.reach_2>strong{color: #ffd231;font-size: .26rem;line-height: 1;text-align: center;display: block;margin-top: .2rem; }
.come_on .showrule{font-size:.16rem;color:#d4e7ff;margin-top:.05rem;text-decoration:underline}
.rule .award_list li div i em{width:.2rem}

.lookbox{width:4.7rem;height:.52rem;display:flex;position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);justify-content:space-between}
.lookbox a{width:1.92rem;height:.52rem;display:block;text-indent:-9999px}

.reach{width: 7.76rem; height: 4.85rem; background:url(//game.gtimg.cn/images/speedm/ingame/web201808/reachpop.png) no-repeat 50% 0/7.76rem 5.1rem;background-position:-.19rem -.15rem}
.reach>a{margin-top:.1rem}
.reach .showrule{font-size:.16rem;color:#d4e7ff;margin-top:.05rem;text-decoration:underline}

.how{width:7.7rem;height:3.74rem;overflow-y:scroll;font-size:.22rem;color:#d4e7ff;margin:auto;margin-top:.35rem}
.shadow .close{position:absolute;right:.5rem;top:1.17rem;width:.33rem;height:.33rem;background:url(//game.gtimg.cn/images/speedm/ingame/web201808/pop-close.png) no-repeat center/cover;margin-top:0}
.come_on h5,.reach h5{margin-top:0}
.come_on .close,.reach .close{top:0.15rem}

.award_list li:first-child div img{width:.67rem;height:.65rem}
.award_list li div img{width:.7rem;vertical-align:top}

.lookbox .btn_sld{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/howget.png) no-repeat center/cover}
.lookbox .btn_sd{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/seemore.png) no-repeat center/cover}
.pf{bottom: 0;position:fixed;margin:auto;left:0;right:0;top:0}
.advance{width:8.76rem;height:6.71rem;background:url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg.png) no-repeat center/cover;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;bottom:inherit!important}
.how h5{color:#ffd231;text-align:left;font-size:.22rem;line-height:.3rem;height:.3rem;margin:.1rem 0}
.tips{color:#d4e7ff;font-size:.22rem;text-align:center;margin-top:.3rem}
.tips a{color:#1472c9;text-decoration:underline}

@media screen and (orientation: portrait) {
    .claim{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg-v.png) no-repeat center/cover;width:6.25rem;height:5.12rem}
    .mastery_list{width: 7.1rem;overflow: hidden;}
    .mastery_list li{width: 1.26rem;height: 1.88rem;margin-right: .2rem;padding-top: .22rem;}
    .mastery_list li:nth-of-type(2){padding-top: .21rem;}
    .mastery_list li:nth-of-type(3){padding-top: .19rem;}
    .mastery_list li:nth-of-type(4){padding-top: .15rem;}
    .mastery_list li:nth-of-type(5){padding-top: .16rem;}
    .mastery_list li strong{font-size: .24rem;width: .27rem;}
    .mastery_list li span{margin-top: .13rem;}
    .mastery_list li i{margin-bottom: .17rem;}
    .mastery_list li:nth-of-type(3) i{margin-bottom: .15rem;}
    .mastery_list li:nth-of-type(4) i{margin-bottom: .14rem;}
    .mastery_list li:nth-of-type(5) i{margin-bottom: .14rem;}
    .reach{width:6.84rem;height: 4.65rem;background:url(//game.gtimg.cn/images/speedm/ingame/web201808/03.png) no-repeat;background-size: cover;}
    .reach>a{margin-top: .2rem;}
    .mastery_intro>p{margin-top: .27rem;}
    .shadow h5{margin-top:0;height:.5rem;line-height:.5rem;font-size:.22rem}
    .mastery_li{    width: 5.8rem;margin-top:.31rem;margin-left:.42rem}
    .shadow .close{top:.4rem;right:.21rem;width:.26rem;height:.26rem}
    .come_on .close{top:.2rem}
    .mastery_li li{font-size:.18rem}
    .award_list li div{width:1.24rem;height:1.43rem;padding-top:.4rem;}
    .award_list li:first-child div{padding-top:.5rem}
    .award_list{margin-left:.77rem}
    .award_list li>span{font-size:.18rem;margin-top:.1rem}
    .lookbox a{transform:scale(.85)}
    .award_list li{margin-right:.42rem}
    .lookbox{width:3.95rem;bottom:.4rem}
    .award_list li div i{font-size:.15rem;right:.17rem;top:.27rem}
    .rule{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg-v.png) no-repeat center/cover;width:6.25rem;height:5.12rem}
    .rule>p{height:.44rem;width:2.8rem;font-size:.2rem}
    .mastery_intro>p i{width:.39rem;height:.38rem}
    .rule .award_list li div{width:1.15rem;height:1.33rem;padding-top:.45rem}
    .rule .award_list li div img{width:.49rem;height:.49rem}
    .rule .award_list li{margin-right:.27rem;margin-bottom: .25rem;}
    .rule .award_list{margin-left:.41rem;margin-top: .1rem;}
    .rule .award_list li div i{right:.15rem}
    .advance{background:url(//game.gtimg.cn/images/speedm/ingame/web201808/awardpop-bg-v.png) no-repeat center/cover;width:6.25rem;height:5.12rem}
    .how{height:3.5rem;width:5.8rem}
    .tips{margin-top:.2rem}
}