.header{position:fixed;top:0;width:100%;height:.72rem;box-sizing:border-box;border-bottom:solid 1px rgba(255,255,255,.5);background-color:rgba(92,252,252,.2);display:flex;align-items:center;transition:transform .3s ease-out}.header.hide{transform:translateY(-.72rem)}.header .l_container{display:flex;align-items:center;margin-left:.72rem}.header .l_container .logo{width:1.81rem;height:.72rem;background:url(../img/logo.svg) no-repeat center center;background-size:1.17rem auto;border-left:solid 1px rgba(255,255,255,.5);border-right:solid 1px rgba(255,255,255,.5);box-sizing:border-box}.header[data-lang=en] .l_container .logo{background:url(../img/logo_en.png) no-repeat center center;background-size:100% auto}.header[data-lang=ja] .l_container .logo{background:url(../img/logo_ja.png) no-repeat center center;background-size:100% auto}.header[data-lang=ko] .l_container .logo{background:url(../img/logo_ko.png) no-repeat center center;background-size:100% auto}.header[data-lang=zh-TW] .l_container .logo{background:url(../img/logo_zh_TW.png) no-repeat center center;background-size:90% auto}.header .l_container .menu_list{display:flex;align-items:center}.header .l_container .menu_list a.menu_btn{position:relative;color:#fff;font-family:OPPOSans;font-size:.16rem;font-weight:400;letter-spacing:.32px;text-transform:capitalize;margin-left:.56rem;transition:color .3s ease-out;height:.12rem;line-height:.12rem;white-space:nowrap}.header[data-lang=en] .l_container .menu_list a.menu_btn,.header[data-lang=ja] .l_container .menu_list a.menu_btn,.header[data-lang=ko] .l_container .menu_list a.menu_btn{font-family:MPlus;font-weight:600}.header .l_container .menu_list a.menu_btn::before{content:"";position:absolute;width:.03rem;height:.09rem;background:url(../img/menu_active_icon.svg) no-repeat center center;background-size:cover;left:-.11rem;opacity:0;transition:opacity .3s ease-out}.header .l_container .menu_list a.menu_btn:first-child{margin-left:.9rem}.header .l_container .menu_list a.menu_btn.active,.header .l_container .menu_list a.menu_btn:hover{color:#5cfcfc}.header .l_container .menu_list a.menu_btn .recharge_tag{position:absolute;right:-.67rem;top:-.16rem;background-image:url(../img/recharge_tag_bg.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;width:.61rem;height:.16rem;font-size:.14rem;color:#fff;font-weight:700;font-family:MPlus}.header .l_container .menu_list a.menu_btn .recharge_tag.extra_add{width:.86rem;right:-.93rem;background-image:url(../img/recharge_tag_extra_add_bg.svg)}.header .l_container .menu_list a.menu_btn.active::before{opacity:1}.header .r_container{position:absolute;right:0;display:flex;align-items:center;margin-right:.72rem}.header .r_container .lang_list{position:relative;height:.72rem;border-right:solid 1px rgba(255,255,255,.5);box-sizing:border-box;display:flex;flex-flow:row nowrap;align-items:center;flex-wrap:nowrap;white-space:nowrap;justify-content:right;cursor:pointer;max-width:1.83rem;background-color:transparent;transition:max-width .3s ease-out,background .3s ease-out;overflow:hidden;padding-right:.63rem}.header[data-lang=ja] .r_container .lang_list,.header[data-lang=ko] .r_container .lang_list{max-width:1.63rem}.header .r_container .lang_list::after{position:absolute;content:"";width:.13rem;height:.13rem;background-repeat:no-repeat;background-position:center center;background-image:url(../img/arrow_down_white.svg);background-size:100% auto;right:.4rem;transition:transform .3s ease-out,background .3s ease-out}.header .r_container .lang_list:hover{max-width:1000px;background-color:#5cfcfc}.header .r_container .lang_list:hover::after{background-image:url(../img/arrow_down_black.svg);transform:rotate(90deg)}.header .r_container .lang_list .lang_btn{display:block;height:.32rem;line-height:.32rem;padding:0 .12rem;color:#fff;text-align:center;font-family:OPPOSans;font-size:.14rem;font-weight:400;text-transform:uppercase;margin-left:.32rem;border-radius:.04rem;background-color:transparent;transition:background .3s ease-out,color .3s ease-out}.header .r_container .lang_list .lang_btn:first-child{margin-left:.4rem}.header .r_container .lang_list:hover .lang_btn{color:#000}.header .r_container .lang_list .lang_btn:hover{color:#5cfcfc;background-color:#000}.header .r_container .lang_list .arrow_icon{display:block;margin-left:.1rem;width:.13rem;height:.13rem;background-repeat:no-repeat;background-position:center center;background-image:url(../img/arrow_down_white.svg);background-size:100% 100%;margin-right:.4rem}.header .r_container .share_list{position:relative;height:.72rem;border-left:solid 1px rgba(255,255,255,.5);border-right:solid 1px rgba(255,255,255,.5);box-sizing:border-box;display:flex;flex-flow:row nowrap;align-items:center;flex-wrap:nowrap;white-space:nowrap;justify-content:right;cursor:pointer;max-width:1.36rem;background-color:transparent;transition:max-width .3s ease-out,background .3s ease-out;overflow:hidden;padding-right:.73rem}.header .r_container .share_list::after{position:absolute;content:"";width:.13rem;height:.13rem;background-repeat:no-repeat;background-position:center center;background-image:url(../img/arrow_down_white.svg);background-size:100% auto;right:.48rem;transition:transform .3s ease-out,background .3s ease-out}.header .r_container .share_list:hover{max-width:1000px;background-color:#5cfcfc}.header .r_container .share_list:hover::after{background-image:url(../img/arrow_down_black.svg);transform:rotate(90deg)}.header .r_container .share_list a.share_btn{display:block;margin-left:.32rem;height:.2rem;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;transition:background .3s ease-out,opacity .3s ease-out}.header .r_container .share_list a.share_btn span{opacity:0}.header .r_container .share_list a.share_btn:first-child{margin-left:.48rem}.header .r_container .share_list a.share_btn:last-child{opacity:1}.header .r_container .share_list a.share_btn.bili{width:.19rem;height:.18rem;background-image:url(../img/bili_black_icon.svg)}.header .r_container .share_list a.share_btn.tap{width:.275rem;height:.15rem;background-image:url(../img/tap_black_icon.svg)}.header .r_container .share_list a.share_btn.wx{width:.24rem;background-image:url(../img/wx_black_icon.svg)}.header .r_container .share_list a.share_btn.qq{width:.175rem;background-image:url(../img/qq_black_icon.svg)}.header .r_container .share_list a.share_btn.wb{width:.24rem;background-image:url(../img/wb_black_icon.svg)}.header .r_container .share_list a.share_btn.ky{width:.19rem;background-image:url(../img/ky_black_icon.svg)}.header .r_container .share_list a.share_btn.dy{width:.18rem;background-image:url(../img/dy_icon.svg);background-size:auto 100%}.header .r_container .share_list:hover a.share_btn.dy{background-image:url(../img/dy_black_icon.svg);background-size:auto 100%}.header .r_container .share_list a.share_btn.x{width:.26rem;background-image:url(../img/x_icon_white.svg);background-size:auto 100%}.header .r_container .share_list:hover a.share_btn.x{background-image:url(../img/x_icon_black.svg);background-size:auto 100%}.header .r_container .share_list a.share_btn.ytb{width:.34rem;background-image:url(../img/ytb_icon_black.svg)}.header .r_container .share_list a.share_btn.xl{width:.31rem;background-image:url(../img/xl_icon_black.svg)}.header .r_container .share_list a.share_btn.n{width:.24rem;background-image:url(../img/n_icon_black.svg)}.header .r_container .share_list a.share_btn.f{width:.24rem;background-image:url(../img/f_icon_black.svg)}.header[data-lang=en] .r_container .share_list a.share_btn.dy,.header[data-lang=en] .r_container .share_list a.share_btn.f,.header[data-lang=en] .r_container .share_list a.share_btn.n{display:none}.header[data-lang=ja] .r_container .share_list a.share_btn.dy,.header[data-lang=ja] .r_container .share_list a.share_btn.f,.header[data-lang=ja] .r_container .share_list a.share_btn.n{display:none}.header[data-lang=ko] .r_container .share_list a.share_btn.dy,.header[data-lang=ko] .r_container .share_list a.share_btn.f,.header[data-lang=ko] .r_container .share_list a.share_btn.xl{display:none}.header[data-lang=zh-TW] .r_container .share_list a.share_btn.n,.header[data-lang=zh-TW] .r_container .share_list a.share_btn.ytb{display:none}.header .r_container .share_list:hover a.share_btn{opacity:1}