.feature_page{position:relative;width:100%;height:100vh;overflow:hidden;z-index:2}.feature_page .feature_date{position:absolute;top:1.72rem;left:1.16rem;color:#fff;font-family:tomorrow;font-weight:500;opacity:.6;line-height:106%;z-index:2}.feature_page .feature_date p:nth-child(1){font-size:.065rem;text-transform:uppercase}.feature_page .feature_date p:nth-child(2){font-size:.048rem}.feature_page .feature_date p:nth-child(3){font-size:.1rem;margin-top:.1rem}.feature_page .feature_cross{position:absolute;top:1.27rem;width:.64rem;height:auto;z-index:2}.feature_page .feature_cross.cross1{right:2.97rem;right:2.03rem}.feature_page .feature_cross.cross2{right:2.09rem;right:1.13rem}.feature_page .feature_circle{position:absolute;width:.8rem;height:auto;bottom:1.45rem;right:2.09rem;right:1.13rem}.feature_page .feature_circle2{position:absolute;width:2.8rem;height:auto;bottom:1.45rem;left:1.16rem}.feature_page .transition_container{position:absolute;width:100%;height:100%;transform:translateY(4.6rem)}.feature_page .transition_container .slogan{position:absolute;width:auto;height:6.6rem;transform:translate(0,-50%);left:3.4rem;top:50%}.feature_page .transition_container .aser_text{position:absolute;display:flex;align-items:start;top:calc(50% + 3.9rem);left:12.17rem;transform:translateY(3rem)}.feature_page .transition_container .aser_text img{width:.17rem;height:auto;margin-right:.08rem;margin-top:.01rem}.feature_page .transition_container .aser_text span{color:#fff;font-family:tomorrow;font-size:.11rem;line-height:normal;letter-spacing:.22px;text-transform:uppercase}.feature_page .transition_container .text{position:absolute;font-family:mf;font-size:1.08rem;white-space:nowrap;color:#fff;transform-origin:center left;transform:scaleX(.6);left:12.17rem;top:calc(50% - 3.3rem);line-height:.65}.feature_page[data-lang=en] .transition_container .text,.feature_page[data-lang=ja] .transition_container .text,.feature_page[data-lang=ko] .transition_container .text,.feature_page[data-lang=zh-TW] .transition_container .text{transform:scaleX(1)}.feature_page[data-lang=ko] .transition_container .text{font-family:BlackHanSans;font-size:.98rem;line-height:.84rem;white-space:pre-line}.feature_page[data-lang=ja] .transition_container .text{font-family:MPlus;font-weight:800;font-size:1rem;line-height:1rem;white-space:pre-line}.feature_page[data-lang=en] .transition_container .text{font-family:tomorrow;font-weight:600;font-size:.32rem;line-height:.33rem;white-space:pre-line;text-transform:uppercase}.feature_page[data-lang=zh-TW] .transition_container .text{font-family:MPlus;font-weight:800;font-size:.88rem;line-height:.7rem}.feature_page .line{position:absolute;top:calc(100vh - 2.68rem);width:100%;height:1px;background-color:rgba(255,255,255,.3)}.feature_page .banner_move{position:absolute;width:100%;height:100vh;transform:translateY(100vh);will-change:transform}.feature_page .banner{position:absolute;width:100%;height:100%;overflow:hidden;transform-origin:center center;-webkit-mask-image:url(../img/feature_pic_mask.svg);mask-image:url(../img/feature_pic_mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:50%;mask-size:50%;will-change:transform,mask-image,mask-size}.feature_page .banner .banner_group{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(.6);will-change:scale}.feature_page .banner .pic{position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:transform .9s cubic-bezier(.66,.02,.61,.99)}.feature_page .container{position:absolute;width:100%;height:100%}.feature_page .container .content{position:absolute;bottom:.72rem;left:.72rem;display:flex;flex-direction:column;transform:translateY(300px)}.feature_page .container .content .tab_list{display:flex;flex-wrap:nowrap;padding-bottom:.15rem;border-bottom:solid 1px rgba(255,255,255,.5)}.feature_page .container .content .tab_list .tab_btn{position:relative;display:block;padding:.05rem .1rem;height:.22rem;margin-right:.21rem;color:#fff;font-weight:400;text-transform:uppercase;font-family:OPPOSans;display:flex;align-items:center;background-color:transparent;border-radius:.02rem;transition:background-color .3s ease-in-out}.feature_page .container .content .tab_list .tab_btn::after{content:"";position:absolute;width:.07rem;height:.22rem;background:url(../img/feature_icon.svg) no-repeat center center;background-size:auto 100%;top:.05rem;right:-.14rem;opacity:.5}.feature_page .container .content .tab_list .tab_btn:last-child{margin-right:0}.feature_page .container .content .tab_list .tab_btn:last-child::after{display:none}.feature_page .container .content .tab_list .tab_btn span{height:.22rem;line-height:.22rem}.feature_page .container .content .tab_list .tab_btn span.arrow{width:.1rem;height:.08rem;background:url(../img/feature_r.svg) no-repeat center center;background-size:auto 100%;transition:background .3s ease-in-out}.feature_page .container .content .tab_list .tab_btn span.name{display:block;color:#fff;font-size:.2rem;margin-left:.08rem;transition:color .3s ease-in-out}.feature_page[data-lang=en] .container .content .tab_list .tab_btn span.name,.feature_page[data-lang=ja] .container .content .tab_list .tab_btn span.name,.feature_page[data-lang=ko] .container .content .tab_list .tab_btn span.name,.feature_page[data-lang=zh-TW] .container .content .tab_list .tab_btn span.name{font-family:MPlus;font-weight:700}.feature_page .container .content .tab_list .tab_btn.active,.feature_page .container .content .tab_list .tab_btn.active:hover{background-color:#5cfcfc}.feature_page .container .content .tab_list .tab_btn.active span.arrow,.feature_page .container .content .tab_list .tab_btn.active:hover span.arrow{background:url(../img/feature_r_active.svg) no-repeat center center;background-size:auto 100%}.feature_page .container .content .tab_list .tab_btn:hover span.arrow{background:url(../img/feature_r_hover.svg) no-repeat center center;background-size:auto 100%}.feature_page .container .content .tab_list .tab_btn.active span.name,.feature_page .container .content .tab_list .tab_btn.active:hover span.name{color:#000}.feature_page .container .content .tab_list .tab_btn:hover span.name{color:#5cfcfc}.feature_page .container .content .desc{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem;color:#fff}.feature_page .container .content .desc .desc_group{position:relative;height:.22rem;line-height:.22rem;flex:1}.feature_page .container .content .desc .desc_group span{position:absolute;font-family:OPPOSans;font-size:.18rem;font-weight:400;text-transform:uppercase;opacity:0;transition:opacity .9s ease-in-out}.feature_page[data-lang=en] .container .content .desc .desc_group span,.feature_page[data-lang=ja] .container .content .desc .desc_group span,.feature_page[data-lang=ko] .container .content .desc .desc_group span,.feature_page[data-lang=zh-TW] .container .content .desc .desc_group span{font-family:MPlus;font-weight:600}.feature_page .container .content .desc .desc_group span::after{content:"»";margin-left:.2rem}.feature_page .container .content .desc .desc_group span.active{opacity:1}.feature_page .container .content .desc .warn{font-family:tomorrow;font-size:.11rem;font-weight:400;letter-spacing:.44px;text-transform:uppercase;opacity:.7}@media only screen and (max-device-width:1366px) and (orientation:landscape){.feature_page .container .content{bottom:1.44rem}.feature_page .line{top:calc(100vh - 3.4rem)}}