.price-wrap,body{width:10rem;-webkit-box-sizing:border-box}.price,h1{text-align:center}.prom-nickname,.work-info h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body{min-height:100vh;background:url(//dn-store.qbox.me/yunying/annualevent/bg.jpg) top center/100% no-repeat #0f0e0d;padding-top:8.10666667rem;padding-bottom:.8rem;padding-bottom:calc(constant(safe-area-inset-bottom) *5);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.schedule{position:absolute;top:5.84rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-image:-webkit-linear-gradient(183deg,#f1e1c6,#c7ad85);background-image:linear-gradient(-93deg,#f1e1c6,#c7ad85);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:.37333333rem;letter-spacing:-1px}.ranklist,.tips{position:relative}.open-body{padding-top:9.44rem!important}.open-body .schedule{top:7.17333333rem}h1{height:.8rem;line-height:.8rem;font-size:.50666667rem;color:#7a6130}.price,.tips{color:#c68e66}.price-wrap{padding:0 .46666667rem;box-sizing:border-box}.price{display:inline-block;vertical-align:middle;width:4.46666667rem;height:2.78666667rem;margin-top:.26666667rem;background:url(//dn-store.qbox.me/yunying/annualevent/price_bg.png) top center/100% no-repeat;font-size:.29333333rem}.price img{height:1.33333333rem;margin:.30666667rem auto .13333333rem}.price-h1{font-size:.37333333rem}.tips{z-index:2;padding:.26666667rem .46666667rem 0;font-size:.32rem;text-align:justify}.tips .see-detail{display:block;text-align:right;font-weight:600}.avatar,.serial,.work-info{display:inline-block;vertical-align:middle}.prom-rklist-h,.ranklist-title{position:relative;top:-.33333333rem;z-index:1;width:10rem;height:2.68rem;line-height:2.68rem;background:url(//dn-store.qbox.me/yunying/annualevent/title_bg.jpg) center/100% no-repeat}.ranklist{z-index:2;top:-.86666667rem;width:10rem}.ranklist li{width:10rem;min-height:1.56rem;margin-bottom:.09333333rem;padding:.13333333rem .46666667rem .13333333rem .26666667rem;background-color:#36281b;border-radius:.8rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.ranklist .top-1 .serial,.ranklist .top-2 .serial,.ranklist .top-3 .serial{width:.64rem;height:.57333333rem;background:url(//dn-store.qbox.me/yunying/annualevent/rank_sprite.png) center/100% auto no-repeat;color:transparent}.ranklist .top-1 .serial{background-position:0 -1.70666667rem}.ranklist .top-2 .serial{background-position:0 -.82666667rem}.ranklist .top-3 .serial{background-position:0 0}.serial{width:.64rem;height:.57333333rem;line-height:.57333333rem;font-size:.26666667rem;color:#c68e66;text-align:center}.avatar{width:1.33333333rem;height:1.33333333rem;border-radius:100%;margin-right:.26666667rem}.work-info{max-width:4.93333333rem;font-size:.32rem;color:#ffdbba}.ticket,.work-info h2{font-size:.37333333rem}.ticket{float:right;margin-top:.26666667rem;color:#ffdbba;text-align:right}#got-it,.confirm-title,.signup-cls{text-align:center}.ticket p{font-size:.32rem}.signup-cls{position:fixed;bottom:0;z-index:8;width:10rem;height:1.2rem;padding-bottom:calc(constant(safe-area-inset-bottom) *3);line-height:1.2rem;background:url(//dn-store.qbox.me/yunying/annualevent/signup_btn.png) top center/100% no-repeat #0f0e0d;color:#7a4e30;font-size:.58666667rem;font-weight:700;-webkit-box-sizing:content-box;box-sizing:content-box}#loading,#loadingContainer{position:absolute;top:0;left:0}#loading{width:100%;height:100%;background-color:#fff;z-index:2223;-webkit-transition:all .5s;transition:all .5s}.loading-hide{-webkit-animation-name:loadinghide;animation-name:loadinghide;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}#loadingContainer{bottom:0;right:0;width:4rem;height:4rem;margin:auto;background-image:url(http://cb.cdn.changbaimg.com/assets/images/wap/template/onebutton/loading.png);-webkit-background-size:32rem 4rem;background-size:32rem 4rem;background-position:0 0;-webkit-animation:loading 1s steps(1,start) infinite;animation:loading 1s steps(1,start) infinite}@-webkit-keyframes loading{0%{background-position:0 0}12.5%{background-position:-4rem 0}25%{background-position:-8rem 0}37.5%{background-position:-12rem 0}50%{background-position:-16rem 0}62.5%{background-position:-20rem 0}75%{background-position:-24rem 0}87.5%{background-position:-28rem 0}100%{background-position:0 0}}@keyframes loading{0%{background-position:0 0}12.5%{background-position:-4rem 0}25%{background-position:-8rem 0}37.5%{background-position:-12rem 0}50%{background-position:-16rem 0}62.5%{background-position:-20rem 0}75%{background-position:-24rem 0}87.5%{background-position:-28rem 0}100%{background-position:0 0}}@-webkit-keyframes loadinghide{0%{opacity:1}99%{opacity:0}100%{display:none;opacity:0}}@keyframes loadinghide{0%{opacity:1}99%{opacity:0}100%{display:none;opacity:0}}.confirm-wrapper{display:none;position:fixed;top:30%;left:50%;width:7.4666666rem;border-radius:.26666666rem;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:.34666666rem;background-color:#fff;z-index:10000}.confirm-title{padding:.5333333333rem;line-height:.426666666rem;color:#000;font-weight:bolder;margin:0;font-size:.4rem}.line-hirizon{height:1px;background-color:#dfdfe3}.confirm-op{display:-webkit-box}#got-it,.go-record{display:block;line-height:.986666666rem;border:none;color:#DC4D3E}#got-it{-webkit-box-flex:1;font-size:.34666666rem;background-color:transparent}.line-vertical{width:1px;height:.986666666rem;background-color:#dfdfe3}.go-record{-webkit-box-flex:1;font-size:.3466666666rem;background-color:transparent;text-align:center;text-decoration:none}#mask,.confirm-mask{display:none;position:fixed;width:100%;height:100%;top:0}.bubble-container,.step{border-radius:50%;text-align:center}.confirm-mask{background:rgba(0,0,0,.5);z-index:9999}#mask{bottom:0;left:0;right:0;margin:auto;background-color:rgba(0,0,0,.7);z-index:2147483647}.bubble-container{position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;width:46.5%;height:2.1875rem;margin:1.125rem auto 0;line-height:.625rem;font-size:.4375rem;color:#fff;background-color:#ff5046}.step,.step-img{position:absolute}.step{top:.03125rem;left:-.0625rem;width:.78125rem;height:.78125rem;line-height:.78125rem;color:#ff5046;font-weight:700;font-family:'Helvetica Neue' cursive;background-color:#fff}.step-img{width:2.28125rem;right:-.90625rem;top:-.28125rem}.rule-mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;width:10rem;background-color:#11100e;text-align:center}.prom-avatar,.prom-nickname{display:inline-block;vertical-align:middle}.rule-mask img{width:9.48rem;margin:.46666667rem auto}.rule-mask .rule-mask-close{position:absolute;top:1.09333333rem;right:.26666667rem;width:.8rem;height:.8rem}.rule-mask .rule-makesure{width:5.73333333rem;height:1.09333333rem;position:absolute;top:24.22666667rem;left:2.13333333rem}.open-body .rule-mask img{margin:1.8rem auto}.open-body .rule-mask-close{top:2.42666667rem}.open-body .rule-makesure{top:25.56rem}body.promotion{padding-bottom:.26666667rem;background-color:#11100c}.prom-rklist-wrap{position:relative;padding:1.44rem .26666667rem 0;-webkit-box-sizing:border-box;box-sizing:border-box}.prom-rklist-wrap-1{padding-top:0}.prom-rklist-h{position:absolute;top:-.52rem;left:0;z-index:1;background-image:url(//dn-store.qbox.me/yunying/annualevent/title_bg3.jpg)}.prom-rklist-box{position:relative;overflow:hidden;z-index:2}.prom-rklist{float:left;width:4.69333333rem;padding:.33333333rem .53333333rem;border-radius:.26666667rem;background-color:rgba(110,72,49,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.prom-rklist li{margin-bottom:.2rem}.prom-rklist li:last-child{margin-bottom:0}.prom-rklist-right{margin-left:.06666667rem}.prom-avatar{width:.56rem;height:.56rem;margin-right:.26666667rem;border-radius:100%;border:2px solid #9e764e}@media only screen and (-webkit-min-device-pixel-ratio:2){.prom-avatar{border-width:2px}}@media only screen and (-webkit-min-device-pixel-ratio:3){.prom-avatar{border-width:3px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5){.prom-avatar{border-width:1.5px}}.prom-nickname{width:2.4rem;color:#b7674b;font-size:.34666667rem}