html{font-size:100px}html,body{width:100%;height:100%;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.dsn{display:none}#game_div{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}#game_div .game-btn-wrap{text-align:center;width:100%;height:.25rem;margin:0 auto;margin-top:.1rem;font-size:0}#game_div .game-btn-wrap div{display:inline-block;color:#fff;background-color:rgba(0,0,0,.3);font-family:"Hiragino Sans GB";font-size:.12rem;border-radius:2px;width:1rem;height:.25rem;text-align:center;line-height:.25rem;cursor:pointer;margin:0 .1rem}#game_div .game-btn-wrap div.hidden{display:none}.container{font-size:.14rem;line-height:2;position:relative;overflow:hidden;width:100%;height:100%;vertical-align:baseline;background-size:100% 100%}.container .main-pic-wrap{margin-bottom:.05rem}.container .main-pic-wrap .main-pic{display:block;width:100%;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.container .desc-wrap{overflow:hidden;margin-bottom:.05rem;padding:0 .14rem;text-align:center}.container .desc-wrap .desc{font-size:.14rem;line-height:1.6;position:relative;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;height:.82rem;margin:0 auto;padding:.04rem .2rem .04rem;color:#fff;background-size:100% 100%;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.container .desc-wrap .desc .icon{position:absolute;top:50%;left:0;display:inline-block;width:39px;height:39px;margin-left:.1rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-indent:-99999rem;background-repeat:no-repeat;background-size:100%}.container .desc-wrap .desc .content{text-align:center;width:100%}.container .time-progress{width:100%;height:1rem;background-size:100% 100%}.container .time-progress .countdown-wrap{text-align:center}.container .time-progress .countdown-wrap .countdown{display:-webkit-box;-webkit-box-pack:center;height:.3rem;margin:.15rem 0 .1rem;background-size:100% 100%;overflow:hidden}.container .time-progress .countdown-wrap .countdown .left,.container .time-progress .countdown-wrap .countdown .time,.container .time-progress .countdown-wrap .countdown .right{display:block;height:100%;background-size:100% 100%;float:left}.container .time-progress .countdown-wrap .countdown .left{margin-right:-1px;width:.45rem;background-image:url(//res-cdn.24haowan.com/bargain/img/time-left.png)}.container .time-progress .countdown-wrap .countdown .time{font-size:.12rem;font-weight:bold;line-height:.3rem;text-align:center;color:#fff;background-image:url(//res-cdn.24haowan.com/bargain/img/time-bg.png);background-repeat:repeat-x}.container .time-progress .countdown-wrap .countdown .right{width:.37rem;background-image:url(//res-cdn.24haowan.com/bargain/img/time-right.png)}.container .time-progress .progress-wrap{padding:0 10% 0}.container .time-progress .progress-wrap .fix{position:relative;overflow:visible}.container .time-progress .progress-wrap .fix .progress{position:relative;overflow:hidden;width:100%;height:.2rem;margin-top:.4rem;border:.03rem solid #f06060;border-radius:.4rem;background-color:#fff}.container .time-progress .progress-wrap .fix .progress .inner{width:3%;height:100%;border-radius:.38rem;background:#ffc364;background-origin:content-box}.container .time-progress .progress-wrap .fix .bubble{position:absolute;top:-0.35rem;left:0;height:.35rem;margin-left:-0.23rem;color:#fff}.container .time-progress .progress-wrap .fix .bubble .wrap{font-size:.12rem;line-height:.26rem;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:.26rem;padding:0 .1rem;white-space:nowrap;border-radius:.04rem;background-color:#ffc364;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.container .time-progress .progress-wrap .fix .bubble .wrap .number{display:block;margin-top:.02rem;margin-left:.02rem;color:#f06060}.container .time-progress .progress-wrap .fix .bubble .bottom{position:absolute;width:0;height:0;border-width:.08rem .22rem .02rem 0rem;border-style:solid;border-color:#ffc364 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.container .time-progress .progress-wrap .fix .middle{font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:0;color:#f06060}.container .time-progress .progress-wrap .fix .complete{font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:0;color:#f06060;right:0;margin-right:.05rem}.container .time-progress .progress-wrap .fix .init-value{font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:0;color:#f06060;left:.05rem}.container .time-progress .progress-wrap .fix .init-v-text{font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:.2rem;color:#f06060;left:.05rem}.container .time-progress .progress-wrap .fix .remain-count-text{width:80%;font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:.2rem;color:#f06060;left:50%;transform:translateX(-50%);-webkit-transform:-wekbit-translateX(-50%)}.container .time-progress .progress-wrap .fix .target-v-text{font-size:.12rem;font-weight:bold;line-height:.2rem;position:absolute;top:.2rem;color:#f06060;right:0;margin-right:.05rem}.container .main-btn{font-size:.2rem;line-height:.47rem;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;transition:all linear .1s;-webkit-transition:all linear .1s;border-radius:4px;width:1.16rem;height:.47rem;margin:.16rem auto 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#fff;background-size:100% 100%;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.container .main-btn:active{-webkit-filter:brightness(0.8)}.container .rank-list{font-size:.14rem;line-height:.3rem;border-radius:2px;transition:all linear .1s;-webkit-transition:all linear .1s;width:1.16rem;height:.3rem;margin:.07rem auto 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#fff;background-size:100% 100%}.container .rank-list:active{-webkit-filter:brightness(0.8)}@media(max-width: 320px){.container .time-progress .progress-wrap{padding:0 20% 0}}@media(max-width: 320px){.container .btn-wrap{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;margin-top:.15rem;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.container .btn-wrap .main-btn{font-size:.2rem;font-weight:bold;margin:0}.container .btn-wrap .rank-list{font-size:.2rem;font-weight:bold;line-height:.47rem;width:1.16rem;height:.47rem;margin:0;background-size:100% 100%}}.container.s .btn-wrap{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;margin-top:.15rem;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.container.s .btn-wrap .main-btn{font-size:.2rem;font-weight:bold;margin:0}.container.s .btn-wrap .rank-list{font-size:.2rem;font-weight:bold;line-height:.47rem;width:1.16rem;height:.47rem;margin:0;background-size:100% 100%}.me-mask{position:absolute;z-index:999;top:0;left:0;display:table;width:100%;height:100%;vertical-align:center;background-color:rgba(0,0,0,.6)}.me-mask .result-wrap,.me-mask .ranking-list-wrap{display:table-cell;text-align:center;vertical-align:middle}.me-mask .msg-info{display:table-cell;text-align:center;vertical-align:middle;width:.3rem;height:.3rem}.me-mask .msg-info .info{margin:0 auto;width:2.5rem;height:1rem;background-size:contain;font-size:.25rem;position:relative;background-position:center;background-repeat:no-repeat}.me-mask .msg-info .info .text{width:100%;display:block;height:100%;line-height:1rem;text-align:center}.me-mask .msg-info .info .br-close-btn{position:absolute;top:.06rem;right:.16rem;width:.28rem;height:.28rem;text-indent:-99999rem;background-size:cover;background-image:url("//res-cdn.24haowan.com/bargain/img/close-btn.png")}.me-mask .ranking-list,.me-mask .result{display:inline-block;width:3rem;height:5.15rem;padding-right:.05rem;-webkit-transform:translateY(-3000px);transform:translateY(-3000px);background-size:cover}.me-mask .ranking-list .br-close-btn{position:absolute;top:.02rem;right:.16rem;width:.28rem;height:.28rem;text-indent:-99999rem;background-size:cover}.me-mask .result .br-close-btn{position:absolute;top:.02rem;right:.16rem;width:.28rem;height:.28rem;text-indent:-99999rem;background-size:cover}.me-mask .result .img{width:100%;height:2.4rem;margin-top:.37rem}.me-mask .result .text-wrap{width:2.75rem;height:1.715rem;margin:.2rem auto 0;background-size:100% 100%}.me-mask .result .text-wrap .text,.me-mask .result .text-wrap .belong{font-size:.16rem;line-height:1.5;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;padding:.1rem .12rem;text-align:justify;color:#fff}.me-mask .result .text-wrap .belong{font-size:.18rem}.me-mask .ranking-list .nav-tab{width:2.4rem;height:.24rem;margin-top:1.3rem;font-size:13px;line-height:.2rem;background-color:#3fb8af;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.me-mask .ranking-list .nav-tab__item{width:50%;border-radius:3px;color:#3fb8af;background-color:#fff;border:1px solid #3fb8af;-webkit-transition:all ease-in .1s;transition:all ease-in .1s}.me-mask .ranking-list .nav-tab__item.active{color:#fff;background-color:#3fb8af}.me-mask .ranking-list .progress-tip{margin-top:.1rem;font-size:13px;color:#333}.me-mask .ranking-list .list-wrap{width:2.4rem;height:3.05rem;margin:1.3rem auto 0;border-radius:10px;overflow:hidden}.me-mask .ranking-list .list-wrap.has-history{margin:0 auto}.me-mask .ranking-list .list-wrap.has-history .list{color:#000}.me-mask .ranking-list .list-wrap.has-history .list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.13rem}.me-mask .ranking-list .list-wrap.has-history .list li .count{font-size:.2rem}.me-mask .ranking-list .list-wrap .list{overflow-y:auto;height:100%;background-attachment:local;-webkit-overflow-scrolling:touch;background-size:2.4rem 3.05rem}.me-mask .ranking-list .list-wrap .list::-webkit-scrollbar{width:0px}.me-mask .ranking-list .list-wrap .list li{font-size:.16rem;height:16.666667%;list-style:none;color:#fff;padding:0px 10px;clear:both}.me-mask .ranking-list .list-wrap .list li:nth-child(n){background-color:#3fb8af}.me-mask .ranking-list .list-wrap .list li:nth-child(2n){background-color:#7fc7af}.me-mask .ranking-list .list-wrap .list li:nth-child(3n){background-color:#ffd188}.me-mask .ranking-list .list-wrap .list li:nth-child(4n){background-color:#ff9e9d}.me-mask .ranking-list .list-wrap .list li:nth-child(5n){background-color:#bf6374}.me-mask .ranking-list .list-wrap .list li:nth-child(6n){background-color:#67617a}.me-mask .ranking-list .list-wrap .list .view-more{width:2rem;height:.4rem;text-indent:-9999rem;background-image:url(https://res-cdn.24haowan.com/bargain/img/view-more.png);background-size:100% 100%}.me-mask .ranking-list .list-wrap .img{width:.4rem;height:.4rem;border-radius:50%;float:left;margin-top:.05rem}.me-mask .ranking-list .list-wrap .userinfo-wrap{width:1.2rem;padding:.05rem 0rem .05rem .1rem;text-align:left;float:left}.me-mask .ranking-list .list-wrap .nickname{font-size:.12rem;line-height:.12rem;display:block;overflow:hidden;white-space:nowrap;letter-spacing:.01rem;text-overflow:ellipsis}.me-mask .ranking-list .list-wrap time{font-size:.12rem;line-height:.12rem;display:block;overflow:hidden;white-space:nowrap;letter-spacing:.01rem;text-overflow:ellipsis;overflow:visible}.me-mask .ranking-list .list-wrap .nickname{font-size:.14rem;font-weight:bold;line-height:.24rem;margin-bottom:.05rem}.me-mask .ranking-list .list-wrap .score{font-size:.2rem;font-weight:bold;font-style:normal;float:left;line-height:.5rem}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:translateY(-3000px);transform:translateY(-3000px);opacity:0}60%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:1}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}90%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:translateY(-3000px);transform:translateY(-3000px);opacity:0}60%{-webkit-transform:translateY(25px);transform:translateY(25px);opacity:1}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}90%{-webkit-transform:translateY(5px);transform:translateY(5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;-webkit-animation-duration:.8s;animation-duration:.8s}