@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2') format('woff2')
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLQ.woff2') format('woff2')
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0
}

a,
abbr,
acronym,
address,
applet,
big,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "PT Sans", Arial, Helvetica, sans-serif !important
}

body,
html {
    font-family: "PT Sans", Arial, Helvetica, sans-serif !important;
    font-size: 62.5%;
    line-height: 1.5
}

body {
    padding-top: 64px;
    font-size: 1.6rem
}

@media (max-width:767px) {
    html {
        font-size: 55.5%
    }
}

[hidden] {
    display: none
}

[vhidden] {
    visibility: hidden
}

a {
    display: inline-block;
    text-decoration: none
}

dd,
dt,
li {
    list-style: none
}

img {
    max-width: 100%;
    height: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table th {
    font-weight: 400
}

h1 {
    font-size: 6.4rem
}

h2 {
    font-size: 4rem;
    line-height: 46px
}

h3 {
    font-size: 3.6rem
}

h4 {
    font-size: 2.4rem
}

h5 {
    font-size: 2rem
}

h6 {
    font-size: 1.8rem
}

.f-fs48 {
    font-size: 4.8rem
}

.f-fs40 {
    font-size: 40px
}

.f-fs34 {
    font-size: 3.4rem
}

.f-fs32 {
    font-size: 3.2rem
}

.f-fs30 {
    font-size: 3rem
}

.f-fs28 {
    font-size: 2.8rem
}

.f-fs24 {
    font-size: 2.4rem;
    line-height: 30px
}

.f-fs20 {
    font-size: 2rem;
    line-height: 40px
}

.f-fs18 {
    font-size: 1.8rem
}

.f-fs16 {
    font-size: 1.6rem
}

.f-fs14 {
    font-size: 14px;
    line-height: 24px
}

.f-fs12 {
    font-size: 12px
}

@media (max-width:767px) {
    body {
        font-size: 12px
    }

    h1 {
        font-size: 40px
    }

    h2 {
        font-size: 24px
    }

    h3 {
        font-size: 18px
    }

    h4 {
        font-size: 16px
    }

    .f-fs40,
    .f-fs48 {
        font-size: 24px
    }

    .f-fs30,
    .f-fs32,
    .f-fs34 {
        font-size: 20px
    }

    .f-fs24,
    .f-fs28 {
        font-size: 16px
    }

    .f-fs14,
    .f-fs16,
    .f-fs18,
    .f-fs20 {
        font-size: 12px
    }
}

.f-fw-bd {
    font-weight: 700
}

.s-fc-wt {
    color: #fff
}

.container {
    max-width: 1200px;
    margin: 0 auto
}

.container2,
.layui-container {
    max-width: 1280px;
    margin: 0 auto
}

@media (max-width:1279px) {

    .container2,
    .layui-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:1229px) {

    .container,
    .layui-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:767px) {

    .container,
    .container2,
    .layui-container {
        padding-left: 6%;
        padding-right: 6%
    }
}

.f-df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f-jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f-jcsb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f-jcsa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.f-jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.f-aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f-aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.f-aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.f-tac {
    text-align: center
}

.f-tal {
    text-align: left
}

.f-tar {
    text-align: right
}

.f-vam {
    vertical-align: middle
}

.f-vat {
    vertical-align: top
}

.f-vab {
    vertical-align: bottom
}

.f-fl {
    float: left
}

.f-fr {
    float: right
}

.f-cl::after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

[class^="btn"] {
    min-width: 240px;
    height: 64px;
    line-height: 64px;
    border-radius: 8px 8px 8px 8px;
    color: #fff;
    display: inline-block;
    text-align: center;
    -webkit-transition: background-color .15s, -webkit-transform .15s;
    transition: background-color .15s, -webkit-transform .15s;
    transition: transform .15s, background-color .15s;
    transition: transform .15s, background-color .15s, -webkit-transform .15s;
    position: relative;
    z-index: 0
}

[class^="btn"]:hover::before {
    height: calc(100% + (1rem / 2));
    width: calc(100% + (1rem / 2));
    border-radius: 8px
}

[class^="btn"].btn-bl {
    background: #1d70ec
}

[class^="btn"].btn-bd-wt {
    border: 1px solid #fff
}

[class^="btn"].btn-bd-bl {
    border: 1px solid #1d70ec;
    color: #1d70ec
}

[class^="btn"]::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    z-index: -1;
    -webkit-transition: all ease-out .2s;
    transition: all ease-out .2s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn-bl {
    background: #2258f6
}

.btn-bl:active,
.btn-bl:focus,
.btn-bl:hover {
    background: #1f4fdd
}

.btn-bl:active::before,
.btn-bl:focus::before,
.btn-bl:hover::before {
    background: #1f4fdd
}

.btn-bl.btn-shadow {
    -webkit-box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4);
    box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4)
}

.btn-bd-bl:hover {
    color: #fff
}

.btn-bd-bl:hover::before {
    background: #1f4fdd;
    border: 1px solid #1f4fdd
}

.btn-bd-wt:hover {
    color: #1f4fdd
}

.btn-bd-wt:hover::before {
    background: #fff;
    border: 1px solid #fff
}

.ic-arw::after {
    -webkit-transition: .5s all;
    transition: .5s all;
    content: ">>";
    display: inline-block;
    color: inherit;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    vertical-align: 0
}

body {
    padding-top: 64px
}

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #19223f;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    z-index: 9999
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 64px;
    background-color: #19223f;
}

.nav-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-list li {
    padding: 0 30px
}

.nav-list li:lang(de),
.nav-list li:lang(fr) {
    padding: 0 20px
}

.nav-list a {
    font-size: 16px;
    color: #fff
}

.nav-list a:lang(pt) {
    font-size: 14px
}

.nav-list a:hover {
    color: #2258f6
}

.nav-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-sec .sec-item {
    padding: 15px 8px
}

.nav-sec .log {
    font-size: 14px;
    color: #fff
}

.nav-sec .mymc,
.nav-sec .started {
    height: 32px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #fff;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 0 15px
}

.nav-sec .mobile-txt {
    display: none
}

.nav-sec .serachBtn {
    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: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px 8px 8px 8px
}

.nav-sec .serachBtn i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(./MC-nav-ic-search-16.svg) no-repeat
}

.nav-sec .currentLang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 71px;
    height: 32px;
    border-radius: 8px 8px 8px 8px;
    background: rgba(0, 0, 0, 0.05);
    font-size: 14px;
    color: #000;
    padding: 0 8px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.nav-sec .currentLang::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(./MC-nav-ic-arrow-16.svg) no-repeat
}

.nav-sec .currentLang.open::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav-sec .drap-navItem {
    position: relative
}

.nav-sec .drap-dwon {
    display: none;
    position: absolute;
    z-index: 99;
    margin-top: 16px;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05)
}

.nav-sec .langMenu {
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    padding: 5px 0
}

.nav-sec .langMenu a {
    padding: 5px 15px;
    color: #000;
    font-size: 14px
}

.nav-sec .langMenu li:hover {
    background: #1d70ec
}

.nav-sec .langMenu li:hover a {
    color: #fff
}

.nav .nav-tg {
    display: none;
    width: 16px;
    position: relative;
    height: 14px;
    -webkit-transition: all .65s;
    transition: all .65s;
    z-index: 1000
}

.nav .nav-tg span {
    display: block;
    height: 2px;
    background-color: #000;
    margin-bottom: 4px
}

.nav .nav-tg span:last-child {
    margin-bottom: 0
}

.nav .nav-tg.open {
    background: url(/resource/images/index/MC-nav-mobile-2.svg) no-repeat;
    width: 24px;
    height: 24px
}

.nav .nav-tg.open span {
    display: none
}

.phone-btn {
    display: none
}

@media (max-width:991px) {
    .phone-btn {
        min-height: 49px;
        line-height: 49px
    }

    .phone-btn a {
        min-width: 90px;
        height: 32px;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #2258f6;
        line-height: 32px;
        color: #2258f6;
        font-size: 12px;
        text-align: center;
        padding: 0 15px
    }

    .nav-sec .pc-btn {
        display: none
    }
}

@media screen and (max-width:1200px) {
    header .nav-list {
        padding: 0
    }

    header .nav-list li {
        padding: 0 20px
    }
}

@media screen and (max-width:991px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%
    }

    header .logo-x {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0
    }

    header .nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }

    header .nav .nav-tg {
        display: block
    }

    header .nav-r {
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    header .nav-r {
        display: none
    }

    header .nav-list,
    header .nav-sec {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    header .nav-list li,
    header .nav-sec li {
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid #e6e8e9
    }

    header .nav-list .sec-item,
    header .nav-sec .sec-item {
        padding: 8px 0;
        font-size: 16px
    }

    header .nav-list .started,
    header .nav-sec .started {
        font-size: 14px;
        border: none;
        padding: 0;
        color: #000
    }

    header .nav-list .log,
    header .nav-sec .log {
        font-size: 14px
    }

    header .nav-list .mobile-txt,
    header .nav-sec .mobile-txt {
        display: block
    }

    header .nav-list .serachBtn,
    header .nav-sec .serachBtn {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: 0 0;
        color: #000
    }

    header .nav-list .drap-navItem,
    header .nav-sec .drap-navItem {
        border-bottom: none
    }

    header .nav-list .currentLang,
    header .nav-sec .currentLang {
        width: 100%;
        background: 0 0;
        color: #000;
        padding: 0
    }

    header .nav-list .drap-dwon,
    header .nav-sec .drap-dwon {
        position: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0
    }

    header .nav-sec .drap-dwon a,
    header .nav-list a {
        display: block
    }
}

.footer {
    background: #000
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    padding: 120px 0
}

.footer-nav-l {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 3%
}

.footer-nav-r {
    width: 35%;
    padding-left: 13%
}

.footer .nav-ft .nav-ft-tit {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px
}

.footer .nav-ft .nav-ft-item {
    margin-top: 10px
}

.footer .nav-ft a {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400
}

.footer .nav-ft a:hover {
    color: #fff
}

.footer .footer-logo {
    margin-bottom: 24px
}

.footer .ft-info {
    position: relative;
    color: #fff;
    font-size: 12px;
    padding-left: 30px;
    margin-bottom: 20px
}

.footer .ft-info i {
    position: absolute;
    left: 0;
    top: -3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.footer .ft-info i.email {
    background: url(./MC-bottompage-ic-mail-24-white.svg) no-repeat
}

.footer .ft-info i.local {
    background: url(./MC-bottompage-ic-add-24-white.svg) no-repeat
}

.footer .followInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-top: 47px
}

.footer .followInfo .followLink {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(./mc-ic-x.svg) no-repeat
}

.footer .followInfo .followLink-2 {
    background: url(./MC-bottompage-ic-fb-32.svg) no-repeat
}

.footer .followInfo .upvote {
    background: #3f89d7;
    height: 32px;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    padding: 0 10px
}

.footer .footer-bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(57, 63, 85, 0.5);
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    padding: 40px 0
}

.footer .footer-bot .line {
    display: inline-block;
    padding: 0 10px
}

.footer .footer-bot a {
    color: rgba(255, 255, 255, 0.5)
}

.footer .footer-bot a:hover {
    color: #fff
}

@media screen and (max-width:991px) {
    .footer-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-nav-l {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .footer-nav .nav-ft {
        width: 100%
    }

    .footer-nav .nav-ft .nav-ft-tit {
        border-bottom: 1px solid #393f55;
        margin: 0;
        padding: 10px 0
    }

    .footer-nav .nav-ft .nav-ft-list {
        display: none
    }

    .footer-nav .footer-nav-r {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 40px
    }

    .footer-nav .followInfo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:567px) {
    .footer .footer-bot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.subscribe-email-bx {
    margin: 0 calc(50% - 269px);
    text-align: center
}

.subscribe-email-bx h4 {
    margin-top: 24px;
    margin-bottom: 68px !important
}

.subscribe-email-bx .a-bx {
    margin-top: 68px;
    padding: 0 3px
}

.subscribe-email-bx .loading-bx {
    height: 400px !important
}

.subscribe-email-bx .sign-mn {
    height: 483px;
    width: 538px;
    padding: 40px 52px 0
}

.stayEmailPush {
    padding: 8px 16px;
    border-radius: 10px;
    background: #f7f7f7;
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 16px;
    font-size: 12px
}

.full-coverage {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 100
}

.full-coverage .tips {
    position: fixed;
    z-index: 200;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 710px;
    width: 90%
}

.full-coverage .tips h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 1em;
    font-size: 36px
}

.full-coverage .tips .link {
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid transparent
}

.bottom-inlet {
    height: 80px;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: url(/assets/images/activety/world-backup-day-2022/entry/bg-rukou.png) no-repeat center / cover;
    z-index: 1000
}

.bottom-inlet .container {
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-inlet .bottom-inlet-btn {
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    background: #ff8920;
    background: -webkit-gradient(linear, left top, right top, from(#ff7200), to(#ff8920));
    background: linear-gradient(90deg, #ff7200, #ff8920);
    -webkit-box-shadow: 0 4px 8px 0 rgba(91, 15, 15, 0.4);
    box-shadow: 0 4px 8px 0 rgba(91, 15, 15, 0.4);
    border-radius: 4px
}

.bottom-inlet .bottom-inlet-btn:hover {
    background: #ff7200
}

.bottom-inlet .img-x p {
    font-size: 16px;
    color: #fff
}

.bottom-inlet .bottom-inlet-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    bottom: 34px;
    background: url(/assets/images/activety/world-backup-day-2022/entry/close1.png) no-repeat;
    cursor: pointer
}

.bottom-inlet .bottom-inlet-close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear
}

.bottom-inlet .sale-title {
    font-style: italic;
    color: #e2b67e;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px
}

.bottom-inlet span {
    height: 45px;
    font-family: Arial;
    line-height: 45px;
    font-size: 30px;
    font-weight: 600;
    margin: 0 20px;
    color: #fff;
    cursor: context-menu
}

.bottom-inlet .bottom-inlet-sale-55 {
    width: 45px;
    height: 45px;
    margin: 0 10px 0 20px;
    background: url(/assets/images/activety/bottomInlet/christmas-2021/img_gift.png) no-repeat
}

.bottom-inlet .timer-box {
    font-family: Arial;
    display: table;
    width: 250px;
    height: 50px;
    text-align: center;
    margin: 0 40px
}

.bottom-inlet .timer-box .timers {
    display: table-cell
}

.bottom-inlet .timer-box .timers .timer {
    width: 25px;
    height: 30px;
    float: left;
    background-color: #b92a2a;
    border-radius: 4px;
    color: #e2b67e;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.bottom-inlet .timer-box .timers .left {
    margin-right: 2px
}

.bottom-inlet .timer-box .timers .timer-unit {
    color: #d58874;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.bottom-inlet .timer-box .timer-point {
    width: 2px;
    height: 8px;
    margin: 11px 5px 25px;
    background: url(/assets/images/activety/bottomInlet/christmas-2021/img_segmentation.png) no-repeat
}

.christmas-mobile-top {
    display: block;
    width: 40px;
    float: right;
    position: absolute;
    height: 40px;
    top: 5px;
    right: 65px;
    background: url(/assets/images/activety/bottomInlet/christmas-2021/icon_discount_-55.svg) no-repeat
}

.password-eye {
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    cursor: pointer
}

.icon-password-eye {
    background: url(/assets/images/sign/MC-buy-signup-ic-password-2.svg) no-repeat
}

.icon-password-eye-hide {
    background: url(/assets/images/sign/MC-buy-signup-ic-password-1.svg) no-repeat
}

.icon-check {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    background: url(/assets/images/sign/MC-buy-signup-ic-gouxuan-1.svg) no-repeat
}

.stayEmailPush .icon-check {
    margin-top: 6px
}

.icon-check-none {
    background: url(/assets/images/sign/MC-buy-signup-ic-gouxuan-2.svg) no-repeat
}

.sign-line {
    margin-top: 30px;
    height: 0;
    border: none;
    border-top: 1px solid #eeeeef;
    display: none
}

.halloween-sale-event {
    width: 74px;
    height: 58px;
    cursor: pointer;
    background: url(/assets/images/activety/halloween-2022/img_web_halloween_event.png) no-repeat;
    background-position: -12px -12px
}

.halloween-sale-event:hover {
    background-position: -12px -95px
}

.halloween-sale-event:active {
    background-position: -12px -178px
}

.mc-header .nav-it .search-app {
    display: none
}

.mc-header .nav-it .search-app,
.mc-header .nav-it .search-pc {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    width: 20px;
    height: 20px;
    margin: 8px 0 0;
    background: url(/assets/images/icons/iocn-souMC-signup-ic-Activate-80.svg) center center no-repeat
}

@media (max-width:1024px) {
    .mc-header .nav-it .search-pc {
        display: none
    }

    .mc-header .nav-it .search-app {
        margin: 0 0 10px
    }
}

@media (max-width:991px) {
    .mc-header .nav-lf .btn-sign {
        display: none
    }
}

.christmas-sale-event {
    width: 80px;
    height: 96px;
    cursor: pointer;
    position: absolute;
    top: 0
}

.christmas-sale-event:hover {
    background-position: -82px 0
}

.newYear-sale-event-en {
    background: url(/assets/images/activety/new-year-2023/img_card_en.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-de {
    background: url(/assets/images/activety/new-year-2023/img_card_de.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-fr {
    background: url(/assets/images/activety/new-year-2023/img_card_fr.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-it {
    background: url(/assets/images/activety/new-year-2023/img_card_it.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-pt {
    background: url(/assets/images/activety/new-year-2023/img_card_pt.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-jp {
    background: url(/assets/images/activety/new-year-2023/img_card_jp.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-es {
    background: url(/assets/images/activety/new-year-2023/img_card_es.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-cn {
    background: url(/assets/images/activety/new-year-2023/img_card_cn.png) no-repeat;
    background-position: 0 0
}

.newYear-sale-event-tw {
    background: url(/assets/images/activety/new-year-2023/img_card_tw.png) no-repeat;
    background-position: 0 0
}

.fb_iframe_widget span {
    width: 110px !important
}

.fb_iframe_widget span>iframe {
    width: 110px !important
}

.flash24h-sale-event {
    width: 100px;
    height: 55px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    left: -10px;
    padding: 22px 20px 0;
    color: #fff
}

.flash24h-sale-event:hover {
    background-position: -5px -60px
}

.flash24h-sale-event-en {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_en.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-es {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_es.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-cn {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_cn.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-tw {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_tw.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-it {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_it.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-fr {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_fr.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-pt {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_pt.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-jp {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_jp.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-de {
    background: url(/assets/images/activety/24h-flash-2023/img_sale_de.png) no-repeat;
    background-position: -5px -2px
}

.flash24h-sale-event-cn:hover {
    background-position-y: -61px
}

.flash24h-sale-event-jp:hover {
    background-position-y: -56px
}

.flash24h-sale-event-de:hover {
    background-position-y: -55px
}

.flash24h-sale-event-es:hover,
.flash24h-sale-event-fr:hover,
.flash24h-sale-event-pt:hover {
    background-position-y: -58px
}

#askDevice::before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    background: url(/assets/images/sign/MC-buy-signup-ic-gouxuan-2.svg) no-repeat
}

#askDevice[type="checkbox"]:checked:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    cursor: pointer;
    background: url(/assets/images/sign/MC-buy-signup-ic-gouxuan-1.svg) no-repeat
}

.ic-v-email {
    width: 32px;
    height: 32px;
    background: url(/assets/images/verify/MC-verify-ic-email.svg) no-repeat
}

.verify-wrap button[data-elem="sendCode"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.usereMail.s-fc-bl {
    color: #000 !important
}

.layui-fixbar {
    display: none !important
}