/*! 2018-12-20 Sharanda Mikhail�we only need Medium and Bold */


/* @font-face {
    font-family: Manrope;
    src: url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/a6fa3bd125ff6df3f77ce6c4203e4282.woff2) format("woff2"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/c246dc6aecd6b7007b935466d04e3082.woff) format("woff"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/cb519ea75f9f92a1ed78efdf2f4fdfef.otf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Manrope;
    src: url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/441244cf44090a0ff88abc33fbbca97d.woff2) format("woff2"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/16a2e274512a3e5f752ee83b66ed0d9d.woff) format("woff"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/31973fa52e481ba490f242d2ab896fd2.otf) format("truetype");
    font-style: normal;
    font-weight: 500
} */

*,
:after,
:before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.vroot {
    font-family: inherit;
    line-height: 1.2;
    -webkit-text-size-adjust: 100%;
    opacity: 0;
    min-height: 1345px
}

.vroot h1 {
    font-size: 2em;
    margin: .67em 0
}

.vroot h2 {
    margin: 0;
    padding: 0;
}

.vroot hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.vroot pre {
    font-size: 1em
}

.vroot a {
    background-color: transparent;
    text-decoration: none
}

.vroot abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.vroot b,
.vroot strong {
    font-weight: bolder
}

.vroot code,
.vroot kbd,
.vroot samp {
    font-size: 1em
}

.vroot small {
    font-size: 80%
}

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

.vroot sub {
    bottom: -.25em
}

.vroot sup {
    top: -.5em
}

.vroot img {
    border-style: none
}

.vroot button,
.vroot input,
.vroot optgroup,
.vroot select,
.vroot textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.vroot button,
.vroot input {
    overflow: visible
}

.vroot button,
.vroot select {
    text-transform: none
}

.vroot [type=button],
.vroot [type=reset],
.vroot [type=submit],
.vroot button {
    -webkit-appearance: button
}

.vroot [type=button]::-moz-focus-inner,
.vroot [type=reset]::-moz-focus-inner,
.vroot [type=submit]::-moz-focus-inner,
.vroot button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.vroot [type=button]:-moz-focusring,
.vroot [type=reset]:-moz-focusring,
.vroot [type=submit]:-moz-focusring,
.vroot button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.vroot fieldset {
    padding: .35em .75em .625em
}

.vroot legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.vroot progress {
    vertical-align: baseline
}

.vroot textarea {
    overflow: auto
}

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

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

.vroot [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.vroot [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.vroot ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.vroot details {
    display: block
}

.vroot summary {
    display: list-item
}

.vroot [hidden],
.vroot template {
    display: none
}


/* .slick-loading .slick-list {
    background: #fff url(/content/dam/honor/global/tech/emui/clone/img/ajax-loader.gif) 50% no-repeat
} */


/* @font-face {
    font-family: slick;
    src: url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/ced611daf7709cc778da928fec876475.eot);
    src: url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/ced611daf7709cc778da928fec876475.eot?#iefix) format("embedded-opentype"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/b7c9e1e479de3b53f1e4e30ebac2403a.woff) format("woff"), url(/content/dam/huawei-cbg-site/en/mkt/emui/clone/d41f55a78e6f49a5512878df1737e58a.ttf) format("truetype"), url(/content/dam/honor/global/tech/emui/clone/img/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
} */

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir=rtl] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir=rtl] .slick-next:before {
    content: "\2190"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: .75
}

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

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.vken {
    color: #fff
}

body {
    margin: 0;
    overflow-x: hidden
}

.slick-arrow {
    display: none!important
}

@media (min-width:751px) {
    div.stepBTN>div.slick-list>div.slick-track {
        width: 102%
    }
    .sec5 .sec5_2 .ywrapper {
        margin-right: .65rem
    }
}

.br_Mobile {
    display: none
}

@media (max-width:751px) {
    .br_pc {
        display: none!important
    }
    .br_Mobile {
        display: block
    }
}

.huaweiclone {
    overflow-x: hidden
}

.huaweiclone .clBTN {
    text-indent: -9999px;
    display: block;
    float: left;
    background-size: contain!important;
    background-repeat: no-repeat;
    cursor: pointer
}

.huaweiclone .clBTN:hover {
    opacity: .6
}


/* .huaweiclone .videobtn {
    height: .32rem;
    width: 1.8rem;
    margin-top: .4rem;
    background: url(/content/dam/honor/global/tech/emui/clone/img/sec1videoBTN.png);
    background-repeat: no-repeat
} */

@media (max-width:751px) {
    .huaweiclone .videobtn {
        height: .42965rem;
        width: 3.12841rem;
        margin-top: .53707rem
    }
}


/* .huaweiclone .downloadbtn {
    background-repeat: no-repeat;
    background-size: cover!important;
    height: .23rem;
    width: .94rem;
    margin-top: .4rem;
    background: url(/content/dam/honor/global/tech/emui/clone/img/sec2videoBTN.png)
} */

@media (max-width:751px) {
    .huaweiclone .downloadbtn {
        height: .41623rem;
        width: 1.67833rem;
        margin-top: .53707rem;
        margin-left: .2rem
    }
}

.huaweiclone .downloadbtn.en {
    background: none;
    color: #1065e5;
    text-indent: 0;
    width: auto;
    margin-top: .15rem
}

.huaweiclone .secTexts {
    margin-top: 0.2rem;
    width: 9.6rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    height: auto
}

.huaweiclone .sec1 {}

.huaweiclone .sec1 .wrapper {
    width: 10.24rem;
    margin: 0 auto;
    height: 11.51rem;
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg1-new.jpg);
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec1 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec1 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec1 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec1 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec1 .wrapper {
        width: 100%;
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg1-new.jpg);
        height: 14.48737rem
    }
    .huaweiclone .sec1 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec1 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec1 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec1 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec1 .wrapper h2 {
    font-size: .8rem;
    line-height: .95rem;
    margin-left: 0
}

@media (max-width:751px) {
    .huaweiclone .sec1 .secTexts {
        text-align: center
    }
    .huaweiclone .sec1 .secTexts a {
        display: block;
        left: 36%;
        position: relative;
        margin-left: -2.9rem;
        margin-top: .4rem
    }
    .huaweiclone .sec1 .wrapper h2 {
        width: 100%;
        float: none;
        height: 1.5rem;
        font-size: 1.07413rem;
        line-height: 1.27553rem
    }
}

.huaweiclone .sec2 {
    background: #fff
}

.huaweiclone .sec2 .wrapper {
    width: 10.24rem;
    margin: 0 auto;
    height: 10.78rem;
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg2-new1220.jpg);
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec2 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec2 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec2 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec2 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec2 .wrapper {
        width: 100%;
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg2-new.jpg);
        height: 16.76991rem
    }
    .huaweiclone .sec2 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec2 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec2 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec2 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec3 {
    background: #fff;
    overflow: hidden
}

.huaweiclone .sec3 .wrapper {
    width: 10.24rem;
    margin: 0 auto;
    height: 10.83rem;
    background-image: "";
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec3 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec3 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec3 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec3 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec3 .wrapper {
        width: 100%;
        background-image: "";
        height: 16.16571rem
    }
    .huaweiclone .sec3 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec3 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec3 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec3 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec3 .wrapper {
    position: relative
}

.huaweiclone .sec3 .wrapper figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg3-new.png);
    height: 10.83rem;
    width: 10.24rem;
    position: absolute;
    top: 0;
    z-index: 1;
    background-position: 50%!important;
    background-size: contain!important
}

.huaweiclone .sec3 .wrapper .wave-area {
    width: 4.028rem;
    height: 4.028rem;
    margin-top: .53707rem;
    position: relative;
    left: 50%;
    margin-left: -3.1rem;
    top: 1.1rem;
    z-index: 0
}

.huaweiclone .sec3 .wrapper .wave {
    position: absolute;
    height: 2.014rem;
    width: 2.014rem;
    -webkit-transform: translate(-20%, -20%);
    -ms-transform: translate(-20%, -20%);
    transform: translate(-20%, -20%);
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    opacity: 0
}

@media (max-width:751px) {
    .huaweiclone .sec3 .wrapper .wave-area {
        width: 4.028rem;
        height: 4.028rem;
        margin-top: .53707rem;
        position: relative;
        left: 50%;
        margin-left: -1.7rem;
        top: 1rem;
        z-index: 0
    }
    .huaweiclone .sec3 .wrapper .wave {
        position: absolute;
        height: 3.35667rem;
        width: 3.35667rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 100%;
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        opacity: 0
    }
}

.huaweiclone .sec3 .wrapper .wave-area .wave-1 {
    z-index: 4;
    border: .02rem solid #328fd7
}

.huaweiclone .sec3 .wrapper .wave-area .wave-2 {
    z-index: 3;
    border: .02rem solid #328fd7
}

.huaweiclone .sec3 .wrapper .wave-area .wave-3 {
    z-index: 2;
    border: .02rem solid #328fd7
}

.huaweiclone .sec3 .wrapper .wave-area .wave-4 {
    z-index: 1;
    border: .02rem solid #328fd7
}

.huaweiclone .sec3 .wrapper .wave-area .wave {
    -webkit-animation: wave 4.5s linear infinite;
    animation: wave 4.5s linear infinite;
    animation-iteration-cout: 3
}

.huaweiclone .sec3 .wrapper .wave-area .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.huaweiclone .sec3 .wrapper .wave-area .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.huaweiclone .sec3 .wrapper .wave-area .wave-4 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .7
    }
    to {
        -webkit-transform: scale(2.7);
        transform: scale(2.7);
        opacity: 0
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .7
    }
    to {
        -webkit-transform: scale(2.7);
        transform: scale(2.7);
        opacity: 0
    }
}

@media (max-width:751px) {
    .huaweiclone .sec3 .wrapper {
        overflow: hidden
    }
    .huaweiclone .sec3 .wrapper figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg3-new.png);
        height: 16.16571rem;
        width: 10.07rem
    }
}

.huaweiclone .sec4 {
    background: #fff;
    overflow: hidden
}

.huaweiclone .sec4 .wrapper {
    width: 10.24rem;
    margin: 0 auto;
    height: 10.63rem;
    background-image: "";
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec4 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec4 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec4 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec4 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec4 .wrapper {
        width: 100%;
        background-image: "";
        height: 16.60879rem
    }
    .huaweiclone .sec4 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec4 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec4 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec4 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec4 .wrapper {
    position: relative
}

.huaweiclone .sec4 .wrapper figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg4-new.png);
    height: 10.63rem;
    width: 10.24rem;
    position: absolute;
    top: 0;
    z-index: 1;
    background-position: 50%!important;
    background-size: contain!important;
    background-repeat: no-repeat
}

.huaweiclone .sec4 .wrapper .photobackbg {
    height: 4.95rem;
    width: 4.75rem;
    background: url(/content/dam/honor/global/tech/emui/clone/img/photobackgroundcopy2-new.png);
    position: absolute;
    top: 3.8rem;
    overflow: hidden;
    z-index: 0;
    left: 50%;
    margin-left: -2.3rem;
    -webkit-transition: background-position 30s linear, -webkit-transform 8s ease;
    transition: background-position 30s linear, -webkit-transform 8s ease;
    transition: background-position 30s linear, transform 8s ease;
    transition: background-position 30s linear, transform 8s ease, -webkit-transform 8s ease;
    background-size: cover!important
}

.huaweiclone .sec4 .wrapper .photobackbg.animdone {
    background-position: -1800px 0
}

@media (max-width:751px) {
    .huaweiclone .sec4 .wrapper figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg4-new.png);
        height: 16.60879rem
    }
    .huaweiclone .sec4 .wrapper .photobackbg {
        height: 7.88145rem;
        width: 10.07rem;
        left: 2.3rem;
        top: 6.8rem
    }
}

.huaweiclone .sec5 {
    background: #161616;
    overflow: hidden;
    color: #fff
}

.huaweiclone .sec5 .wrapper {
    position: relative;
    width: 10.24rem;
    margin: 0 auto;
    height: 13.5rem;
    background-image: "";
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec5 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec5 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec5 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec5 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec5 .wrapper {
        width: 100%;
        background-image: "";
        height: 22.154rem
    }
    .huaweiclone .sec5 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec5 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec5 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec5 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec5 .secTexts h2 {
    height: 1.2rem;
    width: 100%;
    text-align: center;
    margin-bottom: .3rem;
    line-height: .8rem!important;
    color: #fff;
}

.huaweiclone .sec5 .secTexts h2 span {
    margin: 0 .2rem;
    cursor: pointer;
    color: #717171
}

@media (max-width:751px) {
    .huaweiclone .sec5 .secTexts h2 {
        height: 2rem;
        line-height: 1rem!important;
        margin-left: -.1rem
    }
}

.huaweiclone .sec5 .secTexts span.active {
    color: #fff;
    border-bottom: .02rem solid #fff;
    height: auto;
    width: 100%;
    padding-bottom: 0
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .huaweiclone .sec5 .secTexts span.active {
        border-bottom: none
    }
}

.huaweiclone .sec5 .sec5_2 {
    height: 8.99rem;
    width: 9.38rem;
    position: relative;
    margin: 0 auto
}

.huaweiclone .sec5 .sec5_2 .ywrapper.active span {
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.huaweiclone .sec5 .sec5_2 .stepBTN {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    height: 1.7rem;
    margin-top: .6rem;
    margin-left: .1rem
}

.huaweiclone .sec5 .sec5_2 .stepBTN,
.huaweiclone .sec5 .sec5_2 .ywrapper {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.huaweiclone .sec5 .sec5_2 .ywrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 2.5rem;
    height: auto;
    opacity: .5;
    cursor: pointer
}

.huaweiclone .sec5 .sec5_2 .ywrapper span {
    height: .65rem;
    width: .65rem;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    /* padding: .05rem; */
    text-align: center;
    line-height: .65rem;
    font-size: .35rem
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .huaweiclone .sec5 .sec5_2 .ywrapper span {
        line-height: .75rem
    }
}

.huaweiclone .sec5 .sec5_2 .ywrapper p {
    font-size: .18rem;
    text-align: center;
    margin-top: .2rem;
    line-height: .25rem;
    font-weight: 650;
    white-space: pre-wrap;
    width: 100%
}

.huaweiclone .sec5 .sec5_2 .ywrapper.active {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.huaweiclone .sec5 .sec5_2 .stepWrap {
    margin-left: -.7rem;
    margin-top: .5rem;
    height: 5.48rem;
    width: 10.24rem;
    font-size: .24rem
}

@media (max-width:751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap {
        height: 8.4588rem;
        width: 10.07rem;
        font-size: .24rem;
        margin-left: -.36rem
    }
}

.huaweiclone .sec5 .sec5_2 .stepWrap figure {
    background-position: 50%!important;
    background-size: cover!important;
    height: 5.48rem;
    width: 10.24rem;
    margin-bottom: .7rem
}

@media (max-width:751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap figure {
        height: 8.4588rem;
        width: 10.07rem
    }
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step:first-child>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-1-new1220.jpg)
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(2)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-2-new1220.jpg)
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(3)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-3-new1220.jpg)
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:first-child>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-1-new1220.jpg)
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(2)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-2-new1220.jpg)
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(3)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-3-new1220.jpg)
}

@media (max-width:751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:first-child>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-1-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(2)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-2-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(3)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-3-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:first-child>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-1-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(2)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-2-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(3)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-3-new1220.jpg)
    }
    .huaweiclone .sec5 .sec5_2 .stepWrap p {
        font-size: .38937rem;
        width: 8.6rem!important;
        margin: 0 auto;
        line-height: .6rem!important
    }
}

.huaweiclone .sec5 .sec5_2 .stepWrap p {
    line-height: .4rem;
    width: 9.35rem;
    margin: 0 auto 0 .8rem
}

.huaweiclone .sec5 .sec5_2 .slick-slide:focus {
    outline: none
}

@media (max-width:751px) {
    .huaweiclone .sec5 .sec5_2 .stepBTN {
        left: 38%;
        position: relative;
        margin-left: -.3rem;
        height: 3.3rem
    }
    .huaweiclone .sec5 .sec5_2 .ywrapper {
        opacity: .5
    }
    .huaweiclone .sec5 .sec5_2 .ywrapper span {
        height: .85rem;
        width: .85rem;
        border: 1px solid #fff;
        border-radius: 100%;
        /* padding: .05rem; */
        text-align: center;
        line-height: .8rem;
        font-size: .45rem;
        color: #fff
    }
    .huaweiclone .sec5 .sec5_2 .ywrapper p {
        opacity: 0
    }
    .huaweiclone .sec5 .sec5_2 .ywrapper.active p {
        opacity: 1;
        width: 8.4rem;
        font-size: .42965rem;
        margin-top: .4rem;
        line-height: .6rem
    }
    .huaweiclone .sec5 .sec5_2 .ywrapper.active {
        opacity: 1
    }
    .huaweiclone .sec5 .sec5_2 .slick-dots {
        bottom: -58%
    }
    .huaweiclone .sec5 .sec5_2 .slick-dots li {
        margin: 0 .3rem
    }
    .huaweiclone .sec5 .sec5_2 .aBtnStyle {
        display: block;
        width: .2rem;
        height: .2rem;
        border-radius: 9999px;
        margin: 4px;
        border: .04rem solid #fff
    }
    .huaweiclone .sec5 .sec5_2 .slick-active .aBtnStyle {
        background: #fff
    }
}

.huaweiclone .sec6 {
    background: #fff;
    overflow: hidden;
    color: #000
}

.huaweiclone .sec6 .wrapper {
    width: 10.24rem;
    margin: 0 auto;
    height: 3rem;
    background-image: "";
    background-repeat: no-repeat;
    padding-top: 1px;
    background-size: contain
}

.huaweiclone .sec6 .wrapper h2 {
    font-size: .48rem;
    font-weight: 700;
    width: 34%;
    float: left
}

.huaweiclone .sec6 .wrapper .secTexts {
    font-size: .24rem;
    position: relative;
    z-index: 2
}

.huaweiclone .sec6 .wrapper .secTexts p {
    line-height: .3rem
}

.huaweiclone .sec6 .wrapper .rightT {
    float: right;
    height: 2rem;
    margin-top: .07rem;
    width: 6.2rem
}

@media (max-width:751px) {
    .huaweiclone .sec6 .wrapper {
        width: 100%;
        background-image: "";
        height: 6.042rem
    }
    .huaweiclone .sec6 .wrapper h2 {
        font-size: .64448rem;
        width: 70%;
        margin-left: .2rem
    }
    .huaweiclone .sec6 .wrapper .secTexts {
        font-size: .42965rem
    }
    .huaweiclone .sec6 .wrapper .secTexts p {
        line-height: .55rem;
        margin-left: .2rem
    }
    .huaweiclone .sec6 .wrapper .rightT {
        float: left;
        margin-top: .4rem;
        width: 98.4%;
        height: 4rem
    }
}

.huaweiclone .sec6 .secTexts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: visible
}

.huaweiclone .sec6 .secTexts h2 {
    margin-left: -.4rem
}

.huaweiclone .sec6 .hqhwcl {
    width: 4.4rem;
    height: .97rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.huaweiclone .sec6 .hqhwcl a {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    width: 1.8rem;
    height: .6rem;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat
}

.huaweiclone .sec6 .hqhwcl a:hover {
    opacity: .8
}

.huaweiclone .sec6 .hqhwcl a:first-child {
    background: url(/content/dam/honor/global/tech/emui/clone/img/footer-android.e353cef6.svg)
}

.huaweiclone .sec6 .hqhwcl a:nth-child(2) {
    background: url(/content/dam/honor/global/tech/emui/clone/img/footer-ios.0d6a0426.svg)
}

@media (max-width:751px) {
    .huaweiclone .sec6 .secTexts {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .huaweiclone .sec6 .secTexts h2 {
        text-align: center;
        width: 100%!important
    }
    .huaweiclone .sec6 .hqhwcl {
        height: 1.24868rem;
        width: 8.39167rem;
        margin-top: 1rem;
        margin-left: -.1rem
    }
    .huaweiclone .sec6 .hqhwcl a {
        background-repeat: no-repeat!important;
        background-size: contain!important;
        height: 1.2084rem;
        width: 3.6252rem
    }
}

.huaweiclone .emui9-discl {
    background: #f9f9f9
}

.huaweiclone .content-v3-remark {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 2560px
}

.huaweiclone .remark-text {
    font-size: 11px;
    color: #6f6f6f;
    line-height: 20px;
    text-align: left;
    padding: 30px 0
}

.huaweiclone .remark-text a {
    color: #007bff
}

.huaweiclone .sec1 {
    background: #FFF;
}

.fancybox-close {
    right: 0px!important
}

.huaweiclone .sec1 .wrapper h2 {
    font-size: .8rem !important
}


/* .huaweiclone .sec4 .wrapper figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg4-new.png);
}

@media (max-width: 751px){
.huaweiclone .sec4 .wrapper figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg4-new.png);
}} */

.huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(3)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-3.jpg);
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(3)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-3.jpg);
    }
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(3)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-3.jpg);
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(3)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-3.jpg);
    }
}

.huaweiclone .secTexts {
    margin-top: 1.2rem;
}

.huaweiclone .sec2 .secTexts {
    margin-top: 0.2rem;
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step:first-child>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-1.jpg);
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:first-child>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-1.jpg);
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:first-child>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-1.jpg);
    }
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:first-child>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-1.jpg);
    }
}

.huaweiclone .sec1 .wrapper {
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg1.jpg);
}

.huaweiclone .sec2 .wrapper {
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg2.jpg);
}

.huaweiclone .sec3 .wrapper figure {
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg3.png);
}

.huaweiclone .sec4 .wrapper figure {
    background-image: url(/content/dam/honor/global/tech/emui/clone/img/ENsecbg4.png);
}

@media (max-width: 751px) {
    .huaweiclone .sec1 .wrapper {
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg1.jpg);
    }
    .huaweiclone .sec2 .wrapper {
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg2.jpg);
    }
    .huaweiclone .sec3 .wrapper figure {
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg3.png);
    }
    .huaweiclone .sec4 .wrapper figure {
        background-image: url(/content/dam/honor/global/tech/emui/clone/img/MENsecbg4.png);
    }
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(2)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-en-2.jpg);
}

.huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(2)>figure {
    background: url(/content/dam/honor/global/tech/emui/clone/img/PC-ios-en-2.jpg);
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step:nth-child(2)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/Mob-en-2.jpg);
    }
}

@media (max-width: 751px) {
    .huaweiclone .sec5 .sec5_2 .stepWrap .step.step_ios:nth-child(2)>figure {
        background: url(/content/dam/honor/global/tech/emui/clone/img/mob-IOS-en-2.jpg);
    }
}

.huaweiclone .sec6 .hqhwcl a:first-child {
    background: url(/content/dam/honor/global/tech/emui/clone/img/badge-appgallery.svg);
}

h2.secTextTitle {
    color: #000;
    font-weight: bold;
}

.footer-box-v2 .np li h3 {
    font-size: 16px;
}

.footer-box-v2 li .item-link a,
.footer-box-v2 li .item-link p,
.footer-box-v2 .footer-bottom a,
.footer-box-v2 .footer-bottom p {
    font-size: 14px;
}

.footer-box-v2 .footer-bottom a.btn-country {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .footer-box-v2 li .item-link a,
    .footer-box-v2 .footer-bottom a {
        font-size: 16px;
    }
}

@media screen and (max-width: 414px) {
    .footer-box-v2 .np li h3,
    .footer-box-v2 li .item-link a,
    .footer-box-v2 .footer-bottom a,
    .footer-box-v2 .footer-bottom a.btn-country {
        font-size: 14px;
    }
}