body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td, hr, footer, .spr {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
html {width: 100%; /* 兼容不支持vw的系统 */font-size: 13.33333333vw !important; /* 7.5rem === 100vw */}
body {width: 100%;background-color: #fdfdfd;font-size: .24rem}
/*通用底部*/
#afooter {position: relative;bottom: auto;padding: .1rem 0;background-color: #000;color: #fff;text-align: center;font-size: .2rem;line-height: .4rem}
#afooter a {color: #fff}
/*按钮置灰*/
.wrapper .btn-grey {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
/*雪碧图*/
/*主要内容*/
.wrapper {overflow: hidden;width: 100%;background-color: #fdfdfd;position: relative;}
/*msdk*/
.pop-share-msdk {position: fixed;height: 100% !important;left: 0;top: 0%;bottom: 0;z-index: 9999;display: block;border: 2px solid #fff;background: #fff url(//game.gtimg.cn/images/gp/public/logo_400.jpg) no-repeat center center;background-size: auto 95%;width: 100% !important; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
@media all and (orientation: portrait) {
    .pop-share-msdk {background: #fff url(//game.gtimg.cn/images/gp/public/logo_400.jpg) no-repeat center center;background-size: 95% auto;}
}
/*横屏时提示竖屏查看*/
.v-landscape {display: none;position: fixed;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;padding: 0;margin: 0;z-index: -1;}
@media all and (orientation: landscape) {
    .v-landscape {z-index: 999999;display: block;}
    .v-landscape-inner {position: relative;overflow: hidden;width: 100%;height: 100%;padding: 0;margin: 0;}
    .v-landscape:before {content: "";position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #333;z-index: 99999;}
    .v-landscape:after {content: "\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align: center;font-size: 16px;color: #fff;position: absolute;top: 50%;left: 0;height: 30px;width: 100%;margin-top: 50px;z-index: 99999;}
    .v-landscape-inner:before {content: "";position: absolute;z-index: 99999;height: 200px;width: 100px;left: 50%;top: 50%;margin: -140px 0 0 -50px;color: #fff;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat: no-repeat;background-position: center center;background-size: 100px auto;-webkit-transform: rotateZ(-90deg);}
}
/*弹窗样式*/
.pop-spr { background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/pop-spr.png); background-repeat: no-repeat; background-size: 4.7rem 14.74rem; }
.pop-spr.p-avatar { width: 1.3rem; height: 1.06rem; background-position: 5.88235% 76.16959%; }
.pop-spr.p-award { width: 1.5rem; height: 1.24rem; background-position: 87.5% 55.55556%; }
.pop-spr.p-btn-enter { width: 2.4rem; height: 0.8rem; background-position: 8.69565% 53.80201%; }
.pop-spr.p-btn-login { width: 1.9rem; height: 0.76rem; background-position: 7.14286% 67.6681%; }
.pop-spr.p-btn-share { width: 1.9rem; height: 0.76rem; background-position: 82.14286% 63.9485%; }
.pop-spr.p-btn-vs { width: 1.9rem; height: 0.76rem; background-position: 7.14286% 60.80114%; }
.pop-spr.p-close01 { width: 0.4rem; height: 0.4rem; background-position: 92.09302% 69.03766%; }
.pop-spr.p-prop-img01 { width: 0.92rem; height: 0.92rem; background-position: 34.92063% 95.9479%; }
.pop-spr.p-prop-img02 { width: 0.92rem; height: 0.92rem; background-position: 5.29101% 92.61939%; }
.pop-spr.p-prop-img03 { width: 0.92rem; height: 0.92rem; background-position: 34.92063% 87.8437%; }
.pop-spr.p-prop-img04 { width: 0.92rem; height: 0.92rem; background-position: 84.65608% 84.08104%; }
.pop-spr.p-prop-img05 { width: 0.92rem; height: 0.92rem; background-position: 5.29101% 84.5152%; }
.pop-spr.p-prop-img06 { width: 0.92rem; height: 0.92rem; background-position: 5.29101% 99.6401%; }
.pop-spr.p-share-arrows { width: 4.3rem; height: 7.1rem; background-position: 50% 2.6178%; }
.pop-spr.p-share-pyq { width: 0.8rem; height: 0.8rem; background-position: 88.20513% 98.56528%; }
.pop-spr.p-share-qq { width: 0.8rem; height: 0.8rem; background-position: 88.20513% 91.39168%; }
.pop-spr.p-share-qzone { width: 0.8rem; height: 0.8rem; background-position: 62.5641% 98.56528%; }
.pop-spr.p-share-wx { width: 0.8rem; height: 0.8rem; background-position: 62.5641% 91.39168%; }
.pop-spr.p-title-choice { width: 1.3rem; height: 0.36rem; background-position: 50% 80.52851%; }
.pop-spr.p-title-got { width: 1.3rem; height: 0.36rem; background-position: 94.11765% 76.91238%; }
.pop-spr.p-title-happy { width: 1.46rem; height: 0.36rem; background-position: 70.98765% 68.84562%; }
.pop-spr.p-title-rule { width: 1.3rem; height: 0.36rem; background-position: 50% 76.63421%; }
.pop-spr.p-title-share { width: 1.3rem; height: 0.36rem; background-position: 94.11765% 73.01808%; }
.pop-spr.p-title-tips { width: 1.3rem; height: 0.36rem; background-position: 50% 72.73992%; }
.pop-wrap {position: relative;outline: 0;overflow: hidden;}
.pop-bg {width: 6.66rem;height: 4.64rem;background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/pop-bg.png) 50% 50% no-repeat;background-size: 100% 100%;}
.pop-bg2 {width: 6.66rem;height: 4.84rem;background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/pop-bg2.png) 50% 50% no-repeat;background-size: 100% 100%;}
.pop-bg3 {width: 6.66rem;height: 4.94rem;background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/pop-bg3.png) 50% 50% no-repeat;background-size: 100% 100%;}
.pop-bg4 {width: 5.51rem;height: 9.32rem;background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/pop-bg4.png) 50% 50% no-repeat;background-size: 100% 100%;}
.pop-wrap .pop-title {display: block;margin: 0 auto;padding-top: .35rem;height: .5rem;}
.pop-wrap .pop-title i.pop-spr {display: block;margin: 0 auto;text-indent: -9999rem;}
.pop-wrap .pop-txt-wrap {font-size: .24rem;color: #a2221e;text-align: center;line-height: .5rem;height: 1.85rem;}
.pop-wrap .p-close01 {position: absolute;top: -.05rem;right: .36rem;text-indent: -9999rem;z-index: 9;}
.pop-wrap .p-btn-login, .pop-wrap .p-btn-vs, .pop-wrap .p-btn-share, .pop-wrap .p-btn-enter {display: block;margin: 0 auto;text-indent: -9999rem;}
.pop-wrap .pop-share-cont {width: 100%;font-size: 0;text-align: center;margin-top: -.05rem;}
.pop-wrap .pop-share-cont a {display: inline-block;vertical-align: top;width: 2.2rem;height: 1.6rem;position: relative;}
.pop-wrap .pop-share-cont .p-avatar {display: block;margin: 0 auto;}
.pop-wrap .pop-share-cont .share-img {position: absolute;left: 50%;margin-left: -.4rem;top: .1rem;}
.pop-wrap .pop-share-cont span {display: block;text-align: center;font-size: .24rem;color: #a2221e;line-height: .3rem;padding-top: .08rem;}
.pop-box05 .pop-inner {padding-top: .2rem;}
.pop-box05 .p-avatar {display: block;margin: 0 auto;position: relative;}
.pop-box05 .p-avatar .avatar-img {display: block;width: 0.8rem;height: 0.8rem;position: absolute;left: 50%;margin-left: -.4rem;top: .1rem;border-radius: 100%;background-color: #faf5eb;}
.pop-box05 h4 {font-size: .24rem;color: #a2221e;text-align: center;line-height: .3rem;height: .44rem;padding-top: .06rem;font-weight: normal;}
.pop-box05 .pop-txt-wrap {line-height: .36rem;height: 1.15rem;}
.pop-box09 .pop-title {padding-top: .2rem;height: .45rem;}
.pop-box09 .p-prop-box {width: 100%;height: 2.4rem;}
.pop-box09 .p-prop-box h4 {font-size: .22rem;color: #a2221e;text-align: center;line-height: .32rem;}
.pop-box09 .p-prop-box .p-award {margin: 0 auto;position: relative;}
.pop-box09 .p-prop-box .p-award i.pop-spr {display: block;position: absolute;left: 50%;margin-left: -.46rem;top: .12rem;}
.pop-box09 .p-prop-box .tips {font-size: .24rem;color: #a2221e;line-height: .3rem;text-align: center;padding-top: .05rem;}
.pop-box10 .p-close01 {right: -.1rem;}
.pop-box10 .pop-title {padding-top: .25rem;height: .53rem;}
.pop-box10 .p-rule {font-size: .2rem;color: #a2221e;line-height: .3rem;width: 4.8rem;margin: 0 auto;}
.share-arrow {position: fixed;top: 0;left: 0;z-index: 99998;width: 100%;height: 100%;outline: 0;border-top: 1px solid #000;background-color: rgba(0, 0, 0, .7)}
.share-arrow i {position: absolute;top: .2rem;right: .2rem;}
/*-----*/
.notScroll {position: fixed;pointer-events: none;overflow: hidden;}
div#_overlay_ {position: fixed !important;width: 100% !important;height: 100% !important;top: 0 !important;left: 0 !important;}
.sp { display: block; background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/sp.png); background-repeat: no-repeat; background-size: 8.94rem 2.08rem; }
.btn-back { width: 1.05rem; height: 0.27rem; background-position: 58.55513% 85.63536%; }
.btn-common { width: 1.18rem; height: 0.49rem; background-position: 59.53608% 54.08805%; }
.btn-detail { width: 4.94rem; height: 0.46rem; background-position: 95% 12.34568%; }
.btns-bg { width: 0.95rem; height: 1.68rem; background-position: 33.16646% 50%; }
.ic1 { width: 0.62rem; height: 0.57rem; background-position: 45.67308% 56.95364%; }
.parachute { width: 2.25rem; height: 1.68rem; background-position: 2.98954% 50%; }
html,
body,
.wrapper {height: 100%;}
#sw2 {height: 100%;}
#sw2 .swiper-slide {height: auto;}
.box9 { height: 20rem;background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/blt.jpg);background-size: 100% 100%;box-sizing: border-box;padding-top: 2.2rem;position: relative;}
.box9 header {float: right; margin: -.22rem -.28rem 0 0; }
.btn-entergame {position: absolute;left: 0;bottom: 0;background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/btn-entergame.png);background-size: 100% 100%;width: 100%;height: 1.12rem;z-index: 99;}
.btn-entergame.hide { display: none; }
.box9 .btn-back {margin-left: .6rem;margin-bottom: 4.2rem;}
.box9 .btn-box {position: absolute;right: .32rem;top: 3.05rem;}
.parachute {position: absolute;top: 0;right: 0;}
.btns-bg {position: absolute;top: 1.44rem;right: .58rem;}
.btns-bg a {display: block;width: 100%;height: 50%;}
.btn-detail {margin-left: .47rem;}
.lott-box {padding-top: .8rem;margin-bottom: 1rem;}
.lott-box .tips {font-size: .26rem;text-align: center;color: #373737;font-weight: 600;margin-bottom: .2rem;}
.lott-box .tips strong,
.lott-box .tips a {color: #3d4a92; }
.lott-box .tips a#goTaskList { font-size: .28rem; color: #aa2a32; font-weight: bold; background-color: #ddd; }
.lott {width: 6.34rem;height: 5.34rem;background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/lott.png);background-size: 100% 100%;margin: 0 auto;position: relative;}
.lott .count {position: absolute;left: 0;top: 2.36rem;width: 100%;text-align: center;color: #ac2d00;box-sizing: border-box;padding-right: .18rem;}
.task-box { margin-top: -.3rem; }
.task-box .tips {font-size: .18rem;text-align: center;color: #373737;font-weight: 600;margin-bottom: .15rem;}
.task-box .tips strong {color: #353f7e;}
.task-list li {height: .73rem;margin-bottom: .13rem;margin-left: .44rem;width: 6.6rem;}
.ic1 {float: left;margin: .12rem .04rem 0 .28rem;font-size: .3rem;color: #303030;line-height: .46rem;box-sizing: border-box;padding-left: .18rem;}
.task-list .content {float: left;width: 3.8rem;font-size: .2rem;line-height: .3rem;padding-top: .06rem;color: #333;font-weight: 600;}
.task-list .content p:last-child {color: #353f7e;}
.task-list .total {float: left;line-height: .73rem;font-size: .22rem;color: #a61e20;font-weight: 600;}
.task-list .btn-common {float: right;margin-right: .2rem;margin-top: .12rem;line-height: .49rem;font-size: .2rem;font-weight: 600;color: #fffffe;text-align: center;}

.swiper-slide {overflow: hidden;}
.swiper-slide > img {position: absolute;left: 0;top: 50%;width: 100%;height: 16.24rem;margin-top: -8.12rem;}

button { background-color: transparent; border: none; }
.notext { text-indent: -999rem; overflow: hidden; }

.swiper-container .layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.swiper-container .skew { transform: rotateZ(-4deg); -webkit-transform: rotateZ(-4deg); }

.nickname { color: #3543a1; font-size: .24rem; float: right; padding: .1rem 1.2rem 0 0; }
button.backhome { width: 1.55rem; height: .53rem; }

@keyframes movedown
{
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(4.9rem);
    }
    85% {
        opacity: 1;
        -webkit-transform: translateY(5.4rem);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5.4rem);
    }
}
@-webkit-keyframes movedown
{
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
        -webkit-transform: translateY(4.9rem);
    }
    85% {
        opacity: 1;
        -webkit-transform: translateY(5.4rem);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5.4rem);
    }
}
.scroll-tip {
    position: absolute; top: 50%; left: 50%;
    transform: translateY(4.9rem); -webkit-transform: translateY(4.9rem);
    opacity: 0;
    width:0.65rem; height:0.4rem; background-position:0.85837% 99.5829%;
    background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/popsharetitle.png); background-repeat: no-repeat; background-size: 5.41rem 9.99rem;
    animation: movedown 2s infinite;
    -webkit-animation:movedown 1.2s infinite;
}

.layer header { margin: 3.1rem auto 0; padding-left: .2rem; }
.layer .button.share { width: 1.1rem; height: 1.1rem; float: right; margin: 0 .58rem 0 0; position: relative; z-index: 10; }

.page1.swiper-container,
.page2.swiper-container,
.page3.swiper-container,
.page4.swiper-container,
.page5.swiper-container { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.page1 .mainbtn { position: absolute; width: 3.3rem; height: 1.07rem; margin-left: -0.4rem; margin-top: 2.24rem; left: 50%; top: 50%; }
.page1 .sidebtns { position: absolute; right: .05rem; top: 3.44rem; width: .84rem; }
.page1 .sidebtns .button { position: static; margin-bottom: .3rem; width: .84rem; height: 1.96rem; }
.page1 header { position: absolute; right: 0; top: -.21rem; }

.page2 .content { padding-top: 1.32rem; height: 6.74rem; }
.page2 .content p,
#page2Pop .content p { color: #745033; font-size: .24rem; margin: 0 0 .08rem .6rem; width: 5.6rem; text-align: center; }
#page2Pop .content p { width: 5.9rem; margin: 0 auto; transform: scale(.9); -webkit-transform: scale(.9); }
.page2 .content img,
#page2Pop .content img { width: auto; height: 4.4rem; margin: 0 auto; display:block; }
.page2 .button.share { margin-top: -.08rem; }

.page3 .skew { transform: rotateZ(-3.4deg); -webkit-transform: rotateZ(-3.4deg); }
.page3 header { margin-top: 2.94rem; }
.page3 h4,
#page3Pop h4 { color: #745033; font-weight: normal; font-size: .23rem; margin-top: 1.25rem; width: 100%; padding: 0 0 0 .86rem; }
.page3 h2,
#page3Pop h2 { font-size: .3rem; margin: .24rem 0 0 3.2rem; color: white; font-weight: bold; }
.page3 .rank,
#page3Pop .rank { transform: rotateZ(.9deg);-webkit-transform: rotateZ(.9deg); margin: .2rem auto 0; width: 5.7rem; height: 5.2rem; background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/p3pic.png) no-repeat; background-size: 100%; background-position: 0 .24rem; }
.page3 .rank p,
#page3Pop .rank p { height: .74rem; font-size: .28rem; font-weight: bold; color: #745033; text-align: center; }
.page3 ul,
#page3Pop ul { width: 100%; height: 2.06rem; padding-left: .8rem; }
.page3 ul li,
#page3Pop ul li { float: left; width: 1.1rem; margin-right: .4rem; padding-top: 1.4rem; text-align: center; color: #fae34f; font-size: .22rem; }
.page3 ul.s2 li,
#page3Pop ul.s2 li { padding-top: 1.3rem; }
.page3 li.rk1,
#page3Pop li.rk1 { width: 1.16rem; }
.page3 p.subtit { color: #745033; margin: .1rem auto 0; padding-left: 2.3rem; }
#page3Pop p.subtit { text-align: center; color: #745033;  margin: .1rem auto 0;}
.page3 .button.share { margin-top: -.06rem; }

.page4 .content { height: 7.8rem; margin-left: .72rem; padding-top: 1.1rem; background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/p4pic.png) no-repeat .44rem 1.4rem; background-size: 5.4rem auto; }
.page4 .txtblock,
#page4Pop .txtblock { font-size: .24rem; color: #745033; line-height: .34rem; margin-bottom: .42rem; width: 3.4rem; }
.page4 .txtblock.t1 { margin-bottom: .6rem; }
.page4 .txtblock h2,
#page4Pop .txtblock h2 { font-size: .32rem; color: #935a49; font-weight: bold; padding: .2rem 0; }
.page4 .txtblock p strong,
#page4Pop .txtblock p strong { font-size: .28rem; }
.page4 .txtblock.right,
#page4Pop .txtblock.right { padding-left: 2.4rem; }
.page4 .txtblock.t2,
#page4Pop .txtblock.t2 { margin-bottom: .46rem; }
.page4 .txtblock.t3 { width: 2.9rem; margin-bottom: .44rem; }
#page4Pop .txtblock.t3 { width: 2.9rem; margin-bottom: .76rem; }
.page4 .button.share { margin-top: -1.14rem; }

.page5 .content { height: 7rem; margin-left: .72rem; padding-top: 2.14rem; background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/p5pic.png) no-repeat 0 1.4rem; background-size: 6rem auto; }
.page5 .txtblock,
#page5Pop .txtblock { font-size: .24rem; color: #745033; line-height: .32rem; margin-bottom: .88rem; width: 3.2rem; }
.page5 .txtblock.right,
#page5Pop .txtblock.right { padding-left: 2.88rem; }
.page5 .txtblock.t1,
#page5Pop .txtblock.t1 { height: 1.22rem; line-height: .28rem; }
.page5 .txtblock.t2,
#page5Pop .txtblock.t2 { margin-bottom: .96rem; padding-left: .3rem; width: 3.6rem; height: 1rem; }
#page5Pop .txtblock.t2 { margin-bottom: 1.02rem; }
.page5 .txtblock.t3,
#page5Pop .txtblock.t3 { padding-left: 2.92rem; line-height: .3rem; }
.page5 .txtblock { transform: scale(.9); -webkit-transform: scale(.9); }
.page5 .button.share { margin-top: -1.2rem; }

.pop-share { width: 6rem; height: 9.72rem; background: url(//game.gtimg.cn/images/gp/cp/a20200106spring/popsharebg.png) no-repeat; background-size: 100%; position: relative; }
.pop-share .layer { position: absolute; left: 0; top: .5rem; width: 100%; height: 9rem; z-index: 1; }
.pop-share .dom2img-result { opacity: 0; width: 100% !important; height: 9rem !important; position: absolute; left: 0 !important; top: .5rem !important; z-index: 100; }
.pop-share .content { margin-top: .68rem; }
.pop-share .spr.title { margin: .86rem auto 0; background-image: url(//game.gtimg.cn/images/gp/cp/a20200106spring/popsharetitle.png); background-repeat: no-repeat; background-size: 5.31rem 9.99rem; }
.pop-share .spr.title.p2 { width:4.99rem; height:0.79rem; background-position:12.5% 85.76087%; }
.pop-share .spr.title.p3 { width:5.23rem; height:7.05rem; background-position:50% 1.36054%; }
.pop-share .spr.title.p4 { width:5.14rem; height:0.72rem; background-position:23.52941% 76.91478%; }
.pop-share .spr.title.p5 { width:4.92rem; height:0.79rem; background-position:10.25641% 94.78261%; }
.pop-share .spr.title.close { width:0.4rem; height:0.4rem; background-position:14.86762% 99.5829%; }
.pop-share .button.close { margin: 0; position: absolute; right: -.2rem; top: -.2rem; }

.pop-share#page2Pop img { height: 4rem; margin-top: .1rem; display: block; }
.pop-share#page3Pop h2 { margin: .12rem auto 0; text-align: center; }
.pop-share#page3Pop h4 { padding-left: 0; text-align: center; }
.pop-share#page3Pop .rank { transform: scale(.85);-webkit-transform: scale(.85); margin-top: .04rem; transform-origin: center top; -webkit-transform-origin: center top; }
.pop-share#page4Pop .content { transform: scale(.8);-webkit-transform: scale(.8); transform-origin: center top;-webkit-transform-origin: center top; margin: 0; }
.pop-share#page4Pop .content img { margin-left: .4rem; height: 7.4rem; width: auto; }
.pop-share#page4Pop .content .layer { top: 0; }
.pop-share#page5Pop .content { transform: scale(1);-webkit-transform: scale(1); transform-origin: center top;-webkit-transform-origin: center top; margin: 0; }
.pop-share#page5Pop .content img { margin-left: .4rem; height: 5.8rem; width: auto; }
.pop-share#page5Pop .content .layer { top: .66rem; }
.pop-share#page5Pop .txtblock { width: 2.6rem; line-height: .28rem; transform: scale(.8); -webkit-transform: scale(.8); transform-origin: left top; -webkit-transform-origin: left top; }
.pop-share#page5Pop .t1 { padding-left: 3.48rem; margin-bottom: .92rem; height: .8rem; width: 3.2rem; }
.pop-share#page5Pop .t2 { padding-left: 1rem; height: .62rem; width: 3.4rem; line-height: .26rem; }
.pop-share#page5Pop .t3 { padding-left: 3.48rem; width: 3.24rem; }