/* 二级导航 SE版 + 按钮 */
@import url('./subHeaderDropDownBtn.css');

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

body.wiko {
    font-family:"Manrope", "Harmony", Arial, H elvetica 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);
    /*font-family: "Harmony";*/
    font-family:"Manrope", "Harmony";
}

.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 .more-others {
    width: 3vw;
    height: 3vw;
}



.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: 600;
    font-size: 0.83333vw;
}
.header-v1 .main-nav .dropdown-menu__item.dropdown-menu--main a {
    padding: 0.8vw;
}

.header-v1 .main-nav .dropdown-menu--main a {
    background-color:#fff
}


.header-v1 .main-nav .discover-products img {
   width: 3vw;
   height: 3vw;
}



.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;
    background-color: #f9f9f9;
}

.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;
    align-content: flex-end;
    justify-content: space-evenly;
}

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

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

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

.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-logo-wrap {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: "Manrope", "Harmony", Arial, Helvetica, sans-serif; 
}
.sub-header .sub-nav-log {
    /* height: 0.738vw; */
    height: 1vw;
}

/* 二级导航 SE版 + 按钮 */

.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;
    font-family: "Manrope";
    font-weight: 500;
}

.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;
    background: url('/template/cn/public/assest/images/footer/weixin.svg') no-repeat;
}

.footer-v1 .wechat {
    position: relative;
}

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

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

.footer-v1 .douyin {
    position: relative;
}

.footer-v1 .douyin: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;
}

/* 回到顶部 */
#footer-go-top-btn {
    position: fixed;
    right: -50px;
    bottom: 8vh;
    width: 40px;
    height: 40px;
    z-index: 999;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #f5f5f5;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: auto;
    padding: 13px 12px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.2s ease-in;
}
#footer-go-top-btn .icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4zMTUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMy4zMTUgMTAiPgogIDxnIGlkPSLnu4RfNTQ4OTQiIGRhdGEtbmFtZT0i57uEIDU0ODk0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgzNy4zNSAtMTU2OCkiPgogICAgPHJlY3QgaWQ9IuefqeW9ol8xNzc5MCIgZGF0YS1uYW1lPSLnn6nlvaIgMTc3OTAiIHdpZHRoPSIxMy4zMSIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTgzNy4zNSAxNTY4KSIvPgogICAgPHBhdGggaWQ9IuiBlOWQiF8yNiIgZGF0YS1uYW1lPSLogZTlkIggMjYiIGQ9Ik0yMzMzLjAyMSwyMDEwMS43NzlsLTQuOTQ5LTQuOTUzLTQuOTQ5LDQuOTUzYTEsMSwwLDAsMS0xLjQxNy0xLjQxOGw1LjY2LTUuNjU0YTEsMSwwLDAsMSwxLjQxMywwbDUuNjU2LDUuNjU0YTEsMSwwLDAsMS0xLjQxMywxLjQxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00ODQuMDYzIC0xODUyNC4wNykiLz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center;
    background-size: 100% 100%;
}
#footer-go-top-btn:hover {
    background-color: rgba(223, 223, 223, 0.7);
}

#footer-go-top-btn.active {
    right: 3vw;
    bottom: 8vh;
}
@media screen and (min-width: 992px) {
    #footer-go-top-btn  {
        width:40px;
        height: 40px;
        padding: 13px 12px
    }
    #footer-go-top-btn .icon.footer-goTop {
        width: 16px;
        height: 16px;
    }
}

/* 购买弹窗 */
.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%; */
        width: 80%;
    }

    .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);
    }
    .sub-header-logo-wrap {
        font-size: 5.5vw;
    }

    @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.empty.js-hoverable::before,
    .header-v1 .main-nav__item.empty.js-hoverable::after {
       display: none;
    }

    .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 .main-nav .dropdown-menu__item_box .more-products {
        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;
        margin-right: 4.86111vw;
    }
    .footer-v1 .font-ico-douyin {
        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;
    }
}