/* -------------- common start -------------- */

.galileo {
    position: relative;
    box-sizing: border-box;
    line-height: 1.6;
}

.galileo * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.galileo a {
    color: inherit;
}

.galileo img {
    width: 100%;
}

.galileo picture {
    width: 100%;
    display: block;
}

.galileo .blur-up {
    filter: blur(5px);
    transition: filter 400ms;
}

.galileo .blur-up.lazyloaded {
    filter: blur(0);
}

.galileo .lazyload:not([src]) {
    display: none;
}

.galileo .is-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.galileo .nowrap {
    white-space: nowrap;
}

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

.galileo .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;
}

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

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

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

.galileo sup {
    position: relative;
    line-height: 0;
    font-size: 64%;
}

.galileo sub {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 64%;
}
.buy-4-img{
    margin-top: 4vw;
}
.galileo sub.da-point,
.galileo sup.da-point {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 64%;
    cursor: pointer;
}

.galileo sub.da-point {
    bottom: -0.5em;
}

.galileo sup.da-point {
    top: -0.5em;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo sup.da-point {
        top: -0.7em;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo sup.da-point {
        top: -0.7em;
    }
}

.galileo .hidden {
    display: none !important;
}

.galileo .is-scroll {
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: none;
    will-change: transform;
}

@media screen and (max-width: 1365px),
screen and (max-aspect-ratio: 1 / 1),
screen and (max-width: 1366px) and (min-height: 800px) {
    .galileo .is-scroll {
        transition: none;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .is-scroll {
        transition: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .is-scroll {
        transition: none;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .is-scroll {
        transition: none;
    }
}

.galileo .is-scroll2 {
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    -ms-transition: none;
}

@media screen and (max-width: 1365px),
screen and (max-aspect-ratio: 1 / 1),
screen and (max-width: 1366px) and (min-height: 800px) {
    .galileo .is-scroll2 {
        transition: none;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .is-scroll2 {
        transition: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .is-scroll2 {
        transition: none;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .is-scroll2 {
        transition: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .hidden-ie {
        display: none;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .hidden-ie {
        display: none;
    }
}

.galileo .show-ie {
    display: none;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .show-ie {
        display: block;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .show-ie {
        display: block;
    }
}

.galileo .is-toggle {
    opacity: 0;
    z-index: -999 !important;
}

.galileo .is-sticky {
    position: sticky !important;
    top: 0;
}

.galileo .common-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.galileo .common-container {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    width: 68.22917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-container {
        width: 41.66667vw;
    }
}

.galileo .common-row {
    display: flex;
    flex-wrap: wrap;
}

.galileo .common-row .col-1,
.galileo .common-row .col-2,
.galileo .common-row .col-3,
.galileo .common-row .col-4,
.galileo .common-row .col-5,
.galileo .common-row .col-6,
.galileo .common-row .col-7,
.galileo .common-row .col-8,
.galileo .common-row .col-9,
.galileo .common-row .col-10,
.galileo .common-row .col-11,
.galileo .common-row .col-12,
.galileo .common-row .col,
.galileo .common-row .col-auto,
.galileo .common-row .col-mob-1,
.galileo .common-row .col-mob-2,
.galileo .common-row .col-mob-3,
.galileo .common-row .col-mob-4,
.galileo .common-row .col-mob-5,
.galileo .common-row .col-mob-6,
.galileo .common-row .col-mob-7,
.galileo .common-row .col-mob-8,
.galileo .common-row .col-mob-9,
.galileo .common-row .col-mob-10,
.galileo .common-row .col-mob-11,
.galileo .common-row .col-mob-12,
.galileo .common-row .col-mob,
.galileo .common-row .col-mob-auto {
    position: relative;
    width: 100%;
}

.galileo .common-row .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.galileo .common-row .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.galileo .common-row .col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.galileo .common-row .col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.galileo .common-row .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.galileo .common-row .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.galileo .common-row .col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.galileo .common-row .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.galileo .common-row .col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.galileo .common-row .col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.galileo .common-row .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.galileo .common-row .col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.galileo .common-row .col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.galileo .common-row .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.galileo .common-row .order-first {
    order: -1;
}

.galileo .common-row .order-last {
    order: 13;
}

.galileo .common-row .order-0 {
    order: 0;
}

.galileo .common-row .order-1 {
    order: 1;
}

.galileo .common-row .order-2 {
    order: 2;
}

.galileo .common-row .order-3 {
    order: 3;
}

.galileo .common-row .order-4 {
    order: 4;
}

.galileo .common-row .order-5 {
    order: 5;
}

.galileo .common-row .order-6 {
    order: 6;
}

.galileo .common-row .order-7 {
    order: 7;
}

.galileo .common-row .order-8 {
    order: 8;
}

.galileo .common-row .order-9 {
    order: 9;
}

.galileo .common-row .order-10 {
    order: 10;
}

.galileo .common-row .order-11 {
    order: 11;
}

.galileo .common-row .order-12 {
    order: 12;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-row .col-mob {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .galileo .common-row .col-mob-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .galileo .common-row .col-mob-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .galileo .common-row .col-mob-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .galileo .common-row .col-mob-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .galileo .common-row .col-mob-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .galileo .common-row .col-mob-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .galileo .common-row .col-mob-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .galileo .common-row .col-mob-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .galileo .common-row .col-mob-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .galileo .common-row .col-mob-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .galileo .common-row .col-mob-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .galileo .common-row .col-mob-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .galileo .common-row .col-mob-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .galileo .common-row .order-first {
        order: -1;
    }
    .galileo .common-row .order-last {
        order: 13;
    }
    .galileo .common-row .order-0 {
        order: 0;
    }
    .galileo .common-row .order-1 {
        order: 1;
    }
    .galileo .common-row .order-2 {
        order: 2;
    }
    .galileo .common-row .order-3 {
        order: 3;
    }
    .galileo .common-row .order-4 {
        order: 4;
    }
    .galileo .common-row .order-5 {
        order: 5;
    }
    .galileo .common-row .order-6 {
        order: 6;
    }
    .galileo .common-row .order-7 {
        order: 7;
    }
    .galileo .common-row .order-8 {
        order: 8;
    }
    .galileo .common-row .order-9 {
        order: 9;
    }
    .galileo .common-row .order-10 {
        order: 10;
    }
    .galileo .common-row .order-11 {
        order: 11;
    }
    .galileo .common-row .order-12 {
        order: 12;
    }
}

.galileo .common-spacing {
    height: 10.41667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-spacing {
        height: 27.77778vw;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-summary {
        width: 41.66667vw;
        margin: 0 auto;
    }
}

.galileo .common-pb {
    margin-bottom: 2.08333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-pb {
        margin-bottom: 5.55556vw;
    }
}

.galileo .common-title {
    font-size: 3.33333vw;
    line-height: 1.25;
    font-weight: 700;
    color: #1e2022;
    letter-spacing: calc(-0.037em + 0.526px);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-title {
        width: 100%;
        font-size: 11.11111vw;
    }
}

.galileo .common-title.common-title2 {
    color: #fff;
    font-size: 2.5vw;
    margin-bottom: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-title.common-title2 {
        font-size: 6.66667vw;
        margin-bottom: 4.16667vw;
    }
}

.galileo .common-title.common-title3 {
    color: #171717;
    font-size: 2.5vw;
    margin-bottom: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-title.common-title3 {
        font-size: 6.66667vw;
        margin-bottom: 4.16667vw;
    }
}

.galileo .common-desc {
    font-size: 1.14583vw;
    line-height: 1.6;
    font-weight: 500;
    color: #1e2022;
    letter-spacing: calc(-0.037em + 0.526px);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-desc {
        width: 100%;
        font-size: 4.44444vw;
    }
}

.galileo .common-desc.common-desc2 {
    color: #fff;
    font-size: 0.9375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-desc.common-desc2 {
        font-size: 3.88889vw;
    }
}

.galileo .common-desc.common-desc3 {
    color: #171717;
    font-size: 0.9375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-desc.common-desc3 {
        font-size: 3.88889vw;
    }
}

.galileo .common-more-btn {
    font-size: 0.83333vw;
    font-weight: 700;
    line-height: 1.6;
    color: #1f71ff;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-more-btn {
        font-size: 3.88889vw;
    }
}

.galileo .common-more-btn2 {
    display: inline-block;
    font-size: 0.83333vw;
    font-weight: 500;
    color: #171717;
    border: 1px solid #707070;
    border-radius: 4.6875vw;
    padding: 0.52083vw 1.25vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-more-btn2 {
        font-size: 2.77778vw;
        border-radius: 12.5vw;
        padding: 1.38889vw 4.16667vw;
    }
}

.galileo .common-more-btn2.white-font {
    color: #fff;
}

.galileo .cf:before,
.galileo .cf:after {
    content: " ";
    display: table;
}

.galileo .cf:after {
    clear: both;
}

.galileo .cf {
    zoom: 1;
}

.galileo .text-left {
    text-align: left !important;
}

.galileo .text-right {
    text-align: right !important;
}

.galileo .text-center {
    text-align: center !important;
}

.galileo #trigger-block {
    position: relative;
}

.galileo .last-notes {
    position: relative;
    padding-bottom: 120px;
}

.galileo .last-notes .last-notes-container {
    position: relative;
    width: 82.1875vw;
    margin: 0 auto;
    border-top: 1px solid #9b9b9b;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .last-notes .last-notes-container {
        width: 91.66667vw;
        padding: 0;
    }
}

.galileo .last-notes .last-notes-container .notes-list {
    list-style: decimal;
    margin: 0;
    padding-top: 1.5625vw;
    padding-left: 1.25vw;
    font-size: 0.67708vw;
    line-height: 1.6;
    font-weight: 400;
    color: #211d1e;
}

@media screen and (max-width: 1773px) {
    .galileo .last-notes .last-notes-container .notes-list {
        font-size: 12px;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .last-notes .last-notes-container .notes-list {
        padding-top: 4.16667vw;
        padding-left: 5.27778vw;
        font-size: 3.05556vw;
    }
}

.galileo .last-notes .last-notes-container .notes-list>li {
    padding: 0.26042vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .last-notes .last-notes-container .notes-list>li {
        padding: 0.69444vw 0;
    }
}

.galileo .last-notes .last-notes-container .notes-list>li.current {
    color: #000;
    font-weight: bold;
}

.galileo .last-notes .last-notes-container .notes-list>li i {
    font-weight: normal;
    white-space: pre-wrap;
    word-break: break-all;
}

.galileo .last-notes .last-notes-container .notes-list .last,
.galileo .last-notes .last-notes-container .notes-list .last2 {
    position: relative;
    list-style: none;
}

.galileo .last-notes .last-notes-container .notes-list .last::before,
.galileo .last-notes .last-notes-container .notes-list .last2::before {
    content: "*";
    position: absolute;
    top: 0.15625vw;
    left: -0.67708vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .last-notes .last-notes-container .notes-list .last::before,
    .galileo .last-notes .last-notes-container .notes-list .last2::before {
        top: 0.55556vw;
        left: -1.38889vw;
    }
}

.galileo .last-notes .last-notes-container .notes-list .last2::before {
    content: "**";
}

.galileo .last-notes .last-notes-container .notes-list .last-li {
    list-style: none;
}

.galileo .last-notes .last-notes-container .notes-list .tip-a {
    color: #6aa2da;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .show-pc {
        display: none !important;
    }
}

@media (min-width: 639px) and (max-width: 1200px) {
    .hide-pad {
        display: none !important;
    }
}

.show-pad {
    display: none !important;
}

@media (min-width: 639px) and (max-width: 1200px) {
    .show-pad {
        display: block !important;
    }
}

.show-mob {
    display: none !important;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .show-mob {
        display: block !important;
    }
}


/* -------------- common end -------------- */

.galileo {
    background-color: #f4f4f4;
    overflow: hidden;
}

.galileo .galileo-gif {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2px;
}

.galileo .galileo-svg {
    position: relative;
    z-index: 3;
}

.galileo .galileo-big-title {
    font-weight: 800;
    color: #fff;
    font-size: 8.75vw;
    line-height: 1;
    margin-bottom: 2.60417vw;
    letter-spacing: normal;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-big-title {
        font-size: 18.33333vw;
        margin-bottom: 3.05556vw;
    }
}

.galileo .galileo-large-title {
    position: relative;
    text-align: center;
    line-height: 1.25;
    font-weight: 800;
    color: #fff;
    font-size: 1.66667vw;
    margin-bottom: 2.08333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-large-title {
        font-weight: 700;
        font-size: 5.66667vw;
        margin-bottom: 4.16667vw;
    }
}

.galileo .galileo-large-title2 {
    position: relative;
    margin: 0 auto;
    width: 41.66667vw;
    margin-bottom: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-large-title2 {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
}

.galileo .galileo-large-title2 b {
    display: inline-block;
    width: 11.19792vw;
    height: 8.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-large-title2 b {
        width: 23.88889vw;
        height: 19.02778vw;
    }
}

.galileo .galileo-play-again {
    opacity: 0;
    vertical-align: top;
    display: inline-block;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-play-again.svg) no-repeat left center;
    background-size: 1.04167vw 1.04167vw;
    padding-left: 1.30208vw;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.galileo .galileo-play-again:active {
    transform: translateY(0.05208vw);
    opacity: 0.7 !important;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-play-again {
        background-size: 3.88889vw 3.88889vw;
        padding-left: 5vw;
        font-size: 2.77778vw;
        line-height: 3.88889vw;
    }
    .galileo .galileo-play-again:active {
        transform: translateY(0.13889vw);
    }
}

.galileo .galileo-sec-black {
    z-index: 1;
    position: relative;
    background-color: #000;
    color: #fff;
}

.galileo .galileo-watch-bg {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding-top: 90%;
    border-radius: 100%;
    overflow: hidden;
    background-color: #000;
}

.galileo #triggerSec1 {
    position: absolute;
    top: -180px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .galileo #triggerSec1 {
        top: -132px;
    }
}

@media screen and (max-width: 991px) {
    .galileo #triggerSec1 {
        top: -152px;
    }
}

.galileo #triggerKVHidden {
    position: absolute;
    top: 240vh;
}

.galileo .galileo-sec1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec1 {
        height: 150vh;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec1 {
        height: 150vh;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container {
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding-top: 180px;
    overflow: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .galileo .galileo-sec1 .galileo-sec1-container {
        padding-top: 132px;
    }
}

@media screen and (max-width: 991px) {
    .galileo .galileo-sec1 .galileo-sec1-container {
        padding-top: 152px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec1 .galileo-sec1-container {
        position: static;
        padding-top: 0;
        height: 150vh;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec1 .galileo-sec1-container {
        position: static;
        padding-top: 0;
        height: 150vh;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-overlay {
    pointer-events: none;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan {
    z-index: 1;
    position: relative;
    text-align: center;
    padding-top: 6.25vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan {
        padding-top: 17.01389vw;
    }
}

@media screen and (min-width: 640px) and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan {
        padding-top: 11.11111vw;
    }
}

@media screen and (min-width: 665px) and (max-width: 745px) and (min-height: 670px) and (max-height: 780px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan {
        padding-top: 6.94444vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-slogan-img {
    display: inline-block;
    width: 34.375vw;
    height: 3.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-slogan-img {
        width: 80.55556vw;
        height: 7.5vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-desc {
    font-weight: 400;
    font-size: 2.1875vw;
    line-height: 1;
    color: #fff;
    letter-spacing: 2.60417vw;
    padding-left: 2.60417vw;
    padding-top: 1.19792vw;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-desc {
        letter-spacing: 4.16667vw;
        padding-left: 5.55556vw;
        padding-top: 2.91667vw;
        font-size: 5.83333vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-desc2 {
    padding-top: 1.5625vw;
    font-weight: 400;
    font-size: 1.09375vw;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-slogan .galileo-sec1-desc2 {
        padding-top: 4.16667vw;
        font-size: 2.29167vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-group {
    position: relative;
    margin-top: 2.8125vw;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-group {
        margin-top: 6.38889vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-group .galileo-sec1-btn {
    display: inline-block;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-play-small.svg) no-repeat left center;
    background-size: 1.82292vw 1.82292vw;
    padding-left: 2.23958vw;
    color: #fff;
    font-weight: 700;
    font-size: 1.04167vw;
    line-height: 1.82292vw;
    height: 1.82292vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-group .galileo-sec1-btn {
        background-size: 6.66667vw 6.66667vw;
        padding-left: 8.33333vw;
        font-size: 4.16667vw;
        line-height: 6.66667vw;
        height: 6.66667vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-kv {
    pointer-events: none;
    position: relative;
    z-index: 2;
    padding-top: 1.19792vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-kv {
        padding-top: 9.16667vw;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-kv::before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 30%, #000 60%, #000);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-kv::before {
        display: none;
    }
}

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
    z-index: 5;
    position: absolute;
    display: block;
    right: 6.25vw;
    bottom: 5.20833vw;
    width: 10.78125vw;
    height: 3.17708vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
        display: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
        right: 14.21875vw;
        bottom: 11.97917vw;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
        right: 14.21875vw;
        bottom: 11.97917vw;
    }
}

@media screen and (min-height: 665px) and (max-height: 745px) and (min-width: 670px) and (max-width: 780px) and (min-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
        width: 15.625vw;
        height: 5.20833vw;
        bottom: 10.41667vw;
    }
}

@media screen and (min-width: 1360px) and (max-width: 1370px) {
    .galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
        bottom: 2.60417vw;
    }
}

.galileo .galileo-sec2-spacing {
    pointer-events: none;
    z-index: 5;
    position: relative;
    height: 70vh;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, black 80%, black, #000);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2-spacing {
        margin-top: -50vh;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec2-spacing {
        height: 50vh;
        margin-top: -50vh;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec2-spacing {
        height: 50vh;
        margin-top: -50vh;
    }
}

@media screen and (min-width: 640px) and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2-spacing {
        margin-top: 0vh;
    }
}

@media screen and (min-width: 665px) and (max-width: 745px) and (min-height: 670px) and (max-height: 780px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2-spacing {
        height: 70vh;
        margin-top: 0;
    }
}

@media screen and (min-height: 665px) and (max-height: 745px) and (min-width: 670px) and (max-width: 780px) and (min-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2-spacing {
        height: 50vh;
        margin-top: -20vh;
    }
}

.galileo .galileo-sec2 .galileo-sec2-container {
    margin: 0 auto;
    width: 72.39583vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card {
    height: 11.875vw;
    background-color: #121314;
    border-radius: 1.5625vw;
    padding: 0 3.90625vw;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card {
        height: 74.02778vw;
        height: auto;
        border-radius: 2.5vw;
        padding: 0vw 6.94444vw 5.27778vw;
    }
}

.galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item {
    max-width: 25%;
    flex: 0 0 25%;
    padding-top: 2.55208vw;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item {
        max-width: 50%;
        flex: 0 0 50%;
        padding-top: 8.88889vw;
    }
}

.galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-btn {
    display: inline-block;
}

.galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-img {
    width: 4.6875vw;
    height: 4.6875vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-img {
        width: 15.27778vw;
        height: 15.27778vw;
    }
}

.galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-subtitle {
    margin-top: 0.625vw;
    display: block;
    font-size: 0.72917vw;
    font-weight: 700;
    color: #1676f7;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-subtitle {
        margin-top: 2.5vw;
        margin-bottom: 3.61111vw;
        font-size: 2.77778vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block {
    width: 72.70833vw;
    margin: 0 auto;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-items {
    margin: -0.78125vw;
    justify-content: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-items {
        margin: -2.08333vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item {
    position: relative;
    display: block;
    padding: 0.78125vw;
    flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item {
        padding: 2.08333vw;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-text {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-text .sec3-card-title {
    font-size: 1.45833vw;
    line-height: 1.25;
    color: #fff;
    padding-bottom: 0.52083vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-text .sec3-card-title {
        font-size: 4.44444vw;
        padding-bottom: 1.38889vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-text .sec3-card-desc {
    font-size: 0.83333vw;
    line-height: 1.6;
    color: #888;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-text .sec3-card-desc {
        font-size: 2.22222vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item0 {
    padding: 0;
    display: flex;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 {
    height: 43.22917vw;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 {
        height: 115.27778vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text {
    padding-top: 3.64583vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text {
        padding-top: 9.30556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text .sec3-card-title {
    font-size: 2.60417vw;
    font-weight: 800;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text .sec3-card-title {
        font-size: 4vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text .sec3-card-desc {
    font-size: 0.83333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-text .sec3-card-desc {
        font-size: 2.77778vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -12%) scale(0.7);
    bottom: 0;
    width: 22.76042vw;
    height: 30.20833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item1 .sec3-card-img {
        width: 60.69444vw;
        height: 80.55556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 {
    flex: 0 0 100%;
    max-width: 100%;
    height: 16.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 {
        height: 37.5vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text {
    margin-top: 3.38542vw;
    margin-left: 5.20833vw;
    width: 10.67708vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text {
        margin-top: 2.77778vw;
        margin-left: 10.55556vw;
        width: 29.30556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-title {
    font-size: 1.5625vw;
    padding-bottom: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-title {
        font-size: 5vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-title>span {
    font-size: 4.89583vw;
    font-weight: 800;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-title>span {
        font-size: 16.66667vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-desc {
    margin-top: -0.3125vw;
    margin-left: 0.3125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-text .sec3-card-desc {
        margin-top: -0.83333vw;
        margin-left: 0.83333vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .galileo-sec3-14day {
    position: absolute;
    width: 8.54167vw;
    height: 8.54167vw;
    top: 3.28125vw;
    right: 7.29167vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .galileo-sec3-14day {
        width: 20vw;
        height: 20vw;
        top: 6.66667vw;
        right: 17.08333vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .galileo-sec3-14day video {
    border-radius: 100%;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 .sec3-card-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 {
    height: 26.5625vw;
}

@media screen and (max-width: 639px), screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 {
        flex: 0 0 50%;
        max-width: 50%;
        height: 81.05556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .sec3-card-text,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .sec3-card-text {
    margin-top: 1.97917vw;
    margin-left: 2.08333vw;
    width: 12.8125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .sec3-card-text,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .sec3-card-text {
        margin-top: 3.75vw;
        margin-left: 4.16667vw;
        width: 35.41667vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .sec3-card-img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .sec3-card-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .sec3-card-img .buy-4-img,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .sec3-card-img .buy-4-img {
        margin-top: 14.55556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .galileo-sec3-health,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .galileo-sec3-health {
    position: absolute;
    width: 11.45833vw;
    height: 11.45833vw;
    bottom: 0;
    right: 2.76042vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .galileo-sec3-health,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .galileo-sec3-health {
        width: 30.55556vw;
        height: 30.55556vw;
        bottom: 5.5vw;
        right: 7.29167vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item3 .galileo-sec3-health .galileo-sec3-health-overlay,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item4 .galileo-sec3-health .galileo-sec3-health-overlay {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item5,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 {
    height: 13.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item5,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 {
        height: 36.11111vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item5 .sec3-card-img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 .sec3-card-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item5 .sec3-card-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.125vw;
    width: 12.29167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item5 .sec3-card-text {
        left: 5.55556vw;
        width: 32.22222vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 .sec3-card-text {
    top: 50%;
    transform: translateY(-50%);
    left: 3.125vw;
    width: 11.875vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 .sec3-card-text {
        left: 5.55556vw;
        width: 35.83333vw;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 .sec3-card-text .sec3-card-desc {
        width: 30.13889vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1 {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.9375vw;
    background-color: #121314;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1 {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card .sec3-card-arr,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1 .sec3-card-arr {
    display: inline-block;
    cursor: pointer;
    z-index: 3;
    position: absolute;
    right: 1.5625vw;
    bottom: 1.5625vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 100%;
    overflow: hidden;
    background-color: #242424;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card .sec3-card-arr,
    .galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1 .sec3-card-arr {
        right: 2.77778vw;
        bottom: 2.77778vw;
        width: 6.66667vw;
        height: 6.66667vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card .sec3-card-arr img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1 .sec3-card-arr img {
    width: 100%;
    transform: translateY(-50%);
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card:hover .sec3-card-arr img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card.hover .sec3-card-arr img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1:hover .sec3-card-arr img,
.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card1.hover .sec3-card-arr img {
    transform: translateY(0%);
}

.galileo .galileo-sec4 .galileo-sec4-video {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 44.79167vw;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec4 .galileo-sec4-video {
        width: 100vw;
        height: 138.88889vw;
    }
}

.galileo .galileo-sec4 .galileo-sec4-video .galileo-sec4-group {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec4 .galileo-sec4-video .galileo-sec4-group {
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, 50%);
    }
}

.galileo .galileo-sec4 .galileo-sec4-video .galileo-sec4-group .galileo-sec4-btn {
    display: inline-block;
    padding-left: 3.125vw;
    font-size: 1.40625vw;
    font-weight: 700;
    color: #fff;
    line-height: 2.5vw;
    height: 2.5vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-play-big.svg) no-repeat left center;
    background-size: 2.5vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec4 .galileo-sec4-video .galileo-sec4-group .galileo-sec4-btn {
        width: 66.66667vw;
        text-align: center;
        padding-left: 0;
        padding-top: 22.5vw;
        font-size: 6.11111vw;
        line-height: 9.02778vw;
        height: auto;
        background-position: top center;
        background-size: 19.44444vw;
    }
}

.galileo .galileo-title-bg-video {
    padding: 2px;
    z-index: 1;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-title-bg-video {
        display: none;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-title-bg-video {
        display: none;
    }
}

.galileo .galileo-sec5 {
    position: relative;
}

.galileo .galileo-sec5 .galileo-large-title2 {
    width: 40.3125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-large-title2 {
        width: 83.33333vw;
        text-align: left !important;
        margin-bottom: 1.38889vw;
    }
}

.galileo .galileo-sec5 .galileo-sec5-summary {
    margin: 0 auto;
    width: 40.3125vw;
    text-align: right;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-summary {
        width: 83.33333vw;
        text-align: left;
    }
}

.galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-title {
    font-size: 7.1875vw;
    line-height: 1.25;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-title {
        font-size: 14.44444vw;
    }
}

.galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-desc {
    display: inline-block;
    width: 30.83333vw;
    color: #fff;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-desc {
        width: 100%;
        font-size: 4.44444vw;
    }
}

.galileo .galileo-sec5 .galileo-sec5-product {
    position: relative;
    height: 53.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-product {
        height: 68.47222vw;
    }
}

.galileo .galileo-sec5 .galileo-sec5-product .galileo-sec5-img {
    z-index: 3;
    position: relative;
}

.galileo .galileo-sec5 .galileo-sec5-product .galileo-sec5-video {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45.6%, -79.6%);
    width: 44.375vw;
    height: 24.16667vw;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-product .galileo-sec5-video {
        width: 66.66667vw;
        height: 36.80556vw;
        transform: translate(-50%, -61%);
    }
}

.galileo .galileo-sec6-spacing {
    pointer-events: none;
    z-index: 4;
    position: relative;
    height: 10.41667vw;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7) 30%, #000);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6-spacing {
        height: 27.77778vw;
    }
}

.galileo .galileo-sec6 {
    z-index: 6;
    position: relative;
    background-color: #000;
}

.galileo .galileo-sec6 .galileo-sec6-summary {
    width: 56.66667vw;
    margin: 0 auto;
    text-align: right;
    padding-bottom: 2.91667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-summary {
        width: 83.33333vw;
        text-align: left;
        padding-bottom: 6.80556vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-summary .galileo-sec6-title,
.galileo .galileo-sec6 .galileo-sec6-summary .galileo-sec6-desc {
    color: #fff;
}

.galileo .galileo-sec6 .galileo-sec6-summary .galileo-sec6-desc {
    display: inline-block;
    width: 34.89583vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-summary .galileo-sec6-desc {
        width: 83.33333vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block {
    position: relative;
    width: 72.70833vw;
    margin: 0 auto;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item .galileo-sec6-card {
    position: relative;
    overflow: hidden;
    background-color: #121314;
    width: 100%;
    height: 100%;
    border-radius: 1.04167vw;
    transform: rotate(0deg);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item .galileo-sec6-card {
        border-radius: 2.77778vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item .galileo-sec6-card>div {
    height: 100%;
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(1) {
    width: 43.125vw;
    height: 42.70833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(1) {
        width: 91.66667vw;
        height: 97.22222vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(2) {
    width: 43.125vw;
    height: 23.75vw;
    padding-left: 8.02083vw;
    margin-top: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(2) {
        width: 91.66667vw;
        height: 58.33333vw;
        padding-left: 0;
        margin-top: 4.16667vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(3) {
    position: absolute;
    top: 0;
    right: 0;
    width: 28.02083vw;
    margin-top: 17.44792vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(3) {
        width: 91.66667vw;
        margin-top: 4.16667vw;
        position: static;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(3) .galileo-sec6-card {
    height: 36.97917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(3) .galileo-sec6-card {
        height: 119.44444vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group {
    margin-top: 1.5625vw;
    height: 1.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group {
        margin-top: 6.38889vw;
        height: auto;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left {
    position: relative;
    max-width: 59%;
    flex: 0 0 59%;
    text-align: right;
    height: 1.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left {
        max-width: 100%;
        flex: 0 0 100%;
        height: 6.11111vw;
        text-align: center;
        margin-top: 2.5vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left span {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.14583vw;
    font-weight: bold;
    line-height: 1.66667vw;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateX(-15%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left span {
        font-size: 4.44444vw;
        line-height: 6.11111vw;
        transform: translate(0, 70%);
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left span.active {
    opacity: 1;
    transform: translateX(0%);
    transition-delay: 0.3s;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-left span.active {
        transform: translate(0, 0%);
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right {
    max-width: 41%;
    flex: 0 0 41%;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right {
        max-width: 100%;
        flex: 0 0 100%;
        order: -1;
        text-align: center;
        position: relative;
        z-index: 2;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn {
    cursor: pointer;
    display: inline-block;
    margin: 0 1.14583vw;
    width: 1.66667vw;
    height: 1.66667vw;
    border-radius: 4.6875vw;
    border: 0.20833vw solid #1d1d1d;
    background-color: #464646;
    transition: width 0.5s;
    transition-delay: 0s;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn {
        margin: 0 2.08333vw;
        width: 6.11111vw;
        height: 6.11111vw;
        border-radius: 12.5vw;
        border: 0.69444vw solid #1d1d1d;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:active {
    transform: scale(0.92);
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(2) {
    margin: 0 1.14583vw 0 0;
    border-color: #2e2224;
    background-color: #7c523d;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(2) {
        margin: 0 2.08333vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(3) {
    margin: 0;
    border-color: #2c2b2b;
    background: linear-gradient(#f8f8f8, #e3e3e3 30%, #797979 72%, #b5b5b5);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(3) {
        margin: 0 2.08333vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn.active {
    width: 4.63542vw;
    transition-delay: 0s;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-group .sec6-group-right .galileo-sec6-btn.active {
        width: 16.80556vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-card-img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transition: opacity 0.5s ease-out;
    will-change: opacity;
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-card-img.active {
    opacity: 1;
}

.galileo .galileo-sec6 .galileo-sec6-more {
    text-align: center;
    margin-top: 2.55208vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .galileo-sec6-more {
        margin-top: 5.97222vw;
    }
}

.galileo .galileo-sec8 {
    position: relative;
}

.galileo .galileo-sec8 .galileo-sec8-summary {
    width: 41.66667vw;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 3.48958vw;
    opacity: 0;
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-summary {
        width: 83.33333vw;
        text-align: left;
        padding-bottom: 1.875vw;
        transform: translateY(0%);
        opacity: 1;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-summary {
        transform: translateY(0%);
        opacity: 1;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-summary {
        transform: translateY(0%);
        opacity: 1;
    }
}

.galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-title,
.galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-desc {
    color: #fff;
}

.galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-desc {
    font-size: 0.9375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-desc {
        font-size: 4.44444vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-more {
    margin-top: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-more {
        margin-top: 4.02778vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-more .galileo-sec8-more-btn {
    display: inline-block;
    height: 1.66667vw;
    line-height: 1.66667vw;
    padding-left: 2.13542vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-theme.svg) no-repeat left center;
    background-size: 1.66667vw 1.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-summary .galileo-sec8-more .galileo-sec8-more-btn {
        height: 6.38889vw;
        line-height: 6.38889vw;
        padding-left: 7.77778vw;
        background-size: 6.38889vw 6.38889vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block {
    position: relative;
    margin: -1.30208vw -3.125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block {
        margin: -4.16667vw auto;
        width: 85vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs {
    height: 88.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 25.69444vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch {
    position: absolute;
    display: flex;
    width: 20%;
    padding: 1.30208vw 2.08333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch {
        position: static;
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 4.16667vw 2.77778vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img {
    position: relative;
    z-index: 1;
    width: 16.97917vw;
    height: 26.97917vw;
    opacity: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img {
        width: 36.94444vw;
        height: 58.75vw;
        opacity: 1;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img {
        opacity: 1;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img {
        opacity: 1;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img img {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-watch-img-dial {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50.5%, -51%);
    width: 13.4375vw;
    height: 13.4375vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-watch-img-dial {
        width: 28.75vw;
        height: 28.75vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-weather {
    opacity: 0;
    position: absolute;
    z-index: 5;
    bottom: 0.78125vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 2.96875vw;
    height: 0.98958vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-weather {
        opacity: 1;
        width: 6.80556vw;
        height: 2.36111vw;
        bottom: 1.66667vw;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-weather {
        opacity: 1;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-weather {
        opacity: 1;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch .galileo-sec8-watch-img .galileo-sec8-weather img {
    vertical-align: top;
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(1) {
    left: 0;
    top: 50%;
    transform: translateY(-20%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(1) {
        display: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(1) {
        transform: translateY(-50%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(1) {
        transform: translateY(-50%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(1) .galileo-sec8-watch-img::before {
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.4), #030303 65%, #000);
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) {
    top: 0;
    left: 20%;
    height: 50%;
    align-items: flex-end;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) {
        height: auto;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) .galileo-sec8-watch-img {
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(2) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) {
    left: 20%;
    bottom: 0;
    height: 50%;
    align-items: flex-start;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) {
        height: auto;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) .galileo-sec8-watch-img {
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(3) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) {
    top: 0;
    left: 40%;
    height: 33.33%;
    align-items: center;
    z-index: 5;
    transform: translateY(-21%) scale(4);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) {
        height: auto;
        transform: none;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) {
        transform: translateY(0%) scale(1);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) {
        transform: translateY(0%) scale(1);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) .galileo-sec8-watch-img {
    opacity: 1;
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) .galileo-sec8-watch-scale-img {
    opacity: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) .galileo-sec8-watch-scale-img {
        opacity: 1;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) .galileo-sec8-watch-scale-img {
        opacity: 1;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(4) .galileo-sec8-watch-scale-img {
        opacity: 1;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) {
    top: 50%;
    left: 40%;
    height: 33.33%;
    align-items: center;
    transform: translateY(-50%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) {
        height: auto;
        transform: translateY(0);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) .galileo-sec8-watch-img {
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(5) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) {
    bottom: 0;
    left: 40%;
    height: 33.33%;
    align-items: center;
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) .galileo-sec8-watch-img::before {
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent, #030303 45%, #000);
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) .galileo-sec8-watch-img .galileo-sec8-watch-img-dial {
    display: none;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) {
        height: auto;
    }
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) .galileo-sec8-watch-img::before {
        display: none;
    }
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(6) .galileo-sec8-watch-img .galileo-sec8-watch-img-dial {
        display: block;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) {
    top: 0;
    right: 20%;
    height: 50%;
    align-items: flex-end;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) {
        height: auto;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) .galileo-sec8-watch-img {
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(7) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) {
    bottom: 0;
    right: 20%;
    height: 50%;
    align-items: flex-start;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) {
        height: auto;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) .galileo-sec8-watch-img {
    transform: translateY(100%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(8) .galileo-sec8-watch-img {
        transform: translateY(0%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) {
    right: 0;
    top: 50%;
    transform: translateY(-20%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) {
        transform: translateY(0%);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) {
        transform: translateY(-50%);
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) {
        transform: translateY(-50%);
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) .galileo-sec8-watch-img::before {
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), #030303 65%, #000);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(9) .galileo-sec8-watch-img::before {
        display: none;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watchs .galileo-sec8-watch:nth-child(odd) {
        transform: translateY(-21.52778vw);
    }
}

.galileo .galileo-sec9 {
    position: relative;
    z-index: 2;
    margin-top: -13.54167vw;
    transform: translateY(10%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 {
        margin-top: -16.66667vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block {
    width: 72.70833vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-card {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 52.5vw;
    height: 100%;
    background-color: #121314;
    border-radius: 1.04167vw;
    box-shadow: 0 -2.60417vw 3.125vw rgba(0, 0, 0, 0.89);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-card {
        border-radius: 2.5vw;
        box-shadow: none;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-summary {
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left,
.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right {
    align-items: stretch;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left .galileo-sec9-card,
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right .galileo-sec9-card {
        height: auto;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left {
    max-width: 43.125vw;
    flex: 0 0 43.125vw;
    margin-right: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 4.16667vw;
    }
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left::before {
        z-index: 3;
        content: "";
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 10%;
        background-image: linear-gradient(to bottom, transparent, #030303 55%, #000);
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left .galileo-sec9-summary {
    padding-bottom: 39.89583vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-left .galileo-sec9-summary {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right {
    max-width: 28.02083vw;
    flex: 0 0 28.02083vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right .galileo-sec9-summary {
    padding-bottom: 38.22917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right .galileo-sec9-summary {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-watch {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -13%) scale(0.7);
    bottom: -5.9375vw;
    width: 26.71875vw;
    height: 42.1875vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-watch {
        position: relative;
        margin-top: 2.77778vw;
        bottom: -5.55556vw;
        width: 55.69444vw;
        height: 87.91667vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-watch img {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-watch .galileo-sec9-watch-dial {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.35417vw;
    height: 21.35417vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-watch .galileo-sec9-watch-dial {
        width: 44.30556vw;
        height: 44.30556vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs {
    position: absolute;
    left: 0;
    bottom: 5.625vw;
    width: 28.02083vw;
    height: 28.17708vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs {
        position: static;
        bottom: 0;
        margin-top: 8.33333vw;
        width: 91.66667vw;
        height: 82.5vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs .galileo-sec9-right-watch {
    position: relative;
    z-index: 1;
    width: 17.70833vw;
    height: 28.125vw;
    margin: 0 auto;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs .galileo-sec9-right-watch {
        width: 55.69444vw;
        height: 88.61111vw;
    }
}

.galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs .galileo-sec9-right-watch .galileo-sec9-right-dial {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13.95833vw;
    height: 13.95833vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec9 .galileo-sec9-block .galileo-sec9-right-watchs .galileo-sec9-right-watch .galileo-sec9-right-dial {
        width: 43.88889vw;
        height: 43.88889vw;
    }
}

.galileo .galileo-sec10 {
    position: relative;
}

.galileo .galileo-sec10 .galileo-large-title2 {
    width: 72.08333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec10 .galileo-large-title2 {
        width: 83.33333vw;
        text-align: left;
        margin-bottom: 2.77778vw;
    }
}

.galileo .galileo-sec10 .galileo-large-title2 b {
    display: inline-block;
    width: 13.85417vw;
    height: 8.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec10 .galileo-large-title2 b {
        width: 29.44444vw;
        height: 19.02778vw;
    }
}

.galileo .galileo-sec10 .galileo-sec10-summary {
    margin: 0 auto;
    width: 72.08333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec10 .galileo-sec10-summary {
        width: 83.33333vw;
    }
}

.galileo .galileo-sec10 .galileo-sec10-summary .galileo-sec10-desc {
    width: 18.33333vw;
    color: #fff;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec10 .galileo-sec10-summary .galileo-sec10-desc {
        width: 83.33333vw;
    }
}

.galileo .galileo-sec10 .galileo-sec10-img {
    position: relative;
    margin-top: -13.02083vw;
    height: 67.76042vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec10 .galileo-sec10-img {
        margin-top: 2.77778vw;
        height: 102.5vw;
    }
}

.galileo .galileo-sec10 .galileo-sec10-img::before {
    z-index: 2;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 17.08333vw;
    background-image: linear-gradient(to bottom, transparent, #000);
}

.galileo .galileo-sec11-sec12 {
    transform: translateY(10%);
}

.galileo .galileo-sec11 {
    position: relative;
}

.galileo .galileo-sec11 .galileo-sec11-container {
    margin: 0 auto;
    width: 72.70833vw;
    height: 36.45833vw;
    border-radius: 1.04167vw;
    background-color: #121314;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container {
        width: 91.66667vw;
        height: auto;
        border-radius: 2.5vw;
        overflow: hidden;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-left,
.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-right {
    flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-left,
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-left {
    padding: 0 0.9375vw 0 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-left {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-right {
    padding: 0 10.72917vw 0 7.86458vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-right {
        padding: 0;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary {
    position: relative;
    margin-top: 6.25vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary {
        margin-top: 0;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-more {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: -5.52083vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-more {
        position: static;
        margin-top: 6.11111vw;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group {
    margin-top: 1.45833vw;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group {
        margin: 10vw auto 0;
        text-align: center;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn {
    display: inline-block;
    vertical-align: top;
    margin-right: 1.71875vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn {
        margin-right: 7.77778vw;
    }
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn:last-child {
        margin-right: 0;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn .galileo-sec11-btn-icon {
    display: block;
    position: relative;
    width: 3.95833vw;
    height: 4.375vw;
    background: no-repeat top center;
    background-size: 3.95833vw 4.375vw;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0, 0.6, 0.3, 1);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn .galileo-sec11-btn-icon {
        width: 17.5vw;
        height: 19.30556vw;
        background-size: 17.5vw 19.30556vw;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn>b {
    margin-top: 1.04167vw;
    font-size: 0.72917vw;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    display: block;
    transition: all 0.5s ease-out;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn>b {
        font-size: 2.77778vw;
        margin-top: 2.22222vw;
        transform: translateY(2.77778vw);
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn:nth-child(1) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-1@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn:nth-child(2) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-3@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn:nth-child(3) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-4@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active>b {
    opacity: 1;
    margin-top: 0vw;
    transform: translateY(-0.26042vw);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active>b {
        transform: translateY(-2.08333vw);
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active>b {
        opacity: 1;
        margin-top: 0vw;
        transform: translateY(6%);
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active:nth-child(1) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-1-hover@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active:nth-child(2) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-3-hover@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active:nth-child(3) .galileo-sec11-btn-icon {
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-4-hover@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs {
    position: relative;
    width: 17.70833vw;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs {
        margin: 8.05556vw auto -5.55556vw;
        width: 55.55556vw;
        height: 87.77778vw;
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-watch {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    height: 100%;
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials,
.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials .galileo-sec11-dials-swiper,
.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg .galileo-sec11-dials-swiper {
    width: 13.95833vw;
    height: 13.95833vw;
    border-radius: 50%;
    transform: translate(-0.3%, -0.6%);
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials .galileo-sec11-dials-swiper,
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg .galileo-sec11-dials-swiper {
        width: 43.88889vw;
        height: 43.88889vw;
        transform: translate(0%, -0.7%);
    }
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg {
    z-index: 1;
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg::before {
    content: "";
    margin: 0 auto;
    width: 14.47917vw;
    height: 14.47917vw;
    border-radius: 50%;
    background-color: #000;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-watchs .galileo-sec11-dials-bg::before {
        width: 45.27778vw;
        height: 45.27778vw;
    }
}

@keyframes circleWave {
    from {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}

.galileo .galileo-sec12 {
    position: relative;
    margin: 1.5625vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 {
        margin: 4.16667vw 0;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container {
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    height: 53.17708vw;
    background-color: #121314;
    border-radius: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container {
        width: 91.66667vw;
        height: auto;
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-img picture,
.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-img img {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-img {
        position: relative;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary {
    position: relative;
    z-index: 3;
    width: 31.04167vw;
    padding-top: 3.125vw;
    margin-left: 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary {
        padding: 8.33333vw 6.94444vw 9.72222vw;
        margin-left: 0;
        width: 100%;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary .galileo-sec12-more {
    margin-top: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary .galileo-sec12-more {
        margin-top: 5.27778vw;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary .galileo-sec12-more .galileo-sec12-more-btn {
    padding-left: 2.44792vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-summary .galileo-sec12-more .galileo-sec12-more-btn {
        display: inline-block;
        padding-left: 0vw;
        margin-top: 3.75vw;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block {
    z-index: 1;
    position: absolute;
    top: 33.6%;
    right: 4.5%;
    width: 17.29167vw;
    height: 17.29167vw;
}

@media screen and (max-width: 640px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block {
        top: -5%;
        right: 44.7%;
        width: 41.66667vw;
        height: 41.66667vw;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle {
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave1 {
    animation: circleWave 3s ease-in-out infinite 0;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave2 {
    animation: circleWave 3s ease-in-out infinite 0.5s;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave3 {
    animation: circleWave 3s ease-in-out infinite 1s;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave4 {
    animation: circleWave 3s ease-in-out infinite 1.5s;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave5 {
    animation: circleWave 3s ease-in-out infinite 2s;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave6 {
    animation: circleWave 3s ease-in-out infinite 2.5s;
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave7 {
    animation: circleWave 3s ease-in-out infinite 3s;
}

.galileo .galileo-sec13 {
    position: relative;
    margin: 1.5625vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec13 {
        margin: 4.16667vw 0;
    }
}

.galileo .galileo-sec13 .galileo-sec13-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    background-color: #121314;
    border-radius: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec13 .galileo-sec13-container {
        width: 91.66667vw;
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-summary {
    position: relative;
    z-index: 3;
    width: 31.77083vw;
    padding-top: 3.125vw;
    margin-left: 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-summary {
        padding: 8.33333vw 6.94444vw 0;
        margin-left: 0;
        width: 100%;
    }
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-watchs {
    position: relative;
    margin-top: -4.6875vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-watchs {
        margin-top: 4.16667vw;
    }
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-watchs .galileo-sec13-watch {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 57.29167vw;
    height: 42.70833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-watchs .galileo-sec13-watch {
        width: 91.66667vw;
        height: 100vw;
    }
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-watchs .galileo-sec13-watch .galileo-sec13-watch-overlay {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-play-block {
    position: absolute;
    right: 2.60417vw;
    bottom: 2.60417vw;
}

.galileo .galileo-sec13 .galileo-sec13-container .galileo-sec13-play-mob {
    margin-top: 4.16667vw;
}

@keyframes sec14NotesRotate {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

.galileo .galileo-sec14 {
    position: relative;
    margin: 1.5625vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 {
        margin: 4.16667vw 0;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    background-color: #121314;
    border-radius: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container {
        width: 91.66667vw;
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary {
    position: relative;
    z-index: 3;
    width: 34.63542vw;
    padding-top: 3.125vw;
    margin-left: 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary {
        padding: 8.33333vw 6.94444vw 0;
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary .galileo-sec14-desc {
        padding-bottom: 1.52778vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary .galileo-sec14-more {
    margin-top: 0.9375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary .galileo-sec14-more {
        margin-top: 0vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary .galileo-sec14-more .galileo-sec14-more-block {
    display: inline-block;
    width: 11.97917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-summary .galileo-sec14-more .galileo-sec14-more-block {
        width: 100%;
        margin-top: 3.47222vw;
        margin-bottom: 3.47222vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product {
    margin-top: 4.53125vw;
    position: relative;
    margin: 0 auto;
    width: 53.4375vw;
    height: 15.05208vw;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product {
        margin-top: 6.52778vw;
        width: 100%;
        height: 30.83333vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper {
    overflow: visible;
    padding-top: 7.55208vw;
    z-index: 2;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper {
        padding-top: 10.55556vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide {
    position: relative;
    text-align: center;
    height: 5.20833vw;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide {
        transform: scale(0.7);
        height: 17.22222vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    z-index: -1;
    position: absolute;
    top: -53%;
    width: 5.20833vw;
    height: 5.20833vw;
}

@media screen and (max-width: 640px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes {
        top: -12%;
        width: 13.88889vw;
        height: 13.88889vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes::before {
    content: "";
    z-index: 2;
    position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background: linear-gradient(to right, rgba(18, 19, 20, 0), #121314 20%);
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle {
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(rgba(16, 123, 195, 0) 30%, #107ac3);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle {
        background: radial-gradient(rgba(16, 123, 195, 0) 5%, #107ac3);
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave1 {
    animation: circleWave 3s ease-in-out infinite 0;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave2 {
    animation: circleWave 3s ease-in-out infinite 0.5s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave3 {
    animation: circleWave 3s ease-in-out infinite 1s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave4 {
    animation: circleWave 3s ease-in-out infinite 1.5s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave5 {
    animation: circleWave 3s ease-in-out infinite 2s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave6 {
    animation: circleWave 3s ease-in-out infinite 2.5s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes .galileo-sec14-circle.wave7 {
    animation: circleWave 3s ease-in-out infinite 3s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes1 {
    left: 21%;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes1::before {
    right: 0;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes2 {
    right: 21%;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .galileo-sec14-circle-notes2::before {
    left: 0;
    background: linear-gradient(to left, rgba(18, 19, 20, 0), #121314 20%);
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .sec14-product-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    opacity: 0;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide1 .galileo-sec14-circle-notes1 {
    left: 26.5%;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide1 .galileo-sec14-circle-notes2 {
    right: 26.5%;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide3 .galileo-sec14-circle-notes1 {
    left: 13%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide3 .galileo-sec14-circle-notes1 {
        left: 10%;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide3 .galileo-sec14-circle-notes2 {
    right: 13%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide.swiper-slide3 .galileo-sec14-circle-notes2 {
        right: 10%;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .sec14-slide-img {
    width: 10.46875vw;
    height: 7.44792vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide .sec14-slide-img {
        width: 27.22222vw;
        height: 19.44444vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide-active {
    transform: scale(1.3);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide-active {
        transform: scale(1);
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide-active .galileo-sec14-circle-notes {
    opacity: 1;
    transition-delay: 0.3s;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-product-swiper .swiper-slide-active .sec14-product-img {
    opacity: 1;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-light {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.05208vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-product .galileo-sec14-light {
        height: 8.47222vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch {
    margin-top: 1.04167vw;
    padding-top: 1px;
    position: relative;
    margin-bottom: 3.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch {
        height: 66.66667vw;
        margin-top: 5.27778vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg {
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.70833vw;
    height: 28.125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg {
        width: 45.83333vw;
        height: 72.22222vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-watch-img,
.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-watch-dial-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-dials-swiper {
    z-index: 2;
    border-radius: 50%;
    width: 13.95833vw;
    height: 13.95833vw;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-dials-swiper {
        width: 36.52778vw;
        height: 36.52778vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-dials-swiper .swiper-slide {
    text-align: center;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-watch-dial-bg {
    z-index: 1;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-watch-dial-bg::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14.47917vw;
    height: 14.47917vw;
    border-radius: 50%;
    background-color: #000;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-watch-bg .galileo-sec14-watch-dial-bg::before {
        width: 37.91667vw;
        height: 37.91667vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 51.82292vw;
    height: 6.35417vw;
    margin-top: 11.97917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr {
        width: 83.05556vw;
        height: 12.77778vw;
        margin-top: 31.66667vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-prev,
.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-next {
    outline: 0;
    width: 6.35417vw;
    height: 6.35417vw;
    top: 0;
    margin-top: 0;
    border-radius: 50%;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-arr-big.svg) no-repeat center;
    background-size: 6.35417vw 6.35417vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-prev,
    .galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-next {
        width: 12.77778vw;
        height: 12.77778vw;
        background-size: 12.77778vw 12.77778vw;
    }
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-prev::after,
.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-next::after {
    display: none;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-prev {
    left: 0;
}

.galileo .galileo-sec14 .galileo-sec14-container .galileo-sec14-watch .galileo-sec14-dials-arr .sec14-dials-arr-next {
    right: 0;
    transform: scaleX(-1);
}

.galileo .galileo-sec15 {
    position: relative;
    margin: 1.5625vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 {
        margin: 4.16667vw 0;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-summary {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left,
.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-right {
    flex: 0 0 50%;
    max-width: 50%;
    align-items: stretch;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left,
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left {
    padding-right: 0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left {
        padding-right: 0;
        padding-bottom: 4.16667vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left .galileo-sec15-summary {
    padding-bottom: 34.375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left .galileo-sec15-summary {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left .galileo-sec15-play-block {
    z-index: 3;
    position: absolute;
    right: 2.60417vw;
    bottom: 2.60417vw;
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-left .galileo-sec15-play-mob {
    margin-top: 4.16667vw;
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-right {
    padding-left: 0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-right {
        padding-left: 0;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card {
    overflow: hidden;
    position: relative;
    background-color: #121314;
    border-radius: 1.04167vw;
    min-height: 48.95833vw;
    height: 100%;
    transform: rotate(0deg);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card {
        border-radius: 2.5vw;
        min-height: auto;
        height: auto;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch,
.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch,
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-img {
        position: static;
        align-items: flex-start;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch {
    padding-bottom: 3.64583vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch {
        margin-top: 8.33333vw;
        padding-bottom: 0;
        height: 82.22222vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img {
    position: relative;
    z-index: 3;
    width: 17.76042vw;
    height: 28.07292vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img {
        width: 55.69444vw;
        height: 87.91667vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img picture,
.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img img {
    position: relative;
    z-index: 3;
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img .galileo-sec15-watch-dial {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13.95833vw;
    height: 13.95833vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-watch .galileo-sec15-watch-img .galileo-sec15-watch-dial {
        width: 43.88889vw;
        height: 43.88889vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video {
    margin-top: 1.5625vw;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video {
        margin-top: 0;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video .galileo-sec15-video-wrap {
    display: inline-block;
    position: relative;
    width: 35.41667vw;
    height: 35.41667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video .galileo-sec15-video-wrap {
        width: 91.66667vw;
        height: 91.66667vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video .galileo-sec15-video-wrap .galileo-sec15-video-wrap-overlay {
    position: relative;
    z-index: 2;
}

.galileo .galileo-sec16 {
    position: relative;
    margin: 1.5625vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 {
        margin: 4.16667vw 0;
    }
}

.galileo .galileo-sec16 .galileo-sec16-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    height: 36.45833vw;
    background-color: #121314;
    border-radius: 1.04167vw;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 .galileo-sec16-container {
        width: 91.66667vw;
        height: auto;
        border-radius: 2.5vw;
        display: block;
    }
}

.galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-summary {
    position: relative;
    z-index: 2;
    width: 32.03125vw;
    margin-left: 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-summary {
        margin-left: 0;
        padding: 8.33333vw 6.94444vw 0;
        width: 100%;
    }
}

.galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-img {
        position: static;
        width: 100%;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-img.galileo-sec16-img3 {
        margin-top: 9.44444vw;
        margin-bottom: 12.08333vw;
    }
}

.galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-img .galileo-sec16-watch2 {
    z-index: 3;
    position: relative;
    width: 28.80208vw;
    height: 23.54167vw;
    margin-right: 4.79167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec16 .galileo-sec16-container .galileo-sec16-img .galileo-sec16-watch2 {
        width: 73.19444vw;
        height: 59.72222vw;
        margin-right: 9.16667vw;
    }
}

.galileo .galileo-sec18 {
    position: relative;
}

.galileo .galileo-sec18 .galileo-sec18-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-summary {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left,
.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right {
    flex: 0 0 50%;
    max-width: 50%;
    align-items: stretch;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left,
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left {
    padding-right: 0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left {
        padding-right: 0;
        padding-bottom: 4.16667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left .galileo-sec18-summary {
    padding-bottom: 38.69792vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left .galileo-sec18-summary {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right {
    padding-left: 0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right {
        padding-left: 0;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right .galileo-sec18-summary {
    padding-bottom: 35.41667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right .galileo-sec18-summary {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card {
    overflow: hidden;
    position: relative;
    background-color: #121314;
    border-radius: 1.04167vw;
    min-height: 51.30208vw;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card {
        border-radius: 2.5vw;
        min-height: auto;
        height: auto;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch,
.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch,
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img {
        position: static;
        align-items: flex-start;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img {
    position: relative;
    height: 33.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img {
        height: 106.66667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img img {
    width: 17.70833vw;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img img {
        width: 55.55556vw;
        margin-top: 8.33333vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 1.04167vw;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text {
        font-size: 3.88889vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text.galileo-sec18-1-img-text1 {
    top: 8.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text.galileo-sec18-1-img-text1 {
        top: 32.77778vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text.galileo-sec18-1-img-text2 {
    bottom: 6.25vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-img .galileo-sec18-1-img-text.galileo-sec18-1-img-text2 {
        bottom: 17.91667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img {
    padding-bottom: 8.85417vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img {
        margin-top: 15.27778vw;
        padding-bottom: 16.66667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img img {
    padding: 0 5.20833vw;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-img img {
        padding: 0 12.5vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs,
.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs,
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-img {
        position: static;
        align-items: flex-start;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch {
    position: relative;
    width: 17.70833vw;
    height: 28.125vw;
    margin-bottom: 4.16667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch {
        width: 55.55556vw;
        height: 82.5vw;
        margin-top: 8.33333vw;
        margin-bottom: 13.88889vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-img {
    z-index: 5;
    position: relative;
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-watch-bg {
    z-index: 2;
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-dial,
.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-dial2 {
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13.125vw;
    height: 13.125vw;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-dial,
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-dial2 {
        transform: translate(-50%, -43.5%);
        width: 47.22222vw;
        height: 47.22222vw;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-1-watchs .galileo-sec18-1-watch .galileo-sec18-1-watch-dial2 {
        width: 40.55556vw;
        height: 40.55556vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-tip {
    position: absolute;
    bottom: 1.04167vw;
    font-size: 0.67708vw;
    line-height: 1.6;
    font-weight: 400;
    color: #888;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1773px) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-tip {
        font-size: 12px;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-tip {
        bottom: 2.77778vw;
        font-size: 3.05556vw;
    }
}

.galileo #triggerSec19 {
    position: absolute;
    top: 50vh;
}

.galileo .galileo-sec19 {
    position: relative;
}

.galileo .galileo-sec19 .galileo-large-title2 {
    width: 55vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-large-title2 {
        width: 83.33333vw;
        text-align: left;
        margin-bottom: 2.77778vw;
    }
}

.galileo .galileo-sec19 .galileo-large-title2 b {
    display: inline-block;
    width: 13.54167vw;
    height: 8.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-large-title2 b {
        width: 28.75vw;
        height: 19.02778vw;
    }
}

.galileo .galileo-sec19 .galileo-sec19-summary {
    margin: 0 auto;
    width: 55vw;
    position: relative;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-sec19-summary {
        width: 83.33333vw;
    }
}

.galileo .galileo-sec19 .galileo-sec19-summary .galileo-sec19-desc {
    position: absolute;
    bottom: 1.82292vw;
    right: -1.04167vw;
    width: 23.4375vw;
    color: #fff;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-sec19-summary .galileo-sec19-desc {
        position: static;
        width: 83.33333vw;
        right: 0;
    }
}

.galileo .galileo-sec19 .galileo-sec19-product {
    position: relative;
    height: 84.73958vw;
    margin-top: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-sec19-product {
        height: 100vw;
        margin-top: 9.72222vw;
    }
}

.galileo .galileo-sec19 .galileo-sec19-product .galileo-sec19-img {
    z-index: 3;
    position: relative;
}

.galileo .galileo-sec19 .galileo-sec19-product .galileo-sec19-video {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 3%);
    width: 51.04167vw;
    height: 32.29167vw;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-sec19-product .galileo-sec19-video {
        width: 66.66667vw;
        height: 42.22222vw;
        transform: translate(-48%, 3%);
    }
}

.galileo .galileo-sec20 {
    z-index: 5;
    position: relative;
    margin-top: -32.8125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 {
        margin-top: -29.16667vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container {
        width: 91.66667vw;
        margin: 0 auto;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-row {
    margin-right: -0.78125vw;
    margin-left: -0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-row {
        margin-right: 0;
        margin-left: 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item {
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
    width: 50%;
    float: left;
    padding-bottom: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item {
        width: 100%;
        padding-bottom: 4.16667vw;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(odd) {
    float: left;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(odd) {
        float: none;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(even) {
    float: right;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(even) {
        float: none;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(1) {
    transform: translateY(10%);
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(2) {
    transform: translateY(10%);
    margin-top: 16.82292vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(2) {
        margin-top: 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more {
    margin-top: 1.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more {
        margin-top: 4.02778vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more .galileo-sec20-more-btn {
    display: inline-block;
    height: 1.66667vw;
    line-height: 1.66667vw;
    padding-left: 2.13542vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-heart.svg) no-repeat left center;
    background-size: 1.66667vw 1.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more .galileo-sec20-more-btn {
        height: 6.38889vw;
        line-height: 6.38889vw;
        padding-left: 7.77778vw;
        background-size: 6.38889vw 6.38889vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more1 {
    z-index: 5;
    position: absolute;
    width: 100%;
    bottom: 3.64583vw;
    left: 0;
    text-align: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-summary .galileo-sec20-more1 {
        position: static;
        left: 0;
        transform: translateX(0);
        margin-top: 5.97222vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 1.04167vw;
    transform: rotate(0deg);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card1 {
    background-color: #121314;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card1 .galileo-sec20-summary {
    position: static;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card-black {
    background-color: #121314;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card3 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 36.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card3 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 {
    height: 54.84375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 {
        height: 174.02778vw;
        background-color: #000 !important;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 .galileo-sec20-summary .galileo-sec20-title,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card4 .galileo-sec20-summary .galileo-sec20-desc {
    color: #fff;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card5 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 36.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card5 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card6 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 35.41667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card6 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card8 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card8 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card9 .galileo-sec20-summary {
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card.galileo-sec20-card9 .galileo-sec20-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4,
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5,
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 {
        position: static;
        align-items: flex-start;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch {
    display: flex;
    justify-content: center;
    margin-top: 3.125vw;
    padding-bottom: 4.16667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch {
        margin-top: 8.33333vw;
        padding-bottom: 0;
        height: 83.33333vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch .galileo-sec20-watch-img {
    position: relative;
    z-index: 1;
    width: 17.70833vw;
    height: 28.125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch .galileo-sec20-watch-img {
        width: 55.69444vw;
        height: 87.91667vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch .galileo-sec20-watch-dial {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50.3%, -50.1%);
    width: 13.95833vw;
    height: 13.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch .galileo-sec20-watch-dial {
        width: 43.88889vw;
        height: 43.88889vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch.galileo-sec20-watch1 {
    padding-bottom: 9.375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch.galileo-sec20-watch1 {
        padding-bottom: 0;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 {
    display: flex;
    justify-content: center;
    margin-top: 3.4375vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 {
        margin-top: 5.83333vw;
        height: 89.58333vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 picture,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 img {
    width: 31.25vw;
    height: 36.04167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 picture,
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img3 img {
        width: 83.33333vw;
        height: 96.11111vw;
    }
}

@keyframes showWave {
    from {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 {
        position: absolute;
        align-items: center;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 .sec20-img4-pic {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 .sec20-img4-pic {
        height: auto;
        top: auto;
        bottom: 0 !important;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 .sec20-img4-pic.pic-show01 {
    opacity: 1;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 .sec20-img4-pic.pic-show02 {
    animation: showWave 4s ease-in-out infinite 2s;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5 {
    margin-bottom: 4.16667vw;
    height: 28.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5 {
        margin-top: 8.33333vw;
        margin-bottom: 0;
        height: 86.25vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5 .galileo-sec20-img5-dial {
    position: relative;
    width: 23.95833vw;
    height: 28.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img5 .galileo-sec20-img5-dial {
        width: 75vw;
        height: 90vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 {
    height: 28.75vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 {
        margin-top: -2.77778vw;
        height: 91.38889vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 .galileo-sec20-img6-dial {
    position: relative;
    width: 30.20833vw;
    height: 36.26594vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img6 .galileo-sec20-img6-dial {
        width: 75vw;
        height: 90vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide {
    position: relative;
    padding-top: 4.94792vw;
    padding-bottom: 10.15625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide {
        padding-top: 10.55556vw;
        padding-bottom: 25.83333vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper {
    width: 29.0625vw;
    height: 16.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper {
        width: 77.5vw;
        height: 44.16667vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide {
    width: 16.5625vw;
    height: 16.5625vw;
    z-index: 1;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide {
        width: 44.16667vw;
        height: 44.16667vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide img {
    border-radius: 100%;
    border: 0.36458vw solid #fff;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide img {
        border: 0.97222vw solid #fff;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide.swiper-slide-active,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-swiper .swiper-slide.swiper-slide-duplicate-active {
    z-index: 5;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group {
    display: none;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group {
        z-index: 12;
        display: block;
        position: absolute;
        width: 39.44444vw;
        height: 8.33333vw;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10.69444vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-prev,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-next {
    width: 8.33333vw;
    height: 8.33333vw;
    margin-top: calc(-1 * 8.33333vw/ 2);
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3/img/icon/icon-arr.svg) no-repeat center;
    background-size: 8.33333vw 8.33333vw;
    outline: none;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-prev::after,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-next::after {
    display: none;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-prev {
    left: 0;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-btn-group .galileo-sec20-btn-next {
    right: 0;
    transform: rotate(180deg);
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-pagination {
    width: 100%;
    bottom: 5.20833vw;
    height: 0.72917vw;
    line-height: 1;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-pagination {
        bottom: 13.88889vw;
        height: 1.94444vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-pagination .swiper-pagination-bullet {
    vertical-align: top;
    outline: none;
    width: 0.72917vw;
    height: 0.72917vw;
    background-color: #e2e2e2;
    opacity: 1;
    margin: 0 0.52083vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-pagination .swiper-pagination-bullet {
        width: 1.94444vw;
        height: 1.94444vw;
        margin: 0 1.38889vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-slide .galileo-sec20-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #606060;
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 2.96875vw;
    margin-bottom: 2.60417vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 {
        margin-top: 9.44444vw;
        margin-bottom: 8.75vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 picture,
.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 img {
    width: 26.5625vw;
    height: 26.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 picture,
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 img {
        width: 70.83333vw;
        height: 70.83333vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 .galileo-sec20-img9-gif {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11.97917vw;
    height: 11.97917vw;
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 .galileo-sec20-img9-gif {
        width: 31.94444vw;
        height: 31.94444vw;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img9 .galileo-sec20-img9-gif img {
    width: 100%;
    height: 100%;
}

.galileo .galileo-sec21 {
    position: relative;
}

.galileo .galileo-sec21 .galileo-large-title2 {
    color: #f4f4f4;
    margin-left: 14.16667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-large-title2 {
        margin-left: auto;
        margin-right: auto;
        width: 83.33333vw;
        text-align: left;
        margin-bottom: 2.77778vw;
    }
}

.galileo .galileo-sec21 .galileo-large-title2 b {
    display: inline-block;
    width: 13.90625vw;
    height: 8.95833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-large-title2 b {
        width: 29.44444vw;
        height: 19.02778vw;
    }
}

.galileo .galileo-sec21 .galileo-sec21-summary {
    margin-left: 13.95833vw;
    width: 41.66667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-sec21-summary {
        margin: 0 auto;
        width: 83.33333vw;
    }
}

.galileo .galileo-sec21 .galileo-sec21-summary .galileo-sec21-title {
    color: #171717;
}

.galileo .galileo-sec21 .galileo-sec21-summary .galileo-sec21-desc {
    width: 27.70833vw;
    color: #171717;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-sec21-summary .galileo-sec21-desc {
        width: 83.33333vw;
    }
}

.galileo .galileo-sec21 .galileo-sec21-product {
    position: relative;
    margin-top: -6.61458vw;
    height: 61.61458vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-sec21-product {
        margin-top: 2.77778vw;
        height: 120.41667vw;
    }
}

.galileo .galileo-sec21 .galileo-sec21-product .galileo-sec21-img {
    z-index: 3;
    position: relative;
}

.galileo .galileo-sec21 .galileo-sec21-product .galileo-sec21-video {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-47%, 34%);
    width: 30.9375vw;
    height: 31.97917vw;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec21 .galileo-sec21-product .galileo-sec21-video {
        width: 63.88889vw;
        height: 65.97222vw;
        transform: translate(-65%, 30%);
    }
}

.galileo .galileo-sec22and23 {
    transform: translateY(10%);
    z-index: 5;
    position: relative;
}

.galileo .galileo-sec22 {
    position: relative;
    margin-top: -9.72222vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 {
        margin-top: -27.77778vw;
    }
}

.galileo .galileo-sec22 .galileo-sec22-container {
    margin: 0 auto;
    width: 72.70833vw;
    height: 33.33333vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-container {
        width: 91.66667vw;
        height: auto;
    }
}

.galileo .galileo-sec22 .galileo-sec22-card {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 1.04167vw;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-card {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-left,
.galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-right {
    flex: 0 0 50%;
    max-width: 50%;
    align-self: center;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-left,
    .galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary {
    padding: 0 3.54167vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary .galileo-sec22-desc {
    width: 28.22917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary .galileo-sec22-desc {
        width: 100%;
    }
}

.galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary .galileo-sec22-more {
    margin-top: 2.60417vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-card .galileo-sec22-summary .galileo-sec22-more {
        margin-top: 5.13889vw;
    }
}

.galileo .galileo-sec22 .galileo-sec22-charging {
    position: relative;
    height: 21.92708vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-charging {
        height: 83.33333vw;
        width: 55.69444vw;
        margin: 8.33333vw auto 0;
    }
}

.galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-watch {
    z-index: 2;
    position: relative;
    width: 13.80208vw;
    height: 21.92708vw;
    transform: translateX(51%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-watch {
        width: 100%;
        height: 100%;
        transform: none;
    }
}

.galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-watch .galileo-sec22-charging-dial {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10.98958vw;
    height: 10.98958vw;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-watch .galileo-sec22-charging-dial {
        width: 26.80556vw;
        height: 26.80556vw;
    }
}

.galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-base {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    transform: translateX(40%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-base {
        margin-left: 11.11111vw;
    }
}

.galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-base::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15.26042vw;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.45) 55%, rgba(255, 255, 255, 0.72) 80%, #ffffff);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec22 .galileo-sec22-charging .galileo-sec22-charging-base::after {
        width: 40.69444vw;
    }
}

.galileo .galileo-sec23 {
    position: relative;
    margin-top: 1.5625vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 {
        margin-top: 4.16667vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-container {
    margin: 0 auto;
    width: 72.70833vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-container {
        width: 91.66667vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-card {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-radius: 1.04167vw;
    height: 100%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-card {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary {
    padding: 3.125vw 3.54167vw 0;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary {
        padding: 8.33333vw 6.94444vw 0;
    }
}

.galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary .galileo-sec23-desc {
    width: 38.48958vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary .galileo-sec23-desc {
        width: 100%;
    }
}

.galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary .galileo-sec23-more {
    margin-top: 2.60417vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-card .galileo-sec23-summary .galileo-sec23-more {
        margin-top: 5.13889vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block {
    margin: 6.35417vw 12.55208vw 5.20833vw 11.97917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block {
        margin: 15.83333vw 8.19444vw 16.66667vw 6.94444vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day {
    display: flex;
    justify-content: center;
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text {
    width: 50%;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-normal {
        width: 55%;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-title {
    padding-left: 0.52083vw;
    display: block;
    color: #171717;
    font-size: 0.83333vw;
    margin-bottom: -0.78125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-title {
        font-size: 3.05556vw;
        color: #797979;
        padding-left: 1.38889vw;
    }
}

@keyframes fullBGColor {
    to {
        background-position: center 100%;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num {
    display: block;
    font-size: 3.54167vw;
    line-height: 1;
    font-weight: 700;
    background: linear-gradient(to top, #66d19c 50%, #383737 50%);
    background-size: auto 200%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num {
        background: #fff;
        color: #66d19c;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #66d19c;
        text-fill-color: #66d19c;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num {
        background: #fff;
        color: #66d19c;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #66d19c;
        text-fill-color: #66d19c;
    }
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num {
        font-size: 6.25vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num.active {
    animation: fullBGColor 1.5s linear forwards;
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num b {
    font-size: 14.58333vw;
    font-weight: 700;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text .galileo-sec23-charging-num b {
        font-size: 25vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-4g {
    text-align: right;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-4g {
        width: 45%;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-4g>div {
    display: inline-block;
    text-align: left;
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-4g .galileo-sec23-charging-title {
    padding-left: 0.39062vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day .galileo-sec23-charging-text.galileo-sec23-charging-4g .galileo-sec23-charging-title {
        padding-left: 1.04167vw;
    }
}


.galileo-sec24 {
    margin-top: 6.25vw;
    background-color: #fff;
    padding-left: 8.85417vw;
    padding-right: 5.98958vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.galileo-sec24 .galileo-sec24-text {
    width: 28.4375vw;
    color: #211D1E;
}
.galileo-sec24 .galileo-sec24-text .galileo-sec24-subTit {
    font-weight: bold;
    text-align: left;
    font-size: 1.66667vw;
    line-height: 1.25;
    margin-bottom: 1.04167vw;
    letter-spacing: calc(-0.037em + 0.526px);
}
.galileo-sec24 .galileo-sec24-text .galileo-sec24-link {
    margin-top: 1.5625vw;
}
.galileo-sec24 .galileo-sec24-text .galileo-sec24-link .galileo-sec24-link-text {
    background-color: #211D1E;
    height: 2.60417vw;
    display: inline-block;
    color: #F4F3F3;
    font-size: 0.67708vw;
    line-height: 2.60417vw;
    padding: 0 1.04167vw;
    border-radius: 1.30208vw;
}
.galileo-sec24 .galileo-sec24-img-warp {
    margin-top: 7.5vw;
    margin-bottom: 6.51042vw;
}
@media (max-width: 640px), (max-aspect-ratio: 1/1) and (max-width: 1200px) {
    .galileo-sec24 {
        display: block;
        margin-top: 16.66667vw;
        padding: 0;
    }
    .galileo-sec24 .galileo-sec24-text {
        width: 100%;
        margin-top: 11.11111vw;
        padding-top: 11.11111vw;
        padding-left: 8.33333vw;
        padding-right: 8.33333vw;
    }
    .galileo-sec24 .galileo-sec24-text .galileo-sec24-subTit {
        padding: 0;
        font-size: 5vw;
    }
    .galileo-sec24 .galileo-sec24-text .galileo-sec24-link {
        margin-top: 9.44444vw;
    }
    .galileo-sec24 .galileo-sec24-text .galileo-sec24-link .galileo-sec24-link-text {
        font-size: 3.61111vw;
        line-height: 13.88889vw;
        height: 13.88889vw;
        padding: 0 5.55556vw;
        border-radius: 6.94444vw;
    }
    .galileo-sec24 .galileo-sec24-img-warp {
        margin-top: 8.33333vw;
        padding-bottom: 11.11111vw;
        margin-bottom: 0;
    }

}