.home-pages{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.home-page-container{width:100%;height:100%}.home-page-container .page-slide{width:100%;height:100%}.home-page-container .home-page-pagination{right:.37rem;z-index:1}.home-page-container .home-page-pagination .swiper-pagination-bullet{position:relative;width:.14rem;height:.14rem;margin:.31rem 0;border-radius:50%;background:#475c77;opacity:.4;outline:0}.home-page-container .home-page-pagination .swiper-pagination-bullet-active{opacity:1}.home-page-container .home-page-pagination .swiper-pagination-bullet-active::before{position:absolute;top:-0.08rem;left:-0.08rem;width:.3rem;height:.3rem;content:'';border-radius:100%;background-color:#475c77;opacity:.2}.page-one .page-one-swiper{width:100%;height:100%}.page-one .page-one-slide-image{display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}.page-one .page-one-slide-video{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}.page-one .page-one-slide-video .play-btn{width:1rem;height:1rem;pointer-events:none;background-repeat:no-repeat;background-position:center center;background-size:1rem auto}.page-one .page-one-slide-video .play-tips{margin-top:.2rem;text-align:center;font-size:.28rem;line-height:.36rem;color:#fff}.page-one .page-one-next{position:absolute;bottom:.44rem;left:calc(50% - 1.3rem);width:2.8rem;display:flex;align-items:center;justify-content:center;outline:0;z-index:2}.page-one .page-one-next #banner-progress{display:block;width:.35rem;height:.35rem;background-size:.2rem auto;background-position:center center;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/canvas-icon.png)}.page-one .page-one-next .next-text{padding-left:.21rem;font-size:.26rem;font-weight:bold;color:#475c77;line-height:.36rem}.page-two .page-two-video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;outline:0;z-index:0}.page-two .toothpaste-sprite{position:absolute;top:2rem;left:1.2rem;display:block;width:5.2rem;height:9rem;z-index:0}.page-two .toothpaste-sprite .render-line{position:absolute;top:0;left:-0.1rem;display:none;width:100%;height:.61rem;background-position:center center;background-size:5.65rem auto;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/render-line.png);z-index:1}.page-two .toothpaste-sprite .render-before{position:absolute;bottom:0;left:0;width:100%;height:98%;overflow:hidden;z-index:0}.page-two .toothpaste-sprite .render-after{position:absolute;top:0;left:0;width:100%;height:2%;overflow:hidden;z-index:0}.page-two .toothpaste-sprite .render-before-bg{position:absolute;bottom:0;left:0;width:5.2rem;height:9rem;background-position:center center;background-size:2.65rem auto;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/render-before.png)}.page-two .toothpaste-sprite .render-after-bg{position:absolute;top:0;left:0;width:5.2rem;height:9rem;background-position:center center;background-size:2.65rem auto;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/render-after.png)}.page-two .toothpaste-sprite .tip-button{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;width:.9rem;height:.9rem;border-radius:50%;transition:all .5s;pointer-events:none;z-index:2}.page-two .toothpaste-sprite .tip-button.show{opacity:1;pointer-events:initial}.page-two .toothpaste-sprite .tip-button .tip-icon{position:relative;width:.57rem;height:.57rem;border-radius:100%;background-position:center center;background-size:.4rem auto;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/tip-button-icon.png);background-color:rgba(76, 149, 239);z-index:0}.page-two .toothpaste-sprite .tip-button .animate-circular{position:absolute;top:0;left:0;width:.9rem;height:.9rem;background-color:rgba(76,149,239,0.35);border-radius:100%;z-index:1;animation:screen1-count 1.5s infinite;-webkit-animation:screen1-count 1.5s infinite}.page-two .toothpaste-sprite .tip-button.position-one{top:.93rem;right:1.08rem}.page-two .toothpaste-sprite .tip-button.position-two{top:1.2rem;left:1.08rem}.page-two .toothpaste-sprite .tip-button.position-three{top:6.39rem;right:1.37rem}.page-two .tip-pop{position:absolute;top:4.55rem;left:.85rem;display:none;width:5.8rem;height:4.9rem;padding:.4rem .24rem;background:rgba(255,255,255,0.9);box-shadow:.13rem .23rem .33rem .02rem rgba(17,21,22,0.16);border-radius:.15rem;z-index:4}.page-two .tip-pop .close-btn{position:absolute;top:.36rem;right:.36rem;width:.36rem;height:.36rem;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(/static/mobile/images/home/close-btn.png)}.page-two .tip-pop .tip-pop-image{display:block;width:.76rem}.page-two .tip-pop .tip-pop-title{margin-top:.46rem;margin-bottom:.13rem;font-size:.3rem;font-weight:bold;color:#475c77;line-height:.36rem}.page-two .tip-pop .tip-pop-desc{margin-top:.05rem;font-size:.24rem;font-weight:400;color:#8da1ae;line-height:.48rem;opacity:.9}.page-two .tip-pop .tip-pop-desc .color{color:#475c77}.page-two .tip-pop.pop-three{top:3rem;height:7rem}.page-two .pop-mask{position:absolute;top:0;left:0;display:none;width:100%;height:100%;z-index:3}@keyframes screen1-count{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.3)}}.page-three{position:relative}.page-three .page-three-image{width:100%;height:100%}.page-three .image-item{position:relative;width:100%;height:100%;padding-top:3.43rem;padding-left:.4rem;padding-right:.4rem;background-repeat:no-repeat;background-position:center center;background-size:cover}.page-three .image-item .text-group .text-title{margin-bottom:.43rem;font-size:.4rem;font-weight:600;color:#fff;line-height:.4rem}.page-three .image-item .text-group .text-row{display:flex}.page-three .image-item .text-group .text-row .text-icon{display:block;width:.36rem;height:.36rem}.page-three .image-item .text-group .text-row .text-desc{padding-left:.11rem;font-size:.24rem;font-weight:500;color:#fff;line-height:.36rem}.page-three .image-item .text-group .text-row+.text-row{margin-top:.13rem}.page-three .page-three-switch{position:absolute;left:0;bottom:0;height:2rem;width:100%}.page-three .page-three-switch .switch-slide{display:flex;align-items:center;justify-content:center;width:3rem;height:.84rem;font-size:.3rem;font-weight:bold;color:#fff;line-height:.36rem}.page-three .page-three-switch .switch-slide.one{width:2.92rem}.page-three .page-three-switch .switch-slide.two{width:2.32rem}.page-three .page-three-switch .switch-slide.three{width:2.52rem}.page-three .page-three-switch .switch-slide.four{width:2.32rem}.page-three .page-three-switch .switch-slide.five{width:2.32rem}.page-three .page-three-switch .switch-slide.active{background-color:#fff;box-shadow:0 .16rem .38rem 0 rgba(0,0,0,0.34);border-radius:.1rem;color:#475c77}.page-four{padding:0 .4rem;padding-top:1.93rem;background-image:url(/static/mobile/images/home/bottom-bg.png)}.page-four.screen{padding-top:1.4rem}.page-four .tab-group{display:flex}.page-four .tab-group .tab-item{display:flex;align-items:center;justify-content:center;width:3.13rem;height:.73rem;font-size:.26rem;font-weight:500;color:#333;line-height:.4rem;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-image:url(/static/mobile/images/home/gray.png)}.page-four .tab-group .tab-item.active{color:#333;background-image:url(/static/mobile/images/home/white.png)}.page-four .content-group{width:100%;min-height:8.2rem;background:#fff;box-shadow:28px 52px 112px 10px rgba(33,42,45,0.3);opacity:.6;border-radius:0 .2rem .2rem .2rem}.page-four .content-group.screen{min-height:6.9rem}.page-four .content-item{display:none;width:100%;padding:0 .3rem;padding-top:.5rem;padding-bottom:.7rem}.page-four .content-item.screen{padding-top:.2rem;padding-bottom:.3rem}.page-four .content-item.active{display:block}.page-four .content-item .row-group{display:flex;width:100%}.page-four .content-item .row-group .row-left{display:flex;flex-direction:column;align-items:flex-end;width:1.1rem;padding-top:.03rem}.page-four .content-item .row-group .row-left .date{font-size:.36rem;font-weight:300;color:#666;line-height:.4rem}.page-four .content-item .row-group .row-left .year{font-size:.28rem;font-weight:300;color:#999;line-height:.4rem}.page-four .content-item .row-group .row-right{flex:1;max-width:5rem;padding-left:.31rem}.page-four .content-item .row-group .row-right .row-title{font-size:.26rem;font-weight:bold;color:#000;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-four .content-item .row-group .row-right .desc{height:.9rem;font-size:.24rem;font-weight:400;color:#999;line-height:.46rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-four .content-item .row-group .row-right .desc p{font-size:.24rem;font-weight:400;color:#999;line-height:.46rem}.page-four .content-item .row-group .row-right .desc p span{font-size:.24rem !important;font-weight:400;color:#999 !important;line-height:.46rem}.page-four .content-item .row-group .row-right .desc .item-bottom-item p{font-size:.24rem;font-weight:400;color:#999;line-height:.46rem}.page-four .content-item .row-group .row-right .desc .item-bottom-item .bottom-item-title{font-size:.24rem;font-weight:400;color:#999;line-height:.46rem}.page-four .content-item .row-group .row-right .desc .item-bottom-item .bottom-item-text{font-size:.24rem;font-weight:400;color:#999;line-height:.46rem}.page-four .content-item .row-group .row-right .desc h2{font-size:.24rem;font-weight:400;color:#999;line-height:.46rem}.page-four .content-item .row-group+.row-group{margin-top:.56rem}.page-four .content-item .row-group+.row-group.screen{margin-top:.38rem}.page-four .footer-box{position:absolute;bottom:0;left:0;width:100%;padding:0 .4rem;z-index:2}.page-four .footer-box footer{padding-left:0;padding-right:0}.box-none{font-size:.3rem;font-weight:400;color:#666;line-height:.32rem;text-align:center;padding:.4rem 0}.video-mask{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:#000;z-index:100}.video-view{position:fixed;top:calc(50% - 2.5rem);left:0;display:none;width:100%;z-index:101}.video-view .video{display:block;outline:0;width:100%;height:4.22rem;background-color:#333}