.hb-sport-rule-detail-page .page__background{background:#f4f4f4}.hb-sport-rule-detail-page .help-detail-page{font-size:14px}.hb-sport-rule-detail-page .help-detail{padding:.8rem;box-shadow:0 6px 16px rgba(0,0,0,.08)}.hb-sport-rule-detail-page .detail-content{line-height:23px;border-radius:8px;padding:10px 16px;background-color:#fff;color:#131a3e;word-break:break-word}.hb-sport-rule-detail-page .detail-content li,.hb-sport-rule-detail-page .detail-content ul{list-style:none}.hb-sport-rule-detail-page .detail-content table{width:100%;text-align:center;border-radius:10px;overflow:hidden;border:1px solid #edeef1;border-collapse:inherit}.hb-sport-rule-detail-page .detail-content td,.hb-sport-rule-detail-page .detail-content tr{border:1px solid #edeef1}.hb-sport-rule-detail-page .detail-content .sbk-rules-title{font-weight:700;font-size:16px;margin-top:10px}.hb-sport-rule-detail-page .detail-content #pagetop{font-size:16px}.hb-sport-rule-detail-page .detail-content h2{font-size:1.1em}.hb-sport-rule-detail-page .detail-content p{margin:16px 0;line-height:23px}.hb-sport-rule-detail-page .detail-content ul li{line-height:23px}.hb-sport-rule-detail-page .detail-content .bar-ss{width:100%;margin-bottom:-320px;transform:scale(.75) translateX(-90px) translateY(-230px)}.hb-rule-page .page__background{background:#f4f4f4}.hb-rule-page .help-page .help-list{padding-top:8px}.hb-rule-page .help-page .group-list{padding:0 8px}.hb-rule-page .help-page .group-children{background-color:#fff;border-radius:8px;padding:10px 16px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 16px rgba(0,0,0,.08)}.hb-rule-page .help-page .group-children .item-name{flex:1;min-width:0}.hb-rule-page .help-page .group-children .name{color:#131a3e;font-weight:500;font-size:14px;margin-bottom:4px}.hb-rule-page .help-page .group-children .time{color:#8d9198;font-size:10px}.hb-rule-page .help-page .group-children .clicked{color:#8d9198;font-size:12px;flex-shrink:0;margin-left:12px}.hb-rule-page .help-page .status-text{color:#8d9198;font-size:14px;text-align:center;padding:24px 0}.hb-sport-result-page .page__background{background-color:#fff}.hb-sport-result-page .result-page .van-collapse-item__content{background-color:#fff;color:#969799;font-size:14px;line-height:1.5}.hb-sport-result-page .result-page .van-collapse-item--border:after{display:none}.hb-sport-result-page .result-page .result-filter{margin-top:-16px;padding-top:16px;background-color:#1989fa}.hb-sport-result-page .result-page .result-filter.pages-bg{background-color:#1989fa}.hb-sport-result-page .result-page .ui-collapse-title{background-color:#fff}.hb-sport-result-page .result-page .ui-collapse-content{padding:0 8px;background-color:#f6f6f6!important}.hb-sport-result-page .result-page .result-league{margin-bottom:8px;overflow:hidden;border-radius:8px}.hb-sport-result-page .result-page .result-matches-list{position:relative;min-height:calc(100vh - 24rem);margin:8px;border-radius:8px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.08)}.hb-sport-result-page .result-page .result-matches-list .empty-box{height:calc(100vh - 24rem)}.hb-sport-result-page .bg-white{background:#fff!important}.hb-sport-result-page .text-dark-1{color:#969799}.hb-sport-result-page .bg-grey-border{background:#edeef1}.hb-sport-result-page .q-pa-xs{padding:4px}.hb-sport-result-page .font-size-12{font-size:12px}.hb-sport-result-page .q-icon{position:relative;box-sizing:content-box;width:1em;height:1em;fill:currentColor;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;text-align:center}.hb-sport-result-page .pages-bg{background-color:#fff}.hb-sport-result-page .van-row--flex{width:100%}.hb-sport-result-page .bar1{display:flex;flex:1;align-items:center;height:40px;overflow:auto;background-color:#1989fa}.hb-sport-result-page .bar1 .bar1-item{flex:none;margin-right:5px;padding:0 12px;line-height:23px;border:1px solid #fff;border-radius:25px;background-color:transparent;color:#fff;font-size:14px;font-weight:500}.hb-sport-result-page .bar1 .bar1-item.active{background-color:#fff;color:#1989fa;font-weight:700}.hb-sport-result-page .result-sport-filter{display:flex;white-space:nowrap;overflow-x:auto}.hb-sport-result-page .result-sport-filter .q-btn{height:28px;margin-right:.5rem;font-size:1.2rem!important;line-height:normal}.hb-sport-result-page .result-sport-filter .q-btn .q-btn__wrapper{min-height:auto}.hb-sport-result-page .result-sport-filter .sport-item .q-btn--outline .q-btn__wrapper:before{border:1px solid #333958}.hb-sport-result-page .result-sport-filter .text-dark-color span{background:#2b50e7;-webkit-background-clip:text;background-clip:text;color:transparent}.hb-sport-result-page .result-sport-filter .result-date-select .material-icons{color:#5a6375;font-size:14px}.hb-sport-result-page .result-sport-filter .block{font-size:1.2rem}.hb-sport-result-page .result-sport-filter .now-date-week{font-size:1.1rem;transform:scale(.8)}.hb-sport-result-page .result-date-select{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-radius:0 0 10px 10px;background-color:#1989fa;color:#fff}.hb-sport-result-page .result-date-select .right-b{text-align:right}.hb-sport-result-page .result-date-select .right-b.disable{opacity:.7!important}.hb-sport-result-page .result-date-select .next-date .q-icon,.hb-sport-result-page .result-date-select .prev-date .q-icon{font-size:14px}.hb-sport-result-page .result-date-select .now-date-content{display:flex;align-items:center;justify-content:center}.hb-sport-result-page .result-date-select .now-date-content .month,.hb-sport-result-page .result-date-select .now-date-content .week{margin:0;font-size:10px;line-height:1.1;text-align:left}.hb-sport-result-page .result-date-select .now-date-content .day{font-size:24px;line-height:0}.hb-sport-result-page .result-date-select .q-icon{margin:0}.hb-sport-result-page .result-date-select .q-btn__wrapper{padding-left:8px;padding-right:8px}.hb-sport-result-page .result-match-result .lg-name{color:#323233}.hb-sport-result-page .result-match,.hb-sport-result-page .result-virtual{position:relative;padding:8px 4px 16px;border-bottom:1px solid #edeef1}.hb-sport-result-page .result-match:last-of-type,.hb-sport-result-page .result-virtual:last-of-type{border-bottom:none}.hb-sport-result-page .result-match .push-to-detail-icon,.hb-sport-result-page .result-virtual .push-to-detail-icon{position:absolute;top:16px;right:4px;border:1px solid #5a6375;border-radius:50%}.hb-sport-result-page .result-match .result-events-wrap{display:flex;align-items:center;justify-content:center;margin-top:5px;margin-right:-17px}.hb-sport-result-page .result-match .result-events-wrap .result-events{margin-right:17px;color:#8d9198;font-size:10px}.hb-sport-result-page .result-match .result-match-time{text-align:center}.hb-sport-result-page .result-match .result-match-time>span{display:inline-block;padding:0 8px;border-radius:16px;color:#8d9198;font-size:.9em}.hb-sport-result-page .result-match .result-match-detail{display:flex;align-items:center}.hb-sport-result-page .result-match .result-match-detail .match-teams{display:flex;flex:1;align-items:center}.hb-sport-result-page .result-match .result-match-detail .match-teams.home-team{justify-content:flex-end;text-align:right}.hb-sport-result-page .result-match .result-match-detail .match-teams.away-team{justify-content:flex-start;text-align:left}.hb-sport-result-page .result-match .result-match-detail .match-teams .team-name{flex:1;width:60px;word-break:break-all}.hb-sport-result-page .result-match .result-match-detail .match-teams .score{width:30px;font-size:18px;text-align:center}.hb-sport-result-page .result-match .result-match-detail .match-score{display:flex;align-items:center;justify-content:center}.hb-sport-result-page .result-match .result-match-detail .match-score .text-dark-1{padding:0 4px;font-size:.8em;line-height:1}.hb-sport-result-page .result-virtual .result-virtual-time{text-align:center}.hb-sport-result-page .result-virtual .result-virtual-time>span{display:inline-block;padding:0 8px;border-radius:16px;font-size:.9em}.hb-sport-result-page .result-virtual .result-virtual-detail{display:flex;align-items:center}.hb-sport-result-page .result-virtual .result-virtual-detail>div{flex:1;text-align:center}.hb-sport-result-page .result-virtual .result-virtual-detail .placeText{margin-bottom:5px;color:#5a6375;font-size:10px;line-height:14px}.hb-sport-result-page .result-virtual .result-virtual-detail .rankWrap{display:flex;align-items:center;padding-left:15px;text-align:left}.hb-sport-result-page .result-virtual .result-virtual-detail .rankItem{display:inline-block;width:20px;height:20px;margin-right:6px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#969799;font-size:14px;line-height:18px;text-align:center;vertical-align:middle}.hb-sport-result-page .result-virtual .result-virtual-detail .one{background:#d0021c}.hb-sport-result-page .result-virtual .result-virtual-detail .two{background:#1202ee}.hb-sport-result-page .result-virtual .result-virtual-detail .three{background:#dadadb;color:#131a3e}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-teams{display:flex;flex:1;align-items:center}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-teams.home-team{justify-content:flex-end;text-align:right}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-teams.away-team{justify-content:flex-start;text-align:left}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-teams .team-name{flex:1;width:60px;word-break:break-all}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-teams .score{width:30px;font-size:18px;text-align:center}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-score{display:flex;align-items:center;justify-content:center}.hb-sport-result-page .result-virtual .result-virtual-detail .virtual-score .text-dark-1{padding:0 4px;font-size:.8em;line-height:1}.hb-single-bet-page .page__background{background:#f4f4f4}.hb-single-bet-page .nav-box{width:100%}.hb-single-bet-page .nav-box .nav-header{position:fixed;z-index:10;width:100%;height:56px;margin-top:-16px;padding:21px 16px 5px;box-sizing:border-box;overflow:auto;background:#fff;border-radius:8px}.hb-single-bet-page .nav-box .nav-header .step-box{display:inline-block;white-space:nowrap;overflow:hidden;background:#f4f4f4;border-radius:8px}.hb-single-bet-page .nav-box .nav-header .step{position:relative;flex-shrink:0;display:inline-block;height:30px;padding:0 12px;color:#8d9198;font-size:14px;line-height:30px}.hb-single-bet-page .nav-box .nav-header .step:last-child{border-radius:8px}.hb-single-bet-page .nav-box .nav-header .step:last-child.active{padding-right:12px}.hb-single-bet-page .nav-box .nav-header .step:last-child.active:after{display:none}.hb-single-bet-page .nav-box .nav-header .step.active{padding-right:24px;color:#fff;background:#2b50e7 no-repeat;border-radius:8px 0 0 8px}.hb-single-bet-page .nav-box .nav-header .step.active:after{position:absolute;top:0;right:-15px;width:0;height:0;content:" ";border:15px solid;border-color:#f4f4f4 #f4f4f4 #f4f4f4 transparent}.hb-single-bet-page .nav-box .nav-content{display:flex;justify-content:center;align-items:center;height:calc(100vh - 64px);padding-top:50px;padding-bottom:10px;box-sizing:border-box}.hb-single-bet-page .nav-box .nav-content .img-swiper{height:100%}.hb-single-bet-page .nav-box .nav-content .nav-inner{display:flex;flex:1;height:100%;padding-bottom:20px;box-sizing:border-box}.hb-single-bet-page .nav-box .nav-content .swiper-pagination{position:fixed;bottom:5px}.hb-single-bet-page .nav-box .nav-content .img-slide{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box}.hb-single-bet-page .nav-box .nav-content .slide-bg{display:flex;flex:1;align-items:center;justify-content:center;width:100vw;height:100%;overflow:hidden;background-image:url(../img/step-bg.4f1da15f.png);background-repeat:no-repeat;background-position:50%;background-size:auto 100%}.hb-single-bet-page .nav-box .nav-content .step-slide{width:100vw;height:97%;background-repeat:no-repeat;background-position:50%;background-size:contain}.hb-single-bet-page .nav-box .nav-content .step-1-1{background-image:url(../img/step-1-1.a3ec5132.png)}.hb-single-bet-page .nav-box .nav-content .step-1-2{background-image:url(../img/step-1-2.91c0f5d4.png)}.hb-single-bet-page .nav-box .nav-content .step-1-3{background-image:url(../img/step-1-3.19ab361d.png)}.hb-single-bet-page .nav-box .nav-content .step-1-4{background-image:url(../img/step-1-4.ce000e19.png)}.hb-single-bet-page .nav-box .nav-content .step-2-1{background-image:url(../img/step-2-1.c370001d.png)}.hb-single-bet-page .nav-box .nav-content .step-2-2{background-image:url(../img/step-2-2.75867027.png)}.hb-single-bet-page .nav-box .nav-content .step-2-3{background-image:url(../img/step-2-3.c03d0bd4.png)}.hb-single-bet-page .nav-box .nav-content .step-3-1{background-image:url(../img/step-3-1.c370001d.png)}.hb-single-bet-page .nav-box .nav-content .step-3-2{background-image:url(../img/step-3-2.921ba042.png)}.hb-single-bet-page .nav-box .nav-content .step-3-3{background-image:url(../img/step-3-3.1d7894ae.png)}.hb-single-bet-page .nav-box .nav-content .step-4-1{background-image:url(../img/step-4-1.8ad9738b.png)}.hb-single-bet-page .nav-box .nav-content .step-4-2{background-image:url(../img/step-4-2.46e9f640.png)}.hb-single-bet-page .nav-box .nav-content .step-4-3{background-image:url(../img/step-4-3.72b57fdf.png)}.hb-single-bet-page .nav-box .nav-content .step-4-4{background-image:url(../img/step-4-4.10450f6d.png)}.hb-single-bet-page .nav-box .nav-content .step-4-5{background-image:url(../img/step-4-5.0c648888.png)}.hb-single-bet-page .nav-box .nav-content .step-5-1{background-image:url(../img/step-5-1.fde52299.png)}.hb-single-bet-page .nav-box .nav-content .step-5-2{background-image:url(../img/step-5-2.9696fa9f.png)}.hb-single-bet-page .nav-box .nav-content .step-5-3{background-image:url(../img/step-5-3.bcad7c2a.png)}.hb-single-bet-page .nav-box .nav-content .step-6-1{background-image:url(../img/step-6-1.9fdd7001.png)}.hb-single-bet-page .nav-box .nav-content .step-6-2{background-image:url(../img/step-6-2.edaf0092.png)}.hb-single-bet-page .nav-box .nav-content .step-6-3{background-image:url(../img/step-6-3.5ecb612c.png)}.hb-single-bet-page .nav-box .nav-content .step-7-1{background-image:url(../img/step-7-1.c8b34044.png)}.hb-single-bet-page .nav-box .nav-content .step-7-2{background-image:url(../img/step-7-2.eea13167.png)}.hb-single-bet-page .nav-box .nav-content .step-7-3{background-image:url(../img/step-7-3.360cca4b.png)}.hb-single-bet-page .nav-box .nav-content .step-7-4{background-image:url(../img/step-7-4.3803afe9.png)}.hb-single-bet-page .nav-box .nav-content .step-8-1{background-image:url(../img/step-8-1.4cbdeb97.png)}.hb-single-bet-page .nav-box .nav-content .step-8-2{background-image:url(../img/step-8-2.7ef89df1.png)}.hb-single-bet-page .nav-box .nav-content .step-8-3{background-image:url(../img/step-8-3.484b4784.png)}.hb-single-bet-page .swiper-pagination-bullet{width:10px;height:10px;background:#aeb4bd;border-radius:8px;transform:matrix(1,0,0,-1,0,0)}.hb-single-bet-page .swiper-pagination-bullet-active{background:#2b50e7}.hb-single-bet-page .swiper-wrapper{height:100%}.hb-single-more-bet-page .page__background{background:#f4f4f4}.hb-single-more-bet-page .nav-box{width:100%}.hb-single-more-bet-page .nav-box .nav-header{position:fixed;z-index:10;width:100%;height:56px;margin-top:-16px;padding:21px 16px 5px;box-sizing:border-box;overflow:auto;background:#fff;border-radius:8px}.hb-single-more-bet-page .nav-box .nav-header .step-box{display:inline-block;white-space:nowrap;overflow:hidden;background:#f4f4f4;border-radius:8px}.hb-single-more-bet-page .nav-box .nav-header .step{position:relative;flex-shrink:0;display:inline-block;height:30px;padding:0 12px;color:#8d9198;font-size:14px;line-height:30px}.hb-single-more-bet-page .nav-box .nav-header .step:last-child{border-radius:8px}.hb-single-more-bet-page .nav-box .nav-header .step:last-child.active{padding-right:12px}.hb-single-more-bet-page .nav-box .nav-header .step:last-child.active:after{display:none}.hb-single-more-bet-page .nav-box .nav-header .step.active{padding-right:24px;color:#fff;background:#2b50e7 no-repeat;border-radius:8px 0 0 8px}.hb-single-more-bet-page .nav-box .nav-header .step.active:after{position:absolute;top:0;right:-15px;width:0;height:0;content:" ";border:15px solid;border-color:#f4f4f4 #f4f4f4 #f4f4f4 transparent}.hb-single-more-bet-page .nav-box .nav-content{display:flex;justify-content:center;align-items:center;height:calc(100vh - 64px);padding-top:50px;padding-bottom:10px;box-sizing:border-box}.hb-single-more-bet-page .nav-box .nav-content .img-swiper{height:100%}.hb-single-more-bet-page .nav-box .nav-content .nav-inner{display:flex;flex:1;height:100%;padding-bottom:20px;box-sizing:border-box}.hb-single-more-bet-page .nav-box .nav-content .swiper-pagination{position:fixed;bottom:5px}.hb-single-more-bet-page .nav-box .nav-content .img-slide{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box}.hb-single-more-bet-page .nav-box .nav-content .slide-bg{display:flex;flex:1;align-items:center;justify-content:center;width:100vw;height:100%;overflow:hidden;background-image:url(../img/step-bg.4f1da15f.png);background-repeat:no-repeat;background-position:50%;background-size:auto 100%}.hb-single-more-bet-page .nav-box .nav-content .step-slide{width:100vw;height:97%;background-repeat:no-repeat;background-position:50%;background-size:contain}.hb-single-more-bet-page .nav-box .nav-content .step-1-1{background-image:url(../img/step-1-1.a3ec5132.png)}.hb-single-more-bet-page .nav-box .nav-content .step-1-2{background-image:url(../img/step-1-2.91c0f5d4.png)}.hb-single-more-bet-page .nav-box .nav-content .step-1-3{background-image:url(../img/step-1-3.19ab361d.png)}.hb-single-more-bet-page .nav-box .nav-content .step-1-4{background-image:url(../img/step-1-4.ce000e19.png)}.hb-single-more-bet-page .nav-box .nav-content .step-2-1{background-image:url(../img/step-2-1.c370001d.png)}.hb-single-more-bet-page .nav-box .nav-content .step-2-2{background-image:url(../img/step-2-2.75867027.png)}.hb-single-more-bet-page .nav-box .nav-content .step-2-3{background-image:url(../img/step-2-3.c03d0bd4.png)}.hb-single-more-bet-page .nav-box .nav-content .step-3-1{background-image:url(../img/step-3-1.c370001d.png)}.hb-single-more-bet-page .nav-box .nav-content .step-3-2{background-image:url(../img/step-3-2.921ba042.png)}.hb-single-more-bet-page .nav-box .nav-content .step-3-3{background-image:url(../img/step-3-3.1d7894ae.png)}.hb-single-more-bet-page .nav-box .nav-content .step-4-1{background-image:url(../img/step-4-1.8ad9738b.png)}.hb-single-more-bet-page .nav-box .nav-content .step-4-2{background-image:url(../img/step-4-2.46e9f640.png)}.hb-single-more-bet-page .nav-box .nav-content .step-4-3{background-image:url(../img/step-4-3.72b57fdf.png)}.hb-single-more-bet-page .nav-box .nav-content .step-4-4{background-image:url(../img/step-4-4.10450f6d.png)}.hb-single-more-bet-page .nav-box .nav-content .step-4-5{background-image:url(../img/step-4-5.0c648888.png)}.hb-single-more-bet-page .nav-box .nav-content .step-5-1{background-image:url(../img/step-5-1.fde52299.png)}.hb-single-more-bet-page .nav-box .nav-content .step-5-2{background-image:url(../img/step-5-2.9696fa9f.png)}.hb-single-more-bet-page .nav-box .nav-content .step-5-3{background-image:url(../img/step-5-3.bcad7c2a.png)}.hb-single-more-bet-page .nav-box .nav-content .step-6-1{background-image:url(../img/step-6-1.9fdd7001.png)}.hb-single-more-bet-page .nav-box .nav-content .step-6-2{background-image:url(../img/step-6-2.edaf0092.png)}.hb-single-more-bet-page .nav-box .nav-content .step-6-3{background-image:url(../img/step-6-3.5ecb612c.png)}.hb-single-more-bet-page .nav-box .nav-content .step-7-1{background-image:url(../img/step-7-1.c8b34044.png)}.hb-single-more-bet-page .nav-box .nav-content .step-7-2{background-image:url(../img/step-7-2.eea13167.png)}.hb-single-more-bet-page .nav-box .nav-content .step-7-3{background-image:url(../img/step-7-3.360cca4b.png)}.hb-single-more-bet-page .nav-box .nav-content .step-7-4{background-image:url(../img/step-7-4.3803afe9.png)}.hb-single-more-bet-page .nav-box .nav-content .step-8-1{background-image:url(../img/step-8-1.4cbdeb97.png)}.hb-single-more-bet-page .nav-box .nav-content .step-8-2{background-image:url(../img/step-8-2.7ef89df1.png)}.hb-single-more-bet-page .nav-box .nav-content .step-8-3{background-image:url(../img/step-8-3.484b4784.png)}.hb-single-more-bet-page .swiper-pagination-bullet{width:10px;height:10px;background:#aeb4bd;border-radius:8px;transform:matrix(1,0,0,-1,0,0)}.hb-single-more-bet-page .swiper-pagination-bullet-active{background:#2b50e7}.hb-single-more-bet-page .swiper-wrapper{height:100%}.hb-reseve-bet-page .page__background{background:#f4f4f4}.hb-reseve-bet-page .nav-box{width:100%}.hb-reseve-bet-page .nav-box .nav-header{position:fixed;z-index:10;width:100%;height:56px;margin-top:-16px;padding:21px 16px 5px;box-sizing:border-box;overflow:auto;background:#fff;border-radius:8px}.hb-reseve-bet-page .nav-box .nav-header .step-box{display:inline-block;white-space:nowrap;overflow:hidden;background:#f4f4f4;border-radius:8px}.hb-reseve-bet-page .nav-box .nav-header .step{position:relative;flex-shrink:0;display:inline-block;height:30px;padding:0 12px;color:#8d9198;font-size:14px;line-height:30px}.hb-reseve-bet-page .nav-box .nav-header .step:last-child{border-radius:8px}.hb-reseve-bet-page .nav-box .nav-header .step:last-child.active{padding-right:12px}.hb-reseve-bet-page .nav-box .nav-header .step:last-child.active:after{display:none}.hb-reseve-bet-page .nav-box .nav-header .step.active{padding-right:24px;color:#fff;background:#2b50e7 no-repeat;border-radius:8px 0 0 8px}.hb-reseve-bet-page .nav-box .nav-header .step.active:after{position:absolute;top:0;right:-15px;width:0;height:0;content:" ";border:15px solid;border-color:#f4f4f4 #f4f4f4 #f4f4f4 transparent}.hb-reseve-bet-page .nav-box .nav-content{display:flex;justify-content:center;align-items:center;height:calc(100vh - 64px);padding-top:50px;padding-bottom:10px;box-sizing:border-box}.hb-reseve-bet-page .nav-box .nav-content .img-swiper{height:100%}.hb-reseve-bet-page .nav-box .nav-content .nav-inner{display:flex;flex:1;height:100%;padding-bottom:20px;box-sizing:border-box}.hb-reseve-bet-page .nav-box .nav-content .swiper-pagination{position:fixed;bottom:5px}.hb-reseve-bet-page .nav-box .nav-content .img-slide{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box}.hb-reseve-bet-page .nav-box .nav-content .slide-bg{display:flex;flex:1;align-items:center;justify-content:center;width:100vw;height:100%;overflow:hidden;background-image:url(../img/step-bg.4f1da15f.png);background-repeat:no-repeat;background-position:50%;background-size:auto 100%}.hb-reseve-bet-page .nav-box .nav-content .step-slide{width:100vw;height:97%;background-repeat:no-repeat;background-position:50%;background-size:contain}.hb-reseve-bet-page .nav-box .nav-content .step-1-1{background-image:url(../img/step-1-1.a3ec5132.png)}.hb-reseve-bet-page .nav-box .nav-content .step-1-2{background-image:url(../img/step-1-2.91c0f5d4.png)}.hb-reseve-bet-page .nav-box .nav-content .step-1-3{background-image:url(../img/step-1-3.19ab361d.png)}.hb-reseve-bet-page .nav-box .nav-content .step-1-4{background-image:url(../img/step-1-4.ce000e19.png)}.hb-reseve-bet-page .nav-box .nav-content .step-2-1{background-image:url(../img/step-2-1.c370001d.png)}.hb-reseve-bet-page .nav-box .nav-content .step-2-2{background-image:url(../img/step-2-2.75867027.png)}.hb-reseve-bet-page .nav-box .nav-content .step-2-3{background-image:url(../img/step-2-3.c03d0bd4.png)}.hb-reseve-bet-page .nav-box .nav-content .step-3-1{background-image:url(../img/step-3-1.c370001d.png)}.hb-reseve-bet-page .nav-box .nav-content .step-3-2{background-image:url(../img/step-3-2.921ba042.png)}.hb-reseve-bet-page .nav-box .nav-content .step-3-3{background-image:url(../img/step-3-3.1d7894ae.png)}.hb-reseve-bet-page .nav-box .nav-content .step-4-1{background-image:url(../img/step-4-1.8ad9738b.png)}.hb-reseve-bet-page .nav-box .nav-content .step-4-2{background-image:url(../img/step-4-2.46e9f640.png)}.hb-reseve-bet-page .nav-box .nav-content .step-4-3{background-image:url(../img/step-4-3.72b57fdf.png)}.hb-reseve-bet-page .nav-box .nav-content .step-4-4{background-image:url(../img/step-4-4.10450f6d.png)}.hb-reseve-bet-page .nav-box .nav-content .step-4-5{background-image:url(../img/step-4-5.0c648888.png)}.hb-reseve-bet-page .nav-box .nav-content .step-5-1{background-image:url(../img/step-5-1.fde52299.png)}.hb-reseve-bet-page .nav-box .nav-content .step-5-2{background-image:url(../img/step-5-2.9696fa9f.png)}.hb-reseve-bet-page .nav-box .nav-content .step-5-3{background-image:url(../img/step-5-3.bcad7c2a.png)}.hb-reseve-bet-page .nav-box .nav-content .step-6-1{background-image:url(../img/step-6-1.9fdd7001.png)}.hb-reseve-bet-page .nav-box .nav-content .step-6-2{background-image:url(../img/step-6-2.edaf0092.png)}.hb-reseve-bet-page .nav-box .nav-content .step-6-3{background-image:url(../img/step-6-3.5ecb612c.png)}.hb-reseve-bet-page .nav-box .nav-content .step-7-1{background-image:url(../img/step-7-1.c8b34044.png)}.hb-reseve-bet-page .nav-box .nav-content .step-7-2{background-image:url(../img/step-7-2.eea13167.png)}.hb-reseve-bet-page .nav-box .nav-content .step-7-3{background-image:url(../img/step-7-3.360cca4b.png)}.hb-reseve-bet-page .nav-box .nav-content .step-7-4{background-image:url(../img/step-7-4.3803afe9.png)}.hb-reseve-bet-page .nav-box .nav-content .step-8-1{background-image:url(../img/step-8-1.4cbdeb97.png)}.hb-reseve-bet-page .nav-box .nav-content .step-8-2{background-image:url(../img/step-8-2.7ef89df1.png)}.hb-reseve-bet-page .nav-box .nav-content .step-8-3{background-image:url(../img/step-8-3.484b4784.png)}.hb-reseve-bet-page .swiper-pagination-bullet{width:10px;height:10px;background:#aeb4bd;border-radius:8px;transform:matrix(1,0,0,-1,0,0)}.hb-reseve-bet-page .swiper-pagination-bullet-active{background:#2b50e7}.hb-reseve-bet-page .swiper-wrapper{height:100%}.hb-reseve-before-bet-page .page__background{background:#f4f4f4}.hb-reseve-before-bet-page .nav-box{width:100%}.hb-reseve-before-bet-page .nav-box .nav-header{position:fixed;z-index:10;width:100%;height:56px;margin-top:-16px;padding:21px 16px 5px;box-sizing:border-box;overflow:auto;background:#fff;border-radius:8px}.hb-reseve-before-bet-page .nav-box .nav-header .step-box{display:inline-block;white-space:nowrap;overflow:hidden;background:#f4f4f4;border-radius:8px}.hb-reseve-before-bet-page .nav-box .nav-header .step{position:relative;flex-shrink:0;display:inline-block;height:30px;padding:0 12px;color:#8d9198;font-size:14px;line-height:30px}.hb-reseve-before-bet-page .nav-box .nav-header .step:last-child{border-radius:8px}.hb-reseve-before-bet-page .nav-box .nav-header .step:last-child.active{padding-right:12px}.hb-reseve-before-bet-page .nav-box .nav-header .step:last-child.active:after{display:none}.hb-reseve-before-bet-page .nav-box .nav-header .step.active{padding-right:24px;color:#fff;background:#2b50e7 no-repeat;border-radius:8px 0 0 8px}.hb-reseve-before-bet-page .nav-box .nav-header .step.active:after{position:absolute;top:0;right:-15px;width:0;height:0;content:" ";border:15px solid;border-color:#f4f4f4 #f4f4f4 #f4f4f4 transparent}.hb-reseve-before-bet-page .nav-box .nav-content{display:flex;justify-content:center;align-items:center;height:calc(100vh - 64px);padding-top:50px;padding-bottom:10px;box-sizing:border-box}.hb-reseve-before-bet-page .nav-box .nav-content .img-swiper{height:100%}.hb-reseve-before-bet-page .nav-box .nav-content .nav-inner{display:flex;flex:1;height:100%;padding-bottom:20px;box-sizing:border-box}.hb-reseve-before-bet-page .nav-box .nav-content .swiper-pagination{position:fixed;bottom:5px}.hb-reseve-before-bet-page .nav-box .nav-content .img-slide{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box}.hb-reseve-before-bet-page .nav-box .nav-content .slide-bg{display:flex;flex:1;align-items:center;justify-content:center;width:100vw;height:100%;overflow:hidden;background-image:url(../img/step-bg.4f1da15f.png);background-repeat:no-repeat;background-position:50%;background-size:auto 100%}.hb-reseve-before-bet-page .nav-box .nav-content .step-slide{width:100vw;height:97%;background-repeat:no-repeat;background-position:50%;background-size:contain}.hb-reseve-before-bet-page .nav-box .nav-content .step-1-1{background-image:url(../img/step-1-1.a3ec5132.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-1-2{background-image:url(../img/step-1-2.91c0f5d4.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-1-3{background-image:url(../img/step-1-3.19ab361d.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-1-4{background-image:url(../img/step-1-4.ce000e19.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-2-1{background-image:url(../img/step-2-1.c370001d.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-2-2{background-image:url(../img/step-2-2.75867027.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-2-3{background-image:url(../img/step-2-3.c03d0bd4.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-3-1{background-image:url(../img/step-3-1.c370001d.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-3-2{background-image:url(../img/step-3-2.921ba042.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-3-3{background-image:url(../img/step-3-3.1d7894ae.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-4-1{background-image:url(../img/step-4-1.8ad9738b.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-4-2{background-image:url(../img/step-4-2.46e9f640.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-4-3{background-image:url(../img/step-4-3.72b57fdf.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-4-4{background-image:url(../img/step-4-4.10450f6d.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-4-5{background-image:url(../img/step-4-5.0c648888.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-5-1{background-image:url(../img/step-5-1.fde52299.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-5-2{background-image:url(../img/step-5-2.9696fa9f.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-5-3{background-image:url(../img/step-5-3.bcad7c2a.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-6-1{background-image:url(../img/step-6-1.9fdd7001.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-6-2{background-image:url(../img/step-6-2.edaf0092.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-6-3{background-image:url(../img/step-6-3.5ecb612c.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-7-1{background-image:url(../img/step-7-1.c8b34044.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-7-2{background-image:url(../img/step-7-2.eea13167.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-7-3{background-image:url(../img/step-7-3.360cca4b.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-7-4{background-image:url(../img/step-7-4.3803afe9.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-8-1{background-image:url(../img/step-8-1.4cbdeb97.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-8-2{background-image:url(../img/step-8-2.7ef89df1.png)}.hb-reseve-before-bet-page .nav-box .nav-content .step-8-3{background-image:url(../img/step-8-3.484b4784.png)}.hb-reseve-before-bet-page .swiper-pagination-bullet{width:10px;height:10px;background:#aeb4bd;border-radius:8px;transform:matrix(1,0,0,-1,0,0)}.hb-reseve-before-bet-page .swiper-pagination-bullet-active{background:#2b50e7}.hb-reseve-before-bet-page .swiper-wrapper{height:100%}.hb-tutorial-page .page__background{background:#f4f4f4}