:root {
    --primary-color: #6485fe;
    --primary-main-bg: #1b1b1c;
    --y-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.42);
    --y-h5-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.42);
    --fifa_world_cup_banner: url("../static/images/2026_fifa_world_cup_banner.png");
    --fifa_world_cup_web_banner: url("../static/images/2026_fifa_world_cup_web_banner.png");
    --online_customer_service_url: url("../static/images/wechat.svg");
    --online_letstalk_customer_service_url: url("../static/images/qq.svg")
}

.content-site01 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: var(--fifa_world_cup_web_banner);
    background-size: cover
}

.content-site01 .wrapper-site01 {
    position: relative;
    width: 1200px;
    display: flex;
    flex-direction: column
}

.content-site01 .wrapper-site01 .bannerWrapper {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.content-site01 .wrapper-site01 .bannerWrapper h1, .content-site01 .wrapper-site01 .bannerWrapper h2 {
    width: 100%;
    font-size: 70px;
    letter-spacing: 4px;
    z-index: 2;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #e8e8e8, #c1c1c1);
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-site01 .wrapper-site01 .bannerWrapper h2 {
    font-size: 55px;
    letter-spacing: 2px
}

.content-site01 .wrapper-site01 .bannerWrapper h2 span {
    color: #617ee4;
    background-image: linear-gradient(to bottom, #829cfd, #617ee4);
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-site01 .wrapper-site01 .bannerWrapper .logos {
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative
}

.content-site01 .wrapper-site01 .bannerWrapper .logos .img {
    position: relative
}

.content-site01 .wrapper-site01 .bannerWrapper .logos .img img {
    height: 46px;
    width: auto;
    margin: 0 10px
}

.content-site01 .wrapper-site01 .bannerWrapper .logos::before {
    content: "";
    display: block;
    position: absolute;
    left: -81px;
    width: 71px;
    height: 20px;
    background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0QkJGOTE5NEJGQjExRUY5QzUxOTdDNUJENThBNDZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0QkJGOTFBNEJGQjExRUY5QzUxOTdDNUJENThBNDZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTRCQkY5MTc0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTRCQkY5MTg0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7de1OOAAADvElEQVR42uSYaUhUURTHHacx18qMivaJComM9qiBSDNLaKUFo432jWynqKhoMyorgoog2yNaqAzMiSSpLxUV9SFIK1AMzBIq0zA1nf4H/g8uj/dm3psPgs2B37yZ+96d9+655/zvuc/hSZkWFiIWDnoBN4gC5eA9qDXr0CpEHDMIZIB5oCvbqkEhOAuegN9G3vyfrSM4Bh6BrYpjxOLAFHAfPASjQ8k5bg58A+jAthtgBJgAloKLoAp4wAMwv6WlVTfgAJ9t9IkE28FI8I5tAxgML5XrckAyuA3a87ek273mjBwXiA2in4T+SVAA+tnUGImMCjAHLGH7LGpMXxDDVJLIaqs85xEKd1DOcdnsl0Dh2wsibN7rMphOxxRw0FbsAI87GDkSLWVsW87nKWQqTQY1YBKd2QcsDMY5MvunwEGLKZlAsfNwhg4z5K2YDEytM7oDLxgcoF87kMIV6IKSZm34XRzRGQxnxDSBtSAP7OM1PcU3mnNmcsDRfm4aQ+VfRuXPCvCQTnALDFXa1vE/nAH67mGk6a0TuAPG+OmbxmMJ8PH7JjpNomc2nymH54rAc36/qmixQz4WgEtsjObA6wxuKiKVqvzeDOKZ20b10zWKnd5Wgf5grMG51iAbrKYIG5noQT7T4bHB+SE8/mEazmXU+jhZ+Ty/m1oUSakQq6cDI7S0qmKjWKXibb1VGLR99TODcq7R5FypSbuP/eoCRFY1B29k2j0XgzecRCfTp0a5rpz/0ZuZozkoQvOBs4c7sRjHpyylj4IGk5vmcWY9/L0F7De5tokzlMQoUU3SN9PPwORZfrEWMYqeT2AiB262wmWw4n0NPrJN9HIgA0DsnPJsycwa2Uqs4X/nOmzurWRPshP8BMfBXwu642U6ysB3cQLqLdxL0u+0ru0DHVMSQBslQl6BdGaGm4vBVJ5rpBg38neckkXSfl7kwu5qVctczbbgGC0SJGTvMsoOWXSM2Bk+pGYS2eMDOCaMESP6OIyObKBTV1JPYumAm2AcVzZx4jNl9ZJs8jmaaVcezihqCKJ0kKItEczwo1V6ky3CC/CDguyljsjG8wonzaXTVy9TuZhp9qW5KuSmIByj1STrObOlNvq9ZXTHcz+VyXSLUsTaR/FNpc6lMapXiGNayt6qMog+9aynkjjoE3RIHM934fKezpLCxVVyEYvH//59TjkLPqnDNnKl0ixL58hcsI0FYci8z6lieo3idqRIWa2+U/CTuSEtCtU3gWVcKa/zFYhUxd8ovmbFZNg/AQYAkmPedFK4ETAAAAAASUVORK5CYII=")
}

.content-site01 .wrapper-site01 .bannerWrapper .logos::after {
    content: "";
    display: block;
    position: absolute;
    right: -81px;
    width: 71px;
    height: 20px;
    background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1MEM2QjUxNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1MEM2QjUyNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTUwQzZCNEY0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTUwQzZCNTA0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wT/k3AAADwElEQVR42uSYWUhUURjHx2ZMS1slMSvFFsoKaS8TxCwyKdppf7CCSmjBClrsoU2EyrCgyKJFI1psj9SyxeqhzR7aeylKo03HLJOy1Pp/8b9xGOde7wwk6HzwY+495557zv3Ot53xioqdaDEQH9ADhIIqUARegWqLB4hNp90bjABzQRxoB36DD+AkOApuN3XlNHPS1hfkgotgBhUj4gU6giXgMtgPOnuS5cSDDNAFVFBBN8FLUAtiQDLwB/PAMDATPGrqyhE3ygQdQCVYSPfRxApief2Uv31ACphFZZqVNrTCF43BrYLBZipGxJeWEUMrCQEbwBr2LwfjQDF/R7swZyC4QgsNcmPNLUCrhlKOxJJRYDj4yAD8hW0XwHW6VjLHvAdPwGuQwLYk0NrEfN3ANTAIRIPDSkwza+mLuZ7uLn6rjzvKkQnDeb8L5IPZvPfnh4RSYRYqwcpryViHQJSJ4NwTnKcraiIbsNGF9a4FW0A/kAPCTI4TSz9ucgPrWI4v7/OYsu+Dx2w7wl2OY2D2AyvY9x0U8jraYJ7+IBv0dtInlrDbxFpT6NqaSP11lm5mJKtAGhjPDBto8KwvFSlr8rYpafoTsCv3frxOVxQgCzwAloHm3I327BugM2FXcM+gphJZxEVPBzVO+rMUa1YlAhSAoTrv3aTESfmmqUwE8ToJZCXH/E1ANodspAXoafwoUVa58oxaGSeSaid9qkgJUGoi+BbV01erU5cVG4wr5bqsSpud3uFMypQ1l9uUmwAQSe2msj2Au5bEjLZNeclD0JJ+L7v+QGdCCdxDwCkwWOeZVCXgO5N14LMyvyYFXK+e7ABfae21dCsJCd90nt/LPjkqnbBxUIUSkP2p2UoeIyJZMXuz7xb98jkzQCbT+Q2DRcruTpYJ+T5VJI6sNxFz0rjODN4X1qMYTQ7S4qRgXQp+GDxbTWP4F5Br+KEW1g/PwAQWhSOp7bZUTBHjTSGVF07F5PPcZSRvGRTVM9lpsN2FBCJrWQCu0vXtLoxLrEcxdcSLp3Ip/o6xApajwECHGGJn4N3HxVnoInlsn8TMYUZE0WfATzAHlLhR1Utw/dVQFXIJa4h3zAB3GdG1NJng8Lx81CUqJps1h1mRAD8GzHdDMZrp/3fFOJ6tRCFT6HOSls/RBXIY1ETG0qUiOFb6V9MKXJEqulmjOpXf4XlqKwNotENxF0TKWLilu+D3jU6sIWG9HNsqaDW5zGTBTNmVDMh7GJSzWSF73D+BNXQfCc47QSf6ubjCG4uH/E36R4ABAJrp2YQsTsYaAAAAAElFTkSuQmCC")
}

.content-site01 .wrapper-site01 .section {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 1200px;
    margin: 30px auto 0
}

.content-site01 .wrapper-site01 .section .concatWrapper {
    margin-right: 90px;
    text-align: center;
    margin-top: -30px
}

.content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
    width: 440px;
    height: auto
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat {
    width: 470px;
    background-color: rgba(54, 54, 55, .85);
    box-shadow: var(--y-shadow);
    border-radius: 15px;
    border: 1px solid hsla(0, 0%, 100%, .0784313725)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle {
    font-size: 16px;
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    height: 40px;
    color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle span {
    color: #6485fe
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon {
    text-align: left;
    padding-left: 40px;
    display: block;
    flex: 1;
    height: 36px;
    line-height: 36px;
    background-image: var(--online_letstalk_customer_service_url);
    background-position: left center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    line-height: 14px;
    font-weight: 600;
    font-size: 14px
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .number {
    margin-left: 5px;
    padding: 5px 10px;
    border-radius: 10px;
    background: hsla(0, 0%, 100%, .062745098)
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy {
    min-width: 68px;
    padding: 0 10px;
    color: #6485fe;
    height: 28px;
    line-height: 26px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #6485fe;
    margin-right: 10px;
    cursor: pointer;
    transition: all .2s ease
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy:hover {
    opacity: .9
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down {
    padding: 0 10px;
    min-width: 88px;
    display: block;
    cursor: pointer;
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    background-color: #6485fe;
    color: hsla(0, 0%, 100%, .8980392157);
    transition: all .2s ease
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down:hover {
    opacity: .9
}

.content-site01 .wrapper-site01 .section .concatWrapper .concat .customer .icon {
    background-image: var(--online_customer_service_url);
    background-size: 36px 36px
}

.content-site01 .wrapper-site01 .section .listWrapper {
    width: 504px;
    padding-top: 28px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.content-site01 .wrapper-site01 .section .listWrapper > li {
    width: 240px;
    background-color: rgba(54, 54, 55, .85);
    border: 1px solid hsla(0, 0%, 100%, .0784313725);
    box-shadow: var(--y-shadow);
    margin-bottom: 24px;
    margin-right: 24px;
    border-radius: 16px;
    cursor: pointer;
    transition: all .3s ease
}

.content-site01 .wrapper-site01 .section .listWrapper > li > div {
    cursor: pointer
}

.content-site01 .wrapper-site01 .section .listWrapper > li:hover {
    transform: scale(1.05)
}

.content-site01 .wrapper-site01 .section .listWrapper > li:nth-child(2n) {
    margin-right: 0
}

.content-site01 .wrapper-site01 .section .listWrapper > li .logo {
    height: 80px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .062745098);
    display: flex;
    align-items: center;
    justify-content: center
}

.content-site01 .wrapper-site01 .section .listWrapper > li .logo img {
    height: 80px;
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.content-site01 .wrapper-site01 .section .listWrapper > li .content {
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.content-site01 .wrapper-site01 .section .listWrapper > li .content h3 {
    font-size: 18px;
    color: hsla(0, 0%, 100%, .8980392157)
}

.content-site01 .wrapper-site01 .section .listWrapper > li .content p {
    margin-top: 5px;
    font-size: 14px;
    color: #999
}

@media screen and (max-width: 1200px)and (min-width: 767px) {
    .content-site01 {
        min-height: 100vh;
        height: auto;
        align-items: flex-start;
        padding-top: 6%;
        padding-bottom: 6%
    }

    .content-site01 .wrapper-site01 .section {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .content-site01 .wrapper-site01 .section .concatWrapper {
        width: 650px;
        margin-right: 0;
        display: block
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat {
        width: 100%
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
        width: 85%
    }

    .content-site01 .wrapper-site01 .section .listWrapper {
        width: 650px;
        gap: 24px
    }

    .content-site01 .wrapper-site01 .section .listWrapper li {
        width: calc(50% - 12px);
        margin-right: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .content-site01 {
        display: block;
        background-image: none
    }

    .content-site01 .wrapper-site01 {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding-bottom: 15.996vw;
        width: initial
    }

    .content-site01 .wrapper-site01 .bannerWrapper {
        position: relative;
        width: 100%;
        height: 46.1218vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: center/cover no-repeat var(--fifa_world_cup_banner)
    }

    .content-site01 .wrapper-site01 .bannerWrapper h1, .content-site01 .wrapper-site01 .bannerWrapper h2 {
        letter-spacing: initial;
        width: 100%;
        z-index: 2;
        font-size: 9.331vw;
        font-weight: bold;
        background-image: linear-gradient(to bottom, #e8e8e8, #c1c1c1);
        color: #fff;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0)
    }

    .content-site01 .wrapper-site01 .bannerWrapper h2 {
        font-size: 7.998vw
    }

    .content-site01 .wrapper-site01 .bannerWrapper h2 span {
        font-weight: bold;
        color: #617ee4;
        background-image: linear-gradient(to bottom, #829cfd, #617ee4);
        color: #fff;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0)
    }

    .content-site01 .wrapper-site01 .bannerWrapper .logos {
        margin: 3.999vw auto 0;
        display: flex;
        align-items: center;
        width: max-content;
        position: relative
    }

    .content-site01 .wrapper-site01 .bannerWrapper .logos .img {
        position: relative
    }

    .content-site01 .wrapper-site01 .bannerWrapper .logos .img img {
        height: 6.1318vw;
        width: auto;
        margin: 0 1.333vw
    }

    .content-site01 .wrapper-site01 .bannerWrapper .logos::before {
        content: "";
        display: block;
        position: absolute;
        left: -14.3964vw;
        width: 13.5966vw;
        height: 3.7324vw;
        background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0QkJGOTE5NEJGQjExRUY5QzUxOTdDNUJENThBNDZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0QkJGOTFBNEJGQjExRUY5QzUxOTdDNUJENThBNDZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTRCQkY5MTc0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTRCQkY5MTg0QkZCMTFFRjlDNTE5N0M1QkQ1OEE0NkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7de1OOAAADvElEQVR42uSYaUhUURTHHacx18qMivaJComM9qiBSDNLaKUFo432jWynqKhoMyorgoog2yNaqAzMiSSpLxUV9SFIK1AMzBIq0zA1nf4H/g8uj/dm3psPgs2B37yZ+96d9+655/zvuc/hSZkWFiIWDnoBN4gC5eA9qDXr0CpEHDMIZIB5oCvbqkEhOAuegN9G3vyfrSM4Bh6BrYpjxOLAFHAfPASjQ8k5bg58A+jAthtgBJgAloKLoAp4wAMwv6WlVTfgAJ9t9IkE28FI8I5tAxgML5XrckAyuA3a87ek273mjBwXiA2in4T+SVAA+tnUGImMCjAHLGH7LGpMXxDDVJLIaqs85xEKd1DOcdnsl0Dh2wsibN7rMphOxxRw0FbsAI87GDkSLWVsW87nKWQqTQY1YBKd2QcsDMY5MvunwEGLKZlAsfNwhg4z5K2YDEytM7oDLxgcoF87kMIV6IKSZm34XRzRGQxnxDSBtSAP7OM1PcU3mnNmcsDRfm4aQ+VfRuXPCvCQTnALDFXa1vE/nAH67mGk6a0TuAPG+OmbxmMJ8PH7JjpNomc2nymH54rAc36/qmixQz4WgEtsjObA6wxuKiKVqvzeDOKZ20b10zWKnd5Wgf5grMG51iAbrKYIG5noQT7T4bHB+SE8/mEazmXU+jhZ+Ty/m1oUSakQq6cDI7S0qmKjWKXibb1VGLR99TODcq7R5FypSbuP/eoCRFY1B29k2j0XgzecRCfTp0a5rpz/0ZuZozkoQvOBs4c7sRjHpyylj4IGk5vmcWY9/L0F7De5tokzlMQoUU3SN9PPwORZfrEWMYqeT2AiB262wmWw4n0NPrJN9HIgA0DsnPJsycwa2Uqs4X/nOmzurWRPshP8BMfBXwu642U6ysB3cQLqLdxL0u+0ru0DHVMSQBslQl6BdGaGm4vBVJ5rpBg38neckkXSfl7kwu5qVctczbbgGC0SJGTvMsoOWXSM2Bk+pGYS2eMDOCaMESP6OIyObKBTV1JPYumAm2AcVzZx4jNl9ZJs8jmaaVcezihqCKJ0kKItEczwo1V6ky3CC/CDguyljsjG8wonzaXTVy9TuZhp9qW5KuSmIByj1STrObOlNvq9ZXTHcz+VyXSLUsTaR/FNpc6lMapXiGNayt6qMog+9aynkjjoE3RIHM934fKezpLCxVVyEYvH//59TjkLPqnDNnKl0ixL58hcsI0FYci8z6lieo3idqRIWa2+U/CTuSEtCtU3gWVcKa/zFYhUxd8ovmbFZNg/AQYAkmPedFK4ETAAAAAASUVORK5CYII=")
    }

    .content-site01 .wrapper-site01 .bannerWrapper .logos::after {
        content: "";
        display: block;
        position: absolute;
        right: -14.3964vw;
        width: 13.5966vw;
        height: 3.7324vw;
        background: center/cover no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAUCAYAAADfqiBGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1MEM2QjUxNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1MEM2QjUyNEJGQjExRUY4QjQ2OEQzMDFDQTNCNkZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTUwQzZCNEY0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTUwQzZCNTA0QkZCMTFFRjhCNDY4RDMwMUNBM0I2RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6wT/k3AAADwElEQVR42uSYWUhUURjHx2ZMS1slMSvFFsoKaS8TxCwyKdppf7CCSmjBClrsoU2EyrCgyKJFI1psj9SyxeqhzR7aeylKo03HLJOy1Pp/8b9xGOde7wwk6HzwY+495557zv3Ot53xioqdaDEQH9ADhIIqUARegWqLB4hNp90bjABzQRxoB36DD+AkOApuN3XlNHPS1hfkgotgBhUj4gU6giXgMtgPOnuS5cSDDNAFVFBBN8FLUAtiQDLwB/PAMDATPGrqyhE3ygQdQCVYSPfRxApief2Uv31ACphFZZqVNrTCF43BrYLBZipGxJeWEUMrCQEbwBr2LwfjQDF/R7swZyC4QgsNcmPNLUCrhlKOxJJRYDj4yAD8hW0XwHW6VjLHvAdPwGuQwLYk0NrEfN3ANTAIRIPDSkwza+mLuZ7uLn6rjzvKkQnDeb8L5IPZvPfnh4RSYRYqwcpryViHQJSJ4NwTnKcraiIbsNGF9a4FW0A/kAPCTI4TSz9ucgPrWI4v7/OYsu+Dx2w7wl2OY2D2AyvY9x0U8jraYJ7+IBv0dtInlrDbxFpT6NqaSP11lm5mJKtAGhjPDBto8KwvFSlr8rYpafoTsCv3frxOVxQgCzwAloHm3I327BugM2FXcM+gphJZxEVPBzVO+rMUa1YlAhSAoTrv3aTESfmmqUwE8ToJZCXH/E1ANodspAXoafwoUVa58oxaGSeSaid9qkgJUGoi+BbV01erU5cVG4wr5bqsSpud3uFMypQ1l9uUmwAQSe2msj2Au5bEjLZNeclD0JJ+L7v+QGdCCdxDwCkwWOeZVCXgO5N14LMyvyYFXK+e7ABfae21dCsJCd90nt/LPjkqnbBxUIUSkP2p2UoeIyJZMXuz7xb98jkzQCbT+Q2DRcruTpYJ+T5VJI6sNxFz0rjODN4X1qMYTQ7S4qRgXQp+GDxbTWP4F5Br+KEW1g/PwAQWhSOp7bZUTBHjTSGVF07F5PPcZSRvGRTVM9lpsN2FBCJrWQCu0vXtLoxLrEcxdcSLp3Ip/o6xApajwECHGGJn4N3HxVnoInlsn8TMYUZE0WfATzAHlLhR1Utw/dVQFXIJa4h3zAB3GdG1NJng8Lx81CUqJps1h1mRAD8GzHdDMZrp/3fFOJ6tRCFT6HOSls/RBXIY1ETG0qUiOFb6V9MKXJEqulmjOpXf4XlqKwNotENxF0TKWLilu+D3jU6sIWG9HNsqaDW5zGTBTNmVDMh7GJSzWSF73D+BNXQfCc47QSf6ubjCG4uH/E36R4ABAJrp2YQsTsYaAAAAAElFTkSuQmCC")
    }

    .content-site01 .wrapper-site01 .section {
        display: block;
        width: initial;
        margin: 5.332vw 0 0;
        background-color: hsla(0, 0%, 100%, .0784313725);
        border-radius: 3.1992vw;
        border: 1px solid hsla(0, 0%, 100%, .0784313725);
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        border: none;
        padding: 0 5.332vw
    }

    .content-site01 .wrapper-site01 .section .concatWrapper {
        margin-top: 0;
        margin-right: 0
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concatBanner {
        display: none
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat {
        width: initial
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle {
        text-align: left;
        font-size: 2.666vw;
        color: hsla(0, 0%, 100%, .8980392157);
        padding: 2.666vw 5.332vw 0;
        height: auto
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .concatTitle span {
        color: #6485fe
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk {
        height: 11.4638vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5.332vw;
        font-size: 2.666vw;
        color: hsla(0, 0%, 100%, .8980392157)
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon {
        text-align: left;
        padding-left: 7.1982vw;
        width: max-content;
        height: 6.3984vw;
        line-height: 6.3984vw;
        background-image: var(--online_letstalk_customer_service_url);
        background-size: 6.3984vw 6.3984vw;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 2.666vw
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .tip {
        height: 4.7988vw;
        line-height: 4.7988vw;
        background-color: #2d2d2e;
        border-radius: 2.3994vw;
        margin-left: 2.1328vw
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .icon .number {
        background: rgba(0, 0, 0, 0);
        padding: 0;
        margin-left: 2.1328vw
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns {
        display: flex;
        align-items: center;
        font-size: 3.1992vw;
        text-align: center;
        justify-content: space-between
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .copy {
        min-width: 12.7968vw;
        padding: 0 2.666vw;
        color: #6485fe;
        height: 5.8652vw;
        line-height: 5.332vw;
        border-radius: 3.1992vw;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #6485fe;
        margin-right: 2.1328vw;
        cursor: pointer
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .letstalk .btns .down {
        min-width: 18.1288vw;
        padding: 0 2.666vw;
        display: block;
        cursor: pointer;
        border-radius: 3.1992vw;
        height: 5.8652vw;
        line-height: 5.8652vw;
        background-color: #6485fe;
        color: hsla(0, 0%, 100%, .8980392157)
    }

    .content-site01 .wrapper-site01 .section .concatWrapper .concat .customer .icon {
        background-image: var(--online_customer_service_url);
        background-size: 6.3984vw 6.3984vw
    }

    .content-site01 .wrapper-site01 .section .listWrapper {
        width: initial;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        box-shadow: none;
        padding-top: 0
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li {
        width: 43.4558vw;
        background-color: hsla(0, 0%, 100%, .0784313725);
        margin-top: 3.7324vw;
        border: 1px solid hsla(0, 0%, 100%, .0784313725);
        border-radius: 3.1992vw;
        cursor: pointer;
        transition: all .3s ease;
        box-shadow: var(--y-h5-shadow);
        margin-right: 0;
        margin-bottom: 0
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li:nth-child(2n) {
        margin-right: 0
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li:hover {
        transform: scale(1)
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li .logo {
        height: 13.33vw;
        border-bottom: 1px solid hsla(0, 0%, 100%, .062745098);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li .logo img {
        height: 12.7968vw;
        width: auto
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li .content {
        height: 10.664vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li .content h3 {
        font-size: 3.7324vw;
        color: hsla(0, 0%, 100%, .8980392157)
    }

    .content-site01 .wrapper-site01 .section .listWrapper > li .content p {
        margin-top: .2666vw;
        font-size: 2.666vw;
        color: #999
    }
}

/*# sourceMappingURL=style.css.map */