.meetime-container h2{
    font-size: 3.333333vw;
    line-height: 1.25;
    margin-bottom: 2.083333vw;
    font-size: 6.25vw;
    font-weight: bold;
    text-align: center;
}
.meetime-container h3{
    font-size: 2.5vw;
    line-height: 1.25;
    margin-bottom: 1.5625vw;
    font-weight: bold;
}
.meetime-container h3.h3-icon span{
    vertical-align: middle;
}
.meetime-container .mee-h3{
    margin-bottom: 2.083333vw;
}
.mee-p{
    padding-top: 2.083333vw;
}
.meetime-container p{
    font-size: 1.145833vw;
    font-size: 1.666667vw;
    line-height: 1.6;
}
.section-container{
    padding-bottom:10.416667vw
}
.sec-title{
    height: 150vh;
}
.sec-title > div{
    text-align: center;
    height: 100vh;
    height: calc(100vh - 79px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 79px;
}
.meetime-container .mee-img{
    width: 100%;
}
.meetime-container .mee-icon{
    width: 2.5vw;
    height: 2.5vw;
    padding: 0 5px;
    vertical-align: middle;
    line-height: 1.25;
}
.mob-sec{
    display: none;
}
/* .sec-title .title-left{
    padding-right: 5.625vw;
}
.sec-title .title-right{
    padding-left: 5.625vw;
} */
.sec-title span {
    display: block;
}
.sec-title span.title-left {
    padding-bottom: 3.625vw;
    padding-right: 0;
}
.sec-title span.title-right {
    padding-top: 3.625vw;
    padding-left: 0;
}
.play-icon{
    display: none;
}
.mee-des{
    text-align: center;
}
.fancybox-inner{
    height: auto!important;
}
.fancybox-inner .cbg-jwplayer {
    line-height: 1;
    font-size: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    outline: none!important;
    /* border-radius: 10vw;
    border-radius: 10vw; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    margin: 0 1.388889vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .meetime-container h2{
        font-size: 8.888889vw;
        margin-bottom: 8.333333vw;
        font-size: 11.111111vw;
        font-size: 13.333333vw;
    }
    .meetime-container .sec-title h2 {
        font-size: 10vw;
    }
    .meetime-container h3{
        font-size: 6.666667vw;
    }
    .meetime-container .mee-h3 {
        margin-bottom: 4.166667vw;
    }
    .meetime-container p{
        font-size: 4.444444vw;
        line-height: 1.6;
    }
    .meetime-container .mee-icon {
        width: 5.25vw;
        height: 5.25vw;
    }
    .section-container{
        padding-bottom:27.777778vw;
    }
    .mee-p {
        padding-top:8.333333vw;
    }
    .view-all {
        height: auto;
    }
    .sec-title span {
        display: block;
    }
    .sec-title span.title-left {
        padding-bottom: 5.625vw;
        padding-right: 0;
    }
    .sec-title span.title-right {
        padding-top: 5.625vw;
        padding-left: 0;
    }
    .mob-sec{
        display: block;
    }
    .play-icon {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 9.333333vw;
        height: 9.333333vw;
        transform: translate(-50%, -50%);
        padding: 1vw;
        box-sizing: border-box;
    }
    .video-wrap-sec,.video-sec{
        position: relative;
        line-height: 1;
        font-size: 0;
    }
    .sec-title {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    } 
}
@media screen and (max-width: 640px){
    .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
}
/* s1 */
.s1{
    height: 300vh;
    position: relative;
    padding-bottom: 0;
}
.kv-title h2{
    margin-top: 1.5625vw;
    padding: 0;
    margin-bottom: 0;
}
.s1-inner{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    position: sticky;
    height: calc(100vh - 76px);
    margin: 0 auto;
    top: 76px;
    overflow: hidden;
}
#s1screentrigger{
    position: relative;
    top: 2vw;
}
.kv-title{
    position: absolute;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translate(0%, -50%);
    text-align: center;
    top: 50%;
    transform: translate(0%, 0%);
    top: 113%;
}
.kv-screen{
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,0%);
    width: 66.666667vw;
    height: 35vw;
    width: auto;
    /* opacity: 0; */
}
.kv-other{
    position: absolute;
    left: 50%;
    top: 100%;
    top: 52%;
    transform: translate(-50%,-100%);
    width: 54.427083vw;
    width: auto;
    height: 20vw;
    height: 37vh;
    opacity: 0;
}
.meetime-container .kv-screen img{
    width:100%;
    height: 100%;
}
.meetime-container .kv-other img{
    width: auto;
    height: 100%;
}
.kv-logo img{
    width: 4.874479vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .kv-logo img{
        width: 4.874479vw;
        width: 11.270833vw;
    }
    .meetime-container .kv-other img,.meetime-container .kv-screen img{
        width:100%;
        height:auto;
    }
    .kv-screen {
        height: auto;
        width: 84.166667vw;
    }
    .kv-other {
        height: auto;
        width: 78.333333vw;
    }
    .kv-title h2 {
        margin-top: 5vw;
    }
}
/* s1 end */

/* s2 */
.view-all{
    width: 82.291667vw;
    margin: 0 auto;
    background: #F7F7F7;
    border-radius: 1.041667vw;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.s2 .view-all{
    height: 42.708333vw;
}
.s2-soundx{
    position: absolute;
    top: 3.453125vw;
    left: 2.265625vw;
    width: 12.65625vw;
    transform: translate(0%,0%);
}
.s2-matepad{
    position: absolute;
    top: 20.260417vw;
    left: -8.90625vw;
    width: 29.982812vw;
    transform: translate(0%, 0%);
    top: 20.416667vw;
    left: -2.083333vw;
}
.s2-watchgt{
    position: absolute;
    top: 8.244792vw;
    left: 22.708333vw;
    width: 6.44375vw;
    transform: translate(0%, 0%);
    top: 4.6875vw;
    left: 6.25vw;
}
.s2-phone{
    position: absolute;
    top: 23.541667vw;
    left: 25.567708vw;
    width: 7.296354vw;
    transform: translate(0%, 0%);
    top: 2.135417vw;
    left: 18.645833vw;
}
.s2-matebook{
    position: absolute;
    top: 5.375vw;
    left: 36.354167vw;
    width: 50.872396vw;
    transform: translate(0%, 0%);
    top: 5vw;
    left: 36.354167vw;
}
.s2-k3{
    position: absolute;
    top: 8.229167vw;
    left: 16.875vw;
    width: 6.875vw;
    transform: translate(0%, 0%);
}
.con-all{
    width: 82.291667vw;
    margin: 0 auto;
}
.s2 .mee-p{
    width: 47.291667vw;
}
.s2 .mee-icon {
    padding-left: 0;
    padding-right: 1.302083vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s2 .mee-p {
        width: 100%;
    } 
    .view-all {
        width: 83.333333vw;
        height:43.333333vw;
    }
    .s2 .sec-title > div {
        height: 80vh;
    }
    .s2 .mee-icon {
        padding-right: 3vw;
    }
}
@media (max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px){
    .meetime-container .s2 h2 {
        font-size: 10vw;
    }
}
/* s2 end */

/* s3 */
.s3 .mee-p{
    width: 40.3125vw;
}
.video-sec{
    border-radius: 1.041667vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    line-height: 1;
    font-size: 0;
}
.video-sec video{
    width: 100%;
}
.video-wrap-sec video{
    border-radius: 1.041667vw;
    width: 100%;
}
.uc-img {
    width: 100%;
}
.uc-img{
    display: none;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s3 .mee-p {
        width: 100%;
    } 
    .video-sec,.video-wrap-sec video,.video-sec .uc-img,.video-wrap-sec .uc-img{
        border-radius:2.777778vw;
    }
}
/* s3 end */

/* s4 */
.s4 .view-all{
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
.s4 .view-all >div:first-child{
    width: 33.802083vw;
    padding-right: 4.479167vw;
}
.s4 .video-sec{
    width: 41.979167vw;
    overflow: hidden;
}
.s4 .video-sec video {
    width: 41.99vw;
    width: 42.03vw;
}
.s4 h3,.s4 p{
    padding-left:2.083333vw;
    padding-bottom: 0;
}
.meetime-container .s4 .mee-h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.s4 .mee-icon {
    padding-left: 0;
    padding-right: 1.041667vw;
}
/* 678/669 1/1 */
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s4 .view-all >div:first-child {
        width: 100%;
    }
    .s4 .view-all {
        height:auto;
    }
    .mob-sec.container-media {
        display: flex;
        position: static;
        top: 0;
        right: 0;
    }
    .s4 .view-all {
        background: #fff;
    }
    .s4 p {
        padding-left: 0;
    }
    .meetime-container .s4 .mee-h3 {
        padding-bottom: 4.166667vw;
        padding-left: 0;
    }
    .s4 .video-sec {
        width: 100%;
        padding-left: 8.333333vw;
        background: #f7f7f7;
        border-radius: 2.777778vw;
        box-sizing: border-box;
    }
    .s4 .video-sec video {
        width: 100%;
    }
    .s4 .mee-icon {
        padding-right: 3vw;
    }
    .s4 h3, .s4 p {
        padding-right: 0;
        padding-bottom: 0;
    }
}
/* s4 end */

/* s5 */

@media screen and (max-width: 640px),
(max-aspect-ratio: 1.0568678/669) and (max-width: 1200px) and (min-width: 641px) {

}
/* s5 end */

/* s6 */
.parallax-sec{
    display: flex;
    align-items: center;
    justify-content: center;
}
.reverse-sec{
    flex-direction: row-reverse;
}
.s6 .para-left .para-pics{
    width: 28.333333vw;
    width: 34.479167vw;
    padding-left: 15.885417vw;
    padding-left: 10.052083vw;
    overflow: hidden;
    height: 42.395833vw;
}
.s6 .para-left .para-text{
    width: 33.333333vw;
    /* width: 32.03125vw; */
    padding-left: 5.46875vw;
    padding-right: 15.885417vw;
    margin-top: -9vw;
}
.s6 .para-right .para-text{
    width: 33.333333vw;
    padding-left: 15.885417vw;
    padding-right: 8.541667vw;
    padding-right: 2.5vw;
    margin-top: -6vw;
}
.s6 .para-right .para-pics{
    padding-right: 7.760417vw;
    padding-right: 13.28125vw;
    width: 34.479167vw;
    overflow: hidden;
    height: 42.395833vw;
}
.parallax01{
    height: 40.364583vw;
    padding-top: 5vw;
}
.parallax02{
    height: 40.364583vw;
}
.parallax03{
    height: 40.364583vw;
    padding-bottom: 2vw;
}
.s6 h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.s6 .parallax03 .para-text{
    margin-top: -4vw;
}

.s6.section-container {
    padding-bottom: 0;
}
.s6 .video-sec video {
    width: calc(100% + 1px);
}
.s6 .replay-icon{
    display: none;
}
.s6 .mee-icon {
    padding-left: 0;
    padding-right: 1.041667vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s6 .mee-icon {
        padding-right: 3vw;
    }
    .reverse-sec {
        flex-direction: column;
    }
    .parallax-sec{
        flex-direction: column;
    }
    .s6 .para-left .para-text,.s6 .para-right .para-text {
        width: 83.333333vw;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .s6 .para-right .para-pics ,.s6 .para-left .para-pics{
        width: 83.333333vw;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
        height: auto;
    }
    .s6 .para-pics video{
        padding-left: 5.4vw;
    }
    .s6 .mee-p {
        padding-top: 0;
        padding-bottom: 6.944444vw;
    }
    .s6 .parallax-sec{
        height: auto;
    }
    .s6 .parallax-sec:not(:last-child){
        padding-bottom: 20.277778vw;
    }
    .parallax03 {
        padding-bottom: 0;
    }
    .s6 h3 {
        margin-bottom: 4.166667vw;
    }
    .parallax01 {
        padding-top: 0;
    }
    .s6 .replay-icon{
        bottom: 0;
        top: auto;
        transform: translate(-50%, 0%);
        position: absolute;
        left: 50%;
        display: block;
    }
    .s6 .replay-icon img{
        width: 6.277778vw;
        height: 6.277778vw;
        padding: 1vw;
        box-sizing: border-box;
    }
    .s6 .replay-icon span{
        font-size: 4.444444vw;
        vertical-align: middle;
        padding-left: 1.083333vw;
    }
}
/* s6 end */

/* s7 */
.s7 .con-all {
    width: 84.391667vw;
}
.s7 .swiper-slide{
    width: 42.291667vw;
}
.s7 .items{
    background: #F7F7F7;
    border-radius: 1.041667vw;
    padding: 3.75vw 2.1vw 0 2.1vw;
    box-sizing: border-box;
    margin:0 0.963542vw;
    overflow: hidden;
    /* width: 40.364583vw; */
}
.s7 .item-pics{
    /* height: 25vw;  */
    padding-top: 2.083333vw;
    padding-bottom: 10px;
}
.s7 .swiper-button-prev,.s7  .swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 5vw;
    bottom: 0;
    top: auto;
}
.s7 .swiper-button-next,.s7 .swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 1vw;
    bottom: 0;
    top: auto;
}
/* .s7 .con-all{
    height: 200vh;
} */
.s7 .con-all >div{
    height: auto;
    /* top: 79px; */
    /* position: sticky; */
}
/* #swiper1{
    padding-bottom:4.575vw;
} */
#swiper1 .swiper-wrapper{
    display: flex;
}
.swiper-button-next, .swiper-button-prev{
    outline: none;
    display: none;
}
.swiper-button-next, .swiper-button-prev {
    top: 50%;
    background-size: 0.351563vw 0.703125vw;
    width: 2.604167vw;
    height: 2.604167vw;
    border-radius: 50%;
    border: 0.104167vw solid;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/mobileservices/meetime/imgs/pc/arrow-right.svg);
    right: 0;
    left: auto;
    right: 1.666667vw;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/mobileservices/meetime/imgs/pc/arrow-left.svg);
    /* transform: rotate(-180deg); */
    left: 1.666667vw;
}
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    /* background-image: none; */
    border-radius: 50%;
    border: solid 2px;
    /* margin: 2px; */
}
.swiper-pagination {
    display: none;
}
.s7 .swiper-container {
    box-sizing: border-box;
}
.s7  .mee-icon {
    padding-left: 0;
    padding-right: 1.041667vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s7  .mee-icon {
        padding-right: 3vw;
    }
    .s7 .swiper-button-prev, .s7 .swiper-container-rtl .swiper-button-next{
        left: 1.666667vw;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .s7 .swiper-button-next, .s7 .swiper-container-rtl .swiper-button-prev{
        right: 1.666667vw;
        left: auto;
        top: 50%;
        transform: translate(50%, -50%);
    }
    .swiper-button-next, .swiper-button-prev {
        width: 9.722222vw;
        height: 9.722222vw;
    }
    .swiper-button-next::after,.swiper-button-next::before,.swiper-button-prev::after,.swiper-button-prev::before {
        width: 2.222222vw;
        height: 0.277778vw;
        border-radius: 0.277778vw;
    }
    .swiper-container {
        overflow: visible;
    }
    #swiper1 {
        padding-bottom: 0;
    }
    .swiper-pagination-bullet {
        width: 1.388889vw;
        height: 1.388889vw;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #000;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1.388889vw;
    } 
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        border: none;
        margin: 0;
        background-color: #D9D9D9;
    }
    .swiper-button-next, .swiper-button-prev {
        background-size: 1.301389vw 2.601389vw;
        display: block;
    }
    .s7 .items {
        padding: 10vw 5.625vw 0 5.625vw;
        padding: 10vw 0 0;
    }
    .s7 .con-all {
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .s7 .con-all >div{
        width: 83.333333vw;
        margin: 0 auto;
        position: static;
    }
    /* .s7{
        overflow: hidden;
    } */
    .swiper-pagination {
        display: block;
    }
    .s7 .items {
        margin: 0 2.152778vw;
    }
    .s7 .swiper-slide {
        width: 80vw;
    }
    .s7 .item-text {
        padding:0 5.625vw;
    }
    .s7 .items {
        border-radius: 4.166667vw;
    }
    .s7 .item-pics {
        padding-top: 5.555556vw;
        padding-left: 5.625vw;
        padding-right: 5.625vw;
        padding-bottom: 3.555556vw;
    }
    .s7 .swiper-pagination {
        bottom: 3.055556vw;
        line-height: 1.2;
        font-size: 0;
    }
}
/* s7 end */



/* s11 */
.s11 .mee-p {
    width: 41.875vw;
}
.pop-video video{
    width: 100%;
}
.pop-video{
    position: relative;
    line-height: 0;
    border-radius: 1.041667vw;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.pop-video a{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
    width: 100%;
    text-align: center;
}
.pop-video a span {
    font-size: 1.666667vw;
    /* line-height: 1.3; */
    color: #fff;
    vertical-align: middle;
    margin: 0 0 0 1.197917vw;
}
.pop-video a svg{
    width: 3.020833vw;
    height: 3.020833vw;
    vertical-align: middle;
}
.video-mask{
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
    position: absolute;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .s11 .mee-p {
        width: 100%;
    } 
    .pop-video{
        border-radius: 2.777778vw;
    }
    .pop-video a svg{
        width: 5.277778vw;
        height: 5.277778vw;
    }
    .pop-video a span {
        font-size: 4.444444vw;
        margin: 0 0 0 2.083333vw;
    }
}
/* s11 end */

/* s12 */


@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
   
}
/* s12 end */

/* s13 */


@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
   
}
/* s13 end */


/* s17 */
.s17{
    background: #FAFAFA;
    padding-top: 6.25vw;
}
.s17 .exciting-list{
    display: flex;
    flex-wrap: wrap;
    width: 69.791667vw;
    margin: 0 auto;
    justify-content: space-between;
}
.s17 .exciting-item {
    width: 27.916667vw;
    margin-bottom: 6.432292vw;
}
.s17 .exciting-item:nth-child(7),.s17 .exciting-item:nth-child(8) {
    margin-bottom: 5.885417vw;
}
.s17 h3{
    font-size: 1.666667vw;
    padding-top: 1.197917vw;
}
.s17 .exciting-item p{
    padding-bottom:1.40625vw;
}
.s17 .exciting-item a{
    color: #0BA4F5;
    font-size: 1.145833vw;
    line-height: 1.6;
}
.s17 .exciting-item img{
    width:5.416667vw
}
.s17 .btn-more{
    text-align: center;
}
.s17 .btn-more a{
    /* padding: 1.09375vw 1.875vw;
    border: 1px solid #7C7C7C;
    border-radius: 50px; */
    display: inline-block;
    font-size: 1.145833vw;
    color: #0BA4F5;
}
.meetime-container .s17 h2{
    padding-bottom: 7.1875vw;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .meetime-container .s17 h2{
        padding-bottom:16.527778vw;
    }
    .s17{
        padding-top:16.666667vw;
    }
    .s17 .exciting-list {
        width: 83.333333vw;
    }
    .s17 .exciting-item {
        width: 100%;
        margin-bottom: 17.430556vw!important;
    }
    .s17 h3{
        padding-top: 5.694444vw;
        font-size: 6.666667vw;
    }
    .s17 .exciting-item p{
        padding-bottom:5.069444vw;
    }
    .s17 .exciting-item img{
        width:18.75vw;
    }
    .s17 .exciting-item a {
        font-size: 4.444444vw;
    }
    .s17 .btn-more a{
        font-size: 4.444444vw;
    }
    .s17 .btn-more a {
        /* padding: 2.916667vw 5vw; */
    }
    .s17 .btn-more {
        text-align: left;
        margin: 0 8.333333vw;
    }
}
/* s17 end */

/* s18 */
.s18{
    background: #FAFAFA;
}
.s18 .model-list{
    display: flex;
    flex-wrap: wrap;
    width: 68.333333vw;
    margin: 0 auto;
}
.s18 .model-item {
    width: 25%;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    
    .s18 .model-item {
        width: 50%;
    }
    .s18 .model-list{
        width:83.333333vw;
    }
}
/* s18 end */

/* sup a */
sup a{
    font-size: 0.833333vw;
}
h2 sup a,h3 sup a{
    font-size: 1.666667vw;
}
.meetime-container .nowrap{
    white-space: nowrap;
    display: inline;
}
.s12 .top-content p sup a{
    color: #fff;
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px){
    sup a{
        font-size: 3.611111vw;
    }
    h2 sup a,h3 sup a{
        font-size:4.444444vw;
    }
}
/* sup a end*/

/* jump */
.micg-p sup a{
    font-size: calc(0.192308vw + 12.307691px);
    font-size: calc(0.128205vw + 10.538462px);
	line-height: 1;
}
.vrootfoot li{
    font-size: 0.677083vw;
    font-size: 13px;
	line-height: 1.6;
}
.des-p{
    font-size: calc(0.128205vw + 10.538462px);
    line-height: 1.6;
    margin-top: 1vw;
    margin-right: 4vw;
    text-align: center;
}
.component-footnotes{
    list-style: decimal;
    color: #888888;
}
.vrootfoot{
    /* border-top: 1px solid #888888; */
    padding: 6.25vw 0 6.25vw 1vw;
    padding: 0 0 10.416667vw 1vw;
    width: 82.291667vw;
    margin: 0 auto;
    box-sizing: border-box;
    width: 67.96875vw;
    width: 68.229167vw;
}
.component-footnotes .current {
    color: #000;
}
@media (min-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px){
    .vrootfoot li{
        font-size: 12px;
    }
}
@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px){
    .vrootfoot{
        width: calc(100% - 15.6vw);
        padding-left: 12px;
        padding: 16.666667vw 0 16.666667vw 12px;
        padding: 0 0 27.777778vw 12px;
    }
    .vrootfoot li{
        font-size: 3.055556vw;
    }
    .des-p{
        font-size: calc(0.128205vw + 10.538462px);
        line-height: 1.6;
        margin-top: 1vw;
        margin-right:0;
        text-align: center;
    }
}
/* jump end*/

/* back to top */
.cbg-backtotop a.hidden {
    opacity: 0;
    cursor: default;
}
.cbg-backtotop {
    position: fixed;
    z-index: 200;
    bottom: 50px;
    right: 50px;
}
.cbg-backtotop a.cbg-icon-backtotop {
    background-position: -549px -188px;
}
.cbg-backtotop a {
    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;
    filter: alpha(opacity=80);
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
/* totop end*/

@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    .pc-sec{
        display: none;
    }
}

/* ie static style */
.ie-active .sec-title h2{
    padding-bottom: 10.416667vw;
}
.ie-active .kv-title h2{
    height: auto;
}
.ie-active .sec-title{
    height: auto;
}
.ie-active .sec-title > div{
    height: auto;
}
.ie-active .sec-title .title-left{
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.ie-active .sec-title .title-right{
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.meetime-container.ie-active .kv-other img, .meetime-container.ie-active .kv-screen img {
    width: 100%;
    height: auto;
}
/* s1 */
.ie-active .s1-inner{
    height: auto;
    top: 0;
}
.ie-active .s1{
    height: auto;
}
.ie-active .kv-title{
    position: static;
    transform: translate(0%, 0%);
    padding-top: 9.203125vw;
    padding-bottom: 8.125vw;
    opacity: 1!important;
    top: 50%;
}
.ie-active .kv-screen{
    position:static;
    transform:translate(0%, 0%);
    margin-bottom:8.854167vw;
    /* margin-bottom:0; */
    height:auto;
    height:calc(66.614583vw * 0.63487);
    width:66.614583vw;
    /* opacity: 1; */
}
.ie-active .kv-other{
    bottom:0;
    top:auto;
    opacity:1;
    transform:translate(-50%, 0%);
    height:auto;
    height:calc(60.46875vw * 0.4137554585);
    width:60.46875vw;
}
.ie-active .kv-other{
    bottom:0;
}

/* s2 */
.ie-active .s2 h2{
    padding-top: 10.416667vw;
}
/* s6 */
.ie-active .s6.section-container {
    padding-bottom:10.41vw;
}
.ie-active .parallax03{
    padding-bottom: 0;
}
/* s7 */
.ie-active .s7 .con-all{
    height: auto;
}
.ie-active .s7 .con-all >div{
    position: static;
}
/* s14 23x */
.ie-active .s14 .con-all{
    height:auto;
}
.ie-active .s14 .con-all .box-sticky{
    height:auto;
}
.ie-active .box-slide .n2,.ie-active .box-slide .n3{
    display:none!important;
}
.ie-active .box-slide .nx{
    position:static;
    transform:translateY(0%);
}

/* s14 swiper */
.ie-active .swipper-sec{
    height:auto;
}
.ie-active #swiper2{
    position:static;
}
.ie-active .s14 .swiper-slide{
    position:static;
}
.ie-active .s14 .swiper-wrapper{
    flex-direction:column;
}
.ie-active .s14 .swiper-container .items{
    background:#F7F7F7;
}

/* 16 */
.ie-active .s16 .emergency-item h3 img{
    height: calc(2.23vw * 0.9);
}


/* second nav */
nav.vknav {
    position: relative;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #cecece;
    top: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999999;
}
nav.vknav {
    z-index: 20;
}
.vknav.active {
    border-top: none;
    position: fixed;
}
nav.vknav .navcenter {
    width: 100%;
    padding: 0 80px;
    max-width: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999999;
    border-top: 1px solid #cecece;
}
.vroot a, .vroot div, .vroot img, .vroot figure {
    outline: none;
}
nav.vknav h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 60px;
    margin-bottom: 0;
}
.vroot a {
    text-decoration: none;
}
nav.vknav .btn {
    background-color: #ce0e2d;
    border-radius: 23px;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    -ms-flex-align: center;
    align-items: center;
}
.vroot .erweimaLJ .erweima {
    margin-top: 14px;
}
.vroot img::after {

    content: "⊗" " Broken Image of " attr(alt);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;

}
.vroot img::before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
    background-color: #e6e6e6;
    border: 2px dotted #c8c8c8;
    border-radius: 5px;
}
.vroot .erweimaLJ {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 312px;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/mobileservices/meetime/imgs/pc/erweimaLJ.svg);
    width: 248px;
    height: 330px;
    height: 248px;
    padding-top: 30px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vroot .erweimaLJ.topER {
    position: absolute;
    top: -249px;
    right: 25px;
}
.vroot .erweimaLJ p.pinerweima {
    font-weight: 500;
    letter-spacing: .28px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000;
    width: 77% !important;
}
.vroot .erweimaLJ p.midp {
    margin: 14px 0;
}
.sup-btn{
    margin-right: 2vw;
    margin-left: auto;
}


@media screen and (max-width: 640px),
(max-aspect-ratio: 678/669) and (max-width: 1200px) and (min-width: 641px) {
    nav.vknav .navcenter{
        flex-wrap: wrap;
    }
    .btn {
        height: auto;
        padding: 0 8px;
        font-size: 12px;
    }
    .navcenter {
        padding: 0 15px !important;
    }
    .sup-btn{
        order: 2;
    width: 50%;
    text-align: right;
    }
    nav.vknav .btn{
        order: 3;
    margin-right: 0;
    /* margin-bottom: 15px; */
    }
    nav.vknav{
        height: auto;
    }
    .sup-btn {
        margin-right: 4vw;
    }
    .vroot .erweimaLJ.topER {
        top: -205px;
        right: 10px;
    }
}

@media screen and (max-width: 640px){
    .sup-btn {
        margin-right: 0;
        width:70%;
    }
    nav.vknav .btn {
        margin-left: auto;
    }
    .navcenter {
        padding: 0 15px 15px 15px!important;
    }
    nav.vknav h3 {
        width: 30%;
    }
}