.elf{background-color:#F5F9FB}

.elf .sec__title{font-size:.54rem;color:#000}

.elf .sec__desc{line-height:.36rem;font-size:.22rem;color:#000;opacity:.7}

.elf .video-box{position:relative}

.elf .bg__video{display:block}

.elf .video__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2)}

.elf .video__watch{position:relative;display:inline-block;margin-top:.3rem;padding-right:.41rem;color:#fff;font-size:.24rem;font-family:PingFang SC;font-weight:500;line-height:.34rem;cursor:pointer}

.elf .video__watch::after{content:'';position:absolute;top:50%;right:0;transform:translate(0,-50%);width:.26rem;height:.26rem;background:url(../images/icon_player-7fc7fa8ef7.png) center/cover no-repeat}

.elf .elf__banner{display:flex;justify-content:center;position:relative;width:100%;height:9.6rem;background-color:#fff;overflow:hidden}

.elf .elf__banner .elf__product{position:absolute;top:.8rem;left:9.4rem;display:none;width:7.8rem;height:7.8rem;opacity:0;background:url(../images/banner-367e6f175d.png) center/cover no-repeat;animation:bannerRotate 20s ease-in-out infinite}

.elf .sec4,.elf .sec6{background-color:#fff}

.elf .elf__banner .banner__video{display:block;position:absolute;top:.18rem;left:calc((100% - 11rem)/ 2);width:10.1rem;height:7.34rem}

.elf .elf__banner .banner__info{display:none;position:absolute;top:5.49rem;left:3.72rem;z-index:10;text-align:justify}

.elf .elf__banner .banner__title{display:flex;justify-content:space-between;align-items:flex-end;width:4rem;font-size:.54rem;font-weight:800;color:#000}

.elf .elf__banner .banner__slogan{display:flex;justify-content:space-between;font-size:.36rem;font-weight:600;-webkit-line-clamp:2;background-image:linear-gradient(134deg,#FFA1E5 0,#3882BF 100%);background-image:-webkit-linear-gradient(134deg,#FFA1E5 0,#3882BF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.elf .sec1{display:flex;justify-content:center;padding-top:1.38rem;padding-bottom:1.79rem}

.elf .sec1 .sec1__img{width:14.33rem;height:4.73rem}

.elf .sec3{height:12.43rem;padding-top:1.2rem;box-sizing:border-box}

.elf .sec3 .sec3__list{display:flex;justify-content:center;margin-top:1.23rem;width:100%}

.elf .sec3 .sec3__item{position:relative;width:5.11rem;height:6.71rem;margin-right:.3rem}

.elf .sec3 .sec3__item:last-of-type{margin-right:0}

.elf .sec3 .item__content{position:absolute;left:.56rem;top:.5rem}

.elf .sec3 .item__title{font-size:.42rem;font-family:PingFang SC;font-weight:800;line-height:.56rem}

.elf .sec3 .item__desc{margin-top:.2rem;font-size:.17rem;font-family:PingFang SC;font-weight:400;line-height:.26rem}

.elf .sec4{display:flex;flex-direction:column;align-items:center;height:13.34rem;padding-top:1.07rem;box-sizing:border-box}

.elf .sec4 .sec4__img{margin-top:1.1rem;width:16rem;height:8.01rem}

.elf .sec5{display:flex;flex-direction:column;align-items:center;padding-top:1.19rem;padding-bottom:2.1rem}

.elf .sec5 .sec5__prd{position:relative;width:15.12rem;margin-top:1.6rem}

.elf .sec5 .prd__item1{width:5.95rem;height:8.78rem}

.elf .sec5 .prd__item3{margin-top:2.94rem;width:8.62rem;height:5.4rem}

.elf .sec5 .prd__item2{position:absolute;top:1.26rem;right:0;width:8.62rem;height:5.6rem}

.elf .sec5 .prd__item4{position:absolute;bottom:1.16rem;right:0;width:5.95rem;height:8.08rem}

.elf .sec5 .sec5__img{display:block;margin-top:1.22rem;width:15.12rem;border-radius:.2rem;transition:all .6s ease-in 1s}

.elf .sec6{padding-top:1.2rem;padding-bottom:1.05rem}

.elf .sec6 .bg__video{margin-top:.8rem}

.elf .sec6 .sec6__remind{margin-top:.8rem;width:100%;text-align:center;font-size:.22rem;font-family:PingFang SC;font-weight:400;line-height:.36rem;color:#000}

.elf .sec7 .video__mask{flex-direction:column}

.elf .sec7 .sec__title{color:#FFF}

.elf .sec8{padding-top:1.27rem}

.elf .sec8 .sec8__bg{margin-top:.72rem;width:100%;height:7.37rem}

.elf .sec9{position:relative;width:100%;height:9.4rem}

.elf .sec9 .sec9__content{position:absolute;top:2.74rem;left:1.61rem}

.elf .sec9 .sec__desc,.elf .sec9 .sec__title{color:#fff;text-align:left}@keyframes bannerRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

.install .list li{font-weight:600}

.install .list li span{font-weight:400}