body,html{width:100%;height:100%}body{background:url(https://cbshowhot.cdn.changbaimg.com/!/yunying/newestStar/new_first_bg.png) no-repeat #3f7fd0;background-size:100% 100%;background-position-y:0}.open-body{background-position-y:0!important}button,select{border:none;outline:none;background:none;-webkit-appearance:none}.first{position:relative;width:100%;height:100%}.first .rule-btn{position:fixed;left:0;top:42%;width:2.08rem;height:1rem;background:url(https://cbshowhot.cdn.changbaimg.com/!/yunying/newestStar/rule_btn.png) no-repeat;background-size:100% 100%}.first .btn-wrap{width:100%;height:2.666667rem;position:absolute;left:0;bottom:9%;text-align:center}.first .btn-wrap button{width:7.12rem;height:1.733333rem;border:none;outline:none;background:none}.rule{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#163d6e;font-size:.32rem;line-height:.466667rem}.rule,.rule .rule-content{height:10.666667rem;width:8.466667rem;border-radius:.266667rem}.rule .rule-content{overflow:auto;background:linear-gradient(#8be9fe,#54aaed)}.rule .title{width:100%;height:1.066667rem;background:linear-gradient(90deg,#3688ed,#08c4f2);text-align:center;font-size:.48rem;color:#fff;line-height:1.066667rem}.rule .content{height:9.6rem;box-sizing:border-box;overflow:auto}.rule .content .zhu{font-size:.24rem;margin:.266667rem 0;text-align:left}.rule .content .di{font-size:.24rem;margin:.266667rem 0;text-align:center}.rule .content .rule-wrap{padding:.266667rem .4rem}.rule .content .rule-wrap .rule-item{display:-webkit-flex;display:flex;margin-top:.066667rem}.rule .content .rule-wrap .rule-item span{-webkit-flex:0 0 auto;flex:0 0 auto;display:inline-block!important;margin-right:.133333rem;width:.333333rem;height:.333333rem;border-radius:50%;background:#0a416a;font-size:.24rem;text-align:center;line-height:.333333rem;color:#89e9fe;position:relative;top:.066667rem}.rule .content .rule-wrap .rule-item .rule-word{-webkit-flex:1;flex:1}.rule .content .rule-wrap .rule-item p{display:-webkit-flex;display:flex}.rule .content .rule-wrap .rule-item p span{background:#2d93ee}.rule .content .rule-wrap .rule-item .table{height:4.693333rem;background:url(https://cbshowhot.cdn.changbaimg.com/!/yunying/newestStar/table.png) no-repeat 50%;background-size:100% 100%;margin:.133333rem 0;position:relative}.close{width:1.106667rem;height:1.106667rem;position:absolute;left:50%;bottom:-1.866667rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#app{overflow:auto;height:100%}#app,.content-wrapper{position:relative;width:10rem;margin:0 auto}.loading-wrapper{position:fixed;top:50%;left:50%;margin-top:-1rem;margin-left:-1rem;width:2rem;height:2rem;background-color:rgba(0,0,0,.5);border-radius:.2rem}.loading{position:absolute;top:50%;left:50%;margin-top:-.8rem;margin-left:-.8rem;width:1.6rem;height:1.6rem}.loading span{display:inline-block;width:.213333rem;height:.213333rem;border-radius:50%;background:#fff;position:absolute;-webkit-animation:load 1.04s ease infinite;animation:load 1.04s ease infinite}@-webkit-keyframes load{0%{opacity:1}to{opacity:.2}}@keyframes load{0%{opacity:1}to{opacity:.2}}.loading span:first-child{left:0;top:50%;margin-top:-.106667rem;-webkit-animation-delay:.13s;animation-delay:.13s}.loading span:nth-child(2){left:.173333rem;top:.186667rem;-webkit-animation-delay:.26s;animation-delay:.26s}.loading span:nth-child(3){left:50%;top:0;margin-left:-.106667rem;-webkit-animation-delay:.39s;animation-delay:.39s}.loading span:nth-child(4){top:.2rem;right:.2rem;-webkit-animation-delay:.52s;animation-delay:.52s}.loading span:nth-child(5){right:0;top:50%;margin-top:-.106667rem;-webkit-animation-delay:.65s;animation-delay:.65s}.loading span:nth-child(6){right:.2rem;bottom:.2rem;-webkit-animation-delay:.78s;animation-delay:.78s}.loading span:nth-child(7){bottom:0;left:50%;margin-left:-.106667rem;-webkit-animation-delay:.91s;animation-delay:.91s}.loading span:nth-child(8){bottom:.173333rem;left:.173333rem;-webkit-animation-delay:1.04s;animation-delay:1.04s}.mes-layer{position:fixed;top:50%;margin-top:-.666667rem;left:50%;margin-left:-2.666667rem;border-radius:.2rem;background:rgba(0,0,0,.5);font-size:.4rem;color:#fff;z-index:99}.mes-layer,.mes-layer-content{width:5.333333rem;height:1.333333rem;display:-webkit-flex;display:flex;text-align:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.bubble-container{position:relative;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;width:46.5%;height:.933333rem;margin:.48rem auto 0;line-height:.266667rem;font-size:.186667rem;color:#fff;background-color:#fd7555}.bubble-container,.step{border-radius:50%;text-align:center}.step{top:1px;left:-.026667rem;width:.333333rem;height:.333333rem;line-height:.333333rem;color:#fd7555;font-weight:700;font-family:Helvetica Neue,cursive;background-color:#fff}.step,.step-img{position:absolute}.step-img{width:.973333rem;right:-.386667rem;top:-.12rem}.mask{display:block;position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;background-color:rgba(0,0,0,.7);z-index:2147483647}[v-cloak]{display:none}
/*# sourceMappingURL=index.d00eda5.css.map */