.page-view{display:flex;flex-direction:column}.page-view .content{flex:1}.trophy-icon{box-sizing:border-box;margin:0;min-width:0;width:12.02133rem;height:11.25333rem;position:absolute;top:-.53333rem;left:38.76%;right:0;bottom:0;z-index:2}.trophy-icon img{width:100%;height:100%}.left-text-content{position:relative;z-index:3;padding-top:3.25333rem}.left-text-content,.left-text-content .text{box-sizing:border-box;margin:0;min-width:0;width:100%}.left-text-content .text{display:flex;padding-left:1.28rem;padding-right:1.28rem;font-size:1.49333rem;font-weight:600;line-height:1.92rem;display:block;color:#fcd535;text-align:left;justify-content:center;align-items:center;flex-direction:row}.left-text-content .text .second{color:#fff}.left-text-content .line2{box-sizing:border-box;margin:0 .85333rem 0 1.28rem;min-width:0}.left-text-content .split-info{box-sizing:border-box;margin:0;min-width:0;width:18.66667rem;height:3.73333rem;color:#f8d33a;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(../img/reward_bg_mobile_light.c2a601a8.png);font-size:.85333rem;line-height:1.06667rem;margin:.42667rem 0 0 0;padding:.96rem 2.56rem .64rem 1.28rem;text-align:left}.calendar-info{margin:5.65333rem 0 0 0;z-index:5;height:8rem;padding-left:0;background:linear-gradient(180deg,rgba(94,102,115,.75),rgba(111,118,130,.375));box-shadow:0 .53333rem .53333rem rgba(0,0,0,.1)}.calendar-info,.calendar-info .list-container{box-sizing:border-box;min-width:0;position:relative;width:100%}.calendar-info .list-container{margin:0;top:-1.65333rem}.calendar-info .list-container .content{margin:0;min-width:0;position:relative;width:17.92rem;height:5.76rem;padding:.64rem .69333rem .58667rem 1.12rem;margin:0 auto;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(../img/bg_match_card_mobile_2x.30d6d397.png);cursor:pointer}.calendar-info .list-container .content .header{box-sizing:border-box;margin:0;min-width:0;display:flex;width:12.16rem;height:1.28rem;position:absolute;transform:translateY(-50%);background-image:url(../img/bg_tag_open_2x.a6b4dcd8.png);background-repeat:no-repeat;background-size:contain;background-position:50%;top:0;left:0;right:auto;padding:.10667rem 0 .10667rem .32rem;align-items:center;flex-direction:row}.calendar-info .list-container .content .header .prefix{box-sizing:border-box;margin:0;min-width:0;color:#f0b90b;font-size:.64rem;line-height:.85333rem}.calendar-info .list-container .content .header .after{box-sizing:border-box;min-width:0;margin:0 0 0 .53333rem;font-size:.64rem;line-height:1.06667rem;font-weight:500}.calendar-info .list-container .content .item{width:100%;position:relative;padding:1.06667rem 0}.calendar-info .list-container .content .item,.calendar-info .list-container .content .item .vs-images{box-sizing:border-box;margin:0;min-width:0;display:flex;align-content:center;align-items:center}.calendar-info .list-container .content .item .vs-images img{box-sizing:border-box;margin:0;max-width:100%;border-radius:50%;width:2.13333rem;height:2.13333rem}.calendar-info .list-container .content .item .vs-images .vs{box-sizing:border-box;margin:0 .26667rem;min-width:0;font-weight:500;font-size:.64rem;text-align:center;background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,.2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.calendar-info .list-container .content .item .split{box-sizing:border-box;margin:0 0 0 .58667rem;min-width:0;height:2.34667rem;width:.05333rem;background-color:#5e6673;transform:scaleX(.5)}.calendar-info .list-container .content .item .info{margin-left:.64rem}.calendar-info .list-container .content .item .info .title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.06667rem;font-weight:500;color:#eaecef}.calendar-info .list-container .content .item .info .time{margin:0;min-width:0;font-size:.64rem;line-height:.85333rem;color:#848e9c;font-weight:500;white-space:nowrap}.how-to-join-top{display:flex;justify-content:center;margin-top:1.28rem}.how-to-join-top .how-to-join{text-align:center;display:flex;flex-direction:row;align-items:center;align-content:center;margin:.42667rem auto .85333rem}.how-to-join-top .how-to-join .before{box-sizing:border-box;margin:0;min-width:0;width:2.45333rem;height:.48rem;background:linear-gradient(90deg,#f0b90b -27.69%,#f8d33a 125.69%);box-shadow:0 .21333rem .32rem rgba(252,234,156,.31);transform:skew(45deg)}.how-to-join-top .how-to-join .text{white-space:normal;font-size:1.06667rem;line-height:1.49333rem;font-weight:600;text-align:center;color:#eaecef;margin:0 .64rem}.how-to-join-top .how-to-join .after{box-sizing:border-box;margin:0;min-width:0;width:2.45333rem;height:.48rem;background:linear-gradient(270deg,#d0980b 46.53%,#f0b90b 127.29%,#f0b90b 0);box-shadow:0 .21333rem .32rem rgba(252,234,156,.31);transform:skew(135deg)}.how-to-join-content{text-align:center;justify-content:center;margin-top:1.28rem;padding-left:2.98667rem}.how-to-join-content,.how-to-join-content .line{display:flex;flex-direction:column}.how-to-join-content .line .node{display:flex;flex-direction:row;align-items:start;color:#848e9c}.how-to-join-content .line .node.active{color:#fff}.how-to-join-content .line .node.active .left .text{background:#fcd535}.how-to-join-content .line .node .left{width:1.28rem;display:flex;flex-direction:column;justify-content:center}.how-to-join-content .line .node .left .text{width:1.28rem;height:1.28rem;line-height:1.28rem;background:#474d57;border-radius:50%;font-size:.74667rem;font-weight:500}.how-to-join-content .line .node .left .border{width:.21333rem;height:3.84rem;background:#474d57;display:block;margin:.26667rem .53333rem}.how-to-join-content .line .node .right{text-align:left;margin-left:.42667rem}.btn-parent{margin-top:.26667rem}.btn-parent .btn{border-radius:.21333rem;font-weight:500;font-size:.64rem;padding:.26667rem .53333rem;background-color:#2b3139;color:#5e6673;cursor:not-allowed}