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

.mkt-ad-banner {
    z-index: 2;
}

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

.galileo * {
    -webkit-box-sizing: border-box;
    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 {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: -webkit-filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
}

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

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

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

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

.galileo sub.da-point,
.galileo sup.da-point {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 64%;
}

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

.galileo sup.da-point {
    cursor: pointer;
    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 {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1), -webkit-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 {
        -webkit-transition: none;
        transition: none;
    }
}

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

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

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

.galileo .is-scroll2 {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0, 0.6, 0.3, 1), -webkit-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 {
        -webkit-transition: none;
        transition: none;
    }
}

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

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

@supports (-ms-ime-align: auto) {
    .galileo .is-scroll2 {
        -webkit-transition: none;
        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: -webkit-sticky !important;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.galileo .common-row .order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.galileo .common-row .order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.galileo .common-row .order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.galileo .common-row .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.galileo .common-row .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.galileo .common-row .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.galileo .common-row .order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.galileo .common-row .order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.galileo .common-row .order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.galileo .common-row .order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.galileo .common-row .order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.galileo .common-row .order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.galileo .common-row .order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.galileo .common-row .order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.galileo .common-row .order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .common-row .col-mob {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .galileo .common-row .col-mob-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .galileo .common-row .col-mob-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .galileo .common-row .col-mob-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .galileo .common-row .col-mob-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .galileo .common-row .col-mob-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .galileo .common-row .col-mob-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .galileo .common-row .col-mob-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .galileo .common-row .col-mob-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .galileo .common-row .col-mob-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .galileo .common-row .col-mob-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .galileo .common-row .col-mob-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .galileo .common-row .col-mob-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .galileo .common-row .col-mob-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .galileo .common-row .order-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .galileo .common-row .order-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    .galileo .common-row .order-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .galileo .common-row .order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .galileo .common-row .order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .galileo .common-row .order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .galileo .common-row .order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .galileo .common-row .order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .galileo .common-row .order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .galileo .common-row .order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .galileo .common-row .order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    .galileo .common-row .order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }
    .galileo .common-row .order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
    .galileo .common-row .order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }
    .galileo .common-row .order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-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: #171717;
    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: #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-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: #171717;
    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: #171717;
    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.78125vw 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: 3.05556vw 5.55556vw;
    }
}

.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 .blue {
    color: #1f71ff;
}

.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.80556vw;
    }
}

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

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

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

@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: #fff;
    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-large-title {
    position: relative;
    text-align: center;
    line-height: 1.25;
    font-weight: 800;
    color: #191919;
    font-size: 1.66667vw;
    margin-bottom: 2.60417vw;
}

@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: 3.47222vw;
    }
}

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

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

.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-big-title {
    font-weight: 800;
    color: #0f0f0f;
    font-size: 8.75vw;
    line-height: 9.375vw;
    letter-spacing: normal;
    margin-bottom: 1.04167vw;
}

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

.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-pro/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: #171717;
    cursor: pointer;
}

.galileo .galileo-play-again:active {
    -webkit-transform: translateY(0.05208vw);
    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 {
        -webkit-transform: translateY(0.13889vw);
        transform: translateY(0.13889vw);
    }
}

.galileo .galileo-watch-bg {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -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 {
    background-color: #f5f5f5;
    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 {
    background-color: #f5f5f5;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    padding-top: 180px;
}

@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: #fff;
    opacity: 0;
}

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

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

@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: 40.57292vw;
    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-group {
    position: relative;
    margin-top: 2.60417vw;
    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: 8.05556vw;
    }
}

.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-pro/img/icon/icon-play.svg) no-repeat left center;
    background-size: 1.82292vw 1.82292vw;
    padding-left: 2.23958vw;
    color: #212121;
    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: 3;
    padding-top: 2.55208vw;
}

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

.galileo .galileo-sec1 .galileo-sec1-container .galileo-sec1-os {
    z-index: 5;
    position: absolute;
    display: block;
    right: 10.9375vw;
    bottom: 4.16667vw;
    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;
    }
}

.galileo .galileo-sec2-spacing {
    pointer-events: none;
    z-index: 5;
    position: relative;
    background-color: #fff;
    margin-top: 30vh;
    margin-bottom: -1px;
    height: 5.20833vw;
}

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

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

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

@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 {
        margin-top: 120vh;
    }
}

.galileo .galileo-white-bg {
    z-index: 5;
    position: relative;
    background-color: #fff;
}

.galileo .galileo-sec2 {
    z-index: 5;
    position: relative;
    background-color: #fff;
}

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

@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: #f4f4f4;
    border-radius: 1.5625vw;
    padding: 0 3.90625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 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%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 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.52083vw;
    display: block;
    font-size: 0.72917vw;
    font-weight: 700;
    color: #1b69fd;
}

@media screen and (min-width: 1366px) and (max-width: 1650px) and (min-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec2 .galileo-sec2-container .galileo-sec2-card .galileo-sec2-item .galileo-sec2-subtitle {
        font-size: 12px;
    }
}

@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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    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;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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-weight: 700;
    font-size: 1.45833vw;
    line-height: 1.25;
    color: #171717;
    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: #535353;
}

@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: -webkit-box;
    display: -ms-flexbox;
    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.125vw;
}

@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: 6.66667vw;
    }
}

.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%;
    -webkit-transform: translate(0, -12%) scale(0.7);
    transform: translate(0, -12%) scale(0.7);
    bottom: 0;
    margin-left: -11.40625vw;
    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;
        margin-left: -30.41667vw;
        height: 80.55556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    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: 11.45833vw;
}

@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: 6.66667vw;
        margin-left: 10.55556vw;
        width: 29.30556vw;
    }
}

.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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: 68.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;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.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: 4.6875vw;
    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: 12.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 {
    margin-top: 3.125vw;
    margin-left: 4.16667vw;
    width: 14.58333vw;
}

@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 {
        margin-top: 8.33333vw;
        margin-left: 10.69444vw;
        width: 38.88889vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item.galileo-sec3-item6 .sec3-card-text {
    margin-top: 3.125vw;
    margin-left: 4.16667vw;
    width: 11.45833vw;
}

@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 {
        margin-top: 8.33333vw;
        margin-left: 10.69444vw;
        width: 33.33333vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-img-gif {
    position: absolute;
    width: 6.45833vw;
    height: 6.45833vw;
    top: 2.76042vw;
    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 .sec3-card-img-gif {
        width: 19.30556vw;
        height: 19.30556vw;
        top: 6.25vw;
        right: 15vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-img-gif img {
    border-radius: 100%;
    overflow: hidden;
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .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-14day {
        width: 20vw;
        height: 20vw;
        top: 6.66667vw;
        right: 17.08333vw;
    }
}

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

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-title2 {
    font-size: 1.5625vw;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1;
    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-title2 {
        font-size: 4.16667vw;
        padding-bottom: 1.38889vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-title2>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 .sec3-card-title2>span {
        font-size: 13.05556vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .sec3-card-desc2 {
    margin-top: -0.3125vw;
    margin-left: 0.3125vw;
    color: #535353;
    font-size: 0.83333vw;
    line-height: 1.6;
}

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

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.9375vw;
    background-color: #f4f4f4;
    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 {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec3 .galileo-sec3-block .galileo-sec3-item .galileo-sec3-card .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: #fff;
}

@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 {
        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 {
    width: 100%;
    -webkit-transform: translateY(-50%);
    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 {
    -webkit-transform: translateY(0%);
    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;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -34%);
    transform: translate(-50%, -34%);
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec4 .galileo-sec4-video .galileo-sec4-group {
        width: 100%;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-align: center;
    }
}

.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-pro/img/icon/icon-play-white.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 {
        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;
}

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

.galileo .galileo-sec5 .galileo-sec5-summary {
    margin: 0 auto;
    width: 41.77083vw;
}

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

.galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-title {
    font-weight: 800;
    color: #0f0f0f;
    font-size: 6.77083vw;
    line-height: 8.28125vw;
    letter-spacing: normal;
    margin-bottom: 1.04167vw;
    text-align: right;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-title {
        text-align: left;
        font-size: 13.33333vw;
        line-height: 16.66667vw;
        margin-bottom: 2.77778vw;
    }
}

.galileo .galileo-sec5 .galileo-sec5-summary .galileo-sec5-desc {
    padding-left: 10.83333vw;
    text-align: right;
}

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

.galileo .galileo-sec5 .galileo-sec5-product {
    position: relative;
    height: 44.01042vw;
    margin-top: 2.91667vw;
}

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

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

.galileo .galileo-sec6 {
    z-index: 6;
    position: relative;
}

.galileo .galileo-sec6 .galileo-sec6-summary {
    width: 70.20833vw;
    margin: 0 auto;
    padding-bottom: 4.32292vw;
}

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

.galileo .galileo-sec6 .galileo-sec6-summary .galileo-sec6-desc {
    width: 35.10417vw;
}

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

.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: #f4f4f4;
    width: 100%;
    height: 100%;
    border-radius: 1.04167vw;
    -webkit-transform: rotate(0deg);
    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: 35.57292vw;
    height: 35.41667vw;
}

@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: 91.66667vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: 35.57292vw;
    height: 35.41667vw;
}

@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) {
        position: static;
        width: 91.66667vw;
        height: 100.55556vw;
        margin-top: 4.16667vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-item:nth-child(3) {
    width: 72.70833vw;
    height: 29.6875vw;
    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(3) {
        width: 91.66667vw;
        height: 55.55556vw;
        margin-top: 4.16667vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-block .galileo-sec6-card-img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.5s ease-out;
    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-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-group {
        margin-top: 5.55556vw;
        height: auto;
    }
}

.galileo .galileo-sec6 .galileo-sec6-group .common-row {
    margin-left: 50%;
}

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

.galileo .galileo-sec6 .galileo-sec6-group .sec6-group-left {
    position: relative;
    max-width: 72%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    text-align: right;
    height: 1.66667vw;
}

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

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

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

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

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

.galileo .galileo-sec6 .galileo-sec6-group .sec6-group-right {
    max-width: 28%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    font-size: 0;
    line-height: 0;
}

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

.galileo .galileo-sec6 .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 #d0d0d0;
    background-color: #464646;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec6 .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 #d0d0d0;
    }
}

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

.galileo .galileo-sec6 .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(1) {
    border-color: #d0d0d0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(30%, #e3e3e3), color-stop(72%, #797979), to(#b5b5b5));
    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-group .sec6-group-right .galileo-sec6-btn:nth-child(1) {
        margin: 0 2.08333vw;
    }
}

.galileo .galileo-sec6 .galileo-sec6-group .sec6-group-right .galileo-sec6-btn:nth-child(2) {
    margin: 0 1.14583vw 0 0;
    border-color: #9a8d8d;
    background-color: #624c44;
}

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

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

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

.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;
    z-index: 5;
}

.galileo .galileo-sec8 .galileo-sec8-summary {
    width: 42.29167vw;
    margin: 0 auto;
    text-align: center;
}

@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;
    }
}

.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;
    line-height: 1.66667vw;
    padding-left: 2.13542vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3-pro/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 {
        line-height: 6.38889vw;
        padding-left: 7.77778vw;
        background-size: 6.38889vw 6.38889vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block {
    position: relative;
    margin-top: 5.20833vw;
}

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

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watch {
    position: relative;
    margin: 0 auto;
    width: 26.97917vw;
    height: 42.86458vw;
}

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

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

.galileo .galileo-sec8 .galileo-sec8-block .galileo-sec8-watch .galileo-sec8-dial {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50.4%, -50%);
    transform: translate(-50.4%, -50%);
    width: 20vw;
    height: 20vw;
    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-watch .galileo-sec8-dial {
        width: 53.33333vw;
        height: 53.33333vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-button {
    z-index: 5;
    position: absolute;
    top: 19.79167vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 71.04167vw;
}

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

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-button .swiper-sec8-dial-button {
    outline: none;
    width: 2.34375vw;
    height: 4.32292vw;
    background: url(/content/dam/huawei-cbg-site/common/mkt/pdp/wearables/watch-3-pro/img/icon/icon-big-arr.svg) no-repeat center;
    background-size: 2.34375vw 4.32292vw;
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-button .swiper-sec8-dial-button.swiper-sec8-dial-button-prev {
    left: 0;
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-button .swiper-sec8-dial-button.swiper-sec8-dial-button-next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 0;
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-button .swiper-sec8-dial-button::after {
    display: none;
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs {
    z-index: 5;
    margin-top: -3.38542vw;
    width: 56.35417vw;
    height: 9.89583vw;
    padding: 0 0.57292vw;
    background-color: #f4f4f4;
    border-radius: 46.875vw;
    overflow: hidden;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs {
        margin-top: -9.02778vw;
        width: 86.11111vw;
        height: 21.38889vw;
        padding: 0 2.08333vw;
        border-radius: 27.77778vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-wrapper {
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide {
    width: 10.3125vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide {
        width: 23.19444vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide .sec8-dial-thumbs-img {
    margin: 1.61458vw 1.82292vw;
    width: 6.66667vw;
    height: 6.66667vw;
    padding: 0.625vw;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide .sec8-dial-thumbs-img {
        margin: 3.47222vw 4.58333vw;
        width: 14.44444vw;
        height: 14.44444vw;
        padding: 1.38889vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide .sec8-dial-thumbs-img img {
    width: 5.41667vw;
    height: 5.41667vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide .sec8-dial-thumbs-img img {
        width: 11.66667vw;
        height: 11.66667vw;
    }
}

.galileo .galileo-sec8 .galileo-sec8-block .sec8-dial-gallery-thumbs .swiper-slide.swiper-slide-thumb-active .sec8-dial-thumbs-img {
    background-color: #a8a8a8;
}

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

.galileo .galileo-sec9 .galileo-sec9-block {
    width: 72.70833vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: #f4f4f4;
    border-radius: 1.04167vw;
}

@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;
    }
}

.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 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 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%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 4.16667vw;
    }
}

.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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 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%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 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%;
    -webkit-transform: translate(0%, -13%) scale(0.7);
    transform: translate(0%, -13%) scale(0.7);
    bottom: -5.9375vw;
    margin-left: -13.33333vw;
    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;
        margin-left: -27.77778vw;
        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%;
    -webkit-transform: translate(-50.8%, -50%);
    transform: translate(-50.8%, -50%);
    width: 19.0625vw;
    height: 19.0625vw;
    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: 41.66667vw;
        height: 41.66667vw;
    }
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 13.125vw;
    height: 13.125vw;
    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: 41.94444vw;
        height: 41.94444vw;
    }
}

.galileo .galileo-color-block {
    position: relative;
    background-color: #f4f4f4;
}

.galileo .galileo-color-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 33.38542vw;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(#fff));
    background-image: linear-gradient(to top, #f4f4f4, #fff);
}

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

.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: 30.57292vw;
}

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

.galileo .galileo-sec10 .galileo-sec10-img {
    position: relative;
    margin-top: -3.125vw;
    height: 75vw;
}

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

.galileo .galileo-sec11-sec12 {
    margin-top: -15.10417vw;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}

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

.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: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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: 10.41667vw;
}

@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: -10.41667vw;
}

@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 {
    position: relative;
    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;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.6, 0.3, 1);
    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 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0.78125vw;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    font-size: 0.72917vw;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    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.08333vw;
    }
}

.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-pro/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-pro/img/icon/icon-4@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-pro/img/icon/icon-3@2x.png);
}

.galileo .galileo-sec11 .galileo-sec11-container .galileo-sec11-summary .galileo-sec11-group .galileo-sec11-btn.active>b {
    opacity: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.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-pro/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-pro/img/icon/icon-4-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-pro/img/icon/icon-3-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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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.02083vw;
    height: 13.02083vw;
    border-radius: 50%;
    -webkit-transform: translate(-0.5%, 0%);
    transform: translate(-0.5%, 0%);
    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: 40.55556vw;
        height: 40.55556vw;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}

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

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

@keyframes circleWave {
    from {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1);
        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;
    background-color: #fff;
    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: relative;
    width: 72.70833vw;
    height: 35.10417vw;
}

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

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

.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 0;
        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 {
        padding-left: 0;
        display: inline-block;
        margin-top: 3.47222vw;
    }
}

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block {
    z-index: 1;
    position: absolute;
    top: 7%;
    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: 10%;
        right: 45%;
        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(74, 74, 74, 0.1);
}

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

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

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

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

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

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

.galileo .galileo-sec12 .galileo-sec12-container .galileo-sec12-circle-block .galileo-sec12-circle.wave7 {
    -webkit-animation: circleWave 3s ease-in-out infinite 3s;
    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: #fff;
    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: 1;
    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;
}

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

@keyframes sec14NotesRotate {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        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: #fff;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    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 {
        -webkit-transform: scale(0.7);
        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;
    -webkit-transition: opacity 0.5s ease-out;
    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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 0;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 0.5s;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 1s;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 1.5s;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 2s;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 2.5s;
    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 {
    -webkit-animation: circleWave 3s ease-in-out infinite 3s;
    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: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, #fff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    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 {
    -webkit-transform: scale(1.3);
    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 {
        -webkit-transform: scale(1);
        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;
    -webkit-transition-delay: 0.3s;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: 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.125vw;
    height: 13.125vw;
    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: 34.44444vw;
        height: 34.44444vw;
    }
}

.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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateX(-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-pro/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;
    -webkit-transform: scaleX(-1);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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: #fff;
    border-radius: 1.04167vw;
    min-height: 48.95833vw;
    height: 100%;
    -webkit-transform: rotate(0deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
        -webkit-box-align: start;
        -ms-flex-align: start;
        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.70833vw;
    height: 28.125vw;
}

@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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 13.125vw;
    height: 13.125vw;
    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: 41.94444vw;
        height: 41.94444vw;
    }
}

.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;
    overflow: hidden;
    border-radius: 1.04167vw;
}

@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;
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-video .galileo-sec15-video-wrap video {
    overflow: hidden;
    border-radius: 1.04167vw;
}

@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 video {
        border-radius: 2.5vw;
    }
}

.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;
    overflow: hidden;
    border-radius: 1.04167vw;
}

@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 .galileo-sec15-video-wrap-overlay {
        border-radius: 2.5vw;
    }
}

.galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-note {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 2.08333vw;
    text-align: center;
    font-size: 0.72917vw;
    color: #a7a7a7;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec15 .galileo-sec15-container .galileo-sec15-card .galileo-sec15-note {
        bottom: 4.02778vw;
        font-size: 1.94444vw;
    }
}

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

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

.galileo .galileo-sec16 .galileo-sec16-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    height: 36.45833vw;
    background-color: #fff;
    border-radius: 1.04167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    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.48958vw;
    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: 62.63889vw;
        margin-right: 9.30556vw;
    }
}

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

.galileo .galileo-sec18 .galileo-sec18-container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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-summary .galileo-sec18-note {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3.125vw;
    text-align: center;
    font-size: 0.72917vw;
    color: #a7a7a7;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-summary .galileo-sec18-note {
        margin-top: 3.33333vw;
        position: static;
        text-align: left;
        font-size: 1.94444vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-left,
.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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: 36.19792vw;
}

@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: 34.375vw;
}

@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: #fff;
    border-radius: 1.04167vw;
    min-height: 47.91667vw;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch {
    padding-bottom: 5.52083vw;
}

@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 {
        margin-top: 11.38889vw;
        padding-bottom: 0;
        height: 82.5vw;
    }
}

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

@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 {
        width: 55.69444vw;
        height: 87.91667vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-dial {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 13.125vw;
    height: 13.125vw;
    border-radius: 100%;
    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-watch .galileo-sec18-watch-dial {
        width: 41.94444vw;
        height: 41.94444vw;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-dial {
        width: 13.54167vw;
        height: 13.54167vw;
    }
}

@supports (-ms-ime-align: auto) {
    .galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-watch .galileo-sec18-watch-dial {
        width: 13.54167vw;
        height: 13.54167vw;
    }
}

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

@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 .galileo-sec18-img-app {
    position: relative;
    width: 26.66667vw;
    height: 19.47917vw;
}

@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 .galileo-sec18-img-app {
        width: 71.11111vw;
        height: 51.94444vw;
    }
}

.galileo .galileo-sec18 .galileo-sec18-container .galileo-sec18-card .galileo-sec18-group {
    z-index: 1;
    position: absolute;
    bottom: 2.5vw;
    left: 0;
    width: 100%;
    height: 1.92708vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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-group {
        bottom: 9.86111vw;
        height: 6.94444vw;
    }
}

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

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

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

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

@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;
    }
}

.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 {
    position: relative;
    margin: 0 auto;
    width: 72.70833vw;
}

@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;
    top: 1.04167vw;
    left: 46.875vw;
    width: 24.63542vw;
}

@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: 100%;
    }
}

.galileo .galileo-sec19 .galileo-sec19-product {
    position: relative;
    height: 62.13542vw;
    margin-top: -11.97917vw;
}

@media screen and (max-width: 639px),
screen and (max-aspect-ratio: 1 / 1) {
    .galileo .galileo-sec19 .galileo-sec19-product {
        height: 85.27778vw;
        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%;
    -webkit-transform: translate(-22%, 7%);
    transform: translate(-22%, 7%);
    width: 47.23958vw;
    height: 39.6875vw;
    border-radius: 400% 100% 400% 100%;
    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.11111vw;
        height: 55.55556vw;
        -webkit-transform: translate(-51%, 6%);
        transform: translate(-51%, 6%);
    }
}

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

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

.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) {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-item:nth-child(2) {
    -webkit-transform: translateY(10%);
    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-item:last-child {
    padding-bottom: 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-pro/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;
        -webkit-transform: translateX(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;
    -webkit-transform: rotate(0deg);
    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 .galileo-sec20-summary {
    position: static;
}

.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: 161.25vw;
    }
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-watch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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%;
    -webkit-transform: translate(-50.3%, -50.1%);
    transform: translate(-50.3%, -50.1%);
    width: 13.125vw;
    height: 13.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-dial {
        width: 41.94444vw;
        height: 41.94444vw;
    }
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    }
}

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

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

.galileo .galileo-sec20 .galileo-sec20-container .galileo-sec20-card .galileo-sec20-img4 {
    overflow: hidden;
    border-radius: 1.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-img4 {
        border-radius: 2.5vw;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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%;
}

.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 {
    -webkit-animation: showWave 4s ease-in-out infinite 2s;
    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%;
        -webkit-transform: translateX(-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-pro/img/icon/icon-arr2.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;
    -webkit-transform: rotate(180deg);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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%;
    -webkit-transform: translate(-50%, -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;
    }
}

.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: 45.83333vw;
}

@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-desc {
    width: 31.51042vw;
    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: 60.625vw;
}

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

.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%;
    -webkit-transform: translate(-47%, 34%);
    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;
        -webkit-transform: translate(-65%, 30%);
        transform: translate(-65%, 30%);
    }
}

.galileo .galileo-sec22and23 {
    -webkit-transform: translateY(10%);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    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 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        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-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: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10.98958vw;
    height: 10.98958vw;
    -webkit-transform: translate(-50%, -50%);
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(40%);
    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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0.45)), color-stop(80%, rgba(255, 255, 255, 0.72)), to(#ffffff));
    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-card .galileo-sec23-summary .galileo-sec23-more .common-more-btn2 {
    text-align: center;
}

.galileo .galileo-sec23 .galileo-sec23-block {
    margin: 6.35417vw 13.64583vw 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 6.94444vw 16.66667vw 6.94444vw;
    }
}

.galileo .galileo-sec23 .galileo-sec23-block .galileo-sec23-charging-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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;
    }
}

@-webkit-keyframes fullBGColor {
    to {
        background-position: center 100%;
    }
}

@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: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #66d19c), color-stop(50%, #383737));
    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-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-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 {
    -webkit-animation: fullBGColor 1.5s linear forwards;
    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;
    }
}


/*# sourceMappingURL=style.css.map */


#ux-bar-items .ux-item{
    align-items: center;
 }
 
 @media (max-width: 640px), (max-aspect-ratio: 1/1) and (max-width: 1200px){
   .ux-item .ux-btn-more{
   padding: 0.6px 18px;
 }
 }

@media (max-width: 640px), (max-aspect-ratio: 1/1) and (max-width: 1200px){
    #ux-bar-select{
        width: 88px;
    }
    #ux-bar-select .ux-item img{
        left: 22px;
    }
    .ux-item a, #ux-bar-select .ux-item span{
        float: none;
        width: auto;
    }
}

.ux-item img{
    position: relative;
    /* bottom: -.5vw; */
    transform: scale(1.2);
  }
  
  #ux-bar-select .ux-item span{
    position:absolute;
  }

  @media (max-width: 640px), (max-aspect-ratio: 1/1) and (max-width: 1200px){
    #ux-bar-select .ux-item span{
        position: initial;
    }
    #ux-bar-select .ux-item img{
        left: 12px;
    }
    .ux-item a, #ux-bar-select .ux-item span{
        line-height: 1.4;
    }
    #ux-bar-items .ux-item a{
        margin: 0 0 24px;
    }
    .ux-item .ux-btn-more{
        padding: 10.6px 2px;
    }
    .ux-item h3{
        line-height: 1.25;
    }
    #ux-bar-select{
        bottom: 145px;
    }
    .ux-item:nth-child(1) img{
        padding-top: 20px;
    }
  }

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

}