@media screen and (min-width: 1345px)and (min-width: 100vh) {

    /* nav */
    @media screen {
        .cbcn-nav-tab {
            /* background: rgba(255, 255, 255, 0.30);
            backdrop-filter: blur(15px); */
            background: rgba(255, 255, 255);
            position: sticky;
            top: 0;
            left: 0;
            z-index: 999;
            width: 100%;
            height: 56px;
            justify-content: space-between;
            padding: 0 60px;
            align-items: center;
            transition: top 0.5s;
        }

        .cbcn-nav-logo {
            width: 124px;
            height: 16px;
        }

        .cbcn-nav-list {
            gap: 60px;
        }

        .cbcn-nav-list a {
            color: #1D1D1F !important;
            cursor: pointer;
            text-decoration: none;
            opacity: 0.55;
        }

        .cbcn-nav-list a:hover {
            opacity: 1;
        }
    }

    /* kv */
    @media screen {
        .cbcn-kv-imgDiv {
            width: 100%;
            height: 100%;
        }

        .cbcn-kv-imgDiv img {
            position: absolute;
            transition: transform 0.5s;
        }


        .cbcn-kv-img-bg1 {
            z-index: 8;
            margin-top: 5em;
        }

        .cbcn-kv-img-bg2 {
            z-index: 7;
            margin-top: 5em;
        }

        .cbcn-kv-img-bg3 {
            z-index: 6;
            margin-top: 5em;
        }

        .cbcn-kv-img-bg4 {
            z-index: 5;
            margin-top: 5em;
        }

        .cbcn-kv-img-bg5 {
            z-index: 4;
        }

        .cbcn-kv-img1 {
            width: 16.7em;
            height: 16.25em;
            z-index: 20;
            margin-top: 5em;
            transition: margin-left 0.5s;
        }

        .cbcn-kv-txt1 {
            margin-top: 20.05em;
            z-index: 20;
            transition: margin-left 0.5s;
        }

        .cbcn-kv-p1 {
            font-size: 4.75em;
            font-style: normal;
            text-shadow: 0px 0px 120px rgba(255, 255, 255, 0.70);
            background: linear-gradient(108deg, #7ED6FF 24.39%, #699CFF 51.96%, #3A7AFF 96.61%, #FFF 117.76%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-kv-link {
            transition: margin-left 0.5s;
            background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            cursor: pointer;
            opacity: 0;
        }
    }

    .cbcn-section-group1 {
        background: linear-gradient(180deg, #91C2F2 0%, #FFF 12.54%, #FFF 17.68%, #D9EEFF 33.06%, #ABD9FF 44.97%, #ABD9FF 58.88%, #FFF 91.47%);
    }

    /* JoyofNature */
    @media screen {
        .cbcn-JoyofNature-screen.wt {
            background-color: transparent;
            padding-top: 25.6em;
            padding-bottom: 15em;
        }
    }


    /* UITitle */
    @media screen {
        .cbcn-UITitle-screen.wt {
            background-color: transparent;
        }

        .cbcn-UITitle-txt1 {
            width: 100%;
        }
    }


    /* UI */
    @media screen {
        .cbcn-UI-screen.wt {
            background-color: transparent;
        }

        .cbcn-UI-img-div {
            gap: 4.5em;
        }

        .cbcn-UI-img-col {
            gap: 3.5em;
            min-width: 15.85em;
            min-height: 35.1em;
            position: relative;
        }

        .cbcn-UI-img {
            width: 15.85em;
            height: 35.1em;
            flex-shrink: 0;
            border-radius: 1.25em;
            overflow: hidden;
        }

        .cbcn-UI-img-hide {
            opacity: 0;
        }

        .cbcn-UI-img-col3 .cbcn-pc-videoControl {
            bottom: calc(50% - 21em);
            right: 50%;
            transform: translateX(50%);
        }
    }

    /* NaturalLighting */
    @media screen {
        .cbcn-NaturalLighting-screen .cbcn-pc-safeRowFlow {
            height: 55em;
        }

        .cbcn-NaturalLighting-p1 {
            width: 18em;
            position: absolute;
            top: 13em;
            left: 0;
        }


        .cbcn-NaturalLighting-p2 {
            width: 18em;
            position: absolute;
            bottom: 13em;
            right: 0;
        }

        .cbcn-NaturalLighting-switchBtn-list {
            gap: 0.5em;
            right: 16em;
        }

        .cbcn-NaturalLighting-switchBtn,
        .cbcn-NaturalLighting-videoControl {
            width: 2em;
            height: 2em;
            cursor: pointer;
        }


        .cbcn-NaturalLighting-switchBtn.left {
            transform: rotate(-90deg);
        }

        .cbcn-NaturalLighting-switchBtn.right {
            transform: rotate(90deg);
        }

        .cbcn-NaturalLighting-switchBtn.disabled {
            opacity: 0.3;
        }

        .cbcn-NaturalLighting-videoControl {
            display: none;
        }

        .cbcn-NaturalLighting-videoControl.active {
            display: block;
        }

        .cbcn-NaturalLighting-imgBG-div {
            width: 100%;
            height: 100%;
        }

        .cbcn-NaturalLighting-imgBG-div img {
            opacity: 0;
            transition: all 0.5s;
        }

        .cbcn-NaturalLighting-imgBG-div img.active {
            opacity: 1;
        }

        .cbcn-NaturalLighting-img.top.H {
            top: -42.55em;
        }

        .cbcn-NaturalLighting-img.top {
            width: 10.75em;
            height: 23.25em;
            top: -16.3em;
        }

        .cbcn-NaturalLighting-img {
            width: 16em;
            height: 34.6em;
            top: 10.2em;
            overflow: hidden;
            border-radius: 1.2em;
            transition: all 0.5s;
        }

        .cbcn-NaturalLighting-img.bottom {
            width: 10.75em;
            height: 23.25em;
            top: 48.05em;
        }

        .cbcn-NaturalLighting-img.bottom.H {
            top: 74.55em;
        }

        .cbcn-NaturalLighting-img img {
            object-fit: contain;
        }

        .cbcn-NaturalLighting-img .cbcn-NaturalLighting-img-bg {
            position: absolute;
            top: 0;
            z-index: 4;
        }

        .cbcn-NaturalLighting-img.top video,
        .cbcn-NaturalLighting-img.bottom video {
            opacity: 1;
            opacity: 0;
        }

        .cbcn-NaturalLighting-img video {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 15.1em;
            height: 33.55em;
            object-fit: cover;
            object-position: center;
            opacity: 1;
        }

        .cbcn-NaturalLighting-img-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 99%;
            height: 99%;
            object-fit: cover;
            object-position: center;
            opacity: 1;
        }

        .cbcn-NaturalLighting-img-list {
            height: 55em;
        }
    }

    /* VideoWallpaper */
    @media screen {
        .cbcn-VideoWallpaper-txt1 {
            z-index: 99;
            justify-content: center;
            gap: 27.55em;
            opacity: 0;
        }

        .cbcn-VideoWallpaper-txt1 p {
            color: #FFF !important;
            font-size: 8.6em;
            font-style: normal;
        }

        .cbcn-VideoWallpaper-video1 {
            width: 100%;
            /* height: calc(100% - 2.8em); */
            height: 100%;
            object-fit: cover;
            border: 1em solid #fff;
            border-radius: 1.5em;
            background: #fff;
            overflow: hidden;
        }

        .cbcn-VideoWallpaper-video2 {
            width: 0;
            height: 0;
            object-fit: contain;
        }

        .cbcn-VideoWallpaper-txt2 {
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }


        .cbcn-VideoWallpaper-txt2-p1 {
            width: 15.75em;
            position: relative;
            opacity: 0;
            top: 2em;
        }


        .cbcn-VideoWallpaper-txt2-p2 {
            width: 295px;
            position: relative;
            opacity: 0;
            top: 2em;
        }

        .cbcn-VideoWallpaper-videoControl {
            right: 260px;
            margin-top: 12em;
            opacity: 0;
        }
    }

    /* Personalization */
    @media screen {
        .cbcn-Personalization-swiper-div {
            width: 100%;
        }

        .cbcn-Personalization-swiper {
            height: 30em;
        }

        .cbcn-Personalization-swiper-content {
            gap: 1em;
            position: absolute;
            left: 0;
            top: 0;
        }

        .cbcn-Personalization-swiper-item {
            width: 51.5em;
            min-height: 30em;
            padding-left: 2em;
            box-sizing: border-box;
            justify-content: space-between;
            border-radius: 1.5em;
            background: #F7F7F7;
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
            transition: all 0.5s;
        }

        .cbcn-Personalization-swiper-item:hover {
            transform: scale(1.01);
        }

        .cbcn-Personalization-txt {
            width: 21em;
            padding: 3em 0;
            
        }

        .cbcn-Personalization-video {
            width: 27.5em;
            height: 100%;
            position: relative;
        }

        .cbcn-Personalization-swiper-item.index5 .cbcn-Personalization-video {
            margin-top: -3em;
        }

        .cbcn-Personalization-switchBtn-list {
            margin-top: 2em;
            gap: 0.5em;
            width: 100%;
            justify-content: end;
        }

        .cbcn-Personalization-switchBtn {
            width: 2em;
            height: 2em;
            cursor: pointer;
        }

        .cbcn-Personalization-switchBtn.left {
            transform: rotate(180deg);
        }

        .cbcn-Personalization-switchBtn.disabled {
            opacity: 0.3;
        }
    }

    /* ControlSystem */
    @media screen {
        .cbcn-ControlSystem-screen {
            box-sizing: border-box;
        }

        .cbcn-ControlSystem-txt1 {
            width: 41em;
            position: relative;
        }

        .cbcn-ControlSystem-list {
            gap: 1em;
            margin-top: 4.65em;
        }

        .cbcn-ControlSystem-col {
            gap: 0.85em;
        }

        .cbcn-ControlSystem-item {
            width: 20em;
            height: 16em;
            border-radius: 1.5em;
            overflow: hidden;
            position: relative;
        }

        .cbcn-ControlSystem-item.index1 {
            height: 32.85em;
            background: #F7F7F7;
        }

        .cbcn-ControlSystem-item.index4 {
            background: #F7F7F7;
        }

        .cbcn-ControlSystem-item.index5 {
            background: #1F1F1F;
        }

        .cbcn-ControlSystem-item.index1 p {
            position: absolute;
            z-index: 99;
            left: 30px;
            top: 30px;
        }

        .cbcn-ControlSystem-item.index2 p {
            position: absolute;
            z-index: 99;
            left: 30px;
            top: 30px;
        }

        .cbcn-ControlSystem-item.index3 p {
            position: absolute;
            z-index: 99;
            left: 37px;
            bottom: 40px;
        }

        .cbcn-ControlSystem-item.index4 p {
            position: absolute;
            z-index: 99;
            left: 30px;
            top: 30px;
        }

        .cbcn-ControlSystem-item.index5 p {
            position: absolute;
            z-index: 99;
            left: 40px;
            bottom: 40px;
        }

        .cbcn-ControlSystem-circle1 {
            width: 25.285em;
            height: 25.285em;
            flex-shrink: 0;
            border-radius: 25.285em;
            border: 78px solid #3670FF;
            mix-blend-mode: multiply;
            position: absolute;
            z-index: 20;
            left: -10.8em;
            bottom: -6.89em;
            opacity: 0;
        }

        .cbcn-ControlSystem-circle2 {
            width: 16.25em;
            height: 16.25em;
            border-radius: 16.25em;
            background: #B1C7FF;
            mix-blend-mode: multiply;
            position: absolute;
            z-index: 50;
            left: 12.15em;
            top: 3.24em;
            opacity: 0;
        }

        .cbcn-ControlSystem-img1 {
            z-index: 98;
            width: 14.49055em;
            height: 31.3962em;
            bottom: -12.2em;
        }


        .cbcn-ControlSystem-img4 {
            width: 14.2em;
            height: 13.5em;
            bottom: -6.75em;
            opacity: 0;
        }

        .cbcn-ControlSystem-img5 {
            width: 21.7em;
            height: 19.85em;
            position: absolute;
            top: 5.4em;
            left: 13.15em;
            opacity: 0;
        }
    }

    /* iconLibTxt */
    @media screen {
        .cbcn-iconLibTxt-p1 {
            font-size: 12em;
            font-style: normal;
            font-weight: 500;
            background: linear-gradient(0deg, #9ADFFF -66.67%, #4682FF 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cbcn-iconLibTxt-txtDiv {
            opacity: 0;
            margin-top: 3em;
        }

        .cbcn-iconLibTxt-txt1 {
            margin-top: 1.5em;
        }
    }

    /* iconLib */
    @media screen {
        .cbcn-iconLib-screen-top+div.pin-spacer {
            background-color: #000 !important;
        }

        .cbcn-iconLib-imgDiv {
            z-index: 30;
        }

        .cbcn-iconLib-img {
            vertical-align: middle;
        }

        .cbcn-iconLib-img.index2 {
            opacity: 0;
        }

        .cbcn-iconLib-mask {
            bottom: 0;
            width: 100%;
            height: 17.4em;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 80.5%);
        }

        .cbcn-iconLib-btnDiv {
            justify-content: center;
            align-items: center;
            gap: 1em;
            border-radius: 2.05em;
            border: 0.7px solid rgba(204, 204, 204, 0.10);
            background: rgba(204, 204, 204, 0.30);
            backdrop-filter: blur(25px);
            z-index: 999;
            bottom: 3.25em;
            padding: 0.25em;
            box-sizing: content-box;
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
        }

        .cbcn-iconLib-btn {
            width: 2.5em;
            height: 2.5em;
            position: relative;
            cursor: pointer;
            z-index: 99;
        }

        .cbcn-iconLib-btn.index2 {
            opacity: 0.6;
        }

        .cbcn-iconLib-btnActive {
            width: 2.5em;
            height: 2.5em;
            background: #FFF;
            overflow: hidden;
            border-radius: 1.25em;
            left: 0.25em;
            transition: left 0.5s;
        }

        .cbcn-iconLib-btn svg {
            width: 1.5em;
            height: 1.5em;
        }
    }

    /* Smooth */
    @media screen {
        .cbcn-Smooth-txt1 {
            width: 100%;
            background: linear-gradient(273deg, #9ADFFF 45.51%, #4682FF 88.31%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-top: 20em;
            margin-bottom: 10em;
        }
    }

    /* WaterLike */
    @media screen {
        .cbcn-WaterLike-screen {
            width: 100%;
            height: 53.75em;
        }

        .cbcn-WaterLike-txt1 {
            width: 41em;
            position: relative;
            z-index: 20;
        }

        .cbcn-WaterLike-video {
            width: 81.15em;
            height: 45em;
            position: absolute;
            top: 9.95em;
            right: calc(50% - 26.15em);
        }

        .cbcn-WaterLike-screen .cbcn-pc-videoControl {
            top: 45.15em;
            z-index: 99;
        }
    }

    /* HumanFactors */
    @media screen {
        .cbcn-HumanFactors-num {
            line-height: 1em;
        }

        .cbcn-HumanFactors-screen {
            width: 100%;
            height: 50.9em;
        }

        .cbcn-HumanFactors-content {
            align-items: center;
            justify-content: space-between;
        }

        .cbcn-HumanFactors-BG {
            width: 100%;
            height: 100%;
        }

        .cbcn-HumanFactors-txt1 {
            width: 20em;
            gap: 2.5em;
        }

        .cbcn-HumanFactors-imgDiv {
            gap: 1.44em;
            padding-right: 3.63em;
            position: relative;
        }

        .cbcn-HumanFactors-img {
            width: 14.43355em;
            height: 31.16905em;
            position: relative;
            border-radius: 1em;
        }

        .cbcn-HumanFactors-img img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
        }

        .cbcn-HumanFactors-img video {
            width: 13.6em;
            height: 30.2em;
            position: absolute;
            top: 0.42em;
            left: 0.36em;
        }

        .cbcn-HumanFactors-img p {
            bottom: -37px;
        }

        .cbcn-HumanFactors-imgDiv .cbcn-pc-videoControl {
            bottom: 0;
            right: 0;
        }

    }

    /* AnimationEngine */
    @media screen {
        .cbcn-AnimationEngine-screen {
            height: 45em;
        }

        .cbcn-AnimationEngine-img {
            width: 96em;
            height: 45em;
        }

        .cbcn-AnimationEngine-txt1 {
            width: 25.25em;
            gap: 2.5em;
            right: 0;

            opacity: 0;
            margin-top: 3em;
        }

        .cbcn-AnimationEngine-txt1 .cbcn-param {
            width: 11.6em;
        }
    }

    /* UnfairScheduling */
    @media screen {
        .cbcn-UnfairScheduling-screen {
            height: 54em;
        }

        .cbcn-UnfairScheduling-img {
            width: 35em;
            height: 27em;
            left: calc(50% - 2em);
            z-index: 99;
        }

        .cbcn-UnfairScheduling-img .cbcn-pc-videoControl {
            bottom: -2em;
            right: 2.55em;
        }

        .cbcn-UnfairScheduling-txt1 {
            width: 25.25em;
            gap: 2.5em;
            left: 0;

            opacity: 0;
            margin-top: 3em;
        }

        .cbcn-UnfairScheduling-txt1 .cbcn-param {
            width: 14.75em;
        }
    }

    /* Memory */
    @media screen {
        .cbcn-Memory-screen {
            height: 65em;
        }

        .cbcn-Memory-img {
            width: 76em;
            height: 38.85em;
            bottom: 0;
        }

        .cbcn-Memory-txt1 {
            width: 41em;
            gap: 2.5em;
            top: 5em;

            opacity: 0;
            margin-top: 3em;
        }

        .cbcn-Memory-txt1 .cbcn-param {
            width: 100%;
        }
    }

    /* BePro */
    @media screen {
        .cbcn-BePro-mask {
            width: 100%;
            height: 200vh;
            z-index: 1;
            background: linear-gradient(180deg, #000 61.53%, rgba(0, 0, 0, 0.00) 100%);
            filter: blur(0 50px);
        }

        .cbcn-BePro-txt1 {
            z-index: 2;
            width: 100%;
        }
    }

    /* AIImageLab */
    @media screen {
        .cbcn-AIImageLab-screen {
            padding-bottom: 9.55em;
            overflow: visible;
        }

        .cbcn-AIImageLab-content {
            align-items: start;
            justify-content: center;
            width: 100%;
            gap: 0.66em;
            margin-top: 3em;
            opacity: 0;
            overflow: visible;
        }

        .cbcn-AIImageLab-svg {
            width: 2.88em;
            height: 1.8em;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -2em;
        }
    }

    /* UltraClearImage */
    @media screen {
        .cbcn-UltraClearImage-content {
            justify-content: space-between;
        }

        .cbcn-UltraClearImage-imgDiv {
            width: 41em;
            height: 25em;
            position: relative;
            border-radius: 1.5em;
            overflow: hidden;
            user-select: none;
        }


        .cbcn-UltraClearImage-img2 {
            width: 50%;
            height: 100%;
            right: 0;
            overflow: hidden;
        }

        .cbcn-UltraClearImage-img2 img {
            width: 41em;
            height: 25em;
            right: 0;
        }

        .cbcn-UltraClearImage-txt1 {
            width: 15.75em;
            opacity: 0;
            position: relative;
            top: 3em;
        }


        .cbcn-UltraClearImage-controlBtn {
            position: absolute;
            top: 0;
            left: 50%;
            width: 0.15em;
            height: 100%;
            background-color: #fff;
            cursor: ew-resize;
            z-index: 99;
        }

        .cbcn-UltraClearImage-controlBtn svg {
            width: 2.5em;
            height: 2.5em;
        }

    }

    /* RemoveShadows */
    @media screen {
        .cbcn-RemoveShadows-screen {
            height: 42.5em;
        }

        .cbcn-RemoveShadows-content {
            justify-content: space-between;
            align-items: center;
            position: relative;
        }

        .cbcn-RemoveShadows-txt1 {
            opacity: 0;
            position: relative;
            top: 3em;
            width: 15.8em;
        }

        .cbcn-RemoveShadows-video {
            height: 30em;
            border-radius: 1.5em;
            overflow: hidden;
            position: relative;
        }

        .cbcn-RemoveShadows-screen .cbcn-pc-aiIcon {
            position: absolute;
            top: 1.5em;
            right: 1.5em;
        }

        .cbcn-RemoveShadows-content .cbcn-pc-videoControl {
            position: static;
            margin-top: -1em;
        }
    }

    /* MovieAlbum */
    @media screen {
        .cbcn-MovieAlbum-txt1 {
            width: 35.55em;
            padding: 3.12em 0;

            opacity: 0;
            position: relative;
            top: 3em;
        }
    }

    /* AIImage */
    @media screen {
        .cbcn-AIImage-video1 {
            width: 100%;
            height: 100%;
            z-index: 99;
        }

        .cbcn-AIImage-video2 {
            width: 16em;
            height: 34.6em;
        }

        .cbcn-AIImage-p1 {
            width: 14.8em;
            position: absolute;
            top: 15em;
            left: 0;
        }


        .cbcn-AIImage-p2 {
            width: 14.75em;
            position: absolute;
            bottom: 14.5em;
            right: 0;
        }

        .cbcn-AIImage-p2 .cbcn-pc-videoControl {
            position: static;
            display: block;
            margin-top: 20px;
        }
    }

    /* EfficiencyTools */
    @media screen {
        .cbcn-EfficiencyTools-swiper-content {
            gap: 1em;
        }

        .cbcn-EfficiencyTools-swiper-itemRow {
            gap: 1em;
        }

        .cbcn-EfficiencyTools-swiper-item {
            border-radius: 1.5em;
            background: #F7F7F7;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
            overflow: hidden;
            transition: all 0.5s;
        }

        .cbcn-EfficiencyTools-swiper-item:hover {
            transform: scale(1.01);
        }

        .cbcn-EfficiencyTools-swiper-item.index1 {
            width: 100%;
            padding-left: 2em;
        }

        .cbcn-EfficiencyTools-swiper-item.index2 {
            width: 30.5em;
            padding-top: 2em;
            min-height: 40em;
        }

        .cbcn-EfficiencyTools-swiper-item.index3 {
            width: 30.5em;
            padding-bottom: 2em;
            min-height: 40em;
        }

        .cbcn-EfficiencyTools-txt1 {
            width: 19em;
            height: 26.5em;
            justify-content: space-between;
        }

        .cbcn-EfficiencyTools-txt2 {
            width: 26.5em;
        }

        .cbcn-EfficiencyTools-txt3 {
            width: 26.5em;
        }

        .cbcn-EfficiencyTools-img1 {
            width: 36em;
            height: 32.5em;
            position: relative;
        }

        .cbcn-EfficiencyTools-video {
            width: 30.5em;
            height: 22.5em;
            position: relative;
        }

        .cbcn-EfficiencyTools-img3 {
            width: 20em;
            height: 18em;
        }
    }

    /* Game */
    @media screen {
        .cbcn-Game-screen {
            height: 100vh;
            min-height: 59em;
        }

        .cbcn-Game-content1Div {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
        }

        .cbcn-Game-content {
            width: 96em;
            height: 45em;
            overflow: visible;
        }

        .cbcn-Game-txt1 {
            width: 41em;
            top: 5em;
        }

        .cbcn-Game-phone1 {
            width: 40.9em;
            height: 18.9em;
            /* top: 19.35em; */
            overflow: hidden;
        }

        .cbcn-Game-GameBorder {
            height: 18.9em;
            width: 40.9em;
            z-index: 30;
        }

        .cbcn-Game-img2 {
            left: 3.1em;
            width: 15.7379em;
            height: 16.6287em;
            z-index: 20;
            margin-left: -20em;
        }

        .cbcn-Game-content2 {
            opacity: 0;
        }

        .cbcn-Game-txt2 {
            width: 41em;
            top: 5em;
            margin-top: 2.5em;
        }

        .cbcn-Game-phone2 {
            width: 18.9em;
            height: 40.9em;
            top: 18.1em;
            margin-top: 9.3em;
            position: relative;
            border-radius: 40px;
        }

        .cbcn-Game-phone2 .cbcn-pc-videoControl {
            right: -4em;
            top: 0;
        }
    }

    /* Amazing */
    @media screen {
        .cbcn-Amazing-screen {
            height: 28.5em;
        }

        .cbcn-Amazing-txt1 {
            width: 100%;
        }
    }

    /* PowerSaving */
    @media screen {
        .cbcn-PowerSaving-txt1 {
            position: relative;
            z-index: 99;
            opacity: 0;
            margin-top: 5em;
        }

        .cbcn-PowerSaving-txt1 .cbcn-param .cbcn-pc-p100 {
            background: linear-gradient(294deg, #4DF9E8 32.49%, #3CA4F9 118.21%, #003EDE 195.76%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            align-items: center;
            gap: 5px;
        }

        .cbcn-PowerSaving-svg {
            width: 57px;
        }

        .cbcn-PowerSaving-img {
            width: 80.35255em;
            height: 34.5em;
            top: 14em;
            z-index: 10;
        }

        .cbcn-PowerSaving-txt2 {
            z-index: 99;
            gap: 1.5em;
        }

        .cbcn-PowerSaving-txt2-item {
            width: 20em;
            /* height: 26em; */
            padding: 2em;
            border-radius: 0.5em;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(50px);
        }

        .cbcn-PowerSaving-icon1 {
            position: relative;
            width: 2.5em;
            height: 3em;
            margin-bottom: 0.5em;
        }

        .cbcn-PowerSaving-icon2 {
            position: relative;
            width: 3em;
            height: 3em;
            margin-bottom: 0.5em;
        }
    }

    /* OfficeAssistant */
    @media screen {
        .cbcn-OfficeAssistant-swiper-content {
            gap: 1em;
        }

        .cbcn-OfficeAssistant-swiper-itemRow {
            gap: 1em;
        }

        .cbcn-OfficeAssistant-swiper-item {
            gap: 0.75em;
            border-radius: 1.5em;
            background: #F7F7F7;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
            transition: all 0.5s;
        }

        .cbcn-OfficeAssistant-swiper-item:hover {
            transform: scale(1.01);
        }

        .cbcn-OfficeAssistant-swiper-item.index1 {
            width: 100%;
            padding-left: 2em;
        }

        .cbcn-OfficeAssistant-swiper-item.index2 {
            width: 30.5em;
            padding-top: 2em;
            min-height: 38em;
        }

        .cbcn-OfficeAssistant-swiper-item.index3 {
            width: 30.5em;
            padding-top: 2em;
            min-height: 38em;
        }

        .cbcn-OfficeAssistant-txt1 {
            width: 19.4em;
            height: 24.1em;
            justify-content: space-between;
        }

        .cbcn-OfficeAssistant-txt2 {
            width: 26.5em;
        }

        .cbcn-OfficeAssistant-txt3 {
            width: 26.5em;
        }

        .cbcn-OfficeAssistant-img1 {
            width: 36.25em;
            height: 30.15em;
        }

        .cbcn-OfficeAssistant-img2 {
            width: 17.5em;
            height: 19.5em;
        }

        .cbcn-OfficeAssistant-img3 {
            width: 17.5em;
            height: 19.5em;
        }
    }

    /* remark */
    @media screen {
        .cbcn-remark-screen {
            opacity: 0.6;
        }

        .cbcn-remark-screen ul,
        .cbcn-remark-screen ol {
            padding-inline-start: 20px;
            margin: 0;
        }

        .cbcn-remark-screen ul li {
            list-style: none;
            position: relative;
        }

        .cbcn-remark-screen li {
            color: #1D1D1F !important;
        }

        .cbcn-remark-screen ul li::before {
            content: '*';
            position: absolute;
            left: -12px;
            top: 1px;
        }

        .cbcn-remark-screen ol li {
            list-style: decimal;
        }
    }
}