.time-slider-wrapper[data-v-5418469f]{display:flex;flex-direction:column;align-items:center}.current-time-box[data-v-5418469f]{position:relative;background:#d4a84b;border-radius:.10667rem .10667rem 0 0;padding:.12rem 0 .13333rem;min-width:2.53333rem;margin-bottom:-.05333rem;box-sizing:border-box;box-shadow:0 -.02667rem .13333rem rgba(0,0,0,.5)}.time-content[data-v-5418469f]{display:flex;align-items:baseline;justify-content:center;color:rgba(255,255,255,.95);font-weight:400}.time-content[data-v-5418469f]>*+*{margin-left:.05333rem}.time-hour[data-v-5418469f]{font-size:.34667rem;line-height:1}.time-period[data-v-5418469f]{font-size:.18667rem;text-transform:uppercase}.time-arrow[data-v-5418469f]{position:absolute;z-index:10;bottom:-.04rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.10667rem solid transparent;border-right:.10667rem solid transparent;border-top:.10667rem solid #d4a84b}.time-slider-container[data-v-5418469f]{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.3);backdrop-filter:blur(.13333rem);padding:0 .21333rem;height:1.14667rem;border-radius:.16rem;min-width:9.14667rem;max-width:91.5vw;user-select:none;-webkit-user-select:none;overflow:hidden;box-sizing:border-box;border:.5px solid #ccc}.vip-mask[data-v-5418469f]{position:absolute;right:0;top:0;z-index:120;width:4.08rem;height:1.14667rem;border:none;border-radius:0 .16rem .16rem 0;background:linear-gradient(90deg,#f2d48e,#cda850);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;color:rgba(72,52,18,.92);cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-mask-title[data-v-5418469f]{font-size:.32rem;line-height:.4rem;font-weight:600}.vip-mask-desc[data-v-5418469f]{margin-top:.02667rem;font-size:.24rem;line-height:.32rem;font-weight:400}.play-btn-wrapper[data-v-5418469f]{position:absolute;z-index:99;top:0;left:0;background:rgba(0,0,0,.5);width:1.04rem;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.16rem 0 0 .16rem;flex-shrink:0;-webkit-tap-highlight-color:transparent;outline:none;border:none}.play-icon[data-v-5418469f]{width:.56rem;object-fit:contain;margin-left:.13333rem}.pause-icon[data-v-5418469f]{display:flex;align-items:center;justify-content:center;width:.56rem;height:.56rem;margin-right:0}.pause-icon[data-v-5418469f]>*+*{margin-left:.06667rem}.pause-icon span[data-v-5418469f]{width:.2rem;height:.50667rem;background:#fff;border-radius:1px}.slider-wrapper[data-v-5418469f]{flex:1;position:relative;height:100%;overflow-x:hidden;cursor:grab}.slider-wrapper[data-v-5418469f]:active{cursor:grabbing}.timeline-container[data-v-5418469f]{position:absolute;top:0;left:0;height:100%;width:100%;will-change:transform}.ticks-container[data-v-5418469f]{position:absolute;top:-.13333rem;left:0;height:100%;width:100%}.tick[data-v-5418469f]{position:absolute;bottom:50%;transform:translate(-50%,50%)}.tick-normal[data-v-5418469f]{position:absolute;width:1px;height:.26667rem;background:rgba(255,255,255,.8);border-radius:1px}.tick-hour[data-v-5418469f]{position:absolute;width:1px;height:.16rem;background:rgba(212,168,75,.5);border-radius:1px}.tick-day[data-v-5418469f]{transform:translateY(.18667rem);width:.02667rem;height:.37333rem;background:rgba(255,255,255,.5);border-radius:.04rem}.tick-label[data-v-5418469f]{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.tick-label-day[data-v-5418469f]{top:.45333rem;font-size:.29333rem;font-weight:500;color:#fff}.tick-label-hour[data-v-5418469f]{top:.29333rem;font-size:.21333rem;font-weight:400;color:rgba(255,255,255,.7)}.now-time-indicator[data-v-5418469f]{position:absolute;top:0;bottom:0;width:1px;background:#d4a84b;transform:translate(-50%);pointer-events:none;z-index:5}.center-indicator[data-v-5418469f]{position:absolute;top:-.13333rem;left:50%;transform:translate(-50%);height:100%;display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.center-line[data-v-5418469f]{width:.05333rem;height:.56rem;background:#fff;border-radius:.02667rem;box-shadow:0 .02667rem .10667rem rgba(0,0,0,.3);margin:auto 0}.initial-date-label[data-v-5418469f]{position:absolute;left:0;bottom:0;transform:translate(-50%);font-size:.29333rem;color:#fff;white-space:nowrap;z-index:5}@media(min-width:1024px){.time-slider-wrapper[data-v-5418469f]{width:100%}.current-time-box[data-v-5418469f]{min-width:1.84rem;padding:.06667rem 0 .08rem;border-radius:.08rem .08rem 0 0;font-size:.16rem}.current-time-box .time-hour[data-v-5418469f]{font-size:.21333rem}.time-arrow[data-v-5418469f]{bottom:-.02667rem;border-left-width:.08rem;border-right-width:.08rem;border-top-width:.08rem}.time-slider-container[data-v-5418469f]{width:100%;min-width:0;max-width:none;height:.69333rem;padding:0 .16rem;border-radius:.10667rem}.play-btn-wrapper[data-v-5418469f]{width:.82667rem;border-radius:.10667rem 0 0 .10667rem}.play-icon[data-v-5418469f]{width:.32rem;margin-left:.08rem}.pause-icon[data-v-5418469f]{width:.32rem;height:.32rem}.pause-icon span[data-v-5418469f]{width:.13333rem;height:.32rem}.vip-mask[data-v-5418469f]{width:2.98667rem;height:.69333rem;border-radius:0 .10667rem .10667rem 0}.vip-mask-title[data-v-5418469f]{font-size:.22667rem;line-height:.29333rem}.vip-mask-desc[data-v-5418469f]{margin-top:1px;font-size:.16rem;line-height:.21333rem}.tick-normal[data-v-5418469f]{height:.21333rem}.tick-hour[data-v-5418469f]{height:.13333rem}.tick-day[data-v-5418469f]{height:.26667rem}.tick-label-day[data-v-5418469f]{top:.26667rem;font-size:.18667rem}.tick-label-hour[data-v-5418469f]{top:.22667rem;font-size:.16rem}.center-indicator[data-v-5418469f]{top:-.08rem}.center-line[data-v-5418469f]{width:.04rem;height:.42667rem}.initial-date-label[data-v-5418469f]{font-size:.21333rem}}.demo-container[data-v-172718e3]{position:fixed;bottom:2rem;left:0;width:100%;padding:0 .26667rem;display:flex;flex-direction:column;align-items:center}@media(min-width:1024px){.demo-container[data-v-172718e3]{position:absolute;bottom:.13333rem;left:50%;width:100%;transform:translate(-50%);max-width:11.46667rem;padding:0;align-items:stretch}}