@charset "UTF-8";
@font-face {
    font-family: Header-icon-pc;
    src: url(//wwwstatic.vivo.com.cn/vivoportal/web/dist/bus/header/dist/css/Header-icon-pc_ed5eab6.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Header-icon-wap;
    src: url(//wwwstatic.vivo.com.cn/vivoportal/web/dist/bus/header/dist/css/Header-icon-wap_e9378a3.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}
*{
    text-decoration:none !important;
}
@media screen and (min-width:1200px) {
    #vivo-foot-wrap.vp-foot {
        /* padding-top:76px; */
        -webkit-tap-highlight-color: transparent;
        font-size: 0;
        line-height: 1;
        position: relative;
        /* font-family:VIVO-FONT-WEB,VIVO-FONT-NAV,sans-serif; */
    }
    #vivo-foot-wrap.vp-foot ul,
    #vivo-foot-wrap.vp-foot dl,
    #vivo-foot-wrap.vp-foot dd,
    #vivo-foot-wrap.vp-foot p {
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    #vivo-foot-wrap.vp-foot a {
        color: inherit;
        text-decoration: none;
        display: inline;
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] {
        color: #fff;
        background-color: #242933
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category {
        border-bottom-color: #45474d
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category dt:after {
        color: #fff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category dd {
        color: #8a8f99
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact .vp-foot-online:before {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact .vp-foot-phoneBox p:before {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact .vp-foot-phoneBox:first-of-type p:before {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact .vp-foot-vivoCare>span:before {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-contact .vp-foot-country:after {
        color: #c2c5cc
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-bottom {
        color: #c6cfff;
        background-color: #415fff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-bottom .vp-foot-copyright {
        color: #c6cfff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=black] .vp-foot-bottom .vp-foot-copyright .vp-foot-country:after {
        color: #c6cfff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] {
        color: #242933;
        background-color: #fff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category {
        border-bottom-color: #edf0f5
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category dt:after {
        color: #242933
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category dd {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-online:before {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-phoneBox p:before {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare>span:before {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare ul.vp-foot-codeList>li svg path#icon_bg {
        fill: #f0f1f5
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare ul.vp-foot-codeList>li svg path#icon_content {
        fill: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-contact .vp-foot-country:after {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-bottom {
        background-color: #fff
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-bottom .vp-foot-copyright {
        color: #575c66;
        border-top: 1px solid #edf0f5
    }
    #vivo-foot-wrap.vp-foot[data-foot-theme=white] .vp-foot-bottom .vp-foot-copyright .vp-foot-country:after {
        color: #575c66
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content {
        margin: 0 auto;
        max-width: 1248px;
        position: relative;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list {
        display: inline-table;
        vertical-align: top
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li {
        display: table-cell;
        width: 154px
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category {
        font-size: 0
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category dt {
        font-size: 16px;
        line-height: 17px;
        padding-bottom: 40px;
        /* font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif */
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category dd {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 18px
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category dd:last-child {
        margin-bottom: 0
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category a {
        -webkit-transition: color .4s;
        -o-transition: color .4s;
        -moz-transition: color .4s;
        transition: color .4s
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-category-list li .vp-foot-category a:hover {
        color: #009b4c;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact {
        float: right
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-online {
        display: inline-block;
        margin-bottom: 29px;
        line-height: 18px;
        font-size: 16px;
        -webkit-transition: color .4s ease-in-out;
        -o-transition: color .4s ease-in-out;
        -moz-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out;
        position: relative;
        font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-online:before {
        content: '\e912';
        position: absolute;
        left: -34px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: color .4s ease-in-out;
        -o-transition: color .4s ease-in-out;
        -moz-transition: color .4s ease-in-out;
        transition: color .4s ease-in-out;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-online:hover {
        color: #415fff
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-online:hover:before {
        color: #415fff
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox {
        margin-bottom: 25px;
        /* font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif */
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 4px;
        position: relative
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox p:before {
        /* content:'\e90f'; */
        font-family: Header-icon-pc;
        font-size: 28px;
        line-height: 28px;
        position: absolute;
        width: 28px;
        height: 28px;
        left: -34px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox p:before {
        content: '\e913'
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox .vp-foot-email {
        font-size: 14px;
        color: #8a8f99
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox .vp-foot-email:hover {
        color: #415fff
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox span.vp-foot-phone {
        color: #415fff;
        font-size: 28px;
        line-height: 30px
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare {
        position: relative;
        font-size: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>span {
        display: block;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 17px;
        position: relative
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>span:before {
        /* content:'\e90d'; */
        font-family: Header-icon-pc;
        font-size: 28px;
        line-height: 28px;
        position: absolute;
        width: 28px;
        height: 28px;
        left: -34px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 34px;
        margin-right: 14px;
        position: relative;
        cursor: pointer
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:last-of-type {
        margin-right: 0
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover .vp-foot-QRCode {
        visibility: visible;
        opacity: 1
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li::before {
        content: '';
        display: none;
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        height: 40px
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li svg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li svg path {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover svg path#icon_bg {
        fill: #415fff
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover svg path#icon_content {
        fill: #fff
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>span,
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>a {
        position: absolute;
        width: 100%;
        height: 100%
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode {
        position: absolute;
        width: 172px;
        height: 200px;
        background-color: #fff;
        top: -220px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .24s;
        -o-transition: all .24s;
        -moz-transition: all .24s;
        transition: all .24s;
        visibility: hidden;
        opacity: 0;
        cursor: default;
        text-align: center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
        -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
        box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
        z-index: 100000
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode span {
        display: block;
        font-size: 12px;
        color: #8a8f99
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode>img {
        display: inline-block;
        margin-top: 16px;
        margin-bottom: 12px;
        width: 140px;
        height: 140px
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode::after {
        content: '';
        position: absolute;
        top: -webkit-calc(100% - 1px);
        top: -moz-calc(100% - 1px);
        top: calc(100% - 1px);
        left: 50%;
        margin-left: -10px;
        width: 18px;
        height: 11px;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTggMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU0Mi4wMDAwMDAsIC00MjUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjUuMDAwMDAwLCAyMjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODcuNjk3OTYzNCwyMDkuNzM5NzI0IEM4OC4wMDE4MTk0LDIwOS41MjUwMTkgODguMjY0NjMzNCwyMDkuMjU0NTIzIDg4LjQ3MzI0MDgsMjA4Ljk0MTc4NSBMOTQuMjUsMjAwLjI4MjE3IEw3Ny43NSwyMDAuMjgyMTcgTDgzLjUyNjc1OTIsMjA4Ljk0MTc4NSBDODQuNDY0NTE4NSwyMTAuMzQ3NjQ1IDg2LjMzMjAzMDMsMjEwLjcwNDg5NCA4Ny42OTc5NjM0LDIwOS43Mzk3MjQgWiIgaWQ9IuWchuinkiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare .vp-foot-qrcode-list {
        display: none
    }
    #vivo-foot-wrap.vp-foot #vivo-foot-content .vp-foot-contact .vp-foot-country {
        display: none
    }
    #vivo-foot-wrap.vp-foot .vp-foot-bottom {
        margin-top: 74px;
        white-space: normal
    }
    #vivo-foot-wrap.vp-foot .vp-foot-bottom .vp-foot-copyright {
        font-size: 12px;
        line-height: 16px;
        max-width: 1440px;
        margin: 0 auto;
        padding: 28px 0
    }
    #vivo-foot-wrap.vp-foot .vp-foot-bottom .vp-foot-country {
        float: right;
        font-size: 12px;
        margin-right: 30px;
        position: relative
    }
    #vivo-foot-wrap.vp-foot .vp-foot-bottom .vp-foot-country:after {
        content: '\e900';
        font-family: Header-icon-pc;
        font-size: 28px;
        line-height: 28px;
        position: absolute;
        width: 28px;
        height: 28px;
        right: -30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    }
}

#vivo-foot-wrap.vp-foot.vp-foot-pc {
    /* padding-top:76px; */
    -webkit-tap-highlight-color: transparent;
    font-size: 0;
    line-height: 1;
    position: relative;
    /* font-family:VIVO-FONT-WEB,VIVO-FONT-NAV,sans-serif; */
}

#vivo-foot-wrap.vp-foot.vp-foot-pc ul,
#vivo-foot-wrap.vp-foot.vp-foot-pc dl,
#vivo-foot-wrap.vp-foot.vp-foot-pc dd,
#vivo-foot-wrap.vp-foot.vp-foot-pc p {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] {
    color: #fff;
    background-color: #242933
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category {
    border-bottom-color: #45474d
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category dt:after {
    color: #fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-category-list li .vp-foot-category dd {
    color: #8a8f99
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact .vp-foot-online:before {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact .vp-foot-phoneBox p:before {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact .vp-foot-phoneBox:first-of-type p:before {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact .vp-foot-vivoCare>span:before {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-contact .vp-foot-country:after {
    color: #c2c5cc
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-bottom {
    color: #c6cfff;
    background-color: #415fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-bottom .vp-foot-copyright {
    color: #c6cfff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=black] .vp-foot-bottom .vp-foot-copyright .vp-foot-country:after {
    color: #c6cfff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] {
    color: #242933;
    background-color: #fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category {
    border-bottom-color: #edf0f5
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category dt:after {
    color: #242933
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-category-list li .vp-foot-category dd {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-online:before {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-phoneBox p:before {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare>span:before {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare ul.vp-foot-codeList>li svg path#icon_bg {
    fill: #f0f1f5
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-vivoCare ul.vp-foot-codeList>li svg path#icon_content {
    fill: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-contact .vp-foot-country:after {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-bottom {
    background-color: #fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-bottom .vp-foot-copyright {
    color: #575c66;
    border-top: 1px solid #edf0f5;
    line-height: 28px;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc[data-foot-theme=white] .vp-foot-bottom .vp-foot-copyright .vp-foot-country:after {
    color: #575c66
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content {
    margin: 0 auto;
    position: relative;
    display: flex;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list {
    display: inline-table;
    vertical-align: top;
    width: 78%;
    border-right: 1px solid #f2f2f2;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li {
    display: table-cell;
    width: 154px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category {
    font-size: 0
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category dt {
    font-size: 19px;
    line-height: 17px;
    padding-bottom: 40px;
    color: #111;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category dd {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 18px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category dd:last-child {
    margin-bottom: 0
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category a {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-category-list li .vp-foot-category a:hover {
    color: #009b4c;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact {
    float: right;
    width: 22%;
    text-align: right;
    position: relative;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-online {
    display: inline-block;
    margin-bottom: 29px;
    line-height: 18px;
    font-size: 16px;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    position: relative;
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-online:before {
    font-family: Header-icon-pc;
    position: absolute;
    font-size: 28px;
    width: 30px;
    height: 30px;
    background-image: url(../images/kefu.png);
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    /* transition:color .4s ease-in-out; */
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-online:hover {
    color: #415fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-online:hover:before {
    color: #415fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox {
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox p {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 4px;
    letter-spacing: 2px;
    position: relative;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox p:before {
    /* content:'\e90f'; */
    font-family: Header-icon-pc;
    /* background-image: url(../images/fuwu.png); */
    position: absolute;
    /* width: 30px; */
    height: 30px;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox:first-of-type {
    margin-bottom: 25px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox p:before {
    content: '\e913';
    width: 30px;
    height: 30px;
    background-image: url(../images/jiandu.png);
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox .vp-foot-email {
    font-size: 14px;
    color: #8a8f99
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox.vp-foot-emailBox .vp-foot-email:hover {
    color: #415fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox:nth-child(2) {
    margin-bottom: 25px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-phoneBox span.vp-foot-phone {
    color: #415fff;
    font-size: 28px;
    line-height: 30px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare {
    position: absolute;
    font-size: 0;
    right: 10px;
    margin-right: 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 17px;
    margin-top: 10px;
    position: relative;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>span:before {
    /* content:'\e90d'; */
    font-family: Header-icon-pc;
    /* background-image: url(../images/guanzhu.png); */
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    width: 28px;
    height: 28px;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 34px;
    margin-right: 14px;
    position: relative;
    cursor: pointer
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:last-of-type {
    margin-right: 0
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover .vp-foot-QRCode {
    visibility: visible;
    opacity: 1
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li::before {
    content: '';
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 40px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li svg {
    position: absolute;
    /* top: 15px; */
    bottom: 0;
    left: 0;
    right: 0;
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li svg path {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover svg path#icon_bg {
    fill: #415fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li:hover svg path#icon_content {
    fill: #fff
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>span,
#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>a {
    position: absolute;
    width: 100%;
    height: 100%
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode {
    position: absolute;
    width: 172px;
    height: 200px;
    background-color: #fff;
    top: -220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .24s;
    -o-transition: all .24s;
    -moz-transition: all .24s;
    transition: all .24s;
    visibility: hidden;
    opacity: 0;
    cursor: default;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09)
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode span {
    display: block;
    font-size: 12px;
    color: #8a8f99
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode>img {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 12px;
    width: 140px;
    height: 140px
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare>ul.vp-foot-codeList>li>.vp-foot-QRCode::after {
    content: '';
    position: absolute;
    top: -webkit-calc(100% - 1px);
    top: -moz-calc(100% - 1px);
    top: calc(100% - 1px);
    left: 50%;
    margin-left: -10px;
    width: 18px;
    height: 11px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTggMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU0Mi4wMDAwMDAsIC00MjUuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NjUuMDAwMDAwLCAyMjUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODcuNjk3OTYzNCwyMDkuNzM5NzI0IEM4OC4wMDE4MTk0LDIwOS41MjUwMTkgODguMjY0NjMzNCwyMDkuMjU0NTIzIDg4LjQ3MzI0MDgsMjA4Ljk0MTc4NSBMOTQuMjUsMjAwLjI4MjE3IEw3Ny43NSwyMDAuMjgyMTcgTDgzLjUyNjc1OTIsMjA4Ljk0MTc4NSBDODQuNDY0NTE4NSwyMTAuMzQ3NjQ1IDg2LjMzMjAzMDMsMjEwLjcwNDg5NCA4Ny42OTc5NjM0LDIwOS43Mzk3MjQgWiIgaWQ9IuWchuinkiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-vivoCare .vp-foot-qrcode-list {
    display: none
}

#vivo-foot-wrap.vp-foot.vp-foot-pc #vivo-foot-content .vp-foot-contact .vp-foot-country {
    display: none
}

#vivo-foot-wrap.vp-foot.vp-foot-pc .vp-foot-bottom {
    margin-top: 74px;
    white-space: normal
}

#vivo-foot-wrap.vp-foot.vp-foot-pc .vp-foot-bottom .vp-foot-copyright {
    font-size: 12px;
    line-height: 16px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 28px 0
}

#vivo-foot-wrap.vp-foot.vp-foot-pc .vp-foot-bottom .vp-foot-country {
    float: right;
    font-size: 12px;
    margin-right: 30px;
    position: relative
}

#vivo-foot-wrap.vp-foot.vp-foot-pc .vp-foot-bottom .vp-foot-country:after {
    content: '\e900';
    font-family: Header-icon-pc;
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    width: 28px;
    height: 28px;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

@media screen and (min-width:1200px) and (max-width:1599px) {
    #vivo-foot-wrap.vp-foot .vp-foot-bottom .vp-foot-copyright {
        margin: 0 80px
    }
}

@media screen and (max-width:1599px) {
    #vivo-foot-wrap.vp-foot.vp-foot-pc .vp-foot-bottom .vp-foot-copyright {
        margin: 0 80px
    }
}

@font-face {
    font-family: Header-icon-pc;
    src: url(//wwwstatic.vivo.com.cn/vivoportal/web/dist/bus/header/dist/css/Header-icon-pc_ed5eab6.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: Header-icon-wap;
    src: url(//wwwstatic.vivo.com.cn/vivoportal/web/dist/bus/header/dist/css/Header-icon-wap_e9378a3.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

html.vp-head-html-scroll {
    overflow-y: scroll!important
}

.vp-head {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    z-index: 999;
    line-height: 1;
    font-family: sans-serif;
}

.vp-head img.vp-head-lazyload {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out
}

.vp-head img.vp-head-prelazyload {
    opacity: 0
}

.vp-head input {
    outline: 0;
    border: 0
}

.vp-head i {
    font-style: normal
}

.vp-head a {
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

.vp-head img {
    border: 0;
    height: 85px;
}

.vp-head ul,
.vp-head li,
.vp-head p,
.vp-head dl,
.vp-head dt,
.vp-head dd {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.vp-head .vp-head-wrap-wap {
    display: none
}

.vp-head .vp-head-wrap-pc {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
}

.vp-head .vp-head-wrap {
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.vp-head .vp-head-topbar-pc {
    width: 100%;
    height: 40px;
    z-index: 1002;
    position: relative;
    background: #242933;
    font-size: 0;
    /* display: none; */
}

.vp-head .vp-head-topbar-pc>div {
    position: relative;
    height: 100%;
    margin: 0 auto;
    width: 1248px;
}

.vp-head .vp-head-topbar-pc .vp-head-topbar-navs {
    display: inline-block
}

.vp-head .vp-head-topbar-pc .vp-head-topbar-navs li {
    display: inline-block;
    padding-right: 42px;
    white-space: nowrap
}

.vp-head .vp-head-topbar-pc .vp-head-topbar-navs a {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    font-size: 12px;
    color: #f2f2f2;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 2px;
}

.vp-head .vp-head-topbar-pc .vp-head-topbar-navs a:hover {
    color: #fff
}

.vp-head .vp-head-topbar-pc .vp-head-top-user {
    display: inline-block;
    position: absolute;
    right: 0;
}

.vp-head .vp-head-topbar-pc .vp-head-top-user span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #f2f2f2;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: 1px;
}

.vp-head .vp-head-topbar-pc .vp-head-top-user span em {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app:hover:before {
    color: #fff
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app:hover>span {
    color: #fff
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app:hover>.vp-vivo-app-qrCode {
    display: block;
    opacity: 1
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app:before {
    font-family: Header-icon-pc;
    content: "\e909";
    display: inline;
    vertical-align: top;
    font-size: 12px;
    color: #8a8f99;
    line-height: 40px;
    margin-right: 4px;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app>span {
    display: inline-block;
    font-size: 12px;
    color: #8a8f99;
    font-weight: 400;
    line-height: 40px;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app>.vp-vivo-app-qrCode {
    display: none;
    opacity: 0;
    position: absolute;
    width: 172px;
    top: 40px;
    margin-top: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    cursor: default;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09)
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app>.vp-vivo-app-qrCode:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px;
    height: 11px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2LjAwMDAwMCwgLTYwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI5LjQ3MjEyNiw2MS4yOTU2MzM2IEwzMzgsNzMuNjk5ODE0MiBMMzM4LDczLjY5OTgxNDIgTDMxNiw3My42OTk4MTQyIEwzMjQuNTI3ODc0LDYxLjI5NTYzMzYgQzMyNS40NjY1Myw1OS45MzAzMTYyIDMyNy4zMzQyNjksNTkuNTg0NDM4NiAzMjguNjk5NTg2LDYwLjUyMzA5NDIgQzMyOS4wMDIyMTUsNjAuNzMxMTUxIDMyOS4yNjQwNjksNjAuOTkzMDA1NSAzMjkuNDcyMTI2LDYxLjI5NTYzMzYgWiIgaWQ9IuS4ieinkuW9oiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app>.vp-vivo-app-qrCode>img {
    display: inline-block;
    vertical-align: top;
    padding-top: 16px;
    width: 140px;
    height: 140px
}

.vp-head .vp-head-topbar-pc .vp-head-top-user>.vp-vivo-app>.vp-vivo-app-qrCode>span {
    display: block;
    font-size: 12px;
    color: #8a8f99;
    font-weight: 400;
    line-height: 17px;
    margin-top: 11px;
    padding-bottom: 16px
}

.vp-head .vp-head-topbar-pc .vp-head-top-user a,
.vp-head .vp-head-topbar-pc .vp-head-top-user .vp-head-member-login {
    display: inline-block;
    font-size: 12px;
    color: #8a8f99;
    font-weight: 400;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.vp-head .vp-head-topbar-pc .vp-head-top-user a:hover,
.vp-head .vp-head-topbar-pc .vp-head-top-user .vp-head-member-login:hover {
    color: #fff
}

.vp-head .vp-head-topbar-pc .vp-head-top-user .vp-user-login-box {
    display: inline-block;
    position: relative
}

.vp-head .vp-head-topbar-pc .vp-head-top-user .vp-user-login-box.vp-user-login-box-show .vp-head-user-lists {
    display: block
}

.vp-head .vp-head-topbar-pc .vp-head-top-user .vp-user-shopcart {
    margin-right: 26px
}

.vp-head .vp-head-common-wap {
    display: none
}

.vp-head .vp-head-menu {
    display: none
}

.vp-head .vp-head-mainbar-pc {
    /* position:relative; */
    width: 1248px;
    margin: 0 auto;
}

.vp-head .vp-head-mainbar-pc.vp-head-fixed {
    position: fixed;
    top: 0;
    background: #fff
}

.vp-head .vp-head-mainbar-pc.vp-head-fixed .vp-head-site {
    background: transparent
}

.vp-head .vp-head-search-btn {
    position: relative;
    top: -86px;
    margin: 0 auto;
    z-index: 1001;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.vp-head .vp-head-search-btn>div {
    position: relative
}

.vp-head .vp-head-search-btn .vp-head-search-open,
.vp-head .vp-head-search-btn .vp-head-search-confirm,
.vp-head .vp-head-search-btn .vp-head-search-close {
    position: absolute;
    line-height: 28px;
    top: 25px;
    text-align: center;
    cursor: pointer;
    right: 0;
}

.vp-head .vp-head-search-btn .vp-head-search-open:before,
.vp-head .vp-head-search-btn .vp-head-search-confirm:before,
.vp-head .vp-head-search-btn .vp-head-search-close:before {
    /* content: ""; */
    font-family: Header-icon-pc;
    display: block;
    font-size: 28px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #242933;
}

.vp-head .vp-head-search-btn .vp-head-search-open:hover:before,
.vp-head .vp-head-search-btn .vp-head-search-confirm:hover:before,
.vp-head .vp-head-search-btn .vp-head-search-close:hover:before {
    color: #415fff!important
}

.vp-head .vp-head-search-btn .vp-head-search-open {
    height: 36px;
    width: 200px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    justify-content: space-between;
    background-color: hsla(0,0%,93.3%,.5);
    border-radius: 30px;
}

.search_input{width: 132px;border: none !important;background: none !important;}

::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vp-head .vp-head-search-btn .vp-head-search-open .search_cur{
    background: url(../images/seach.png);
    width: 24px;
    height: 24px;
    background-size: 100%;
}

.vp-head .vp-head-search-btn .vp-head-search-open .search_cur:hover{
    background: url(../images/seach2.png);
     width: 24px;
    height: 24px;
    background-size: 100%;
}

.vp-head .vp-head-search-btn .vp-head-search-confirm {
    -webkit-transition: right .5s ease, opacity 0s ease .5s, color 5s ease;
    -o-transition: right .5s ease, opacity 0s ease .5s, color 5s ease;
    -moz-transition: right .5s ease, opacity 0s ease .5s, color 5s ease;
    transition: right .5s ease, opacity 0s ease .5s, color 5s ease
}

.vp-head .vp-head-search-btn .vp-head-search-confirm::before {
    content: "\e904"
}

.vp-head .vp-head-search-btn .vp-head-search-close {
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.vp-head .vp-head-search-btn .vp-head-search-close::before {
    content: "\e907"
}

.vp-head .vp-head-wrap-pc .vp-head-logo {
    height: 0;
    margin: 0 auto;
    z-index: 1000;
    position: relative;
    left: 0px;
}

.vp-head .vp-head-wrap-pc .vp-head-logo a {
    position: absolute;
    left: 0;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding-top:26px */
}

.vp-head .vp-head-wrap-pc .vp-head-logo a:before {
    /* content:"\e910"; */
    font-family: Header-icon-pc;
    font-size: 35px;
    color: #242933;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.vp-head .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-btn .vp-head-search-open {
    opacity: 0;
    z-index: -1;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-btn .vp-head-search-confirm {
    right: -webkit-calc(50% - 300px);
    right: -moz-calc(50% - 300px);
    right: calc(50% - 300px);
    opacity: 1;
    -webkit-transition: right .6s ease .1s;
    -o-transition: right .6s ease .1s;
    -moz-transition: right .6s ease .1s;
    transition: right .6s ease .1s
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-btn .vp-head-search-confirm:before {
    color: #242933
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-btn .vp-head-search-close {
    opacity: 1;
    -webkit-transition: opacity .4s ease .1s;
    -o-transition: opacity .4s ease .1s;
    -moz-transition: opacity .4s ease .1s;
    transition: opacity .4s ease .1s
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-btn .vp-head-search-close:before {
    color: #242933
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-wrap {
    opacity: 1
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-wrap .vp-head-search-box .vp-head-search-input:after {
    width: 100%
}

.vp-head .search-box-show .vp-head-wrap-pc .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.vp-head .vp-head-site {
    /* position:relative; */
    width: 100%;
    height: 86px;
    font-size: 14px;
    color: inherit;
    font-weight: 400;
    line-height: 86px;
    z-index: 998;
    background: white;
}

.vp-head .vp-head-site .vp-head-site-wrap {
    /* position:relative; */
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.vp-head .vp-head-site .vp-head-site-navs {
    /* position:relative; */
    margin: 0 28px 0 58px;
    height: 100%;
    text-align: center;
}

.vp-head .vp-head-site .vp-head-site-navs .vp-head-site-navs-container {
    /* position:relative; */
    width: 100%;
}

.vp-head .vp-head-site .vp-head-site-navs ul {
    display: inline-table;
    width: 100%
}

.vp-head .vp-head-site .vp-head-site-navs li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    padding: 0 20px 10px 20px;

}
.vp-head .vp-head-site .vp-head-site-navs li.ht{
        margin: 0 10px;
}
.vp-head .vp-head-site .vp-head-site-navs li.active a{
    color:#2db06e
}

.vp-head .vp-head-site .vp-head-site-navs li a {
    display: block;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    white-space: nowrap;
    color: #242933;
    font-size: 16px;
}

.vp-head .vp-head-site .vp-head-site-navs li a .main {
    display: block
}

.vp-head .vp-head-site .vp-head-site-navs li a .sub {
    display: none
}

.vp-head .vp-head-site .vp-head-site-navs li:hover a {
    color: #198e54;
}

.vp-head .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head .vp-head-site .vp-head-site-navs li.vp-head-series-hover:hover a {
    color: #415fff
}

.vp-head .vp-head-user-lists {
    display: none;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 172px;
    height: auto;
    z-index: 999;
    padding-top: 16px
}

.vp-head .vp-head-user-lists>div {
    background: #fff;
    padding: 8px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .09);
    position: relative
}

.vp-head .vp-head-user-lists>div:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px;
    height: 11px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2LjAwMDAwMCwgLTYwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI5LjQ3MjEyNiw2MS4yOTU2MzM2IEwzMzgsNzMuNjk5ODE0MiBMMzM4LDczLjY5OTgxNDIgTDMxNiw3My42OTk4MTQyIEwzMjQuNTI3ODc0LDYxLjI5NTYzMzYgQzMyNS40NjY1Myw1OS45MzAzMTYyIDMyNy4zMzQyNjksNTkuNTg0NDM4NiAzMjguNjk5NTg2LDYwLjUyMzA5NDIgQzMyOS4wMDIyMTUsNjAuNzMxMTUxIDMyOS4yNjQwNjksNjAuOTkzMDA1NSAzMjkuNDcyMTI2LDYxLjI5NTYzMzYgWiIgaWQ9IuS4ieinkuW9oiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.vp-head .vp-head-user-lists>div.vp-head-user-logged {
    display: none
}

.vp-head .vp-head-user-lists>div.vp-head-user-logged.vp-head-user-logged-show {
    display: block
}

.vp-head .vp-head-user-lists .vp-head-user-content {
    text-align: center;
    cursor: pointer
}

.vp-head .vp-head-user-lists .vp-head-user-content a {
    display: block;
    margin: 0 23px;
    font-size: 14px;
    color: #242933;
    font-weight: 400;
    line-height: 44px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vp-head .vp-head-user-lists .vp-head-user-content a:before {
    content: "";
    font-family: Header-icon-pc;
    font-size: 12px;
    margin-right: 10px;
    color: #242933
}

.vp-head .vp-head-user-lists .vp-head-user-content a.vp-user-login:before {
    content: '\e901'
}

.vp-head .vp-head-user-lists .vp-head-user-content a.vp-user-register:before {
    content: '\e908'
}

.vp-head .vp-head-user-lists .vp-head-user-content a.vp-head-user-order-pc:before {
    content: '\e90a'
}

.vp-head .vp-head-user-lists .vp-head-user-content a.vp-head-user-shop-pc:before {
    content: '\e911'
}

.vp-head .vp-head-user-lists .vp-head-user-content a.vp-head-user-home-pc:before {
    content: '\e90b'
}

.vp-head .vp-head-user-lists .vp-head-user-content:last-child a {
    border-bottom: 0
}

.vp-head .vp-head-user-lists .vp-head-user-content:hover a {
    color: #415fff
}

.vp-head .vp-head-user-lists .vp-head-user-content:hover a:before {
    color: #415fff
}

.vp-head .vp-head-search-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;
    z-index: 999;
    background-color: #fff;
    -webkit-border-radius: 0 0 24px 24px;
    -moz-border-radius: 0 0 24px 24px;
    border-radius: 0 0 24px 24px;
    -webkit-transition: height .5s ease, opacity .5s ease;
    -o-transition: height .5s ease, opacity .5s ease;
    -moz-transition: height .5s ease, opacity .5s ease;
    transition: height .5s ease, opacity .5s ease
}

.vp-head .vp-head-search-wrap>div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto
}

.vp-head .vp-head-search-wrap .vp-head-search-box {
    margin: 0 auto;
    width: 600px;
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input {
    overflow: hidden;
    position: relative;
    font-size: 0;
    padding: 31px 0 17px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #f0f2f5;
    right: 0;
    width: 0;
    -webkit-transition: width .7s ease .1s;
    -o-transition: width .7s ease .1s;
    -moz-transition: width .7s ease .1s;
    transition: width .7s ease .1s
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input {
    width: 100%;
    padding: 0 30px 0 0;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    background: transparent;
    color: #242933;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    border: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: opacity .5s ease .1s, -webkit-transform .5s ease .1s;
    transition: opacity .5s ease .1s, -webkit-transform .5s ease .1s;
    -o-transition: opacity .5s ease .1s, -o-transform .5s ease .1s;
    -moz-transition: opacity .5s ease .1s, transform .5s ease .1s, -moz-transform .5s ease .1s;
    transition: opacity .5s ease .1s, transform .5s ease .1s;
    transition: opacity .5s ease .1s, transform .5s ease .1s, -webkit-transform .5s ease .1s, -moz-transform .5s ease .1s, -o-transform .5s ease .1s;
    transition: opacity .5s ease .1s, transform .5s ease .1s, -webkit-transform .5s ease .1s;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    font-family: VIVO-FONT-WEB-BOLD, VIVO-FONT-NAV-BOLD, sans-serif
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input[placeholder] {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input::-webkit-input-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a8f99;
    font-size: 14px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input::-moz-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a8f99;
    font-size: 14px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input::-ms-input-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a8f99;
    font-size: 14px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-input input::placeholder {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8a8f99;
    font-size: 14px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content {
    position: relative;
    width: 100%;
    height: auto
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content dl {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 12px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content dl:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-recommend,
.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-result {
    padding-bottom: 39px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-result a {
    color: #8a8f99
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-tip {
    display: none;
    height: 197px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-tip dl {
    display: none
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-tip dd {
    display: block;
    font-size: 14px;
    color: #242933;
    font-weight: 400;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content dt {
    width: auto;
    height: auto;
    font-size: 12px;
    color: #8a8f99;
    padding-top: 24px;
    line-height: 32px
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content dd {
    width: 100%
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content a {
    display: block;
    font-size: 14px;
    color: #242933;
    font-weight: 400;
    line-height: 34px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    cursor: pointer
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content a span {
    color: #242933;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content a:hover {
    color: #415fff
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content a:hover span {
    color: #415fff
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-content .vp-head-search-recommend dd {
    opacity: 0
}

.vp-head .vp-head-search-wrap .vp-head-search-box .vp-head-search-result {
    display: none
}

.vp-head .vp-head-products-mask-new {
    position: absolute;
    width: 100%;
    height: 560px;
    top: -560px;
    background: #fff;
    -webkit-border-radius: 0 0 24px 24px;
    -moz-border-radius: 0 0 24px 24px;
    border-radius: 0 0 24px 24px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.vp-head .vp-head-menu-series {
    position: absolute;
    padding-top: 86px;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper {
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products {
    position: absolute;
    top: -546px;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: 0
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products.vp-head-series-products-show {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products.vp-head-series-products-show .vp-head-product-links-default {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in .2s;
    -o-transition: opacity .3s ease-in .2s;
    -moz-transition: opacity .3s ease-in .2s;
    transition: opacity .3s ease-in .2s
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box {
    height: 348px;
    padding-top: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box.vp-head-product-special a>div>div {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: auto
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-bottom: -17px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul::-webkit-scrollbar {
    width: 0!important
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li {
    display: inline-block;
    width: 240px;
    margin-right: 20px;
    vertical-align: top;
    padding-bottom: 20px;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    white-space: normal
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li:last-child {
    margin-right: 0
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div {
    position: relative;
    width: 100%;
    height: 260px;
    left: 0;
    background-color: #f7f8fa;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    overflow: hidden
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-2 .vp-head-product-img-2-1 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-2:hover .vp-head-product-img-2-1 {
    -webkit-transform: translateX(24px);
    -moz-transform: translateX(24px);
    -ms-transform: translateX(24px);
    -o-transform: translateX(24px);
    transform: translateX(24px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-2 .vp-head-product-img-2-2 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-2:hover .vp-head-product-img-2-2 {
    -webkit-transform: translateX(-24px);
    -moz-transform: translateX(-24px);
    -ms-transform: translateX(-24px);
    -o-transform: translateX(-24px);
    transform: translateX(-24px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3 .vp-head-product-img-3-1 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3:hover .vp-head-product-img-3-1 {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3 .vp-head-product-img-3-2 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3:hover .vp-head-product-img-3-2 {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3 .vp-head-product-img-3-3 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-3:hover .vp-head-product-img-3-3 {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4 .vp-head-product-img-4-1 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4:hover .vp-head-product-img-4-1 {
    -webkit-transform: translateX(45px);
    -moz-transform: translateX(45px);
    -ms-transform: translateX(45px);
    -o-transform: translateX(45px);
    transform: translateX(45px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4 .vp-head-product-img-4-2 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4:hover .vp-head-product-img-4-2 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4 .vp-head-product-img-4-3 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4:hover .vp-head-product-img-4-3 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4 .vp-head-product-img-4-4 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-4:hover .vp-head-product-img-4-4 {
    -webkit-transform: translateX(-45px);
    -moz-transform: translateX(-45px);
    -ms-transform: translateX(-45px);
    -o-transform: translateX(-45px);
    transform: translateX(-45px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5 .vp-head-product-img-5-1 {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5:hover .vp-head-product-img-5-1 {
    -webkit-transform: translateX(44px);
    -moz-transform: translateX(44px);
    -ms-transform: translateX(44px);
    -o-transform: translateX(44px);
    transform: translateX(44px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5 .vp-head-product-img-5-2 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5:hover .vp-head-product-img-5-2 {
    -webkit-transform: translateX(22px);
    -moz-transform: translateX(22px);
    -ms-transform: translateX(22px);
    -o-transform: translateX(22px);
    transform: translateX(22px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5 .vp-head-product-img-5-3 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5:hover .vp-head-product-img-5-3 {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5 .vp-head-product-img-5-4 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5:hover .vp-head-product-img-5-4 {
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5 .vp-head-product-img-5-5 {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div.vp-head-product-img-5:hover .vp-head-product-img-5-5 {
    -webkit-transform: translateX(-44px);
    -moz-transform: translateX(-44px);
    -ms-transform: translateX(-44px);
    -o-transform: translateX(-44px);
    transform: translateX(-44px)
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div>div {
    position: absolute;
    height: 186px;
    bottom: 48px;
    left: 37px;
    right: 37px;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.25, .46, .45, .94);
    transition: -webkit-transform .5s cubic-bezier(0.25, .46, .45, .94);
    -o-transition: -o-transform .5s cubic-bezier(0.25, .46, .45, .94);
    -moz-transition: transform .5s cubic-bezier(0.25, .46, .45, .94), -moz-transform .5s cubic-bezier(0.25, .46, .45, .94);
    transition: transform .5s cubic-bezier(0.25, .46, .45, .94);
    transition: transform .5s cubic-bezier(0.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(0.25, .46, .45, .94), -moz-transform .5s cubic-bezier(0.25, .46, .45, .94), -o-transform .5s cubic-bezier(0.25, .46, .45, .94);
    transition: transform .5s cubic-bezier(0.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(0.25, .46, .45, .94);
    z-index: 0
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div>div img {
    height: 100%
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a .vp-head-product-name {
    font-size: 14px;
    color: #242933;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    position: relative
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a .vp-head-product-name.vp-head-product-new:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    width: 32px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzIgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgIDxwYXRoIGQ9Ik04LjIxMTcxMzQ4LDAgQzEuMDE4Njc5NzMsMCAwLjA3NjUzOTU2NzQsNS41NzUyODUwMSAwLjAwNDg5NTIyMjE5LDcuNzE0NTkxNCBMMCw3Ljk5OTk4MDkxIEMwLDkuODcyMTE3ODEgMC42NzA2Mjk3MDcsMTYgOC4yMTE3MTM0OCwxNiBMMjMuNzg4Mjg2NSwxNiBDMzEuMzI5NDA4NSwxNiAzMiw5Ljg3MjExNzgxIDMyLDcuOTk5OTgwOTEgTDMxLjk5NTEwNSw3LjcxNDU5MTQgQzMxLjkyMzQ2MzgsNS41NzUyODUwMSAzMC45ODEzNTY4LDAgMjMuNzg4Mjg2NSwwIEw4LjIxMTcxMzQ4LDAgWiBNOC4yMTE3MTM0OCwxIEwyMy43ODgyODY1LDEgQzI5LjA2MzU4MjQsMSAzMSw0LjA3OTk5MzU5IDMxLDcuOTk5OTgwOTEgQzMxLDExLjkyMDAwNTEgMjkuMDYzNTg2OSwxNSAyMy43ODgyODY1LDE1IEw4LjIxMTcxMzQ4LDE1IEMyLjkzNjQzOTMyLDE1IDEsMTEuOTE5OTc2NyAxLDcuOTk5OTgwOTEgQzEsNC4wODAwMjE5NyAyLjkzNjQ0Mzc1LDEgOC4yMTE3MTM0OCwxIFoiIGZpbGw9IiM4QThGOTkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICA8cGF0aCBkPSJNNS44MjgsNS4yNDggTDUuODI4LDExLjM0NCBMNi45MTYsMTEuMzQ0IEw2LjkxNiw2Ljk1MiBMNi45MzIsNi45NTIgTDkuOTQ4LDExLjM0NCBMMTEuMDg0LDExLjM0NCBMMTEuMDg0LDUuMjQ4IEwxMC4wMDQsNS4yNDggTDEwLjAwNCw5LjY0OCBMOS45ODgsOS42NDggTDYuOTY0LDUuMjQ4IEw1LjgyOCw1LjI0OCBaIE0xMi4zNTYsNS4yNDggTDEyLjM1NiwxMS4zNDQgTDE3LjAyOCwxMS4zNDQgTDE3LjAyOCwxMC40IEwxMy40NDQsMTAuNCBMMTMuNDQ0LDguNzEyIEwxNi42NDQsOC43MTIgTDE2LjY0NCw3Ljc1MiBMMTMuNDQ0LDcuNzUyIEwxMy40NDQsNi4yMDggTDE2Ljk5Niw2LjIwOCBMMTYuOTk2LDUuMjQ4IEwxMi4zNTYsNS4yNDggWiBNMTcuNSw1LjI0OCBMMTguNjkyLDUuMjQ4IEwyMC4wNiw5LjkyIEwyMC4wNzYsOS45MiBMMjEuNSw1LjI0OCBMMjIuNzQ4LDUuMjQ4IEwyNC4yMTIsOS45MiBMMjQuMjI4LDkuOTIgTDI1LjU3Miw1LjI0OCBMMjYuNzU2LDUuMjQ4IEwyNC44MzYsMTEuMzQ0IEwyMy42MDQsMTEuMzQ0IEwyMi4xNCw2LjU5MiBMMjIuMTI0LDYuNTkyIEwyMC42ODQsMTEuMzQ0IEwxOS40NiwxMS4zNDQgTDE3LjUsNS4yNDggWiIgZmlsbD0iIzU3NUM2NiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==");
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-left: 6px
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul.product-show {
    visibility: visible;
    opacity: 1
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default {
    width: 100%;
    font-size: 0;
    margin-top: 32px;
    height: 44px;
    text-align: center;
    padding-bottom: 68px;
    position: relative;
    opacity: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper {
    display: inline-block;
    background-color: #f7f8fa;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a {
    display: inline-block;
    width: 160px;
    height: 44px;
    line-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out;
    position: relative
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a:first-of-type {
    margin-right: 1px
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a.vp-head-product-links-line:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #dfe1e6;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -1px
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a .vp-head-product-name {
    font-size: 14px;
    color: #242933;
    font-weight: 400;
    line-height: 44px;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a .vp-head-product-name:before {
    content: "";
    font-family: Header-icon-pc;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 28px;
    color: #242933;
    margin-right: 4px;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    -moz-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a:first-of-type .vp-head-product-name:before {
    content: "\e905"
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a:last-of-type .vp-head-product-name:before {
    content: "\e906"
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a:hover .vp-head-product-name {
    color: #415fff
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-links-wrapper a:hover .vp-head-product-name:before {
    color: #415fff
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-btn {
    display: none;
    height: 44px
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev,
.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next {
    position: absolute;
    top: 0;
    width: 72px;
    height: 44px;
    line-height: 44px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    background-color: #f7f8fa;
    text-align: center;
    cursor: pointer
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev:before,
.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next:before {
    content: "";
    font-family: Header-icon-pc;
    font-size: 28px;
    color: #242933
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev:not(.vp-head-product-btn-disabled):hover:before,
.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next:not(.vp-head-product-btn-disabled):hover:before {
    color: #415fff
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev.vp-head-product-btn-disabled,
.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next.vp-head-product-btn-disabled {
    cursor: default
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev.vp-head-product-btn-disabled:before,
.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next.vp-head-product-btn-disabled:before {
    color: #b7b9bd
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev {
    left: 0
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-prev:before {
    content: "\e902"
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next {
    right: 0
}

.vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-product-links-default .vp-head-product-next:before {
    content: "\e903"
}

.vp-head .vp-head-site-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 86px;
    opacity: 0;
    background: #fff
}

.vp-head.vp-head-immersive-height {
    height: 40px;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    -moz-transition: height .3s ease;
    transition: height .3s ease
}

@media screen and (max-width:1199px) {
    .vp-head.vp-head-immersive-height {
        height: 0
    }
}

.vp-head.vp-head-immersive .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-immersive .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-immersive .search-box-show .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-immersive .search-box-show .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-immersive .vp-head-site {
    background: transparent
}

.vp-head.vp-head-immersive .vp-head-site .vp-head-site-navs li a {
    color: #fff
}

.vp-head.vp-head-immersive .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head.vp-head-immersive .vp-head-site .vp-head-site-navs li:hover a {
    color: #415fff
}

.vp-head.vp-head-immersive.vp-head-series-theme .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-immersive.vp-head-series-theme .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-immersive.vp-head-series-theme .vp-head-site .vp-head-site-navs li a {
    color: #242933
}

.vp-head.vp-head-immersive.vp-head-series-theme .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head.vp-head-immersive.vp-head-series-theme .vp-head-site .vp-head-site-navs li:hover a {
    color: #415fff
}

.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common {
    background: transparent
}

.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common.vp-head-common-ative,
.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-fixed {
    background: transparent
}

.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-left-feature:before {
    color: #242933
}

.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-search:before,
.vp-head.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-shop:before {
    color: #242933
}

.vp-head.vp-head-theme-black .vp-head-wrap-pc .vp-head-logo a:before {
    color: #fff
}

.vp-head.vp-head-theme-black .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-theme-black .search-box-show .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-theme-black .search-box-show .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-theme-black .vp-head-search-btn .vp-head-search-open:before {
    color: #fff
}

.vp-head.vp-head-theme-black .vp-head-search-btn .vp-head-search-confirm:before {
    color: #fff
}

.vp-head.vp-head-theme-black .vp-head-search-btn .vp-head-search-close:before {
    color: #fff
}

.vp-head.vp-head-theme-black .vp-head-site .vp-head-site-navs li a {
    color: #fff
}

.vp-head.vp-head-theme-black .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head.vp-head-theme-black .vp-head-site .vp-head-site-navs li:hover a {
    color: #415fff
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-site .vp-head-site-navs li a {
    color: #242933
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-site .vp-head-site-navs li:hover a {
    color: #415fff
}

.vp-head.vp-head-theme-black.vp-head-series-theme .vp-head-search-btn .vp-head-search-open:before {
    color: #242933
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box {
    background: transparent
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common {
    background: transparent
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common.vp-head-common-ative {
    background: transparent
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-left-feature:before {
    color: #fff
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-logo a:before {
    color: #fff
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-search:before,
.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-shop:before {
    color: #fff
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap.vp-head-menu-show .vp-head-wap-common-box .vp-head-common .vp-head-left-feature:before {
    color: #242933
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap.vp-head-menu-show .vp-head-wap-common-box .vp-head-common .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap.vp-head-menu-show .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-search:before,
.vp-head.vp-head-theme-black.vp-head-immersive .vp-head-wrap-wap.vp-head-menu-show .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-shop:before {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-wrap-pc .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-wrap-pc .vp-head-logo a:hover:before {
    color: #415fff
}

.vp-head.vp-head-theme-white .vp-head-search-btn .vp-head-search-open:before {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-search-btn .vp-head-search-confirm:before {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-search-btn .vp-head-search-close:before {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-site .vp-head-site-navs li a {
    color: #242933
}

.vp-head.vp-head-theme-white .vp-head-site .vp-head-site-navs li.vp-head-series-hover a {
    color: #848484
}

.vp-head.vp-head-theme-white .vp-head-site .vp-head-site-navs li:hover a {
    color: #415fff
}

.vp-head.vp-head-theme-white.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box {
    background: transparent
}

.vp-head.vp-head-theme-white.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-left-feature:before {
    color: #242933
}

.vp-head.vp-head-theme-white.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-logo a:before {
    color: #242933
}

.vp-head.vp-head-theme-white.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-search:before,
.vp-head.vp-head-theme-white.vp-head-immersive .vp-head-wrap-wap .vp-head-wap-common-box .vp-head-common .vp-head-right-feature .vp-head-btns-shop:before {
    color: #242933
}

.vp-head.vp-head-series-theme .vp-head-site {
    background: transparent
}

@media screen and (max-width:1599px) {
    .vp-head .vp-head-search-wrap {
        padding: 0 80px
    }
    .vp-head .vp-head-search-btn {
        width: 100%;
    }
    .vp-head .vp-head-products-mask-new {
        height: 488px;
        top: -488px
    }
    .vp-head .vp-head-menu-series .vp-head-series-wrapper {
        margin: 0 80px
    }
    .vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box {
        height: 276px
    }
    .vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li {
        width: 173px;
        margin-right: 15px
    }
    .vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div {
        height: 188px
    }
    .vp-head .vp-head-menu-series .vp-head-series-wrapper .vp-head-series-products .vp-head-series-products-box ul li a>div>div {
        height: 140px;
        bottom: 32px;
        left: 26px;
        right: 27px
    }
}

@media screen and (min-width:1600px) {
    .vp-head .vp-head-search-wrap>div {
        width: 1440px
    }
    .vp-head .vp-head-topbar-pc>div {
        width: 1240px;
    }
    .vp-head .vp-head-mainbar-pc .vp-head-logo {
        width: 1440px
    }
    .vp-head .vp-head-search-btn {
        width: 1248px;
    }
}

.pt-contact-wrap {
    z-index: 99;
    position: relative;
    margin-top: -330px;
    overflow: hidden;
    font-size: 0;
}

.pt-coo-contact-content {
    position: relative;
    padding-top: 78px;
    text-align: center;
}

.pt-coo-contact-bg {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pt-contact-wrap .pt-coo-contact-bg img {
    height: 610px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content h2 {
    font-family: HYQiHei-FES;
    font-size: 32px;
    line-height: 46px;
    color: #242933;
    margin-bottom: 5px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content p {
    font-size: 16px;
    line-height: 30px;
    color: #575c66;
    margin-bottom: 43px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container {
    background-color: #fff;
    width: 1248px;
    margin: 0 auto;
    padding-top: 70px;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: 24px;
    text-align: left;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-content-item p {
    /* font-family: HYQiHei-FES; */
    font-size: 20px;
    line-height: 28px;
    color: #131314;
    margin-bottom: 9px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-content-item a {
    font-size: 16px;
    line-height: 26px;
    color: #575c66;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-content-item a::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    right: -22px;
    bottom: -13px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
    color: #575c66;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5YmN5b6Ad2FwPC90aXRsZT4KICAgIDxnIGlkPSLmjqfku7YiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLogZTns7vmiJHku6wiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NjUuMDAwMDAwLCAtMzEzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5YmN5b6AIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NjUuMDAwMDAwLCAzMTMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTE2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ljc4NDI5MDcxLDUgTDguOTEyNjY5MTUsNSBDOS4xOTI5MDQ4Niw1IDkuNDYwNzA4MzEsNS4xMTU2OTQ0OSA5LjY1Mjc5MjYsNS4zMTk3NDI3MSBMMTQuNjM1NjI0MSwxMC42MTI5MjkgQzE0Ljg0MDMyNTYsMTAuODMwMzgwMyAxNC44NDAzMjU2LDExLjE2OTYxOTcgMTQuNjM1NjI0MSwxMS4zODcwNzEgTDkuNjUyNzkyNiwxNi42ODAyNTczIEM5LjQ2MDcwODMxLDE2Ljg4NDMwNTUgOS4xOTI5MDQ4NiwxNyA4LjkxMjY2OTE1LDE3IEw3Ljc4NDI5MDcxLDE3IEM3LjU5NzE2MzY1LDE3IDcuNDQ1NDY3MTgsMTYuODQ4MzAzNSA3LjQ0NTQ2NzE4LDE2LjY2MTE3NjUgQzcuNDQ1NDY3MTgsMTYuNTc0ODU0NiA3LjQ3ODQxNDU1LDE2LjQ5MTc4NzUgNy41Mzc1ODI5LDE2LjQyODkzMzggTDEyLjQyOTU3NzEsMTEuMjMyMjQyNiBDMTIuNTUyMzk4MSwxMS4xMDE3NzE4IDEyLjU1MjM5ODEsMTAuODk4MjI4MiAxMi40Mjk1NzcxLDEwLjc2Nzc1NzQgTDcuNTM3NTgyOSw1LjU3MTA2NjE1IEM3LjQwOTMxODg0LDUuNDM0ODEzMTkgNy40MTU3OTUxMiw1LjIyMDM3OTc3IDcuNTUyMDQ4MDksNS4wOTIxMTU3MSBDNy42MTQ5MDE3Myw1LjAzMjk0NzM2IDcuNjk3OTY4OCw1IDcuNzg0MjkwNzEsNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjOEE4Rjk5Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-content-item {
    text-align: left;
    margin-bottom: 50px;
    position: relative;
    padding-left: 72px;
    display: inline-block;
    vertical-align: top;
    width: 472px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-content-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-weChat {
    position: absolute;
    width: 160px;
    top: 62px;
    right: 100px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-weChat img {
    display: inline-block;
    width: 100%;
    margin-bottom: 11px;
}

.pt-contact-wrap .pt-contact .pt-coo-contact-content .pt-coo-contact-content-container .contact-weChat p {
    font-family: HYQiHei-FES;
    font-size: 14px;
    line-height: 20px;
    color: #242933;
    text-align: center;
}
.details-fr2 table{ width: 1200px;margin: 20px auto;}
.details-fr2 table td{font-size: 16px;text-align: center;}
.details-fr2 table td select{border:1px solid #D8D8D8;height: 35px;}

/*search*/

.sout {

    margin: 34px auto;

}

.sout .soupc {

    display: inline-block;

    cursor: pointer;

}

.souy {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.66);z-index: 999999999;display: none;}

.souk {

    width: 876px;

    max-width: 100%;

    margin: 315px auto 0 auto;

    position: relative;

}

.souk .closei {cursor: pointer;position: absolute;right: 0;top: -50px;}

.souk .inputk {

    position: relative;

    width: calc(100% - 48px);

    background-color: #fff;

    margin-top: 104px;

}

.souk .inputk input {

    height: 62px;

    width: 100%;

    padding-left: 50px;

    padding-right: 50px;

    color: #bbbaba;

    font-size: 16px;

    font-family: "微软雅黑";

}

.souk .inputk input::-webkit-input-placeholder {

    color: #bbbaba;

    opacity: 1;

}

.souk .inputk input:-moz-placeholder {

    color: #bbbaba;

    opacity: 1;

}

.souk .inputk input::-moz-placeholder {

    color: #bbbaba;

    opacity: 1;

}

.souk .inputk input:-ms-input-placeholder {

    color: #bbbaba;

    opacity: 1;

}

.souk .inputk img {

    position: absolute;

    top: 18px;

    right: 53px;

    width: 25px;

    cursor: pointer;

}