.mixpad_x{position:relative;background-color:#000}.mixpad_x .sec__video{display:block}.mixpad_x .sec__title{font-size:.54rem;color:#fff}.mixpad_x .sec__desc{line-height:.36rem;font-size:.22rem;color:rgba(255,255,255,.7)}.mixpad_x .video__content{position:absolute;font-family:PingFang SC}.mixpad_x .video__title{font-size:.46rem;font-family:PingFang SC;font-weight:800;line-height:.64rem;color:#fff}.mixpad_x .video__subhead{margin-top:.1rem;font-size:.26rem;font-family:PingFang SC;font-weight:800;line-height:.36rem;color:#fff}.mixpad_x .video__desc{margin-top:.44rem;font-size:.2rem;font-family:PingFang SC;font-weight:500;line-height:.32rem;color:#fff}.mixpad_x .video__box{position:relative;border-radius:.24rem;overflow:hidden}.mixpad_x .x__banner{display:flex;flex-direction:column;align-items:center;height:9.6rem;padding-top:1.62rem;box-sizing:border-box;background-image:url(../images/banner-af45c7cc94.png)}.mixpad_x .x__banner .banner__award{width:1.76rem;height:.99rem;background-image:url(../images/icon_award-fe0913fd93.png)}.mixpad_x .x__banner .banner__title{margin-top:.2rem;width:3.85rem;height:1.07rem;background-image:url(../images/icon_x-48412abc8f.png)}.mixpad_x .x__banner .banner__desc{margin-top:.04rem;font-size:.3rem;font-family:PingFang SC;font-weight:400;color:#fff}.mixpad_x .sec1{position:relative;height:9.49rem}.mixpad_x .sec1 .video__btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mixpad_x .sec1 .video__text{position:relative;display:flex;align-items:center;height:.34rem;padding-right:.4rem;font-size:.24rem;font-family:PingFang SC;font-weight:500;color:#fff;cursor:pointer}.mixpad_x .sec1 .video__text::after{content:"";position:absolute;top:50%;right:0;transform:translate(0,-45%);width:.26rem;height:.26rem;background:url(../images/icon_player-7fc7fa8ef7.png) center/cover no-repeat}.mixpad_x .sec2{display:flex;align-items:center;justify-content:center;height:3.35rem}.mixpad_x .sec2 .sec__title{font-size:.54rem;color:#fff}.mixpad_x .sec2 .sec__desc{line-height:.3rem;font-size:.22rem;font-weight:400;color:rgba(255,255,255,.7)}.mixpad_x .sec12 .sec12__remind,.mixpad_x .sec7 .sec__desc,.mixpad_x .sec9 .sec__desc{line-height:.36rem}.mixpad_x .sec3{position:relative;width:100%;height:10rem}.mixpad_x .sec4{position:relative;width:100%;padding-top:1.6rem;box-sizing:border-box;overflow:hidden}.mixpad_x .sec4.show .sec4__box{width:11.64rem;height:5.66rem;transform:translate(-50%,0) scale(1)}.mixpad_x .sec4 .sec4__container{position:relative;width:100%;height:10.75rem}.mixpad_x .sec4 .sec4__box{position:absolute;left:50%;top:2rem;z-index:5;transform:translate(-50%,0);transition:all 1.6s ease-in-out .5s;width:100%;height:12rem}.mixpad_x .sec4 .sec4__content{position:absolute;left:0;top:1.2rem;z-index:10;width:100%;text-align:center}.mixpad_x .sec5{height:9.6rem;position:relative}.mixpad_x .sec5 .sec5__content{position:absolute;left:1.62rem;top:3.14rem;width:4.1rem}.mixpad_x .sec7,.mixpad_x .sec8{position:relative;padding-top:1.2rem;box-sizing:border-box}.mixpad_x .sec5 .sec__title{text-align:left}.mixpad_x .sec5 .sec__desc{margin-top:.45rem;text-align:justify}.mixpad_x .sec6{height:20.76rem;padding-top:1.2rem;box-sizing:border-box}.mixpad_x .sec6 .sec6__logo{width:4.87rem;height:.46rem;margin:0 auto}.mixpad_x .sec6 .sec__title{margin-top:.2rem}.mixpad_x .sec6 .sec6__bg{height:8.46rem;margin-top:.91rem}.mixpad_x .sec6 .sec6__list{width:16rem;height:6.3rem;margin:.72rem auto 0}.mixpad_x .sec7{height:12rem}.mixpad_x .sec8{height:14.11rem;overflow:hidden}.mixpad_x .sec8 .sec8__box,.mixpad_x .sec8 .sec8__wrapper{position:absolute;top:4.19rem;left:50%;transform:translate(-50%,0);width:16.56rem;height:8.06rem;z-index:5}.mixpad_x .sec8 .sec8__box{opacity:0;transform:translate(-50%,0) scale(1.4);transition:all 1.6s ease-in-out}.mixpad_x .sec8 .sec8__box.show{opacity:1;transform:translate(-50%,0) scale(1)}.mixpad_x .sec8 .sec8__wrapper.show .card{opacity:1;transform:translate(0,0) scale(1)}.mixpad_x .sec8 .wrap{position:absolute;left:2.6rem;top:1.72rem;width:13.5rem;height:4.05rem;display:flex}.mixpad_x .sec8 .wrap__left{position:relative;width:5.31rem;height:100%}.mixpad_x .sec8 .wrap__right{position:relative;margin-left:.94rem;flex:1;height:100%}.mixpad_x .sec8 .card{position:absolute;width:2.53rem;height:1.1rem;transition:all 1.8s ease-in-out .5s}.mixpad_x .sec8 .card01{left:0;top:0;transform:scale(2) translate(-2rem,-1rem)}.mixpad_x .sec8 .card02{right:0;top:0;transform:translate(-2.5rem,0)}.mixpad_x .sec8 .card03{top:1.35rem;left:0;transform:scale(2) translate(-3rem,0)}.mixpad_x .sec8 .card04{right:0;top:1.35rem;transform:translate(-1.2rem,0)}.mixpad_x .sec8 .card05{left:0;top:2.7rem;transform:scale(1.5) translate(-2.6rem,1.4rem)}.mixpad_x .sec8 .card06{right:0;top:2.7rem;transform:translate(-2rem,0)}.mixpad_x .sec8 .card07{top:0;left:0;transform:scale(1.5) translate(0,-1rem)}.mixpad_x .sec8 .card08{top:0;left:2.78rem;z-index:5;transform:scale(1.5) translate(0,-.6rem)}.mixpad_x .sec8 .card09{top:0;left:5.56rem;transform:scale(1.5) translate(1.4rem,-1.6rem)}.mixpad_x .sec8 .card10{left:0;top:1.35rem;transform:scale(1.2) translate(0,-1rem)}.mixpad_x .sec8 .card11{top:1.35rem;left:2.78rem;transform:scale(1.3) translate(.4rem,1rem)}.mixpad_x .sec8 .card12{top:1.35rem;left:5.56rem;transform:scale(1.5) translate(1.8rem,-.6rem)}.mixpad_x .sec8 .card13{left:0;top:2.7rem;transform:scale(1.1) translate(0,0)}.mixpad_x .sec8 .card14{top:2.7rem;left:2.78rem;transform:scale(1.5) translate(-2.4rem,2rem)}.mixpad_x .sec8 .card15{top:2.7rem;left:5.56rem;transform:scale(1.3) translate(1rem,2rem)}.mixpad_x .sec9{position:relative}.mixpad_x .sec9 .sec9__shadow{position:absolute;left:0;bottom:0;width:100%;height:100%}.mixpad_x .sec9 .sec9__content{position:absolute;top:1.2rem;left:0;z-index:5;width:100%}.mixpad_x .sec10{height:14.64rem;position:relative}.mixpad_x .sec10 .sec__title{position:absolute;left:0;top:1.2rem;width:100%;text-align:center}.mixpad_x .sec10 .sec10__list{position:absolute;bottom:.69rem;left:50%;transform:translate(-50%,0);width:11.93rem;height:2.2rem}.mixpad_x .sec11{height:14.3rem;padding-top:1.63rem}.mixpad_x .sec11 .sec11__list{width:100%;height:1.65rem;margin-top:.91rem}.mixpad_x .sec11 .sec11__bg{width:100%;height:7.56rem;margin-top:.45rem}.mixpad_x .sec12{position:relative;height:14.24rem;padding-top:1.4rem;box-sizing:border-box}.mixpad_x .sec12 .sec12__list{position:relative;width:100%;margin-top:1rem;overflow:hidden}.mixpad_x .sec12 .list__row{display:flex;margin-bottom:.19rem}.mixpad_x .sec12 .list__row:last-of-type{margin-bottom:0}.mixpad_x .sec12 .row__item{position:relative;background-position:0 0}.mixpad_x .sec12 .row__item.item1{width:8.59rem;height:3.02rem}.mixpad_x .sec12 .row__item.item2{flex:1;flex-shrink:0;margin-left:.21rem}.mixpad_x .sec12 .row__item.item3{width:7.54rem;height:5.09rem;margin-right:.2rem}.mixpad_x .sec12 .row__item.item4{flex:1;flex-shrink:0;height:5.09rem}.mixpad_x .sec12 .video__wrap{position:absolute;border-radius:.2rem;overflow:hidden}.mixpad_x .sec12 .video__wrap.video1{width:4rem;height:3.02rem;left:2.91rem;top:0}.mixpad_x .sec12 .video__wrap.video2{width:3.16rem;height:3.02rem;left:0;top:0}.mixpad_x .sec12 .video__wrap.video3{width:2.98rem;height:3.02rem;left:7.33rem;top:0}.mixpad_x .sec12 .video__wrap.video4{width:3rem;height:2.9rem;left:2.03rem;top:0}.mixpad_x .sec12 .video__wrap.video5{width:2.34rem;height:2.9rem;right:0;top:0}.mixpad_x .sec12 .video__wrap.video6{width:3.6rem;height:3.39rem;left:0;bottom:0}.mixpad_x .sec12 .sec12__remind{margin-top:.82rem;width:100%;box-sizing:border-box;text-align:center;font-size:.16rem;font-family:PingFang SC;font-weight:400;color:rgba(255,255,255,.7)}.mixpad_x .sec12 .sec12__box{width:100%;margin-top:.8rem;text-align:center;font-size:.16rem;font-family:PingFang SC;font-weight:400;line-height:36px;color:#fff}.mixpad_x .sec13{display:flex;flex-direction:column;align-items:center;width:100%;padding:.8rem 0;box-sizing:border-box}.mixpad_x .sec13 .sec13__content{margin-top:.72rem}.mixpad_x .sec13 .sec13__banner{width:16rem}.mixpad_x .sec13 .sec13__banner .video__content{bottom:1.27rem;left:.77rem}.mixpad_x .sec13 .sec13__banner .video__subhead,.mixpad_x .sec13 .sec13__banner .video__title{color:#fff}.mixpad_x .sec13 .video__list{display:flex;justify-content:space-between;width:16rem;margin-top:.36rem}.mixpad_x .sec13 .video__desc{margin-top:.4rem}.mixpad_x .sec13 .video__shadow{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.05)}.mixpad_x .sec13 .video__item{margin-right:.4rem;flex:1;height:9.1rem;background-color:#000}.mixpad_x .sec13 .video__item:last-of-type{margin-right:0}.mixpad_x .sec13 .video__item .video__content{top:.56rem;left:.76rem;z-index:10}.mixpad_x .sec13 .video__item .video__box{position:absolute;bottom:.28rem;left:50%;transform:translate(-50%,0);width:4.74rem;height:4.74rem}.mixpad_x .sec14{display:flex;flex-direction:column;align-items:center;width:100%;padding:.8rem .8rem 1.8rem;box-sizing:border-box}.mixpad_x .sec14 .sec14__content{margin-top:.72rem}.mixpad_x .sec14 .sec14__banner{width:16rem}.mixpad_x .sec14 .sec14__banner .video__content{top:.8rem;left:.77rem}.mixpad_x .sec14 .sec14__banner .video__subhead,.mixpad_x .sec14 .sec14__banner .video__title{color:#fff}.mixpad_x .sec14 .video__list{display:flex;justify-content:space-between;width:16rem;margin-top:.36rem}.mixpad_x .sec14 .video__desc{margin-top:.4rem}.mixpad_x .sec14 .video__item{margin-right:.4rem;flex:1;height:9.1rem;background-color:#000}.mixpad_x .sec14 .video__item:last-of-type{margin-right:0}.mixpad_x .sec14 .video__item .video__content{bottom:.8rem;left:.76rem}