.huawei-puffer-container {
    letter-spacing: calc(-.037em + .526px);
    color: #000;
    font-weight: 500;
    overflow: hidden;
    width: 100%;
}

.huawei-puffer-container .blur-up {
    filter: blur(20px);
    transition: filter .2s;
}

.huawei-puffer-container .cbg-backtotop {
    position: fixed;
    z-index: 200;
    bottom: 90px;
    right: 50px;
}

.huawei-puffer-container .cbg-backtotop a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px 0;
    text-indent: -9999px;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/headphones/freebuds-se/image/sprites_cbg_icon.png) no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=80);
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.huawei-puffer-container .cbg-backtotop a.cbg-icon-backtotop {
    background-position: -549px -188px;
}

.huawei-puffer-container .blur-up.lazyloaded {
    filter: blur(0);
}

.huawei-puffer-container img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
}

.huawei-puffer-container a {
    color: #8d8d8d;
    text-decoration: none
}

.huawei-puffer-container a:hover {
    color: #8d8d8d;
}

.huawei-puffer-container .huawei-puffer-nowrap {
    white-space: nowrap;
    font-style: normal;
}

.huawei-puffer-container .huawei-puffer-clear::after {
    content: "";
    display: block;
    clear: both;
}

.huawei-puffer-container .puffer-sup {
    position: relative;
    top: -1em;
    font-size: 50%;
    line-height: 0;
    vertical-align: baseline;
    font-weight: 500;
}


.huawei-puffer-container .puffer-sup a {
    color: #8d8d8d;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    display: contents;
    cursor: pointer;
}

.huawei-puffer-container .puffer-current {
    color: #000;
}

.huawei-puffer-container .showPc {
    display: block;
}

/* section1 */
.huawei-puffer-container .puffer-section1 {
    margin: 3.8541666vw 0 10.41666666vw 5.364583333vw;
    display: flex;
    align-items: center;
}
.huawei-puffer-container .puffer-section1 .puffer-sup{
    font-weight: 400;
}
.huawei-puffer-container .puffer-section1-kv-img {
    width: 54.16666666vw;
}

.huawei-puffer-container .puffer-section1-kv-tit {
    text-align: center;
    margin: 0.9375vw 0 0 0.7291666666666667vw;
}

.huawei-puffer-container .puffer-section1-kv-tit-svg {
    width: 31.5104166vw;
}

.huawei-puffer-container .puffer-section1-kv-subtit {
    width: 31.5104166vw;
    margin: 1.25vw 0 0 0;
    text-align: center;
    font-weight: 400;
    font-size: 1.1458333vw;
    color: #1e2022;
    line-height: 1.6;
    font-size: 1.04166666vw;
}
.huawei-puffer-container .puffer-section1-kv-subtit  a{
    color: #1e2022;
}
.huawei-puffer-container  .puffer-section1-kv-subtit span {
    display: inline-block;
}
.huawei-puffer-container  .puffer-section1-kv-subtit i {
    display: inline-block;
    width: 100%;
}
.huawei-puffer-container .puffer-section1-kv-tit p:nth-child(1) {
    font-size: 3vw;
    font-weight: 700;
    margin: 2vw 0 1vw;
}

.huawei-puffer-container .puffer-section1-kv-tit p:nth-child(2) {
    margin-top: 3.33333333333vw;
    margin-top: 1.145833333vw;
}


/* section2 */
.huawei-puffer-container .puffer-section2-tit {
    font-weight: 800;
    color: #1e2022;
    font-size: 3.333333333vw;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 4.114583333vw;
}

.huawei-puffer-container .puffer-section2-hearts {
    width: 82.291666666vw;
    height: 43.33333333vw;
    margin: auto;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    align-content: space-between;
}

.puffer-section2-hearts .puffer-section2-heart:nth-child(4) {
    height: 16.92708333vw;
}

.huawei-puffer-container .puffer-section2-heart {
    border-radius: 1.041666666vw;
    position: relative;
    width: 26.354166666vw;
    background: #f8f8f8;
    cursor: pointer;
}

/* .puffer-section2-heart:hover .puffer-section2-hearts-arrow img {
    margin-top: 100%;
} */
.huawei-puffer-container .puffer-section2-heart-hover{
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
}

.huawei-puffer-container .puffer-section2-hearts-tit {
    position: absolute;
    left: 1.92708333333vw;
    top: 2.5vw;
    font-weight: 700;
    color: #211d1e;
    font-size: 1.166666667vw;
    line-height: 1.6;
}

.puffer-section2-heart3 .puffer-section2-heart3-fillword {
    width: 19.479166666vw;
    position: absolute;
    left: 2.96875vw;
    top: 4.0625vw;
}

.huawei-puffer-container .hidden-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.puffer-section2-heart3 .puffer-section2-heart3-fillword .active-word {
    animation: fullBGColor 1.5s linear forwards;
}

@keyframes fullBGColor {
    to {
        height: 0;
    }
}

.huawei-puffer-container .puffer-section2-heart4 {
    display: flex;
    align-items: center;
    height: 43.333333vw;
    width: 26.4583333vw;
}

.huawei-puffer-container .puffer-section2-hearts-arrow {
    width: 2.3958333333vw;
    height: 2.3958333333vw;
    position: absolute;
    right: 1.041666666vw;
    bottom: 1.041666666vw;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    transform: rotate(0deg);
}

.huawei-puffer-container .puffer-section2-hearts-arrow img {
    position: absolute;
    left: 0;
    top: -100%;
    transition: all 0.4s linear;
}

.huawei-puffer-container .puffer-section2-hearts-arrow img:nth-child(2) {
    top: 0%;
}

/* section3 */
.huawei-puffer-container .puffer-section3 {
    margin: 10.4166666666vw 0;
}

.huawei-puffer-container .puffer-section-theme {
    font-weight: 400;
    color: #000;
    font-size: 1.66666666vw;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

.huawei-puffer-container .puffer-section-word {
    padding-left: 8.90625vw;
}

.huawei-puffer-container .puffer-section-tit {
    font-weight: 800;
    color: #1e2022;
    font-size: 2.13333333vw;
    line-height: 1.25;
    margin: 0.04166666vw 0 2.08333333vw;
}

.huawei-puffer-container .puffer-section-des {
    color: #8d8d8d;
    font-size: 1.1458333vw;
    line-height: 1.6;
}
.huawei-puffer-container .puffer-section3 .puffer-section-word{
    margin-bottom: 2.604166666vw;
}
.huawei-puffer-container .puffer-section3-color {
    width: 100%;
    height: 100vh;
    background: #e9f7f9;
    background-size: auto 200%;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 0.6);
    position: relative;
    overflow: hidden;

}

.huawei-puffer-container .puffer-section3-color-full {
    background-position: center 100%;
}

.huawei-puffer-container .blue-freebuds {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55vh;
    transform: translateY(-40%);
    width: 40.10416666vw;
    transition: top 0.8s linear;
}

.huawei-puffer-container .white-freebuds {
    width: 40.10416666vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 45vh;
    transform: translateY(60%);
}
.huawei-puffer-container #pufferColor{
    height: 100vh;
}
.huawei-puffer-container .blue-freebuds-active {
    top: 100vh;
    width: 40vw;
}

.huawei-puffer-container .white-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    overflow: hidden;
}

.huawei-puffer-container .blue-closed {
    position: absolute;
    bottom: 0;
    left: 0;
}

.huawei-puffer-container .buds-active {
    opacity: 0;
}

.huawei-puffer-container .puffer-earphone {
    position: absolute;
    z-index: 20;
}

.huawei-puffer-container .left-earphone {
    width: 16.71875vw;
    top: -12.2395833333vw;
    left: 5.2083333333vw;
    animation: earphoneMove 3s linear infinite;
}

.huawei-puffer-container .right-earphone {
    width: 14.375vw;
    top: -8.4375vw;
    right: 4.427083333vw;
    animation: earphoneMove2 3s linear infinite;

}

@keyframes earphoneMove {
    0% {
        transform: translateY(-0.7vw);
    }

    25% {
        transform: translateY(0vw);
    }

    50% {
        transform: translateY(0.7vw);
    }

    75% {
        transform: translateY(0vw);
    }

    100% {
        transform: translateY(-0.7vw);
    }
}

@keyframes earphoneMove2 {
    0% {
        transform: translateY(0.5vw);
    }

    25% {
        transform: translateY(0vw);
    }

    50% {
        transform: translateY(-0.5vw);
    }

    75% {
        transform: translateY(0vw);
    }

    100% {
        transform: translateY(0.5vw);
    }
}

.huawei-puffer-container .puffer-freebuds-color {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.39583333vw;
    text-align: center;
    color: #211d1e;
    font-size: 1.25vw;
    line-height: 1.6;
}



/* section4 */
.huawei-puffer-container .puffer-section4 {
    width: 82.1875vw;
    margin: auto;
    display: flex;
    flex-flow: column wrap;
    height: 63vw;
}

.huawei-puffer-container .puffer-section4 .puffer-icon,
.huawei-puffer-container .puffer-section6 .puffer-icon,
.huawei-puffer-container .puffer-section9 .puffer-icon,
.huawei-puffer-container .puffer-section10 .puffer-icon {
    width: 1.8229166666vw;
}

.huawei-puffer-container .puffer-section4-left {
    width: 41.875vw;
    margin: 0 2.5vw 11.552083333vw 0;
    border-radius: 1.2vw;
    overflow: hidden;
}

.huawei-puffer-container .puffer-section4-right {
    width: 37.8125vw;
}

.huawei-puffer-container .puffer-section4 .puffer-section-theme,
.huawei-puffer-container .puffer-section4 .puffer-section-tit,
.huawei-puffer-container .puffer-section4 .puffer-section-des {
    padding-left: 0.5729166666vw;
}


.huawei-puffer-container .puffer-section4 .puffer-section-des {
    width: 38.177083vw;
    margin-bottom: 2.604166666vw;
}

.huawei-puffer-container .puffer-section4-left,
.huawei-puffer-container .puffer-section4-right {
    position: relative;
    transition: all 0.8s linear;
    top: 0;
}

.huawei-puffer-container .pic-active {
    top: 8vw;
}

/* section5  */
.huawei-puffer-container .puffer-section5 {
    width: 100%;
    margin: 10.416666666vw 0 0 0;
}

.huawei-puffer-container .showMob {
    display: none;
}

.puffer-section5 .threeSize-ex {
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 1.666666666666667vw;
    line-height: 1.6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.puffer-section6 .puffer-section-theme {
    display: flex;
    align-items: center;
}

.huawei-puffer-container .puffer-icon {
    width: 2.6041666666vw;
    margin: 0 -0.2vw 0 0.20833333vw;
    display: flex;
    align-items: center;
}

.puffer-section5 .threeSize-title {
    width: 100%;
    text-align: center;
    font-size: 3.333333333333333vw;
    line-height: 1.25;
    color: #1e2022;
    font-weight: 800;
    margin-top: 1.041666666vw;
}

.puffer-section5 .threeSize-content {
    width: 100%;
    box-sizing: border-box;
    font-weight: 500;
    color: #8d8d8d;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    text-align: center;
    margin-top: 2.083333333vw;

}

.puffer-section5 .threeSize-activeBox {
    width: 100%;
    position: relative;
    height: 47.5vw;
    z-index: -1;
}

.puffer-section5 .threeSize-activeBox .group-one {
    position: absolute;
    left: 32vw;
    top: 3vw;
    width: 31.1458333333vw;
}

.puffer-section5 .threeSize-activeBox .group-one .px-box {
    top: 19.27083333vw;
    left: 11.92708333vw
}

.puffer-section5 .threeSize-activeBox .group-one .px-line {
    height: 6.041666666666667vw;

}


.puffer-section5 .threeSize-activeBox .group-two,
.puffer-section5 .threeSize-activeBox .group-three {
    position: absolute;
    top: 8.3vw;
    left: 48.4vw;
    width: 12.177083vw;
}

.puffer-section5 .threeSize-activeBox .group-two .px-box {
    top: 16.8229166666vw;
    left: 4.47916666vw;
}

.puffer-section5 .threeSize-activeBox .group-two .px-line {
    height: 4.947916666666667vw;
}


.puffer-section5 .threeSize-activeBox .group-three .px-box {
    top: 17.65625vw;
    left: 4.0625vw;
}

.puffer-section5 .threeSize-activeBox .group-three .px-line {
    height: 3.697916666666667vw;
}

.puffer-section5 .threeSize-activeBox .px-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #c6c6c6;
    font-size: 1.770833333333333vw;
    line-height: 1.6;
    text-align: center;
    position: absolute;
    opacity: 0;
}

.puffer-section5 .threeSize-activeBox .px-box .px-line {
    width: 0;
    margin-bottom: 0.572916666666667vw;
    border-left: 1px solid #c6c6c6;
}

/* section6 */
.huawei-puffer-container .puffer-section6 {
    width: 100%;
    height: 44.2708333333vw;
    background: #f8f8f8;
    position: relative;
    margin-bottom: 10.41666666666vw;
}

.huawei-puffer-container .puffer-section6 .puffer-section-word {
    padding-top: 12.34375vw;
}


.huawei-puffer-container .puffer-section6 .puffer-section-des {
    width: 33.54166666vw;
}

.huawei-puffer-container .puffer-ksp-shot {
    width: 55.05208333vw;
    position: absolute;
    right: -3.125vw;
    bottom: 0;
}

.huawei-puffer-container .puffer-ksp-shot img {
    position: relative;
    z-index: 30;
}

.huawei-puffer-container .ksp-shot-des1,
.huawei-puffer-container .ksp-shot-des2 {
    position: absolute;
    color: #8d8d8d;
    font-size: 0.8333333333vw;
    line-height: 1.6;
    z-index: 40;
    text-align: right;
}

.huawei-puffer-container .ksp-shot-des1 {
    top: 20.1458333vw;
    right: 47.5vw;
    width: 12.34375vw;
}

.huawei-puffer-container .ksp-shot-des2 {
    top: 24.260417vw;
    right: 47.5vw;
}

.huawei-puffer-container .ksp-shot-des1::before,
.huawei-puffer-container .ksp-shot-des2::before {
    content: "";
    height: 3px;
    width: 17.7083vw;
    background: #707070;
    position: absolute;
    right: -18.15vw;
    top: 50%;
    transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
}

.huawei-puffer-container .ksp-shot-des2::before {

    width: 11.40625vw;
    right: -11.9vw;
}

.huawei-puffer-container .puffer-wave {
    width: 36.71875vw;
    height: 36.7188vw;
    position: absolute;
    top: 5vw;
    right: 5vw;
}

.huawei-puffer-container .puffer-wave .puffer-wave-circle {
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(rgba(173, 207, 239, 0) 40%, #49AFE0);
}

.huawei-puffer-container .puffer-wave .wave1 {
    -webkit-animation: cwave 4.5s linear infinite 0;
    animation: cwave 4.5s linear infinite 0;
}

.huawei-puffer-container .puffer-wave .wave2 {
    -webkit-animation: cwave 4.5s linear infinite 0.9s;
    animation: cwave 4.5s linear infinite 0.9s;
}

.huawei-puffer-container .puffer-wave .wave3 {
    -webkit-animation: cwave 4.5s linear infinite 1.8s;
    animation: cwave 4.5s linear infinite 1.8s;
}

.huawei-puffer-container .puffer-wave .wave4 {
    -webkit-animation: cwave 4.5s linear infinite 2.7s;
    animation: cwave 4.5s linear infinite 2.7s;
}

.huawei-puffer-container .puffer-wave .wave5 {
    -webkit-animation: cwave 4.5s linear infinite 3.6s;
    animation: cwave 4.5s linear infinite 3.6s;
}

.huawei-puffer-container .puffer-wave .wave6 {
    -webkit-animation: cwave 4.5s linear infinite 4.5s;
    animation: cwave 4.5s linear infinite 4.5s;
}

@-webkit-keyframes cwave {
    from {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 0.1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes cwave {
    from {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 0.1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* section7 */
.huawei-puffer-container .puffer-section7 {
    width: 82.1875vw;
    margin: 10.41666666vw auto 10.41666666vw;
}


.huawei-puffer-container .puffer-section7 .puffer-section-word {
    padding: 0;
    margin-bottom: 2.604166666vw;
}

/* section8 */
/* .huawei-puffer-container .puffer-section8 {
    overflow: hidden;
} */

.huawei-puffer-container .puffer-section8 .puffer-section-word {
    padding: 0;
    text-align: center;
}

.huawei-puffer-container .puffer-section8 .puffer-section-theme {
    justify-content: center;
}

.huawei-puffer-container .puffer-section8 .puffer-section-des {
    width: 100%;
}


.huawei-puffer-container .puffer-section8-fillword {
    position: relative;
}

.huawei-puffer-container .puffer-section8-charge {
    margin: 2.08333333vw auto 3.90625vw;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 0;
}

.huawei-puffer-container .puffer-section8-charge-left,
.huawei-puffer-container .puffer-section8-charge-right {
    display: inline-block;
    padding: 0 2.083333333vw 0 0;
    position: relative;
    text-align: center;
}

.huawei-puffer-container .puffer-section8-charge-right {
    padding: 0 0 0 1.5625vw;
}

.huawei-puffer-container .puffer-section8-charge-left::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 4.375vw;
    background: #1e2022;
}

.huawei-puffer-container .puffer-section8-charge-left section,
.huawei-puffer-container .puffer-section8-charge-right section {
    font-size: 0.9375vw;
    line-height: 1.6;
    color: #8d8d8d;
    display: flex;
    align-items: center;
    font-weight: 400;
}
.huawei-puffer-container .puffer-section8-charge a{
    font-weight: 400;
}
.huawei-puffer-container .puffer-section8-charge-left p:nth-child(2),
.huawei-puffer-container .puffer-section8-charge-right p:nth-child(2) {
    font-size: 1.25vw;
    line-height: 1;
    color: #211d1e;
    margin-top: 0.10416666vw;
}

.huawei-puffer-container .puffer-section8-charge-left p:nth-child(2) b,
.huawei-puffer-container .puffer-section8-charge-right p:nth-child(2) b {
    color: #1e2022;
    font-size: 3.333333333vw;
    font-weight: 700;
}

.huawei-puffer-container .puffer-section8-charge-icon {
    width: 1.1458vw;
    margin-right: 0.3385416vw;
}

.huawei-puffer-container .puffer-section8 .fill-word {
    margin: auto;
    position: relative;
}

.huawei-puffer-container .puffer-section8 .fill-word .active-word {
    animation: fullBGColor 1.5s linear forwards;
}

.huawei-puffer-container .puffer-section8-fillword {
    width: 47.8125vw;
    margin: auto;
}

.huawei-puffer-container .freebuds-box {
    width: 42.7083333vw;
    margin: -2.083333333vw auto 0;
}

.huawei-puffer-container .freebuds-box.freebuds-active {
    transform: translateY(80vw);
}

/* section9 */
.huawei-puffer-container .puffer-section9 {
    width: 82.1875vw;
    margin: 0 auto 10.41666666vw;
}

.huawei-puffer-container .puffer-section9 .puffer-section-word {
    padding: 0;
    margin-bottom:2.60416666vw;
}

/* section10 */
.huawei-puffer-container #blue-teeth {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 10.416666667vw 0 0;
    padding-bottom: 11.9791666vw;
}

#blue-teeth .blue-teeth-phone {
    width: 18.333333333333333vw;
    position: relative;
    overflow: hidden;
}

#blue-teeth .blue-teeth-leftBox {
    margin-left: 10.677083333333333vw;
    position: relative;

}

#blue-teeth .blue-teeth-phone img {
    width: 100%;
}

#blue-teeth .blue-teeth-phone .phone-ui {
    width: 16.927083333333333vw;
    border-radius: 1.145833333333333vw;
    -webkit-border-radius: 1.145833333333333vw;
    -moz-border-radius: 1.145833333333333vw;
    -ms-border-radius: 1.145833333333333vw;
    -o-border-radius: 1.145833333333333vw;
    position: absolute;
    left: 0.677083333333333vw;
    bottom: 0.8vw;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: transform 2s;
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;

}

.huawei-puffer-container .phone-ui-box {
    width: 100%;
    height: 98%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2.3vw;
}

#blue-teeth .blue-teeth-phone .phone-ui-active {
    transform: translateY(17vw);
    -webkit-transform: translateY(17vw);
    -moz-transform: translateY(17vw);
    -ms-transform: translateY(17vw);
    -o-transform: translateY(17vw);
}

#blue-teeth .blue-teeth-EarPhone {
    width: 26.875vw;
    position: absolute;
    left: 15.520833333333333vw;
    top: 22.395833333333333vw;
    transition: left 2s;
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -ms-transition: left 2s;
    -o-transition: left 2s;
}

#blue-teeth .blue-teeth-EarPhone-active {
    left: 100vw;
}

#blue-teeth .blue-teeth-EarPhone img {
    width: 100%;
}

#blue-teeth .blue-teeth-word {
    margin-left: 33.177083333333333vw;
    opacity: 1;
    transform: translatey(0);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transition: all 2s, transform 2s;
    -webkit-transition: all 2s, transform 2s;
    -moz-transition: all 2s, transform 2s;
    -ms-transition: all 2s, transform 2s;
    -o-transition: all 2s, transform 2s;
}

#blue-teeth .blue-teeth-word-active {
    transform: translatey(32px);
    opacity: 0;
    -webkit-transform: translatey(32px);
    -moz-transform: translatey(32px);
    -ms-transform: translatey(32px);
    -o-transform: translatey(32px);
}

#blue-teeth .blue-teeth-word .blue-teeth-px {
    font-weight: 400;
    font-size: 1.666666666666667vw;
    line-height: 1.6;
    display: flex;
}

#blue-teeth .blue-teeth-word .blue-teeth-title {
    font-weight: 800;
    color: #1e2022;
    font-size: 3.333333333333333vw;
    line-height: 1.25;
    margin-top: 1.041666666vw;
}

#blue-teeth .blue-teeth-word .blue-teeth-content {
    width: 28.4375vw;
    font-weight: 500;
    color: #8d8d8d;
    font-size: 1.145833333333333vw;
    line-height: 1.6;
    margin-top: 2.083333333vw;
}

/* section11 */
.huawei-puffer-container .puffer-section11 {
    height: 50.27083333333333vw;
    background: #f8f8f8;
    padding: 7.29166666vw 0 0 8.6458333vw;
    position: relative;
    box-sizing: border-box;
}

.huawei-puffer-container .puffer-section11 .puffer-section-word {
    padding: 0 0 9.07291666vw 0;
}

.huawei-puffer-container .puffer-section11 .puffer-section-des {
    width: 33.802083333vw;
}

.huawei-puffer-container .puffer-section11 .puffer-icon {
    width: 2.1875vw;
    margin-top: -0.677083333vw;
}

.huawei-puffer-container .puffer-section11-function div {
    display: inline-block;
}

.huawei-puffer-container .puffer-section11-function div h3 {
    color: #3bb5c3;
    font-size: 1.666666666vw;
    line-height: 1.6;
    margin-bottom: 1.19791666vw;
    font-weight: 500;
}

.huawei-puffer-container .puffer-section11-function div p {
    color: #8d8d8d;
    font-size: 1.145833333vw;
    line-height: 1.6;
}

.huawei-puffer-container .puffer-section11-function a {
    color: #3bb5c3;
}

.huawei-puffer-container .default-function {
    margin-right: 3.07291666vw;
}

.huawei-puffer-container .swipe-controls-left,
.huawei-puffer-container .swipe-controls-right {
    position: absolute;
    width: 20.72916666666667vw;
    transition: all 1s linear;
}

.huawei-puffer-container .swipe-controls-left {
    top: 0.885416666vw;
    left: 50.260416666vw;
}

.huawei-puffer-container .swipe-controls-right {
    top: 10.15625vw;
    left: 68.90625vw;
    width: 17.65625vw;
}

.huawei-puffer-container .swipe-controls-left.swipe-controls-left-active {
    top: 5.5vw;
}

.huawei-puffer-container .swipe-controls-right.swipe-controls-right-active {
    top: 5.5vw;
}

.huawei-puffer-container .circle-touch {
    width: 7.1875vw;
    height: 7.1875vw;
    background: #36cbdd;
    opacity: 0;
    position: absolute;
    top: 7.447916666vw;
    left: 7.86458333vw;
    border-radius: 50%;
    z-index: 1;
}

.huawei-puffer-container .circle-touch-active {
    animation: doubleClick 2s linear 1.5s infinite;
}


@keyframes doubleClick {

    0% {
        opacity: 0.55;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    16% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    30% {
        opacity: 0.55;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {}
}

/* section12 */
.huawei-puffer-container .puffer-section12 {
    margin: 10.41666666vw 0 0 11.04166666vw;
    height: 49.427083333vw;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
}

.huawei-puffer-container .ai-life-phone {
    width: 18.0208vw;
    margin: 0 27.76041666vw 10vw 0;
}

.huawei-puffer-container .huawei-ai-life-tit {
    display: flex;
    align-items: center;
    margin: 5.677083333vw 0 1.04166666vw;
}

.huawei-puffer-container .huawei-ai-life-logo {
    width: 3.854166666vw;
    margin-right: 1.041666666vw;
}

.huawei-puffer-container .puffer-section13 .huawei-ai-life-logo {
    width: 2.8125vw;
}

.huawei-puffer-container .huawei-ai-life-tit-word {
    color: #1e2022;
    font-size: 1.145833333vw;
    line-height: 1.6;
}

.huawei-puffer-container .puffer-section12 .huawei-ai-life-tit-word {
    font-size: 1.6666666667vw;
}

.huawei-puffer-container .puffer-section12 h3,
.huawei-puffer-container .puffer-section13 h3 {
    font-weight: 700;
    color: #1e2022;
    font-size: 3.333333333vw;
    line-height: 1.25;
}

.huawei-puffer-container .puffer-section12 p,
.huawei-puffer-container .puffer-section13 p {
    color: #8d8d8d;
    font-size: 1.145833333vw;
    line-height: 1.6;
    width: 33.28125vw;
}

.huawei-puffer-container .puffer-section12 p {
    margin: 2.08333333vw 0 2.291666666vw;
}

.huawei-puffer-container .qr-code {
    display: flex;
    align-items: center;
}

.huawei-puffer-container .qr-code a {
    height: 48px;
    font-size:13px;
    line-height: 1.6;
    background: #CE0E2D;
    color: #fff;
    border-radius: 120px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    padding: 0 24px;
}

.huawei-puffer-container .qr-code a img {
    width: 16px;
    margin-left: 10px;
}
.huawei-puffer-container .puffer-section12 .qr-code-active{
    background: #a20a21;
}
.huawei-puffer-container .instructions {
    display: flex;
    padding: 1.41vw 1.458vw 1.41vw 1.875vw;
    background: #f8f8f8;
    border-radius: 1vw;
    align-items: center;
}

.huawei-puffer-container .instructions p {
    width: 8.195vw;
    font-size: 0.677vw;
    line-height: 1.6;
    margin: auto;
}

.huawei-puffer-container .instructions img {
    margin-left: 1.25vw;
    width: 7.656vw;
}

.huawei-puffer-container .instructions-box {
    display: none;
}


/* section13 */
.huawei-puffer-container .puffer-section13 {
    height: 44.27083333333vw;
    padding: 2.65625vw 0 0 8.645833333vw;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    background: #f8f8f8;
    box-sizing: border-box;
}

.huawei-puffer-container .puffer-section13 .music-phone {
    width: 18.17708333vw;
    position: relative;
}

.huawei-puffer-container .puffer-section13 h3 {
    margin-top: 11.197916666vw;
}

.huawei-puffer-container .puffer-section13 p {
    margin: 2.08333333vw 17.70833333vw 4.375vw 0;
    width: 38.8020833vw;
}

.huawei-puffer-container .puffer-section13 .huawei-ai-life-tit {
    margin: 0;
}

.huawei-puffer-container .puffer-section13 .huawei-ai-life-tit-word a {
    color: #6e89ff;
}

.huawei-puffer-container .music-phone .music-phone-left {
    position: absolute;
    width: 10.9375vw;
    top: 15.625vw;
    left: -8.645833333vw;
}

.huawei-puffer-container .music-phone .music-phone-right {
    position: absolute;
    width: 11.61458333vw;
    left: 15.2604166vw;
    top: 8.75vw;
}

/* section14 */
.huawei-puffer-container .puffer-section14 {
    width: 82.1875vw;
    margin: 5.052083333333333vw 0 5.208333333vw 8.645833333vw;
}

.huawei-puffer-container .puffer-section14 ol {
    font-weight: 500;
    color: #8d8d8d;
    font-size: 13px;
    line-height: 1.6;
    list-style: decimal;
}


/* mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-puffer-container .showPc {
        display: none;
    }

    /* icon */
    .huawei-puffer-container .puffer-icon {
        width: 6.94444444444vw;
    }

    .huawei-puffer-container .puffer-section4 .puffer-icon,
    .huawei-puffer-container .puffer-section6 .puffer-icon,
    .huawei-puffer-container .puffer-section9 .puffer-icon,
    .huawei-puffer-container .puffer-section10 .puffer-icon {
        width: 5.5555555vw;
    }

    /* section1 */
    .huawei-puffer-container .puffer-section1 {
        flex-flow: column-reverse nowrap;
        margin: 11.8055555vw 0 23.61111111vw;
    }

    .huawei-puffer-container .puffer-section1-kv-img {
        width: 92.22222222vw;
        margin-left: 6.66666666vw;
    }

    .huawei-puffer-container .puffer-section1-kv-tit {
        margin: 0;
    }

    .huawei-puffer-container .puffer-section1-kv-tit-svg {
        width: 79.861111vw;
    }

    .huawei-puffer-container .puffer-section1-kv-subtit {
        width: 79.861111vw;
        margin: 3.19444444vw 0 8.333333333vw;
        font-size: 2.777777777vw;
    }

    .huawei-puffer-container .puffer-section1-kv-tit p:nth-child(1) {
        font-size: 7vw;
    }

    .huawei-puffer-container .puffer-section1-kv-tit p:nth-child(2) {
        margin-top: 2.2222222222vw;
    }

    /* section2 */
    .huawei-puffer-container .puffer-section2-tit {
        font-size: 6.666666666vw;
        margin-bottom: 4.30555555vw;
    }

    .huawei-puffer-container .puffer-section2-hearts-tit {
        font-size: 3.33333333vw;
        top: 2.72222222vw;
        left: 4.16666666vw;
    }

    .huawei-puffer-container .puffer-section2-hearts {
        width: 83.333333333vw;
        height: 117.08333333vw;
        flex-flow: row wrap;
        align-content: space-between;
    }

    .huawei-puffer-container .puffer-section2-heart {
        width: 40.27777777vw;
        border-radius: 2.777777777vw;
    }

    .puffer-section2-hearts .puffer-section2-heart:nth-child(1),
    .puffer-section2-hearts .puffer-section2-heart4 {
        height: 61.25vw;
    }

    .puffer-section2-hearts .puffer-section2-heart:nth-child(3),
    .puffer-section2-hearts .puffer-section2-heart:nth-child(4) {
        height: 52.77777777vw;
    }


    .puffer-section2-heart4 {
        flex: none
    }

    .puffer-section2-heart3 .puffer-section2-heart3-fillword {
        width: 35.555555555vw;
        font-size: 8.333333333vw;
        top: 16.25vw;
        left: 0;
        right: 0;
        margin: auto;
    }

    .puffer-section2-heart3 .puffer-section2-heart3-fillword b {
        font-size: 20.83333333vw;
    }

    .huawei-puffer-container .puffer-section2-hearts-arrow {
        width: 5.27777777vw;
        height: 5.27777777vw;
        right: 2.22222222vw;
        bottom: 2.2222222vw;
    }

    /* sevtion3 */
    .huawei-puffer-container .puffer-section3 {
        margin:22.2222222vw 0 0 0;
    }

    .huawei-puffer-container .puffer-section-theme {
        font-size: 3.333333333vw;
    }

    .huawei-puffer-container .puffer-section3 .puffer-section-des {
        width: 90.13888889vw;
    }

    .huawei-puffer-container .puffer-section-word {
        padding-left: 8.333333333333vw;
    }

    .huawei-puffer-container .puffer-section-tit {
        margin: 2.777777777vw 0 5.555555555vw;
        font-size: 8.88888888vw;
    }

    .huawei-puffer-container .puffer-section3 .puffer-section-tit {
        margin: 2.77777777vw 0 5.55555555vw;
    }

    .huawei-puffer-container .puffer-section-des {
        font-size: 4.444444444vw;
        width: 100%;
    }

    .huawei-puffer-container .puffer-section11 .puffer-section-des {
        width: 100%;
    }
    .huawei-puffer-container .puffer-section3 .puffer-section-word{

        margin-bottom: 6.11111111vw;
    }
    .huawei-puffer-container .puffer-section3-color {
        height: 100vh;
    }

    .huawei-puffer-container .blue-freebuds {
        width: 84.72vw;
        top: 50%;
        transform: translateY(-40%);
        -o-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -moz-transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
    }

    .huawei-puffer-container .blue-freebuds-active {
        top: 100%;
    }

    .huawei-puffer-container .left-earphone {
        width: 35.97222222vw;
        top: -25.69444444vw;
        left: 11.66666666vw;
    }

    .huawei-puffer-container .right-earphone {
        width: 30.8333333vw;
        top: -16.25vw;
        right: 9.666666666vw;
    }

    .huawei-puffer-container .white-freebuds {
        width: 84.72vw;
        bottom: 50vh;
        transform: translateY(60%);
        -o-transform: translateY(60%);
        -ms-transform: translateY(60%);
        -moz-transform: translateY(60%);
        -webkit-transform: translateY(60%);
    }

    .huawei-puffer-container .puffer-freebuds-color {
        font-size: 4.44444444vw;
        bottom: -9.722222222vw;
    }

    .huawei-puffer-container .white-bg .puffer-freebuds-color {
        bottom: -9.722222222vw;
    }



    /* section4 */
    .huawei-puffer-container .puffer-section4 {
        width: 83.33333333vw;
        height: auto;
    }

    .huawei-puffer-container .puffer-section4 .puffer-section-theme,
    .huawei-puffer-container .puffer-section4 .puffer-section-tit {
        order: -1;
    }

    .huawei-puffer-container .puffer-section4-left,
    .huawei-puffer-container .puffer-section4-right {
        width: 100%;
        margin: 0;
    }

    .huawei-puffer-container .puffer-section4 .puffer-section-theme,
    .huawei-puffer-container .puffer-section4 .puffer-section-tit,
    .huawei-puffer-container .puffer-section4 .puffer-section-des {
        padding-left: 0vw;
    }

    .huawei-puffer-container .pic-active {
        top: 0vw;
    }

    .huawei-puffer-container .puffer-section4 .puffer-section-tit {
        width: 104%;
    }

    .huawei-puffer-container .puffer-section4 .puffer-section-des {
        width: 85.9722222222vw;
        margin: 5.555555555vw 0;
    }

    /* section5 */
    .huawei-puffer-container .puffer-section5 {
        margin: 22.2222222vw 0 0 0;
    }

    .puffer-section5 .showPc {
        display: none;
    }

    .huawei-puffer-container .showMob {
        display: block;
    }

    .puffer-section5 .threeSize-ex {
        font-size: 3.333333333333333vw;

    }

    .puffer-section5 .threeSize-title {
        font-size: 8.888888888888889vw;
        margin: 0;
        padding-top: 2.7777777vw;
    }

    .puffer-section5 .threeSize-content {
        width: 90.27777777vw;
        margin: auto;
        font-size: 4.444444444444444vw;
        margin-top: 5.555555555vw;
    }

    .puffer-section5 .threeSize-activeBox {
        margin-top: 0;
        height: 85.555555555555556vw;
    }

    .puffer-section5 .threeSize-activeBox .group-one {
        width: 35.833333vw;
        top: 8vw;
        left: 32vw;
    }

    .puffer-section5 .threeSize-activeBox .group-two,
    .puffer-section5 .threeSize-activeBox .group-three {
        top: 12.3vw;
        left: 50vw;
        width: 22.7777777777vw;
    }

    .puffer-section5 .threeSize-activeBox .px-box {
        font-size: 3.333333333333333vw;
    }

    .puffer-section5 .threeSize-activeBox .group-one .px-box {
        top: 33.75vw;
        left: 21.80555555vw;
    }

    .puffer-section5 .threeSize-activeBox .group-one .px-line {
        height: 13.611111111111111vw;
    }

    .puffer-section5 .threeSize-activeBox .group-two .px-box {
        top: 33.33333333vw;
        left: 4.861111111111111vw;
    }

    .puffer-section5 .threeSize-activeBox .group-two .px-line {
        height: 11.25vw;
    }

    .puffer-section5 .threeSize-activeBox .group-three .px-box {
        top: 33.472222222222222vw;
        left: 9.861111111111111vw;
    }

    .puffer-section5 .threeSize-activeBox .group-three .px-line {
        height: 8.333333333333333vw;
    }

    /* section6 */
    .huawei-puffer-container .puffer-section6 {
        height: auto;
        background: none;
        margin-bottom: 22.2222222vw;
    }

    .huawei-puffer-container .puffer-section6 .puffer-section-des {
        width: 90.277777777vw;
    }

    .huawei-puffer-container .ksp-shot-des1::before {
        width: 26.66666666vw;
        right: -29.2vw;
        top: 63%;
    }

    .huawei-puffer-container .puffer-ksp-shot {
        position: relative;
        width: 100%;
        height: 97.2222vw;
        background: #f8f8f8;
        right: 0;
    }

    .huawei-puffer-container .puffer-ksp-shot img {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
    }

    .huawei-puffer-container .puffer-wave {
        width: 74.5833333333vw;
        height: 74.5833333333vw;
        position: absolute;
        top: 14.722222222vw;
        right: 0;
        left: 0;
        margin: auto;
    }

    .huawei-puffer-container .ksp-shot-des1,
    .huawei-puffer-container .ksp-shot-des2 {
        font-size: 2.5vw;
        z-index: 31;
    }

    .huawei-puffer-container .ksp-shot-des1 {
        top: 42.527777vw;
        right: 81.0277777vw;
        text-align: right;
        width: 17.6111111vw;
    }

    .huawei-puffer-container .ksp-shot-des2 {
        top: 59.888888vw;
        left: auto;
        right: 76.0277777vw;
    }

    .huawei-puffer-container .ksp-shot-des2::before {
        width: 19.58333333vw;
        right: -22.3vw;
    }

    .huawei-puffer-container .puffer-section6 .puffer-section-word {
        padding: 22.2222222vw 0 0 7.91666666vw;
        margin-bottom: 16.666666vw;
    }

    .huawei-puffer-container .puffer-section8-charge-icon {
        width: 3.055555555vw;
        margin-right: 0.90277777vw;
    }

    /* section7 */
    .huawei-puffer-container .puffer-section7 {
        margin: 22.2222222vw auto 0;
    }

    .huawei-puffer-container .puffer-section7 .puffer-section-tit {
        width: 91.666666666vw;
    }

    .huawei-puffer-container .puffer-section7 .puffer-section-word {
        margin-bottom: 6.944444444vw;
    }

    /* section8 */
    .huawei-puffer-container .puffer-section8 {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        height: auto;
    }

    .huawei-puffer-container .puffer-section8-charge-left::before {
        height: 16.66666666vw;
    }

    .huawei-puffer-container .puffer-section8 .puffer-section-des {
        width: 89.30555555vw;
        margin: 0 auto 1vw;
    }

    .huawei-puffer-container .puffer-section8-charge {
        order: 1;
        padding-left: 0;
        margin-bottom: 0;
    }

    .huawei-puffer-container .puffer-section8-charge-left {
        padding: 0 5vw 0 0;
    }

    .huawei-puffer-container .puffer-section8-charge-right {
        padding: 0 0 0 4.44444444vw;
    }

    .huawei-puffer-container .puffer-section8-charge-left section,
    .huawei-puffer-container .puffer-section8-charge-right section {
        font-size: 3.055555555vw;
        align-items: flex-start;
    }

    .huawei-puffer-container .puffer-section8-fillword {
        width: 80.416666666vw;
    }

    .huawei-puffer-container .freebuds-box {
        width: 79.4444444vw;
        margin: -5vw auto 0;
    }


    .huawei-puffer-container .puffer-section8 .fill-word {
        margin: 10vw auto 0;
    }

    .huawei-puffer-container .puffer-section8-charge-left p:nth-child(1),
    .huawei-puffer-container .puffer-section8-charge-right p:nth-child(1) {
        font-size: 3.33333333333vw;
    }

    .huawei-puffer-container .puffer-section8-charge-left p:nth-child(2) b,
    .huawei-puffer-container .puffer-section8-charge-right p:nth-child(2) b {
        font-size: 8.888888888vw;
        line-height: 8.8888888888vw;
    }

    .huawei-puffer-container .puffer-section8-charge-left p:nth-child(2),
    .huawei-puffer-container .puffer-section8-charge-right p:nth-child(2) {
        font-size: 4.4444444444444vw;
    }

    .huawei-puffer-container .puffer-section8-charge-left::before {
        top: 0.3vw;
    }

    /* section9 */
    .huawei-puffer-container .puffer-section9 {
        margin: 22.222222vw auto 0;
        width: 83.333333333vw;
    }



    .huawei-puffer-container .puffer-section9 .puffer-section-des {
        width: 90vw;
    }

    .huawei-puffer-container .puffer-section9 .puffer-section-word {
        margin-bottom: 7.08333333vw;
        width: 80.416666666vw;
    }

    /* section10 */
    .huawei-puffer-container #blue-teeth {
        flex-direction: column-reverse;
        margin: 22.2222222vw 0 22.22222222vw;
        padding-bottom: 0;
    }

    #blue-teeth .blue-teeth-word {
        margin-left: 0;
        width: 100vw;
        padding: 0 4.722222222vw 0 8.3333333vw;
        box-sizing: border-box;
        margin-bottom: 7.0833333333vw;
    }

    #blue-teeth .blue-teeth-word .blue-teeth-px {
        font-size: 3.333333333333333vw;
    }

    #blue-teeth .blue-teeth-word .blue-teeth-title {
        font-size: 8.888888888888889vw;
        margin-top: 2.77777777vw;
    }

    #blue-teeth .blue-teeth-word .blue-teeth-content {
        width: auto;
        font-size: 4.444444444444444vw;
        margin-top: 5.555555555vw;
    }

    #blue-teeth .blue-teeth-leftBox {
        width: 100vw;
        margin-left: 0;
        background-color: #f8f8f8;
        padding: 15.416666666666667vw 0;
    }

    #blue-teeth .blue-teeth-phone {
        width: 36.666666666666667vw;
        margin-left: 8.333333333333333vw;
    }

    #blue-teeth .blue-teeth-phone .phone-ui {
        width: 33.888888888888889vw;
        left: 1.388888888888889vw;
        bottom: 1.5vw;
    }

    #blue-teeth .blue-teeth-phone .phone-ui-active {
        transform: translateY(32vw);
        -webkit-transform: translateY(32vw);
        -moz-transform: translateY(32vw);
        -ms-transform: translateY(32vw);
        -o-transform: translateY(32vw);
    }

    #blue-teeth .blue-teeth-EarPhone {
        width: 53.75vw;
        left: 39.444444444444444vw;
        top: 60.138888888888889vw;
    }

    #blue-teeth .blue-teeth-EarPhone-active {
        left: 100vw;
    }

    /* section11 */
    .huawei-puffer-container .puffer-section11 {
        height: auto;
        background: none;
        padding: 0;
        display: flex;
        flex-flow: column nowrap;
    }

    .huawei-puffer-container .puffer-section11 .puffer-section-word {
        margin-left: 8.3333333333vw;
        width: 82.583333vw;
        padding-bottom: 6.944444444444444vw;
    }

    .huawei-puffer-container .puffer-section11 .puffer-icon {
        width: 6.25vw;
    }

    .swipe-controls {
        width: 100%;
        height: 111.11111111vw;
        background-color: #f8f8f8;
        position: relative;
    }


    .huawei-puffer-container .swipe-controls-left {
        width: 51.25vw;
        top: 6.3888888888vw;
        left: 5.8333333333vw;
    }

    .huawei-puffer-container .swipe-controls-right {
        width: 43.1944444vw;
        top: 21.111111111vw;
        left: 50.9722222vw;
    }

    .huawei-puffer-container .circle-touch {
        width: 19.30555555vw;
        height: 19.0278vw;
        top: 18.61111111vw;
        left: 18.25vw;
    }

    .huawei-puffer-container .puffer-section11-function {
        order: 1;
    }

    .huawei-puffer-container .swipe-controls-left.swipe-controls-left-active {
        top: 16vw;
    }

    .huawei-puffer-container .swipe-controls-right.swipe-controls-right-active {
        top: 16vw;
    }

    .huawei-puffer-container .puffer-section11-function {
        width: 83.611111111vw;
        margin: 5.55555555vw auto 0;
        display: flex;
        flex-flow: row wrap;
        text-align: center;
    }

    .huawei-puffer-container .puffer-section11-function div h3 {
        font-size: 4.444444vw;
        margin-bottom: 3.0555555vw;
        text-align: left;
    }

    .huawei-puffer-container .puffer-section11-function div p {
        text-align: left;
        font-size: 3.333333333vw;
    }

    .huawei-puffer-container .default-function {
        margin-bottom: 5.55555555vw;
        text-align: left;
    }
    /* section 12 */
    .huawei-puffer-container .puffer-section12 {
        height: auto;
        align-content: center;
        margin: 22.22222222vw 0 22.22222222vw;
        align-items: center;
    }

    .huawei-puffer-container .huawei-ai-life-logo {
        width: 7.91666666vw;
        margin-right: 1.6666666vw;
    }

    .huawei-puffer-container .huawei-ai-life-logo {
        width: 12.63888888vw;
    }

    .huawei-puffer-container .puffer-section13 .huawei-ai-life-logo {
        width: 12.6388888vw;
        margin: 0 0 4.16666666vw 0;
    }

    .huawei-puffer-container .huawei-ai-life-tit {
        order: -1;
        margin: 0;
    }

    .huawei-puffer-container .ai-life-phone {
        width: 38.61111111vw;
        margin: 0;
    }

    .huawei-puffer-container .huawei-ai-life-tit-word {

        font-size: 3.3333333333vw;
    }

    .huawei-puffer-container .puffer-section12 .huawei-ai-life-tit-word {
        font-size: 4.444444444vw;
    }

    .huawei-puffer-container .puffer-section12 h3 {
        font-size: 8.888888vw;
        text-align: center;
        order: -1;
        margin: 2.7777777vw 0 9.44444444vw;
    }

    .huawei-puffer-container .puffer-section12 p {
        font-size: 4.4444444vw;
        width: 84.3055555vw;
        margin: 7.7777777vw 0 5.8333333vw;
        text-align: center;
    }

    .huawei-puffer-container .qr-code {
        flex-flow: column nowrap;
    }

    .huawei-puffer-container .qr-code a {
        margin: 0;
    }
    .huawei-puffer-container .instructions {
        width: 84.0278vw;
        padding: 8.8vw 6.66vw 6.4vw 5vw;
        align-items: center;
    }

    .huawei-puffer-container .instructions p {
        width: 35.08vw;
        font-size: 2.93vw;
        line-height: 1.6;
        margin: 0 0 0 0;
        text-align: left;
        margin-right: 3vw;
    }

    .huawei-puffer-container .instructions img {
        width: 30.53vw;
    }

    .huawei-puffer-container .instructions-box {
        margin-top: 7.638888888vw;
    }

    /* section 13 */
    .huawei-puffer-container .puffer-section13 {
        height: auto;
        padding: 0;
    }

    .huawei-puffer-container .puffer-section13 p {
        width: 86.8056vw;
        order: 2;
        font-size: 4.444444444vw;
        margin: 0 auto 11.944444444vw;
        text-align: center;
    }

    .huawei-puffer-container .puffer-section13 h3 {
        font-size: 8.8888888vw;
        margin: 0;
        padding: 5.5555555vw 0 6.25vw;
        background: #fff;
    }

    .huawei-puffer-container .puffer-section13 .huawei-ai-life-tit {
        justify-content: center;
        background: #fff;
        flex-flow: column wrap;
    }

    .huawei-puffer-container .puffer-section13 h3,
    .huawei-puffer-container .puffer-section13 .huawei-ai-life-tit {
        width: 100%;
        text-align: center;
    }

    .huawei-puffer-container .puffer-section13 .music-phone {
        width: 39.861111111vw;
        margin: 7.5vw auto 8.47222222vw;
    }

    .huawei-puffer-container .music-phone .music-phone-left {
        width: 22.63888888vw;
        left: -20.277777777vw;
        top: 34.444444444vw;
    }

    .huawei-puffer-container .music-phone .music-phone-right {
        width: 27.08333333vw;
        left: 33.75vw;
        top: 18.05555555vw;
    }

    /* section14 */
    .huawei-puffer-container .puffer-section14 {
        width: 81.94444444vw;
        margin: 10.833333333vw 0 22.083333vw 10.83333333vw;
    }

    .huawei-puffer-container .puffer-section14 li {
        font-size: 3.3333333333333vw;
    }

}







/* paid  portrait*/
@media screen and (max-width: 1367px) and (min-width: 766px) and (orientation : portrait) {
    .huawei-puffer-container .puffer-section8 .fill-word {
        margin: 6.8vw auto 0;

    }


    .puffer-section5 .threeSize-activeBox {
        margin-top: -4vw;
    }

    .huawei-puffer-container .puffer-section5 .threeSize-content {
        margin-top: 3vw;
        transform: translateY(1vw);
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-tit{
        margin: 0;
    }
    
}
@media screen and (max-width: 1367px) and (min-width: 833px) and (orientation : portrait) {
    .huawei-puffer-container .puffer-section8 .puffer-section-tit,
    .huawei-puffer-container .puffer-section8 .puffer-section-theme{
        transform: translateY(-5vw);
    }
}


/* zhedie  */
@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100) {
    .puffer-section5 .threeSize-activeBox {
        top: 3vw;
    }

    .huawei-puffer-container .blue-freebuds,
    .huawei-puffer-container .white-freebuds {
        width: 66.72vw;
    }

    .huawei-puffer-container .left-earphone {
        width: 25.888889vw;
        top: -15.694444vw;
        left: 9.673518vw;
    }

    .huawei-puffer-container .right-earphone {
        width: 20.5vw;
        top: -13.25vw;
        right: 8.444444vw;
    }

    .huawei-puffer-container .puffer-section8 {
        height: auto;
    }

    .huawei-puffer-container .white-freebuds {
        bottom: 45vh;
    }

    .huawei-puffer-container .blue-freebuds {
        top: 55%;
    }

    .huawei-puffer-container .puffer-section8-fillword {
        width: 63vw;
    }

    .huawei-puffer-container .freebuds-box {
        width: 64.444444vw;
    }
    .huawei-puffer-container .puffer-section8-charge-left section, .huawei-puffer-container .puffer-section8-charge-right section{
        font-size: 3vw;
    }
    .huawei-puffer-container .puffer-section8 .fill-word{
        margin: 0.5vw 0 0;
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-des{
        font-size: 3.44444444vw;
    }
}

@media screen and (min-aspect-ratio:10/13) and (max-aspect-ratio:127/100)  and (max-width:678px){
    .huawei-puffer-container .puffer-section8 {
        transform: translateY(1.38888888vw);
    }
}

@media screen and (min-aspect-ratio:10/12) and (max-aspect-ratio:127/100) and (orientation : landscape) {
    .puffer-section5 .threeSize-activeBox .group-one .px-box {
        top: 29.722222vw;
        left: 19.638889vw;
    }

    .puffer-section5 .threeSize-activeBox .group-two .px-box {
        top: 27.472222vw;
        left: 4.861111vw;
    }

    .puffer-section5 .threeSize-activeBox .group-three .px-box {
        top: 28.472222vw;
        left: 8.861111vw;
    }
}

@media screen and (min-aspect-ratio:10/12) and (max-aspect-ratio:127/100) and (min-width: 720px) {

    .puffer-section5 .threeSize-ex,
    .puffer-section5 .animation-box {
        position: relative;
        top: -8vw;
    }

    .puffer-section5 .threeSize-content {
        margin-top: 1vw;
        font-size: 3.3426183844vw;
    }

    .puffer-section5 .threeSize-activeBox {
        top: -5vw;
    }
}


@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {

    /* section2 */
    .huawei-puffer-container .puffer-section2-heart4 {
        flex: none;
    }

    .huawei-puffer-container .puffer-section2-hearts .puffer-section2-heart:nth-child(3) {
        height: 24.84375vw;
    }

    .huawei-puffer-container .puffer-section2-hearts .puffer-section2-heart:nth-child(1) {
        height: 43.33333333vw;
    }

    /* section3 */

    .huawei-puffer-container .puffer-section3-color {
        width: 50%;
        overflow: visible;
    }

    .huawei-puffer-container .white-bg {
        left: 100%;
        overflow: visible;
        width: 100%;
        height: 100%;
        background: #fcfcfc;
    }

    .huawei-puffer-container .blue-freebuds,
    .huawei-puffer-container .white-freebuds {
        width: 34.49vw;
    }

    .huawei-puffer-container .white-freebuds {
        left: 50%;
        margin: 0;
        transform: translate(-50%, 60%);
    }

    .huawei-puffer-container .left-earphone {
        width: 13.59vw;
        top: -11.03vw;
    }

    .huawei-puffer-container .right-earphone {
        width: 11.35vw;
        top: -7.08vw;
    }

    .huawei-puffer-container .blue-closed {
        opacity: 0;
    }

    .huawei-puffer-container .buds-active {
        opacity: 1;
    }

    .huawei-puffer-container .blue-freebuds-active {
        top: 16.05vw;
        width: 30.46vw;
        transform: translateY(0);
    }

    .huawei-puffer-container .left-earphone,
    .huawei-puffer-container .right-earphone {
        animation: none;
    }


    /* section4 */
    .huawei-puffer-container .pic-active {
        top: 0;
        height: 100%;
    }

    .huawei-puffer-container .puffer-section4-right {
        height: 37.447916666vw;
    }

    .huawei-puffer-container .puffer-section-theme {
        height: 2.34375vw;
    }

    /* section5 */
    .puffer-section5 .threeSize-activeBox .group-one {
        top: 2.8125vw;
        left: 23.69791666vw;
        width: 18.4896vw;
    }

    .puffer-section5 .threeSize-activeBox .group-two {
        width: 13.6979166vwv;
        top: 11.614583333vw;
        left: 43.4375vw
    }

    .puffer-section5 .threeSize-activeBox .group-three {
        top: 18.64583333333333vw;
        left: 58.4895833333vw;
        width: 14.53125vw;
    }

    .huawei-puffer-container .puffer-section8-charge {
        width: 43.16vw;
        padding: 0;
    }

    .puffer-section5 .threeSize-activeBox .px-box {
        opacity: 1;
    }

    /* section 6 */
    .huawei-puffer-container .ksp-shot-des2 {
        left: 0.3vw;
    }

    /* section8 */
    .huawei-puffer-container .puffer-section8 .fill-word {
        z-index: -1;
    }

    .huawei-puffer-container .freebuds-box.freebuds-active {
        transform: translateY(0);
    }

    .huawei-puffer-container .hidden-box {
        height: 0;
    }

    /* section11 */
    .huawei-puffer-container .circle-touch {
        opacity: 0.55;
    }

    .huawei-puffer-container .puffer-sup {
        top: -0.8em;
        font-size: 75%;
    }
    .huawei-puffer-container .swipe-controls-right{
        width: 20.3125vw;
        left: 66.8229166vw;
        top: 8.02083333vw;
    }
}

@media screen and (max-width:1300px) and (min-width: 1200px) and (orientation : landscape){
    .puffer-section5 .threeSize-title{
        margin-top: -0.5vw;
    }
    .puffer-section5 .threeSize-ex{
        transform: translateY(-1vw);
    }
}
@media screen and (min-width:1024px) and (max-width: 1200px) and (orientation : landscape){
    .puffer-section5 .threeSize-title{
        transform: translateY(1vw);
    }
}
@media screen and (max-width:850px) and (min-width: 769px) and (orientation : portrait){
    .puffer-section5 .threeSize-title{
        padding-top: 4.777778vw;
    }
    .puffer-section5 .threeSize-activeBox{
        margin-top: -5vw;
    }
    .puffer-section5 .threeSize-title{
        transform: translateY(-2vw);
    }
}
@media screen and (max-width:769px) and (min-width: 700px) and (orientation : portrait){
    .huawei-puffer-container .puffer-section8{
        transform: translateY(6vw);
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-theme{
        transform: translateY(-1.5vw);
    }
    .huawei-puffer-container .puffer-section5 .threeSize-title {
        transform: translateY(-1vw);
    }
    .puffer-section5 .threeSize-ex{
        transform: translateY(2vw);
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-tit{
        transform: translateY(-1vw);
    }
}
@media screen and (max-width:1460px) and (min-width: 1400px) and (min-aspect-ratio: 1/1) {

    .huawei-puffer-container .puffer-section8 .puffer-section-des,
    .huawei-puffer-container .puffer-section8 .puffer-section-tit,
    .huawei-puffer-container .puffer-section8 .puffer-section-theme{
        transform: translateY(1vw);
    }
}
@media screen and (min-width:1921px)  and (min-aspect-ratio: 1/1) {
    .puffer-section5 .threeSize-title{
        transform: translateY(1.8vw);
        margin: 0;
    }
    .puffer-section5 .threeSize-ex{
        transform: translateY(1.8vw);
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-des{
        transform: translateY(-0.5vw);
    }
}
@media screen and (max-width:1500px) and (min-width: 1601px) and (min-aspect-ratio: 1/1) {
    .huawei-puffer-container .puffer-section8-charge{
        margin: 2.5vw auto 0;
        transform: translateY(0.5vw);
    }
}
@media screen and (max-width:1500px) and (min-width: 1380px) and (min-aspect-ratio: 1/1) {
    .puffer-section5 .threeSize-ex{
        transform: translateY(-1.5vw);
    }
}
@media screen and (max-width:375px)  and (max-aspect-ratio: 1/1) {
    .huawei-puffer-container .puffer-section8 .fill-word{
        margin: 2vw 0 0;
    }
}


@media screen and (max-width:1600px) and (min-width: 1550px) and (min-aspect-ratio: 1/1) {
    .huawei-puffer-container .puffer-section8-charge{
        transform: translateY(2.5vw);
    }
}
@media screen and (max-width:1440px) and (min-width:1422px ) {
    .huawei-puffer-container  .puffer-section5 .threeSize-title{
        transform: translateY(-1vw);
    }
    .puffer-section5 .threeSize-content{
        transform: translateY(-1vw);
    }
}
@media screen and (max-width:811px) and (min-width:810px ) {
    .puffer-section5 .threeSize-title{
        transform: translateY(-8vw);
    }
    .huawei-puffer-container .puffer-section5 .threeSize-content {
        transform: translateY(-6vw);
    }
    .puffer-section5 .threeSize-ex{
        transform: translateY(-2vw);
    }
}
@media screen and (max-width:385px) and (min-width:383px ) {
    .huawei-puffer-container .puffer-section8 .puffer-section-tit{
        transform: translateY(3vw);
    }
    .huawei-puffer-container .puffer-section8 .puffer-section-theme{
        transform: translateY(4vw);
    }
}
@media screen and (max-width:1501px) and (min-width:1482px ) {
    .puffer-section5 .threeSize-title,.puffer-section5 .threeSize-ex,.puffer-section5 .threeSize-content{
        transform: translateY(-2vw);
    }
}