.oc-text-inside {
    margin: -0.01rem;
    padding: 0;
    width: 0.01rem;
    height: 0.01rem;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 0.01rem dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 0.4rem
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 0.01rem solid #c0c0c0;
    margin: 0 0.02rem;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    width: 100%;
    font-size: inherit !important
}

html:after {
    display: none;
    content: 'xs: (max-width: 768px) | sm: (max-width: 1024px) | md: (max-width: 1440px) | lg: (max-width: 1920px) | xl: (min-width: 1921px)'
}

body {
    color: #000;
    font-size: 0.14rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.isapp body * {
    font-family: 'Microsoft YaHei' !important
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ol,
p,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal
}

em,
i,
strong {
    font-style: normal
}

input:focus {
    outline: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    outline: none;
    -webkit-user-drag: none
}

ul,
menu,
dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

input,
textarea {
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a0a0a0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a0a0a0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0a0a0
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0a0a0 !important
}

input::-ms-clear,
textarea::-ms-clear {
    display: none
}

input::-ms-reveal,
textarea::-ms-reveal {
    display: none
}

input:focus,
textarea:focus {
    outline: 0
}

#oc-wrapper {
    box-sizing: border-box;
    height: auto;
    min-height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: auto;
    overflow: hidden
}

@media (max-width: 1023.98px) {
    #oc-wrapper {
        padding-top: 0.52rem
    }
}

#oc-wrapper.main {
    padding-top: 0
}

#oc-container {
    width: 100%;
    position: relative;
    padding-top: 0.8rem
}

.clean-theme #oc-container {
    padding-top: 0
}

@media (min-width: 1024px) and (max-width: 1440px) {
    #oc-container {
        padding-top: 0.64rem
    }
}

@media (max-width: 1023.98px) {
    #oc-container {
        min-height: auto;
        padding-top: 0
    }
    .clean-theme #oc-container {
        margin-top: -0.52rem
    }
}

[data-index='normal'],
.mask-index-normal {
    z-index: 900
}

[data-index='top'],
.mask-index-top {
    z-index: 1010
}

#oc-top-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0.5s
}

@media (max-width: 768px) {
    #oc-top-mask {
        cursor: pointer;
        pointer-events: all
    }
}

.show-mask #oc-top-mask {
    opacity: 1;
    max-height: 100vh;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0s
}

.noscroll {
    width: 100%;
    position: relative;
    overflow: hidden !important;
    height: 100% !important
}

.noscroll body {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.hide {
    display: none !important
}

.hidden {
    visibility: hidden !important
}

.lazyload {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

.page-h1 {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-transform: translateX(-999.99rem) scale(0);
    transform: translateX(-999.99rem) scale(0)
}

@media (min-width: 1440px) {
    .safe-area {
        width: 13.2rem
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .safe-area {
        width: 8.96rem
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .safe-area {
        width: 6.4rem
    }
}

@media (max-width: 767.98px) {
    .safe-area {
        width: 3.17rem
    }
}

.cp-img-modal {
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.cp-img-modal.img-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cp-img-modal.img-mask .close-video-btn {
    display: block
}

.cp-img-modal img {
    max-width: 90%;
    max-height: 90%
}

.cp-img-modal .close-video-btn {
    display: none;
    position: fixed;
    top: 0.2rem;
    right: 0.2rem
}

.cp-img-modal .close-video-btn i {
    color: #fff;
    font-size: 0.2rem
}

.cp-video-modal {
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.cp-video-modal.video-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cp-video-modal.video-mask .close-video-btn {
    display: block
}

.cp-video-modal .video {
    display: block;
    max-height: 100%;
    max-width: 100%;
    cursor: pointer
}

.cp-video-modal .video:focus {
    border: none;
    outline: none
}

.cp-video-modal .close-video-btn {
    display: none;
    position: fixed;
    top: 0.2rem;
    right: 0.2rem
}

@media (min-width: 1440px) {
    .cp-video-modal .close-video-btn {
        right: 0.4rem
    }
}

.cp-video-modal .close-video-btn i {
    color: #fff;
    font-size: 0.2rem
}

.oc-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ie.lt-9 .oc-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ie.lt-9 .oc-row * html {
    height: 0.01rem
}

.oc-row .col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.ie.lt-9 .oc-row .col-1 {
    width: 8.33333%;
    float: left
}

.oc-row .col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.ie.lt-9 .oc-row .col-2 {
    width: 16.66667%;
    float: left
}

.oc-row .col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.ie.lt-9 .oc-row .col-3 {
    width: 25%;
    float: left
}

.oc-row .col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.ie.lt-9 .oc-row .col-4 {
    width: 33.33333%;
    float: left
}

.oc-row .col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.ie.lt-9 .oc-row .col-5 {
    width: 41.66667%;
    float: left
}

.oc-row .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.ie.lt-9 .oc-row .col-6 {
    width: 50%;
    float: left
}

.oc-row .col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.ie.lt-9 .oc-row .col-7 {
    width: 58.33333%;
    float: left
}

.oc-row .col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.ie.lt-9 .oc-row .col-8 {
    width: 66.66667%;
    float: left
}

.oc-row .col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.ie.lt-9 .oc-row .col-9 {
    width: 75%;
    float: left
}

.oc-row .col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.ie.lt-9 .oc-row .col-10 {
    width: 83.33333%;
    float: left
}

.oc-row .col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.ie.lt-9 .oc-row .col-11 {
    width: 91.66667%;
    float: left
}

.oc-row .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.ie.lt-9 .oc-row .col-12 {
    width: 100%;
    float: left
}

@media (min-width: 1920px) {
    .oc-row .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-xl-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-xl-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-xl-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-xl-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-xl-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-xl-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-xl-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-xl-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-xl-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-xl-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-xl-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-xl-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1440px) {
    .oc-row .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-md-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-md-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-md-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-md-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-md-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-md-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-md-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-md-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-md-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-md-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-md-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-md-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1024px) {
    .oc-row .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-sm-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-sm-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-sm-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-sm-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-sm-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-sm-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-sm-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-sm-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-sm-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-sm-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-sm-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-sm-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 768px) {
    .oc-row .col-xs-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .ie.lt-9 .oc-row .col-xs-1 {
        width: 8.33333%;
        float: left
    }
    .oc-row .col-xs-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .ie.lt-9 .oc-row .col-xs-2 {
        width: 16.66667%;
        float: left
    }
    .oc-row .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .ie.lt-9 .oc-row .col-xs-3 {
        width: 25%;
        float: left
    }
    .oc-row .col-xs-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .ie.lt-9 .oc-row .col-xs-4 {
        width: 33.33333%;
        float: left
    }
    .oc-row .col-xs-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .ie.lt-9 .oc-row .col-xs-5 {
        width: 41.66667%;
        float: left
    }
    .oc-row .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .ie.lt-9 .oc-row .col-xs-6 {
        width: 50%;
        float: left
    }
    .oc-row .col-xs-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .ie.lt-9 .oc-row .col-xs-7 {
        width: 58.33333%;
        float: left
    }
    .oc-row .col-xs-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .ie.lt-9 .oc-row .col-xs-8 {
        width: 66.66667%;
        float: left
    }
    .oc-row .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .ie.lt-9 .oc-row .col-xs-9 {
        width: 75%;
        float: left
    }
    .oc-row .col-xs-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .ie.lt-9 .oc-row .col-xs-10 {
        width: 83.33333%;
        float: left
    }
    .oc-row .col-xs-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .ie.lt-9 .oc-row .col-xs-11 {
        width: 91.66667%;
        float: left
    }
    .oc-row .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .ie.lt-9 .oc-row .col-xs-12 {
        width: 100%;
        float: left
    }
}

body {
    font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
    overflow-x: hidden
}

body .text-keep {
    white-space: nowrap
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 0.01rem;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0.01rem solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 0.44rem
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0 - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@font-face {
    font-family: 'OPPOSans20-Regular';
    src: url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Regular.woff2) format("woff2"), url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Regular.woff) format("woff"), url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Regular.ttf) format("truetype");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'OPPOSans20-Light';
    src: url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Light.woff2) format("woff2"), url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Light.woff) format("woff"), url(/content/dam/oppo/coloros12/index/v1/fonts/OPPOSans20-Light.ttf) format("truetype");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

#oc-container {
    padding-top: 0 !important
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .navigation-container {
        position: absolute;
        width: 100%
    }
    #product-container .navigation-container .navigation-pc {
        padding: 0 .92593vh;
        position: relative;
        box-sizing: border-box;
        height: 9.62963vh;
        padding: 0 12.96296vh;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 99
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo {
        width: 7.03704vh;
        height: 1.85185vh;
        cursor: pointer
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo a {
        display: block;
        height: 1.85185vh;
        width: 8.24074vh;
        background-size: contain;
        font-size: 0;
        transition: all 1.2s ease-in-out
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo a path {
        fill: #000
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item {
        margin-left: 5.55556vh;
        line-height: 2.77778vh
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item :hover {
        opacity: .6;
        cursor: pointer
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        direction: rtl;
        text-align: right;
        color: #000;
        text-decoration: none;
        font-size: 1.48148vh
    }
    #product-container .navigation-container .navigation-mobile {
        display: none
    }
    #product-container .navigation-container .menu {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: block
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: block
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .logo svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        color: #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: block
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .logo svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        color: #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: block
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .navigation-container {
        position: absolute;
        width: 100%
    }
    #product-container .navigation-container .navigation-pc {
        padding: 0 .52083vw;
        position: relative;
        box-sizing: border-box;
        height: 5.41667vw;
        padding: 0 7.29167vw;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 99
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo {
        width: 3.95833vw;
        height: 1.04167vw;
        cursor: pointer
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo a {
        display: block;
        height: 1.04167vw;
        width: 4.63542vw;
        background-size: contain;
        font-size: 0;
        transition: all 1.2s ease-in-out
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .logo a path {
        fill: #000
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item {
        margin-left: 3.125vw;
        line-height: 1.5625vw
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item :hover {
        opacity: .6;
        cursor: pointer
    }
    #product-container .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        direction: rtl;
        text-align: right;
        color: #000;
        text-decoration: none;
        font-size: .83333vw
    }
    #product-container .navigation-container .navigation-mobile {
        display: none
    }
    #product-container .navigation-container .menu {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: block
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: block
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .logo svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        color: #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: block
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .logo svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item a {
        color: #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: block
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Overview-Arabia {
        display: none
    }
    #product-container .warmupPage .navigation-container .navigation-pc .navigation-pc-line .line-item-Spec-Arabia {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container .navigation-pc {
        display: none
    }
    #product-container .menu {
        display: none;
        box-sizing: border-box;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 98;
        background: #fff;
        text-align: center
    }
    #product-container .menu .menu-container {
        padding-top: 27.77778vw;
        height: 100%;
        -webkit-animation: fadeInTitle-data-v-795d0082 .5s;
        animation: fadeInTitle-data-v-795d0082 .5s;
        -webkit-animation-timing-function: cubic-bezier(0.13, 0, 0.26, 1);
        animation-timing-function: cubic-bezier(0.13, 0, 0.26, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    #product-container .menu .menu-container .inner {
        width: 100%;
        line-height: 27.77778vw;
        font-size: 6.66667vw
    }
    #product-container .menu .menu-container .inner a {
        direction: rtl;
        display: inline-block;
        color: #000;
        text-decoration: none
    }
    #product-container .navigation-mobile {
        position: absolute;
        height: 12.98333vw;
        background: transparent;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99
    }
    #product-container .navigation-mobile .navigation {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 0 5.55556vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 99
    }
    #product-container .navigation-mobile .navigation .navigation-line {
        position: relative;
        width: 4.16667vw;
        height: 2.77778vw
    }
    #product-container .navigation-mobile .navigation .navigation-line div {
        position: absolute;
        width: 4.16667vw;
        height: .27778vw;
        border-top: .55556vw solid #000
    }
    #product-container .navigation-mobile .navigation .navigation-line .navigation-line-top {
        top: 0;
        -webkit-transform: none;
        transform: none;
        transition: all .3s ease-in-out
    }
    #product-container .navigation-mobile .navigation .navigation-line .navigation-line-bottom {
        top: 2.77778vw;
        -webkit-transform: none;
        transform: none;
        transition: all .3s ease-in-out
    }
    #product-container .navigation-mobile .navigation .navigation-line:after {
        content: "";
        height: 7.5vw;
        position: absolute;
        width: 8.33333vw;
        left: -1.38889vw;
        top: -1.94444vw
    }
    #product-container .navigation-mobile .navigation .navigation-line:hover {
        cursor: pointer
    }
    #product-container .navigation-mobile .navigation .navigation-line.active div {
        position: absolute;
        top: .83333vw
    }
    #product-container .navigation-mobile .navigation .navigation-line.active .navigation-line-top {
        border-color: #000 !important;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .3s ease-in-out
    }
    #product-container .navigation-mobile .navigation .navigation-line.active .navigation-line-bottom {
        border-color: #000 !important;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: 0;
        transition: all .3s ease-in-out
    }
    #product-container .colorOS12-Overview .navigation-container .menu .menu-container .inner-Overview {
        display: block
    }
    #product-container .colorOS12-Overview .navigation-container .menu .menu-container .inner-Spec {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .menu .menu-container .inner-Overview-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview .navigation-container .menu .menu-container .inner-Spec-Arabia {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .menu .menu-container .inner-Overview {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .menu .menu-container .inner-Spec {
        display: none
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .menu .menu-container .inner-Overview-Arabia {
        display: block
    }
    #product-container .colorOS12-Overview-Arabia .navigation-container .menu .menu-container .inner-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-mobile {
        background: transparent !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-mobile .navigation svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-mobile .navigation .navigation-line div {
        border-top: .55556vw solid #fff !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-mobile .navigation .active div {
        border-top: .55556vw solid #000 !important
    }
    #product-container .spec-header-whiteColor .navigation-container .navigation-mobile .active svg g {
        fill: #000 !important
    }
    #product-container .spec-header-whiteColor .navigation-container .menu .menu-container .inner-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .menu .menu-container .inner-Spec {
        display: block
    }
    #product-container .spec-header-whiteColor .navigation-container .menu .menu-container .inner-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor .navigation-container .menu .menu-container .inner-Spec-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-mobile {
        background: transparent !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-mobile .navigation svg g {
        fill: #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-mobile .navigation .navigation-line div {
        border-top: .55556vw solid #fff !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-mobile .navigation .active div {
        border-top: .55556vw solid #000 !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .navigation-mobile .active svg g {
        fill: #000 !important
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .menu .menu-container .inner-Overview {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .menu .menu-container .inner-Spec {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .menu .menu-container .inner-Overview-Arabia {
        display: none
    }
    #product-container .spec-header-whiteColor-Arabia .navigation-container .menu .menu-container .inner-Spec-Arabia {
        display: block
    }
    #product-container .warmupPage .navigation-container .menu .menu-container .inner-Overview {
        display: none
    }
    #product-container .warmupPage .navigation-container .menu .menu-container .inner-Spec {
        display: none
    }
    #product-container .warmupPage .navigation-container .menu .menu-container .inner-Overview-Arabia {
        display: none
    }
    #product-container .warmupPage .navigation-container .menu .menu-container .inner-Spec-Arabia {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .menu .menu-container {
        padding-top: 22.22222vw
    }
    #product-container .menu .menu-container .inner {
        line-height: 13.88889vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .H01-Hero {
        position: relative;
        height: 100vh;
        width: 100%;
        background: url(/content/dam/oppo/coloros12/index/v1/assets/h01-mobile-bg.png) center no-repeat;
        background-size: cover;
        color: white
    }
    #product-container .H01-Hero .h01-container {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 32%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo {
        position: relative;
        width: 19.44444vw;
        height: 19.44444vw;
        background: white;
        border-radius: 4.44444vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: .83333vw;
        box-sizing: border-box;
        overflow: hidden
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo svg {
        position: absolute;
        left: 50%;
        top: 4.16667vw;
        width: 10.55556vw;
        height: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-l {
        position: absolute;
        height: 65%;
        width: 7.08333vw;
        background-color: white;
        top: 0;
        left: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-r {
        position: absolute;
        height: 65%;
        width: 7.08333vw;
        background-color: white;
        top: 0;
        right: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .h01-logo-hide {
        display: none
    }
    #product-container .H01-Hero .h01-container .H01-Hero-title {
        margin-top: 6.66667vw;
        font-size: 12.77778vw;
        line-height: 15.27778vw;
        text-align: center;
        letter-spacing: -0.11111vw;
        color: #000000
    }
    #product-container .H01-Hero .h01-container .H01-Hero-content {
        text-align: center;
        margin-top: 4.44444vw;
        font-size: 3.33333vw;
        line-height: 5.27778vw;
        color: white;
        letter-spacing: -0.05556vw;
        max-width: 79.16667vw;
        font-family: "OPPOSans20-Light", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        color: #000000
    }
    #product-container .H01-Hero .H01-Hero-mouse {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .H01-Hero {
        position: relative;
        height: 100vh;
        width: 100%;
        background: url(/content/dam/oppo/coloros12/index/v1/assets/h01-hero-pc-bg.png) center no-repeat;
        background-size: cover;
        color: white;
        background-color: white
    }
    #product-container .H01-Hero .h01-container {
        position: absolute;
        top: 28%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo {
        position: relative;
        width: 14.90741vh;
        height: 14.90741vh;
        background: white;
        border-radius: 2.96296vh;
        overflow: hidden;
        padding-top: .18519vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 100;
        box-sizing: border-box
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo svg {
        position: absolute;
        left: 50%;
        top: 2.68519vh;
        width: 9.25926vh;
        height: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-l {
        position: absolute;
        height: 65%;
        width: 5.0463vh;
        background-color: white;
        top: 0;
        left: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-r {
        position: absolute;
        height: 65%;
        width: 5.0463vh;
        background-color: white;
        top: 0;
        right: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .h01-logo-hide {
        display: none
    }
    #product-container .H01-Hero .h01-container .H01-Hero-title {
        margin-top: 5.18519vh;
        font-size: 14.81481vh;
        line-height: 17.77778vh;
        text-align: center;
        color: rgba(0, 0, 0, 0.8);
        letter-spacing: -.14815vh;
        font-family: "OPPOSans20-Light", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .H01-Hero .h01-container .H01-Hero-content {
        text-align: center;
        margin-top: 2.96296vh;
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        letter-spacing: -.01852vh;
        max-width: 65.74074vh;
        color: rgba(0, 0, 0, 0.8)
    }
    #product-container .H01-Hero .H01-Hero-mouse {
        position: absolute;
        bottom: 5.18519vh;
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: rgba(0, 0, 0, 0.8)
    }
    #product-container .H01-Hero .H01-Hero-mouse svg {
        height: 2.59259vh;
        width: 1.66667vh
    }
    #product-container .H01-Hero .H01-Hero-mouse span {
        margin-left: 1.48148vh;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        font-weight: bold
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .H01-Hero {
        position: relative;
        height: 100vh;
        width: 100%;
        background: url(/content/dam/oppo/coloros12/index/v1/assets/h01-hero-pc-bg.png) center no-repeat;
        background-size: cover;
        color: white;
        background-color: white
    }
    #product-container .H01-Hero .h01-container {
        position: absolute;
        top: 28%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo {
        position: relative;
        width: 8.38542vw;
        height: 8.38542vw;
        background: white;
        border-radius: 1.66667vw;
        overflow: hidden;
        padding-top: .10417vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 100;
        box-sizing: border-box
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo svg {
        position: absolute;
        left: 50%;
        top: 1.51042vw;
        width: 5.20833vw;
        height: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-l {
        position: absolute;
        height: 65%;
        width: 2.83854vw;
        background-color: white;
        top: 0;
        left: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .H01-Hero-logo .logo-bg-r {
        position: absolute;
        height: 65%;
        width: 2.83854vw;
        background-color: white;
        top: 0;
        right: 0;
        z-index: 99
    }
    #product-container .H01-Hero .h01-container .h01-logo-hide {
        display: none
    }
    #product-container .H01-Hero .h01-container .H01-Hero-title {
        margin-top: 2.91667vw;
        font-size: 8.33333vw;
        line-height: 10vw;
        text-align: center;
        color: rgba(0, 0, 0, 0.8);
        letter-spacing: -.08333vw;
        font-family: "OPPOSans20-Light", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .H01-Hero .h01-container .H01-Hero-content {
        text-align: center;
        margin-top: 1.66667vw;
        font-size: .83333vw;
        line-height: 1.25vw;
        letter-spacing: -.01042vw;
        max-width: 36.97917vw;
        color: rgba(0, 0, 0, 0.8)
    }
    #product-container .H01-Hero .H01-Hero-mouse {
        position: absolute;
        bottom: 2.91667vw;
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: rgba(0, 0, 0, 0.8)
    }
    #product-container .H01-Hero .H01-Hero-mouse svg {
        height: 1.45833vw;
        width: .9375vw
    }
    #product-container .H01-Hero .H01-Hero-mouse span {
        margin-left: .83333vw;
        font-size: .67708vw;
        line-height: .98958vw;
        font-weight: bold
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.oppo-find3-x .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.oppo-find3-x .swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.oppo-find3-x .swiper-container-android .swiper-slide,
.oppo-find3-x .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.oppo-find3-x .swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.oppo-find3-x .swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.oppo-find3-x .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.oppo-find3-x .swiper-slide-invisible-blank {
    visibility: hidden
}

.oppo-find3-x .swiper-container-autoheight,
.oppo-find3-x .swiper-container-autoheight .swiper-slide {
    height: auto
}

.oppo-find3-x .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.oppo-find3-x .swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.oppo-find3-x .swiper-container-3d .swiper-wrapper,
.oppo-find3-x .swiper-container-3d .swiper-slide,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.oppo-find3-x .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.oppo-find3-x :root {
    --swiper-navigation-size: 0.44rem
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-button-prev.swiper-button-disabled,
.oppo-find3-x .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.oppo-find3-x .swiper-button-next,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.oppo-find3-x .swiper-button-next:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.oppo-find3-x .swiper-button-prev.swiper-button-white,
.oppo-find3-x .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.oppo-find3-x .swiper-button-prev.swiper-button-black,
.oppo-find3-x .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.oppo-find3-x .swiper-button-lock {
    display: none
}

.oppo-find3-x .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.oppo-find3-x .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.oppo-find3-x .swiper-pagination-fraction,
.oppo-find3-x .swiper-pagination-custom,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.oppo-find3-x .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

.oppo-find3-x button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.oppo-find3-x .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.oppo-find3-x .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.oppo-find3-x .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.oppo-find3-x .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.oppo-find3-x .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.oppo-find3-x .swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.oppo-find3-x .swiper-pagination-lock {
    display: none
}

.oppo-find3-x .swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.oppo-find3-x .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.oppo-find3-x .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.oppo-find3-x .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-scrollbar-cursor-drag {
    cursor: move
}

.oppo-find3-x .swiper-scrollbar-lock {
    display: none
}

.oppo-find3-x .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.oppo-find3-x .swiper-zoom-container>img,
.oppo-find3-x .swiper-zoom-container>svg,
.oppo-find3-x .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.oppo-find3-x .swiper-slide-zoomed {
    cursor: move
}

.oppo-find3-x .swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.oppo-find3-x .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.oppo-find3-x .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.oppo-find3-x .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.oppo-find3-x .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.oppo-find3-x .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.oppo-find3-x .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-fade .swiper-slide-active,
.oppo-find3-x .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube {
    overflow: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.oppo-find3-x .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-next,
.oppo-find3-x .swiper-container-cube .swiper-slide-prev,
.oppo-find3-x .swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.oppo-find3-x .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0
}

.oppo-find3-x .swiper-container-flip {
    overflow: visible
}

.oppo-find3-x .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.oppo-find3-x .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-flip .swiper-slide-active,
.oppo-find3-x .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width: 1023.98px) {
    #product-container #I01-Top-Feature-Intro {
        background: #F7F7F7;
        padding-bottom: 13.33333vw;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-title {
        padding: 13.33333vw 11.11111vw 0 11.11111vw;
        text-align: center;
        font-size: 17.77778vw;
        font-size: 10vw;
        line-height: 12.77778vw;
        letter-spacing: -0.1vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content {
        display: none
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper {
        margin-top: 20.55556vw;
        position: relative;
        width: 100%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container::before {
        content: '';
        position: absolute;
        width: 63.33333vw;
        height: 100.27778vw;
        right: -11.11111vw;
        top: -13.88889vw;
        background: linear-gradient(270deg, #F7F7F7 -1.36%, rgba(255, 255, 255, 0) 73.31%);
        z-index: 10
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container {
        height: 83.33333vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide {
        width: 51% !important;
        height: 100%;
        margin-right: 4%;
        border-radius: 2.77778vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-img {
        height: 61.11111vw;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-img img {
        width: 100%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-describe {
        text-align: center;
        padding-bottom: 6.66667vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-describe p {
        letter-spacing: -0.05556vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-describe p span {
        display: inline-block;
        font-size: 3.33333vw;
        color: #000000;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-describe p:first-child {
        margin-top: 5.55556vw;
        margin-bottom: 1.66667vw;
        font-size: 4.44444vw;
        line-height: 6.66667vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .swiper-slide .I01-swiper-slide-describe p:last-child {
        opacity: 0.6;
        font-size: 3.33333vw;
        line-height: 5.27778vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor1 {
        background: #fff;
        margin-left: 5vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor1 .I01-swiper-slide-img img {
        width: 98%;
        padding-right: 2%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor2 {
        background: linear-gradient(180deg, #FFD764 0%, #FFF6DB 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor2 .I01-swiper-slide-img img {
        width: 98%;
        padding-top: 4%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor3 {
        background: linear-gradient(180deg, #90D7F7 0%, rgba(186, 234, 255, 0.19) 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor3 .I01-swiper-slide-img img {
        width: 100%;
        padding-top: 6%;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .swiper-container .I01-bgColor4 {
        background: #fff
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .I01-swiper-pagination-floor {
        overflow: hidden;
        margin-top: 13.33333vw;
        margin-left: 5vw;
        background: #E9E9E9;
        height: 0.06rem
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .I01-swiper-pagination-floor .I01-swiper-pagination-floor-progress {
        background: #060606;
        width: 33%;
        height: 0.06rem;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .I01-swiper-page {
        margin-left: 5.55556vw;
        margin-top: 1.66667vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .I01-swiper-page span {
        font-size: 3.33333vw;
        color: #060606
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper .I01-swiper-page span:last-child {
        opacity: 0.6
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-hidemask .swiper-container::before {
        content: none
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 {
        padding-top: 37.22222vw;
        padding-bottom: 33.33333vw;
        opacity: 1
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper {
        width: 100%;
        box-sizing: border-box;
        padding: 0 12.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text {
        display: inline-block;
        background: #ffffff;
        border-radius: 2.77778vw;
        padding: 4.16667vw;
        position: relative;
        margin-bottom: 5.55556vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: #000000;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow {
        position: absolute;
        bottom: -3.88889vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow span {
        width: 0;
        height: 0;
        border-left: 2.29167vw solid transparent;
        border-right: 2.29167vw solid transparent;
        border-top: 4.51389vw solid #fff
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait {
        width: 40.83333vw;
        height: 40.83333vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait img {
        opacity: 1;
        width: 23.33333vw
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #I01-Top-Feature-Intro {
        background: #F7F7F7
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 {
        padding: 0 8%;
        position: relative;
        z-index: 10;
        padding-bottom: 14.07407vh;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-title {
        padding-top: 14.07407vh;
        padding-bottom: 13.51852vh;
        text-align: center;
        font-size: 5.92593vh
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content {
        position: relative
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item {
        width: 21.25%;
        margin-right: 5%;
        border-radius: 1.85185vh !important
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img {
        width: 100%;
        height: 40vh;
        position: relative
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img img {
        width: 100%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img .I01-placeholderMoveImg {
        position: absolute;
        width: 27.77778vh;
        top: 8.33333vh;
        right: -1.85185vh;
        opacity: 1;
        z-index: 50
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe {
        padding-top: 6.48148vh;
        padding-bottom: 3.88889vh;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:first-child {
        padding-bottom: 1.01852vh;
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        color: #000000
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:first-child span {
        display: inline-block;
        font-size: 1.11111vh;
        color: #000000;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:last-child {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #000000;
        opacity: 0.6
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:first-child {
        background: #fff;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:first-child img {
        padding-top: 2.22222vh;
        width: 95%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(2) {
        background: linear-gradient(180deg, #FFD764 0%, #FFF6DB 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(2) img {
        padding-top: 1.85185vh;
        width: 65%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(3) {
        background: linear-gradient(180deg, #90D7F7 0%, rgba(186, 234, 255, 0.19) 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(3) img {
        padding-top: 2.96296vh
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:last-child {
        background: #fff;
        margin-right: 0
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper {
        display: none
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 {
        padding-top: 14.90741vh;
        padding-bottom: 14.90741vh;
        opacity: 1;
        position: relative;
        z-index: 0
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper {
        width: 100%;
        box-sizing: border-box;
        padding: 4.44444vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #E7E7E7;
        border-radius: .74074vh;
        padding: 2.22222vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #000000;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow {
        position: absolute;
        bottom: -1.52778vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait {
        width: 26.48148vh;
        height: 26.48148vh;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait img {
        opacity: 0;
        width: 15.74074vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #I01-Top-Feature-Intro {
        background: #F7F7F7
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 {
        padding: 0 8%;
        position: relative;
        z-index: 10;
        padding-bottom: 7.91667vw;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-title {
        padding-top: 7.91667vw;
        padding-bottom: 7.60417vw;
        text-align: center;
        font-size: 3.33333vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content {
        position: relative
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item {
        width: 21.25%;
        margin-right: 5%;
        border-radius: 1.04167vw !important
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img {
        width: 100%;
        height: 22.5vw;
        position: relative
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img img {
        width: 100%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-img .I01-placeholderMoveImg {
        position: absolute;
        width: 15.625vw;
        top: 4.6875vw;
        right: -1.04167vw;
        opacity: 1;
        z-index: 50
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe {
        padding-top: 3.64583vw;
        padding-bottom: 2.1875vw;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:first-child {
        padding-bottom: .57292vw;
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        color: #000000
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:first-child span {
        display: inline-block;
        font-size: .625vw;
        color: #000000;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item .I01-list_item-describe p:last-child {
        font-size: .72917vw;
        line-height: .98958vw;
        color: #000000;
        opacity: 0.6
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:first-child {
        background: #fff;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:first-child img {
        padding-top: 1.25vw;
        width: 95%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(2) {
        background: linear-gradient(180deg, #FFD764 0%, #FFF6DB 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(2) img {
        padding-top: 1.04167vw;
        width: 65%
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(3) {
        background: linear-gradient(180deg, #90D7F7 0%, rgba(186, 234, 255, 0.19) 100%)
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:nth-child(3) img {
        padding-top: 1.66667vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-Intro1-content .I01-list .I01-list_item:last-child {
        background: #fff;
        margin-right: 0
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro1 .I01-Top-Feature-mobile-swiper {
        display: none
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 {
        padding-top: 8.38542vw;
        padding-bottom: 8.38542vw;
        opacity: 1;
        position: relative;
        z-index: 0
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper {
        width: 100%;
        box-sizing: border-box;
        padding: 2.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #E7E7E7;
        border-radius: .41667vw;
        padding: 1.25vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #000000;
        text-align: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow {
        position: absolute;
        bottom: -.85938vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-text .I01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait {
        width: 14.89583vw;
        height: 14.89583vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #I01-Top-Feature-Intro .I01-Top-Feature-Intro2 .I01-Top-Feature-helper .I01-Top-portrait img {
        opacity: 0;
        width: 8.85417vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K01-Pillar1-Intro {
        width: 100vw;
        height: 190vw;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    #product-container .K01-Pillar1-Intro .K01-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 {
        width: 122.22222vw;
        height: 122.22222vw;
        position: absolute;
        left: -59.72222vw;
        top: 26.66667vw;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 .K01-bg-ellipse1-img {
        width: 123.61111vw;
        height: 122.22222vw;
        background: #423ed9;
        -webkit-filter: blur(0.01957rem);
        filter: blur(0.01957rem);
        border-radius: 50%
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -31.94444vw;
        z-index: 2;
        width: 166.66667vw;
        height: 166.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 .K01-bg-ellipse2-img {
        width: 149.16667vw;
        height: 104.44444vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(32.85deg);
        transform: rotate(32.85deg);
        border-radius: 50%
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 {
        width: 166.66667vw;
        height: 166.66667vw;
        position: absolute;
        right: -65.27778vw;
        bottom: -43.05556vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 .K01-bg-ellipse-img {
        width: 158.05556vw;
        height: 78.33333vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-transform: rotate(-19.88deg);
        transform: rotate(-19.88deg);
        -webkit-backdrop-filter: blur(0.08545rem);
        backdrop-filter: blur(0.08545rem);
        border-radius: 50%
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40vw;
        z-index: 5
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-title .K01-smTitle {
        font-style: normal;
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        text-align: center;
        color: #fff
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-title .K01-bigTitle {
        font-style: normal;
        font-size: 17.77778vw;
        line-height: 21.11111vw;
        text-align: center;
        color: #fff
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 6.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text {
        display: inline-block;
        background: #ffffff;
        border-radius: 2.77778vw;
        padding: 3.61111vw 4.16667vw;
        max-width: 75vw;
        position: relative;
        margin-bottom: 6.11111vw
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #000;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow {
        position: absolute;
        bottom: -3.61111vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow span {
        width: 0;
        height: 0;
        border-left: 3.61111vw solid transparent;
        border-right: 3.61111vw solid transparent;
        border-top: 3.61111vw solid #fff
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait {
        width: 30.27778vw;
        height: 30.27778vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-pc {
        display: none
    }
    #product-container .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-mobile {
        display: block;
        width: 17.22222vw
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K01-title {
        margin-top: 16.66667vw !important
    }
    #product-container .K01-Head-portrait {
        width: 22.22222vw !important;
        height: 22.22222vw !important
    }
    #product-container .K01-Head-portrait img {
        width: 11.66667vw !important
    }
    #product-container .K01-text-arrow {
        bottom: -2.77778vw !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K01-pin-spacer {
        background-color: #fff;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-triggerPoint1 {
        position: absolute;
        width: 100%;
        height: 10%;
        bottom: 30%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro {
        box-sizing: border-box;
        height: 122.77778vh;
        overflow: hidden;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 {
        width: 126.38889vh;
        height: 126.38889vh;
        position: absolute;
        left: -44.90741vh;
        top: 5.55556vh;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 .K01-bg-ellipse1-img {
        width: 126.38889vh;
        height: 125.18519vh;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -55.55556vh;
        left: 18.51852vh;
        z-index: 2;
        width: 151.48148vh;
        height: 151.48148vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 .K01-bg-ellipse2-img {
        width: 132.96296vh;
        height: 93.24074vh;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(32.85deg);
        transform: rotate(32.85deg);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 {
        width: 148.14815vh;
        height: 148.14815vh;
        position: absolute;
        right: -44.07407vh;
        top: -22.22222vh;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 .K01-bg-ellipse-img {
        width: 129.62963vh;
        height: 64.25926vh;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: rotate(-46.49deg);
        transform: rotate(-46.49deg);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 28.7037vh;
        z-index: 5
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title .K01-smTitle {
        font-style: normal;
        font-size: 2.59259vh;
        line-height: 3.88889vh;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title .K01-bigTitle {
        font-style: normal;
        font-size: 24.07407vh;
        line-height: 29.62963vh;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 4.44444vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        width: 32.22222vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow {
        position: absolute;
        bottom: -1.52778vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait {
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-pc {
        display: block;
        width: 6.01852vh
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-mobile {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K01-pin-spacer {
        background-color: #fff;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-triggerPoint1 {
        position: absolute;
        width: 100%;
        height: 10%;
        bottom: 30%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro {
        box-sizing: border-box;
        height: 69.0625vw;
        overflow: hidden;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 {
        width: 71.09375vw;
        height: 71.09375vw;
        position: absolute;
        left: -25.26042vw;
        top: 3.125vw;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse1 .K01-bg-ellipse1-img {
        width: 71.09375vw;
        height: 70.41667vw;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -31.25vw;
        left: 10.41667vw;
        z-index: 2;
        width: 85.20833vw;
        height: 85.20833vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse2 .K01-bg-ellipse2-img {
        width: 74.79167vw;
        height: 52.44792vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(32.85deg);
        transform: rotate(32.85deg);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 {
        width: 83.33333vw;
        height: 83.33333vw;
        position: absolute;
        right: -24.79167vw;
        top: -12.5vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-bg-ellipse3 .K01-bg-ellipse-img {
        width: 72.91667vw;
        height: 36.14583vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: rotate(-46.49deg);
        transform: rotate(-46.49deg);
        border-radius: 50%
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16.14583vw;
        z-index: 5
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title .K01-smTitle {
        font-style: normal;
        font-size: 1.45833vw;
        line-height: 2.1875vw;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-title .K01-bigTitle {
        font-style: normal;
        font-size: 13.54167vw;
        line-height: 16.66667vw;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 2.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        width: 18.125vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow {
        position: absolute;
        bottom: -.85938vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-text .K01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait {
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-pc {
        display: block;
        width: 3.38542vw
    }
    #product-container .K01-pin-spacer .K01-Pillar1-Intro .K01-content .K01-Little-helper .K01-Head-portrait .K01-Head-portrait-mobile {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP {
        display: none
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile {
        display: block;
        padding: 15.55556vw 6.66667vw;
        padding-right: 0
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-title {
        padding-right: 6.66667vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-title .K02-Pillar1-bigTitle {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 6.66667vw;
        font-weight: bold
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-title .K02-Pillar1-bigDec {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-title .K02-Pillar1-dec {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        margin-bottom: 11.11111vw;
        opacity: 0.4;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item {
        margin-bottom: 15.55556vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .K02-mobile-item-top {
        padding-right: 6.66667vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .K02-mobile-item-top .K02-mobile-item-top-title {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        margin-bottom: 3.33333vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .K02-mobile-item-top .K02-mobile-item-top-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        margin-bottom: 11.11111vw;
        opacity: 0.4;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .swiper-container {
        height: 82.77778vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .swiper-container .swiper-wrapper {
        height: 100%
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .swiper-container .swiper-wrapper .swiper-slide {
        width: 40% !important;
        margin-right: 4%;
        height: 100%
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile .K02-Pillar1-KSP-mobile-item .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile #k02-mobile-item2 {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #K02-Pillar1-KSP-Inclusive-design {
        box-sizing: border-box;
        overflow: hidden;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-pc-hidden-div1 {
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        height: 20%;
        z-index: 0
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile {
        display: none
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP {
        height: 100vh;
        position: relative;
        overflow: hidden
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-top-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20.55556vh;
        background: linear-gradient(180deg, #fff 11.71%, rgba(255, 255, 255, 0.88) 55.26%, rgba(255, 255, 255, 0) 92.79%);
        z-index: 10
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-bottom-mask {
        position: absolute;
        bottom: -.92593vh;
        width: 60%;
        right: 0;
        height: 20.55556vh;
        background: linear-gradient(180deg, #fff 11.71%, rgba(255, 255, 255, 0.88) 55.26%, rgba(255, 255, 255, 0) 92.79%);
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        z-index: 10
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left {
        margin-right: 24.44444vh;
        width: 37.31481vh;
        box-sizing: border-box;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content {
        position: absolute;
        left: 0;
        top: 25.27778vh
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-smalltitleText {
        margin-bottom: 1.85185vh;
        line-height: 1.75926vh;
        font-size: 1.38889vh;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-titleText {
        font-size: 4.25926vh;
        color: #000000;
        line-height: 5.09259vh;
        letter-spacing: .04259vh;
        margin-bottom: 3.7037vh;
        text-align: left;
        word-break: break-all
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-titledec {
        font-size: 1.2963vh;
        color: #000000;
        line-height: 1.75926vh;
        letter-spacing: .01852vh;
        margin-bottom: 7.40741vh;
        word-break: keep-all;
        word-wrap: break-word;
        opacity: 0.6
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first {
        opacity: 1;
        position: absolute
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first-second {
        position: absolute
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first-second p {
        opacity: 0
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p {
        text-align: left;
        word-break: break-all
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p:first-child {
        font-size: 1.85185vh;
        color: #000000;
        line-height: 2.77778vh;
        letter-spacing: .01852vh;
        margin-bottom: 1.11111vh
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p:last-child {
        font-size: 1.2963vh;
        color: #000000;
        line-height: 1.75926vh;
        letter-spacing: .01852vh;
        margin-bottom: 3.7037vh;
        opacity: 0.6;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll {
        position: absolute;
        left: 0;
        bottom: 12.77778vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll span {
        color: #000000;
        opacity: 0.4;
        font-size: 1.2037vh
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-Pillar1-scroll-one {
        opacity: 1
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-gray-line {
        display: inline-block;
        width: 19.35185vh;
        height: 0.06rem;
        background: rgba(0, 0, 0, 0.2);
        margin: 0 .74074vh
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-gray-line div.K02-gray-line-balck {
        padding: 0;
        width: 50%;
        height: 0.06rem;
        background: #000000
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right {
        width: 55.55556vh
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div {
        width: 100%;
        display: inline-block
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img {
        float: left;
        width: 32%;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img:first-child {
        margin-right: 2%
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img:nth-child(2) {
        margin-right: 2%
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #K02-Pillar1-KSP-Inclusive-design {
        box-sizing: border-box;
        overflow: hidden;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-pc-hidden-div1 {
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        height: 20%;
        z-index: 0
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP-mobile {
        display: none
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP {
        height: 100vh;
        position: relative;
        overflow: hidden
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-top-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 11.5625vw;
        background: linear-gradient(180deg, #fff 11.71%, rgba(255, 255, 255, 0.88) 55.26%, rgba(255, 255, 255, 0) 92.79%);
        z-index: 10
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-bottom-mask {
        position: absolute;
        bottom: -.52083vw;
        width: 60%;
        right: 0;
        height: 11.5625vw;
        background: linear-gradient(180deg, #fff 11.71%, rgba(255, 255, 255, 0.88) 55.26%, rgba(255, 255, 255, 0) 92.79%);
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        z-index: 10
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left {
        margin-right: 13.75vw;
        width: 20.98958vw;
        box-sizing: border-box;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content {
        position: absolute;
        left: 0;
        top: 14.21875vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-smalltitleText {
        margin-bottom: 1.04167vw;
        line-height: .98958vw;
        font-size: .78125vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-titleText {
        font-size: 2.39583vw;
        color: #000000;
        line-height: 2.86458vw;
        letter-spacing: .02396vw;
        margin-bottom: 2.08333vw;
        text-align: left;
        word-break: break-all
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content p.K02-titledec {
        font-size: .72917vw;
        color: #000000;
        line-height: .98958vw;
        letter-spacing: .01042vw;
        margin-bottom: 4.16667vw;
        word-break: keep-all;
        word-wrap: break-word;
        opacity: 0.6
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first {
        opacity: 1;
        position: absolute
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first-second {
        position: absolute
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content .K02-Pillar1-first-second p {
        opacity: 0
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p {
        text-align: left;
        word-break: break-all
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p:first-child {
        font-size: 1.04167vw;
        color: #000000;
        line-height: 1.5625vw;
        letter-spacing: .01042vw;
        margin-bottom: .625vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1_left-content div p:last-child {
        font-size: .72917vw;
        color: #000000;
        line-height: .98958vw;
        letter-spacing: .01042vw;
        margin-bottom: 2.08333vw;
        opacity: 0.6;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll {
        position: absolute;
        left: 0;
        bottom: 7.1875vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll span {
        color: #000000;
        opacity: 0.4;
        font-size: .67708vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-Pillar1-scroll-one {
        opacity: 1
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-gray-line {
        display: inline-block;
        width: 10.88542vw;
        height: 0.06rem;
        background: rgba(0, 0, 0, 0.2);
        margin: 0 .41667vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_left .K02-Pillar1-scroll .K02-gray-line div.K02-gray-line-balck {
        padding: 0;
        width: 50%;
        height: 0.06rem;
        background: #000000
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right {
        width: 31.25vw
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div {
        width: 100%;
        display: inline-block
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img {
        float: left;
        width: 32%;
        position: relative
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img:first-child {
        margin-right: 2%
    }
    #product-container #K02-Pillar1-KSP-Inclusive-design .K02-Pillar1-KSP .K02-Pillar1 .K02-Pillar1_right div img:nth-child(2) {
        margin-right: 2%
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.oppo-find3-x .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.oppo-find3-x .swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.oppo-find3-x .swiper-container-android .swiper-slide,
.oppo-find3-x .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.oppo-find3-x .swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.oppo-find3-x .swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.oppo-find3-x .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.oppo-find3-x .swiper-slide-invisible-blank {
    visibility: hidden
}

.oppo-find3-x .swiper-container-autoheight,
.oppo-find3-x .swiper-container-autoheight .swiper-slide {
    height: auto
}

.oppo-find3-x .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.oppo-find3-x .swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.oppo-find3-x .swiper-container-3d .swiper-wrapper,
.oppo-find3-x .swiper-container-3d .swiper-slide,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.oppo-find3-x .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.oppo-find3-x :root {
    --swiper-navigation-size: 0.44rem
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-button-prev.swiper-button-disabled,
.oppo-find3-x .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.oppo-find3-x .swiper-button-next,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.oppo-find3-x .swiper-button-next:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.oppo-find3-x .swiper-button-prev.swiper-button-white,
.oppo-find3-x .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.oppo-find3-x .swiper-button-prev.swiper-button-black,
.oppo-find3-x .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.oppo-find3-x .swiper-button-lock {
    display: none
}

.oppo-find3-x .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.oppo-find3-x .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.oppo-find3-x .swiper-pagination-fraction,
.oppo-find3-x .swiper-pagination-custom,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.oppo-find3-x .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

.oppo-find3-x button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.oppo-find3-x .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.oppo-find3-x .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.oppo-find3-x .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.oppo-find3-x .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.oppo-find3-x .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.oppo-find3-x .swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.oppo-find3-x .swiper-pagination-lock {
    display: none
}

.oppo-find3-x .swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.oppo-find3-x .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.oppo-find3-x .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.oppo-find3-x .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-scrollbar-cursor-drag {
    cursor: move
}

.oppo-find3-x .swiper-scrollbar-lock {
    display: none
}

.oppo-find3-x .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.oppo-find3-x .swiper-zoom-container>img,
.oppo-find3-x .swiper-zoom-container>svg,
.oppo-find3-x .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.oppo-find3-x .swiper-slide-zoomed {
    cursor: move
}

.oppo-find3-x .swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.oppo-find3-x .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.oppo-find3-x .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.oppo-find3-x .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.oppo-find3-x .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.oppo-find3-x .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.oppo-find3-x .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-fade .swiper-slide-active,
.oppo-find3-x .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube {
    overflow: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.oppo-find3-x .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-next,
.oppo-find3-x .swiper-container-cube .swiper-slide-prev,
.oppo-find3-x .swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.oppo-find3-x .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0
}

.oppo-find3-x .swiper-container-flip {
    overflow: visible
}

.oppo-find3-x .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.oppo-find3-x .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-flip .swiper-slide-active,
.oppo-find3-x .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width: 1023.98px) {
    #product-container .K03-Pillar1-KSP-3D-Icons {
        width: 100%;
        background: #f7f7f7;
        position: relative;
        overflow: hidden;
        height: 100vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box {
        position: relative;
        padding: 15.55556vw 6.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text {
        position: relative;
        color: #000
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-tip {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        margin-bottom: 6.66667vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-title {
        margin-top: 0;
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        opacity: 0.6
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-pill-pc-icons {
        display: none
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video {
        position: relative;
        margin-top: 20.27778vw;
        height: 60.46vh;
        width: 27.65vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video canvas {
        width: 100%;
        height: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video video {
        display: none
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video img {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video #K03-video-bg {
        display: block
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons {
        position: absolute;
        z-index: 0;
        opacity: 0.05;
        top: 42vh;
        left: 0
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons .k03-icons {
        width: 110vh;
        height: 20vh;
        margin-bottom: 2vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons .k03-icons img {
        height: 100%;
        width: auto
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons .k03-icon2,
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons .k03-icon4 {
        -webkit-transform: translateX(-26%);
        transform: translateX(-26%)
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons .k03-icon4 {
        margin-bottom: 0
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-hidden-animation {
        position: absolute;
        left: 0;
        height: 10%;
        top: 49%;
        width: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons-white {
        background: #fff
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K03-Pillar1-KSP-3D-Icons {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 100vh;
        padding-top: 6vh;
        padding-bottom: 11vh;
        overflow: hidden
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons {
        display: none
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box {
        width: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons {
        height: 37.6vh;
        width: 367.7778vh;
        margin-bottom: 7.8vh;
        opacity: 0.05
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons img {
        height: 100%;
        width: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons-top {
        -webkit-transform: translateX(-36%);
        transform: translateX(-36%)
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons-bottom {
        -webkit-transform: translateX(-8%);
        transform: translateX(-8%)
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text {
        position: absolute;
        width: 19%;
        top: 45%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21.8%;
        color: #000
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-tip {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        margin-bottom: 1.85185vh;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-title {
        width: 60%;
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        margin-bottom: 3.7037vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-des {
        width: 80%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        opacity: 0.6;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video {
        position: absolute;
        top: 16.6vh;
        left: 50.5%;
        width: 28.9vh;
        height: 63.3vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video canvas {
        border-radius: 8%;
        width: 100%;
        height: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-hidden-animation {
        position: absolute;
        left: 0;
        height: 10%;
        top: 49%;
        width: 100%
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K03-Pillar1-KSP-3D-Icons {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 100vh;
        padding-top: 6vh;
        padding-bottom: 11vh;
        overflow: hidden
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03pill-mobile-icons {
        display: none
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box {
        width: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons {
        height: 37.6vh;
        width: 367.7778vh;
        margin-bottom: 7.8vh;
        opacity: 0.05
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons img {
        height: 100%;
        width: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons-top {
        -webkit-transform: translateX(-36%);
        transform: translateX(-36%)
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .k03-icons-bottom {
        -webkit-transform: translateX(-8%);
        transform: translateX(-8%)
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text {
        position: absolute;
        width: 19%;
        top: 45%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21.8%;
        color: #000
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-tip {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        margin-bottom: 1.04167vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-title {
        width: 60%;
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        margin-bottom: 2.08333vw
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-text .K03-Pillar-des {
        width: 80%;
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        opacity: 0.6;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video {
        position: absolute;
        top: 16.6vh;
        left: 50.5%;
        width: 28.9vh;
        height: 63.3vh
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video canvas {
        border-radius: 8%;
        width: 100%;
        height: 100%
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-box .K03-Pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100
    }
    #product-container .K03-Pillar1-KSP-3D-Icons .k03-pillar-hidden-animation {
        position: absolute;
        left: 0;
        height: 10%;
        top: 49%;
        width: 100%
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro {
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        background: linear-gradient(180deg, #82df38 -20.42%, rgba(130, 223, 56, 0) 107.08%)
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 46.66667vw;
        z-index: 10
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer {
        padding-top: 18.88889vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-smtitle {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle {
        padding-left: 15vw;
        padding-right: 15vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle div {
        font-size: 10vw;
        line-height: 12.77778vw;
        text-align: center;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe {
        padding-left: 16.94444vw;
        padding-right: 16.94444vw;
        margin-top: 11.11111vw
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe {
        margin-top: 0
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe div {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer {
        opacity: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 29.44444vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-smtitle {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-bigtitle {
        width: 69.72222vw;
        font-size: 10vw;
        line-height: 12.77778vw;
        text-align: center;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li {
        position: absolute
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li img {
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        display: inline-block;
        top: -23.4375vh;
        left: -50vw;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.3
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -18.75vh;
        left: -5.55556vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        display: inline-block;
        top: -15.625vh;
        left: -69.44444vw;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.3
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: -9.375vh;
        left: -27.77778vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        display: inline-block;
        top: 1.5625vh;
        left: -77.77778vw;
        -webkit-transform: scale(0.35);
        transform: scale(0.35)
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        -webkit-transform: scale(0.45);
        transform: scale(0.45);
        top: 9.375vh;
        left: -27.77778vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        display: inline-block;
        top: 7.8125vh;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        top: 12.5vh
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        display: inline-block;
        top: 1.5625vh;
        right: -77.77778vw;
        -webkit-transform: scale(0.35);
        transform: scale(0.35)
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        -webkit-transform: scale(0.45);
        transform: scale(0.45);
        top: 9.375vh;
        right: -27.77778vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        display: inline-block;
        top: -15.625vh;
        right: -69.44444vw;
        -webkit-transform: scale(0.25);
        transform: scale(0.25);
        opacity: 0.3
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: -9.375vh;
        right: -27.77778vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        display: inline-block;
        top: -23.4375vh;
        right: -50vw;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        z-index: 1;
        opacity: 0.1
    }
}

@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -18.75vh;
        right: -5.55556vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox {
        opacity: 0;
        width: 83.33333vw;
        height: 69.44444vw;
        position: absolute;
        left: 11.11111vw;
        bottom: 11.11111vw;
        background: #ffffff;
        border-radius: 3.33333vw;
        overflow: hidden
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image1 {
        width: 23.05556vw;
        height: 24.16667vw;
        position: absolute;
        left: 11.66667vw;
        top: 8.05556vw;
        z-index: 10
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image2 {
        width: 29.72222vw;
        height: 31.94444vw;
        position: absolute;
        left: 29.33889vw;
        top: 10.89722vw;
        z-index: 11
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image3 {
        width: 19.44444vw;
        height: 18.61111vw;
        position: absolute;
        right: 11.975vw;
        top: 8.79444vw;
        z-index: 12
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 6.94444vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-title {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #151515;
        opacity: 0.8
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-describe {
        width: 120%;
        font-size: 2.5vw;
        line-height: 3.61111vw;
        color: rgba(0, 0, 0, 0.6);
        opacity: 0.6;
        margin-top: 2.22222vw;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        text-align: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper {
        opacity: 0;
        width: 35vw;
        height: 35vw;
        position: absolute;
        right: 75.55556vw;
        bottom: 26.38889vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffffff;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con img {
        width: 20vw;
        height: 21.38889vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop {
        box-sizing: border-box;
        position: absolute;
        background: #ffffff;
        right: 30.55556vw;
        bottom: 37.77778vw;
        box-shadow: 1.11111vw 1.11111vw 3.33333vw #ececec;
        border-radius: 2.22222vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con {
        width: 50vw;
        padding: 4.44444vw 6.66667vw;
        word-break: break-all;
        white-space: normal;
        box-sizing: border-box;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow {
        position: absolute;
        bottom: -4.58333vw;
        left: 0;
        width: 96%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 2.22222vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow span {
        width: 0;
        height: 0;
        border-left: 2.29167vw solid transparent;
        border-right: 2.29167vw solid transparent;
        border-top: 2.29167vw solid #fff
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar {
        opacity: 0;
        width: 100%;
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 37.60556vw;
        z-index: 100
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range'] {
        width: 67.39444vw;
        height: .55556vw;
        background: #474747;
        color: #0a0a0a
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 3.61111vw;
        height: 3.61111vw;
        background: #0a0a0a;
        border-radius: 50%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-moz-range-thumb {
        -webkit-appearance: none;
        width: 3.61111vw;
        height: 3.61111vw;
        background: #0a0a0a;
        border-radius: 50%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-btn {
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 7.77778vw;
        z-index: 50
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-btn .K04-btn-btn {
        width: 55.27778vw;
        height: 12.22222vw;
        line-height: 12.22222vw;
        background: #010101;
        border-radius: 11.11111vw;
        color: #000;
        font-size: 2.77778vw;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        color: #ffffff;
        margin-bottom: 2.22222vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-btn .K04-btn-describe {
        font-size: 2.5vw;
        line-height: 3.61111vw;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro {
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
        background: linear-gradient(180deg, #82df38 -20.42%, rgba(130, 223, 56, 0) 107.08%)
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 25vh;
        z-index: 10
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-smtitle {
        opacity: 0;
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle {
        padding-left: 22.86%;
        padding-right: 22.92%;
        font-family: "OPPOSans20-Light", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle div {
        font-size: 14.81481vh;
        line-height: 17.77778vh;
        text-align: center;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe {
        opacity: 0;
        padding-left: 31.72%;
        padding-right: 31.67%;
        margin-top: 3.7037vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe div {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer {
        opacity: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 15vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-smtitle {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-bigtitle {
        font-size: 5.92593vh;
        line-height: 7.03704vh;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li {
        position: absolute
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li img {
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        display: inline-block;
        top: -16.66667vh;
        left: 32.77778vh;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.3
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        -webkit-transform: scale(0.15);
        transform: scale(0.15);
        top: -31.48148vh;
        left: 7.77778vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -25.92593vh;
        left: 24.44444vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        display: inline-block;
        top: 0vh;
        left: -9.25926vh;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.5
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -12.03704vh;
        left: -32.40741vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -9.25926vh;
        left: -14.81481vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        display: inline-block;
        top: 20.27778vh;
        left: 8.98148vh;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: 14.81481vh;
        left: -13.88889vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        left: 3.42593vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        display: inline-block;
        top: 18.51852vh;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        top: 16.66667vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        display: inline-block;
        top: 20.27778vh;
        right: 8.98148vh;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: 14.81481vh;
        right: -13.88889vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        right: 3.42593vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        display: inline-block;
        top: 0vh;
        right: -9.25926vh;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.5
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -12.03704vh;
        right: -32.40741vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -9.25926vh;
        right: -14.81481vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        display: inline-block;
        top: -16.66667vh;
        right: 32.77778vh;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.3
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        -webkit-transform: scale(0.15);
        transform: scale(0.15);
        top: -31.48148vh;
        right: 7.77778vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -25.92593vh;
        right: 24.44444vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox {
        width: 27.77778vh;
        height: 23.14815vh;
        position: absolute;
        left: 3.7037vh;
        bottom: 3.7037vh;
        background: #ffffff;
        border-radius: 1.11111vh;
        overflow: hidden;
        z-index: 50
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con {
        cursor: pointer;
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image1 {
        width: 7.68519vh;
        height: 8.05556vh;
        position: absolute;
        left: 3.88889vh;
        top: 2.68519vh;
        z-index: 10
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image2 {
        width: 9.90741vh;
        height: 10.64815vh;
        position: absolute;
        left: 9.77963vh;
        top: 3.63241vh;
        z-index: 11
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image3 {
        width: 6.48148vh;
        height: 6.2037vh;
        position: absolute;
        right: 3.99167vh;
        top: 2.93148vh;
        z-index: 12
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 2.31481vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-title {
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        color: #151515;
        opacity: 0.8;
        border-bottom: .09259vh solid #151515;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-describe {
        width: 120%;
        font-size: .83333vh;
        line-height: 1.2037vh;
        color: rgba(0, 0, 0, 0.6);
        opacity: 0.6;
        margin-top: .74074vh;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        text-align: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-bg1 {
        position: absolute;
        z-index: -1;
        height: 8.24074vh;
        top: 1.85185vh;
        left: 0
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-bg2 {
        position: absolute;
        z-index: -1;
        height: 8.24074vh;
        right: 0;
        bottom: 2.77778vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper {
        width: 11.66667vh;
        height: 11.66667vh;
        position: absolute;
        right: 25.18519vh;
        bottom: 8.7963vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffffff;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con img {
        width: 6.66667vh;
        height: 7.12963vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop {
        box-sizing: border-box;
        position: absolute;
        background: #ffffff;
        right: 10.18519vh;
        bottom: 12.59259vh;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        border-radius: .74074vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con {
        display: inline-block;
        min-width: 21.2963vh;
        white-space: nowrap;
        padding: 1.48148vh 2.22222vh;
        box-sizing: border-box;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow {
        position: absolute;
        bottom: -1.52778vh;
        left: 0;
        width: 96%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: .74074vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar {
        opacity: 0;
        width: 100%;
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 9.25926vh;
        z-index: 100
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range'] {
        width: 63.14815vh;
        height: .18519vh;
        background: #474747;
        color: #0a0a0a;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 1.66667vh;
        height: 1.66667vh;
        background: #0a0a0a;
        border-radius: 50%;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-moz-range-thumb {
        -webkit-appearance: none;
        width: 1.66667vh;
        height: 1.66667vh;
        background: #0a0a0a;
        border-radius: 50%;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-btn {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro {
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
        background: linear-gradient(180deg, #82df38 -20.42%, rgba(130, 223, 56, 0) 107.08%)
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 25vh;
        z-index: 10
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-smtitle {
        opacity: 0;
        font-size: .83333vw;
        line-height: 1.25vw;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle {
        padding-left: 22.86%;
        padding-right: 22.92%;
        font-family: "OPPOSans20-Light", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-bigtitle div {
        font-size: 8.33333vw;
        line-height: 10vw;
        text-align: center;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe {
        opacity: 0;
        padding-left: 31.72%;
        padding-right: 31.67%;
        margin-top: 2.08333vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-textLayer .K04-textLayer-describe div {
        font-size: .72917vw;
        line-height: .98958vw;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer {
        opacity: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 15vh
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-smtitle {
        font-size: .83333vw;
        line-height: 1.25vw;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceTextLayer .K04-faceTextLayer-bigtitle {
        font-size: 3.33333vw;
        line-height: 3.95833vw;
        color: #000000
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li {
        position: absolute
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide li img {
        width: 100%
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        display: inline-block;
        top: -9.375vw;
        left: 18.4375vw;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.3
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        -webkit-transform: scale(0.15);
        transform: scale(0.15);
        top: -31.48148vh;
        left: 4.375vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-1 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -14.58333vw;
        left: 13.75vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        display: inline-block;
        top: 0vw;
        left: -5.20833vw;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.5
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -12.03704vh;
        left: -18.22917vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-2 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -5.20833vw;
        left: -8.33333vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        display: inline-block;
        top: 11.40625vw;
        left: 5.05208vw;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: 14.81481vh;
        left: -7.8125vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-3 {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        left: 1.92708vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        display: inline-block;
        top: 10.41667vw;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        top: 16.66667vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-4 {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        display: inline-block;
        top: 11.40625vw;
        right: 5.05208vw;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        top: 14.81481vh;
        right: -7.8125vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-5 {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        right: 1.92708vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        display: inline-block;
        top: 0vw;
        right: -5.20833vw;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.5
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -12.03704vh;
        right: -18.22917vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-6 {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        top: -5.20833vw;
        right: -8.33333vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        display: inline-block;
        top: -9.375vw;
        right: 18.4375vw;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.3
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1024px) and (max-width: 1365.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        -webkit-transform: scale(0.15);
        transform: scale(0.15);
        top: -31.48148vh;
        right: 4.375vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1366px) and (max-width: 1599.98px) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-faceLayer .K04-slide .k04-slide-7 {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        top: -14.58333vw;
        right: 13.75vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox {
        width: 15.625vw;
        height: 13.02083vw;
        position: absolute;
        left: 2.08333vw;
        bottom: 2.08333vw;
        background: #ffffff;
        border-radius: .625vw;
        overflow: hidden;
        z-index: 50
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con {
        cursor: pointer;
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image1 {
        width: 4.32292vw;
        height: 4.53125vw;
        position: absolute;
        left: 2.1875vw;
        top: 1.51042vw;
        z-index: 10
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image2 {
        width: 5.57292vw;
        height: 5.98958vw;
        position: absolute;
        left: 5.50104vw;
        top: 2.04323vw;
        z-index: 11
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-image3 {
        width: 3.64583vw;
        height: 3.48958vw;
        position: absolute;
        right: 2.24531vw;
        top: 1.64896vw;
        z-index: 12
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 1.30208vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-title {
        font-size: .67708vw;
        line-height: .98958vw;
        color: #151515;
        opacity: 0.8;
        border-bottom: .05208vw solid #151515;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-createomoji .K04-co-describe {
        width: 120%;
        font-size: .46875vw;
        line-height: .67708vw;
        color: rgba(0, 0, 0, 0.6);
        opacity: 0.6;
        margin-top: .41667vw;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        text-align: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-bg1 {
        position: absolute;
        z-index: -1;
        height: 4.63542vw;
        top: 1.04167vw;
        left: 0
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rbbox .K04-rbbox-con .K04-con-bg2 {
        position: absolute;
        z-index: -1;
        height: 4.63542vw;
        right: 0;
        bottom: 1.5625vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper {
        width: 6.5625vw;
        height: 6.5625vw;
        position: absolute;
        right: 14.16667vw;
        bottom: 4.94792vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #ffffff;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con img {
        width: 3.75vw;
        height: 4.01042vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop {
        box-sizing: border-box;
        position: absolute;
        background: #ffffff;
        right: 5.72917vw;
        bottom: 7.08333vw;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        border-radius: .41667vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con {
        display: inline-block;
        min-width: 11.97917vw;
        white-space: nowrap;
        padding: .83333vw 1.25vw;
        box-sizing: border-box;
        font-size: .67708vw;
        line-height: .98958vw;
        position: relative
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow {
        position: absolute;
        bottom: -.85938vw;
        left: 0;
        width: 96%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: .41667vw
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-rb-Littlehelper .K04-rbLH-con .K04-rbLH-pop .K04-rbLH-pop-con .K04-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar {
        opacity: 0;
        width: 100%;
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        bottom: 5.20833vw;
        z-index: 100
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range'] {
        width: 35.52083vw;
        height: .10417vw;
        background: #474747;
        color: #0a0a0a;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: .9375vw;
        height: .9375vw;
        background: #0a0a0a;
        border-radius: 50%;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-progress-bar input[type='range']::-moz-range-thumb {
        -webkit-appearance: none;
        width: .9375vw;
        height: .9375vw;
        background: #0a0a0a;
        border-radius: 50%;
        cursor: pointer
    }
    #product-container .K04-Pillar1-Omoji-Intro .K04-content .K04-btn {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container #K06-Pillar1-KSP-Always-on-Display {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar {
        padding: 15.55556vw 0
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left-img,
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left-border {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item.in .K06-Pillar-header {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-header {
        padding-left: 6.66667vw;
        padding-right: 14.44444vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-header-title {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-header-title span {
        display: inline-block;
        font-size: 3.33333vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 12%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-header-content {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #000000;
        margin-top: 6.66667vw;
        margin-bottom: 2.22222vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-header-descript {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right {
        padding-top: 11.11111vw;
        width: 49.44444vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .k06-pc-video {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-num {
        font-weight: bold;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        font-weight: bold;
        letter-spacing: -0.11111vw;
        color: rgba(0, 0, 0, 0.4);
        margin-left: -13.05556vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-num-now {
        color: #000
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-box {
        position: relative;
        width: 49.44444vw;
        height: 108.19444vw;
        margin-top: 3.05556vw;
        margin-bottom: 6.66667vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-box .k06-black-bg {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-box img {
        position: absolute;
        top: 0;
        left: 0;
        height: 107.5vw;
        object-fit: cover
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-box .K06-Pillar-right-img {
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right-title {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.05556vw;
        color: #000000;
        margin-bottom: 3.33333vw;
        text-align: center
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #K06-Pillar1-KSP-Always-on-Display {
        width: 100%;
        box-sizing: border-box;
        height: 100vh;
        position: relative
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar {
        height: 100vh
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item {
        position: absolute;
        width: 100%;
        height: 100vh;
        display: -ms-flexbox;
        display: flex
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:first-child {
        z-index: 100
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:nth-child(2) {
        z-index: 50
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:last-child {
        z-index: 10
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item>div {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background: black
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left {
        position: relative;
        font-size: 0;
        overflow: hidden
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-content {
        opacity: 0.9;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10;
        left: 12.77778vh;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 48.61111vh;
        background: #ffffff;
        border-radius: 1.85185vh;
        padding: 3.7037vh 3.7037vh 4.62963vh 3.7037vh;
        overflow: hidden
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header {
        width: 92.7%;
        overflow: hidden;
        margin-bottom: 7.40741vh
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-title {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.85185vh;
        font-weight: bold
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-title span {
        display: inline-block;
        font-size: 1.11111vh;
        color: rgba(0, 0, 0, 0.6);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-content {
        width: 60%;
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        color: #000000;
        margin-bottom: 2.96296vh
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-descript {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border {
        width: 92.7%;
        margin-left: .74074vh
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-num {
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.4);
        font-weight: bold
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-num-now {
        display: inline-block;
        width: .74074vh;
        color: #000
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-title {
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        letter-spacing: -.01852vh;
        color: #000;
        margin: 1.11111vh 0
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-descript {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        font-size: 0;
        overflow: hidden;
        background: #f7f7f7
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right>div {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box {
        position: absolute;
        width: 31.48148vh;
        height: 68.88889vh;
        border-radius: 11%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box .k06-black-bg {
        position: absolute;
        background: #000;
        border-radius: 7%;
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box img {
        position: absolute;
        top: 0;
        left: 0;
        height: 68.88889vh;
        object-fit: cover
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box .K06-Pillar-right-img {
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #K06-Pillar1-KSP-Always-on-Display {
        width: 100%;
        box-sizing: border-box;
        height: 100vh;
        position: relative
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar {
        height: 100vh
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item {
        position: absolute;
        width: 100%;
        height: 100vh;
        display: -ms-flexbox;
        display: flex
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:first-child {
        z-index: 100
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:nth-child(2) {
        z-index: 50
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item:last-child {
        z-index: 10
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item>div {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background: black
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left {
        position: relative;
        font-size: 0;
        overflow: hidden
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-content {
        opacity: 0.9;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10;
        left: 7.1875vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 27.34375vw;
        background: #ffffff;
        border-radius: 1.04167vw;
        padding: 2.08333vw 2.08333vw 2.60417vw 2.08333vw;
        overflow: hidden
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header {
        width: 92.7%;
        overflow: hidden;
        margin-bottom: 4.16667vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-title {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.04167vw;
        font-weight: bold
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-title span {
        display: inline-block;
        font-size: .625vw;
        color: rgba(0, 0, 0, 0.6);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-content {
        width: 60%;
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        color: #000000;
        margin-bottom: 1.66667vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-header-descript {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border {
        width: 92.7%;
        margin-left: .41667vw
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-num {
        font-size: .67708vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.4);
        font-weight: bold
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-num-now {
        display: inline-block;
        width: .41667vw;
        color: #000
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-title {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        letter-spacing: -.01042vw;
        color: #000;
        margin: .625vw 0
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-left .K06-Pillar-left-border-descript {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        font-size: 0;
        overflow: hidden;
        background: #f7f7f7
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right>div {
        display: none
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box {
        position: absolute;
        width: 17.70833vw;
        height: 38.75vw;
        border-radius: 11%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box .k06-black-bg {
        position: absolute;
        background: #000;
        border-radius: 7%;
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box img {
        position: absolute;
        top: 0;
        left: 0;
        height: 38.75vw;
        object-fit: cover
    }
    #product-container #K06-Pillar1-KSP-Always-on-Display .K06-Pillar-item .K06-Pillar-right .K06-Pillar-right-box .K06-Pillar-right-img {
        top: 2%;
        left: 2%;
        width: 96%;
        height: 96%
    }
}

@media (max-width: 1023.98px) {
    #product-container .K07-Pillar2-Intro {
        width: 100vw;
        height: 190vw;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 {
        width: 122.22222vw;
        height: 122.22222vw;
        position: absolute;
        left: -59.72222vw;
        top: 26.66667vw;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 .K07-bg-ellipse1-img {
        width: 123.61111vw;
        height: 122.22222vw;
        background: #423ed9;
        -webkit-filter: blur(0.01957rem);
        filter: blur(0.01957rem);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -31.94444vw;
        z-index: 2;
        width: 166.66667vw;
        height: 166.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 .K07-bg-ellipse2-img {
        width: 149.16667vw;
        height: 104.44444vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(32.85deg);
        transform: rotate(32.85deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 {
        width: 166.66667vw;
        height: 166.66667vw;
        position: absolute;
        right: -65.27778vw;
        bottom: -43.05556vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 .K07-bg-ellipse-img {
        width: 158.05556vw;
        height: 78.33333vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-transform: rotate(-19.88deg);
        transform: rotate(-19.88deg);
        -webkit-backdrop-filter: blur(0.08545rem);
        backdrop-filter: blur(0.08545rem);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40vw;
        z-index: 5
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-smTitle {
        font-style: normal;
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        text-align: center;
        color: #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-bigTitle {
        font-style: normal;
        font-size: 17.77778vw;
        line-height: 21.11111vw;
        text-align: center;
        color: #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 6.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text {
        display: inline-block;
        background: #ffffff;
        border-radius: 2.77778vw;
        padding: 3.61111vw 4.16667vw;
        max-width: 75vw;
        position: relative;
        margin-bottom: 6.11111vw
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #000;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow {
        position: absolute;
        bottom: -3.61111vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow span {
        width: 0;
        height: 0;
        border-left: 3.61111vw solid transparent;
        border-right: 3.61111vw solid transparent;
        border-top: 3.61111vw solid #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait {
        width: 30.27778vw;
        height: 30.27778vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait img {
        width: 17.22222vw
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K07-title {
        margin-top: 16.66667vw !important
    }
    #product-container .K07-Head-portrait {
        width: 22.22222vw !important;
        height: 22.22222vw !important
    }
    #product-container .K07-Head-portrait img {
        width: 11.66667vw !important
    }
    #product-container .K07-text-arrow {
        bottom: -2.77778vw !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K07-Pillar2-Intro {
        box-sizing: border-box;
        height: 122.77778vh;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 {
        width: 135.64815vh;
        height: 135.64815vh;
        position: absolute;
        left: -48.61111vh;
        top: -.92593vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 .K07-bg-ellipse1-img {
        width: 93.98148vh;
        height: 100.55556vh;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(20.62deg);
        transform: rotate(20.62deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 {
        width: 151.48148vh;
        height: 151.48148vh;
        width: 100%;
        text-align: center;
        position: absolute;
        top: -55.55556vh;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 .K07-bg-ellipse2-img {
        width: 138.24074vh;
        height: 100vh;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        -webkit-transform: rotate(-24.44deg);
        transform: rotate(-24.44deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 {
        width: 154.62963vh;
        height: 154.62963vh;
        position: absolute;
        right: -41.2963vh;
        bottom: -33.33333vh;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 .K07-bg-ellipse-img {
        width: 144.25926vh;
        height: 73.33333vh;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: rotate(-28.53deg);
        transform: rotate(-28.53deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 28.7037vh;
        z-index: 5
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-smTitle {
        font-style: normal;
        font-size: 2.59259vh;
        line-height: 3.88889vh;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-bigTitle {
        font-style: normal;
        font-size: 24.07407vh;
        line-height: 29.62963vh;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 4.44444vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        width: 28.42593vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow {
        position: absolute;
        bottom: -1.52778vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait {
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait img {
        width: 6.01852vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K07-Pillar2-Intro {
        box-sizing: border-box;
        height: 69.0625vw;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 {
        width: 76.30208vw;
        height: 76.30208vw;
        position: absolute;
        left: -27.34375vw;
        top: -.52083vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse1 .K07-bg-ellipse1-img {
        width: 52.86458vw;
        height: 56.5625vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(20.62deg);
        transform: rotate(20.62deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 {
        width: 85.20833vw;
        height: 85.20833vw;
        width: 100%;
        text-align: center;
        position: absolute;
        top: -31.25vw;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse2 .K07-bg-ellipse2-img {
        width: 77.76042vw;
        height: 56.25vw;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        -webkit-transform: rotate(-24.44deg);
        transform: rotate(-24.44deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 {
        width: 86.97917vw;
        height: 86.97917vw;
        position: absolute;
        right: -23.22917vw;
        bottom: -18.75vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-bg-ellipse3 .K07-bg-ellipse-img {
        width: 81.14583vw;
        height: 41.25vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: rotate(-28.53deg);
        transform: rotate(-28.53deg);
        border-radius: 50%
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16.14583vw;
        z-index: 5
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-smTitle {
        font-style: normal;
        font-size: 1.45833vw;
        line-height: 2.1875vw;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-title .K07-bigTitle {
        font-style: normal;
        font-size: 13.54167vw;
        line-height: 16.66667vw;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 2.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        width: 15.98958vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow {
        position: absolute;
        bottom: -.85938vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-text .K07-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait {
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K07-Pillar2-Intro .K07-content .K07-Little-helper .K07-Head-portrait img {
        width: 3.38542vw
    }
}

@media (max-width: 1023.98px) {
    #product-container #K08-Pillar-2KSP-PC-Connect {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        background: #000000;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tabl {
        position: absolute;
        width: 100%;
        top: 50%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tab2 {
        position: absolute;
        width: 100%;
        top: 70%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar {
        padding: 15.55556vw 6.66667vw 6.66667vw 6.66667vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left {
        width: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-mobiltitle {
        display: block;
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #fff;
        margin-bottom: 6.66667vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-title {
        font-size: 3.61111vw;
        height: 5.27778vw;
        line-height: 5.27778vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 6.66667vw;
        font-weight: bold
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis {
        border-bottom: 0.1rem solid #616161
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        margin-top: 2.77778vw;
        margin-bottom: 4.44444vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        opacity: 0.4
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        color: #fff;
        letter-spacing: -0.05556vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span {
        display: inline-block;
        font-size: 6.11111vw;
        color: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span.Add {
        margin-top: -1.11111vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span.Minus {
        margin-top: 3.61111vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span:first-child {
        display: inline-block;
        width: 3.7vw;
        height: 0.25833vw;
        background: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        height: 0;
        overflow: hidden
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-desc {
        opacity: 0.6;
        letter-spacing: 0.05556vw;
        color: #fff;
        line-height: 5.27778vw;
        margin-bottom: 4.44444vw;
        font-size: 3.88889vw;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-moblie-canvas {
        display: block;
        height: 48.88889vw;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-moblie-canvas video {
        opacity: 0.6;
        width: 100%;
        height: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-moblie-canvas .play-icon {
        width: 17.5vw;
        height: 17.5vw;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .line {
        color: #fff;
        opacity: 0.4;
        border: 0.13889vw solid #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        height: auto;
        display: block
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #K08-Pillar-2KSP-PC-Connect {
        box-sizing: border-box;
        width: 100%;
        background: #000000;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tabl {
        position: absolute;
        width: 100%;
        top: 50%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tab2 {
        position: absolute;
        width: 100%;
        top: 70%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar {
        padding: 0 11% 0 15%;
        width: 74%;
        height: 100vh
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left {
        margin-left: 28.24074vh;
        width: 35%;
        margin-right: 10%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-title {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.85185vh;
        font-weight: bold
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-mobiltitle {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        color: #fff;
        margin-bottom: 3.7037vh
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis {
        border-bottom: 0.1rem solid #616161
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        margin-top: 1.85185vh;
        margin-bottom: 2.22222vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        opacity: 0.4
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        font-size: 1.85185vh;
        line-height: 3.24074vh;
        color: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span {
        display: inline-block;
        font-size: 3.33333vh;
        color: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span:first-child {
        display: inline-block;
        width: 1.66667vh;
        height: 0.1rem;
        background: #fff;
        vertical-align: sub
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div .Add {
        position: relative;
        top: .37037vh;
        margin-top: -.92593vh
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        width: 80%;
        height: 0;
        overflow: hidden
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-desc {
        opacity: 0.9;
        color: #fff;
        line-height: 1.75926vh;
        margin-bottom: 3.7037vh;
        font-size: 1.2963vh;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-moblie-canvas {
        display: none
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li:last-child .K08-Pillar-ul-lis {
        border-bottom: none
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        height: auto;
        display: block
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 21.11111vh;
        width: 55%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab img {
        width: 100%;
        height: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab video {
        width: 100%;
        height: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list #tabList-first {
        opacity: 1
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #K08-Pillar-2KSP-PC-Connect {
        box-sizing: border-box;
        width: 100%;
        background: #000000;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tabl {
        position: absolute;
        width: 100%;
        top: 50%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect #K08-Pillar-tab2 {
        position: absolute;
        width: 100%;
        top: 70%;
        height: 20%;
        left: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar {
        padding: 0 11% 0 15%;
        width: 74%;
        height: 100vh
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left {
        margin-left: 15.88542vw;
        width: 35%;
        margin-right: 10%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-title {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.04167vw;
        font-weight: bold
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-mobiltitle {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        color: #fff;
        margin-bottom: 2.08333vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis {
        border-bottom: 0.1rem solid #616161
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        margin-top: 1.04167vw;
        margin-bottom: 1.25vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        opacity: 0.4
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        font-size: 1.04167vw;
        line-height: 1.82292vw;
        color: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span {
        display: inline-block;
        font-size: 1.875vw;
        color: #fff
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div span:first-child {
        display: inline-block;
        width: .9375vw;
        height: 0.1rem;
        background: #fff;
        vertical-align: sub
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-up div .Add {
        position: relative;
        top: .20833vw;
        margin-top: -.52083vw
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        width: 80%;
        height: 0;
        overflow: hidden
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-desc {
        opacity: 0.9;
        color: #fff;
        line-height: .98958vw;
        margin-bottom: 2.08333vw;
        font-size: .72917vw;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li .K08-Pillar-ul-lis .K08-Pillar-ul-li-down .K08-Pillar-ul-li-moblie-canvas {
        display: none
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li:last-child .K08-Pillar-ul-lis {
        border-bottom: none
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-left .K08-Pillar-ul li.active .K08-Pillar-ul-lis .K08-Pillar-ul-li-down {
        height: auto;
        display: block
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 11.875vw;
        width: 55%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab img {
        width: 100%;
        height: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list div.content-list-tab video {
        width: 100%;
        height: 100%
    }
    #product-container #K08-Pillar-2KSP-PC-Connect .K08-Pillar .K08-Pillar-style .K08-Pillar-right .content-list #tabList-first {
        opacity: 1
    }
}

@media (max-width: 1023.98px) {
    #product-container #K09-Pillar-2KSP-Smart-Sidebar {
        background: #000000;
        position: relative;
        padding: 15.55556vw 6.66667vw;
        padding-bottom: 0
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video {
        -ms-flex-order: 2;
        order: 2;
        width: 64.44444vw;
        height: 140.83333vw;
        position: relative;
        margin: 0 auto;
        margin-bottom: 5vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video #K09-mvideo {
        position: absolute;
        width: 98%;
        height: 98%;
        border-radius: 5%;
        left: -2%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video video {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-pc {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-img {
        display: block;
        position: absolute;
        width: 99%;
        height: 98%;
        border-radius: 5%;
        left: -2%;
        object-fit: fill
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-phone {
        position: absolute;
        width: 106%;
        height: 102%;
        top: -2%;
        left: -6%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside {
        position: absolute;
        width: 21.94444vw;
        height: 75.27778vw;
        right: 2.5vw;
        top: 32.77778vw;
        z-index: 0
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside img {
        width: 100%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-mobile {
        display: block
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-pc {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img {
        position: absolute;
        right: 1.11111vw;
        width: 10.00556vw;
        height: 15.20833vw;
        top: 15.83333vw;
        border-radius: 2.0011vw;
        z-index: -1
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img img {
        width: 100%;
        height: 100%;
        border-radius: 2.0011vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn {
        position: absolute;
        right: 1.11111vw;
        width: 10.00556vw;
        height: 15.20833vw;
        top: 15.83333vw;
        border-radius: 2.0011vw;
        z-index: 2
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn:hover {
        cursor: pointer
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper {
        -ms-flex-order: 3;
        order: 3;
        width: 38.88889vw;
        position: absolute;
        top: 152.77778vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: 1.11111vw 1.11111vw 3.33333vw rgba(0, 0, 0, 0.25);
        border-radius: 2.77778vw;
        position: relative;
        margin-bottom: 4.97222vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-content {
        padding: 2.77778vw;
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        color: #000000;
        text-align: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow {
        position: absolute;
        bottom: -1.66667vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow span {
        width: 0;
        height: 0;
        border-left: 1.66667vw solid transparent;
        border-right: 1.66667vw solid transparent;
        border-top: 1.66667vw solid #fff
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait {
        width: 27.77778vw;
        height: 27.77778vw;
        border-radius: 50%;
        margin: 0 auto;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait img {
        opacity: 1;
        width: 16.66667vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text {
        -ms-flex-order: 1;
        order: 1;
        width: 95%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 22.22222vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-samll-title {
        font-weight: bold;
        font-size: 3.61111vw;
        line-height: 6.66667vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 6.66667vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-big-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #ffffff;
        margin-bottom: 2.22222vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        color: rgba(255, 255, 255, 0.6);
        word-break: keep-all;
        word-wrap: break-word
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #K09-Pillar-2KSP-Smart-Sidebar {
        width: 100%;
        height: 100vh;
        background: #000000;
        position: relative
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        height: 78.7037vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video {
        margin-right: 6.75926vh;
        width: 35.18519vh;
        height: 100%;
        position: relative
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video #K09-mvideo {
        position: absolute;
        top: 2%;
        left: 1%;
        width: 98%;
        height: 96%;
        border-radius: 9%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video video {
        position: absolute;
        width: 101.5%;
        height: 97%;
        left: -0.7%;
        top: 0.52%;
        object-fit: fill;
        border-radius: 2.77778vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-pc {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-img {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-phone {
        position: absolute;
        width: 108.2%;
        height: 102%;
        top: -1.6%;
        left: -4%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside {
        position: absolute;
        width: 12.5vh;
        right: 1.57407vh;
        top: 16.66667vh;
        z-index: 0
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside img {
        width: 100%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-pc {
        display: block
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-mobile {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img {
        position: absolute;
        right: .55556vh;
        height: 7.96296vh;
        top: 9.72222vh;
        width: 5.55556vh;
        border-radius: .98537vh;
        z-index: -1
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img img {
        width: 100%;
        height: 100%;
        border-radius: .98537vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn {
        position: absolute;
        right: .55556vh;
        height: 7.96296vh;
        top: 9.72222vh;
        width: 5.55556vh;
        border-radius: .98537vh;
        z-index: 2
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn:hover {
        cursor: pointer
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper {
        width: 15.37037vh;
        margin-right: 16.38889vh;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #000;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        width: 15.37037vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #000000;
        text-align: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow {
        position: absolute;
        bottom: -.92593vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait {
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait img {
        opacity: 1;
        width: 6.66667vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text {
        width: 36.57407vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-samll-title {
        font-size: 1.38889vh;
        font-weight: bold;
        line-height: 1.75926vh;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.85185vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-big-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        color: #ffffff;
        margin-bottom: 3.7037vh
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-des {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #fff;
        word-break: keep-all;
        word-wrap: break-word
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #K09-Pillar-2KSP-Smart-Sidebar {
        width: 100%;
        height: 56.25vw;
        background: #000000;
        position: relative
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        height: 44.27083vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video {
        margin-right: 3.80208vw;
        width: 19.79167vw;
        height: 100%;
        position: relative
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video #K09-mvideo {
        position: absolute;
        top: 2%;
        left: 1%;
        width: 98%;
        height: 96%;
        border-radius: 9%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video video {
        position: absolute;
        width: 101.5%;
        height: 97%;
        left: -0.7%;
        top: 0.52%;
        object-fit: fill;
        border-radius: 1.5625vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-pc {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-mobile-img {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-phone {
        position: absolute;
        width: 108.2%;
        height: 102%;
        top: -1.6%;
        left: -4%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside {
        position: absolute;
        width: 7.03125vw;
        right: .88542vw;
        top: 9.375vw;
        z-index: 0
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside img {
        width: 100%
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-pc {
        display: block
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-mobile {
        display: none
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img {
        position: absolute;
        right: .3125vw;
        height: 4.47917vw;
        top: 5.46875vw;
        width: 3.125vw;
        border-radius: .55427vw;
        z-index: -1
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-img img {
        width: 100%;
        height: 100%;
        border-radius: .55427vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn {
        position: absolute;
        right: .3125vw;
        height: 4.47917vw;
        top: 5.46875vw;
        width: 3.125vw;
        border-radius: .55427vw;
        z-index: 2
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-video .k09-video-aside .k09-video-aside-btn:hover {
        cursor: pointer
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper {
        width: 8.64583vw;
        margin-right: 9.21875vw;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #000;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        width: 8.64583vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #000000;
        text-align: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow {
        position: absolute;
        bottom: -.52083vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-text .K09-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait {
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-Top-Feature-helper .K09-Top-portrait img {
        opacity: 1;
        width: 3.75vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text {
        width: 20.57292vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-samll-title {
        font-size: .78125vw;
        font-weight: bold;
        line-height: .98958vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.04167vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-big-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        color: #ffffff;
        margin-bottom: 2.08333vw
    }
    #product-container #K09-Pillar-2KSP-Smart-Sidebar .K09-Outer-layer .K09-text .k09-des {
        font-size: .72917vw;
        line-height: .98958vw;
        color: #fff;
        word-break: keep-all;
        word-wrap: break-word
    }
}

@media (max-width: 1023.98px) {
    #product-container #K10-Pillar-2KSP-Accessibility {
        box-sizing: border-box;
        position: relative;
        width: 100vw;
        overflow: hidden;
        min-height: 626.11111vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar {
        padding: 15.55556vw 0
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left-img,
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left-border {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item.in .K10-Pillar-header {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item.in.out .K10-Pillar-right-img1 {
        margin-left: -20.83333vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-header {
        padding-left: 6.66667vw;
        padding-right: 14.44444vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-header-title {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-header-content {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #000000;
        margin-top: 6.66667vw;
        margin-bottom: 2.22222vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-header-descript {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right {
        padding-top: 11.11111vw;
        width: 55vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-num {
        font-weight: bold;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.11111vw;
        color: rgba(0, 0, 0, 0.4);
        margin-left: -13.05556vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-num-now {
        color: #000
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box2 {
        position: relative;
        height: 129.72222vw;
        margin-top: 3.05556vw;
        margin-bottom: 6.66667vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box2 img {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box2 .K10-Pillar-right-play {
        width: 19.44444vw;
        height: 19.44444vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box {
        position: relative;
        height: 107.77778vw;
        margin-top: 3.05556vw;
        margin-bottom: 6.66667vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box img {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box .K10-Pillar-right-play {
        width: 19.44444vw;
        height: 19.44444vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-img2 {
        margin-left: -39%
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-img1 {
        height: 107.77778vw;
        margin-top: 3.05556vw;
        margin-bottom: 6.66667vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-title {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.05556vw;
        color: #000000;
        margin-bottom: 3.33333vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-descript {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right-descript span {
        display: inline-block;
        font-size: 3.33333vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #K10-Pillar-2KSP-Accessibility {
        box-sizing: border-box;
        height: 100vh;
        position: relative
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar {
        height: 100vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item {
        position: absolute;
        width: 100%;
        height: 100vh;
        display: -ms-flexbox;
        display: flex
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:first-child {
        z-index: 100
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:nth-child(2) {
        z-index: 50
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:last-child {
        z-index: 10
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item>div {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left {
        position: relative;
        font-size: 0;
        z-index: 10;
        background: #F7F7F7
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-img .K10-Pillar-left-img1 {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-content {
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10;
        left: 12.77778vh;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 48.61111vh;
        background: #ffffff;
        border-radius: 1.85185vh;
        padding: 3.7037vh 3.7037vh 5.46296vh 3.7037vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header {
        width: 92.7%;
        margin-bottom: 9.25926vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-title {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.85185vh;
        font-weight: bold
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-content {
        width: 70%;
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        color: #000000;
        margin-bottom: 2.96296vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-descript {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border {
        width: 92.7%;
        margin-left: .74074vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-num {
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        font-weight: bold;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-num-now {
        display: inline-block;
        width: .74074vh;
        color: #000
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-title {
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        letter-spacing: -.01852vh;
        color: #000;
        margin: 1.11111vh 0
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-descript {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-descript span {
        display: inline-block;
        font-size: 1.11111vh;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right {
        overflow: hidden;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0;
        background: #F7F7F7
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right>div {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box {
        display: none;
        height: 69.35185vh;
        object-fit: contain
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-img1 {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video {
        position: relative;
        display: block;
        width: 50vw;
        height: 100vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video .K10-Pillar-right-img0 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 31.2963vh;
        height: 69.35185vh;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video video {
        position: absolute;
        top: 50%;
        left: -10%;
        width: 120%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        object-fit: contain
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #K10-Pillar-2KSP-Accessibility {
        box-sizing: border-box;
        height: 100vh;
        position: relative
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar {
        height: 100vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item {
        position: absolute;
        width: 100%;
        height: 100vh;
        display: -ms-flexbox;
        display: flex
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:first-child {
        z-index: 100
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:nth-child(2) {
        z-index: 50
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item:last-child {
        z-index: 10
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item>div {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left {
        position: relative;
        font-size: 0;
        z-index: 10;
        background: #F7F7F7
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-img .K10-Pillar-left-img1 {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-content {
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 10;
        left: 7.1875vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 27.34375vw;
        background: #ffffff;
        border-radius: 1.04167vw;
        padding: 2.08333vw 2.08333vw 3.07292vw 2.08333vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header {
        width: 92.7%;
        margin-bottom: 5.20833vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-title {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.04167vw;
        font-weight: bold
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-content {
        width: 70%;
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        color: #000000;
        margin-bottom: 1.66667vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-header-descript {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border {
        width: 92.7%;
        margin-left: .41667vw
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-num {
        font-size: .67708vw;
        line-height: .98958vw;
        font-weight: bold;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.4)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-num-now {
        display: inline-block;
        width: .41667vw;
        color: #000
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-title {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        letter-spacing: -.01042vw;
        color: #000;
        margin: .625vw 0
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-descript {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-left .K10-Pillar-left-border-descript span {
        display: inline-block;
        font-size: .625vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right {
        overflow: hidden;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0;
        background: #F7F7F7
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right>div {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-box {
        display: none;
        height: 39.01042vw;
        object-fit: contain
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .K10-Pillar-right-img1 {
        display: none
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video {
        position: relative;
        display: block;
        width: 50vw;
        height: 100vh
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video .K10-Pillar-right-img0 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 17.60417vw;
        height: 39.01042vw;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K10-Pillar-2KSP-Accessibility .K10-Pillar-item .K10-Pillar-right .k10-video video {
        position: absolute;
        top: 50%;
        left: -10%;
        width: 120%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        object-fit: contain
    }
}

@media (max-width: 1023.98px) {
    #product-container .K12-Pillar3-Intro {
        width: 100vw;
        height: 190vw;
        overflow: hidden;
        position: relative;
        background-color: #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 {
        width: 122.22222vw;
        height: 122.22222vw;
        position: absolute;
        left: -59.72222vw;
        top: 26.66667vw;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 .K12-bg-ellipse1-img {
        width: 123.61111vw;
        height: 122.22222vw;
        background: #423ed9;
        -webkit-filter: blur(0.01957rem);
        filter: blur(0.01957rem);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -37.5vw;
        z-index: 2;
        width: 166.66667vw;
        height: 166.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 .K12-bg-ellipse2-img {
        width: 149.16667vw;
        height: 104.44444vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-transform: rotate(32.85deg);
        transform: rotate(32.85deg);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 {
        width: 166.66667vw;
        height: 166.66667vw;
        position: absolute;
        right: -56.94444vw;
        bottom: -54.16667vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 .K12-bg-ellipse-img {
        width: 158.05556vw;
        height: 78.33333vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-transform: rotate(-19.88deg);
        transform: rotate(-19.88deg);
        -webkit-backdrop-filter: blur(0.08545rem);
        backdrop-filter: blur(0.08545rem);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40vw;
        z-index: 5
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-smTitle {
        font-style: normal;
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        text-align: center;
        color: #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-bigTitle {
        font-style: normal;
        padding: 0 22.77778vw;
        font-size: 17.77778vw;
        line-height: 21.11111vw;
        text-align: center;
        color: #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 6.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text {
        display: inline-block;
        background: #ffffff;
        border-radius: 2.77778vw;
        padding: 3.61111vw 4.16667vw;
        max-width: 75vw;
        position: relative;
        margin-bottom: 6.11111vw
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #000;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow {
        position: absolute;
        bottom: -3.61111vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow span {
        width: 0;
        height: 0;
        border-left: 3.61111vw solid transparent;
        border-right: 3.61111vw solid transparent;
        border-top: 3.61111vw solid #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait {
        width: 30.27778vw;
        height: 30.27778vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait img {
        width: 17.22222vw
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    #product-container .K12-title {
        margin-top: 16.66667vw !important
    }
    #product-container .K12-Head-portrait {
        width: 22.22222vw !important;
        height: 22.22222vw !important
    }
    #product-container .K12-Head-portrait img {
        width: 11.66667vw !important
    }
    #product-container .K12-text-arrow {
        bottom: -2.77778vw !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K12-Pillar3-Intro {
        box-sizing: border-box;
        height: 122.77778vh;
        overflow: hidden;
        background-color: #fff;
        position: relative
    }
    #product-container .K12-Pillar3-Intro .K12-content {
        width: 100%;
        height: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 {
        width: 117.12963vh;
        height: 117.12963vh;
        position: absolute;
        left: -50.46296vh;
        top: -5.55556vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 .K12-bg-ellipse1-img {
        width: 113.42593vh;
        height: 127.68519vh;
        background: rgba(37, 175, 242, 0.6);
        -webkit-filter: blur(0.04rem);
        filter: blur(0.04rem);
        -webkit-transform: matrix(0.94, 0.35, -0.35, 0.94, 0, 0);
        transform: matrix(0.94, 0.35, -0.35, 0.94, 0, 0);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 {
        width: 132.96296vh;
        height: 132.96296vh;
        text-align: center;
        position: absolute;
        bottom: -23.14815vh;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1399.98px) and (max-width: 1600px) {
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 {
        width: 142.22222vh;
        height: 142.22222vh
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 .K12-bg-ellipse2-img {
        width: 132.77778vh;
        height: 132.87037vh;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 {
        width: 111.11111vh;
        height: 111.11111vh;
        position: absolute;
        right: -27.40741vh;
        top: -9.25926vh;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 .K12-bg-ellipse-img {
        width: 129.62963vh;
        height: 64.25926vh;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: matrix(-0.69, -0.72, 0.72, -0.69, 0, 0);
        transform: matrix(-0.69, -0.72, 0.72, -0.69, 0, 0);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 28.7037vh;
        z-index: 5
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-smTitle {
        font-style: normal;
        font-size: 2.59259vh;
        line-height: 3.88889vh;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-bigTitle {
        font-style: normal;
        font-size: 24.07407vh;
        line-height: 29.62963vh;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 4.44444vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: 0.04rem 0.04rem 0.12rem #3935c4;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        width: 30.92593vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow {
        position: absolute;
        bottom: -1.52778vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait {
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0.04rem 0.04rem 0.12rem #3935c4;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait img {
        width: 6.01852vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K12-Pillar3-Intro {
        box-sizing: border-box;
        height: 69.0625vw;
        overflow: hidden;
        background-color: #fff;
        position: relative
    }
    #product-container .K12-Pillar3-Intro .K12-content {
        width: 100%;
        height: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 {
        width: 65.88542vw;
        height: 65.88542vw;
        position: absolute;
        left: -28.38542vw;
        top: -3.125vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 3
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse1 .K12-bg-ellipse1-img {
        width: 63.80208vw;
        height: 71.82292vw;
        background: rgba(37, 175, 242, 0.6);
        -webkit-filter: blur(0.04rem);
        filter: blur(0.04rem);
        -webkit-transform: matrix(0.94, 0.35, -0.35, 0.94, 0, 0);
        transform: matrix(0.94, 0.35, -0.35, 0.94, 0, 0);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 {
        width: 74.79167vw;
        height: 74.79167vw;
        text-align: center;
        position: absolute;
        bottom: -13.02083vw;
        z-index: 2;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1399.98px) and (max-width: 1600px) {
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 {
        width: 80vw;
        height: 80vw
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse2 .K12-bg-ellipse2-img {
        width: 74.6875vw;
        height: 74.73958vw;
        background: #423ed9;
        -webkit-filter: blur(0.2rem);
        filter: blur(0.2rem);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 {
        width: 62.5vw;
        height: 62.5vw;
        position: absolute;
        right: -15.41667vw;
        top: -5.20833vw;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-bg-ellipse3 .K12-bg-ellipse-img {
        width: 72.91667vw;
        height: 36.14583vw;
        background: rgba(95, 214, 254, 0.4);
        -webkit-backdrop-filter: blur(0.3rem);
        backdrop-filter: blur(0.3rem);
        -webkit-transform: matrix(-0.69, -0.72, 0.72, -0.69, 0, 0);
        transform: matrix(-0.69, -0.72, 0.72, -0.69, 0, 0);
        border-radius: 50%
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 16.14583vw;
        z-index: 5
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-smTitle {
        font-style: normal;
        font-size: 1.45833vw;
        line-height: 2.1875vw;
        text-align: center;
        color: #f8f8f8
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-title .K12-bigTitle {
        font-style: normal;
        font-size: 13.54167vw;
        line-height: 16.66667vw;
        text-align: center;
        color: #f2f2f2
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 2.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: 0.04rem 0.04rem 0.12rem #3935c4;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        width: 17.39583vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #141414;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow {
        position: absolute;
        bottom: -.85938vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-text .K12-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait {
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0.04rem 0.04rem 0.12rem #3935c4;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K12-Pillar3-Intro .K12-content .K12-Little-helper .K12-Head-portrait img {
        width: 3.38542vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K13-Pillar-3-KSP-Privacy {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: white;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: left;
        align-items: left;
        padding-left: 6.66667vw;
        padding-right: 6.66667vw;
        box-sizing: border-box
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-little-title {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        margin-top: 15.55556vw;
        margin-bottom: 6.66667vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-mobile-title>p {
        font-size: 10vw;
        line-height: 12.77778vw;
        letter-spacing: -0.0036rem;
        color: black
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-title {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box img {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper {
        position: relative;
        width: 100%;
        height: 168.05556vw
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-phone-box-swiper-btn {
        position: absolute;
        outline: none;
        width: 13.61111vw;
        height: 13.61111vw;
        top: 52%;
        z-index: 100
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-phone-box-swiper-btn.left {
        left: 0
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-phone-box-swiper-btn.right {
        right: 0
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-phone-box-swiper-btn img {
        width: 100%;
        height: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-swiper-main {
        margin-top: 11.11111vw
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-swiper-main .K13-container-mian {
        width: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-swiper-main .K13-container-mian .K13-container-wrapper .K13-item .K13-item-title {
        width: 100%;
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        margin-bottom: 3.33333vw;
        letter-spacing: -0.05556vw;
        color: black
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-swiper-main .K13-container-mian .K13-container-wrapper .K13-item .K13-item-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        margin-bottom: 11.11111vw;
        opacity: 0.4;
        letter-spacing: -0.05556vw;
        color: black
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper .K13-swiper-main .K13-container-mian .K13-container-wrapper .K13-item img {
        opacity: 1;
        width: 45.55556vw;
        margin-left: 20.55556vw;
        height: 100vw
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K13-Pillar-3-KSP-Privacy {
        background: white;
        width: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        height: 114.81481vh
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-little-title {
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        margin-top: 9.62963vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        margin-top: 1.2037vh;
        margin-bottom: 9.62963vh;
        letter-spacing: -.04259vh;
        color: #101010
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-mobile-title {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card {
        width: 28.88889vh;
        margin-right: 17.31481vh
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .k13-img-container {
        width: 28.88889vh;
        height: 63.33333vh
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .k13-img-container img {
        width: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .K13-text-title {
        width: 140%;
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        margin-bottom: 1.48148vh;
        margin-top: 5.18519vh;
        letter-spacing: -.01852vh;
        color: #000000
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .K13-text-content {
        width: 100%;
        opacity: 0.6;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        margin-bottom: 8.61111vh;
        letter-spacing: -.01852vh;
        color: #000000
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card:last-child {
        margin-right: 0
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K13-Pillar-3-KSP-Privacy {
        background: white;
        width: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        height: 64.58333vw
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-little-title {
        font-size: .67708vw;
        line-height: .98958vw;
        margin-top: 5.41667vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        margin-top: .67708vw;
        margin-bottom: 5.41667vw;
        letter-spacing: -.02396vw;
        color: #101010
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-mobile-title {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box-swiper {
        display: none
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card {
        width: 16.25vw;
        margin-right: 9.73958vw
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .k13-img-container {
        width: 16.25vw;
        height: 35.625vw
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .k13-img-container img {
        width: 100%
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .K13-text-title {
        width: 140%;
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        margin-bottom: .83333vw;
        margin-top: 2.91667vw;
        letter-spacing: -.01042vw;
        color: #000000
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card .K13-text-content {
        width: 100%;
        opacity: 0.6;
        font-size: .72917vw;
        line-height: .98958vw;
        margin-bottom: 4.84375vw;
        letter-spacing: -.01042vw;
        color: #000000
    }
    #product-container .K13-Pillar-3-KSP-Privacy .K13-phone-box .K13-phone-card:last-child {
        margin-right: 0
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.oppo-find3-x .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.oppo-find3-x .swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.oppo-find3-x .swiper-container-android .swiper-slide,
.oppo-find3-x .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.oppo-find3-x .swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.oppo-find3-x .swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.oppo-find3-x .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.oppo-find3-x .swiper-slide-invisible-blank {
    visibility: hidden
}

.oppo-find3-x .swiper-container-autoheight,
.oppo-find3-x .swiper-container-autoheight .swiper-slide {
    height: auto
}

.oppo-find3-x .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.oppo-find3-x .swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.oppo-find3-x .swiper-container-3d .swiper-wrapper,
.oppo-find3-x .swiper-container-3d .swiper-slide,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.oppo-find3-x .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.oppo-find3-x :root {
    --swiper-navigation-size: 0.44rem
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-button-prev.swiper-button-disabled,
.oppo-find3-x .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.oppo-find3-x .swiper-button-next,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.oppo-find3-x .swiper-button-next:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.oppo-find3-x .swiper-button-prev.swiper-button-white,
.oppo-find3-x .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.oppo-find3-x .swiper-button-prev.swiper-button-black,
.oppo-find3-x .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.oppo-find3-x .swiper-button-lock {
    display: none
}

.oppo-find3-x .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.oppo-find3-x .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.oppo-find3-x .swiper-pagination-fraction,
.oppo-find3-x .swiper-pagination-custom,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.oppo-find3-x .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

.oppo-find3-x button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.oppo-find3-x .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.oppo-find3-x .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.oppo-find3-x .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.oppo-find3-x .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.oppo-find3-x .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.oppo-find3-x .swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.oppo-find3-x .swiper-pagination-lock {
    display: none
}

.oppo-find3-x .swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.oppo-find3-x .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.oppo-find3-x .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.oppo-find3-x .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-scrollbar-cursor-drag {
    cursor: move
}

.oppo-find3-x .swiper-scrollbar-lock {
    display: none
}

.oppo-find3-x .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.oppo-find3-x .swiper-zoom-container>img,
.oppo-find3-x .swiper-zoom-container>svg,
.oppo-find3-x .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.oppo-find3-x .swiper-slide-zoomed {
    cursor: move
}

.oppo-find3-x .swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.oppo-find3-x .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.oppo-find3-x .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.oppo-find3-x .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.oppo-find3-x .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.oppo-find3-x .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.oppo-find3-x .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-fade .swiper-slide-active,
.oppo-find3-x .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube {
    overflow: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.oppo-find3-x .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-next,
.oppo-find3-x .swiper-container-cube .swiper-slide-prev,
.oppo-find3-x .swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.oppo-find3-x .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0
}

.oppo-find3-x .swiper-container-flip {
    overflow: visible
}

.oppo-find3-x .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.oppo-find3-x .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-flip .swiper-slide-active,
.oppo-find3-x .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width: 1023.98px) {
    #product-container .k14-Desktop-elemt1 {
        position: absolute;
        top: 50%;
        height: 83.33333vw;
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications {
        background: #F5F5F5;
        position: relative;
        padding: 6.66667vw;
        padding-top: 0vw;
        padding-bottom: 0vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content {
        width: 100%;
        position: relative;
        height: 100vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item {
        padding-top: 8.88889vw;
        position: absolute;
        bottom: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left {
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 6.66667vw;
        font-weight: bold
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 span {
        display: inline-block;
        font-size: 3.33333vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title2 {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #000;
        margin-bottom: 2.77778vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title3 {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 6.94444vw;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn {
        cursor: pointer;
        width: 24.72222vw;
        height: 11.11111vw;
        background: #F5F5F5;
        box-shadow: -1.66667vw -1.66667vw 4.44444vw #FFFDFD, 1.66667vw 1.66667vw 4.44444vw #C5C8CC;
        border-radius: 5.55556vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt {
        padding: 1.66667vw 2.22222vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle {
        position: relative;
        width: 7.77778vw;
        height: 7.77778vw;
        background: #000000;
        border-radius: 50%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle.active {
        background: #0075FF
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle:after {
        content: "";
        display: block;
        width: 1.66667vw;
        height: 1.66667vw;
        background: #FFFFFF;
        border-radius: 50%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p {
        color: #000000;
        font-size: 3.33333vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p.k14-close {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center {
        width: 71.66667vw;
        margin: 0 auto;
        margin-top: 8.33333vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center img {
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center .k14-mobile-img {
        display: block
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center .k14-desk-img {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-first .k14-left-btn {
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title1 {
        color: rgba(255, 255, 255, 0.6);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title2 {
        color: #FFFFFF;
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title3 {
        color: rgba(255, 255, 255, 0.4);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-Little-helper {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-center img {
        opacity: 0
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .k14-Desktop-elemt1 {
        display: block;
        position: absolute;
        top: 50%;
        height: 46.2963vh;
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications {
        width: 100%;
        background: #F5F5F5;
        height: 100vh;
        position: relative;
        overflow: hidden
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left {
        margin-top: 21.85185vh;
        margin-right: 10.18519vh;
        width: 30.92593vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.85185vh;
        font-weight: bold
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 span {
        display: inline-block;
        font-size: 1.11111vh;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title2 {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        color: #101010;
        margin-bottom: 3.7037vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title3 {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 4.44444vh;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn {
        cursor: pointer;
        width: 8.61111vh;
        height: 3.7037vh;
        background: #F5F5F5;
        box-shadow: -.55556vh -.55556vh 1.48148vh #FFFDFD, .55556vh .55556vh 1.48148vh #C5C8CC;
        border-radius: 4.62963vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt {
        padding: .55556vh .74074vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle {
        position: relative;
        width: 2.59259vh;
        height: 2.59259vh;
        background: #000000;
        border-radius: 50%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle.active {
        background: #0075FF
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle:after {
        content: "";
        display: block;
        width: .55556vh;
        height: .55556vh;
        background: #FFFFFF;
        border-radius: 50%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p {
        color: #000000;
        font-size: 1.11111vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p.k14-close {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center {
        width: 66.66667vh;
        margin-right: 3.61111vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center img {
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center .k14-mobile-img {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right {
        width: 25.92593vh;
        padding-top: 22.31481vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper {
        width: 100%;
        box-sizing: border-box;
        z-index: 50
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text {
        display: inline-block;
        background: #ffffff;
        border-radius: .74074vh;
        padding: 1.48148vh 2.77778vh;
        position: relative;
        margin-bottom: 2.5vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #141414;
        text-align: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-arrow {
        position: absolute;
        bottom: -1.34259vh;
        right: -5.55556vh;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-Head-portrait {
        margin-left: 11.11111vh;
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-Head-portrait img {
        width: 6.01852vh
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-first .k14-right .k14-Little-helper .k14-text {
        box-shadow: .37037vh .37037vh 1.11111vh #ececec
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-first .k14-right .k14-Little-helper .k14-Head-portrait {
        box-shadow: .37037vh .37037vh 1.11111vh #ececec
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title1 {
        color: rgba(255, 255, 255, 0.6);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title2 {
        color: #FFFFFF;
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title3 {
        color: rgba(255, 255, 255, 0.8);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-center img {
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-right .k14-Little-helper {
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-content {
        opacity: 0
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .k14-Desktop-elemt1 {
        display: block;
        position: absolute;
        top: 50%;
        height: 26.04167vw;
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications {
        width: 100%;
        background: #F5F5F5;
        height: 100vh;
        position: relative;
        overflow: hidden
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left {
        margin-top: 12.29167vw;
        margin-right: 5.72917vw;
        width: 17.39583vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 {
        font-size: .78125vw;
        line-height: .98958vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 1.04167vw;
        font-weight: bold
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title1 span {
        display: inline-block;
        font-size: .625vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: super
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title2 {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        color: #101010;
        margin-bottom: 2.08333vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-title3 {
        font-size: .72917vw;
        line-height: .98958vw;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 2.5vw;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn {
        cursor: pointer;
        width: 4.84375vw;
        height: 2.08333vw;
        background: #F5F5F5;
        box-shadow: -.3125vw -.3125vw .83333vw #FFFDFD, .3125vw .3125vw .83333vw #C5C8CC;
        border-radius: 2.60417vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt {
        padding: .3125vw .41667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle {
        position: relative;
        width: 1.45833vw;
        height: 1.45833vw;
        background: #000000;
        border-radius: 50%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle.active {
        background: #0075FF
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt .k14-circle:after {
        content: "";
        display: block;
        width: .3125vw;
        height: .3125vw;
        background: #FFFFFF;
        border-radius: 50%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p {
        color: #000000;
        font-size: .625vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-left .k14-left-btn .k14-left-btn-elemt p.k14-close {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center {
        width: 37.5vw;
        margin-right: 2.03125vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center img {
        width: 100%
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-center .k14-mobile-img {
        display: none
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right {
        width: 14.58333vw;
        padding-top: 12.55208vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper {
        width: 100%;
        box-sizing: border-box;
        z-index: 50
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text {
        display: inline-block;
        background: #ffffff;
        border-radius: .41667vw;
        padding: .83333vw 1.5625vw;
        position: relative;
        margin-bottom: 1.40625vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #141414;
        text-align: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-arrow {
        position: absolute;
        bottom: -.75521vw;
        right: -3.125vw;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-Head-portrait {
        margin-left: 6.25vw;
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .k14-list-item .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-Head-portrait img {
        width: 3.38542vw
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-first .k14-right .k14-Little-helper .k14-text {
        box-shadow: .20833vw .20833vw .625vw #ececec
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-first .k14-right .k14-Little-helper .k14-Head-portrait {
        box-shadow: .20833vw .20833vw .625vw #ececec
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title1 {
        color: rgba(255, 255, 255, 0.6);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title2 {
        color: #FFFFFF;
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-left .k14-left-title3 {
        color: rgba(255, 255, 255, 0.8);
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-center img {
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-right .k14-Little-helper {
        opacity: 0
    }
    #product-container #K14-Pillar-3KSP-Anti-peeping-for-Notifications .K14-Pillar-content .K14-Pillar-second .K14-Pillar-first-info .k14-right .k14-Little-helper .k14-text .k14-text-content {
        opacity: 0
    }
}

@media (max-width: 1023.98px) {
    #product-container #N01-Host-Intro {
        display: none
    }
    #product-container #N01-Little-helper {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #N01-Host-Intro {
        box-sizing: border-box;
        cursor: pointer;
        width: 10.5rem;
        height: 100vh;
        position: fixed;
        right: -7.5rem;
        top: 0;
        background: white;
        z-index: -1;
        padding: 1.5rem;
        padding-top: 5.18519vh;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside {
        width: 100%;
        height: 100%
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside {
        width: 100%;
        height: 100%
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo {
        position: absolute;
        width: 12.03704vh
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo svg {
        width: 5.18519vh;
        margin-bottom: 2.22222vh
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo .N01-aside-line {
        width: 100%;
        height: 0.06rem;
        background: #eaeaea
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item {
        position: absolute;
        margin-top: 27.68519vh;
        width: 7.3rem
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul>div {
        border-left-width: .27778vh;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        height: 1.2037vh;
        line-height: 1.2037vh
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul .N01-ul-second {
        height: 0;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul .N01-ul-thrid {
        height: 0;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-ul-li {
        border-left-width: .27778vh;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        height: 1.2037vh;
        line-height: 1.2037vh
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li {
        margin-top: 1.48148vh;
        position: relative
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li a {
        display: inline-block;
        font-size: 1.2963vh;
        position: relative;
        left: 1.11111vh;
        vertical-align: top;
        white-space: nowrap
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li {
        margin-top: 0 !important
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li div {
        border-left-width: .27778vh;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        padding-top: .74074vh
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li div a {
        display: inline-block;
        font-size: .92593vh;
        color: #000000;
        opacity: 0.6;
        vertical-align: top
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li:first-child #N01-first-item {
        border-left-color: #000000
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul .N01-ul-line {
        width: 12.03704vh;
        height: 0.06rem;
        background: #eaeaea;
        margin: 2.22222vh 0
    }
    #product-container .N01-Host-Intro.active .N01-ul-line {
        opacity: 0
    }
    #product-container .N01-Host-Intro.active .N01-aside-logo {
        position: absolute;
        width: 3rem !important;
        top: 5.18519vh;
        left: 0;
        transition: all 0.1s linear 0ms
    }
    #product-container .N01-Host-Intro.active .N01-aside-logo svg {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .N01-Host-Intro.active ul li a {
        left: 1.5rem !important
    }
    #product-container .N01-Little-helper {
        position: fixed;
        top: 15.74074vh;
        right: 22.5vh;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .N01-Little-helper .N01-text {
        opacity: 0;
        display: inline-block;
        background: #ffffff;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        max-width: 19.44444vh;
        position: relative;
        margin-bottom: .64815vh;
        left: -11.57407vh
    }
    #product-container .N01-Little-helper .N01-text .N01-text-content {
        width: 100%;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        color: #000000;
        text-align: center
    }
    #product-container .N01-Little-helper .N01-text .N01-text-arrow {
        position: absolute;
        bottom: -1.34259vh;
        width: 80%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #product-container .N01-Little-helper .N01-text .N01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container .N01-Little-helper .N01-Head-portrait {
        opacity: 0;
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    #product-container .N01-Little-helper .N01-Head-portrait img {
        width: 6.66667vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #N01-Host-Intro {
        box-sizing: border-box;
        cursor: pointer;
        width: 10.5rem;
        height: 100vh;
        position: fixed;
        right: -7.5rem;
        top: 0;
        background: white;
        z-index: -1;
        padding: 1.5rem;
        padding-top: 2.91667vw;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside {
        width: 100%;
        height: 100%
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside {
        width: 100%;
        height: 100%
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo {
        position: absolute;
        width: 6.77083vw
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo svg {
        width: 2.91667vw;
        margin-bottom: 1.25vw
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-logo .N01-aside-line {
        width: 100%;
        height: 0.06rem;
        background: #eaeaea
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item {
        position: absolute;
        margin-top: 15.57292vw;
        width: 7.3rem
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul>div {
        border-left-width: .15625vw;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        height: .67708vw;
        line-height: .67708vw
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul .N01-ul-second {
        height: 0;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-aside-li-ul .N01-ul-thrid {
        height: 0;
        opacity: 0
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li.N01-ul-li {
        border-left-width: .15625vw;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        height: .67708vw;
        line-height: .67708vw
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li {
        margin-top: .83333vw;
        position: relative
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li a {
        display: inline-block;
        font-size: .72917vw;
        position: relative;
        left: .625vw;
        vertical-align: top;
        white-space: nowrap
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li {
        margin-top: 0 !important
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li div {
        border-left-width: .15625vw;
        border-left-style: solid;
        border-left-color: #e9e9e9;
        padding-top: .41667vw
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li ul li div a {
        display: inline-block;
        font-size: .52083vw;
        color: #000000;
        opacity: 0.6;
        vertical-align: top
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul li:first-child #N01-first-item {
        border-left-color: #000000
    }
    #product-container #N01-Host-Intro .N01-Host-aside .N01-aside .N01-aside-item ul .N01-ul-line {
        width: 6.77083vw;
        height: 0.06rem;
        background: #eaeaea;
        margin: 1.25vw 0
    }
    #product-container .N01-Host-Intro.active .N01-ul-line {
        opacity: 0
    }
    #product-container .N01-Host-Intro.active .N01-aside-logo {
        position: absolute;
        width: 3rem !important;
        top: 2.91667vw;
        left: 0;
        transition: all 0.1s linear 0ms
    }
    #product-container .N01-Host-Intro.active .N01-aside-logo svg {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .N01-Host-Intro.active ul li a {
        left: 1.5rem !important
    }
    #product-container .N01-Little-helper {
        position: fixed;
        top: 8.85417vw;
        right: 12.65625vw;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50
    }
    #product-container .N01-Little-helper .N01-text {
        opacity: 0;
        display: inline-block;
        background: #ffffff;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        max-width: 10.9375vw;
        position: relative;
        margin-bottom: .36458vw;
        left: -6.51042vw
    }
    #product-container .N01-Little-helper .N01-text .N01-text-content {
        width: 100%;
        font-size: .67708vw;
        line-height: .98958vw;
        color: #000000;
        text-align: center
    }
    #product-container .N01-Little-helper .N01-text .N01-text-arrow {
        position: absolute;
        bottom: -.75521vw;
        width: 80%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #product-container .N01-Little-helper .N01-text .N01-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container .N01-Little-helper .N01-Head-portrait {
        opacity: 0;
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    #product-container .N01-Little-helper .N01-Head-portrait img {
        width: 3.75vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .K18-Pillar3-KSP-Smooth-Performance {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 193.05556vw;
        color: white;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: left;
        align-items: left;
        padding: 10vw 6.66667vw 15vw 6.66667vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile {
        display: -ms-flexbox;
        display: flex;
        position: relative
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile .k18-right-per-box .k18-per-title {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        margin-bottom: 2.22222vw;
        width: 42.5vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile .k18-right-per-box .k18-per-title span {
        display: inline-block;
        font-size: 3.33333vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 12%
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile .k18-right-per-box .k18-per {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.05556vw;
        margin-bottom: 3.33333vw;
        font-weight: bold
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-left-text {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 100vw;
        min-height: 79.16667vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-left-text .k18-left-text-topT {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(255, 255, 255, 0.6);
        font-weight: bold
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-left-text .k18-left-text-bigT {
        margin-top: 6.66667vw;
        margin-bottom: 2.22222vw;
        font-size: 8.33333vw;
        line-height: 11.11111vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-left-text .k18-left-text-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        opacity: 0.4
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per {
        display: none
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img {
        position: absolute;
        width: 86.66667vw;
        height: 86.66667vw;
        top: 26.11111vw;
        left: 6.66667vw;
        overflow: hidden
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTrans img {
        -webkit-clip-path: inset(0 0% 0 0);
        clip-path: inset(0 0% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.7s;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.3, 0.7, 0.7)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTransback img {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.7s;
        -webkit-transition-timing-function: cubic-bezier(0.3, 0.3, 0.7, 0.7)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-mobile-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-desktop-bgimg {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K18-Pillar3-KSP-Smooth-Performance {
        position: relative;
        height: 100vh;
        width: 100%;
        color: white
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-mobile-bgimg {
        display: none
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-desktop-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21.6%;
        width: 66.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text {
        width: 18vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-topT {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(255, 255, 255, 0.6);
        font-weight: bold
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-bigT {
        margin-top: 1.85185vh;
        margin-bottom: 3.7037vh;
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-des {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        opacity: 0.9
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per {
        width: 15vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box:first-child {
        margin-bottom: 5.46296vh
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per-title {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        letter-spacing: -.01852vh;
        margin-top: .83333vh
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per-title .k18jiao {
        display: inline-block;
        font-size: 1.11111vh;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per {
        font-size: 3.33333vh;
        line-height: 4.25926vh;
        letter-spacing: -.03333vh
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile {
        display: none
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img {
        position: absolute;
        width: 39.5vw;
        height: 26.9vw;
        top: 24.6vh;
        left: 44.6%;
        overflow: hidden
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTrans img {
        -webkit-clip-path: inset(0 0% 0 0);
        clip-path: inset(0 0% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 1.1s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0.7, 0.3, 0.3)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTransback img {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 1.1s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0.7, 0.3, 0.3)
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K18-Pillar3-KSP-Smooth-Performance {
        position: relative;
        height: 100vh;
        width: 100%;
        color: white
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-mobile-bgimg {
        display: none
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-desktop-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21.6%;
        width: 66.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text {
        width: 18vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-topT {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(255, 255, 255, 0.6);
        font-weight: bold
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-bigT {
        margin-top: 1.04167vw;
        margin-bottom: 2.08333vw;
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-left-text .k18-left-text-des {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        opacity: 0.9
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per {
        width: 15vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box:first-child {
        margin-bottom: 3.07292vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per-title {
        font-size: .83333vw;
        line-height: 1.25vw;
        letter-spacing: -.01042vw;
        margin-top: .46875vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per-title .k18jiao {
        display: inline-block;
        font-size: .625vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-content-container .k18-right-per .k18-right-per-box .k18-per {
        font-size: 1.875vw;
        line-height: 2.39583vw;
        letter-spacing: -.01875vw
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-right-per-mobile {
        display: none
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img {
        position: absolute;
        width: 39.5vw;
        height: 26.9vw;
        top: 24.6vh;
        left: 44.6%;
        overflow: hidden
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .k18-line-img img {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTrans img {
        -webkit-clip-path: inset(0 0% 0 0);
        clip-path: inset(0 0% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 1.1s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0.7, 0.3, 0.3)
    }
    #product-container .K18-Pillar3-KSP-Smooth-Performance .markTransback img {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        -webkit-transition-property: all;
        -webkit-transition-duration: 1.1s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0.7, 0.3, 0.3)
    }
}

@media (max-width: 1023.98px) {
    #product-container .K15-Pillar3-KSP-One-tap-power-saving {
        position: relative;
        width: 100%;
        background: #f5f5f5;
        padding: 6.66667vw;
        box-sizing: border-box
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box {
        position: relative;
        background: #ffffff;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img {
        display: none
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text {
        margin-left: 6.66667vw;
        margin-right: 6.66667vw;
        margin-top: 15.55556vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-tip {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        margin-bottom: 2.22222vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 6.66667vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw;
        color: #000000
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: #000000;
        opacity: 0.4
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img-mobile {
        margin-top: 15.55556vw;
        width: 66.66667vw;
        height: 72.45556vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img-mobile img {
        width: 100%;
        height: 100%
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K15-Pillar3-KSP-One-tap-power-saving {
        position: relative;
        width: 100%;
        height: 100vh;
        background: #f5f5f5;
        padding: 12.96296vh 7.40741vh 12.22222vh 7.40741vh;
        box-sizing: border-box
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box {
        position: relative;
        background: #ffffff;
        height: 100%;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img {
        width: 67.31481vh;
        margin-top: 8.7037vh;
        margin-left: 4.90741vh
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img img {
        height: 100%;
        width: auto
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text {
        margin-left: 9.07407vh;
        width: 30.92593vh;
        margin-top: 24.44444vh
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-tip {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        margin-bottom: 8.61111vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 1.85185vh
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        margin-bottom: 3.7037vh;
        letter-spacing: -.04259vh;
        color: #101010
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-des {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: #000000;
        opacity: 0.6
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img-mobile {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K15-Pillar3-KSP-One-tap-power-saving {
        position: relative;
        width: 100%;
        height: 56.25vw;
        background: #f5f5f5;
        padding: 7.29167vw 4.16667vw 6.875vw 4.16667vw;
        box-sizing: border-box
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box {
        position: relative;
        background: #ffffff;
        height: 100%;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img {
        width: 37.86458vw;
        margin-top: 4.89583vw;
        margin-left: 2.76042vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img img {
        height: 100%;
        width: auto
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text {
        margin-left: 5.10417vw;
        width: 17.39583vw;
        margin-top: 13.75vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-tip {
        font-size: .78125vw;
        line-height: .98958vw;
        margin-bottom: 4.84375vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 1.04167vw
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        margin-bottom: 2.08333vw;
        letter-spacing: -.02396vw;
        color: #101010
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-text .k15-text-des {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: #000000;
        opacity: 0.6
    }
    #product-container .K15-Pillar3-KSP-One-tap-power-saving .k15-Pillar3-box .k15-img-mobile {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container .K16-Pillar-3-KSP-Quantum {
        position: relative;
        width: 100%;
        background: #ffffff;
        padding: 15.55556vw 6.66667vw;
        box-sizing: border-box
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-tip {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        margin-bottom: 2.22222vw;
        letter-spacing: -0.05556vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 6.66667vw
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw;
        color: #000000
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-des {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: #000000;
        opacity: 0.4
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video {
        display: none
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper {
        position: relative;
        width: 100%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-phone-box-swiper-btn {
        outline: none;
        position: absolute;
        width: 13.61111vw;
        height: 13.61111vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-phone-box-swiper-btn.left {
        left: 0
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-phone-box-swiper-btn.right {
        right: 0
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-phone-box-swiper-btn img {
        width: 100%;
        height: 100%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-swiper-main {
        margin-top: 11.11111vw
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-swiper-main .K16-container-mian {
        width: 100%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-swiper-main .K16-container-mian .K16-container-wrapper .K16-item {
        position: relative;
        height: 107.5vw
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-swiper-main .K16-container-mian .K16-container-wrapper .K16-item .videombg {
        position: absolute;
        width: 49.44444vw;
        height: auto;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper .K16-swiper-main .K16-container-mian .K16-container-wrapper .K16-item .k16-videomplay {
        position: absolute;
        width: 17.5vw;
        height: 17.5vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K16-Pillar-3-KSP-Quantum {
        position: relative;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        padding: 12.5vh 17.77778vh 13.14815vh 38.42593vh;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text {
        width: 39.25926vh;
        margin-right: 14.07407vh
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-tip {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        margin-bottom: 8.61111vh;
        letter-spacing: -.01852vh;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 1.85185vh
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        margin-bottom: 3.7037vh;
        letter-spacing: -.04259vh;
        color: #101010
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-des {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: #000000;
        opacity: 0.6
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video {
        position: relative;
        margin-left: 3.7037vh;
        width: 31.48148vh;
        height: 68.88889vh;
        box-sizing: border-box
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video video {
        position: absolute;
        width: 31.48148vh;
        height: 68.88889vh;
        border-radius: 1.48148vh;
        object-fit: fill
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video .k16-video-kuang {
        position: absolute;
        width: 105%;
        height: 104.4%;
        top: -2.4%;
        left: -2%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K16-Pillar-3-KSP-Quantum {
        position: relative;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        padding: 7.03125vw 10vw 7.39583vw 21.61458vw;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text {
        width: 22.08333vw;
        margin-right: 7.91667vw
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-tip {
        font-size: .78125vw;
        line-height: .98958vw;
        margin-bottom: 4.84375vw;
        letter-spacing: -.01042vw;
        color: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        margin-bottom: 1.04167vw
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        margin-bottom: 2.08333vw;
        letter-spacing: -.02396vw;
        color: #101010
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-Pillar-text .K16-Pillar-text-des {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: #000000;
        opacity: 0.6
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video {
        position: relative;
        margin-left: 2.08333vw;
        width: 17.70833vw;
        height: 38.75vw;
        box-sizing: border-box
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video video {
        position: absolute;
        width: 17.70833vw;
        height: 38.75vw;
        border-radius: .83333vw;
        object-fit: fill
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .k16-pillar-video .k16-video-kuang {
        position: absolute;
        width: 105%;
        height: 104.4%;
        top: -2.4%;
        left: -2%
    }
    #product-container .K16-Pillar-3-KSP-Quantum .K16-phone-box-swiper {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container .K11-Pillar-2-KSP-Phone-Manager {
        position: relative;
        width: 100%;
        color: white;
        background-color: black;
        padding: 15.55556vw 6.66667vw 15.55556vw 6.66667vw;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text {
        width: 100%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 6.66667vw;
        font-weight: bold
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip span {
        display: inline-block;
        font-size: 3.33333vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 12%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-des {
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        opacity: 0.6
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video {
        display: none
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile {
        position: relative;
        margin-top: 11.11111vw;
        width: 49.44444vw;
        height: 107.5vw
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile canvas {
        position: absolute;
        top: 2%;
        left: 1%;
        width: 98%;
        height: 96%;
        border-radius: 9%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile #k11-video-bg {
        border-radius: 3.33333vw
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile .k11-videoBtn {
        position: absolute;
        height: 11.11111vw;
        width: 33.33333vw;
        top: 50%;
        left: 7.63889vw;
        z-index: 999;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile .k11-videoBtn img {
        width: 100%;
        height: auto
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-mobile-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-desktop-bgimg {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K11-Pillar-2-KSP-Phone-Manager {
        position: relative;
        height: 100vh;
        width: 100%;
        color: white
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-mobile-bgimg {
        display: none
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-desktop-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text {
        position: absolute;
        width: 21%;
        top: 48%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip {
        font-size: 1.38889vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.85185vh;
        font-weight: bold
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip span {
        display: inline-block;
        font-size: 1.11111vh;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-title {
        width: 80%;
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -0.0046rem;
        margin-bottom: 3.7037vh
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-des {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        opacity: 0.9
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video {
        position: absolute;
        top: 17%;
        left: 50.5%;
        width: 31.481vh;
        height: 68.888vh
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video video {
        position: absolute;
        width: 100%;
        height: 96%;
        top: 2%;
        border-radius: 11%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 11%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video #k11-video-kuang {
        position: absolute;
        border-radius: 0;
        width: 100%;
        height: 100%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video #k11-video-bg {
        border-radius: 2.77778vh
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video .k11-videoBtn {
        height: 4.1666666vh;
        width: auto;
        top: 34vh;
        left: 50%;
        z-index: 999;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: pointer
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K11-Pillar-2-KSP-Phone-Manager {
        position: relative;
        height: 100vh;
        width: 100%;
        color: white
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-mobile-bgimg {
        display: none
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .k11-desktop-bgimg {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        z-index: -1
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text {
        position: absolute;
        width: 21%;
        top: 48%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 21%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip {
        font-size: .78125vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1.04167vw;
        font-weight: bold
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-tip span {
        display: inline-block;
        font-size: .625vw;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        vertical-align: 18%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-title {
        width: 80%;
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -0.0046rem;
        margin-bottom: 2.08333vw
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-text .K11-Pillar-des {
        font-size: .72917vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        opacity: 0.9
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video {
        position: absolute;
        top: 17%;
        left: 50.5%;
        width: 31.481vh;
        height: 68.888vh
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video video {
        position: absolute;
        width: 100%;
        height: 96%;
        top: 2%;
        border-radius: 11%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 11%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video #k11-video-kuang {
        position: absolute;
        border-radius: 0;
        width: 100%;
        height: 100%
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video #k11-video-bg {
        border-radius: 1.5625vw
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video .k11-videoBtn {
        height: 4.1666666vh;
        width: auto;
        top: 34vh;
        left: 50%;
        z-index: 999;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: pointer
    }
    #product-container .K11-Pillar-2-KSP-Phone-Manager .K11-Pillar-video-mobile {
        display: none
    }
}

@media (max-width: 1023.98px) {
    #product-container .K17-Omoji-Customiztion {
        width: 100%;
        background-color: #f4f4f4;
        color: #000;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K17-Omoji-Customiztion .warmup {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .warmup p {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        width: 80%;
        margin: 0 auto;
        padding-top: 6.66667vw
    }
    #product-container .K17-Omoji-Customiztion .overview {
        display: block
    }
    #product-container .K17-Omoji-Customiztion p.warmup {
        width: 80%;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-content {
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img-container {
        position: relative
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img {
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        max-width: 61.38889vw
    }
    #product-container .K17-Omoji-Customiztion .goBack {
        display: none;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        letter-spacing: -0.002rem;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        cursor: pointer;
        margin: 0;
        text-align: center;
        opacity: 0.3;
        padding-top: 6.66667vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section {
        width: 100%
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title {
        width: 90%;
        margin: 0 auto;
        padding-top: 13.33333vw;
        padding-bottom: 12.5vw;
        text-align: left
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title h2 {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #000
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title p {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        padding-top: 6.66667vw;
        letter-spacing: -0.05556vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc,
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-hr,
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc,
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile {
        padding-top: 3.33333vw;
        padding-bottom: 6.66667vw;
        width: 90%;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile .omoji-asstes-preview {
        display: none;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile .omoji-asstes-preview .omoji-emotion-img-container {
        position: relative;
        display: inline-block
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile .omoji-asstes-preview .omoji-emotion-img-mask {
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        border-radius: 2.77778vw;
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0.1))
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile .omoji-asstes-preview img.omoji-emotion-img {
        max-width: 20vw;
        border-radius: 2.77778vw;
        display: inline-block;
        cursor: pointer;
        background-color: #fff;
        margin-left: 1.11111vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile .omoji-asstes-preview img.select-icon {
        width: 3.33333vw;
        display: none;
        position: absolute;
        right: 3.33333vw;
        bottom: 2.77778vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-mobile {
        padding-top: 8.88889vw;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-mobile select {
        border: none;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        width: 80%;
        border-radius: 2.22222vw;
        padding: 4.44444vw 6.66667vw;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACiSURBVHgBhZDNDQIhEIWZPcDVEraELYELP0e3A0uwBK3AEowVEG/cpAMtYUvYKxfwTSIJMRudZMIk73tvAKG13llr9+JH9cwgpbwSUXDOXbZg7/2olHoyg1kPqHutdYV2hClwWoONMRO0B8YR/UIv1AQYQxOQNpdSJsy8nQNSznlOKa3Ur+7Sls8pYLjFGA+No+/7diaGz4BP4l/xj/ADt7Q3hXo5hmiwVvwAAAAASUVORK5CYII=) no-repeat scroll 95% center #fff
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-mobile {
        text-align: center;
        padding-top: 3.33333vw;
        padding-bottom: 6.66667vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-mobile .continueBtn {
        padding: 3.05556vw 10.27778vw;
        font-size: 2.5vw;
        line-height: 3.61111vw;
        border-radius: 2.22222vw;
        border: none;
        font-weight: bold;
        background: #ffffff;
        box-shadow: -1.11111vw -1.11111vw 2.22222vw rgba(240, 240, 240, 0.4), 1.11111vw 1.11111vw 2.22222vw rgba(207, 206, 206, 0.4)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section {
        display: none;
        width: 100%;
        background-image: linear-gradient(#ffa337, white);
        background-size: cover
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav {
        padding-top: 6.66667vw;
        padding-left: 6.66667vw;
        text-align: left;
        font-size: 3.88889vw;
        line-height: 5.27778vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav .goBack {
        margin-left: 27.77778vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-img {
        border-radius: 0;
        width: 91%;
        max-width: 100%;
        margin-top: 11.11111vw;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn {
        text-align: center;
        padding-top: 4.44444vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn #changeBtn {
        padding: 3.05556vw 10.27778vw;
        font-size: 2.5vw;
        line-height: 3.61111vw;
        border-radius: 2.22222vw;
        border: none;
        font-weight: bold;
        background: #ffffff;
        box-shadow: -1.11111vw -1.11111vw 2.22222vw rgba(240, 240, 240, 0.4), 1.11111vw 1.11111vw 2.22222vw rgba(207, 206, 206, 0.4)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom {
        padding-top: 13.88889vw;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom p {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.002rem
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container {
        padding-top: 7.22222vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container .share-link:not(:last-child) {
        margin-right: 4.44444vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container img {
        max-width: 6.66667vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container #download {
        width: 6.66667vw
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .K17-Omoji-Customiztion {
        height: 100vh;
        position: relative;
        width: calc(100% - 18.7963vh + 13.05556vh);
        background-color: #f4f4f4;
        color: #000;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K17-Omoji-Customiztion .warmup {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .warmup p {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        width: 40%;
        margin: 0 auto;
        padding-top: 1.48148vh
    }
    #product-container .K17-Omoji-Customiztion .overview {
        display: block
    }
    #product-container .K17-Omoji-Customiztion .omoji-content {
        position: relative;
        height: 37.87037vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-content-container {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img-container {
        position: relative;
        border-radius: 50%;
        background-color: #fff
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img {
        text-align: center;
        max-width: 37.87037vh
    }
    #product-container .K17-Omoji-Customiztion .goBack {
        padding-left: 8.05556vh;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        letter-spacing: -.01852vh;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        cursor: pointer;
        padding-top: 1.48148vh;
        margin: 0;
        display: none;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section {
        height: 100vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title {
        margin: 0 auto;
        text-align: center;
        max-width: 75.92593vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title h2 {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        color: #101010;
        padding: 7.40741vh 0 1.48148vh 0
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title p {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        padding-bottom: 3.7037vh;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc .omoji-btn-container {
        text-align: right;
        margin: 0 5.92593vh 3.05556vh 0
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button {
        padding: 1.48148vh 2.22222vh;
        margin-right: 1.85185vh;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        border-radius: .74074vh;
        border: none;
        font-weight: bold;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button:nth-child(1) {
        background: #f5f5f5;
        box-shadow: -.37037vh -.37037vh 1.11111vh #fff, .37037vh .37037vh 1.11111vh #c5c8cc
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button:nth-child(2) {
        background: #ffffff;
        box-shadow: -.37037vh -.37037vh 1.11111vh #f0f0f0, .37037vh .37037vh 1.11111vh #cfcece
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-hr {
        height: .37037vh;
        background: rgba(204, 204, 204, 0.15)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding-top: 5.18519vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc .omoji-emotion {
        margin-right: 3.7037vh;
        cursor: pointer;
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        opacity: 0.5
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc .active {
        opacity: 1
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc {
        padding-top: 5.18519vh;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview {
        display: none;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview .omoji-emotion-img-container {
        position: relative;
        display: inline-block
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview .omoji-emotion-img-mask {
        position: absolute;
        left: 1.48148vh;
        top: 0;
        cursor: pointer;
        border-radius: .92593vh;
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0.1))
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview img.omoji-emotion-img {
        max-width: 15.74074vh;
        margin-left: 1.48148vh;
        display: inline-block;
        cursor: pointer;
        background-color: #fff;
        border-radius: .92593vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview img.select-icon {
        display: none;
        position: absolute;
        right: 1.38889vh;
        bottom: 1.38889vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container {
        width: 95%
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-wrapper {
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-prev {
        left: 4.62963vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-prev::after {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-next {
        right: 4.62963vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-next::after {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section {
        display: none;
        width: 100%;
        height: 100vh;
        background-image: linear-gradient(#ffa337, white)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav {
        position: absolute;
        top: 7.40741vh;
        left: 7.40741vh;
        width: calc(100% - 25.92593vh + 13.05556vh)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav a.change {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        font-weight: bold
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav a.change span {
        font-size: 1.85185vh;
        line-height: 2.77778vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav .goBack {
        padding-left: 0;
        padding-top: 0;
        float: right
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content {
        overflow: hidden;
        height: 75.27778vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container {
        -webkit-transform: translate(-50%, -51%);
        transform: translate(-50%, -51%)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container .omoji-img-container {
        background-color: unset;
        border-radius: 0;
        width: 92.59259vh;
        text-align: center;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container .omoji-img {
        text-align: center;
        max-width: 61.11111vh;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn {
        text-align: center;
        padding-top: 3.7037vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn #changeBtn {
        padding: 1.48148vh 2.22222vh;
        font-size: 1.2037vh;
        line-height: 1.75926vh;
        border-radius: .74074vh;
        border: none;
        font-weight: bold;
        background: #ffffff;
        box-shadow: -.37037vh -.37037vh 1.11111vh #f0f0f0, .37037vh .37037vh 1.11111vh #cfcece
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom {
        padding-top: 9.25926vh;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom p {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        letter-spacing: -.01852vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container {
        display: block;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 2.31481vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container .share-link:not(:last-child) {
        margin-right: 2.77778vh
    }
}

@media screen and (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (max-width: 1366px) {
    #product-container .K17-Omoji-Customiztion {
        height: auto !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section {
        height: auto !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc {
        padding-bottom: 5.18519vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section {
        height: auto !important
    }
}

@media screen and (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (min-width: 1920px) {
    #product-container img.omoji-emotion-img {
        max-width: 13.88889vh !important
    }
}

@media screen and (min-width: 1024px) and (min-aspect-ratio: 16 / 9) and (max-width: 1899px) {
    #product-container .K17-Omoji-Customiztion .swiper-container {
        width: 100% !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-emotion-img {
        max-width: 13.88889vh !important
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev,
    #product-container .K17-Omoji-Customiztion .swiper-button-next {
        width: 6.85185vh;
        height: 6.85185vh;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev img,
    #product-container .K17-Omoji-Customiztion .swiper-button-next img {
        max-width: 100%
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev {
        left: 1.85185vh !important
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-next {
        right: 1.85185vh !important
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .K17-Omoji-Customiztion {
        height: 100vh;
        position: relative;
        width: calc(100% - 10.57292vw + 7.34375vw);
        background-color: #f4f4f4;
        color: #000;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K17-Omoji-Customiztion .warmup {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .warmup p {
        font-size: .83333vw;
        line-height: 1.25vw;
        width: 40%;
        margin: 0 auto;
        padding-top: .83333vw
    }
    #product-container .K17-Omoji-Customiztion .overview {
        display: block
    }
    #product-container .K17-Omoji-Customiztion .omoji-content {
        position: relative;
        height: 21.30208vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-content-container {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img-container {
        position: relative;
        border-radius: 50%;
        background-color: #fff
    }
    #product-container .K17-Omoji-Customiztion .omoji-content .omoji-img {
        text-align: center;
        max-width: 21.30208vw
    }
    #product-container .K17-Omoji-Customiztion .goBack {
        padding-left: 4.53125vw;
        font-size: .67708vw;
        line-height: .98958vw;
        letter-spacing: -.01042vw;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        cursor: pointer;
        padding-top: .83333vw;
        margin: 0;
        display: none;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section {
        height: 100vh
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title {
        margin: 0 auto;
        text-align: center;
        max-width: 42.70833vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title h2 {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        color: #101010;
        padding: 4.16667vw 0 .83333vw 0
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-title p {
        font-size: .83333vw;
        line-height: 1.25vw;
        padding-bottom: 2.08333vw;
        color: rgba(0, 0, 0, 0.6)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc .omoji-btn-container {
        text-align: right;
        margin: 0 3.33333vw 1.71875vw 0
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button {
        padding: .83333vw 1.25vw;
        margin-right: 1.04167vw;
        font-size: .67708vw;
        line-height: .98958vw;
        border-radius: .41667vw;
        border: none;
        font-weight: bold;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button:nth-child(1) {
        background: #f5f5f5;
        box-shadow: -.20833vw -.20833vw .625vw #fff, .20833vw .20833vw .625vw #c5c8cc
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-pc button:nth-child(2) {
        background: #ffffff;
        box-shadow: -.20833vw -.20833vw .625vw #f0f0f0, .20833vw .20833vw .625vw #cfcece
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-hr {
        height: .20833vw;
        background: rgba(204, 204, 204, 0.15)
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding-top: 2.91667vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc .omoji-emotion {
        margin-right: 2.08333vw;
        cursor: pointer;
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        opacity: 0.5
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-pc .active {
        opacity: 1
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-emotions-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-btn-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc {
        padding-top: 2.91667vw;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview {
        display: none;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview .omoji-emotion-img-container {
        position: relative;
        display: inline-block
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview .omoji-emotion-img-mask {
        position: absolute;
        left: .83333vw;
        top: 0;
        cursor: pointer;
        border-radius: .52083vw;
        background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0.1))
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview img.omoji-emotion-img {
        max-width: 8.85417vw;
        margin-left: .83333vw;
        display: inline-block;
        cursor: pointer;
        background-color: #fff;
        border-radius: .52083vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc .omoji-asstes-preview img.select-icon {
        display: none;
        position: absolute;
        right: .78125vw;
        bottom: .78125vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-mobile {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container {
        width: 95%
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-wrapper {
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-prev {
        left: 2.60417vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-prev::after {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-next {
        right: 2.60417vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .swiper-container .swiper-button-next::after {
        display: none
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section {
        display: none;
        width: 100%;
        height: 100vh;
        background-image: linear-gradient(#ffa337, white)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav {
        position: absolute;
        top: 4.16667vw;
        left: 4.16667vw;
        width: calc(100% - 14.58333vw + 7.34375vw)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav a.change {
        font-size: .83333vw;
        line-height: 1.25vw;
        font-weight: bold
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav a.change span {
        font-size: 1.04167vw;
        line-height: 1.5625vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .top-nav .goBack {
        padding-left: 0;
        padding-top: 0;
        float: right
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content {
        overflow: hidden;
        height: 42.34375vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container {
        -webkit-transform: translate(-50%, -51%);
        transform: translate(-50%, -51%)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container .omoji-img-container {
        background-color: unset;
        border-radius: 0;
        width: 52.08333vw;
        text-align: center;
        margin: 0 auto
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-content .omoji-content-container .omoji-img {
        text-align: center;
        max-width: 34.375vw;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn {
        text-align: center;
        padding-top: 2.08333vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-change-btn #changeBtn {
        padding: .83333vw 1.25vw;
        font-size: .67708vw;
        line-height: .98958vw;
        border-radius: .41667vw;
        border: none;
        font-weight: bold;
        background: #ffffff;
        box-shadow: -.20833vw -.20833vw .625vw #f0f0f0, .20833vw .20833vw .625vw #cfcece
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom {
        padding-top: 5.20833vw;
        text-align: center
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom p {
        font-size: .83333vw;
        line-height: 1.25vw;
        letter-spacing: -.01042vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container {
        display: block;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 1.30208vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section .omoji-confirm-section-bottom .omoji-share-btn-container .share-link:not(:last-child) {
        margin-right: 1.5625vw
    }
}

@media screen and (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (max-width: 1366px) {
    #product-container .K17-Omoji-Customiztion {
        height: auto !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section {
        height: auto !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-customize-section .omoji-asstes-pc {
        padding-bottom: 2.91667vw
    }
    #product-container .K17-Omoji-Customiztion .omoji-confirm-section {
        height: auto !important
    }
}

@media screen and (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (min-width: 1920px) {
    #product-container img.omoji-emotion-img {
        max-width: 7.8125vw !important
    }
}

@media screen and (min-width: 1024px) and (max-aspect-ratio: 16 / 9) and (max-width: 1899px) {
    #product-container .K17-Omoji-Customiztion .swiper-container {
        width: 100% !important
    }
    #product-container .K17-Omoji-Customiztion .omoji-emotion-img {
        max-width: 7.8125vw !important
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev,
    #product-container .K17-Omoji-Customiztion .swiper-button-next {
        width: 3.85417vw;
        height: 3.85417vw;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev img,
    #product-container .K17-Omoji-Customiztion .swiper-button-next img {
        max-width: 100%
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-prev {
        left: 1.04167vw !important
    }
    #product-container .K17-Omoji-Customiztion .swiper-button-next {
        right: 1.04167vw !important
    }
}

@media (max-width: 1023.98px) {
    #product-container #F02-Footer {
        width: 100%;
        box-sizing: border-box;
        position: relative
    }
    #product-container #F02-Footer .F02-Little-helper {
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-top: 16.11111vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50;
        margin-bottom: 6.66667vw
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: 1.11111vw 1.11111vw 3.33333vw #ececec;
        border-radius: 2.22222vw;
        padding: 3.33333vw 4.44444vw;
        position: relative;
        margin-bottom: 7.22222vw
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-content {
        width: 100%;
        font-size: 3.61111vw;
        line-height: 5.27778vw;
        color: #141414;
        text-align: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow {
        position: absolute;
        bottom: -2.29167vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow span {
        width: 0;
        height: 0;
        border-left: 2.29167vw solid transparent;
        border-right: 2.29167vw solid transparent;
        border-top: 2.29167vw solid #fff
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait {
        width: 30.27778vw;
        height: 30.27778vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .55556vw .55556vw 1.94444vw #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-pc {
        display: none
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-mobile {
        width: 17.22222vw;
        display: block
    }
    #product-container #F02-Footer .F02-share {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-text {
        margin-bottom: 6.66667vw;
        font-size: 3.88889vw;
        line-height: 5.27778vw
    }
    #product-container #F02-Footer .F02-share .F02-share-platform {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a {
        display: inline-block;
        margin-right: 6.66667vw;
        width: 8.85833vw;
        height: 8.85833vw
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a img {
        width: 100%;
        height: 100%
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a:last-child {
        margin-right: 0
    }
    #product-container #F02-Footer .F02-Footer-remarks {
        border: none;
        padding: 11.11111vw 5.55556vw;
        width: 100%;
        box-sizing: border-box;
        background: #fff
    }
    #product-container #F02-Footer .F02-Footer-remarks li {
        font-size: 3.33333vw;
        line-height: 6.11111vw;
        color: rgba(133, 133, 133, 0.5);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #F02-Footer .F02-Footer-remarks li span {
        font-size: 3.33333vw;
        color: rgba(133, 133, 133, 0.5)
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    #product-container .F02-Footer-remarks {
        max-width: none !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #F02-Footer {
        width: 100%;
        box-sizing: border-box;
        position: relative
    }
    #product-container #F02-Footer .F02-Little-helper {
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-top: 4.44444vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50;
        margin-bottom: 2.22222vh
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        border-radius: .74074vh;
        padding: 1.48148vh 2.22222vh;
        position: relative;
        margin-bottom: 3.05556vh
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #141414;
        text-align: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow {
        position: absolute;
        bottom: -1.11111vh;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow span {
        width: 0;
        height: 0;
        border-left: .76389vh solid transparent;
        border-right: .76389vh solid transparent;
        border-top: 1.52778vh solid #fff
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait {
        width: 11.66667vh;
        height: 11.66667vh;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .37037vh .37037vh 1.11111vh #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-pc {
        width: 6.66667vh;
        display: block
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-mobile {
        display: none
    }
    #product-container #F02-Footer .F02-share {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-text {
        margin-bottom: 2.22222vh;
        font-size: 1.48148vh;
        line-height: 2.22222vh
    }
    #product-container #F02-Footer .F02-share .F02-share-platform {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a {
        display: inline-block;
        margin-right: 2.96296vh;
        width: 4.44444vh;
        height: 4.44444vh
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a img {
        width: 100%;
        height: 100%
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a:last-child {
        margin-right: 0
    }
    #product-container #F02-Footer .F02-Footer-remarks {
        margin: auto;
        margin-top: 6.2963vh;
        max-width: 111.11111vh;
        width: 83.3vw;
        padding-top: 6.2963vh;
        padding-bottom: 13.88889vh;
        border-top: .09259vh solid rgba(0, 0, 0, 0.1);
        text-align: left
    }
    #product-container #F02-Footer .F02-Footer-remarks li {
        font-size: 1.2037vh;
        line-height: 2.77778vh;
        color: rgba(0, 0, 0, 0.4);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #F02-Footer .F02-Footer-remarks li span {
        font-size: 1.2037vh;
        color: rgba(0, 0, 0, 0.4)
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #F02-Footer {
        width: 100%;
        box-sizing: border-box;
        position: relative
    }
    #product-container #F02-Footer .F02-Little-helper {
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-top: 2.5vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 50;
        margin-bottom: 1.25vw
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text {
        display: inline-block;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        border-radius: .41667vw;
        padding: .83333vw 1.25vw;
        position: relative;
        margin-bottom: 1.71875vw
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #141414;
        text-align: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow {
        position: absolute;
        bottom: -.625vw;
        left: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-text .F02-text-arrow span {
        width: 0;
        height: 0;
        border-left: .42969vw solid transparent;
        border-right: .42969vw solid transparent;
        border-top: .85938vw solid #fff
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait {
        width: 6.5625vw;
        height: 6.5625vw;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: .20833vw .20833vw .625vw #ececec;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-pc {
        width: 3.75vw;
        display: block
    }
    #product-container #F02-Footer .F02-Little-helper .F02-Head-portrait img.F02-Head-portrait-mobile {
        display: none
    }
    #product-container #F02-Footer .F02-share {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-text {
        margin-bottom: 1.25vw;
        font-size: .83333vw;
        line-height: 1.25vw
    }
    #product-container #F02-Footer .F02-share .F02-share-platform {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a {
        display: inline-block;
        margin-right: 1.66667vw;
        width: 2.5vw;
        height: 2.5vw
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a img {
        width: 100%;
        height: 100%
    }
    #product-container #F02-Footer .F02-share .F02-share-platform a:last-child {
        margin-right: 0
    }
    #product-container #F02-Footer .F02-Footer-remarks {
        margin: auto;
        margin-top: 3.54167vw;
        max-width: 62.5vw;
        width: 83.3vw;
        padding-top: 3.54167vw;
        padding-bottom: 7.8125vw;
        border-top: .05208vw solid rgba(0, 0, 0, 0.1);
        text-align: left
    }
    #product-container #F02-Footer .F02-Footer-remarks li {
        font-size: .67708vw;
        line-height: 1.5625vw;
        color: rgba(0, 0, 0, 0.4);
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #F02-Footer .F02-Footer-remarks li span {
        font-size: .67708vw;
        color: rgba(0, 0, 0, 0.4)
    }
}

@media (max-width: 1023.98px) {
    #product-container #O01-OPPO-Ready-Phones {
        width: 100%;
        height: 486.11111vw;
        position: relative
    }
    #product-container #O01-OPPO-Ready-Phones .O01-pcBg {
        display: none
    }
    #product-container #O01-OPPO-Ready-Phones .O01-mobileBg {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content {
        position: absolute;
        padding-top: 11.11111vw;
        top: 0vw;
        left: 6.66667vw;
        right: 6.66667vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left {
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #ffffff
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-dec {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 4.44444vw;
        margin-bottom: 11.11111vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-middle {
        position: absolute;
        bottom: -5.55556vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-middle p.O01-content-left-dec {
        font-size: 3.88889vw;
        margin: 0;
        width: 38.88889vw;
        opacity: 0.8;
        margin-right: 14.44444vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-middle a.O01-content-left-dec {
        font-size: 3.88889vw;
        margin: 0;
        text-decoration: underline;
        line-height: auto;
        width: 46.66667vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right {
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list {
        margin-bottom: 17.77778vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-content-right-year {
        font-size: 5.55556vw;
        font-weight: bold;
        line-height: 8.33333vw;
        color: #fff;
        margin-bottom: 2.22222vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-line {
        width: 100%;
        height: 0.06rem;
        background: #fff;
        opacity: 0.25;
        margin-bottom: 4.44444vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul {
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 11.11111vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-month {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        width: 38.88889vw;
        color: #ffffff;
        margin-right: 14.44444vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many {
        width: 46.66667vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div div {
        margin-bottom: 3.33333vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div div p {
        display: inline-block;
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        color: #ffffff;
        opacity: 0.65;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div div .O01-more {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        opacity: 0.65;
        color: #ffffff;
        text-decoration: underline
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div .O01-empty {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #O01-OPPO-Ready-Phones {
        width: 100%;
        height: 88.14815vh;
        position: relative;
    }
    #product-container #O01-OPPO-Ready-Phones .O01-pcBg {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #O01-OPPO-Ready-Phones .O01-mobileBg {
        display: none
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content {
        position: absolute;
        top: 0;
        padding-top: 11.11111vh;
        left: 28.05556vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        right: 3rem
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left {
        width: 22.68519vh;
        margin-right: 18.51852vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-top {
        padding-bottom: 21.2037vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-title {
        font-size: 3.33333vh;
        line-height: 4.25926vh;
        color: #ffffff
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-dec {
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 1.94444vh;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left a.O01-content-left-dec {
        text-decoration: underline
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right {
        margin-top: 3.24074vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list:first-child {
        margin-bottom: 5.09259vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-content-right-year {
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        color: #fff;
        margin-bottom: 1.48148vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-line {
        width: 90.74074vh;
        height: 0.06rem;
        background: #fff;
        opacity: 0.25;
        margin-bottom: 2.96296vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li {
        width: 35.18519vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-month {
        margin-bottom: 2.22222vh;
        font-size: 1.48148vh;
        font-weight: bold;
        line-height: 1.75926vh;
        color: #ffffff;
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many>div:first-child {
        margin-right: 3.14815vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div {
        width: 15.55556vh;
        margin-bottom: .92593vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div p {
        display: inline-block;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        color: #ffffff;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div .O01-more {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #FFFFFF;
        font-size: 1.2963vh;
        line-height: 1.75926vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many .O01-empty {
        display: none
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many .O01-ul-many-last {
        width: 7.22222vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul .O01-ul-li-more {
        width: 70.37037vh
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul .O01-ul-li-more .O01-ul-many div {
        width: 13.7037vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #O01-OPPO-Ready-Phones {
        width: 100%;
        height: 49.58333vw;
        position: relative;
    }
    #product-container #O01-OPPO-Ready-Phones .O01-pcBg {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #O01-OPPO-Ready-Phones .O01-mobileBg {
        display: none
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content {
        position: absolute;
        top: 0;
        padding-top: 6.25vw;
        left: 15.78125vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        right: 3rem
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left {
        width: 12.76042vw;
        margin-right: 10.41667vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-top {
        padding-bottom: 11.92708vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-title {
        font-size: 1.875vw;
        line-height: 2.39583vw;
        color: #ffffff
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left .O01-content-left-dec {
        font-size: .72917vw;
        line-height: .98958vw;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 1.09375vw;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-left a.O01-content-left-dec {
        text-decoration: underline
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right {
        margin-top: 1.82292vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list:first-child {
        margin-bottom: 2.86458vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-content-right-year {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        color: #fff;
        margin-bottom: .83333vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-line {
        width: 51.04167vw;
        height: 0.06rem;
        background: #fff;
        opacity: 0.25;
        margin-bottom: 1.66667vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li {
        width: 19.79167vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-month {
        margin-bottom: 1.25vw;
        font-size: .83333vw;
        font-weight: bold;
        line-height: .98958vw;
        color: #ffffff;
        width: 100%
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many>div:first-child {
        margin-right: 1.77083vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div {
        width: 8.75vw;
        margin-bottom: .52083vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div p {
        display: inline-block;
        font-size: .72917vw;
        line-height: .98958vw;
        color: #ffffff;
        word-break: keep-all;
        word-wrap: break-word
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many div .O01-more {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #FFFFFF;
        font-size: .72917vw;
        line-height: .98958vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many .O01-empty {
        display: none
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul li .O01-ul-many .O01-ul-many-last {
        width: 4.0625vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul .O01-ul-li-more {
        width: 39.58333vw
    }
    #product-container #O01-OPPO-Ready-Phones .O01-content .O01-content-right .O01-content-right-list .O01-ul .O01-ul-li-more .O01-ul-many div {
        width: 7.70833vw
    }
}

@media (max-width: 1023.98px) {
    #product-container .F01-FAQ {
        position: relative;
        padding: 15.55556vw 6.66667vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f5f5f5;
        color: #000000;
        box-sizing: border-box
    }
    #product-container .F01-FAQ .F01-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: 2.77778vw
    }
    #product-container .F01-FAQ .F01-tip {
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        letter-spacing: -0.05556vw;
        opacity: 0.4;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: 8.33333vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul {
        width: 100%
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis {
        margin-top: 2.77778vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up {
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: top;
        align-items: top
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        opacity: 0.4;
        margin-bottom: 3.88889vw;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .listTitle-pc {
        display: none
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add {
        box-sizing: border-box;
        margin-top: 1.38889vw;
        height: 3.88889vw;
        width: 3.88889vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus {
        box-sizing: border-box;
        margin-top: 1.38889vw;
        height: 3.88889vw;
        width: 3.88889vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: 0;
        overflow: hidden
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down .F01-Pillar-ul-li-desc {
        opacity: 0.4;
        letter-spacing: -0.05556vw;
        line-height: 5.27778vw;
        margin-bottom: 5vw;
        font-size: 3.88889vw;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down .F01-Pillar-ul-li-moblie-canvas {
        display: none
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .line {
        background-color: #000;
        opacity: 0.4;
        height: 0.06rem
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: auto;
        display: block
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .F01-FAQ {
        position: relative;
        padding-top: 9.44444vh;
        padding-bottom: 16.48148vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f5f5f5;
        color: #000000
    }
    #product-container .F01-FAQ .F01-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        letter-spacing: -.04259vh;
        color: #101010;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: 1.48148vh
    }
    #product-container .F01-FAQ .F01-tip {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        letter-spacing: -.01852vh;
        color: #000000;
        opacity: 0.4;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: 6.85185vh
    }
    #product-container .F01-FAQ .F01-Pillar-ul {
        width: 50%
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis {
        margin-top: 2.22222vh
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up {
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        color: #000000;
        opacity: 0.4;
        margin-bottom: 2.22222vh;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .listTitle-mobile {
        display: none
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add {
        box-sizing: border-box;
        margin-top: .46296vh;
        height: 1.85185vh;
        width: 1.85185vh
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus {
        box-sizing: border-box;
        margin-top: .46296vh;
        height: 1.85185vh;
        width: 1.85185vh;
        opacity: 0.6
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: 0;
        overflow: hidden
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down .F01-Pillar-ul-li-desc {
        opacity: 0.8;
        letter-spacing: -.01852vh;
        color: #000000;
        line-height: 1.75926vh;
        margin-bottom: .46296vh;
        font-size: 1.2963vh;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .line {
        opacity: 0.4;
        background: #050505;
        border: 0.06rem solid #C8C8C8
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: auto
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .F01-FAQ {
        position: relative;
        padding-top: 5.3125vw;
        padding-bottom: 9.27083vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f5f5f5;
        color: #000000
    }
    #product-container .F01-FAQ .F01-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        letter-spacing: -.02396vw;
        color: #101010;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: .83333vw
    }
    #product-container .F01-FAQ .F01-tip {
        font-size: .83333vw;
        line-height: 1.25vw;
        letter-spacing: -.01042vw;
        color: #000000;
        opacity: 0.4;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial";
        margin-bottom: 3.85417vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul {
        width: 50%
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis {
        margin-top: 1.25vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up {
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        color: #000000;
        opacity: 0.4;
        margin-bottom: 1.25vw;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .listTitle-mobile {
        display: none
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add {
        box-sizing: border-box;
        margin-top: .26042vw;
        height: 1.04167vw;
        width: 1.04167vw
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Add img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus {
        box-sizing: border-box;
        margin-top: .26042vw;
        height: 1.04167vw;
        width: 1.04167vw;
        opacity: 0.6
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-up .Minus img {
        width: 100%;
        height: auto
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: 0;
        overflow: hidden
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .F01-Pillar-ul-lis .F01-Pillar-ul-li-down .F01-Pillar-ul-li-desc {
        opacity: 0.8;
        letter-spacing: -.01042vw;
        color: #000000;
        line-height: .98958vw;
        margin-bottom: .26042vw;
        font-size: .72917vw;
        font-family: "OPPOSans20-Regular", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial"
    }
    #product-container .F01-FAQ .F01-Pillar-ul li .line {
        opacity: 0.4;
        background: #050505;
        border: 0.06rem solid #C8C8C8
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-up p {
        opacity: 1
    }
    #product-container .F01-FAQ .F01-Pillar-ul li.active .F01-Pillar-ul-lis .F01-Pillar-ul-li-down {
        height: auto
    }
}

@media (max-width: 1023.98px) {
    #product-container .NF01-New-Features {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: white;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: left;
        align-items: left;
        padding: 15.55556vw 0 15.55556vw 6.66667vw;
        box-sizing: border-box;
        width: 100%
    }
    #product-container .NF01-New-Features .NF01-little-title {
        width: 77.22222vw;
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        margin-bottom: 2.22222vw;
        color: #000000
    }
    #product-container .NF01-New-Features .NF01-title {
        width: 77.22222vw;
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        margin-bottom: 11.11111vw;
        opacity: 0.4;
        letter-spacing: -0.05556vw;
        color: #000000
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper {
        position: relative;
        width: 100%
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 {
        background: white;
        width: 100%;
        height: 137.5vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper {
        width: 100%;
        height: 100%
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        overflow: hidden;
        width: 77.22222vw;
        margin-right: 4%
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-img {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 100%;
        height: 82.5vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-img img {
        width: 100%;
        height: 100%
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-describe {
        color: #000000
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-describe p {
        letter-spacing: -0.05556vw;
        font-size: 4.44444vw;
        line-height: 6.66667vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-describe p:first-child {
        margin-top: 6.66667vw;
        margin-bottom: 3.33333vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1 .nf01-swiper-slide-describe p:last-child {
        opacity: 0.4;
        letter-spacing: -0.05556vw;
        font-size: 3.88889vw;
        line-height: 5.27778vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .nf01-swiper-container1 .swiper-wrapper .nf01-bgColor1:last-child {
        margin-right: 6.66667vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .swiper-pagination-floor1 {
        overflow: hidden;
        margin-top: 8.05556vw;
        background: #e9e9e9;
        height: .27778vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .swiper-pagination-floor1 .swiper-pagination-floor1-progress {
        background: #060606;
        width: 25%;
        height: 0.13889vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .swiper-page {
        margin-top: 1.66667vw
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .swiper-page span {
        font-size: 3.33333vw;
        color: #060606
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper .swiper-page span:last-child {
        opacity: 0.6
    }
    #product-container .NF01-New-Features .nf01-share .nf01-share-text {
        opacity: 0.4;
        letter-spacing: -0.05556vw;
        font-size: 3.88889vw;
        line-height: 5.27778vw;
        margin-bottom: 4.44444vw
    }
    #product-container .NF01-New-Features .nf01-share .share-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .NF01-New-Features .nf01-share .share-btn img {
        width: 6.66667vw;
        height: auto;
        margin-right: 4.44444vw
    }
    #product-container .NF01-New-Features .NF01-phone-box-swiper {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .NF01-New-Features {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: white;
        width: 100%;
        position: relative
    }
    #product-container .NF01-New-Features .nf01-new-container {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-little-title {
        font-size: 4.25926vh;
        line-height: 5.09259vh;
        margin-top: 7.40741vh;
        letter-spacing: -.04259vh;
        color: #101010
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-title {
        font-size: 1.48148vh;
        line-height: 2.22222vh;
        margin-top: 1.48148vh;
        margin-bottom: 8.61111vh;
        letter-spacing: -.01852vh;
        color: #000000;
        opacity: 0.4
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-mobile-title {
        display: none
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper {
        position: relative;
        width: 100%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn {
        cursor: pointer;
        outline: none;
        position: absolute;
        width: 6.85185vh;
        height: 6.85185vh;
        top: 11.94vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn.left {
        left: 13.88889vh
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn.right {
        right: 13.88889vh
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn img {
        width: 100%;
        height: 100%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian {
        width: 68.1%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item {
        width: 32.3% !important;
        margin-right: 1.55%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item img {
        width: 100%;
        height: auto;
        margin-bottom: 3.7037vh
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item .NF01-item-title {
        width: 100%;
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        margin-bottom: 2.22222vh;
        letter-spacing: -.01852vh;
        color: black
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item .NF01-item-content {
        width: 100%;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        margin-bottom: 11.75926vh;
        opacity: 0.6;
        letter-spacing: -.01852vh;
        color: black
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper {
        display: none
    }
    #product-container .NF01-New-Features .nf01-share {
        margin-left: 15.95%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 4.81481vh
    }
    #product-container .NF01-New-Features .nf01-share .nf01-share-text {
        opacity: 0.4;
        letter-spacing: -.01852vh;
        font-size: 1.2963vh;
        line-height: 1.75926vh;
        margin-right: 2.40741vh
    }
    #product-container .NF01-New-Features .nf01-share .share-btn {
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .NF01-New-Features .nf01-share .share-btn img {
        cursor: pointer;
        width: 2.22222vh;
        height: auto;
        margin-right: 1.48148vh
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .NF01-New-Features {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: white;
        width: 100%;
        position: relative
    }
    #product-container .NF01-New-Features .nf01-new-container {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-little-title {
        font-size: 2.39583vw;
        line-height: 2.86458vw;
        margin-top: 4.16667vw;
        letter-spacing: -.02396vw;
        color: #101010
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-title {
        font-size: .83333vw;
        line-height: 1.25vw;
        margin-top: .83333vw;
        margin-bottom: 4.84375vw;
        letter-spacing: -.01042vw;
        color: #000000;
        opacity: 0.4
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-mobile-title {
        display: none
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper {
        position: relative;
        width: 100%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn {
        cursor: pointer;
        outline: none;
        position: absolute;
        width: 3.85417vw;
        height: 3.85417vw;
        top: 11.94vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn.left {
        left: 7.8125vw
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn.right {
        right: 7.8125vw
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-phone-box-swiper-btn img {
        width: 100%;
        height: 100%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian {
        width: 68.1%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item {
        width: 32.3% !important;
        margin-right: 1.55%
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item img {
        width: 100%;
        height: auto;
        margin-bottom: 2.08333vw
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item .NF01-item-title {
        width: 100%;
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        margin-bottom: 1.25vw;
        letter-spacing: -.01042vw;
        color: black
    }
    #product-container .NF01-New-Features .nf01-new-container .NF01-phone-box-swiper .NF01-swiper-main .NF01-container-mian .NF01-container-wrapper .NF01-item .NF01-item-content {
        width: 100%;
        font-size: .72917vw;
        line-height: .98958vw;
        margin-bottom: 6.61458vw;
        opacity: 0.6;
        letter-spacing: -.01042vw;
        color: black
    }
    #product-container .NF01-New-Features .NF01-Top-Feature-mobile-swiper {
        display: none
    }
    #product-container .NF01-New-Features .nf01-share {
        margin-left: 15.95%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 2.70833vw
    }
    #product-container .NF01-New-Features .nf01-share .nf01-share-text {
        opacity: 0.4;
        letter-spacing: -.01042vw;
        font-size: .72917vw;
        line-height: .98958vw;
        margin-right: 1.35417vw
    }
    #product-container .NF01-New-Features .nf01-share .share-btn {
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .NF01-New-Features .nf01-share .share-btn img {
        cursor: pointer;
        width: 1.25vw;
        height: auto;
        margin-right: .83333vw
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.oppo-find3-x .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.oppo-find3-x .swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.oppo-find3-x .swiper-container-android .swiper-slide,
.oppo-find3-x .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.oppo-find3-x .swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.oppo-find3-x .swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.oppo-find3-x .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.oppo-find3-x .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.oppo-find3-x .swiper-slide-invisible-blank {
    visibility: hidden
}

.oppo-find3-x .swiper-container-autoheight,
.oppo-find3-x .swiper-container-autoheight .swiper-slide {
    height: auto
}

.oppo-find3-x .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.oppo-find3-x .swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.oppo-find3-x .swiper-container-3d .swiper-wrapper,
.oppo-find3-x .swiper-container-3d .swiper-slide,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.oppo-find3-x .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.oppo-find3-x .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.oppo-find3-x :root {
    --swiper-navigation-size: 0.44rem
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-button-prev.swiper-button-disabled,
.oppo-find3-x .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.oppo-find3-x .swiper-button-prev,
.oppo-find3-x .swiper-container-rtl .swiper-button-next {
    left: 0.1rem;
    right: auto
}

.oppo-find3-x .swiper-button-prev:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.oppo-find3-x .swiper-button-next,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev {
    right: 0.1rem;
    left: auto
}

.oppo-find3-x .swiper-button-next:after,
.oppo-find3-x .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.oppo-find3-x .swiper-button-prev.swiper-button-white,
.oppo-find3-x .swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.oppo-find3-x .swiper-button-prev.swiper-button-black,
.oppo-find3-x .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.oppo-find3-x .swiper-button-lock {
    display: none
}

.oppo-find3-x .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.oppo-find3-x .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.oppo-find3-x .swiper-pagination-fraction,
.oppo-find3-x .swiper-pagination-custom,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.1rem;
    left: 0;
    width: 100%
}

.oppo-find3-x .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.oppo-find3-x .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.oppo-find3-x .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

.oppo-find3-x button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.oppo-find3-x .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.oppo-find3-x .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0.06rem 0;
    display: block
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.08rem
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.04rem
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.oppo-find3-x .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.oppo-find3-x .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.oppo-find3-x .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.oppo-find3-x .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.04rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-container-vertical>.swiper-pagination-progressbar,
.oppo-find3-x .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.04rem;
    height: 100%;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.oppo-find3-x .swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.oppo-find3-x .swiper-pagination-lock {
    display: none
}

.oppo-find3-x .swiper-scrollbar {
    border-radius: 0.1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.oppo-find3-x .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.03rem;
    z-index: 50;
    height: 0.05rem;
    width: 98%
}

.oppo-find3-x .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0.03rem;
    top: 1%;
    z-index: 50;
    width: 0.05rem;
    height: 98%
}

.oppo-find3-x .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.1rem;
    left: 0;
    top: 0
}

.oppo-find3-x .swiper-scrollbar-cursor-drag {
    cursor: move
}

.oppo-find3-x .swiper-scrollbar-lock {
    display: none
}

.oppo-find3-x .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.oppo-find3-x .swiper-zoom-container>img,
.oppo-find3-x .swiper-zoom-container>svg,
.oppo-find3-x .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.oppo-find3-x .swiper-slide-zoomed {
    cursor: move
}

.oppo-find3-x .swiper-lazy-preloader {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.21rem;
    margin-top: -0.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.oppo-find3-x .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.oppo-find3-x .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.oppo-find3-x .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.oppo-find3-x .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.oppo-find3-x .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.oppo-find3-x .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-fade .swiper-slide-active,
.oppo-find3-x .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube {
    overflow: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.oppo-find3-x .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-cube .swiper-slide-active,
.oppo-find3-x .swiper-container-cube .swiper-slide-next,
.oppo-find3-x .swiper-container-cube .swiper-slide-prev,
.oppo-find3-x .swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.oppo-find3-x .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(0.5rem);
    filter: blur(0.5rem);
    z-index: 0
}

.oppo-find3-x .swiper-container-flip {
    overflow: visible
}

.oppo-find3-x .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.oppo-find3-x .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.oppo-find3-x .swiper-container-flip .swiper-slide-active,
.oppo-find3-x .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-top,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-bottom,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-left,
.oppo-find3-x .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width: 1023.98px) {
    #product-container #E01-Campaign-Events {
        width: 100vw;
        height: 105vw;
        box-sizing: border-box;
        font-size: 0;
        position: relative
    }
    #product-container #E01-Campaign-Events .E01-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4)
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img {
        display: none
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img-mobile {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #E01-Campaign-Events .E01-Campaign {
        position: absolute;
        top: 15.55556vw;
        left: 6.66667vw;
        width: 79.16667vw
    }
    #product-container #E01-Campaign-Events .E01-Campaign-title {
        font-size: 8.33333vw;
        line-height: 11.11111vw;
        color: #FFFFFF;
        margin-bottom: 6.66667vw
    }
    #product-container #E01-Campaign-Events .E01-Campaign-subtitle {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        color: #FFFFFF;
        letter-spacing: -0.05556vw
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container #E01-Campaign-Events {
        width: 100%;
        height: 40.27778vh;
        box-sizing: border-box;
        position: relative;
        font-size: 0
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #E01-Campaign-Events .E01-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4)
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img-mobile {
        display: none
    }
    #product-container #E01-Campaign-Events .E01-Campaign {
        position: absolute;
        top: 14.62963vh;
        width: 100%;
        text-align: center
    }
    #product-container #E01-Campaign-Events .E01-Campaign-title {
        font-size: 5.92593vh;
        line-height: 7.03704vh;
        letter-spacing: -.05926vh;
        color: #FFFFFF;
        margin-bottom: 2.96296vh
    }
    #product-container #E01-Campaign-Events .E01-Campaign-subtitle {
        font-size: 1.85185vh;
        line-height: 2.77778vh;
        letter-spacing: -.01852vh;
        color: #FFFFFF
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container #E01-Campaign-Events {
        width: 100%;
        height: 22.65625vw;
        box-sizing: border-box;
        position: relative;
        font-size: 0
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    #product-container #E01-Campaign-Events .E01-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4)
    }
    #product-container #E01-Campaign-Events .E01-Campaign-img-mobile {
        display: none
    }
    #product-container #E01-Campaign-Events .E01-Campaign {
        position: absolute;
        top: 8.22917vw;
        width: 100%;
        text-align: center
    }
    #product-container #E01-Campaign-Events .E01-Campaign-title {
        font-size: 3.33333vw;
        line-height: 3.95833vw;
        letter-spacing: -.03333vw;
        color: #FFFFFF;
        margin-bottom: 1.66667vw
    }
    #product-container #E01-Campaign-Events .E01-Campaign-subtitle {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        letter-spacing: -.01042vw;
        color: #FFFFFF
    }
}

@media (max-width: 1023.98px) {
    #product-container .play-component {
        width: 100vw;
        height: 100vh;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        box-sizing: border-box
    }
    #product-container .play-component-con {
        width: 100%;
        height: 100%;
        position: relative
    }
    #product-container .play-component-con-close {
        width: 4.58333vw;
        height: 4.58333vw;
        position: absolute;
        top: 6.38889vw;
        right: 6.38889vw;
        z-index: 100
    }
    #product-container .play-component-con-close img {
        width: 100%;
        height: 100%
    }
    #product-container .play-component-con-videoBox {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    #product-container .play-component-con-videoBox video {
        width: 100%;
        max-height: 148.05556vw
    }
    #product-container .play-out {
        display: none
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    #product-container .play-component {
        display: none
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    #product-container .play-component {
        display: none
    }
}