.a-sub-nav{display:flex;justify-content:flex-start;align-items:center;padding-top:48px;padding-bottom:32px;width:100%;overflow:hidden}.a-sub-nav .nav-logo-wrap{min-width:200px;padding-left:54px}.a-sub-nav .nav-logo-wrap a{display:flex;justify-content:flex-start;align-items:center;color:#fff}.a-sub-nav .nav-logo-wrap .u-logo{width:40px;height:40px}.a-sub-nav .nav-logo-wrap .about-title{padding-left:13px;font-weight:700;font-size:34px}.a-sub-nav .sub-nav-list{display:flex;justify-content:flex-start;align-items:center;padding-left:45px}.a-sub-nav .sub-nav-list .sub-nav-item{list-style:none;margin:0 10px;width:140px;height:50px;line-height:50px;text-align:center;color:#fff;cursor:pointer}.a-sub-nav .sub-nav-list .sub-nav-item.router-link-exact-active{color:#24292e;background-color:#fff;font-weight:700;border-radius:30px}.a-sub-nav .sub-nav-list .sub-nav-item:hover{font-weight:700}.a-sub-nav.is--phone{padding:0;width:100%;height:100%;overflow:hidden;align-items:flex-start}.a-sub-nav.is--phone .sub-nav-list{flex-direction:column;align-items:flex-start;padding:0;margin:0;width:100%}.a-sub-nav.is--phone .sub-nav-list .sub-nav-item{color:#24292e;width:calc(100% - 30px);border-radius:10px;text-align:left;padding-left:30px;margin:0}.a-sub-nav.is--phone .sub-nav-list .sub-nav-item.router-link-exact-active{color:#4f46e5}@media screen and (max-width:1133px){.a-sub-nav .nav-logo-wrap{display:none}}.hvr-underline-from-center{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#fff;height:4px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.nested-enter-active,.nested-leave-active{transition:all .3s ease-in-out}.nested-leave-active{transition-delay:.25s}.nested-enter-from,.nested-leave-to{transform:translateY(30px);opacity:0}.nested-enter-active .inner,.nested-leave-active .inner{transition:all .3s ease-in-out}.nested-enter-active .inner{transition-delay:.25s}.nested-enter-from .inner,.nested-leave-to .inner{transform:translateX(30px);opacity:.001}.about-page-enter-active{transition:none}.about-page-leave-active{display:none;transition:none}.about-page-enter-from{transform:none;opacity:1}.hvr-float-shadow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-duration:.3s;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,#ffffff8c 0,#0000 80%);transition-duration:.3s;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;transform:translateY(5px)}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{transform:scale(1.1)}.m-about-main{position:relative;height:100vh;min-height:560px;padding-top:60px;background:linear-gradient(180deg,#f2f2f2,#fff);overflow:hidden;transition:.15s ease-in-out}.m-about-main:before{content:"";position:absolute;inset:0;z-index:0;background:url(https://cdn.jx3box.com/design/about/bg-texture.png) 50%/cover no-repeat;pointer-events:none}.m-about-layout{z-index:1;min-height:inherit}.m-about-layout,.m-about-sidebar{position:relative;display:flex;height:100%}.m-about-sidebar{z-index:3;flex-direction:column;flex:0 0 320px;box-sizing:border-box;padding:64px 0 12px;background:linear-gradient(90deg,#fffc,#fffc),linear-gradient(90deg,#fff,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.m-about-sidebar__title{display:flex;align-items:flex-end;gap:10px;box-sizing:border-box;width:100%;margin-bottom:64px;padding-left:48px;font-family:OPPOSans,Microsoft YaHei,sans-serif;font-size:28px;line-height:1;white-space:nowrap}.m-about-sidebar__title strong{color:#333;font-weight:900}.m-about-sidebar__title span{color:#615fff;font-weight:400}.m-about-sidebar__title em{color:#989cb1;font-style:normal;font-weight:400}.m-about-sidebar__nav{display:flex;flex-direction:column;width:100%}.m-about-sidebar__mascot{position:absolute;left:0;bottom:-12px;z-index:1;width:227px;height:340px;object-fit:cover;object-position:left top;pointer-events:none}.about-mascot-enter-active{animation:about-mascot-in .3s cubic-bezier(.2,1.35,.38,1) both}.about-mascot-leave-active{animation:about-mascot-out .3s cubic-bezier(.56,0,.78,0) both}@keyframes about-mascot-in{0%{opacity:0;transform:translateX(-90px) scale(.96)}72%{opacity:1;transform:translateX(8px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes about-mascot-out{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-90px) scale(.96)}}.m-about-sidebar__item{display:flex;align-items:center;gap:16px;box-sizing:border-box;width:100%;min-height:72px;padding-left:36px;color:#80828c;font-family:OPPOSans,Microsoft YaHei,sans-serif;font-size:18px;font-weight:500;line-height:1.35;text-decoration:none;transition:color .15s ease,background-color .15s ease}.m-about-sidebar__item.is-active,.m-about-sidebar__item:hover{color:#333;background-color:#fff;font-weight:700}.m-about-sidebar__item.is-active .u-nav-arrow{opacity:1}.u-nav-arrow{position:relative;flex:0 0 36px;width:36px;height:36px;opacity:0}.u-nav-arrow:before{content:"";position:absolute;left:8px;top:14px;width:21px;height:9px;background:url(https://cdn.jx3box.com/static/index/img/nav-arrow.297be9bc.svg) 50%/contain no-repeat;transform:rotate(90deg);transform-origin:center}.m-about-stage{position:relative;flex:1 1 auto;box-sizing:border-box;min-width:0;height:100%;padding:48px clamp(120px,18.75vw,360px) 48px clamp(40px,4.17vw,80px);overflow:hidden}.m-about-hero{bottom:-320px;right:-170px;animation:about-group-bg-float 6s ease-in-out infinite;will-change:transform}.m-about-group-bg,.m-about-hero{position:absolute;z-index:1;max-width:none;pointer-events:none}.m-about-group-bg{bottom:-460px;right:-330px;opacity:.2}@keyframes about-group-bg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}.m-about-panel{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-height:0}.m-about-heading{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:66px;padding:16px 28px;border:2px solid #fff;border-radius:99px;background:#fff;font-family:OPPOSans,Microsoft YaHei,sans-serif}.m-about-heading__title{display:flex;align-items:center;gap:12px;min-width:0;color:#333;font-size:24px;font-weight:700;line-height:1.35}.m-about-heading__title img,.u-heading-icon{flex:0 0 24px;width:24px;height:24px}.u-heading-icon{object-fit:contain}.m-about-heading__mark{flex:0 0 auto;color:#666;font-size:18px;font-weight:400;line-height:1.35}.m-about-content{position:relative;z-index:2;flex:1 1 auto;box-sizing:border-box;width:100%;min-height:0;padding-top:32px;overflow:auto}.m-about-main.is-index .m-about-content{padding-top:0;overflow:visible}.m-about-main.is-group{background:linear-gradient(180deg,#9ecbfc,#fff)}.m-about-main.is-group:before{opacity:0}.m-about-main.is-group .m-about-content{padding-top:clamp(56px,8vh,104px);overflow:visible}.m-about-main.is-group .m-about-stage{padding-right:clamp(40px,4.17vw,80px)}.m-about-main.is-author{background:linear-gradient(180deg,#fff0,#ffffffbf),linear-gradient(180deg,#e2cfa9,#fff)}.m-about-main.is-author:before{opacity:0}.m-about-main.is-author .m-about-stage{padding-right:clamp(40px,4.17vw,80px)}.m-about-main.is-author .m-about-content{padding-top:32px;overflow:visible}.m-about-main.is-terms{background:linear-gradient(180deg,#fff0,#ffffffbf),linear-gradient(180deg,#8f95ae,#fff)}.m-about-main.is-terms:before{opacity:0}.m-about-main.is-terms .m-about-stage{padding-right:clamp(40px,4.17vw,80px)}.m-about-main.is-terms .m-about-content{padding-top:32px;overflow:hidden}.m-about-main.is-terms .m-about-heading__mark{opacity:0}.m-about-bread,.m-about-nav--left,.m-about-nav--top{display:none}@media screen and (max-width:1440px){.m-about-hero{bottom:-160px;right:-100px;width:620px}}@media screen and (min-width:721px) and (max-width:1280px){.m-about-sidebar{flex-basis:170px;padding-top:40px}.m-about-sidebar__title{gap:6px;margin-bottom:42px;padding-left:28px;font-size:18px}.m-about-sidebar__item{gap:8px;min-height:50px;padding-left:20px;font-size:13px}.u-nav-arrow{flex-basis:24px;width:24px;height:24px}.u-nav-arrow:before{left:5px;top:9px;width:15px;height:6px}.m-about-stage{padding:26px 30px 32px 42px}.m-about-main.is-group .m-about-content{padding-bottom:48px;overflow-y:auto}.m-about-main.is-group .m-about-content::-webkit-scrollbar{width:4px}.m-about-main.is-group .m-about-content::-webkit-scrollbar-track,.m-about-main.is-group .m-about-content::-webkit-scrollbar-track-piece{background-color:#fafafa;border-radius:6px}.m-about-main.is-group .m-about-content::-webkit-scrollbar-thumb{background-color:#eee;border-radius:6px}.m-about-main.is-group .m-about-content::-webkit-resizer,.m-about-main.is-group .m-about-content::-webkit-scrollbar-button,.m-about-main.is-group .m-about-content::-webkit-scrollbar-corner{display:none}.m-about-group-bg{top:auto;bottom:-320px;right:-280px;width:680px}.m-about-sidebar__mascot{width:120px;height:180px}.m-about-heading{min-height:38px;padding:8px 14px;border-width:1px}.m-about-heading__title{gap:8px;font-size:13px}.m-about-heading__title img,.u-heading-icon{flex-basis:14px;width:14px;height:14px}.m-about-heading__mark{font-size:11px}}@media (prefers-reduced-motion:reduce){.about-mascot-enter-active,.about-mascot-leave-active{animation:none}}@media screen and (min-width:1200px) and (max-width:1280px){.m-about-group-bg{top:auto;bottom:-360px;right:-220px;width:860px}}@media screen and (max-width:720px){.m-about-main{padding-top:64px;height:calc(100vh - 64px);min-height:0;overflow:auto}.m-about-main:before{display:none}.m-about-layout{display:block;height:auto;min-height:0}.m-about-group-bg,.m-about-heading,.m-about-hero,.m-about-sidebar,.m-about-sidebar__mascot{display:none}.m-about-panel,.m-about-stage{display:block;height:auto;min-height:0;padding:0;overflow:visible}.m-about-content{padding-top:48px;padding:20px;overflow:visible}.m-about-main.is-group .m-about-stage{padding-right:0}.m-about-bread,.m-about-nav--left{display:block}.m-about-nav--top{display:none}.a-sub-nav{height:auto}.sub-nav-list{flex-direction:column}}.m-about-button{text-align:center;margin-top:20px;padding-bottom:40px}.m-about-button a{display:inline-flex;align-items:center;padding:20px 40px;border-radius:4px;transition:.1s ease-in-out}.m-about-button a i{margin-right:5px}.about-detail-wrapper{position:relative;margin:0 auto;max-width:1024px;overflow-x:hidden;color:#333}.about-detail-wrapper .detail-title{margin-bottom:30px;text-align:center;font-size:50px;font-weight:700;color:#333}.about-detail-wrapper .detail-title-list{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.about-detail-wrapper .detail-title-list .title-item{padding:10px 20px;color:#666;cursor:pointer}.about-detail-wrapper .detail-title-list .title-item.router-link-exact-active,.about-detail-wrapper .detail-title-list .title-item.title-active{font-size:50px;font-weight:700;color:#333}.about-detail-wrapper .detail-content-wrap{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;box-sizing:border-box;padding:5px 15px 15px 15px;overflow-x:hidden;overflow-y:auto}.about-detail-wrapper .detail-content-wrap.detail-text-wrap{background-color:#ffffffe0;color:#000;border-radius:30px}.about-detail-wrapper .detail-content-wrap .m-detail-item{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:15px;width:100%;height:140px;box-sizing:border-box;border-radius:10px;background-color:#ffffffe0;color:#000;overflow:hidden}.about-detail-wrapper .detail-content-wrap .m-detail-item .right{overflow:hidden}.about-detail-wrapper .detail-content-wrap .m-detail-item .name{font-size:16px;white-space:nowrap;word-break:keep-all;word-wrap:normal;overflow-wrap:normal;text-overflow:ellipsis;overflow:hidden}.about-detail-wrapper .detail-content-wrap .m-detail-item .qq{display:flex;justify-content:flex-start;align-items:center}.about-detail-wrapper .detail-content-wrap .m-detail-item .qq span{font-size:20px;font-weight:700}.about-detail-wrapper .detail-content-wrap .m-detail-item i{margin:0 10px 0 26px;font-size:50px;font-weight:700}.about-detail-wrapper .detail-content-wrap .m-detail-item .btn{display:none;margin-left:10px;font-size:12px;padding:2px 6px;border-radius:4px}.about-detail-wrapper .detail-content-wrap .m-detail-item:hover .btn{display:inline-block;color:#fff;background-color:#43a6ff}@media screen and (max-width:720px){.m-about-content .detail-content-wrap{height:100%;width:calc(100% - 20px);padding:5px}.m-about-content .detail-title{margin-top:30px;font-size:24px}.m-about-content .detail-title-list{margin-top:20px;margin-bottom:20px}.m-about-content .detail-title-list .title-item{width:20px}.m-about-content .detail-title-list .title-item.title-active{font-size:24px}.m-about-content .detail-title-list .title-item.special-title-item{width:auto}.m-about-content .detail-text-wrap{height:100%;margin-left:5px;margin-bottom:20px}.m-about-content .m-detail-item{margin-left:15px}}.v-miniprogram .m-about-main{padding-top:0;height:auto;min-height:100vh;background:none!important;overflow:auto}.v-miniprogram .c-breadcrumb,.v-miniprogram .m-about-bread,.v-miniprogram .m-about-content,.v-miniprogram .m-about-layout,.v-miniprogram .m-about-nav--left{display:none}.v-miniprogram .m-about-mobile{display:block}.v-miniprogram .m-about-mobile__header{padding:40px 20px 10px;display:flex;align-items:center;flex-direction:column}.v-miniprogram .m-about-mobile__header .u-logo-wrap{width:80px;height:80px;background-color:#18181b;border-radius:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #00000014;overflow:hidden}.v-miniprogram .m-about-mobile__header .u-logo-wrap img{width:50px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}.v-miniprogram .m-about-mobile__header .u-title{margin-top:16px;font-size:20px;font-weight:700;letter-spacing:-.05em;line-height:1.4}.v-miniprogram .m-about-mobile__header .u-desc{margin-top:4px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.v-miniprogram .m-about-mobile__content{margin-top:16px;border-top:1px solid #f8fafc;border-bottom:1px solid #f8fafc}.v-miniprogram .m-about-mobile__content .u-list{padding:0;margin:0 24px}.v-miniprogram .m-about-mobile__content .u-item{list-style:none;border-bottom:1px solid #f8fafc;padding:20px 0;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease}.v-miniprogram .m-about-mobile__content .u-item:last-child{border-bottom:none}.v-miniprogram .m-about-mobile__content .u-item:active{background-color:#f8fafc;transform:scale(.98)}.v-miniprogram .m-about-mobile__content .u-label{font-size:15px;font-weight:500;color:#475569}.v-miniprogram .m-about-mobile__content .u-value{font-size:15px;color:#94a3b8;display:flex;align-items:center}.v-miniprogram .m-about-mobile__content .u-value--link{color:#3b82f6;font-weight:600;text-decoration:none}.v-miniprogram .m-about-mobile__content .u-value--link .u-arrow{margin-left:4px;font-size:14px;font-style:normal}.v-miniprogram .m-about-mobile__action{margin-top:48px;padding:0 26px}.v-miniprogram .m-about-mobile__action .u-website-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 0;background-color:#18181b;color:#fff;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 15px -3px #00000014;transition:all .15s ease;box-sizing:border-box}.v-miniprogram .m-about-mobile__action .u-website-btn:active{transform:scale(.95)}.v-miniprogram .m-about-mobile__action .u-website-btn .u-btn-icon{margin-right:8px;font-size:14px;font-style:normal;filter:grayscale(1) brightness(100)}.v-miniprogram .m-about-mobile__footer{padding:24px 0 40px;text-align:center}.v-miniprogram .m-about-mobile__footer p{font-size:10px;font-weight:500;color:#cbd5e1;text-transform:uppercase;letter-spacing:.15em;margin:0}.m-about-mobile{display:none}