.huawei-magnetkeyboard {
    overflow: hidden;
    width: 100%;
    color: #fff;
    font-weight: 500;
    letter-spacing: calc(-.037em + .526px);
    border-bottom: 1px solid transparent;
}

.huawei-magnetkeyboard .countLength {
    width: 100vw;
}

.huawei-magnetkeyboard img,
.huawei-magnetkeyboard video {
    display: block;
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.huawei-magnetkeyboard a {
    text-decoration: none;
}

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

.huawei-magnetkeyboard .magnetkeyboard-sup {
    font-size: .6em;
    cursor: pointer;
    line-height: 0;
}

.huawei-magnetkeyboard .honey-sup a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: contents;
    cursor: pointer;
}

.huawei-magnetkeyboard .currentspecial {
    color: #000;
}

.huawei-magnetkeyboard .showPc {
    display: block;
}

.huawei-magnetkeyboard .showMob {
    display: none;
}

.huawei-magnetkeyboard .showInWx {
    display: none;
}

.huawei-magnetkeyboard .showInUc {
    display: none;
}

.huawei-magnetkeyboard .showie {
    display: none;
}

/* IE STYLE */
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .huawei-magnetkeyboard .showie {
        display: block;
    }

    .huawei-magnetkeyboard .hideie {
        display: none;
    }
    
}

.huawei-magnetkeyboard video {
    vertical-align: middle;
}

.huawei-magnetkeyboard .imgforie {
    display: none !important;
}

.huawei-magnetkeyboard .hidden {
    display: none !important;
}

.huawei-magnetkeyboard .cbg-backtotop {
    position: fixed;
    z-index: 200;
    bottom: 90px;
    right: 50px;
    display: none;
    z-index: 99;
}

.huawei-magnetkeyboard .cbg-backtotop a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px 0;
    text-indent: -9999px;
    background:url(https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/img/sprites_cbg_icon.png) no-repeat;
    opacity: 0.6;
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    z-index: 33;
    filter: alpha(opacity=80);
}

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

.huawei-magnetkeyboard .cbg-backtotop a.hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
}

.huawei-magnetkeyboard .cbg-backtotop a.cbg-icon-backtohome {
    background-position: -549px -148px;
}


/* jiaobiao switch */
.huawei-magnetkeyboard .last-section ol {
    width: 80.958333vw;
    margin: 12.5vw auto 10.4166666666vw;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    list-style: decimal;
}

.huawei-magnetkeyboard .last-section .notmm {
    position: relative;
    list-style: none !important;
    margin: 0 0 1.04166666666vw 0;
}

.huawei-magnetkeyboard .last-section .mll {
    margin-left: -12px;
}

/* jiaobiao switch */
@media screen and (min-width: 1920px) {
    .huawei-magnetkeyboard .last-section ol {
        font-size: 0.625vw;
    }

    .huawei-magnetkeyboard .last-section .mll {
        margin-left: -0.625vw;
    }
}

/* mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .last-section .notmm { 
        margin: 0 0 2.777777777vw 0;
    }

    .huawei-magnetkeyboard .showPc {
        display: none!important;
    }

    .huawei-magnetkeyboard .showPcinline {
        display: none;
    }

    .huawei-magnetkeyboard .showMob {
        display: block;
    }

    /* jiaobiao switch */
    .huawei-magnetkeyboard .last-section ol {
        width: 82.1vw;
        margin: 27.777777777vw 0 27.777777777vw 10.833333333vw;
        font-size: 3.3333333333vw;
    }
}


/* section 1 pc  */
.huawei-magnetkeyboard .magnetkeyboard-section1 {
    position: relative;
    display: flex;
}

.huawei-magnetkeyboard .magnetkeyboard-section1 .kvnote {
    position: absolute;
    right: 8.33333333vw;
    bottom: 0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-magnetkeyboard .magnetkeyboard-section1 .kvlefti {
    width: 40.625vw;
    margin: 7.2395833vw 8.125vw 0 7.2916666vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section1 .kvrighti {
    width: 35.5729166666vw;
    margin: 20.833333333vw 0 0 0;
}

/*  section 1 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .magnetkeyboard-section1 {
        flex-direction: column;
        align-items: center;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section1 .kvnote {
        width: 90%;
        top: calc(100% + 9.3055555555vw);
        right: 50%;
        font-size: 3.333333333vw;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        text-align: center;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section1 .kvlefti {
        width: 78.472222vw;
        height: 67.5vw;
        margin: 0 0 0 0;
        order: 2;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section1 .kvrighti {
        width:78.333333vw;
        margin: 19.444444vw 0 11.1111111111vw 0;
    }
}

/* section 2 pc  */
.huawei-magnetkeyboard .magnetkeyboard-section2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.416667vw 0 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .s2title {
    display: flex;
    margin: 0 0 4.166667vw 0;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .s2title img {
    width: 4.010417vw;
    height: 3.28125vw;
    margin: 0 1.041667vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .s2title span {
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .s2title span:nth-child(2) {
    color: #2b7af3;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard {
    display: flex;
    justify-content: center;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li {
    position: relative;
    width: 41.041667vw;
    height: 49.01041666vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li .budsc {
    border: 0.1041666666vw solid #ededed;
    border-radius: 1.666667vw;
    -webkit-border-radius: 1.666667vw;
    -moz-border-radius: 1.666667vw;
    -ms-border-radius: 1.666667vw;
    -o-border-radius: 1.666667vw;
    box-sizing: border-box;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(1) {
    margin: 0 1.25vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(1) .s2txtc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.6666666666vw;
    left: 2.0833333333vw;
    border-radius:1.666667vw 0vw 1.666667vw 0vw;
    -webkit-border-radius:1.666667vw 0vw 1.666667vw 0vw;
    -moz-border-radius:1.666667vw 0vw 1.666667vw 0vw;
    -ms-border-radius:1.666667vw 0vw 1.666667vw 0vw;
    -o-border-radius:1.666667vw 0vw 1.666667vw 0vw;
    z-index: 99;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(2) .s2txtc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.6666666666vw;
    right: 2.0833333333vw;
    z-index: 99;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc h3 {
    margin: 0 0 0.833333vw 0;
    color: #000;
    font-size: 1.666667vw;
    font-weight: 600;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc .twoto {
    position: relative;
    z-index: 2;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .card2 .twoto p {
    text-align: right;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc p {
    width: 26.458333333vw;
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .card1 .twoto p {
    width: 32.291666666vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .card2 .s2txtc h3 {
    text-align: right;
}



/*  section 2 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .magnetkeyboard-section2 {
        margin: 25.972222222vw 0 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .s2title {
        width: 85.972222222vw;
        margin: 0 0 8.33333333333vw 0;
        font-size: 6.66666666666vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .s2title img {
        width: 9.722222vw;
        height: 8.055556vw;
        margin: 0 1.388889vw 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .s2title span {
        font-size: 6.666667vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard {
        flex-direction: column;
        align-items: center;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li {
        width: 83.333333vw;
        height: 105.555556vw;
        margin: 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li .budsc {
        border: 1px solid #ededed;
        border-radius: 5.555556vw;
        -webkit-border-radius: 5.555556vw;
        -moz-border-radius: 5.555556vw;
        -ms-border-radius: 5.555556vw;
        -o-border-radius: 5.555556vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(1) {
        margin: 0 0 11.11111111111vw 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(1) .s2txtc {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 5.5555555555vw;
        left: 5.5555555555vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard li:nth-child(2) .s2txtc {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 5.5555555555vw;
        right: 5.5555555555vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc h3 {
        width: 34.72222222vw;
        margin: 0 0 2.222222vw 0;
        font-size: 4.444444vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section2 .bcard .s2txtc p {
        width: 64.583333333vw;
        font-size: 3.333333vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section2 .card1 .twoto p {
        width: 75vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section2 .card2 .s2txtc .twoto {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}


/* scction 3 pc */
.huawei-magnetkeyboard .magnetkeyboard-section3 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 8.3333333333vw;
    margin: 10.416667vw 0 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 45.208333333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 {
    display: flex;
    align-items: center;
    margin: 1.7708333333vw 0 0 0;
    width: 33.333333333vw;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 span {
    color:#000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    flex-shrink: 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 img {
    width: 3.385417vw;
    margin: 0 0 0 0.833333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 .s3colorspecial {
    color: #7e63ff;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 {
    display: flex;
    align-items: center;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3subt {
    width: 31.302083vw;
    margin: 2.083333vw 0 3.125vw 0;
    color: #000;
    font-size: 1.25vw;
    line-height: 1.6;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 li {
    display: flex;
    align-items: center;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 li:nth-child(1) {
    margin: 0 2.1875vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 img {
    width: 3.958333vw;
    height: 3.958333vw;
    margin: 0 1.041667vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 span {
    width: 15.8333333333vw;
    color: #000;
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.6;
}

/*  section 3 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .magnetkeyboard-section3 {
        padding: 0;
        margin: 27.77777777vw 0 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part2 {
        position: inherit;
        width: 91.666667vw;
        margin: 0 -1px 0 0;
        align-self: flex-end;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 {
        display: flex;
        align-self: flex-start;
        margin: 3.055556vw 0 0 8.3333333333vw;
        width: 90.277777777vw;
        font-size: 6.6666666666vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 span {
        font-size: 6.666667vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 span:nth-child(1) {
        order: 2;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 span:nth-child(2) {
        order: 3;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part1 img {
        width: 7.638889vw;
        margin: 0 1.388889vw 0 0;
        order: 1;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 {
        align-self: flex-start;
        flex-wrap: wrap;
        margin: 0 0 0 8.333333333vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3subt {
        width: 83.33333333333vw;
        margin: 4.444444vw 0 7.5vw 8.3333333333vw;
        font-size: 3.333333vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 li:nth-child(1) {
        width: 100%;
        margin: 4.7222222222vw 11.111111vw 4.444444444vw 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 img {
        width: 10.555556vw;
        height: 10.555556vw;
        margin: 0 2.777778vw 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section3 .s3part3 span {
        width: 47.2222222222vw;
        font-size: 3.888889vw;
    }
}

/* section 4 pc */
.huawei-magnetkeyboard .magnetkeyboard-section4 {
    display: flex;
    flex-direction: column;
    margin: 16.614583vw 0 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .s4part1 {
    margin: 0 0 0 8.3333333333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .tandim {
    display: flex;
    align-items: center;
    width: 29.947916666vw;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .tandim img {
    width: 3.125vw;
    margin: 0 0.833333vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .tandim p {
    color:#000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .tandim p span {
    color: #204bfd;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .tsubt {
    width: 38.489583333vw;
    margin: 2.083333vw 0 5vw 0;
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .s4bpart {
    position: relative;
    display: flex;
    margin: 0 0 0 8.3333333333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .childleft {
    width: 62.13541666vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon {
    width: 48.541666666vw;
    display: flex;
    justify-content: flex-start;
    margin: -1.1458333333vw 0 0 1.0416666666vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2.8645833333vw 0 0;
    flex-shrink: 0;
}


.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) {
    margin: 0 3.59375vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:last-child {
    margin: 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li span {
    padding: 0.625vw 2.864583vw;
    color:#fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    background:#000;
    border-radius: 0.416667vw;
    -webkit-border-radius: 0.416667vw;
    -moz-border-radius: 0.416667vw;
    -ms-border-radius: 0.416667vw;
    -o-border-radius: 0.416667vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) span {
    padding: 0.625vw 2.5vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(4) span {
    padding: 0.625vw 1.875vw; 
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li p {
    position: absolute;
    top: calc(100% + 0.41666666vw);
    left: 50%;
    width: 12.5vw;
    color: #000;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(4) p {
    width: 14.5833333333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .childright {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: -2.875vw;
    left: 52.083333333vw;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle {
    display: flex;
    align-items: center;
    width: 31.25vw;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle .vimg {
    width: 2.552083vw;
    margin: 0 0.833333vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .vsubtitle {
    width: 30.46875vw;
    margin: 2.083333vw 0 0 0;
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle p {
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    flex-shrink: 0;
}

.huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle p span {
    color: #5b7cff;
}


/*  section 4 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .magnetkeyboard-section4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 27.777778vw 0 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .s4part1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .tandim {
        display: flex;
        align-items: center;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .tandim img {
        width: 6.111111vw;
        margin: 0 1.111111vw 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .tandim p {
        font-size: 6.666667vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .tandim {
        width: 83.33333333vw;
        font-size: 6.6666666666vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .tsubt {
        align-self: center;
        width: 83.4722222222vw;
        margin: 4.444444vw 0 5.555555555vw 0;
        color: #000;
        font-size: 3.333333vw;
        font-weight: 400;
        line-height: 1.6;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .s4bpart {
        flex-direction: column;
        width: 100%;
        margin: 0 0 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .childleft {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        margin: 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .cakeybord {
        width: 88.888888888vw;
        align-self: flex-end;
        margin: 11.1111111111vw -1px 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(1) {
        margin: 0 31.9444444vw 0 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(1) p {
        width: 30.5555555vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(2) p {
        width: 30.5555555vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) p {
        width: 30.5555555vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(4) p {
        width: 38.8888888vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(2) {
        margin: 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) {
        margin: 5.5555555555vw 31.9444444vw 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:last-child {
        margin: 5.5555555555vw 0 0 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li {
        width: 19.4444444vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 19.4444444vw;
        height: 7.5vw;
        padding: 0;
        font-size: 3.055556vw;
        border-radius: 1.111111vw;
        -webkit-border-radius: 1.111111vw;
        -moz-border-radius: 1.111111vw;
        -ms-border-radius: 1.111111vw;
        -o-border-radius: 1.111111vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) span,
    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(4) span {
        padding: 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li p {
        position: static;
        margin: 1.111111vw 0 0 0;
        font-size: 3.055555555vw;
        text-align: center;
        left: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li p {
        top: calc(100% + 1.111111111vw);
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .btnicon li:nth-child(3) p {
        white-space: normal;
    }

    .huawei-magnetkeyboard .magnetkeyboard-section4 .childright {
        position: relative;
        top: 0;
        left: 0;
        margin: -20.416666666vw 0 0 8.3333333333vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle {
        display: flex;
        align-items: center;
        width: 60.41666666vw;
        font-size: 6.6666666666vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle .vimg {
        width: 6.805556vw;
        margin: 0 1.388889vw 0 0;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .vsubtitle {
        width: 56.25vw;
        margin: 4.444444vw 0 0 0;
        font-size: 3.333333vw;
    }
    
    .huawei-magnetkeyboard .magnetkeyboard-section4 .vtotitle p {
        font-size: 6.666667vw;
        flex-shrink: 0;
    }

}


/* newadd section */
.huawei-magnetkeyboard .magnetkeyboard-newaddsec {
    display: flex;
    align-items: center;
    margin: 10.4166666vw 0;
}

.huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3leftp {
    width: 40.2083333vw;
    margin: 0 15.7291666vw 0 0;
}

.huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3rightp h3 {
    width: 36.458333333vw;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3rightp p {
    width: 31.3020833vw;
    margin: 2.0833333vw 0 0 0;
    color: #000;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}


/*  section new add mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-magnetkeyboard .magnetkeyboard-newaddsec {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin: 27.7777777vw 0;
    }

    .huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3rightp {
        margin: 0 0 0 8.3333333vw;
    }


    .huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3rightp h3 {
        width: 77.7777777vw;
        font-size: 6.6666666vw;
    }

    .huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3rightp p {
        width: 83.4722222vw;
        margin: 4.4444444vw 0 8.3333333vw 0;
        font-size: 3.3333333vw;
    }


    .huawei-magnetkeyboard .magnetkeyboard-newaddsec .s3leftp {
        width: 80.5555555vw;
    }

}