.el-image__error, .el-image__placeholder {
    background: #f5f7fa
}

.el-image__error, .el-image__inner, .el-image__placeholder {
    width: 100%;
    height: 100%
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #c0c4cc;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px
}

.el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.el-image-viewer__next, .el-image-viewer__prev {
    top: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff
}

.el-image-viewer__prev {
    transform: translateY(-50%);
    left: 40px
}

.el-image-viewer__next {
    transform: translateY(-50%);
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in .3s;
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out .3s;
    animation: viewer-fade-out .3s
}

@-webkit-keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.vjs-custom-skin>.video-js {
    width: 100%;
    font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, 微软雅黑, sans-serif
}

.video-js.vjs-no-flex .vjs-menu-button-inline, .vjs-custom-skin>.video-js .vjs-menu-button-inline.vjs-slider-active, .vjs-custom-skin>.video-js .vjs-menu-button-inline:focus, .vjs-custom-skin>.video-js .vjs-menu-button-inline:hover {
    width: 10em
}

.vjs-custom-skin>.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none !important
}

.vjs-custom-skin>.video-js .vjs-control {
    width: 3em
}

.vjs-custom-skin>.video-js .vjs-control.vjs-live-control {
    width: auto;
    padding-left: .5em;
    letter-spacing: .1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-inline:before {
    width: 1.5em
}

.vjs-menu-button-inline .vjs-menu {
    left: 3em
}

.vjs-custom-skin>.video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button {
    display: none !important
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after, .vjs-custom-skin>.video-js .vjs-play-progress:after {
    padding: 0 .4em .3em
}

.video-js.vjs-ended .vjs-loading-spinner {
    display: none
}

.video-js.vjs-ended .vjs-big-play-button {
    display: block !important
}

.video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started.vjs-custom-skin>.video-js .vjs-big-play-button {
    display: block
}

.vjs-custom-skin>.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em;
    background-color: rgba(0, 0, 0, .45);
    font-size: 3.5em;
    height: 2em !important;
    line-height: 2em !important;
    margin-top: -1em !important
}

.video-js:hover .vjs-big-play-button, .vjs-custom-skin>.video-js .vjs-big-play-button:active, .vjs-custom-skin>.video-js .vjs-big-play-button:focus {
    background-color: rgba(36, 131, 213, .9)
}

.vjs-custom-skin>.video-js .vjs-loading-spinner {
    border-color: rgba(36, 131, 213, .8)
}

.vjs-custom-skin>.video-js .vjs-control-bar2 {
    background-color: #000
}

.vjs-custom-skin>.video-js .vjs-control-bar {
    color: #fff;
    font-size: 14px
}

.vjs-custom-skin>.video-js .vjs-play-progress, .vjs-custom-skin>.video-js .vjs-volume-level {
    background-color: #2483d5
}

.vjs-custom-skin>.video-js .vjs-play-progress:before {
    top: -.3em
}

.vjs-custom-skin>.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.3em
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-menu li {
    padding: 0;
    line-height: 2em;
    font-size: 1.1em;
    font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, 微软雅黑, sans-serif
}

.vjs-custom-skin>.video-js .vjs-mouse-display:after, .vjs-custom-skin>.video-js .vjs-play-progress:after, .vjs-custom-skin>.video-js .vjs-time-tooltip {
    border-radius: 0;
    font-size: 1em;
    padding: 0;
    width: 3em;
    height: 1.5em;
    line-height: 1.5em;
    top: -3em
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup .vjs-menu {
    width: 5em;
    left: -1em
}

.vjs-custom-skin>.video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-play-control {
    order: 0
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-time-control {
    min-width: 1em;
    padding: 0;
    margin: 0 .1em;
    text-align: center;
    display: block;
    order: 1
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.2em;
    line-height: 2.4
}

.vjs-custom-skin>.video-js .vjs-progress-control.vjs-control {
    order: 2
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-volume-menu-button {
    order: 3
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button {
    order: 4
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label {
    display: block;
    line-height: 3em
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-playback-rate {
    order: 5
}

.vjs-custom-skin>.video-js .vjs-control-bar .vjs-fullscreen-control {
    order: 6
}

.video-view-area[data-v-216faa81] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #000
}

.video-view-area[data-v-216faa81] .vjs-custom-skin>.video-js {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.close-btn[data-v-216faa81] {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    width: 60px;
    height: 60px;
    transition: .5s ease
}

.close-btn[data-v-216faa81]:hover {
    transform: scale(1.2)
}

.close-btn[data-v-216faa81]:after, .close-btn[data-v-216faa81]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 2px;
    margin: -1px 0 0 -16px;
    background: #fff
}

.close-btn[data-v-216faa81]:before {
    transform: rotate(45deg)
}

.close-btn[data-v-216faa81]:after {
    transform: rotate(-45deg)
}

.main-wrap {
    min-width: 1200px
}

.notice {
    position: absolute;
    top: 88px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    z-index: 500;
    height: 48px;
    line-height: 48px;
    box-shadow: 0 10px 28px 0 rgba(41, 45, 59, .08);
    background: rgba(0, 0, 0, .56)
}

.notice-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    color: #fff;
    font-size: 16px;
    opacity: .8
}

.notice-inner__title {
    position: relative;
    padding: 0 10px 0 60px;
    font-weight: 600
}

.notice-inner__title:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEpUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7Hjah4AAABidFJOUwAZka4SFXbtDwSD+ztGvk0CYifx9wPFgbIi/P1k4vDgNOXsao8et3tEbww/v4QhLcsB2T1/uCbhOAULBhNYQDbV633UeG7A2jl8XCxWFNHIqVAggEUXCBFoXQqxQ20qGL0rdPz2bQAAARlJREFUOMvt1EdvAjEQhuEBFrKLCJCQKqX33nuvkN57z/v/f0S85OItyD5HmdM32udgeWcs8rdrcJFxGzcCtFm4jHJ0GtlYynfUmdxSNzr0ijVcAXR4RGkrjs22EoTHKjVEnTtECDoXKm4GldO+0ksYysOVyo26WyBYVXjzKN4llHVIDMxR+pR71Wwb4B28itxC0gDlyz/fN1RM8M2/nKLqTPAD3qufTPAJCuJCkwGeK/Ii15A3wBN4FsnDoQbnYqCTyoqcqWZDg+nR4Umiv1BOVd4LD0VPVwTWq7i/GhmfdEsI+m43ETOQzckgPICdRPyIdwTgWjazXmtp5rFbLpGpZR/2Wey1O6HgjM1L4Q1Av93jM52T//qtH1L6lFoXqJ1kAAAAAElFTkSuQmCC) 0 0/24px no-repeat
}

.notice-marquee {
    flex: 1;
    position: relative;
    padding-right: 50px
}

.notice-marquee marquee {
    height: 100%;
    width: 100%;
    vertical-align: top
}

.notice-close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAP///////////////////////////yN+nV8AAAAHdFJOUwBXTMjaKVjL/Vd9AAAAe0lEQVQoz2NgGEIg2AnGUjGFC5qXC0AYjOXFcEH38kIIQ7y8BC6oXg5RylheXgQXBHIKIQph5iB4MDkUpagKIXw0hRCl6WgKwUrRFYKVYigEKy3E8H86FkE2bNrTsVgEchK627E6Hqs3sQUI1qDDGshYowNrxGGN4iEAANFDM7K9WZ8HAAAAAElFTkSuQmCC) 0 0/20px no-repeat;
    cursor: pointer
}

.notice-close:active, .notice-close:hover {
    opacity: .8
}

.notice-item a {
    color: #fff
}

.banner-wrap {
    width: 100%;
    height: 680px;
    background-color: #ccc;
    margin: 0 auto;
    position: relative
}

.kf-online {
    width: 116px;
    height: 48px;
    line-height: 48px;
    background: linear-gradient(180deg, #ff4e75, #f71630);
    border-radius: 100px;
    position: fixed;
    right: 20px;
    bottom: 100px;
    padding-left: 50px;
    z-index: 33;
    cursor: pointer;
    transition: all .15s ease-in-out
}

.kf-online a {
    font-size: 14px;
    color: #fefefe;
    line-height: 48px;
    font-weight: 500
}

.kf-online a:hover {
    text-decoration: none
}

.kf-online:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAC9UExURQAAAP////////////////////////////////////////////////////////////kmRfw2Wf1DaPgeOvoqSfcZNPw9YPw6Xf1AZPswUfgjQfotTf5Hbvx8kf/9/v/29/5KcfgjPvt6jvx/lfyksf7R2v+9y/5dgP+pvP/b4v2wu/yXpfuRnf1Vdf7X3fpBXPk8Vv3Iz/3T2PxRcP76+vgzSv2yv/2erf2drP3Gzfg1Tfy3v/7q7P3M0vluf4EoJTgAAAAPdFJOUwAbeN25VxP8lgSG8a42CVqdkQMAAAFnSURBVDjLlZVpe4IwDMcLKA9y2OnmNhBRlNP71p3f/2MNN21Sitr9XvQp5E/TpkkghMNRbS2gNNBs1SFXUUyLIixTqZTpBhUwdFFXD2gFQb0kaxj0CkYD65o1epVaE613Q1coYU2D3sRg56B3OJ9I584b5EmWJTn/Thcc97N08Eua9cvOFfQiTn1GGiPD6Y5MeEz8NsJPwGIWQrjfuF0C1rSKfIH9zV5LzGCfDlHZPHoWiJhRJTaLweZFYMOiZBPtMs1bFeQXq0bYN/uTYTTihtae+SNsFwfXdXuU9tDgugdmBuGxSngEIXM97hYMh9zQHYNrdpj5UwVzOAyEZ/EgsEDhgYBPROEEBRxd4dLzQu9MWMzCJb5ClBQr75HDW+GkwGkWcbpwzKcZStxJB/H+VkpcKIXPsON97/5ku6lQClBc24+vLQ3W0XQarauKS7pc5RuAfEuRblLybU++kf6jNcs3+zu/jx/6jVvmBO+iPQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 4px;
    top: 4px
}

.kf-online:hover {
    background: linear-gradient(180deg, #ff7090, #ff3249)
}

.index-login {
    position: absolute;
    left: 50%;
    margin-left: 236px;
    top: 200px;
    border-radius: 24px;
    width: 364px;
    min-height: 100px;
    padding: 24px;
    z-index: 100;
    /* background: hsla(0, 0%, 100%, .9); */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}
.index-login-page {
    position: absolute;
    left: 50%;
    margin-left: 236px;
    top: 200px;
    border-radius: 24px;
    width: 364px;
    min-height: 100px;
    padding: 24px;
    z-index: 100;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.index-login-form {
    display: flex;
    flex-direction: column
}

.index-login-item--mb16 {
    margin-bottom: 16px
}

.index-login-item__label {
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #030810;
    line-height: 20px;
    margin-bottom: 8px
}

.index-login-item__input-num {
    height: 50px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    position: relative
}

.index-login-item__input-num[focus-within] {
    border: 1px solid rgba(0, 0, 0, .85)
}

.index-login-item__input-num:focus-within {
    border: 1px solid rgba(0, 0, 0, .85)
}

.index-login-item__input-num--error {
    border: 1px solid #eb5c31;
    background: rgba(235, 92, 49, .1)
}

.index-login-item__clear-btn {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHkSURBVHgB5Vc9T8MwEH0UOtChBXWgEnRgKUgdkFD5/xNCwFQJGDLAQIVgyEAEVKgduNdepMS1XSe4Czzpyc6HfS/nu7MD/HdsoR5awl3lTDgXZtrfmICO8Eh4oAJsmApTYSL8QiQBTeFQjVfBJETIOgFd4YVwB/VAj9wJ31wvbHsG94UjYQP1Qe8dqpAMFQT0hOeIB86XqpASbF/HABsiPkawBK9NwADL9IqNps5dgrkEVHjmmOBKONZ+1/HOo/ASS3f3Lc/bwlfhd37D9MAAbrxrmyhN8N6D9lPPPKV0NgV0PQNPDGOJ59r3Ib3iRXEJuEannoH72qaW1jTuE0A7LFKLsl0sMG2sRz5xYrShxnMwyBcVsmEoC4HLSKjxXABMAXXLbR3MbAKmCIMvCxKEYW4TkAUMtEX7wPPchTylS26nWxgYrV8Yz1vG07FjHtqweoCYwA2fcfP63j1NuUiZAp7hRl6khlifBb6CVloi24GEe0EfmwE/cFy8YdsNWc/niA+u/UqA2gQwGG8RH4yLlVR3nYimyh7igG5/sT3wnQkz5R7Cy7QJevMGyzMAqgogPnQwBXRQDQy4a+Gn76UqPybcQJhmTDFXsWKgUfATAkt73V8zVlB6pKl9GmN53UT2/HH8ALfPZPDyyTbjAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: contain;
    cursor: pointer
}

.index-login-item__tel {
    width: 100%;
    box-sizing: border-box;
    padding: 13.5px 34px 13.5px 92px;
    line-height: 20px;
    font-size: 14px;
    color: #030810;
    background: transparent;
    border: 0
}

.area-code__select {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    z-index: 1000;
    cursor: pointer
}

.area-code__input {
    width: 80px;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    position: relative;
    padding-right: 25px;
    box-sizing: border-box
}

.area-code__input:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15.5px;
    height: 16px;
    width: 1px;
    background: rgba(0, 0, 0, .05)
}

.area-code__input .pre-code {
    width: 100%;
    padding-right: 10px;
    line-height: 50px;
    border: 0;
    background: transparent;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    text-align: right;
    pointer-events: none
}

.area-code__input .arrow {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -3px;
    width: 14px;
    height: 6px;
    overflow: hidden;
    display: inline-block
}

.area-code__input .arrow:after {
    content: "";
    position: absolute;
    left: 4px;
    top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background: rgba(0, 0, 0, .5);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.area-code__options {
    position: absolute;
    left: 0;
    top: 55px;
    width: 240px;
    min-height: 360px;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(3, 8, 16, .08);
    border-radius: 8px;
    border: 1px solid #eceef2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.area-code__box {
    background: #fff;
    overflow: hidden
}

.area-code__box, .area-code__search {
    position: relative;
    border-radius: 8px
}

.area-code__search {
    margin: 16px 16px 8px;
    height: 40px;
    background: #f8f8f9;
    padding-left: 44px
}

.area-code__search input {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 14px;
    color: #030810;
    background: transparent
}

.area-code__search:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAD+klEQVRYCe1YTWhTQRDe2bTSH6QUoWCLhyaYNomeFATx4s1TLSiIePQoClWwoFcVPEhB715FUGk9exYK9mZ+mhpzkFYNaFGxKabdcSYvL2/eT/4TBMm7vNndmW++tz+zM0+p/tOfgX87A9COe0TUqezH02bPzAPgCaVwUqGaLGOB2lIKthBhTQ/o5Xg0/BYATDt+2KYlgvl8fuh3sXQDUd0iUhPNOYUCgHo0Ojz4eHp6erc5G0eraYLv09kLyqglVHjEMW9eAgWflFYLx2LRl81bKTJp8NByQjK9cR8NvmiXHLtgW8YoYxFmA7fV4bqKTC6Vzj4zqC5VLaoCbJPxiga9QnssZQ4dpL1HX/zt1yTiXsIgzKFS54naeNWkImhQz+Ox6GWyI5X6T12C/LXGmDsSgkB3iffSyJB+GIlEfsgxr5zL5cZ2ds0i8Vigjx2S41rrB4nY0buyL0iuSZD3HC+Jywhgc1CH5mdnI+9c/Q0amUzuZMnsLyvEKakKGi422pOBBMundaeUde05IncghKdmZmY2pZNm5fX19ak/+7AqSfLBGR0ZjNY73YGHpBxKxGnlZeWZa5ccfwTbMgZj2R/FE8C+7HbQ20eQg7AV5xx13nOtLqtj7UiMwVhODx0hiqnsU/ZJ2TfAN4Q7CMM2Hwhp1IlsYcG2g4ETlk+nR0o+gnx9SQUOJY1Oq9RvJDMWY0o9r0855iNo3a2OCsc5p9UdSQO+lkhen3LMR5CW17r0K1q0qVPSoBsywEDSjeP2Kcf8BO2spKJl3xDSqFPZh+nxKfH9BOVoj+TQd8pv5AN0Vdd4/ATL+ZyjzXer0+qOhPjzsAfps6ddbfoJUrJZHSWBYlRctrshczLhxnH7lGM+ghRI16SCQUMZSXcfznQkIi14zbvdR5DTdGnMKRNnJbKvE5mxrDRMoOhQzVDmI8g1BFUCBcccxzllctqdSRaWzBGhYPkMxvURpLhnuIaQ6pzPccok+9qRM5n8OQS8LW3ZF/uUfVL2EeRBLnDKNURFk5NNzuc4ZZLGrchsu29KrwAxZNuRjwL7sttB70CC5fyMChyXASWbnM+1M5Nsw7YGcdiFCWqsWCydcfV5Gu6A6RnsZcpfdQVQpCmdi8ejb6p9QqhLkJa2zaIJ4xyerNMqD4TwLMU6JOsSZIwyycyHe97iSeK3InOxRKhfjEH33qtBsiFB23m3C/dkOns9iKRGdTaRiK7afgMPiT0o31x9cYFDIYFiooyTUitI5l8fsMi2soJLxKJPtAZ3PUKHiLaFu8wNgmzUR8vetZ9HvpkEeHo8Hr1qc2h6iW2DXryTmY0rtNw36T9DfmR44Fo4HP7aCz99zP4M/Jcz8BchytS13BueuwAAAABJRU5ErkJggg==) 0 0/20px no-repeat
}

.desktop-list {
    height: 300px;
    overflow-y: auto;
    position: relative;
    background: #fff
}

.desktop-list li {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 14px;
    color: #030810;
    cursor: pointer
}

.desktop-list li:hover {
    background: #f8f8f9;
    font-weight: 700
}

.mobile-list {
    display: none
}

.index-login-item__tips {
    position: relative;
    min-height: 18px;
    margin-top: 8px
}

.index-login-item__log {
    position: absolute;
    height: 18px;
    font-size: 14px;
    color: #eb5c31;
    line-height: 18px
}

.index-login-item__captcha {
    width: 100%;
    padding: 13.5px 116px 13.5px 16px;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    color: #030810;
    background: transparent;
    border: 0
}

.index-login-item__captcha-btn.index-login-item__captcha-btn--disabled {
    color: #9b9ea3;
    pointer-events: none
}

.index-login-item__captcha-btn {
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 14px;
    color: #e61b46;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer
}

.index-login__agreement {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 12px
}

.index-login-item__input-checkbox {
    height: 20px;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    line-height: 20px
}

.index-login-item__input-checkbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.index-login-item__input-checkbox label input[type=checkbox] {
    display: none
}

.index-login-item__input-checkbox .modal-checkbox {
    margin-right: 8px;
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACcSURBVHgB7Za7CoUwEERHzS1svIj4/x/oCyxsfOCu2UAUsVor98CQxMLjxmYSnEkpGXSZ40MS7WvKX6TaDJSGN1kkKy8foEkOP8jk5EEpK48/QpeC8pO1c3IIsKyDPhX8baZv/K9HTGhCE5rQhCY04ReE3GlWyibyAvrE71xCLQw18U16Sht66QQ/YQ59+Pa4CLd8uCu+DrpskoMdb08UXCBdvN8AAAAASUVORK5CYII=) 0 0/14px no-repeat
}

.index-login-item__input-checkbox label input[type=checkbox]:checked+.modal-checkbox {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgB7ZZNTsJAFIDfTGvcurTQaLmBV0AjspQblBvoCag34AbIDViaisoR8ATUH1p2sjIB7DxnJqjQaO3fsOLbzLy0mS8vk3nvEYgQWHULCsTwbrzVmHxtno2Tc13TOoCwB8XicYljjN3ut/C1fGpTIB1QyAcLGwfBXY+KgMtaoBiNUpkQCfbrFmpsBJuA6RaFDbMVpgP5EwjB5rshKBdy2YzNq8bE7ZKQNkCpcCmrTAaeCJnObFAmjMjGZs0hCK1sQn5Y7GfEYRpZvJDhRcl3K4jM+Us2f1+kksUKQw0fxVr2+1cM2OWvsulgmkYWK9SQdkbLVmWO+20G2MwrixVyrN0Fe/iR3l4jhUYemSBJ8fZmO7RaiTTSLLKkxXst08yyJXrC/6R0Yp61EeGI36MNGUkqlFKG2IacbNtT4cipzTdrbwrGw3V4XRalUmaIBJqgGELAEasUll/cnixd/3SHjEzFTLo2CK/iG8eHUCCl4P5pNf4EgdLWec+jSpgAAAAASUVORK5CYII=) 0 0/14px no-repeat
}

.index-login-item__input-checkbox label a {
    color: #5998e9;
    text-decoration: underline
}

.index-login-form__button.index-login-form__button--disabled {
    pointer-events: none;
    opacity: .3
}

.index-login-form__button {
    display: block;
    height: 48px;
    background: #e61b46;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 48px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.index-login-form__button:hover {
    background: #e61b46;
    text-decoration: none;
    opacity: .8
}

.index-login-item input[type=tel]::-moz-placeholder, .index-login-item input[type=text]::-moz-placeholder {
    color: #9b9ea3
}

.index-login-item input[type=tel]:-ms-input-placeholder, .index-login-item input[type=text]:-ms-input-placeholder {
    color: #9b9ea3
}

.index-login-item input[type=tel]::placeholder, .index-login-item input[type=text]::placeholder {
    color: #9b9ea3
}

.global-tips__warnning {
    position: fixed;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #ffa819;
    background: #fffbe4;
    padding: 11px 16px;
    grid-gap: 8px;
    gap: 8px
}

.global-tips__warnning:before {
    content: "!";
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 8px;
    background: #faad14;
    text-align: center;
    font-size: 10px;
    color: #fff;
    font-weight: 400
}

.part-two {
    /* height: 1970px; */
    background-color: #fff;
    position: relative
}

.part-two .part-nation {
    max-width: 1200px;
    height: 973px;
    background: #fff;
    box-shadow: 0 10px 28px 0 rgba(41, 45, 59, .08);
    border-radius: 48px;
    margin: 0 auto 235px;
    padding: 128px 80px 0;
    position: relative;
    top: -78px;
    text-align: center;
    z-index: 22
}

.part-two .part-nation li {
    cursor: pointer
}

.part-two:after {
    width: 255px;
    height: 517px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/map-right.09f21dd.png) no-repeat;
    background-size: 100%;
    right: 0
}

.part-two:after, .part-two:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none
}

.part-two:before {
    width: 738px;
    height: 944px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/map-left.4d38a08.png) no-repeat;
    background-size: 100%;
    left: 0
}

.main-title {
    font-size: 36px;
    color: #030810;
    line-height: 38px;
    margin-bottom: 16px
}

.main-title-p {
    margin: 0 auto;
    font-size: 16px;
    color: #9b9ea3;
    line-height: 28px;
    padding-top: 20px
}

.main-title-p .break-pc {
    display: block
}

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

.why-content .why-banner {
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between
}

.why-content .left-img-show {
    width: 587px;
    height: 301px;
    background: #e61b46;
    box-shadow: 0 4px 28px 0 rgba(41, 45, 59, .08);
    border-radius: 0 48px 0 48px;
    position: relative
}

.why-content .left-img-show:before {
    content: "";
    display: block;
    width: 604px;
    height: 371px;
    border-radius: 0 48px 0 48px;
    position: absolute;
    left: 44px;
    bottom: 44px;
    overflow: hidden;
    background: url(../img/why-img.ef5b32d.png?v=0.00001) no-repeat;
    background-size: cover;
    z-index: 2
}

.why-content .right-wrap {
    width: 423px;
    text-align: left
}

.why-content .right-wrap .main-title {
    padding-top: 25px
}

.why-content .right-wrap .main-title-p {
    font-size: 16px
}

.why-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.why-list li {
    text-align: center
}

.why-list li:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px
}

.why-list p {
    font-size: 22px;
    font-weight: 600;
    color: #030810;
    line-height: 24px;
    margin-bottom: 20px
}

.why-list span {
    font-size: 16px;
    color: #4f545e;
    line-height: 18px
}

.why-list--icon-04:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-04.8bee0d0.png) 50%/contain no-repeat
}

.why-list--icon-05:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-05.fac8b74.png) 50%/contain no-repeat
}

.why-list--icon-06:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-06.1a90d34.png) 50%/contain no-repeat
}

.why-list--icon-07:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-07.0e0ade8.png) 50%/contain no-repeat
}

.why-list--icon-08:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-08.a3d837c.png) 50%/contain no-repeat
}

.why-list--icon-09:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-09.f911f32.png) 50%/contain no-repeat
}

.line {
    display: inline-block;
    width: 36px;
    height: 4px;
    background: #e61b46;
    border-radius: 2px;
    margin: 0 auto
}

.varied-trade {
    margin-top: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start
}

.varied-trade a {
    width: 33%;
    margin-bottom: 82px;
    text-align: center;
    padding-top: 116px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-1.c6b9459.png) no-repeat top;
    background-size: 96px 96px
}

.varied-trade h4 {
    font-size: 22px;
    color: #030810;
    line-height: 24px;
    margin-bottom: 20px
}

.varied-trade h4 i.arrow {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 16px;
    height: 8px;
    overflow: hidden;
    position: relative;
    transform: rotate(-90deg);
    margin-left: 4px
}

.varied-trade h4 i.arrow:after {
    content: "";
    position: absolute;
    left: 4px;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: rgba(3, 8, 16, .4);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.varied-trade p {
    font-size: 16px;
    color: #4f545e;
    line-height: 22px
}

.varied-trade a:nth-child(2) {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-2.1dda63e.png)
}

.varied-trade a:nth-child(3) {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-3.98f5adf.png)
}

.varied-trade a:nth-child(4) {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-4.aa42c56.png)
}

.varied-trade a:nth-child(5) {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-5.635a8b6.png)
}

.varied-trade a:nth-child(6) {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/varied-6.d23965f.png)
}

.varied-trade a:hover {
    text-decoration: none
}

.varied-trade a:hover h4 {
    color: #e61b46
}

.varied-trade a:hover h4 i.arrow:after {
    background: #e61b46
}

.part-three {
    height: 784px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-three.26c2cdc.png) no-repeat top;
    background-size: cover
}

.part-three .part-bg {
    width: 1200px;
    text-align: left;
    margin: 0 auto;
    padding-top: 266px;
    position: relative
}

.part-three h3 {
    font-size: 36px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 32px
}

.part-three p {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 72px
}

.part-three .part-img-show {
    display: block;
    width: 743px;
    height: 415px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 157px;
    z-index: 1
}

.part-four {
    width: 100%;
    height: 758px;
    background-color: #fff;
    position: relative
}

.part-four .left-img {
    display: block;
    width: 241px;
    height: 442px;
    background: url(../r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/left-img.79aa43a.png) no-repeat 0 100%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.part-four .right-img {
    display: block;
    width: 242px;
    height: 602px;
    background: url(../r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/right-img.a3959e4.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.part-four .part-bg {
    width: 1200px;
    /* height: 710px; */
    margin: 0 auto;
    padding-top: 128px;
    background: #fff;
    box-shadow: 0 10px 28px 0 rgba(86, 93, 103, .08);
    border: 1px solid #f0f0f1;
    border-radius: 48px;
    position: relative;
    top: -78px
}

.part-four h3 {
    font-size: 36px;
    color: #030810;
    line-height: 38px;
    margin-bottom: 100px;
    text-align: center
}

.service-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start
}

.service-list li {
    width: 378px;
    text-align: center
}

.service-list li .list-img {
    display: block;
    width: 100%;
    height: 112px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/service-1.eda6862.png) no-repeat top;
    background-size: 110px 112px
}

.service-list li h4 {
    font-size: 22px;
    color: #030810;
    line-height: 24px;
    margin-bottom: 16px
}

.service-list li p {
    font-size: 14px;
    color: #4f545e;
    line-height: 20px;
    height: 128px
}

.service-list li .list-2 {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/service-2.1f46469.png);
    background-size: 110px 111px
}

.service-list li .list-3 {
    background-image: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/service-3.077d295.png);
    background-size: 110px 115px
}

.part-five {
    width: 100%;
    height: 798px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-five-bg.b2deb91.png) no-repeat top;
    background-size: cover;
    padding: 128px 0
}

.part-five .part-bg {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.part-five h3 {
    font-size: 36px;
    color: #030810;
    line-height: 38px;
    margin-bottom: 88px
}

.part-five h3 b {
    color: #e61b46
}

.cost-table {
    min-height: 320px;
    background: hsla(0, 0%, 100%, 0);
    border-radius: 48px;
    border: 1px solid #e0e1e3;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 56px
}

.cost-table table {
    border-collapse: collapse;
    width: 100%
}

.cost-table td, .cost-table th {
    border-right: 1px solid #e0e1e3;
    border-bottom: 1px solid #e0e1e3;
    height: 80px
}

.cost-table th {
    font-size: 16px;
    font-weight: 600;
    color: #030810
}

.cost-table td {
    font-size: 16px;
    font-weight: 400;
    color: #4f545e
}

.cost-table tbody tr:nth-child(odd) {
    background-color: #f5f8fc
}

.cost-table tbody tr:first-child td {
    color: #e61b46;
    font-size: 20px;
    font-weight: 700
}

.cost-table tbody tr td:last-child, .cost-table thead tr th:last-child {
    border-right: 0
}

.cost-table tbody tr:last-child td {
    border-bottom: 0
}

.part-six {
    height: 909px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-six-bg.d2fc26c.png) no-repeat top;
    background-size: cover;
    padding: 128px 0
}

.part-six .part-bg {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.part-six h3 {
    font-size: 36px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 36px
}

.part-six .broker {
    opacity: .8
}

.part-six .broker p {
    width: 840px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin: 0 auto 52px
}

.part-six .broker p i {
    color: #e61b46;
    font-style: normal
}

.part-six .btn-02 {
    border-color: #fff;
    color: #fff
}

.part-six .btn-02:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.818 3.576a.6.6 0 01.054.787l-.054.061-3.394 3.394a.6.6 0 01-.902-.787l.054-.061L3.546 4 .576 1.03A.6.6 0 01.522.243L.576.182a.6.6 0 01.787-.054l.061.054 3.394 3.394z' fill='%23fff'/%3E%3C/svg%3E") no-repeat
}

.part-six .paizhao-img {
    width: 673px;
    height: 94px;
    margin: 0 auto 32px
}

.part-six .paizhao-img, .part-six .paizhao-img-01 {
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.part-six .paizhao-img-01 {
    width: 470px;
    height: 205px;
    margin: 0 auto 56px
}

.part-seven {
    width: 100%;
    height: 772px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-seven-bg.093f95e.png) no-repeat;
    background-size: cover
}

.part-seven .part-bg {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 128px 0
}

.part-seven .part-bg h3 {
    text-align: center;
    font-size: 36px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 88px
}

.safe-list {
    display: flex;
    justify-content: space-between
}

.safe-list li {
    width: 363px;
    height: 390px;
    background: #fff;
    box-shadow: 0 4px 28px 0 rgba(41, 45, 59, .08);
    border-radius: 0 48px 0 48px;
    padding: 84px 40px 0;
    text-align: center
}

.safe-list li h4 {
    font-size: 22px;
    color: #030810;
    line-height: 24px;
    margin-bottom: 24px
}

.safe-list li p {
    font-size: 16px;
    color: #4f545e;
    line-height: 22px
}

.safe-list li:before {
    content: "";
    display: block;
    width: 96px;
    height: 96px;
    margin: 0 auto 24px
}

.safe-list--icon-01:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-01.68b1cb6.png) 50%/contain no-repeat
}

.safe-list--icon-02:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-02.30680cf.png) 50%/contain no-repeat
}

.safe-list--icon-03:before {
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/icon-03.e10ab07.png) 50%/contain no-repeat
}

.part-eight {
    height: 715px;
    background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-eight-bg.589702d.png) no-repeat;
    background-size: cover
}

.part-eight .part-bg {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 290px 0 0;
    position: relative
}

.part-eight h3 {
    font-size: 40px;
    color: #030810;
    line-height: 52px;
    margin-bottom: 36px
}

.part-eight h3 b {
    color: #e61b46
}

.part-eight p {
    font-size: 16px;
    color: #4f545e;
    line-height: 28px
}

.part-eight .part-img-show {
    display: block;
    width: 554px;
    height: 355px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 160px;
    z-index: 1;
    background: url('../img/part-eight-img.e87a14e.png') 0 0/554px no-repeat
}

.swiper-wrapper {
    height: 680px
}

.swiper-slide {
    background-size: auto 680px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 680px;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-slide .banner-content {
    width: 1200px;
    height: 680px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 12;
    padding-top: 240px
}

.swiper-slide h2 {
    font-size: 56px;
    color: #fff;
    line-height: 58px;
    margin-bottom: 26px
}

.swiper-slide h2 .break-h5 {
    margin-left: 20px
}

.swiper-slide p {
    font-size: 16px;
    color: hsla(0, 0%, 100%, .9);
    line-height: 24px;
    margin-bottom: 50px
}

.swiper-slide .btn-banner {
    display: block;
    width: 228px;
    height: 56px;
    line-height: 56px;
    background: #e61b46;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.swiper-slide .btn-banner:hover {
    background: #f8355e;
    text-decoration: none
}

.swiper-slide .btn-banner:active {
    background: #d8123c;
    text-decoration: none
}

.swiper-container-horizontal>.swiper-pagination {
    width: 100%;
    bottom: 110px;
    left: auto;
    right: auto;
    text-align: center
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 36px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    opacity: .5;
    margin: 0 8px
}

.swiper-pagination-bullet-active {
    background: #e61b46;
    opacity: 1
}

.btn-download {
    display: block;
    width: 228px;
    height: 56px;
    line-height: 56px;
    background: #e61b46;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    transition: all .15s ease-in-out
}

.btn-download:hover {
    background: #f8355e
}

.btn-download:active, .btn-download:visited {
    background: #d8123c
}

@media screen and (max-width:1200px) {
    .main-wrap {
        min-width: auto
    }

    .notice {
        width: 1024px;
        margin-left: -512px
    }

    .swiper-slide .banner-content {
        max-width: 1024px;
        width: auto
    }
    .why-content .left-img-show:before {
        content: "";
    display: block;
    width: 300px;
    height: 200px;
    border-radius: 10px;
    position: absolute;
    left: 44px;
    bottom: 0px;
    overflow: hidden;
    background: url(../img/why-img.ef5b32d.png?v=0.00001) no-repeat;
    background-size: cover;
    /*z-index: 2;*/
    }
    .index-login-page{
        position: absolute;
        left: 15%;
        margin-left: 0px;
        top: 220px;
        border-radius: 24px;
        width: 300px;
        min-height: 100px;
        padding: 24px;
        z-index: 100;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
    }
    .part-two .part-nation, .part-two .why-content {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }

    .why-content .left-img {
        transform: scale(.8);
        transform-origin: 0 0
    }

    .part-three .part-bg {
        width: auto;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }

    .part-three .part-img-show {
        transform: scale(.8);
        transform-origin: right bottom
    }

    .part-five .part-bg, .part-four .part-bg, .part-six .part-bg {
        width: auto;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }

    .part-six .broker p {
        width: auto
    }

    .part-seven .part-bg {
        width: auto;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }

    .safe-list li {
        transform: scale(.8)
    }

    .part-eight .part-bg {
        width: auto;
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }

    .part-eight .part-img-show {
        transform: scale(.8)
    }

    .part-eight h3, .part-eight p {
        width: 400px
    }

    .index-login {
        margin-left: 146px
    }
}

@media screen and (max-width:1024px) {
    .notice {
        width: 768px;
        margin-left: -384px
    }

    .swiper-slide .banner-content {
        max-width: 768px;
        width: auto
    }

    .part-two .part-nation, .part-two .why-content {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .why-content .left-img {
        transform: scale(.6);
        transform-origin: 0 center
    }

    .part-three .part-bg {
        width: auto;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .part-three .part-img-show {
        transform: scale(.6);
        transform-origin: right bottom
    }

    .part-four .part-bg {
        width: auto;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .part-four h3 {
        font-size: 30px
    }

    .service-list li {
        padding: 0 10px
    }

    .service-list li h4 {
        font-size: 20px
    }

    .service-list li p {
        font-size: 12px
    }

    .part-eight .part-bg, .part-five .part-bg, .part-seven .part-bg, .part-six .part-bg {
        width: auto;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .part-eight .part-bg {
        padding-left: 20px
    }

    .part-eight .part-img-show {
        transform: scale(.6);
        transform-origin: right center
    }

    .part-eight h3 {
        width: 350px;
        font-size: 34px
    }

    .part-eight p {
        width: 400px
    }

    .index-login {
        margin-left: 20px
    }
}

@media screen and (max-width:768px) {
    .main-wrap {
        max-width: 100%;
        min-width: 320px
    }

    .notice {
        width: auto;
        margin-left: 0;
        left: 0;
        right: 0;
        top: 56px;
        height: 36px;
        line-height: 36px;
        box-shadow: 0 10px 28px 0 rgba(41, 45, 59, .08);
        opacity: .8;
        font-weight: 500;
        color: #fff;
        background: rgba(0, 0, 0, .8)
    }

    .notice, .notice-inner {
        font-size: 12px
    }

    .notice-close {
        right: 5px
    }

    .notice-inner__title {
        padding: 0 10px 0 40px
    }

    .notice-inner__title:after {
        left: 0
    }

    .notice-marquee {
        padding-right: 30px
    }

    .banner-wrap, .swiper-wrapper {
        height: 450px
    }

    .swiper-slide {
        background-size: cover
    }

    .swiper-slide .banner-content {
        width: auto;
        height: auto;
        padding: 83px 16px 0
    }

    .swiper-slide h2 {
        font-size: 38px;
        font-weight: 600;
        color: #fff;
        line-height: 42px;
        margin-bottom: 20px
    }

    .swiper-slide h2 .break-h5 {
        display: block;
        margin-left: 0
    }

    .swiper-slide p {
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        margin-bottom: 36px
    }

    .swiper-slide p .break-h5 {
        display: block
    }

    .swiper-slide .btn-03 {
        width: 120px;
        height: 40px;
        line-height: 38px;
        background: #e61b46;
        border-radius: 20px;
        font-weight: 700
    }

    .index-login {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: auto;
        padding: 32px 32px 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .index-login-item__label {
        display: none
    }

    .index-login__agreement {
        margin-top: 24px
    }

    .area-code__options {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        min-height: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }

    .area-code__search, .desktop-list {
        display: none
    }

    .mobile-list {
        display: block;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding-top: 40px
    }

    .mobile-list__head {
        position: fixed;
        right: 0;
        background: #fff;
        z-index: 11000
    }

    .mobile-list__close, .mobile-list__head {
        left: 0;
        top: 0;
        height: 40px;
        line-height: 40px
    }

    .mobile-list__close {
        width: 40px;
        position: absolute;
        text-align: center;
        font-size: 20px
    }

    .mobile-list__head-title {
        text-align: center;
        font-size: 14px;
        color: #333;
        font-weight: 700
    }

    .mobile-list dl {
        padding: 0 20px
    }

    .mobile-list dt {
        font-size: 14px;
        color: #999;
        line-height: 20px;
        padding: 25px 0 20px
    }

    .mobile-list dd {
        position: relative;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center
    }

    .mobile-list dd:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #d8d8d8;
        pointer-events: none;
        transform: scaleY(.5)
    }

    .area-code__box, .area-code__box ul {
        height: 100%
    }

    .html-no-scroll {
        overflow: hidden;
        height: 100%
    }

    .part-two {
        height: auto
    }

    .part-two:after, .part-two:before {
        display: none
    }

    .part-two .part-nation {
        top: 0;
        margin: 0 auto;
        padding: 68px 0 0;
        height: auto;
        min-height: 795px;
        border-radius: 0;
        box-shadow: none
    }

    .main-title {
        font-size: 22px;
        font-weight: 600;
        color: #030810;
        line-height: 26px;
        margin-bottom: 16px
    }

    .main-title .break-h5 {
        display: block
    }

    .part-two .part-nation .line {
        display: none
    }

    .main-title-p {
        font-size: 14px;
        color: #9b9ea3;
        line-height: 20px;
        padding: 0 10px
    }

    .main-title-p .break-pc {
        display: inline
    }

    .main-title-p .break-h5 {
        display: block
    }

    .part-two .varied-trade {
        margin-top: 44px;
        padding-bottom: 24px
    }

    .varied-trade a {
        width: 50%;
        background-size: 78px;
        margin-bottom: 44px;
        padding-top: 88px
    }

    .varied-trade h4 {
        font-size: 16px;
        font-weight: 600;
        color: #030810;
        line-height: 18px;
        margin-bottom: 8px
    }

    .varied-trade p {
        font-size: 12px;
        color: #4f545e;
        line-height: 17px
    }

    .why-content {
        background: #f7fafe;
        min-height: 500px
    }

    .why-content .why-banner {
        display: block;
        padding-top: 68px;
        margin-bottom: 44px
    }

    .why-content .left-img {
        display: none
    }

    .why-content .right-wrap {
        width: auto
    }

    .why-content .main-title {
        text-align: center
    }

    .why-content .line, .why-content .main-title-p {
        display: none
    }

    .why-list {
        flex-wrap: wrap;
        justify-content: left
    }

    .why-list li {
        width: 33%;
        padding-bottom: 40px
    }

    .why-list li:before {
        width: 72px;
        height: 72px;
        margin-bottom: 6px
    }

    .why-list p {
        font-size: 16px;
        font-weight: 600;
        color: #030810;
        line-height: 18px;
        margin-bottom: 8px
    }

    .why-list span {
        font-size: 12px;
        color: #4f545e;
        line-height: 14px
    }

    .part-three {
        height: auto;
        background: #f7fafe url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/part-three-mobile.a658d79.png) top/cover no-repeat
    }

    .part-three .part-bg {
        width: auto;
        padding-top: 68px;
        text-align: center;
        min-height: 518px
    }

    .part-three h3 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        line-height: 26px;
        margin-bottom: 16px
    }

    .part-three p {
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        margin-bottom: 50px
    }

    .part-three .part-img-show {
        width: 313px;
        height: 175px;
        position: static;
        margin: 0 auto;
        transform: scale(1)
    }

    .part-three .btn-03 {
        position: absolute;
        left: 50%;
        bottom: 68px;
        width: 200px;
        height: 48px;
        margin-left: -100px;
        line-height: 48px;
        background: #e61b46;
        border-radius: 24px
    }

    .part-three .btn-03:hover {
        background: #f8355e;
        text-decoration: none
    }

    .part-three .btn-03:active {
        background: #d8123c;
        text-decoration: none
    }

    .part-four {
        height: auto
    }

    .part-four .part-bg {
        top: 0;
        width: auto;
        height: auto;
        padding-top: 68px;
        text-align: center;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 36px
    }

    .part-four .part-bg h3 {
        font-size: 22px;
        font-weight: 600;
        color: #030810;
        line-height: 28px;
        margin: 0 16px 44px
    }

    .part-four .part-bg h3 .break-h5 {
        display: block
    }

    .service-list {
        display: block;
        margin: 0 16px
    }

    .service-list li {
        min-height: 142px;
        background: #fff;
        box-shadow: 0 4px 12px 0 rgba(86, 93, 103, .12);
        border-radius: 8px;
        margin-bottom: 32px;
        width: auto;
        text-align: left;
        position: relative;
        padding-left: 88px;
        padding-bottom: 24px
    }

    .service-list li .list-img {
        position: absolute;
        left: 0;
        top: 8px;
        width: 84px;
        height: 84px;
        background-size: 65px;
        background-position: center 15px
    }

    .service-list li h4 {
        font-size: 16px;
        font-weight: 600;
        color: #030810;
        line-height: 18px;
        padding-top: 24px;
        margin-bottom: 12px
    }

    .service-list li p {
        font-size: 12px;
        color: #4f545e;
        line-height: 16px;
        height: auto
    }

    .service-list li .btn-02 {
        width: auto;
        height: auto;
        border: 0;
        font-size: 12px;
        font-weight: 500;
        color: #9b9ea3;
        line-height: 14px;
        margin-top: 20px
    }

    .service-list li .btn-02:hover {
        color: #f8355e;
        text-decoration: none
    }

    .service-list li .btn-02:after {
        opacity: .6
    }

    .part-five {
        height: auto;
        padding: 0
    }

    .part-five .part-bg {
        top: 0;
        width: auto;
        height: auto;
        padding-top: 68px;
        text-align: center;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 54px
    }

    .part-five .part-bg h3 {
        font-size: 22px;
        font-weight: 600;
        color: #030810;
        line-height: 28px;
        margin: 0 16px 44px
    }

    .cost-table {
        border-radius: 8px;
        min-height: auto;
        margin: 0 16px 23px
    }

    .cost-table th {
        background: #e61b46;
        color: #fff;
        height: 52px;
        font-size: 12px
    }

    .cost-table td {
        font-size: 12px;
        padding: 0 5px;
        height: 60px
    }

    .cost-table tbody tr:first-child td {
        font-size: 12px
    }

    .cost-table tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .cost-table tbody tr:nth-child(2n) {
        background-color: #f5f8fc
    }

    .part-five .part-bg .btn-02 {
        border: 0;
        font-size: 12px;
        color: #9b9ea3
    }

    .part-five .part-bg .btn-02:after {
        opacity: .7
    }

    .part-six {
        height: auto;
        padding: 0
    }

    .part-six .part-bg {
        top: 0;
        width: auto;
        height: auto;
        padding-top: 68px;
        text-align: center;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 52px
    }

    .part-six .part-bg h3 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        line-height: 28px;
        margin: 0 16px 16px
    }

    .part-six .broker {
        margin-bottom: 48px
    }

    .part-six .broker p {
        width: auto;
        font-size: 14px;
        color: #fff;
        line-height: 18px;
        margin: 0 45px
    }

    .part-six .licence {
        margin: 0 39px 18px
    }

    .part-six .paizhao-img {
        max-width: 100%;
        width: auto;
        height: auto;
        margin-bottom: 20px
    }

    .part-six .paizhao-img-01 {
        max-width: 95%;
        width: auto;
        height: auto;
        margin-bottom: 0
    }

    .part-six .btn-02 {
        border: 0;
        font-size: 12px
    }

    .part-seven {
        height: auto;
        padding: 0
    }

    .part-seven .part-bg {
        top: 0;
        width: auto;
        height: auto;
        padding-top: 68px;
        text-align: center;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 52px
    }

    .part-seven .part-bg h3 {
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        line-height: 28px;
        margin: 0 16px 44px
    }

    .safe-list {
        display: block
    }

    .safe-list li {
        margin: 0 16px 32px;
        border-radius: 8px;
        width: auto;
        height: auto;
        min-height: 107px;
        position: relative;
        padding: 20px 33px 20px 104px;
        text-align: left;
        transform: scale(1)
    }

    .safe-list li:before {
        position: absolute;
        left: 22px;
        top: 28px;
        width: 62px;
        height: 62px;
        margin-bottom: 0
    }

    .safe-list li h4 {
        font-size: 16px;
        font-weight: 600;
        color: #030810;
        line-height: 18px;
        margin-bottom: 9px
    }

    .safe-list li p {
        font-size: 12px;
        color: #4f545e;
        line-height: 16px
    }

    .part-eight {
        height: auto;
        padding: 0
    }

    .part-eight .part-bg {
        top: 0;
        width: auto;
        height: auto;
        padding-top: 68px;
        text-align: center;
        border-radius: 0;
        box-shadow: none;
        padding-bottom: 54px;
        padding-left: 0
    }

    .part-eight .part-bg h3 {
        width: auto;
        font-size: 22px;
        font-weight: 600;
        color: #030911;
        line-height: 28px;
        margin: 0 16px 16px
    }

    .part-eight p {
        width: auto;
        font-size: 14px;
        color: #4f545e;
        line-height: 20px;
        margin-bottom: 34px
    }

    .part-eight .part-img-show {
        transform: scale(1);
        position: static;
        width: 224px;
        height: 224px;
        margin: 0 auto;
        border-radius: 8px;
        background: url('../img/part-eight-img-mobile.b15dd15.png') 0 0/224px no-repeat
    }

    .kf-online {
        width: 48px;
        background: none;
        padding-left: 0
    }

    .kf-online a {
        text-indent: -999em;
        display: block;
        position: relative;
        z-index: 2
    }

    .kf-online:after {
        width: 48px;
        height: 48px;
        top: 0;
        left: 0;
        background: url(https://r.hstong.com/fe/hs-web-nuxt-www-vbkr/img/kefu-online-mobile.dc2aeef.png) 0 0/48px no-repeat
    }

    .kf-online:hover {
        background: none
    }

    .swiper-container-horizontal>.swiper-pagination {
        bottom: 15px
    }

    .swiper-pagination-bullet {
        width: 12px;
        height: 2px;
        background: #fff;
        border-radius: 1px;
        margin: 0 4px
    }

    .swiper-pagination-bullet-active {
        background: #e61b46;
        opacity: 1
    }
}

.banner-wrap .video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-wrap .video-box video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner-wrap .sw-piece {
    position: relative;
    height: 680px;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-color: #070b1f
}

.banner-wrap .sw-piece .s-ico-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    background: url("data:image/png;base64,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") no-repeat top;
    transition: .5s ease
}

.banner-wrap .sw-piece .s-ico-play:hover {
    transform: scale(1.2)
}

.open-account-hidden {
    display: none
}

@media screen and (max-width:960px) {
    .banner-wrap .sw-piece {
        background-size: cover
    }

    .banner-wrap .sw-piece .s-ico-play {
        top: 32%;
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
        background-size: cover
    }
}