.live-header{position:relative}.live-header #live-header{z-index:9998;position:fixed;top:0;left:0;right:0;width:100%;max-width:769Px;min-width:320Px;margin:0 auto;background-color:#fff;box-shadow:0 .053rem .32rem rgba(100,101,102,.12)}.live-header #live-header #live-head{position:relative;width:100%;line-height:1.173rem;background:#fff}.live-header #live-header #live-head .tool-left{display:flex;cursor:pointer;position:absolute;left:0;bottom:0;height:1.173rem}.live-header #live-header #live-head .tool-left span{padding:.32rem;display:flex;justify-content:center;align-items:center;font-size:.373rem;line-height:.533rem}.live-header #live-header #live-head .tool-left span svg{display:inline-block}.live-header #live-header #live-head .tool-right{display:flex;cursor:pointer;position:absolute;right:0;bottom:0;height:1.173rem}.live-header #live-header #live-head .tool-right span{padding:.32rem;display:flex;justify-content:center;align-items:center;font-size:.373rem;line-height:.533rem}.live-header #live-header #live-head .tool-right span svg{display:inline-block}.live-header #live-header #live-head div.live-head-title{flex:1;color:#333;font-size:.48rem;font-weight:500}.live-header #live-header .fitter-box{width:100%;height:.96rem;padding:0 .107rem;display:flex;justify-content:center;align-items:center}.live-header #live-header .fitter-box .fitter-type{flex:1;max-width:90%;height:.747rem;display:flex;justify-content:space-around;align-items:center;border-radius:.107rem;background-color:#f5f5f5}.live-header #live-header .fitter-box .fitter-type span{cursor:pointer;padding:0 .16rem;margin:0;width:auto;display:flex;justify-content:center;align-items:center;font-size:.373rem;font-weight:400;line-height:.587rem}.live-header #live-header .fitter-box .fitter-type span :nth-child(n+3){width:1.6rem}.live-header #live-header .fitter-box .fitter-type span.choice{color:#da2323;font-weight:700;border-radius:.107rem;background-color:#fff;box-shadow:0 .027rem .107rem 0 rgba(218,35,35,.3)}.live-header #live-header .fitter-box .fitter-time{cursor:pointer;display:flex;justify-content:center;align-items:center;margin-left:.133rem;line-height:.747rem;background:#f5f5f5;border-radius:.107rem}.live-header #live-header .fitter-box .fitter-time .svg-box{padding:0 .133rem}.live-header #live-header .fitter-box .fitter-time .svg-box svg{width:.32rem;height:.32rem}.live-header #live-header .fitter-box .fitter-time span{font-size:.373rem}.live-header #live-header .fitter-time-box{width:100%;height:1.547rem;padding:0 .133rem;display:flex;justify-content:center;align-items:center}.live-header #live-header .fitter-time-box .fitter-type{flex:1;max-width:90%;height:1.333rem;padding:0 .107rem;display:flex;justify-content:space-around;align-items:center;border-radius:.213rem;background-color:#f5f5f5}.live-header #live-header .fitter-time-box .fitter-type div{cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:.107rem}.live-header #live-header .fitter-time-box .fitter-type div span:first-child{padding-top:.107rem;color:#aaa;font-size:.32rem;line-height:.453rem}.live-header #live-header .fitter-time-box .fitter-type div span:last-child{padding-bottom:.107rem;color:#333;font-size:.32rem;line-height:.453rem}.live-header #live-header .fitter-time-box .fitter-type div:last-child{margin-right:0}.live-header #live-header .fitter-time-box .fitter-type div.choice{border-radius:.107rem;background-color:#fff;box-shadow:0 .027rem .107rem 0 rgba(218,35,35,.3)}.live-header #live-header .fitter-time-box .fitter-type div.choice span:first-child{color:#da2323}.live-header #live-header .fitter-time-box .fitter-type div.choice span:last-child{color:#da2323;font-weight:700}.live-header #live-header .set-box{padding:0 0 .747rem 0;color:#333}.live-header #live-header .set-box .set-box-label{padding:0 .427rem;font-size:.427rem;font-weight:700;text-align:left;line-height:.96rem}.live-header #live-header .set-box .set-box-item{display:flex;justify-content:space-between;align-items:center;padding:0 .427rem;font-size:.4rem;line-height:.96rem}.live-header #live-header .set-box .set-box-item .type-btn{cursor:pointer;width:26%;font-size:.373rem;border-radius:.107rem;background:#f5f5f5}.live-header #live-header .set-box .set-box-item .type-btn.sel{color:#fff;background:#ff1818}.live-header .reserve-box{width:100%;height:3.307rem}.live-header .attention-box{width:100%;height:3.893rem}.live-header .van-tab{z-index:2;font-size:.427rem}.live-header .van-tab--active{font-size:.48rem}.live-header .van-tabs__nav--line{padding-bottom:0!important}.live-header .van-tabs__line{z-index:1;width:.64rem;height:.107rem;bottom:.32rem;border-radius:0;background:linear-gradient(90deg,#da2323,#f8f6f6)}.live-header .van-overlay,.live-header .van-overlay-set,.live-header .van-popup--bottom,.live-header .van-popup--top{right:0;max-width:769Px;min-width:320Px;margin:0 auto!important}.live-header .van-overlay-set,.live-header .van-popup--top{top:1.2rem}.live-header .van-popup--left{left:auto;max-width:769Px;min-width:320Px;width:100%;height:100%;margin:0 auto!important;background:initial;overflow:hidden}.live-header .filter-box{position:absolute;left:0;right:0;bottom:0;background:#f8f6f6}.live-header .filter-top{position:absolute;top:0;left:0;right:0;background:#fff}.live-header .filter-top .filter-title{color:#333;font-size:.48rem;font-weight:500;line-height:1.173rem;background-color:#fff}.live-header .filter-top .filter-title span{cursor:pointer;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;padding:.32rem}.live-header .filter-top .van-tabs__wrap{height:.907rem}.live-header .filter-top .van-tabs__wrap .van-tabs__line{bottom:.16rem}.live-header .filter-center{position:absolute;top:2.133rem;left:0;right:0;bottom:1.173rem;width:100%;font-size:.32rem;line-height:.427rem;text-align:center;background:#fff}.live-header .filter-center .filter-content{max-height:100%;overflow-y:auto;padding-right:.8rem}.live-header .filter-center .filter-content .filter-item .filter-item-title{padding:.133rem .267rem 0 .267rem;color:#333;font-size:.373rem;font-weight:700;line-height:.8rem;text-align:left}.live-header .filter-center .filter-content .filter-item .filter-item-box{padding:0 .267rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.live-header .filter-center .filter-content .filter-item .filter-item-box div{margin-top:.133rem;width:30%;padding:0 .133rem;border-radius:.107rem;background:#f8f6f6;border:.027rem solid #f8f6f6;display:flex;justify-content:space-between;align-items:center}.live-header .filter-center .filter-content .filter-item .filter-item-box div span{color:#777;font-size:.373rem;line-height:.693rem}.live-header .filter-center .filter-content .filter-item .filter-item-box div.sel{background:#fff7f7;border:.027rem solid #ff1818}.live-header .filter-center .filter-content .filter-item .filter-item-box div.sel span{color:#ff1818;font-size:.373rem}.live-header .filter-center .indexBar{z-index:100;width:.533rem;padding:.107rem 0;border-radius:.373rem;background:#f8f6f6;display:flex;flex-direction:column;position:absolute;top:50%;right:.267rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.live-header .filter-center .indexBar span{cursor:pointer;color:#777}.live-header .filter-center .indexBar span svg{width:.427rem;height:.427rem;margin-top:-.053rem;vertical-align:middle}.live-header .filter-center .indexBar span.sel{color:#da2323;font-weight:700}.live-header .filter-bottom{position:absolute;left:0;right:0;bottom:0;height:1.173rem;background:#fff}[data-v-0613bc4b]{text-align:center}#liveBox{position:relative;width:100%;overflow:hidden;background:#f8f6f6}.van-back-top{background:linear-gradient(90deg,#ff6034,#ee0a24)}.slideInRight-enter-active{animation:slideInRight .3s}.slideInRight-leave-active{animation:slideOutRight 0s}