* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.wiko {
    font-family: "Harmony", Arial, Helvetica Neue, Helvetica, sans-serif;
}

html,
body,
p,
span {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
}

input[type=text]::-ms-clear {
    display: none;
}

a {
    color: #212529;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

button {
    outline: none;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wiko-v1 a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    -webkit-tap-highlight-color: transparent;
}

.header-v1 {
    display: flex;
    font-size: 0;
    line-height: 1;
    padding: 0.520833vw 6.25vw;
    position: sticky;
    width: 100%;
    height: 3.125vw;
    top: 0;
    z-index: 997;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    backdrop-filter: saturate(180%) blur(1.04167vw);
    background-color: rgba(255, 255, 255, .72);
}

.header-v1.hover-header {
    background-color: rgba(255, 255, 255, 1)
}

.logo-link {
    margin-right: 3.125vw;
    display: flex;
    align-items: center;
}

.header-v1 .header-v1__logo {
    height: auto;
    width: 4.16667vw;
    box-sizing: border-box;
}

.header-v1 .nav-toggle {
    display: none
}

.header-v1 .main-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1.041667vw 0 0;
}

.header-v1 .main-nav__list {
    height: inherit;
    display: flex;
    font-size: 0.83333vw;
}

.header-v1 .main-nav__item {
    height: inherit;
    margin-right: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-v1 .main-nav a {
    text-decoration: none;
    font-weight: 500;
    font-size: 0.83333vw;
}

.header-v1 .main-nav__item.hoverable {
    padding-bottom: 0.520833vw
}

.header-v1 .main-nav__item.ishover .nav-link::after,
.header-v1 .nav-link:hover::after {
    content: "";
    width: 100%;
    height: 0.15625vw;
    background-color: #000;
    position: absolute;
    bottom: -0.72917vw;
    left: 50%;
    transform: translateX(-50%);
}

.header-v1 .main-nav__rg,
.header-v1 .main-nav__lf {
    height: 100%
}

.header-v1 .main-nav__rg .main-nav__item:last-child,
.header-v1 .main-nav__lf .main-nav__item:last-child {
    margin-right: 0
}

.header-v1 .dropdown-menu {
    position: absolute;
    left: 0;
    top: 3.125vw;
    width: 100%;
    box-shadow: 0 0.78125vw 0.78125vw 0 rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    display: none;
    z-index: 99;
}

.dropdown-menu__item_box {
    width: 100%;
    display: flex;
    justify-content: center;
}

.header-v1 .dropdown-menu__item {
    display: inline-flex;
    flex-direction: column;
    margin: 0 1.04167vw;
    padding: 2.08333vw 0;
    vertical-align: middle
}

.header-v1 .dropdown-menu__media {
    display: flex
}

.header-v1 .dropdown-menu__title {
    text-align: center;
    margin-top: 0.83333vw;
}

.header-v1 .dropdown-menu--main .dropdown-menu__media-lf {
    width: 9.375vw;
    height: 8.33333vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-v1 .dropdown-menu--main .dropdown-menu__media-lf img {
    height: 100%;
    transform: scale(1);
    transition: all 0.3s;
}

.header-v1 .dropdown-menu--main .dropdown-menu__media-lf:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.header-v1 .dropdown-menu--other {
    flex-direction: row
}

.header-v1 .dropdown-menu--other .dropdown-menu__otherwrap {
    margin-right: 3.125vw;
    width: 8.333333vw
}

.header-v1 .dropdown-menu--other .dropdown-menu__otherwrap:last-child {
    margin-right: 0
}

.header-v1 .dropdown-menu--other .dropdown-menu__media {
    width: 8.333333vw;
    height: 8.333333vw
}

.header-v1 .dropdown-menu--other .dropdown-menu__title {
    font-size: 0.9375vw
}

.header-v1 .nav-link {
    height: 1.77083vw;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s;
    color: #212529;
    position: relative;
}

/* 二级导航 */
.sub-header {
    min-height: 3.125vw;
    height: auto;
    padding: 0 6.25vw;
    background-color: #f6f6f6;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    backdrop-filter: saturate(180%) blur(0.52083vw);
    background-color: rgba(246, 246, 246, 0.7);
}

.sub-header .sub-nav-log {
    height: 0.938vw;
}

.sub-header .sub-nav-r {
    height: 100%;
}

.sub-header .sub-nav-link {
    margin-right: 3.125vw;
    font-size: 0.83333vw;
    color: #666;
    cursor: pointer;
    position: relative;
    height: 100%;
    line-height: 3.125vw;
    display: inline-block;
}

.sub-header .sub-nav-link.active,
.sub-header .sub-nav-link:hover {
    color: #000;
}

.sub-header .sub-nav-link.active::after,
.sub-header .sub-nav-link:hover::after {
    content: "";
    width: 100%;
    height: 0.15625vw;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.footer-v1 {
    padding: 5.10417vw 6.25vw 3.22917vw;
    background-color: #f5f5f5;
}

.footer-v1 .t-content {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5.20833vw;
    border-bottom: 1px solid #c6c6c6;
}

.footer-v1 .t-content .footer-cl-title {
    font-size: 0.83333vw;
    position: relative;
    margin-bottom: 1.97917vw;
}

.link-title {
    font-size: 0.83333vw;
    position: relative;
    margin-bottom: 1.875vw;
}

.footer-v1 .t-content .footer-links {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.footer-v1 .t-content .footer-links__block {
    flex: 1;
}

.footer-v1 .t-content .footer-links__block:nth-last-child(2) {
    flex: 3;
}

.footer-v1 .t-content .footer-links__item {
    font-size: 0.83333vw;
    margin-bottom: 0.9375vw;
}

.footer-v1 .t-content .footer-links__item:last-child {
    margin-bottom: 0
}

.footer-v1 .t-content .footer-links__item a {
    color: #999;
    transition: color 0.3s ease-out;
}

.footer-v1 .t-content .footer-links__item a:hover {
    color: #000;
    transition: color 0.3s ease-out;
}

.footer-v1 .t-content .footer-contact {
    display: flex
}

.footer-v1 .t-content .footer-contact__block {
    margin-left: 4.479167vw
}

.footer-v1 .t-content .footer-contact__block:first-child {
    margin-left: 0
}

.footer-v1 .t-content .footer-contact__hotline {
    font-size: 0.9375vw
}

.footer-v1 .t-content .footer-contact__online {
    font-size: 0.9375vw;
    margin-top: 1.041667vw;
    display: flex;
    align-items: flex-start
}

.footer-v1 .t-content .footer-contact__online-icon {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 1.041667vw
}

.footer-v1 .t-content .footer-contact__social {
    display: inline-block;
    color: #000;
    opacity: .3;
    transition: .3s ease-out;
}

.footer-v1 .t-content .footer-contact__social:hover {
    opacity: 1;
    transition: .3s ease-out;
}

.footer-v1 .b-content {
    display: flex;
    align-items: center;
    padding: 0.9375vw 0 0;
}

.footer-v1 .b-content__block {
    flex: 1;
    font-size: 0.729167vw
}

.footer-v1 .b-content .footer-xs-c {
    flex: 0;
    width: 8.333333vw;
    line-height: 1;
    font-size: 0
}

.footer-v1 .b-content .language-switcher {
    display: flex;
    justify-content: flex-end
}

.footer-v1 .b-content .footer-sitemap {
    display: flex;
    justify-content: space-between;
}

.footer-sitemap-right a {
    font-size: 0.729vw;
    color: #000;
    opacity: 0.5;
    transition: .3s ease-out;
}

.footer-sitemap-right a:hover {
    transition: .3s ease-out;
    opacity: 1;
}

.footer-v1 .b-content .footer-sitemap__item {
    position: relative;
    /* padding-right: 0.52083vw; margin-right: 0.41667vw; */
    display: inline-block;
}

.footer-v1 .b-content .footer-sitemap__item a {
    font-size: 0.729vw;
    color: #999;
    transition: .3s ease-out;
}

.footer-v1 .b-content .footer-sitemap__item a:hover {
    color: #000;
    transition: .3s ease-out;
}

.footer-v1 .b-content .footer-sitemap__item::after {
    content: '|';
    font-size: 0.625vw;
    color: #999;
    margin: 0 0.3125vw;
}

.footer-v1 .b-content .footer-sitemap__item:last-child {
    padding-right: 0;
    margin-right: 0
}

.footer-v1 .b-content .footer-sitemap__item:last-child::after {
    content: none
}

.footer-v1 .b-content .language-switcher {
    display: flex
}

.footer-v1 .b-content .language-switcher a:hover {
    opacity: 0.7
}

.footer-v1 .b-content .language-switcher__info {
    font-size: 0.9375vw;
    display: inline-block;
    vertical-align: middle
}

.footer-v1 .b-content .icon-language {
    margin-left: 0.20833vw;
    display: inline-block;
}

.footer-v1 .footer-logo {
    width: 6.333333vw;
    height: auto
}

.footer-v1 .b-content .footer-copyright {
    text-align: left;
    font-size: 0.729vw;
}

.footer-v1 .footer-sitemap-1 {
    color: #999;
    font-size: 0.729vw;
    margin-right: 1.25vw;
    display: inline-block;
}

.footer-v1 .b-content .footer-copyright>a {
    margin-right: 1.25vw;
    color: #999;
    transition: color 0.5s ease-out;
}

.footer-v1 .b-content .footer-copyright>a:hover {
    color: #000;
    transition: color 0.5s ease-out;
}

.footer-v1 .icon-footer .footer-contact__social {
    margin-right: 1.5625vw;
}

.footer-v1 .font-ico-weibo {
    display: inline-block;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url('/template/cn/public/assest/images/footer/weibo.svg') no-repeat;
}

.footer-v1 .font-ico-weixin {
    display: inline-block;
    width: 1.5625vw;
    height: 1.5625vw;
    margin-right: 1.5625vw;
    background: url('/template/cn/public/assest/images/footer/weixin.svg') no-repeat;
}
.footer-v1 .font-ico-facebook {
    display: inline-block;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url('/template/cn/public/assest/images/footer/facebook.svg') no-repeat;
    background-size: contain; /* 确保背景图像适应容器大小 */
}

.footer-v1 .font-ico-instagram {
    display: inline-block;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url('/template/cn/public/assest/images/footer/instagram.svg') no-repeat;
    background-size: contain; 
}
.footer-v1 .font-ico-youtube {
    display: inline-block;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url('/template/cn/public/assest/images/footer/youtube.svg') no-repeat;
    background-size: contain; 
}
.footer-v1 .wechat {
    position: relative;
}

.footer-v1 .wechat:hover .QR-code-box {
    display: block;
}

.footer-v1 .QR-code-box {
    display: none;
    position: absolute;
    top: -6.77083vw;
    left: -2.39583vw;
    width: 6.25vw;
    height: 6.25vw;
    border: solid 1px #999;
    -webkit-box-shadow: 0 0 0.20833vw rgb(0 0 0 / 50%);
    box-shadow: 0 0 0.20833vw rgb(0 0 0 / 50%);
    background: #fff;
}

.footer-v1 .QR-code-img {
    width: 100%;
    height: auto;
}

/* 按钮公共样式 */
.btn {
    border: none;
    padding: 0.72917vw 1.45833vw;
    cursor: pointer;
    font-size: 0.83333vw;
    display: inline-block;
}

a.btn.black-btn {
    background-color: #000;
    color: #fff;
    font-size: 0.83333vw;
}

.link-btn {
    color: #000;
    font-size: 0.83333vw;
    transition: all .3s;
    cursor: pointer;
}

.link-btn:hover {
    color: #666;
    transition: all .3s;
}

a.btn.black-btn:hover {
    opacity: 0.7;
}

.border-btn {
    border: 0.13889vw solid #000;
}

.white-btn {
    background-color: #fff;
    border-bottom: 0.10417vw solid #000;
}

.white-btn:hover {
    border-bottom: 0.10417vw solid transparent;
}

.black-wihte-btn {
    background-color: #fff;
    opacity: 1;
    transition: all .3s;
}

.black-wihte-btn:hover {
    opacity: .7;
    transition: all .3s;
}

.btn.small,
a.btn.black-btn.small {
    font-size: 0.625vw;
    padding: 0.41667vw 1.09375vw 0.41667vw;
    margin: 0.3125vw 0;
}

/* cookie样式 */
.cookie-box {
    width: 100%;
    height: 3.64583vw;
    background-color: rgba(215, 215, 215, 0.9);
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2000;
    display: none;
}

.cookie-box .cookie-center {
    width: 62.5vw;
    height: 100%;
    padding: 0 0.625vw;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.83333vw;
}

.cookie-center .icon-close {
    cursor: pointer;
    font-size: 1.04167vw;
}

/* 购买弹窗 */
.dailog-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2022;
    display: none;
}

.dailog-mask .dailog-box {
    width: 26.04167vw;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.dailog-mask .dailog-header {
    padding: 1.04167vw;
    height: 0.72917vw;
}

.dailog-mask .dailog-content {
    padding: 0 2.08333vw 2.08333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dailog-mask .dailog-header .icon-close {
    float: right;
    font-size: 0.9375vw;
    font-weight: bold;
    cursor: pointer;
}

.dailog-mask .dailog-content .title {
    font-size: 0.83333vw;
    margin-top: 0.20833vw;
    line-height: 1.3;
    margin-bottom: 2.08333vw;
}

.dailog-mask .buy-content:hover {
    border: 1px solid #c6c6c6;
}

.dailog-mask .buy-content:hover .buy-name {
    color: #D60812;
}

.dailog-mask .buy-content {
    width: 13.54167vw;
    height: 3.125vw;
    background-color: #f5f5f5;
    margin-bottom: 1.04167vw;
    padding: 0 1.04167vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dailog-mask .buy-name {
    font-size: 0.83333vw;
}

.dailog-mask .buy-img {
    width: 2.91667vw;
    height: auto;
}

/* 购买弹窗结束 */
@media (max-width: 768px) {
    .header-v1 {
        padding: 2.08333vw 5.55556vw;
        justify-content: center;
        box-sizing: border-box;
        background-color: #fff;
        border-bottom: none;
        height: 11.11111vw;
    }

    .logo-link {
        margin-right: 0;
    }

    .header-v1 .header-v1__logo {
        width: 17.778vw;
        height: auto;
        box-sizing: border-box;
        padding: 0.66667vw 1.01389vw 0.81944vw 0.88889vw;
    }

    .header-v1 .nav-link {
        width: 100%;
    }

    .header-v1 .nav-link::after {
        display: none;
    }

    .header-v1 .main-nav a {
        font-size: 3.61111vw;
        height: inherit;
    }

    .header-v1 .main-nav__rg,
    .header-v1 .main-nav__lf {
        height: auto;
    }

    .header-v1 .main-nav {
        display: flex;
        position: absolute;
        top: 11.11111vw;
        flex-direction: column;
        background: #fff;
        padding: 0 5.55556vw;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        overflow-y: scroll;
        display: none;
        border-bottom: 0.13889vw solid #c6c6c6;
    }

    .header-v1 .main-nav__list {
        flex-direction: column;
        font-size: 3.61111vw;
    }

    .header-v1 .main-nav__item {
        position: relative;
        margin-right: 0;
        flex-direction: column;
        align-items: flex-start;
        padding: 5vw 0;
    }

    .header-v1 .bottom-line {
        height: 0.13889vw;
        width: 100%;
        background-color: #c6c6c6;
        transform: scaleY(1);
    }

    @media (-webkit-min-device-pixel-ratio: 2) {
        .header-v1 .bottom-line {
            transform: scaleY(0.5);
        }
    }

    @media (-webkit-min-device-pixel-ratio: 3) {
        .header-v1 .bottom-line {
            transform: scaleY(0.333);
        }
    }

    .main-nav__rg .main-nav__item:last-child {
        border-bottom: none;
    }

    .header-v1 .main-nav__item::before,
    .header-v1 .main-nav__item::after {
        content: '';
        position: absolute;
        right: 0;
        width: 2.636719vw;
        height: 0.69444vw;
        background-color: #c6c6c6;
    }

    .header-v1 .main-nav__item::before {
        top: 5.83333vw;
        transform: rotate(45deg)
    }

    .header-v1 .main-nav__item::after {
        top: 7.22222vw;
        transform: rotate(-45deg)
    }

    .header-v1 .main-nav__item.js-hoverable::before,
    .header-v1 .main-nav__item.js-hoverable::after {
        width: 3.33333vw;
        height: 0.69444vw;
        top: 6.80556vw;
        transition: 0.3s;
        border-radius: 0%;
        background-color: #c6c6c6;
    }

    .header-v1 .main-nav__item.js-hoverable::before {
        transform: none
    }

    .header-v1 .main-nav__item.js-hoverable::after {
        transform: rotate(90deg)
    }

    .header-v1 .main-nav__item.js-hoverable.ishover::before,
    .header-v1 .main-nav__item.js-hoverable.ishover::after {
        transform: rotate(360deg)
    }

    .header-v1 .dropdown-menu {
        position: relative;
        box-shadow: none;
        top: 0;
    }

    .header-v1 .dropdown-menu__item_box {
        flex-direction: column;
    }

    .header-v1 .dropdown-menu__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        display: flex;
        justify-content: space-between
    }

    .header-v1 .dropdown-menu__item:first-child {
        margin-left: 0
    }

    .header-v1 .dropdown-menu--other .dropdown-menu__media {
        width: 34.179688vw;
        height: 34.179688vw
    }

    .header-v1 .dropdown-menu--main .dropdown-menu__media-lf {
        display: none;
    }

    .header-v1 .dropdown-menu__title {
        font-size: 3.125vw;
        margin-top: 4.86111vw;
        text-align: left;
        color: #666;
        font-weight: 300;
    }

    .header-v1 .dropdown-menu a:hover .lf-color-b,
    .header-v1 .dropdown-menu a:hover .lf-color-c {
        opacity: 0
    }

    .header-v1 .dropdown-menu a:hover .lf-color-a,
    .header-v1 .dropdown-menu a:hover .lf-color-b,
    .header-v1 .dropdown-menu a:hover .lf-color-c {
        transform: none
    }

    .header-v1 .dropdown-menu--link {
        font-size: 2.34375vw;
        text-align: center;
        margin: 3.90625vw 0 9.765625vw;
        padding: 0
    }

    .header-v1 .dropdown-menu--link:hover {
        text-decoration: underline
    }

    .header-v1 .nav-toggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5.859375vw;
        background: none;
        border: none;
        padding: 0;
        display: block
    }

    .header-v1 .nav-toggle .nav-line {
        width: 5.55556vw;
        height: 0.83333vw;
        background: #000;
        display: block;
        margin-bottom: 1.11111vw;
        transition: transform 0.3s
    }

    .header-v1 .nav-toggle .nav-line:last-child {
        margin-bottom: 0
    }

    .header-v1 .nav-toggle.active .nav-line:first-child {
        transform: rotate(-45deg) translate(-1.38889vw, 1.38889vw);
        transform-origin: center
    }

    .header-v1 .nav-toggle.active .nav-line:nth-child(2) {
        transform: rotateY(90deg)
    }

    .header-v1 .nav-toggle.active .nav-line:last-child {
        transform: rotate(45deg) translate(-1.38889vw, -1.38889vw);
        transform-origin: center
    }

    /* 移动端二级导航 */
    .sub-header {
        padding: 4.02778vw 5.55556vw 0;
        display: block;
        height: auto;
    }

    .sub-header.sub-header-flex {
        display: flex;
        padding: 2.08333vw 5.55556vw 0;
    }

    .sub-header.sub-header-flex>picture {
        margin-bottom: 0;
    }

    .sub-header.sub-header-flex .sub-nav-log {
        height: 3.33333vw;
    }

    .sub-header>picture {
        height: 7.22222vw;
        display: flex;
        align-items: center;
        margin-bottom: 1.389vw;
    }

    .sub-header .sub-nav-log {
        height: 5.13889vw;
    }

    .sub-header .sub-nav-link {
        font-size: 3.61111vw;
        line-height: 8.333vw;
    }

    .sub-header .btn-box {
        position: absolute;
        right: 5.55556vw;
        top: 4.02778vw;
    }

    .sub-header a.btn.black-btn.small {
        font-size: 3.33333vw;
        padding: 1.38889vw 5.69444vw 1.66667vw;
        margin-left: 1.38889vw;
    }

    .sub-header .sub-nav-link.active::after,
    .sub-header .sub-nav-link:hover::after {
        width: 100%;
        height: 0.55556vw;
    }

    .sub-header .sub-nav-r {
        height: 8.333vw;
    }

    /* 尾部 */
    .footer-v1 {
        padding: 8.33333vw 5.55556vw 13.61111vw;
        background-color: #fff;
    }

    .footer-v1 .t-content,
    .footer-v1 .footer-links,
    .footer-v1 .footer-contact {
        flex-direction: column
    }

    .footer-v1 .t-content {
        padding-bottom: 0;
        border-bottom: none;
    }

    .footer-v1 .t-content .js-footer-toggle {
        display: none;
    }

    .footer-v1 .t-content .footer-links__block {
        width: 100%;
        padding: 5vw 0 5.41667vw;
        position: relative;
    }

    .footer-v1 .t-content .footer-links__block::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.13889vw;
        transform-origin: 0 0;
        background-color: #c6c6c6;
    }

    @media (-webkit-min-device-pixel-ratio: 2) {
        .footer-v1 .t-content .footer-links__block::after {
            transform: scaleY(0.5);
        }
    }

    @media (-webkit-min-device-pixel-ratio: 3) {
        .footer-v1 .t-content .footer-links__block::after {
            transform: scaleY(0.33);
        }
    }

    .footer-v1 .t-content .footer-links__item {
        font-size: 3.125vw;
        margin-bottom: 5vw;
    }

    .footer-v1 .t-content .footer-links__item:first-child {
        margin-top: 5vw;
    }

    .footer-v1 .t-content .footer-cl-title {
        font-size: 3.61111vw;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .footer-v1 .t-content .footer-cl-title::after,
    .footer-v1 .t-content .footer-cl-title::before {
        content: '';
        position: absolute;
        top: 1.953125vw;
        right: 0;
        width: 3.33333vw;
        height: 0.69444vw;
        background-color: #c6c6c6;
        transition: transform 0.3s
    }

    .footer-v1 .t-content .footer-cl-title::after {
        bottom: auto;
        left: auto;
        transform: rotate(90deg)
    }

    .footer-v1 .t-content .footer-cl-title.js-footer-title--active::before,
    .footer-v1 .t-content .footer-cl-title.js-footer-title--active::after {
        transform: rotate(360deg)
    }

    .footer-v1 .t-content .footer-contact__block {
        margin-left: 0
    }

    .footer-v1 .t-content .footer-contact__social {
        margin-bottom: 0
    }

    .footer-v1 .t-content .footer-contact__social-item {
        width: 3.90625vw;
        height: 3.90625vw;
        margin-right: 1.953125vw;
    }

    .footer-v1 .t-content .footer-contact__hotline {
        font-size: 1.757813vw
    }

    .footer-v1 .t-content .footer-contact__online {
        font-size: 1.757813vw;
        margin-top: 1.953125vw;
        margin-bottom: 9.765625vw
    }

    .footer-v1 .t-content .footer-contact__online-icon {
        width: 2.929688vw;
        height: 2.929688vw;
        margin-right: 1.953125vw
    }

    .footer-v1 .b-content {
        flex-direction: column;
        padding: 5vw 0 0;
        align-items: flex-start;
    }

    .footer-v1 .b-content .footer-sitemap {
        margin: 0;
        font-size: 3.333333vw;
        display: block;
    }

    .footer-v1 .b-content .footer-sitemap__item {
        font-size: 3.333333vw;
    }

    .footer-v1 .b-content .footer-sitemap__item::after {
        font-size: 3.33333vw;
        margin: 0 0.83333vw
    }

    .footer-v1 .b-content .footer-sitemap-1,
    .footer-v1 .b-content .footer-copyright,
    .footer-v1 .b-content .footer-sitemap__item a,
    .footer-v1 .b-content .footer-sitemap-right a {
        font-size: 3.33333vw;
        color: #999;
        opacity: 1;
    }

    .footer-v1 .b-content .footer-sitemap-1,
    .footer-v1 .b-content .footer-sitemap-left,
    .footer-v1 .b-content .footer-copyright a {
        margin-bottom: 2.22222vw;
        display: block;
    }

    .footer-v1 .b-content .footer-sitemap-left {
        margin-right: 1.25vw;
    }

    .footer-v1 .b-content .language-switcher__icon {
        width: 2.929688vw;
        height: 2.929688vw;
        margin-left: 3.90625vw;
    }

    .footer-v1 .footer-logo {
        width: 15.625vw;
    }

    .footer-v1 .b-content .footer-copyright {
        margin: 0 1.25vw 4.86111vw 0;
    }

    .footer-v1 .b-content .footer-copyright>a {
        display: block;
        margin-bottom: 2.22222vw;
        margin-right: 0;
        color: #999;
    }

    .footer-v1 .b-content .footer-copyright>a:hover {
        color: #000;
    }

    .footer-v1 .link-title {
        font-size: 3.61111vw;
        margin-top: 5.55556vw;
        margin-bottom: 5.55556vw;
    }

    .footer-v1 .font-ico-weibo {
        width: 8.33333vw;
        height: 8.33333vw;
        margin-right: 4.86111vw;
    }

    .footer-v1 .font-ico-weixin {
        width: 8.33333vw;
        height: 8.33333vw;
    }

    .footer-v1 .footer-sitemap-right {
        position: relative;
    }

    .footer-v1 .footer-sitemap-right a {
        display: flex;
        align-items: center;
    }

    .footer-v1 .footer-sitemap-right .icon-language {
        margin-left: 1.66667vw;
    }

    .footer-v1 .icon-footer {
        margin-top: 5.55556vw;
        margin-bottom: 8.47222vw;
    }

    .footer-v1 .QR-code-box {
        width: 45vw;
        height: 45vw;
        left: 9.72222vw;
        top: -18.33333vw;
        z-index: 99;
    }

    .btn {
        border: none;
        padding: 2.22222vw 5.27778vw;
        cursor: pointer;
        font-size: 3.61111vw;
        display: inline-block;
    }

    a.btn.black-btn {
        background-color: #000;
        color: #fff;
        font-size: 3.61111vw;
    }

    .link-btn {
        color: #000;
        font-size: 3.61111vw;
    }

    .white-btn {
        background-color: #fff;
        border-bottom: 0.27778vw solid #000;
    }

    .black-wihte-btn {
        background-color: #fff;
        opacity: 1;
    }

    .cookie-box {
        height: 13.88889vw;
    }

    .cookie-box .cookie-center {
        width: auto;
        height: 100%;
        padding: 0 5.55556vw;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        font-size: 3.333vw;
        line-height: 1.5;
    }

    .cookie-center .icon-close {
        margin-left: 2.77778vw;
        cursor: pointer;
        font-size: 3.333vw;
    }

    /* 购买弹窗 */
    .dailog-mask .dailog-box {
        width: 90vw;
    }

    .dailog-mask .dailog-header {
        padding: 2.77778vw;
        height: 1.94444vw;
    }

    .dailog-mask .dailog-content {
        padding: 0 5.55556vw 5.55556vw;
    }

    .dailog-mask .dailog-header .icon-close {
        font-size: 4.5vw;
    }

    .dailog-mask .dailog-content .title {
        font-size: 3.61111vw;
        margin-top: 0.55556vw;
        margin-bottom: 5.55556vw;
    }

    .dailog-mask .buy-content {
        width: 55.55556vw;
        height: 11.11111vw;
        margin-bottom: 2.77778vw;
        padding: 0 2.77778vw;
    }

    .dailog-mask .buy-name {
        font-size: 3.61111vw;
    }

    .dailog-mask .buy-img {
        width: 9.72222vw;
    }
}