div[data-v-aa9a5642] {
    cursor: default
}

svg[data-v-aa9a5642] {
    fill: none
}

.animation[data-v-aa9a5642] {
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    width: 1080px;
    height: 400px;
    overflow: hidden;
    background: url(https://www.kaiyuncdn.com/images/OJYTLba8CQweWIq.png) no-repeat;
    background-size: cover
}

.logos[data-v-aa9a5642] {
    display: flex;
    align-items: center;
    width: 400px;
    height: 320px;
    overflow: hidden;
    border-radius: 0 200px 200px 0;
    background: radial-gradient(166.55% 283.86% at -39.88% 50%, hsla(0, 0%, 100%, 0) 65.64%, rgba(0, 238, 255, .48) 99%)
}

.logosWrap[data-v-aa9a5642] {
    position: relative;
    left: -100%
}

.logos1[data-v-aa9a5642] {
    margin-right: 20px
}

.logos1[data-v-aa9a5642],
.logos2[data-v-aa9a5642] {
    transition: all .2s ease;
    will-change: transform;
    -webkit-animation: logosMoving-data-v-aa9a5642 10s linear 1s infinite both;
    animation: logosMoving-data-v-aa9a5642 10s linear 1s infinite both
}

.logosBox[data-v-aa9a5642] {
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 30px
}

.logosBox1[data-v-aa9a5642],
.logosBox3[data-v-aa9a5642] {
    left: -20%;
    position: relative
}

.logosBox3[data-v-aa9a5642] {
    margin: unset
}

.logosWrap img[data-v-aa9a5642] {
    height: 40px;
    opacity: 0;
    transform: scale3d(0, 0, 0);
    filter: blur(20px);
    transition: all .3s ease-out;
    margin: 4px 14px;
    will-change: transform
}

.logosShow[data-v-aa9a5642] {
    -webkit-animation: logosShow-data-v-aa9a5642 .4s cubic-bezier(.34, 1.56, .64, 1) .2s forwards;
    animation: logosShow-data-v-aa9a5642 .4s cubic-bezier(.34, 1.56, .64, 1) .2s forwards
}

.shibie[data-v-aa9a5642] {
    position: relative;
    left: -60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    box-shadow: 0 0 40px rgba(164, 168, 197, .24);
    background-color: #fff
}

.shibie>img[data-v-aa9a5642] {
    z-index: 99;
    width: 60px
}

.account[data-v-aa9a5642] {
    position: relative;
    left: 90px
}

.lines[data-v-aa9a5642] {
    position: absolute;
    width: 482px;
    height: 100%;
    z-index: -1;
    left: 423px;
    top: 107px
}

.lines svg[data-v-aa9a5642] {
    position: absolute
}

.line1>svg[data-v-aa9a5642]:last-of-type {
    right: 0
}

#line1[data-v-aa9a5642] {
    stroke-dasharray: 60, 600;
    stroke-dashoffset: 24;
    -webkit-animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) infinite forwards;
    animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) infinite forwards
}

.line2[data-v-aa9a5642] {
    position: absolute;
    top: -49px
}

#line2[data-v-aa9a5642] {
    stroke-dasharray: 60, 600;
    stroke-dashoffset: 24;
    -webkit-animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) .6s infinite forwards;
    animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) .6s infinite forwards
}

.line3[data-v-aa9a5642] {
    position: absolute;
    top: 40px
}

.line3>svg[data-v-aa9a5642]:last-of-type {
    position: relative;
    right: -89%;
    top: 87px
}

#line3[data-v-aa9a5642] {
    stroke-dasharray: 60, 600;
    stroke-dashoffset: 24;
    -webkit-animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) .2s infinite forwards;
    animation: line-data-v-aa9a5642 3s cubic-bezier(.77, 0, .175, 1) .2s infinite forwards
}

@-webkit-keyframes logosShow-data-v-aa9a5642 {
    to {
        opacity: 1;
        transform: scaleX(1);
        filter: blur(0)
    }
}

@keyframes logosShow-data-v-aa9a5642 {
    to {
        opacity: 1;
        transform: scaleX(1);
        filter: blur(0)
    }
}

@-webkit-keyframes logosMoving-data-v-aa9a5642 {
    to {
        transform: translateX(105%)
    }
}

@keyframes logosMoving-data-v-aa9a5642 {
    to {
        transform: translateX(105%)
    }
}

@-webkit-keyframes line-data-v-aa9a5642 {
    to {
        stroke-dashoffset: -620
    }
}

@keyframes line-data-v-aa9a5642 {
    to {
        stroke-dashoffset: -620
    }
}

.results[data-v-aa9a5642] {
    position: absolute;
    right: 150px;
    z-index: 99
}

.resultsIcon[data-v-aa9a5642] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: #fff;
    box-shadow: 0 8px 40px rgba(164, 168, 197, .4);
    border-radius: 59px;
    margin-bottom: 38px
}

.resultsIcon[data-v-aa9a5642]:last-of-type {
    margin-bottom: unset
}

.resultsIcon[data-v-aa9a5642]:after {
    position: absolute;
    right: -100%;
    content: "";
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #3b426b
}

.resultsIcon[data-v-aa9a5642]:first-of-type:after {
    content: "下单"
}

.resultsIcon[data-v-aa9a5642]:nth-of-type(2):after {
    content: "领劵"
}

.resultsIcon[data-v-aa9a5642]:nth-of-type(3):after {
    content: "发帖"
}

.resultsIcon[data-v-aa9a5642]:nth-of-type(4):after {
    content: "个人中心";
    right: -83px
}

.rule[data-v-aa9a5642] {
    position: absolute;
    z-index: 99;
    right: 180px
}

.rule img[data-v-aa9a5642] {
    position: absolute;
    z-index: 99;
    width: 94px;
    top: 4px;
    right: -67px
}

.rule>div[data-v-aa9a5642]:first-of-type {
    position: relative;
    right: 100px;
    top: -40px
}

.rule>div[data-v-aa9a5642]:first-of-type:before {
    -webkit-animation: popShow-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .2s infinite;
    animation: popShow-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .2s infinite
}

.rule>div[data-v-aa9a5642]:first-of-type:after,
.rule>div[data-v-aa9a5642]:first-of-type:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    opacity: .5;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #fff 0, #f88787 100%);
    position: absolute;
    transform: scale(0)
}

.rule>div[data-v-aa9a5642]:first-of-type:after {
    -webkit-animation: popShow2-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) infinite;
    animation: popShow2-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) infinite
}

.rule>div[data-v-aa9a5642]:last-of-type {
    position: relative;
    right: 125px;
    top: -90px
}

.rule>div[data-v-aa9a5642]:last-of-type:before {
    -webkit-animation: popShow-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .6s infinite;
    animation: popShow-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .6s infinite
}

.rule>div[data-v-aa9a5642]:last-of-type:after,
.rule>div[data-v-aa9a5642]:last-of-type:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    opacity: .5;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #fff 0, #2e2e2e 100%);
    position: absolute;
    transform: scale(0)
}

.rule>div[data-v-aa9a5642]:last-of-type:after {
    -webkit-animation: popShow2-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .35s infinite;
    animation: popShow2-data-v-aa9a5642 4s cubic-bezier(.5, 1, .89, 1) .35s infinite
}

@-webkit-keyframes popShow-data-v-aa9a5642 {
    25% {
        transform: scale(2);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes popShow-data-v-aa9a5642 {
    25% {
        transform: scale(2);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes popShow2-data-v-aa9a5642 {
    25% {
        transform: scale(2.5);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes popShow2-data-v-aa9a5642 {
    25% {
        transform: scale(2.5);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

img {
    width: auto;
    height: auto
}

.partner.main-home-partner {
    padding-top: 70px
}

.main-home-partner .home-index-h2 {
    font-size: 28px;
    margin-bottom: .5em;
    font-weight: 700;
    letter-spacing: 3px;
    color: #374567;
    text-align: center;
    line-height: 1.5
}

.main-home-partner .cat-home-item-title>p {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #7a8ba6;
    text-align: center;
    margin: 0
}

.main-home-partner.cat-home-item-container {
    padding-bottom: 40px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto
}

.main-home-partner .cat-home-item-container:after {
    content: " ";
    display: block;
    clear: both
}

.main-home-partner .aItem {
    width: 17.64706%;
    float: left;
    margin-bottom: 40px;
    margin-right: 34px;
    text-align: center;
    border: 1px solid #f0f0f0;
    height: 136px;
    position: relative;
    overflow: hidden;
    transition: all .2s ease-out;
    padding-top: 20px
}

.main-home-partner .aItem:nth-of-type(5n) {
    margin-right: 0
}

.main-home-partner .aItem:hover {
    border-color: #3860f4;
    box-shadow: 0 2px 5px rgb(21 188 249/30%);
    padding-top: 0
}

.main-home-partner .aItem>div:first-of-type {
    background-size: 150px;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 96px;
    transition: all .2s ease-out;
    margin-bottom: 20px
}

.main-home-partner .aItem>div:nth-of-type(2) {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    color: #fff;
    background: #3860f4;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    transition: all .2s ease-out
}

.main-home-partner .aItem:hover>div:nth-of-type(2) {
    bottom: 0
}

.data.main-home-worldmap {
    position: relative;
    background: #3860f4;
    height: auto;
    padding-bottom: 64px;
    width: 100%
}

.main-home-worldmap .main {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.main-home-worldmap .main>h2 {
    color: #fff;
    text-align: center;
    font-size: 28px;
    padding-top: 64px;
    font-weight: 700;
    line-height: 56px
}

.main-home-worldmap .content {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    margin-top: 8px
}

.main-home-worldmap .tab-content {
    position: relative;
    clear: both;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, 0));
    background-size: 100% 370px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 32px
}

.main-home-worldmap .tab-content>ul {
    padding: 10px 0 16px 0;
    background-color: hsla(0, 0%, 100%, .03);
    font-size: 0;
    text-align: center
}

.main-home-worldmap .tab-content>ul>li {
    display: inline-block;
    background-size: 24px 24px;
    background-position: left 26px;
    background-repeat: no-repeat;
    width: 170px;
    color: #fff;
    text-align: center;
    vertical-align: top
}

.main-home-worldmap .tab-content>ul>li>div {
    font-size: 24px;
    line-height: 28px
}

.main-home-worldmap .tab-content>ul>li>div>span {
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 0
}

.main-home-worldmap .tab-content>ul>li>p {
    margin-top: 8px;
    font-size: 17px;
    letter-spacing: 1.5px
}

.main-home-worldmap .tab-content>ul>li:first-of-type,
.main-home-worldmap .tab-content>ul>li:nth-of-type(2) {
    margin-right: 65px
}

.main-home-worldmap .tab-content>ul>li:nth-of-type(3) {
    margin-right: 50px
}

.main-home-worldmap img {
    margin-top: 48px;
    width: 1012px;
    margin-left: 34px
}

.main-home-worldmap .mapExplain {
    position: absolute;
    bottom: 70px;
    z-index: 3;
    text-align: left
}

.main-home-worldmap .explainItem {
    margin-bottom: 10px
}

.main-home-worldmap .mapDot {
    position: absolute;
    cursor: default;
    width: 22px;
    height: 22px;
    margin-right: 11px
}

.main-home-worldmap .explainItem>.mapDot {
    position: relative
}

.main-home-worldmap .mapDot:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    opacity: 0
}

.main-home-worldmap .mapDot:after,
.main-home-worldmap .style-1 {
    box-shadow: inset 0 0 5px #00f5ee;
    border-radius: 50%
}

.main-home-worldmap .style-2 {
    box-shadow: 0 0 5px inset#ffbc76;
    border-radius: 50%
}

.main-home-worldmap .style-2:after {
    box-shadow: inset 0 0 5px #ffbc76
}

.main-home-worldmap .dotLayer {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    background-color: #00f5ee;
    border-radius: 50%;
    cursor: pointer
}

.main-home-worldmap .style-2 .dotLayer {
    background-color: #ffbc76
}

.main-home-worldmap .dotLayer:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    box-shadow: inset 0 0 5px #00f5ee;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0
}

.main-home-worldmap .style-2 .dotLayer:after {
    box-shadow: 0 0 5px inset#ffbc76
}

.main-home-worldmap .mapDotText {
    color: #fff;
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

.main-home-worldmap .mapDot,
.main-home-worldmap .mapDotText {
    display: inline-block;
    vertical-align: middle
}

.dotListBox {
    position: absolute;
    width: 1012px;
    height: 490px;
    top: 161px;
    left: 34px
}

.main-home-worldmap .mapDot>span {
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 5px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    white-space: nowrap
}

.main-home-worldmap .mapDot>.left {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 5px
}

.main-home-worldmap .animate:after {
    -webkit-animation: warn 2s ease-out .1s infinite;
    animation: warn 2s ease-out .1s infinite
}

.main-home-worldmap .animate .dotLayer:after {
    -webkit-animation: warn-2 2s ease-out 1.1s infinite;
    animation: warn-2 2s ease-out 1.1s infinite
}

.main-home-worldmap .active:hover:after {
    -webkit-animation: warn 2s ease-out .1s infinite;
    animation: warn 2s ease-out .1s infinite
}

.main-home-worldmap .active:hover .dotLayer:after {
    -webkit-animation: warn-2 2s ease-out 1.1s infinite;
    animation: warn-2 2s ease-out 1.1s infinite
}

@-webkit-keyframes warn {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes warn {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(5)
    }
}

@-webkit-keyframes warn-2 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(12)
    }
}

@keyframes warn-2 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(12)
    }
}

.newMain {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.newMain>h2 {
    text-align: center;
    font-size: 28px;
    color: #374567;
    padding-top: 70px;
    font-weight: 700;
    margin-bottom: .5em;
    letter-spacing: 3px;
    line-height: 1.5
}

.newMain>p {
    font-size: 16px;
    line-height: 16px;
    color: #7a8ba6;
    text-align: center
}

.newMain>ul {
    margin-top: 32px;
    margin-bottom: 64px
}

.newMain>ul>li {
    position: relative;
    flex: 1;
    display: inline-block;
    width: 280px;
    height: 433px;
    padding: 24px 24px 94px;
    margin-right: 26px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #e1e6f0;
    vertical-align: top;
    overflow: hidden
}

.newMain>ul>li:nth-of-type(4) {
    margin-right: 0
}

.newMain>ul>li>img {
    height: 158px;
    position: relative;
    top: -25px;
    left: -25px;
    border-bottom: 1px solid #e1e6f0
}

.newMain>ul>li>h3 {
    margin-top: 8px;
    font-size: 16px;
    color: #374567;
    font-weight: 700;
    line-height: 32px
}

.newMain>ul>li>h3>img {
    display: inline-block;
    margin-right: 16px;
    line-height: 24px;
    vertical-align: -4px;
    width: 24px
}

.newMain>ul>li>p {
    margin-top: 8px;
    font-size: 16px;
    color: #7a8ba6;
    line-height: 28px
}

.newMain>ul>li>a {
    position: absolute;
    bottom: 48px;
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.newMain>ul>li>a:hover {
    color: #2a49b8
}

.newMain .icon {
    position: relative;
    top: -1px
}

.indexbanner[data-v-660ec8d8] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 720px;
    overflow: hidden;
    background-size: cover;
    z-index: 1
}

.indexbanner .bgcolors[data-v-660ec8d8] {
    position: absolute;
    width: 100%;
    height: 446px;
    z-index: -1
}

.indexbanner .bgcolors .bannerbg-pic[data-v-660ec8d8] {
    position: absolute;
    width: 100%;
    height: 720px
}

.whitebg[data-v-660ec8d8] {
    background-color: #fff;
    background-color: #f9faff
}

.bluebg[data-v-660ec8d8] {
    background-color: #3860f4
}

.indexbanner .bgcolors .bannerbg-pic img[data-v-660ec8d8] {
    width: 100%
}

.dn[data-v-660ec8d8] {
    display: none !important
}

.indexbanner .bannerbgs[data-v-660ec8d8] {
    position: absolute;
    left: 50%;
    width: 1200px;
    margin-left: -600px
}

.indexbanner .bannerbgs .bannerbg-img[data-v-660ec8d8] {
    position: absolute;
    top: 96px;
    right: -140px;
    width: 712px;
    height: auto;
    z-index: 1
}

.indexbanner .bannerbgs .bannerbg-img[data-v-660ec8d8]::marker {
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none
}

.indexbanner .banner-list-index[data-v-660ec8d8] {
    position: relative;
    min-width: 1200px
}

.indexbanner .banner-list-index li[data-v-660ec8d8] {
    position: absolute;
    top: 70px;
    width: 1200px;
    height: auto;
    left: 50%;
    margin-left: -600px;
    text-align: center
}

.indexbanner .banner-list-index li.active[data-v-660ec8d8] {
    z-index: 5
}

.indexbanner .banner-list-index li a[data-v-660ec8d8] {
    display: block;
    width: 100%
}

.indexbanner .banner-list-index li a .pc-banner[data-v-660ec8d8] {
    width: 1376px;
    position: absolute;
    top: 0;
    margin-left: -540px;
    margin-right: auto;
    display: block;
    left: 50%;
    right: auto;
    z-index: 2
}

.lines-wrap-index[data-v-660ec8d8] {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transform: translateY(-50%)
}

.lines-wrap-index .lines[data-v-660ec8d8] {
    text-align: center
}

.lines-wrap-index .lines .line[data-v-660ec8d8] {
    padding: 12px 24px 12px 0;
    width: 16px;
    box-sizing: content-box;
    height: 1px;
    cursor: pointer;
    transition: width .25s ease-in-out
}

.lines-wrap-index .lines .line .straight[data-v-660ec8d8] {
    width: 100%;
    height: 1px;
    background-color: #6c8bff
}

.lines-wrap-index .lines .line.active[data-v-660ec8d8],
.lines-wrap-index .lines .line[data-v-660ec8d8]:hover {
    width: 40px
}

.lines-wrap-index.whiteline .lines .line.active .straight[data-v-660ec8d8],
.lines-wrap-index.whiteline .lines .line:hover .straight[data-v-660ec8d8] {
    background-color: #fff
}

.ace-homepage-2020-stamp[data-v-660ec8d8] {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 6;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, .1)
}

@media only screen and (min-width:1680px) {
    .ace-view-center[data-v-660ec8d8] {
        width: 1440px
    }
}

.ace-view-center[data-v-660ec8d8] {
    margin: 0 auto
}

.ace-homepage-2020-stamp .stamp-wrap-row[data-v-660ec8d8] {
    overflow: hidden
}

.ace-row[data-v-660ec8d8] {
    display: flex;
    position: relative
}

.ace-col-6[data-v-660ec8d8] {
    flex: 0 0 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%
}

.ace-homepage-2020-stamp .stamp-list-box .stamp-list-item[data-v-660ec8d8] {
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    transition: all .2s ease-in-out
}

.ace-homepage-2020-stamp .stamp-list-box .stamp-list-item[data-v-660ec8d8]:hover {
    background: hsla(0, 0%, 88.6%, .3)
}

.stamp-item-title[data-v-660ec8d8] {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}

.stamp-item-title strong[data-v-660ec8d8] {
    font-size: 18px;
    color: #ededed;
    font-weight: 700
}

.stamp-item-detail[data-v-660ec8d8] {
    display: inline-block;
    position: relative;
    margin-top: -10px
}

.stamp-item-detail>h3[data-v-660ec8d8] {
    font-size: 36px;
    color: #ededed;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 4px
}

.stamp-item-detail>h3>span[data-v-660ec8d8] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}

.stamp-item-detail>span[data-v-660ec8d8] {
    position: absolute;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
    right: -40px;
    top: 10px
}

.vertical-line[data-v-660ec8d8] {
    position: absolute;
    background-color: #ccc;
    opacity: .38;
    width: 1px;
    height: 25px;
    display: inline-block;
    left: 33.33%;
    top: 30px
}

.vertical-line[data-v-660ec8d8]:nth-of-type(2) {
    left: 66.66%
}

.SectionBase[data-v-97c38e74] {
    position: relative;
    padding: 0 0 85px
}

.contentTitle[data-v-97c38e74] {
    width: 1200px;
    margin: 0 auto
}

.titleHeader[data-v-97c38e74] {
    padding-bottom: 15px
}

.titleHeader>h3[data-v-97c38e74] {
    font-size: 28px;
    margin-bottom: .5em;
    font-weight: 700;
    letter-spacing: 3px;
    color: #374567;
    text-align: center;
    line-height: 1.5
}

.titleHeader>p[data-v-97c38e74] {
    font-size: 16px;
    line-height: 16px;
    color: #7a8ba6;
    text-align: center
}

.contentBox[data-v-97c38e74] {
    width: 1200px;
    margin: 0 auto
}

.boxes[data-v-97c38e74] {
    display: block;
    position: relative;
    height: auto;
    zoom: 1
}

.boxes[data-v-97c38e74]:after,
.boxes[data-v-97c38e74]:before {
    display: table;
    content: ""
}

.boxes[data-v-97c38e74]:after {
    clear: both
}

.box[data-v-97c38e74] {
    display: block;
    float: left;
    width: 33.33333333%
}

.boxCard[data-v-97c38e74] {
    position: relative;
    cursor: default;
    padding: 60px 24px;
    margin: 0 auto;
    margin-top: 24px;
    width: 308px;
    height: 360px;
    text-align: left;
    transition: all .25s ease-in-out;
    border: 1px solid #e1e6f0;
    background: linear-gradient(1turn, #f9faff, #f9faff)
}

.boxes>.box:first-of-type>.boxCard[data-v-97c38e74],
.boxes>.box:nth-of-type(4)>.boxCard[data-v-97c38e74] {
    margin-left: 0
}

.boxes>.box:nth-of-type(3)>.boxCard[data-v-97c38e74],
.boxes>.box:nth-of-type(6)>.boxCard[data-v-97c38e74] {
    margin-right: 0
}

.boxCard[data-v-97c38e74]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 0 0 2px 2px;
    transition: all .25s ease-in-out
}

.active[data-v-97c38e74]:before {
    background: linear-gradient(90deg, #bcceff, #bcceff)
}

.active[data-v-97c38e74] {
    position: relative;
    color: #fff;
    overflow: hidden;
    border: 1px solid #e1e6f0;
    transform: translateY(-6px);
    box-shadow: 0 8px 10px 0 rgb(229 234 255/82%);
    background: linear-gradient(1turn, #3860f4, #1f40b9)
}

.boxCard>img[data-v-97c38e74]:first-of-type {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .7
}

.boxCard>img[data-v-97c38e74]:nth-of-type(2) {
    position: absolute;
    right: -16px;
    bottom: 0;
    width: 250px
}

.text[data-v-97c38e74] {
    position: relative
}

.text>h3[data-v-97c38e74] {
    font-weight: 700;
    color: #374567;
    margin-top: 32px
}

.text>h3[data-v-97c38e74],
.text>p[data-v-97c38e74] {
    font-size: 16px;
    line-height: 32px;
    transition: all .25s ease-in-out
}

.text>p[data-v-97c38e74] {
    color: #7a8ba6
}

.active .text>p[data-v-97c38e74] {
    color: #bcceff
}

.active .text>h3[data-v-97c38e74] {
    color: #fff
}

.tImg[data-v-97c38e74] {
    background-image: url(../images/bj-01.png)
}

.active .tImg[data-v-97c38e74],
.tImg[data-v-97c38e74] {
    position: absolute;
    top: 0;
    right: 0;
    width: 308px;
    height: 204px;
    background-size: 100%;
    background-repeat: no-repeat
}

.active .tImg[data-v-97c38e74] {
    background-image: url(../images/bj-02.png)
}

.icon1[data-v-97c38e74] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #3860f4;
    box-sizing: border-box;
    background-color: #f9faff;
    background-size: 48px 48px;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 8px 10px 0 rgb(229 234 255/82%)
}

.active .icon1[data-v-97c38e74] {
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 8px 10px 0 #325ce8
}

.home-main-blue {
    width: 100%;
    min-width: 1200px;
    background: #f9faff
}

.home-main {
    padding: 125px
}

.cat-product-title>p {
    font-size: 16px;
    line-height: 16px;
    color: #7a8ba6;
    text-align: center;
    padding-bottom: 1em
}

.home-index-h3 {
    margin-bottom: .5em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 3px
}

.home-index-h2,
.home-index-h3 {
    font-size: 28px;
    font-weight: 700;
    color: #374567;
    text-align: center
}

.home-index-h2 {
    line-height: 48px;
    padding-top: 0;
    background: 0 0;
    vertical-align: middle
}

.home-index-h2>.en5 {
    font-family: PuHuiTiLight;
    margin-left: 16px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
    color: #7a8ba6;
    letter-spacing: 1px
}

.home-main a {
    display: block;
    color: inherit;
    transition: all .25s ease-in-out
}

.button-blueborder {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4
}

.home-assure {
    margin-top: 48px
}

.home-assure .assure-service {
    float: left;
    margin-top: 40px;
    padding: 40px 0 0 54px;
    width: 554px;
    height: 183px;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0
}

.home-assure .assure-service li {
    display: inline-block;
    padding-bottom: 12px;
    width: 192px;
    height: 32px;
    line-height: 32px
}

.home-assure .assure-service li .sicon {
    display: inline-block;
    margin: 0 12px 0 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    vertical-align: -6px;
    background-size: cover
}

.button-blueborder:hover {
    background: #e7eeff
}

.home-assure-button a {
    display: inline-block;
    color: #3860f4;
    vertical-align: top;
    transition: all .25s ease-in-out
}

.page-footer-main .columns a:hover {
    color: #fff
}

.page-footer-main .foot-nav-left .icon-col .icon-footer.weibo {
    background-image: url(https://www.kaiyuncdn.com/images/58.png)
}

.page-footer-main .foot-nav-left .icon-col .icon-footer.weibo:hover {
    background-image: url(https://www.kaiyuncdn.com/images/59.png)
}

.page-footer-main .foot-nav-left .icon-col .icon-footer.wechat {
    background-image: url(../images/60.png)
}

.page-footer-main .foot-nav-left .icon-col .icon-footer.wechat:hover {
    background-image: url(https://www.kaiyuncdn.com/images/61.png)
}

.page-footer-copyright .copyright-main a:hover {
    color: #fff
}

.child-title-text a {
    color: #374567
}

.child-title-text:hover {
    color: #3860f4
}

.product-hots {
    position: relative;
    height: 346px;
    margin-bottom: 1px;
    padding-bottom: 36px;
    box-sizing: content-box
}

.product-hots>li {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 252px;
    height: 346px;
    box-sizing: border-box;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    background-color: #fff;
    transition: all .1s
}

.product-hots>li>.prod-intro {
    position: relative;
    padding: 48px 24px 0 10px;
    height: 298px;
    opacity: 1;
    transition: all .25s ease-in-out;
    box-sizing: content-box
}

.product-hots>li>.prod-intro .card-line {
    background: linear-gradient(90deg, #95cfff, #8e8fff);
    position: absolute;
    top: 0;
    left: 24px;
    width: 60px;
    height: 4px;
    border-radius: 0 0 2px 2px;
    opacity: 0;
    transition: all .3s
}

.product-hots>li:nth-of-type(2)>.prod-intro .card-line {
    background: linear-gradient(90deg, #ff3db6, #7677ff)
}

.product-hots>li:nth-of-type(3)>.prod-intro .card-line {
    background: linear-gradient(90deg, #ffcf87, #ff7676)
}

.product-hots>li:nth-of-type(4)>.prod-intro .card-line {
    background: linear-gradient(90deg, #5f87f8, #3860f4)
}

.product-hots>li>.prod-intro>img {
    display: block;
    margin-bottom: 18px;
    width: 74px;
    height: 58px;
    transition: all .1s
}

.product-hots>li>.prod-intro>.title {
    margin-left: 14px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    transition: all .3s
}

.product-hots>li>.prod-intro>.des {
    padding: 8px 0 39px 14px;
    font-size: 16px;
    line-height: 32px;
    height: auto;
    max-height: 96px;
    overflow: hidden;
    color: #7a8ba6;
    text-align: justify;
    transition: all .1s
}

.product-hots>li>.prod-intro .card {
    position: absolute;
    top: 68px;
    padding-left: 14px;
    width: 202px;
    opacity: 0;
    transition: all .3s;
    box-sizing: content-box
}

.product-hots>li>.prod-intro .card>.desc {
    padding-bottom: 16px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 28px;
    color: #7a8ba6;
    border-bottom: 1px solid #ebf0fc
}

.product-hots>li>.prod-intro .card .links {
    display: block;
    width: 52px;
    color: #3860f4;
    text-decoration: none;
    cursor: pointer
}

.product-hots>li>.prod-intro .card-content {
    padding: 20px 0;
    box-sizing: content-box;
    height: 120px
}

.product-hots>li>.prod-intro .card-content .desc {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #7a8ba6
}

.product-hots>li>.prod-intro .card-bottom {
    position: absolute;
    width: 202px;
    box-sizing: content-box
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap {
    height: 34px;
    padding: 20px 0 36px 0;
    border-top: 1px solid #ebf0fc;
    color: #fff;
    box-sizing: content-box
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap .price-detail {
    display: inline-block;
    font-size: 12px;
    color: #374567;
    box-sizing: content-box;
    transform: translateY(-20px)
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap .price-detail>span {
    font-family: Numttf;
    font-size: 50px;
    line-height: 75px;
    color: #3860f4
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap .price-detail .desc {
    display: inline-block;
    line-height: 17px
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap a {
    float: right;
    display: block;
    color: inherit;
    transition: all .25s ease-in-out;
    height: 34px;
    line-height: 34px;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 4px;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer
}

.product-hots>li>.prod-intro>.rArrow {
    position: absolute;
    bottom: 30px;
    right: 24px;
    display: inline-block;
    transition: all .3s
}

.product-hots>li:hover {
    height: 365px
}

.product-hots>li:hover .prod-intro .title {
    transform: translateY(-15px)
}

.product-hots>li:hover .prod-intro .card-line {
    opacity: 1
}

.product-hots>li:hover .prod-intro .des {
    transform: translateY(-55px);
    opacity: 0
}

.product-hots>li:hover .prod-intro img {
    opacity: 0;
    transform: translateY(-80px);
    position: absolute
}

.product-hots>li:hover .prod-intro .rArrow {
    opacity: 0;
    right: -100px
}

.product-hots>li:hover .prod-intro .card {
    opacity: 1
}

.product-hots>li>.prod-intro .card-bottom .bottom-wrap a:hover {
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.product-hots>li:nth-child(2) {
    left: 316px
}

.product-hots>li:nth-child(3) {
    left: 632px
}

.product-hots>li:nth-child(4) {
    left: 948px
}

.form-select {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: content-box
}

.product-hots>li>.prod-intro .card-content .content-table tr .control input {
    vertical-align: 0;
    border: 1px solid #e1e6f0;
    border-radius: 2px;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #374567;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    width: 120px;
    padding: 6px 12px
}

.product-hots>li>.prod-intro .card-content .content-table tr .control .form-select>input:hover {
    border: 1px solid #3860f4
}

.product-hots>li>.prod-intro .card-content .content-table tr .control .form-select>svg {
    position: absolute;
    color: #e1e6f0;
    right: 10px;
    top: 8px;
    pointer-events: none;
    text-align: center
}

.form-select>ul {
    position: absolute;
    top: 30px;
    min-width: 100%;
    border: 1px solid #e1e6f0;
    background: #fff;
    box-sizing: border-box;
    z-index: 10
}

.form-select>ul>li {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    word-break: keep-all
}

.form-select>ul>li span {
    font-size: 12px;
    font-weight: 400;
    color: #7a8ba6
}

.form-select>ul>li:hover {
    background: #f9faff
}

.BImg {
    position: relative;
    text-align: center;
    height: 800px;
    width: 1334px;
    margin: 0 auto 98px
}

.BImg>img {
    position: absolute;
    z-index: 2;
    left: -60px;
    width: 100%
}

.about[data-v-34844d4c] {
    box-sizing: content-box;
    width: 880px;
    margin-left: 212px;
    padding: 0 60px 100px 48px
}

.about>h2[data-v-34844d4c] {
    font-size: 28px;
    line-height: 56px;
    font-weight: 700;
    color: #515a61;
    margin-top: 80px;
    margin-bottom: 30px
}

.about>h2[data-v-34844d4c]:first-of-type {
    margin-top: 0
}

.about-culture-list[data-v-34844d4c] {
    font-size: 0;
    margin-top: 32px
}

.about-culture-list>li[data-v-34844d4c] {
    display: inline-block;
    padding: 24px 0 24px 150px;
    width: 432px;
    height: 116px;
    box-sizing: border-box;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    background-size: 150px 116px;
    background-repeat: no-repeat;
    background-position: 0;
    background-color: #fff
}

.about-culture-list>li[data-v-34844d4c]:first-of-type {
    margin-right: 16px;
    background-image: url(https://www.kaiyuncdn.com/images/12.png)
}

.about-culture-list>li[data-v-34844d4c]:last-of-type {
    background-image: url(https://www.kaiyuncdn.com/images/13.png)
}

.about-culture-list>li>h3[data-v-34844d4c] {
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    color: #515a61
}

.about-culture-list>li p[data-v-34844d4c] {
    font-size: 14px;
    line-height: 32px;
    color: #7a8ba6
}

.values[data-v-34844d4c] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 32px
}

.values>li[data-v-34844d4c] {
    margin-bottom: 32px;
    width: 400px
}

.values>li>h3[data-v-34844d4c] {
    padding-left: 40px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    color: #515a61;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 0 4px
}

.values>li:first-of-type h3[data-v-34844d4c] {
    background-image: url(https://www.kaiyuncdn.com/images/14.png)
}

.values>li:nth-of-type(2) h3[data-v-34844d4c] {
    background-image: url(https://www.kaiyuncdn.com/images/15.png)
}

.values>li:nth-of-type(3) h3[data-v-34844d4c] {
    background-image: url(https://www.kaiyuncdn.com/images/16.png)
}

.values>li:nth-of-type(4) h3[data-v-34844d4c] {
    background-image: url(https://www.kaiyuncdn.com/images/17.png)
}

.values>li>p[data-v-34844d4c] {
    margin-top: 8px;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    text-align: justify
}

.title-des[data-v-34844d4c] {
    font-size: 14px;
    line-height: 28px;
    color: #7a8ba6;
    text-align: center;
    margin-top: 8px
}

.about-fture[data-v-34844d4c] {
    padding: 32px 0 0 0;
    font-size: 0
}

.content[data-v-34844d4c] {
    position: relative;
    width: 282px;
    margin-right: 16px;
    height: 417px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    background-color: #fff
}

.content[data-v-34844d4c]:last-of-type {
    margin-right: 0
}

.content>ul[data-v-34844d4c] {
    color: #7a8ba6;
    font-size: 14px;
    position: relative
}

.content>ul>li>img[data-v-34844d4c] {
    display: block;
    width: 100%;
    height: 158px;
    margin-bottom: 24px
}

.content>ul>li>h3[data-v-34844d4c] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567;
    text-align: center
}

.content>ul>li>p[data-v-34844d4c] {
    padding: 0 24px;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    text-align: center
}

.hh[data-v-34844d4c] {
    margin: 10px 0;
    font-size: 16px;
    line-height: 32px;
    color: #515a61
}

.itemMap .imgMap[data-v-34844d4c] {
    padding: 24px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #e1e6f0
}

.itemMap li[data-v-34844d4c] {
    list-style: none;
    font-size: 14px;
    line-height: 28px;
    color: #282828
}

.itemMap li strong[data-v-34844d4c] {
    width: 120px;
    float: left;
    color: #666
}

.itemMap p[data-v-34844d4c] {
    color: #282828;
    margin-top: 54px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-align: justify
}

.detail-box[data-v-34844d4c] {
    width: 100%;
    height: 260px;
    margin-top: 20px
}

.detail-box .left[data-v-34844d4c] {
    float: left;
    width: 429px;
    height: 260px;
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 20px 30px;
    margin-right: 20px
}

.left h2[data-v-34844d4c] {
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 49px;
    margin-bottom: 30px
}

.left div[data-v-34844d4c] {
    height: 28px;
    width: 100%;
    position: relative
}

.left div span[data-v-34844d4c] {
    position: absolute;
    left: 0;
    color: #7a8ba6;
    font-size: 18px;
    line-height: 27px;
    padding-left: 28px
}

.left div span[data-v-34844d4c]:nth-of-type(2) {
    left: auto;
    right: 0
}

.left p[data-v-34844d4c] {
    margin-top: 32px;
    color: #7a8ba6;
    font-size: 14px;
    line-height: 20px
}

.about-content[data-v-b5fd6f52] {
    text-align: center
}

.about-content h2[data-v-b5fd6f52] {
    font-size: 28px;
    line-height: 56px;
    font-weight: 700;
    color: #515a61
}

.title-desc[data-v-b5fd6f52] {
    font-size: 14px;
    line-height: 28px;
    color: #515a61;
    text-align: center
}

.certificate[data-v-b5fd6f52] {
    position: relative;
    font-size: 0;
    margin-top: 32px
}

.certificate .left[data-v-b5fd6f52] {
    margin-right: 40px
}

.certificate .left[data-v-b5fd6f52],
.certificate .right[data-v-b5fd6f52] {
    display: inline-block;
    vertical-align: top
}

.certificate .item[data-v-b5fd6f52] {
    position: relative;
    margin-bottom: 40px;
    padding: 60px;
    width: 354px;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    background-color: #fff;
    height: 400px
}

.certificate li .item h3[data-v-b5fd6f52] {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    font-weight: 600;
    margin-bottom: 35px
}

.aaa[data-v-2e3f0c8a] {
    width: 880px;
    margin-left: 212px;
    padding-left: 48px;
    padding-right: 60px;
    box-sizing: content-box;
    padding-bottom: 270px
}

.about-events-warp[data-v-2e3f0c8a] {
    position: relative;
    font-size: 0;
    height: 910px
}

.about-events-warp[data-v-2e3f0c8a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 1px;
    height: 100%;
    background-color: #e1e6f0
}

.about-events-warp>li[data-v-2e3f0c8a] {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box
}

.about-events-warp>li.left[data-v-2e3f0c8a] {
    text-align: right
}

.about-events-warp>li.right[data-v-2e3f0c8a] {
    padding-top: 88px;
    padding-left: 32px;
    text-align: left
}

.about-events-warp>li .item[data-v-2e3f0c8a] {
    position: relative;
    margin-bottom: 80px;
    padding: 24px;
    width: 408px;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    background-color: #fff;
    box-sizing: border-box
}

.about-events-warp>li .item[data-v-2e3f0c8a]:before {
    content: "";
    position: absolute;
    top: 3px;
    width: 32px;
    height: 1px;
    background-color: #e1e6f0
}

.about-events-warp>li.left .item[data-v-2e3f0c8a]:before {
    right: -32px
}

.about-events-warp>li.right .item[data-v-2e3f0c8a]:before {
    left: -32px
}

.about-events-warp>li.right .item[data-v-2e3f0c8a]:after {
    left: -37px
}

.about-events-warp>li.left .item[data-v-2e3f0c8a]:after {
    right: -37px
}

.about-events-warp>li .item[data-v-2e3f0c8a]:after {
    content: "";
    position: absolute;
    top: -1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #3860f4 2%, rgba(95, 135, 248, 0) 98%)
}

.about-events-warp>li .item .title[data-v-2e3f0c8a] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.about-events-warp>li .item .month[data-v-2e3f0c8a] {
    margin-top: 4px;
    font-weight: 700
}

.about-events-warp>li .item .des[data-v-2e3f0c8a],
.about-events-warp>li .item .month[data-v-2e3f0c8a] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.about-img[data-v-c2f5cc28] {
    padding-top: 80px;
    height: 180px;
    min-width: 1200px;
    background: url(https://www.kaiyuncdn.com/images/imgbj-07.png) #3860f4 bottom;
    background-size: 1920px 180px, 100% 260px;
    background-position: center 80px, 0 0;
    background-repeat: no-repeat;
    box-sizing: content-box
}

.about-gray-wrap[data-v-c2f5cc28] {
    padding-top: 64px;
    min-width: 1200px;
    background: #f9faff
}

.main[data-v-c2f5cc28] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: visible
}

.sidebar-nav[data-v-c2f5cc28] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    float: left;
    width: 212px;
    z-index: 10
}

.sidebar-nav.fixed[data-v-c2f5cc28] {
    position: fixed;
    top: 0
}

.sidebar-nav>ul[data-v-c2f5cc28] {
    border-right: 1px solid #e1e6f0;
    box-sizing: border-box;
    background: #f9faff
}

.sidebar-nav>ul li[data-v-c2f5cc28] {
    position: relative;
    width: 151px;
    padding: 14px 0 14px 60px;
    box-sizing: content-box;
    line-height: 32px
}

.sidebar-nav>ul li[data-v-c2f5cc28]:hover {
    background: linear-gradient(90deg, rgba(235, 240, 252, 0), #ebf0fc)
}

.sidebar-nav>ul li[data-v-c2f5cc28]:before {
    display: block;
    content: "";
    float: left;
    margin: 13px 0 0 -34px;
    width: 6px;
    height: 6px;
    background: linear-gradient(90deg, rgba(56, 96, 244, .21), rgba(249, 250, 255, 0));
    border-radius: 4px
}

.sidebar-nav>ul li.active[data-v-c2f5cc28]:before {
    background: linear-gradient(90deg, #3860f4, rgba(95, 135, 248, 0))
}

.sidebar-nav>ul li[data-v-c2f5cc28]:after {
    position: absolute;
    left: 13px;
    bottom: 0;
    display: block;
    content: "";
    width: 185px;
    height: 1px;
    background: #ebf0fc
}

.sidebar-nav>ul li[data-v-c2f5cc28]:last-of-type:after {
    content: "";
    background: #f9faff
}

.sidebar-nav>ul li.active[data-v-c2f5cc28] {
    width: 150px;
    border-right: 2px solid #3860f4;
    box-sizing: content-box;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.sidebar-nav>ul li a[data-v-c2f5cc28] {
    display: block;
    font-size: 16px;
    color: #374567
}

.sidebar-nav>ul li.active a[data-v-c2f5cc28] {
    font-weight: 700;
    color: #3860f4
}

.partner-banner[data-v-0fce9b6e] {
    width: 100%;
    height: 340px;
    min-width: 100rem;
    background-image: url(https://www.kaiyuncdn.com/images/partners.db6bd5c8.jpg);
    background-size: cover;
    background-position: 50%;
    background-color: #2f52ed
}

.partner .partner-list-wrap[data-v-0fce9b6e] {
    background-color: #f9faff
}

.partner .partner-list-content[data-v-0fce9b6e] {
    width: 100rem;
    margin: 0 auto;
    padding: 80px 0 160px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.partner .partner-list-content .content-left[data-v-0fce9b6e] {
    width: 265px;
    height: auto
}

.partner .partner-list-content .content-right[data-v-0fce9b6e] {
    width: 875px;
    height: auto
}

.partner .partner-list-content .content-left .menu-item[data-v-0fce9b6e] {
    width: calc(100% + 1px);
    height: 60px;
    padding: 19px 20px;
    cursor: pointer
}

.partner .partner-list-content .content-left .menu-item>span[data-v-0fce9b6e] {
    color: #68718c;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}

.partner .partner-list-content .content-left .menu-item>span[data-v-0fce9b6e]:before {
    opacity: .3;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    background: linear-gradient(180deg, #fff, #3860f4)
}

.partner .partner-list-content .content-left .menu-item.menu-focus[data-v-0fce9b6e] {
    background-color: #fff;
    border-right: 1px solid #3860f4
}

.partner-info-card[data-v-0fce9b6e] {
    width: 100%;
    height: auto;
    border: 1px solid #e1e6f0;
    border-radius: 4px;
    margin-bottom: 40px
}

.partner-info-card .info-box-top[data-v-0fce9b6e] {
    padding: 39px 40px;
    background-color: #fff
}

.partner-info-card .info-box-top .box-top-main[data-v-0fce9b6e] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.partner-info-card .info-box-top .box-top-main .partner-logo[data-v-0fce9b6e] {
    width: 80px;
    height: 80px
}

.partner-info-card .info-box-top .box-top-main .partner-logo>img[data-v-0fce9b6e] {
    box-shadow: 0 0 6px 1px rgba(56, 96, 244, .15);
    border-radius: 6px
}

.partner-info-card .info-box-top .box-top-main .partner-info[data-v-0fce9b6e] {
    margin-left: 20px
}

.partner-info-card .info-box-top .box-top-main .partner-info h3[data-v-0fce9b6e] {
    color: #334164;
    font-size: 18px
}

.partner-info-card .info-box-top .box-top-main .partner-info p[data-v-0fce9b6e] {
    margin-top: 10px;
    color: #7a8ca6;
    font-size: 16px
}

.partner-info-card .info-box-top .box-top-text[data-v-0fce9b6e] {
    margin-top: 30px;
    color: #7a8ca6;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .08rem
}

.partner-info-card .info-box-bottom[data-v-0fce9b6e] {
    padding: 30px 40px
}

.partner-info-card .info-box-bottom .box-bottom-title[data-v-0fce9b6e] {
    color: #334164;
    font-size: 18px
}

.partner-info-card .info-box-bottom .box-bottom-list[data-v-0fce9b6e] {
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.partner-info-card .info-box-bottom .box-bottom-list>li[data-v-0fce9b6e]:first-of-type {
    margin-left: 0
}

.partner-info-card .info-box-bottom .box-bottom-list>li[data-v-0fce9b6e] {
    margin-left: 100px
}

.partner-info-card .info-box-bottom .box-bottom-list>li>span[data-v-0fce9b6e]:first-of-type {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 7px 1px rgba(0, 99, 255, .05)
}

.partner-info-card .info-box-bottom .box-bottom-list>li>span:first-of-type>.svg-icon[data-v-0fce9b6e] {
    transform: translate(8px, 8px)
}

.svg-icon[data-v-0fce9b6e] {
    width: auto;
    height: auto;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.partner-info-card .info-box-bottom .box-bottom-list>li>span[data-v-0fce9b6e]:nth-of-type(2) {
    color: #334164;
    font-size: 16px;
    margin-left: 10px
}

.partner-info-card .info-box-bottom .box-bottom-list>li>span[data-v-0fce9b6e] {
    display: inline-block;
    vertical-align: middle
}

.partner .partner-list-content .content-left .menu-item.menu-focus>span[data-v-0fce9b6e] {
    color: #3860f4
}

.box[data-v-04e5ea1a] {
    width: 100%;
    margin: 0 auto 80px
}

.imgBox[data-v-04e5ea1a] {
    width: 100%;
    background-size: cover;
    background-position: 50%;
    height: 340px;
    background: url(https://www.kaiyuncdn.com/images/banner_mos.56dbd10b.png)
}

.imgBoxContent[data-v-04e5ea1a] {
    width: 1200px;
    margin: 0 auto;
    color: #f9fbff;
    padding-top: 130px;
    padding-left: 39px
}

.imgBoxContent h3[data-v-04e5ea1a] {
    font-family: AppleSystemUIFont, sans-serif;
    font-size: 33px;
    padding-bottom: 15px
}

.imgBoxContent p[data-v-04e5ea1a] {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 39px
}

.btnBox a[data-v-04e5ea1a] {
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out
}

.btnBox a[data-v-04e5ea1a]:hover {
    background: hsla(0, 0%, 100%, .3)
}

.catalog[data-v-04e5ea1a] {
    width: 1200px;
    margin: 0 auto;
    height: 80px
}

.catalogList[data-v-04e5ea1a] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.catalogList li[data-v-04e5ea1a] {
    width: 33.33333333333333%;
    line-height: 80px;
    text-align: center;
    background: #fdfdff;
    border-left: 1px solid rgba(56, 96, 244, .05);
    cursor: pointer
}

.catalogList li[data-v-04e5ea1a]:hover {
    background: #ebf0fc;
    font-weight: 700
}

.catalogList li[data-v-04e5ea1a]:first-of-type {
    border-left: none
}

.catalogList li a[data-v-04e5ea1a] {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #334164;
    font-size: 18px
}

#synopsis[data-v-04e5ea1a] {
    margin: 80px auto 0;
    width: 1200px
}

.productTitle h3[data-v-04e5ea1a] {
    font-size: 28px;
    color: #334164;
    display: inline-block;
    font-weight: 500
}

.productTitle span[data-v-04e5ea1a] {
    font-family: PuHuiTiLight;
    font-weight: 700;
    font-size: 18px;
    color: #7a8ca6;
    margin-left: 10px
}

.synopsisContent[data-v-04e5ea1a] {
    margin: 40px 0 80px
}

.synopsisContent p[data-v-04e5ea1a] {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #7a8ca6;
    letter-spacing: 1px;
    text-indent: 2em
}

#describe[data-v-04e5ea1a] {
    background: #fafafb;
    margin-top: 80px;
    padding: 40px 0
}

.wrap[data-v-04e5ea1a] {
    margin: 0 auto;
    width: 1200px
}

.describeTitle h3[data-v-04e5ea1a] {
    font-size: 28px;
    color: #334164;
    display: inline-block;
    font-weight: 500
}

.describeTitle span[data-v-04e5ea1a] {
    font-family: PuHuiTiLight;
    font-size: 18px;
    color: #7a8ca6;
    margin-left: 10px;
    font-weight: 700
}

.describeContent[data-v-04e5ea1a] {
    margin: 40px 0 0
}

.describeContent ul[data-v-04e5ea1a] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.describeContent ul li[data-v-04e5ea1a]:first-of-type {
    border-left: 0;
    border-bottom: 1px solid rgba(56, 96, 244, .05);
    padding: 20px 30px;
    width: 33.33333%
}

.describeContent ul li[data-v-04e5ea1a]:nth-of-type(2),
.describeContent ul li[data-v-04e5ea1a]:nth-of-type(3) {
    border-left: 1px solid rgba(56, 96, 244, .05);
    border-bottom: 1px solid rgba(56, 96, 244, .05);
    padding: 20px 30px;
    width: 33.33333%
}

.describeContent ul li[data-v-04e5ea1a]:nth-of-type(4) {
    border-left: 0;
    padding: 20px 30px;
    width: 33.33333%
}

li div h4[data-v-04e5ea1a] {
    margin-left: 10px;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

li section[data-v-04e5ea1a] {
    margin-top: 15px
}

li section p[data-v-04e5ea1a] {
    color: #7a8ca6;
    font-size: 14px
}

#usergroups[data-v-04e5ea1a] {
    background: #fff;
    margin-top: 80px;
    padding: 40px 0
}

.usergroups[data-v-04e5ea1a] {
    width: 1200px;
    margin: 0 auto
}

.usergroupsTitle h3[data-v-04e5ea1a] {
    font-size: 28px;
    color: #334164;
    display: inline-block;
    font-weight: 500
}

.usergroupsTitle span[data-v-04e5ea1a] {
    font-family: PuHuiTiLight;
    font-size: 18px;
    color: #7a8ca6;
    margin-left: 10px;
    font-weight: 700
}

.usergroupsContent[data-v-04e5ea1a] {
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.usergroupsContent li[data-v-04e5ea1a] {
    width: 20%;
    padding: 10px;
    text-align: center
}

.usergroupsContent li img[data-v-04e5ea1a] {
    width: 50px
}

.usergroupsContent li p[data-v-04e5ea1a] {
    padding-top: 10px;
    font-size: 16px;
    color: #7a8ca6
}

.ant-row[data-v-689de5b4] {
    margin: -8px;
    position: relative;
    height: auto;
    zoom: 1;
    display: block;
    overflow: visible
}

.ant-col[data-v-689de5b4] {
    display: inline-block;
    padding: 0 8px;
    width: 66.66666667%
}

.ant-col[data-v-689de5b4]:last-of-type {
    position: -webkit-sticky;
    position: sticky;
    float: right;
    top: 0;
    margin-bottom: 10px;
    width: 33.33333333%
}

.info-box[data-v-689de5b4] {
    position: relative;
    min-height: 100px;
    margin-bottom: 10px;
    padding: 20px;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #e1e6f0
}

.info-box[data-v-689de5b4],
.info-box[data-v-689de5b4]:before {
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.info-box[data-v-689de5b4]:before {
    top: 0;
    left: 46px;
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #3860f4;
    border-radius: 0 0 2px 2px
}

.info-title[data-v-689de5b4] {
    font-size: 20px;
    margin: 0 25px;
    height: 45px;
    box-sizing: content-box;
    line-height: 40px;
    vertical-align: middle;
    text-align: left;
    color: #333;
    font-weight: 600;
    border-bottom: 1px solid #ebedf0
}

.bk-group-control[data-v-689de5b4] {
    height: 18px;
    padding: 6px 10px 6px 0;
    text-align: right
}

.info-man-box[data-v-689de5b4] {
    padding: 0 0 0 20px;
    box-sizing: content-box
}

.bk-form-row[data-v-689de5b4] {
    display: flex;
    padding: 0 10px 15px;
    box-sizing: content-box
}

.lable_name[data-v-689de5b4] {
    float: left;
    width: 160px;
    line-height: 28px;
    font-size: 14px;
    color: #374567;
    font-weight: 400
}

.ant-radio-group[data-v-689de5b4] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 12px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ant-radio-button-wrapper[data-v-689de5b4] {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    color: rgba(0, 0, 0, .65);
    line-height: 30px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top-width: 1.02px;
    border-left: 0;
    cursor: pointer;
    transition: color .3s, background .3s, border-color .3s
}

.ant-radio-button-wrapper[data-v-689de5b4]:hover {
    position: relative;
    color: #3860f4
}

.ant-radio-button-wrapper.active[data-v-689de5b4] {
    color: #fff;
    background: #3860f4;
    border-color: #3860f4
}

.ant-radio-button-wrapper[data-v-689de5b4]:first-child {
    border-left: 1px solid #d9d9d9;
    border-radius: 3px 0 0 3px
}

.ant-radio-button-wrapper[data-v-689de5b4]:last-child {
    border-radius: 0 3px 3px 0
}

.ant-radio-button-wrapper>.ant-radio-button[data-v-689de5b4] {
    display: block;
    width: 0;
    height: 0;
    margin-left: 0
}

.bk-form-row-txt[data-v-689de5b4] {
    padding: 0 0 4px;
    cursor: text;
    line-height: 28px;
    font-size: 14px;
    font-weight: 700;
    width: 580px;
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text
}

.counter[data-v-689de5b4] {
    margin-left: -6px;
    position: relative;
}

.counter>a[data-v-689de5b4] {
    display: inline-block;
    width: 30px;
    height: 31px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 #e4e5f2, 0 1px 1px 0 rgba(162, 166, 191, .32), 0 1px 0 0 rgba(223, 224, 241, .7)
}

.counter>a[data-v-689de5b4]:first-of-type {
    border-radius: 3px 0 0 3px
}

.counter>a[data-v-689de5b4]:last-of-type {
    border-radius: 0 3px 3px 0
}

.counter>a:first-of-type>svg[data-v-689de5b4] {
    position: absolute;
    top: 8px;
    left: 7px
}

.counter>a:last-of-type>svg[data-v-689de5b4] {
    position: absolute;
    top: 8px;
    right: 7px
}

.counter>input[data-v-689de5b4] {
    width: 70px;
    border: none;
    height: 32px;
    vertical-align: top;
    padding: 0 8px;
    border: 1px solid transparent;
    border-top: 1px solid #c3cad9;
    border-bottom: 1px solid #c3cad9;
    box-shadow: inset 0 1px 3px 0 #dedeef, inset 0 0 2px 0 #f6f6fb
}

.counter>label>.unit[data-v-689de5b4] {
    position: absolute;
    top: 8px;
    cursor: text;
    right: 35px;
    color: #c3cad9
}

.no[data-v-689de5b4] {
    cursor: not-allowed
}

input[data-v-689de5b4]::-webkit-inner-spin-button,
input[data-v-689de5b4]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number][data-v-689de5b4] {
    -moz-appearance: textfield
}

.ybg[data-v-689de5b4] {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    line-height: 16px;
    padding: 2px 3px;
    color: #fff;
    background-color: #f60;
    background-color: #3860f4
}

.prompt[data-v-689de5b4] {
    background-color: #eaf3fd;
    border: 1px solid #cae3ff;
    font-size: 12px;
    vertical-align: baseline;
    -webkit-font-smoothing: auto;
    display: table;
    position: relative;
    top: -12px;
    padding: 10px 16px;
    margin: 0;
    border-radius: 1px;
    line-height: 18px;
    overflow: hidden;
    color: #6b798e;
    width: 100%;
    box-sizing: border-box
}

.prompt>div[data-v-689de5b4] {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400
}

.co[data-v-689de5b4] {
    padding: 25px 64px 64px;
    background: #f9faff
}

.btn[data-v-689de5b4] {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    color: #0a1633;
    box-sizing: border-box;
    font-weight: 400;
    border: 1px solid #3860f4;
    border-radius: 2px;
    font-size: 12px;
    cursor: default;
    background-color: #fff;
    color: #3860f4;
    box-shadow: 0 -1px 0 0 rgba(223, 224, 241, .5), 0 1px 0 0 rgba(223, 224, 241, .3), 0 1px 1px 0 rgba(162, 166, 191, .5), 0 2px 4px 0 rgba(228, 229, 242, .6)
}

.detail[data-v-689de5b4] {
    padding: 8px 20px;
    color: #3860f4
}

.bk-items[data-v-689de5b4] {
    position: relative;
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    min-width: 390px
}

.bk-items-title[data-v-689de5b4] {
    margin: 0 10px;
    padding: 10px;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5
}

.bk-items-body[data-v-689de5b4] {
    background-color: #fafafc;
    padding: 24px
}

.uc-fe-row[data-v-689de5b4] {
    position: relative;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    margin-bottom: 10px
}

.uc-fe-row[data-v-689de5b4]:nth-of-type(2),
.uc-fe-row[data-v-689de5b4]:nth-of-type(4) {
    margin-left: 20px;
    margin-bottom: 16px
}

.uc-fe-col[data-v-689de5b4] {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-height: 1px;
    float: left;
    flex: 0 0 auto;
    width: 41.6667%
}

.uc-fe-row:first-of-type>.uc-fe-col[data-v-689de5b4]:last-of-type,
.uc-fe-row:nth-of-type(2)>.uc-fe-col[data-v-689de5b4]:last-of-type,
.uc-fe-row:nth-of-type(3)>.uc-fe-col[data-v-689de5b4]:last-of-type,
.uc-fe-row:nth-of-type(4)>.uc-fe-col[data-v-689de5b4]:last-of-type {
    width: 58.3333%;
    text-align: right
}

.uc-fe-radio[data-v-689de5b4] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    min-height: 28px;
    line-height: 28px;
    font-size: 0;
    color: #0a1633
}

.uc-fe-radio-icon-wrap[data-v-689de5b4] {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #c3cad9;
    border-radius: 8px;
    vertical-align: middle
}

.uc-fe-radio:hover .uc-fe-radio-icon-wrap[data-v-689de5b4] {
    border-color: #3860f4
}

.uc-fe-radio-icon[data-v-689de5b4] {
    position: absolute;
    opacity: 1;
    top: 2px;
    left: 2px;
    transition: all .3s ease 0s;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px
}

.uc-fe-radio-content[data-v-689de5b4] {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    margin-left: 8px;
    font-size: 14px
}

.uc-title[data-v-689de5b4] {
    font-size: 16px;
    font-weight: 600;
    margin-right: 4px;
    color: #0a1633
}

.box[data-v-689de5b4] {
    position: relative;
    color: #0a1633
}

.box[data-v-689de5b4],
.box input[data-v-689de5b4] {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.box input[data-v-689de5b4] {
    margin: 0;
    border-radius: 2px;
    width: 50%;
    cursor: pointer;
    outline: none;
    height: 24px;
    line-height: 24px;
    padding: 0 28px 0 8px;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .08), 0 1px 1px -1px rgba(0, 0, 0, .3), 0 1px 3px -1px rgba(0, 0, 0, .12), inset 0 1px 0 0 rgba(0, 0, 0, .05);
    transition: all .22s cubic-bezier(.4, 0, .2, 1) 0s
}

.box input[data-v-689de5b4]:hover {
    color: #3860f4;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 8px 12px -4px rgba(0, 0, 0, .12), 0 2px 1px -1px rgba(0, 0, 0, .05)
}

.box svg[data-v-689de5b4] {
    position: absolute;
    top: 7px;
    left: 48px;
    cursor: pointer
}

.box ul[data-v-689de5b4] {
    position: absolute;
    top: 30px;
    width: 66.66px;
    background: #fff;
    box-sizing: border-box;
    z-index: 10;
    overflow: auto;
    cursor: pointer
}

.box ul>li[data-v-689de5b4] {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    word-break: keep-all
}

.box ul>li[data-v-689de5b4]:hover {
    background: #eaeefd
}

.reverse[data-v-689de5b4] {
    transform: rotate(180deg)
}

.bk-items-footer[data-v-689de5b4] {
    position: relative;
    padding: 24px
}

.bk-items-footer[data-v-689de5b4]:after,
.bk-items-footer[data-v-689de5b4]:before {
    content: "";
    position: absolute;
    top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(#e7eaf3, #e7eaf3)
}

.bk-items-footer[data-v-689de5b4]:before {
    left: -9px
}

.bk-items-footer[data-v-689de5b4]:after {
    right: -9px
}

.summary[data-v-689de5b4] {
    border-bottom: 1px solid #c3cad9;
    margin-bottom: 10px
}

.summary>.summaryList[data-v-689de5b4] {
    margin-bottom: 20px;
    font-size: 14px
}

.summary>.summaryList>.summaryItem[data-v-689de5b4] {
    display: block;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative
}

.summaryItemName[data-v-689de5b4],
.summaryItemValue[data-v-689de5b4] {
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 1.5
}

.summaryItemName[data-v-689de5b4] {
    float: left;
    width: 100px;
    color: #374567
}

.summaryItemValue[data-v-689de5b4] {
    display: block;
    margin-left: 90px;
    margin-right: 75px;
    box-sizing: content-box;
    font-weight: 700
}

.price[data-v-689de5b4] {
    float: right;
    color: #3860f4;
    font-size: 14px;
    text-align: right;
    margin-top: 3px;
    margin-bottom: 3px;
    line-height: 1.5
}

.total[data-v-689de5b4] {
    position: relative;
    height: auto;
    margin-bottom: 10px;
    flex-flow: row wrap;
    align-items: center;
    overflow: hidden
}

.total>div[data-v-689de5b4] {
    float: right
}

.total>div>span[data-v-689de5b4] {
    font-family: Numttf;
    font-size: 50px;
    color: #3860f4
}

.total>div:last-of-type>span[data-v-689de5b4] {
    font-weight: 400;
    font-size: 30px
}

.buy[data-v-689de5b4] {
    position: relative;
    height: auto;
    flex-flow: row wrap;
    align-items: center;
    overflow: hidden
}

.buy>a[data-v-689de5b4] {
    float: right;
    height: 34px;
    line-height: 34px;
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e;
    border-radius: 4px;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out
}

.buy>a[data-v-689de5b4]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.gnfy[data-v-689de5b4] {
    display: inline-block;
    width: 78px;
    height: 34px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #d9d9d9;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    line-height: 32px
}

.gnfy.active[data-v-689de5b4] {
    color: #fff !important;
    background: #3860f4
}

.gnfy[data-v-689de5b4]:hover {
    color: #3860f4
}

.Box[data-v-38fa4da6] {
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.imgBox[data-v-38fa4da6] {
    box-sizing: content-box;
    background: #3860f4;
    position: relative;
    min-width: 1200px;
    padding-top: 80px;
    height: 260px;
    height: 444px;
    text-align: center;
    overflow: hidden;
    background-image: url(https://imgs.maoyuncloud.com/v3.0/detail/banner_ddos.png);
    background-size: auto 80%;
    background-position: 60% bottom;
    background-repeat: no-repeat
}

.imgBoxContent[data-v-38fa4da6] {
    text-align: left;
    color: #fff;
    position: relative;
    top: 92px;
    z-index: 1;
    width: 1200px;
    margin: 0 auto
}

.contentText[data-v-38fa4da6] {
    position: relative;
    z-index: 10;
    color: #fff;
    line-height: 1
}

.contentText>h1[data-v-38fa4da6] {
    font-family: tF;
    font-style: italic;
    font-size: 45px;
    margin-bottom: 24px
}

.contentText>p[data-v-38fa4da6] {
    font-size: 16px;
    line-height: 32px;
    color: hsla(0, 0%, 100%, .7)
}

.contentBtn[data-v-38fa4da6] {
    display: inline-block;
    margin-top: 30px;
    width: 144px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    border-radius: 4px;
    transition: all .25s ease-in-out;
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e
}

.contentBtn[data-v-38fa4da6]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.mt48[data-v-38fa4da6] {
    margin-top: 48px
}

.cutover[data-v-38fa4da6] {
    position: relative;
    top: -30px;
    margin: 0 auto;
    width: 855px;
    height: auto;
    clear: both;
    margin-bottom: 64px;
    box-shadow: 0 2px 12px 0 rgb(35 94 238/10%)
}

.cutover>ul[data-v-38fa4da6] {
    width: 100%;
    max-width: 855px
}

.cutover>ul>li[data-v-38fa4da6] {
    width: 49%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: linear-gradient(180deg, rgba(224, 231, 255, .5), #f9faff)
}

.cutover>ul>li>a[data-v-38fa4da6] {
    display: inline-block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    color: #262626;
    background: #f1f7ff;
    text-align: center;
    transition: background .25s ease-in-out
}

.cutover>ul>li:hover>a[data-v-38fa4da6] {
    color: #2662f0
}

.description--area[data-v-38fa4da6] {
    width: 1200px;
    height: auto;
    padding: 0 60px;
    margin: 0 auto
}

.description--area h2[data-v-38fa4da6] {
    text-align: center;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.description--area>p[data-v-38fa4da6] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.header--detail[data-v-38fa4da6] {
    margin: 50px auto 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start
}

.header--detail .header-item[data-v-38fa4da6] {
    width: 25%;
    max-width: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.header--detail .header-item img[data-v-38fa4da6] {
    height: 48px;
    vertical-align: middle;
    margin: 0 auto 16px;
    pointer-events: none;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header--detail .header-item h3[data-v-38fa4da6] {
    margin: 0 auto 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.header--detail .header-item p[data-v-38fa4da6] {
    font-size: 16px;
    line-height: 32px;
    width: 210px;
    color: #7a8ba6;
    text-align: justify;
    margin: 0 auto
}

.question--area[data-v-38fa4da6] {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.question--area>h2[data-v-38fa4da6] {
    font-weight: 400;
    text-align: center;
    margin: 140px 0 80px;
    font-size: 36px;
    letter-spacing: normal;
    line-height: 49px;
    font-size: 28px;
    font-weight: 700;
    color: #374567
}

.question--area .table[data-v-38fa4da6] {
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 120px
}

.question--area .table .label[data-v-38fa4da6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0
}

.question--area .table .label ol[data-v-38fa4da6]:first-of-type {
    width: 20%
}

.question--area .table .label ol[data-v-38fa4da6]:nth-of-type(2) {
    width: 50%;
    box-sizing: border-box;
    padding-left: 32px
}

.question--area .table .label img[data-v-38fa4da6] {
    height: 28px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.question--area .table .label ol[data-v-38fa4da6]:nth-of-type(3) {
    width: 30%;
    box-sizing: border-box;
    padding-left: 32px;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #3b426b
}

.question--area .table .content[data-v-38fa4da6] {
    width: 100%
}

.question--area .table .content ol[data-v-38fa4da6]:nth-of-type(2n - 1) {
    background: rgba(249, 250, 255, .69)
}

.question--area .table .content ol[data-v-38fa4da6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    font-size: 18px;
    line-height: 21px;
    color: #7a8ba6
}

.question--area .table .content ol p[data-v-38fa4da6] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.question--area .table .content ol p[data-v-38fa4da6]:first-of-type {
    width: 20%;
    box-sizing: border-box;
    padding-left: 50px
}

.question--area .table .content ol p[data-v-38fa4da6]:nth-of-type(2) {
    width: 50%
}

.question--area .table .content ol p[data-v-38fa4da6]:nth-of-type(3) {
    width: 30%
}

.question--area .table .content ol p img[data-v-38fa4da6] {
    width: 20px;
    margin-right: 12px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto
}

.question--area .question-box[data-v-38fa4da6] {
    width: 100%;
    margin-bottom: 130px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.question--area .question-box .question-item[data-v-38fa4da6] {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 20px
}

.question--area .question-box .question-item .tag[data-v-38fa4da6] {
    background: rgba(38, 132, 255, .07);
    border-radius: 1000px;
    padding: 8px 17px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 16px 0
}

.question--area .question-box .question-item .tag img[data-v-38fa4da6] {
    width: 20px;
    margin-right: 8px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto
}

.question--area .question-box .question-item .tag span[data-v-38fa4da6] {
    font-size: 16px;
    line-height: 16px;
    color: #4877fc
}

.question--area .question-box .question-item h3[data-v-38fa4da6] {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    color: #3b426b;
    margin-bottom: 24px;
    letter-spacing: 1px
}

.question--area .question-box .question-item p[data-v-38fa4da6] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.question--area .question-box .question-item p strong[data-v-38fa4da6] {
    font-style: normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 51px;
    color: #3b426b;
    margin-right: 8px
}

.question--area .question-box .question-item p span[data-v-38fa4da6] {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #3b426b
}

.carousel[data-v-38fa4da6] {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 80px 0
}

.carousel .image[data-v-38fa4da6] {
    width: 50%
}

.carousel .image img[data-v-38fa4da6] {
    width: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto
}

.carousel .text[data-v-38fa4da6] {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.carousel .text .text-item[data-v-38fa4da6] {
    padding: 15px 30px;
    height: 25px;
    transition: height .3s;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-sizing: content-box
}

.carousel .text .text-item.active[data-v-38fa4da6] {
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(225, 227, 232, .48);
    box-shadow: 0 2px 2px rgba(44, 71, 146, .16862);
    border-radius: 4px;
    margin: 15px 0;
    height: 100px
}

.carousel .text .text-item[data-v-38fa4da6]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3364ed;
    opacity: 0
}

.carousel .text .text-item.active[data-v-38fa4da6]:before {
    opacity: .3
}

.carousel .text .text-item.active[data-v-38fa4da6]:after {
    opacity: 1;
    transform: translateX(0);
    transition: transform 15s linear
}

.carousel .text .text-item[data-v-38fa4da6]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0;
    transform: translateX(-100%);
    background: #3364ed
}

.carousel .text .text-item .top[data-v-38fa4da6] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
    cursor: pointer
}

.carousel .text .text-item .top h4[data-v-38fa4da6] {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #3b426b;
    margin-left: 25px;
    margin-right: 6px
}

.carousel .text .text-item .top span[data-v-38fa4da6] {
    font-size: 20px;
    line-height: 27px;
    color: #3b426b
}

.carousel .text .text-item .content[data-v-38fa4da6] {
    font-size: 14px;
    line-height: 20px;
    color: #7a8ba6
}

.smc-regions[data-v-38fa4da6] {
    margin-top: 82px;
    text-align: center
}

.smc-regions>div[data-v-38fa4da6] {
    display: inline-block;
    background-image: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 16px;
    overflow: hidden
}

.smc-regions>div>ul[data-v-38fa4da6] {
    display: flex;
    text-align: center
}

.smc-regions>div>ul>li[data-v-38fa4da6] {
    padding: 0 24px;
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.smc-regions>div>ul>li.selected[data-v-38fa4da6] {
    color: #4e342e;
    background-image: linear-gradient(90deg, #ffcf87, #ffbc76);
    z-index: 1
}

.smc-region-tips[data-v-38fa4da6] {
    position: absolute;
    left: 50%;
    width: 1080px;
    margin-left: -540px
}

.smc-region-tips>.smc-button-tips[data-v-38fa4da6] {
    display: none;
    margin: auto;
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border-radius: 4px
}

.smc-region-tips>.smc-button-tips>span[data-v-38fa4da6]:first-of-type {
    display: table-cell;
    padding: 5px 24px;
    font-size: 12px;
    color: #7a8ba6;
    line-height: 24px
}

.smc-region-tips>.smc-button-tips>span[data-v-38fa4da6]:last-of-type {
    display: table-cell;
    padding: 0 24px;
    font-size: 12px;
    font-weight: 600;
    color: #7a8ba6;
    background-color: #f9faff;
    border-radius: 0 4px 4px 0;
    vertical-align: middle
}

.deploy--area[data-v-38fa4da6] {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 80px
}

.deploy--area>h2[data-v-38fa4da6] {
    font-weight: 400;
    text-align: center;
    margin: 140px 0 80px;
    font-size: 36px;
    letter-spacing: normal;
    line-height: 49px;
    font-size: 28px;
    font-weight: 700;
    color: #374567
}

.deploy--area .cardlist-four[data-v-38fa4da6] {
    display: flex;
    font-size: 0;
    width: 100%;
    text-align: center
}

.cardlist-four.gray-bg li[data-v-38fa4da6] {
    flex: 1;
    display: inline-block;
    width: 252px;
    padding: 48px 24px;
    margin-right: 24px;
    background: #f9faff;
    box-shadow: none;
    border: none;
    vertical-align: top
}

.cardlist-four.gray-bg li .sicon[data-v-38fa4da6] {
    display: inline-block;
    margin-right: 0;
    padding: 17px;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #3860f4;
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: 0 8px 10px rgb(229 234 255/82%);
    margin-bottom: 24px
}

.cardlist-four.gray-bg li .sicon img[data-v-38fa4da6] {
    width: 24px
}

.deploy--area .moban-h4[data-v-38fa4da6] {
    font-size: 16px;
    color: #374567;
    font-weight: 700;
    line-height: 32px
}

.deploy--area .moban-desc[data-v-38fa4da6] {
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px
}

.foo[data-v-38fa4da6] {
    background-color: #fff;
    box-shadow: 0 -1px 0 0 #e1e7ff;
    overflow: hidden;
    width: 100%
}

.whiteBg[data-v-38fa4da6] {
    background-color: #fff
}

.grayBg[data-v-38fa4da6] {
    background: linear-gradient(1turn, rgba(252, 253, 254, .0001), #f9faff)
}

.platform--area[data-v-38fa4da6] {
    width: 1080px;
    height: auto;
    margin: 0 auto
}

.platform--area .pull-left[data-v-38fa4da6] {
    width: 24px
}

.platform--area>h2[data-v-38fa4da6] {
    letter-spacing: normal;
    line-height: 49px;
    text-align: center;
    padding-top: 140px;
    font-size: 36px;
    font-weight: 400;
    color: #374567
}

.platform--area .item-box[data-v-38fa4da6] {
    height: 800px;
    width: 100%;
    position: relative
}

.platform--area .item-box>img[data-v-38fa4da6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 114%
}

.platform-list[data-v-38fa4da6] {
    float: left;
    margin-top: 120px
}

.platform-list li[data-v-38fa4da6] {
    height: 64px;
    margin-bottom: 32px
}

.platform-list .sicon[data-v-38fa4da6] {
    float: left;
    margin-top: 4px
}

.platform-list .info[data-v-38fa4da6] {
    float: left;
    margin-left: 16px
}

.platform-list .title[data-v-38fa4da6] {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    color: #374567
}

.platform-list .desc[data-v-38fa4da6] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #7a8ba6
}

.platform-list li[data-v-38fa4da6] {
    position: absolute;
    left: 0
}

.platform-list li[data-v-38fa4da6]:first-of-type {
    top: 133px
}

.platform-list li[data-v-38fa4da6]:nth-of-type(2) {
    top: 254px
}

.platform-list li[data-v-38fa4da6]:nth-of-type(3) {
    top: 420px
}

.platform-list li[data-v-38fa4da6]:nth-of-type(4) {
    top: 583px
}

.platform-list li:nth-of-type(3) .desc[data-v-38fa4da6] {
    max-width: 220px
}

.platform-list li:nth-of-type(4) .desc[data-v-38fa4da6] {
    max-width: 210px
}

.regift-banner-resist[data-v-38fa4da6] {
    min-width: 1200px;
    height: 530px;
    background-color: #3860f4;
    overflow: hidden
}

.regift-banner-resist .moban-main[data-v-38fa4da6] {
    margin: 0 auto;
    padding: 64px 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.regift-banner-resist .content[data-v-38fa4da6] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
    padding-top: 266px;
    color: #bcceff
}

.regift-banner-resist .content .des[data-v-38fa4da6] {
    font-size: 16px;
    line-height: 24px
}

.regift-banner-resist .banner-img[data-v-38fa4da6] {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-42%);
    width: 1274px
}

.regift-banner-resist .button-base[data-v-38fa4da6] {
    margin-top: 24px
}

.dingzhi--area[data-v-38fa4da6] {
    margin: 0 auto;
    padding: 60px 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.dingzhi--area .moban-h2[data-v-38fa4da6] {
    text-align: center;
    margin: 0 0 20px;
    letter-spacing: normal;
    line-height: 49px;
    font-size: 28px;
    font-weight: 700;
    color: #374567
}

.dingzhi--area .moban-subtitle[data-v-38fa4da6] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center;
    margin-top: 8px
}

.word-link[data-v-38fa4da6] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.word-link[data-v-38fa4da6]:hover {
    color: #2a49b8
}

.uhybrid-process[data-v-38fa4da6] {
    position: relative;
    margin-bottom: 36px;
    margin-top: 32px
}

.uhybrid-process .uhybrid-steps[data-v-38fa4da6] {
    padding-left: 197px;
    width: 100%
}

.uhybrid-process .uhybrid-steps .uhybrid-step[data-v-38fa4da6] {
    position: relative;
    display: inline-block;
    height: 100px;
    margin-right: 90px;
    text-align: center;
    cursor: pointer
}

.uhybrid-process .uhybrid-steps .uhybrid-step .label[data-v-38fa4da6] {
    position: relative;
    display: block;
    margin: 0 20px 24px 20px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-size: 32px 32px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .25s ease-in-out;
    box-sizing: border-box
}

.uhybrid-process .uhybrid-steps .uhybrid-step .circle-icon[data-v-38fa4da6] {
    position: absolute;
    top: 12px;
    left: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(249, 250, 255, 0), rgba(56, 96, 244, .21))
}

.uhybrid-process .uhybrid-steps .uhybrid-step .en3[data-v-38fa4da6] {
    position: absolute;
    top: 0;
    left: 22px;
    margin-top: 12px;
    font-size: 32px;
    color: #3860f4;
    font-family: Arial;
    letter-spacing: 1px
}

.uhybrid-process .uhybrid-steps .uhybrid-step .desc[data-v-38fa4da6] {
    color: #374567;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700
}

.uhybrid-process .uhybrid-steps .uhybrid-step .step-arrow[data-v-38fa4da6] {
    float: right;
    display: inline-block;
    margin: -56px -90px 0 0;
    width: 90px;
    height: 1px;
    background-color: #e1e6f0
}

.uhybrid-process .check-border[data-v-38fa4da6] {
    border-bottom: 8px solid #ebf0fc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 126px;
    left: 44px;
    display: none
}

.uhybrid-process .check-top[data-v-38fa4da6] {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    bottom: -10px;
    left: -8px;
    z-index: 10
}

.uhybrid-process .uhybrid-steps .uhybrid-step.selected .label[data-v-38fa4da6] {
    box-shadow: 0 8px 10px 0 rgb(229 234 255/82%);
    background-color: #fff;
    border: 1px solid #3860f4
}

.uhybrid-process .uhybrid-steps .uhybrid-step.selected .check-border[data-v-38fa4da6] {
    display: block
}

.uhybrid-process .uhybrid-contain[data-v-38fa4da6] {
    position: relative;
    margin-top: 22px
}

.uhybrid-process .uhybrid-contain>ul>li[data-v-38fa4da6] {
    display: none;
    width: 1080px;
    padding: 48px 100px;
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #ebf0fc;
    vertical-align: top;
    box-sizing: border-box
}

.uhybrid-process .uhybrid-contain>ul>li.active[data-v-38fa4da6] {
    display: block
}

.button-base-whiteborder[data-v-38fa4da6] {
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    font-weight: 400;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    margin-top: 24px
}

.button-base-whiteborder[data-v-38fa4da6]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

.topImg[data-v-417e2f3e] {
    position: relative;
    min-width: 1200px;
    height: 260px;
    background-image: url(../../static.ucloud.cn/4d46294fbadf4e8e97b3fac8be85a0e5.png), linear-gradient(90deg, #3860f4, #3860f4);
    background-size: auto 260px, 100% 100%;
    background-repeat: no-repeat, repeat;
    background-position: top, 0 0;
    overflow: hidden;
    text-align: center
}

.topImg>img[data-v-417e2f3e] {
    margin-top: 80px;
    height: 180px
}

.announcementBox[data-v-417e2f3e] {
    color: #374567;
    font-size: 14px;
    padding: 80px 0 100px 0
}

.announcementMain[data-v-417e2f3e] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.announcementTable[data-v-417e2f3e] {
    width: 100%;
    font-size: 14px;
    color: #374567;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box
}

.announcementTable>table[data-v-417e2f3e] {
    border-collapse: collapse;
    border-spacing: 0
}

.announcementTable>table>thead>tr[data-v-417e2f3e] {
    background: #f9faff
}

.announcementTable>table>thead>tr>th[data-v-417e2f3e] {
    padding: 0 36px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #374567;
    border-right: 1px solid #e1e6f0;
    border-bottom: 1px solid #e1e6f0;
    text-align: left;
    box-sizing: content-box
}

.announcementTable>table>thead>tr>th[data-v-417e2f3e]:last-of-type {
    border-right: 0
}

.announcementTable>table>tbody>tr>td[data-v-417e2f3e] {
    height: 32px;
    padding: 18px 36px;
    line-height: 32px;
    color: #374567;
    border-right: 1px solid #e1e6f0;
    border-bottom: 1px solid #e1e6f0;
    vertical-align: middle;
    text-align: left
}

.announcementTable>table>tbody>tr>td[data-v-417e2f3e]:last-of-type {
    border-right: 0
}

.announcementTable>table>tbody>tr>td>a[data-v-417e2f3e] {
    display: block;
    color: #3860f4;
    text-align: left
}

.announcementTable>table>tbody>tr:last-of-type>td[data-v-417e2f3e] {
    border-bottom: 0
}

.page[data-v-417e2f3e] {
    margin-top: 64px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page>li[data-v-417e2f3e] {
    position: relative;
    margin-right: 24px;
    display: inline-block;
    text-align: center;
    min-width: 24px;
    height: 26px;
    font-size: 14px;
    color: #374567;
    cursor: pointer;
    transition: background-color .1s ease-in-out
}

.page>li a[data-v-417e2f3e] {
    display: block;
    color: #374567
}

.page>li.active>a[data-v-417e2f3e] {
    min-width: 32px;
    height: 30px;
    padding: 4px;
    background: #3860f4;
    color: #fff;
    border-radius: 4px
}

.page>li.other-btn[data-v-417e2f3e] {
    margin-right: 48px
}

.page>li.nan-btn[data-v-417e2f3e]:hover:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #3860f4
}

.page>li.other-btn>.aBtn[data-v-417e2f3e] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 22px;
    box-sizing: border-box
}

.aBtn>svg[data-v-417e2f3e] {
    vertical-align: top;
    width: 12px;
    height: 22px
}

.page>li.other-btn:hover a[data-v-417e2f3e] {
    color: #3860f4
}

.page>li.other-btn .aBtn[data-v-417e2f3e]:hover {
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.page>li[data-v-417e2f3e]:last-of-type {
    margin-right: 0
}

.page>li:last-of-type>span[data-v-417e2f3e] {
    color: #7a8ba6;
    cursor: default
}

.newsBox[data-v-df71b080] {
    padding-top: 80px;
    background-image: linear-gradient(180deg, #fff 80px, #f9faff 0)
}

.newsContent[data-v-df71b080] {
    padding: 64px 0 100px 0;
    margin: 0 auto;
    width: 1000px
}

.contentTop[data-v-df71b080] {
    margin-bottom: 32px;
    height: 32px;
    background-color: #f9faff;
    z-index: 100
}

.contentTop>a[data-v-df71b080] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #3860f4;
    vertical-align: top;
    vertical-align: middle
}

.contentTop>svg[data-v-df71b080] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 8px 0 10px
}

.contentTop>span[data-v-df71b080] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #374567;
    vertical-align: top
}

.newsMain[data-v-df71b080] {
    padding: 64px 80px;
    background: #fff;
    border: 1px solid #ebf0fc;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.newsMain>p[data-v-df71b080] {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    text-align: justify
}

.mainTitle>p[data-v-df71b080] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 56px;
    font-weight: 700;
    color: #374567;
    text-align: justify
}

.time[data-v-df71b080] {
    margin-top: 24px;
    text-align: right
}

.author[data-v-df71b080] {
    margin-top: 8px;
    text-align: right
}

.boxMain[data-v-85e639b4] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}

.top[data-v-85e639b4] {
    position: relative;
    height: 524px;
    background-image: url(https://www.kaiyuncdn.com/images/d1c92ae0d43b4543a631c6ae15153e87.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px auto;
    background-position: bottom;
    background-repeat: no-repeat
}

.topContent[data-v-85e639b4] {
    text-align: left;
    color: #fff;
    position: relative;
    top: 172px;
    z-index: 1;
    width: 1200px;
    margin: 0 auto
}

.contentText[data-v-85e639b4] {
    position: relative;
    z-index: 10;
    color: #fff;
    line-height: 1
}

.contentText>h1[data-v-85e639b4] {
    font-family: tF;
    font-style: italic;
    font-size: 45px;
    margin-bottom: 24px
}

.contentText>p[data-v-85e639b4] {
    font-size: 16px;
    line-height: 32px;
    color: hsla(0, 0%, 100%, .7)
}

.contentBtn[data-v-85e639b4] {
    display: inline-block;
    margin-top: 30px;
    width: 144px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
    border-radius: 4px;
    transition: all .25s ease-in-out;
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e
}

.contentBtn[data-v-85e639b4]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.nav[data-v-85e639b4] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 1200px;
    margin: -53px auto 0;
    display: flex;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0/10%);
    cursor: pointer;
    z-index: 100
}

.navItem[data-v-85e639b4] {
    flex: 1;
    height: 105px;
    line-height: 105px;
    margin: auto
}

.navItem[data-v-85e639b4]:hover {
    background: linear-gradient(90deg, rgba(0, 45, 179, .06), rgba(33, 177, 247, .06))
}

.navItem.active[data-v-85e639b4],
.navItem.active[data-v-85e639b4]:hover {
    background: linear-gradient(90deg, #3860f4, #5f87f8)
}

.itemList[data-v-85e639b4] {
    font-size: 16px;
    line-height: 16px;
    color: #333;
    font-weight: 500;
    margin-top: 39px;
    margin-left: 24px;
    position: absolute
}

.hover_img[data-v-85e639b4] {
    width: 50%;
    height: 104px;
    float: right;
    position: relative
}

.navItem:hover>.itemList[data-v-85e639b4] {
    margin-top: 34px;
    color: #666
}

.navItem.active:hover>.itemList[data-v-85e639b4] {
    margin-top: 39px
}

.navItem.active>.itemList[data-v-85e639b4] {
    color: #fff
}

.itemList>div[data-v-85e639b4]:nth-of-type(2) {
    font-size: 12px;
    line-height: 16px;
    color: #21b1f7
}

.navItem.active>.itemList>div[data-v-85e639b4]:nth-of-type(2) {
    color: #fff
}

.itemList>div[data-v-85e639b4]:nth-of-type(3) {
    display: none;
    font-size: 12px;
    margin-top: 6px
}

.navItem:hover>.itemList>div[data-v-85e639b4]:nth-of-type(3) {
    display: inline-block
}

.navItem.active>.itemList>div[data-v-85e639b4]:nth-of-type(3) {
    display: none
}

.contentMain[data-v-85e639b4] {
    min-width: 1200px;
    border: 1px solid #fff
}

.contentMainBg[data-v-85e639b4] {
    background-image: linear-gradient(90deg, #fff, #f8f8f8 50%, #fff)
}

.mainDesc[data-v-85e639b4] {
    display: flex;
    width: 1200px;
    min-height: 500px;
    margin: auto;
    padding-top: 148px
}

.iconFloat[data-v-85e639b4] {
    width: 84px;
    position: relative
}

.iconFloat>.icon1[data-v-85e639b4] {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .16), #fff)
}

.iconFloat>.icon2[data-v-85e639b4] {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(45deg, #2b62f1, #358de5)
}

.iconFloat img[data-v-85e639b4] {
    width: 100%;
    height: 100%
}

.fixdDesc[data-v-85e639b4] {
    height: 100%;
    margin-top: 10px
}

.fixdDesc>p[data-v-85e639b4] {
    margin-top: 0;
    margin-bottom: 1em
}

.fixdDesc>p[data-v-85e639b4]:first-of-type {
    font-size: 20px;
    line-height: 52px;
    color: #444;
    font-weight: 500
}

.fixdDesc>p[data-v-85e639b4]:nth-of-type(2) {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left
}

.fixdDesc>p:nth-of-type(3)>ul[data-v-85e639b4] {
    line-height: 28px;
    font-weight: 500;
    color: #368de6;
    text-align: left;
    padding-left: 15px
}

.fixdDesc>p:nth-of-type(3)>ul>li[data-v-85e639b4] {
    list-style: disc
}

.fixdDesc>p:nth-of-type(3)>ul span[data-v-85e639b4] {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    text-align: left
}

.fixdDesc>p:nth-of-type(4)>button[data-v-85e639b4] {
    width: 145px;
    height: 37px;
    margin: 44px 0 113px 0;
    padding: 0;
    line-height: 36px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgb(0 0 0/2%);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    font-size: 12px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .65);
    z-index: 1
}

.fixdDesc>p:nth-of-type(4)>button[data-v-85e639b4]:hover {
    color: #40a9ff
}

.fixdDesc>p:nth-of-type(4)>button>span[data-v-85e639b4] {
    display: inline-block;
    transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
    pointer-events: none
}

.cutover[data-v-85e639b4] {
    margin: 0 auto;
    margin-top: -30px;
    width: 854px;
    height: auto;
    clear: both;
    margin-bottom: 64px;
    box-shadow: 0 2px 12px 0 rgb(35 94 238/10%);
    z-index: 1000
}

.cutover>ul>li[data-v-85e639b4] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: linear-gradient(180deg, rgba(224, 231, 255, .5), #f9faff)
}

.cutover>ul[data-v-85e639b4] {
    width: 100%;
    max-width: 855px
}

.cutover>ul>li[data-v-85e639b4] {
    width: 33.333%
}

.cutover>ul>li>a[data-v-85e639b4] {
    display: inline-block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    color: #262626;
    background: #f1f7ff;
    text-align: center;
    transition: background .25s ease-in-out
}

.cutover>ul>li:hover>a[data-v-85e639b4] {
    color: #2662f0
}

.ripple[data-v-85e639b4] {
    position: relative;
    float: right;
    right: 235px;
    top: 110px;
    width: 180px;
    height: 100px;
    opacity: .5
}

.ripple p[data-v-85e639b4] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    background-color: rgba(8, 134, 250, .2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.ripple p[data-v-85e639b4]:first-of-type {
    -webkit-animation: click1-data-v-85e639b4 2.3s linear infinite;
    animation: click1-data-v-85e639b4 2.3s linear infinite
}

.ripple p[data-v-85e639b4]:nth-of-type(2) {
    -webkit-animation: click2-data-v-85e639b4 2.3s linear infinite;
    animation: click2-data-v-85e639b4 2.3s linear infinite
}

@-webkit-keyframes click1-data-v-85e639b4 {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes click1-data-v-85e639b4 {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@-webkit-keyframes click2-data-v-85e639b4 {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(3)
    }
}

@keyframes click2-data-v-85e639b4 {
    0% {
        opacity: .8;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(3)
    }
}

.regift-banner[data-v-85e639b4] {
    min-width: 1200px;
    height: 530px;
    background-color: #3860f4;
    overflow: hidden
}

.regift-banner .moban-main[data-v-85e639b4] {
    margin: 0 auto;
    padding: 64px 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.regift-banner .content[data-v-85e639b4] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 10;
    padding-top: 266px;
    color: #bcceff
}

.regift-banner .content .des[data-v-85e639b4] {
    font-size: 16px;
    line-height: 24px
}

.regift-banner .banner-img[data-v-85e639b4] {
    position: absolute;
    top: 80px;
    left: 49.5%;
    transform: translate(-42%);
    width: 1274px
}

.regift-banner .button-base[data-v-85e639b4] {
    margin-top: 24px
}

.button-white-tech[data-v-85e639b4] {
    width: 145px;
    height: 37px;
    margin: 44px 0 113px 0;
    padding: 0;
    line-height: 36px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgb(0 0 0/2%);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    font-size: 12px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .65);
    z-index: 1
}

.button-white-tech[data-v-85e639b4]:hover {
    color: #40a9ff
}

.button-base-whiteborder[data-v-85e639b4] {
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    font-weight: 400;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    margin-top: 24px
}

.button-base-whiteborder[data-v-85e639b4]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

.solution[data-v-7be22981] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.solution .solution-banner[data-v-7be22981] {
    padding-top: 80px;
    height: 352px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-20.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px 270px, 100% 270px;
    background-position: top, 0 0;
    background-repeat: no-repeat
}

.pos-rel[data-v-7be22981] {
    position: relative
}

.main[data-v-7be22981] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.solution .banner-img[data-v-7be22981] {
    display: block;
    width: 1200px;
    height: 270px
}

.solution .solution-banner .title[data-v-7be22981] {
    position: absolute;
    top: 72px;
    left: 60px
}

.solution .solution-banner .title>h1[data-v-7be22981] {
    height: 0;
    font-size: 0
}

.solution-banner h1[data-v-7be22981] {
    position: relative;
    margin-top: 196px;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #374567
}

.solution .solution-banner .banner-title-img[data-v-7be22981] {
    height: 34px;
    margin-right: 24px
}

.vt[data-v-7be22981] {
    vertical-align: top
}

.button-whiteborder[data-v-7be22981] {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-base[data-v-7be22981] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400
}

.button-radius-4[data-v-7be22981] {
    border-radius: 4px
}

.h34-border[data-v-7be22981] {
    height: 34px;
    line-height: 32px
}

.button-whiteborder[data-v-7be22981]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.new-main[data-v-7be22981] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.tc[data-v-7be22981] {
    text-align: center
}

.mb16[data-v-7be22981] {
    margin-bottom: 16px
}

.solution .h2-des[data-v-7be22981] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.list-four-up-down[data-v-7be22981] {
    font-size: 0;
    width: 100%;
    text-align: center
}

.mt48[data-v-7be22981] {
    margin-top: 48px
}

.solution.list-four-up-down[data-v-7be22981] {
    display: flex;
    justify-content: space-around;
    min-width: auto
}

.solution .list-four-up-down[data-v-7be22981] {
    background: hsla(0, 0%, 100%, 0)
}

.list-four-up-down li[data-v-7be22981] {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.solution .list-four-up-down li img[data-v-7be22981] {
    width: 48px;
    margin-bottom: 16px
}

.list-four-up-down li img[data-v-7be22981] {
    vertical-align: middle
}

.solution .list-four-up-down li h3[data-v-7be22981] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.solution .list-four-up-down li .des[data-v-7be22981] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    width: 210px;
    text-align: justify
}

.fangan[data-v-7be22981] {
    margin-bottom: 80px;
    text-align: center
}

.solution h2[data-v-7be22981] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.fangan img[data-v-7be22981] {
    display: block;
    margin: 40px auto 48px auto;
    width: 880px;
    cursor: zoom-in
}

.solution h2>.en5[data-v-7be22981] {
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #7a8ba6
}

.en5[data-v-7be22981] {
    font-family: tf;
    letter-spacing: 1px;
    font-weight: 400
}

.core-techcontent-list[data-v-7be22981] {
    margin-top: 42px;
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 32px;
    color: #6b798e
}

.new-tabs[data-v-7be22981] {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-tabs .selected-line[data-v-7be22981] {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.selected[data-v-7be22981] {
    display: block;
    opacity: 1
}

.new-tabs>li.selected[data-v-7be22981] {
    font-weight: 700;
    color: #3860f4
}

.new-tabs>li[data-v-7be22981] {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li[data-v-7be22981]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li[data-v-7be22981]:last-of-type:after {
    content: none
}

.solution-tech-ind.card-lunbo[data-v-7be22981] {
    margin-top: 32px;
    width: 1080px;
    height: auto;
    background: 0 0;
    box-shadow: none;
    border: none
}

.mb80[data-v-7be22981] {
    margin-bottom: 80px
}

.card-lunbo .card-lunbo-list-height-auto[data-v-7be22981] {
    position: relative
}

.card-lunbo .card-lunbo-list-height-auto>li.active[data-v-7be22981] {
    height: auto;
    opacity: 1
}

.card-lunbo .card-lunbo-list-height-auto>li[data-v-7be22981] {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    transition: height .25s ease-in-out;
    font-size: 0
}

.core-techcontent[data-v-7be22981] {
    text-align: justify
}

.core-techcontent>h3[data-v-7be22981] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px;
    color: #374567;
    font-weight: 700
}

.core-techcontent>p[data-v-7be22981] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.mt32[data-v-7be22981] {
    margin-top: 32px
}

.core-techcontent-list span[data-v-7be22981] {
    color: #0a1633;
    font-weight: 700
}

.core-techcontent>p>span[data-v-7be22981] {
    color: #374567
}

.changjing-content-list[data-v-7be22981] {
    margin-top: 42px
}

.changjing-content[data-v-7be22981] {
    margin-top: 48px;
    font-size: 0
}

.dn[data-v-7be22981] {
    display: none !important
}

.changjing-content .changjing-content-left[data-v-7be22981] {
    float: left;
    vertical-align: top;
    padding-top: 83px
}

.changjing-content .blue-block[data-v-7be22981] {
    position: relative;
    padding: 123px 48px 24px 48px;
    width: 473px;
    height: 287px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ebf0fc;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.changjing-content .scence-img[data-v-7be22981] {
    position: absolute;
    top: -83px;
    left: 50%;
    transform: translate(-50%);
    width: 377px;
    border-radius: 4px
}

.changjing-content .card-title[data-v-7be22981] {
    margin-top: 24px
}

.changjing-content .card-title h3[data-v-7be22981] {
    float: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.changjing-content .card-title a[data-v-7be22981] {
    float: right
}

.word-link[data-v-7be22981] {
    padding-left: 32px;
    line-height: 36px;
    background-image: url(../../static.ucloud.cn/51a5ed30a87f4feb926267161f9ba483.png);
    background-size: 24px;
    background-position: left 6px;
    background-repeat: no-repeat
}

.vm[data-v-7be22981] {
    vertical-align: middle
}

.word-link[data-v-7be22981] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.changjing-content .card-des[data-v-7be22981] {
    margin-top: 8px;
    color: #7a8ba6;
    font-size: 16px;
    line-height: 32px
}

.changjing-content .changjing-content-right[data-v-7be22981] {
    padding-top: 15px;
    float: right;
    vertical-align: top
}

.changjing-content .changjing-content-right li[data-v-7be22981] {
    margin-bottom: 32px
}

.changjing-content .changjing-content-right .content-left[data-v-7be22981] {
    margin-bottom: 8px
}

.changjing-content .changjing-content-right .icon[data-v-7be22981] {
    margin-right: 16px;
    width: 24px;
    vertical-align: middle
}

.changjing-content .changjing-content-right .icon-des[data-v-7be22981] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    vertical-align: middle
}

.changjing-content .changjing-content-right .content-right[data-v-7be22981] {
    width: 544px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.solution-steps[data-v-7be22981] {
    padding-top: 48px;
    background-color: #f9faff
}

.solution-steps .new-main[data-v-7be22981] {
    height: 294px
}

.mt24[data-v-7be22981] {
    margin-top: 24px
}

.h34[data-v-7be22981] {
    height: 34px;
    line-height: 34px
}

.button-bluegradient[data-v-7be22981] {
    box-shadow: none;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-7be22981]:hover {
    box-shadow: none;
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.steps[data-v-7be22981] {
    position: absolute;
    top: 0;
    right: 60px
}

.steps .card-lunbo[data-v-7be22981] {
    width: 700px;
    height: 248px;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.card-lunbo[data-v-7be22981] {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    overflow: hidden
}

.card-lunbo .card-lunbo-list[data-v-7be22981] {
    position: relative
}

.steps .card-lunbo .card3-lunbo-list[data-v-7be22981] {
    margin: 0
}

.steps .card-lunbo .card-lunbo-list>li[data-v-7be22981] {
    padding: 0 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.card-lunbo .card-lunbo-list>li[data-v-7be22981] {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    font-size: 0;
    transition: height .25s ease-in-out
}

.card-opacity.active[data-v-7be22981] {
    opacity: 1;
    height: auto !important
}

.card-opacity[data-v-7be22981] {
    opacity: 0;
    transition: opacity .25s ease-in-out 10ms
}

.steps .card-lunbo .card-lunbo-list>li>img[data-v-7be22981] {
    margin-right: 24px;
    width: 204px;
    vertical-align: top
}

.steps .steps-des[data-v-7be22981] {
    display: inline-block;
    padding-top: 34px;
    width: 318px;
    color: #7a8ba6;
    vertical-align: top
}

.steps .steps-des h3[data-v-7be22981] {
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    color: #374567;
    font-weight: 700
}

.steps .steps-des p[data-v-7be22981] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 28px
}

.carousel-control[data-v-7be22981] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.steps .carousel-control[data-v-7be22981] {
    top: 82px
}

.card-lunbo .carousel-control[data-v-7be22981] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 24px;
    box-sizing: border-box
}

.carousel-control.left[data-v-7be22981] {
    left: 24px
}

.card-lunbo .carousel-control[data-v-7be22981]:hover {
    color: #3860f4;
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.card-lunbo .carousel-control.disable-btn[data-v-7be22981] {
    border: 1px solid #e1e6f0;
    background: #f2f4f8;
    color: #ddd;
    cursor: default
}

.carousel-control.right[data-v-7be22981] {
    right: 24px
}

.dots-wrap-cnumber[data-v-7be22981] {
    height: 26px;
    position: absolute;
    width: 100%;
    bottom: 32px;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.dots-wrap-cnumber .dots[data-v-7be22981] {
    text-align: center;
    line-height: 24px
}

.dots-wrap-cnumber .dots .dot.active[data-v-7be22981] {
    font-weight: 700;
    color: #3860f4;
    border-bottom: 2px solid #3860f4
}

.dots-wrap-cnumber .dots .dot[data-v-7be22981] {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    color: #374567;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.aicon[data-v-7be22981] {
    position: relative;
    top: -3px;
    left: 4px
}

.button-base-whiteborder[data-v-5ce3c144] {
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    font-weight: 400;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    margin-top: 24px;
    z-index: 1;
    position: relative
}

.button-base-whiteborder[data-v-5ce3c144]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

.gray-bg[data-v-5ce3c144] {
    background: #f9faff
}

.moban-banner.blue-bg[data-v-5ce3c144] {
    background: #3860f4
}

.moban-banner[data-v-5ce3c144] {
    position: relative;
    min-width: 1200px;
    padding-top: 80px;
    height: 340px;
    text-align: center;
    overflow: hidden
}

.moban-banner .banner-img[data-v-5ce3c144] {
    position: absolute;
    left: 0;
    height: 260px;
    transform: translate(-18%);
    z-index: 0
}

.moban-banner .moban-banner-main[data-v-5ce3c144] {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    padding: 0 60px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.button-base[data-v-5ce3c144] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400;
    box-shadow: none
}

.tl[data-v-5ce3c144] {
    text-align: left
}

.pos-rel[data-v-5ce3c144] {
    position: relative
}

.mt64[data-v-5ce3c144] {
    margin-top: 64px
}

.mt24[data-v-5ce3c144] {
    margin-top: 24px
}

.h34[data-v-5ce3c144] {
    height: 34px;
    line-height: 34px
}

.mt8[data-v-5ce3c144] {
    margin-top: 8px
}

.button-yellowgradient[data-v-5ce3c144] {
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e
}

.button-radius-4[data-v-5ce3c144] {
    border-radius: 4px
}

.moban-banner.blue-bg .moban-desc[data-v-5ce3c144] {
    color: #fff
}

.moban-desc[data-v-5ce3c144] {
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px
}

.button-yellowgradient[data-v-5ce3c144]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.products-gray-wrap[data-v-5ce3c144] {
    background: #f9faff;
    min-width: 1200px
}

.products-wrap[data-v-5ce3c144] {
    margin: 0 auto;
    padding-top: 80px;
    width: 1200px;
    min-width: 1200px;
    clear: both;
    overflow: visible
}

.products-nav[data-v-5ce3c144] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    float: left;
    width: 212px;
    z-index: 0
}

.products-nav>ul[data-v-5ce3c144] {
    border-right: 1px solid #e1e6f0;
    box-sizing: border-box
}

.products-nav>ul li[data-v-5ce3c144] {
    position: relative;
    width: 151px;
    height: 32px;
    padding: 14px 0 14px 60px;
    line-height: 32px;
    box-sizing: content-box
}

.products-nav>ul li.active[data-v-5ce3c144] {
    width: 150px;
    border-right: 2px solid #3860f4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.products-nav>ul li.active[data-v-5ce3c144]:before {
    background: linear-gradient(90deg, #3860f4, rgba(95, 135, 248, 0))
}

.products-nav>ul li[data-v-5ce3c144]:before {
    display: block;
    content: "";
    float: left;
    margin: 13px 0 0 -34px;
    width: 6px;
    height: 6px;
    background: linear-gradient(90deg, rgba(56, 96, 244, .21), rgba(249, 250, 255, 0));
    border-radius: 4px
}

.products-nav>ul li.active a[data-v-5ce3c144] {
    font-weight: 700;
    color: #3860f4
}

.products-nav>ul li a[data-v-5ce3c144] {
    display: block;
    font-size: 16px;
    color: #374567
}

.products-nav>ul li[data-v-5ce3c144]:after {
    position: absolute;
    left: 13px;
    bottom: 0;
    display: block;
    content: "";
    width: 185px;
    height: 1px;
    background: #ebf0fc
}

.products-nav>ul li[data-v-5ce3c144]:last-child:after {
    content: none
}

.products-banner-buttons[data-v-5ce3c144] {
    width: 880px;
    height: 80px;
    margin-left: 260px;
    margin-bottom: 64px;
    padding: 0 34px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-18.png);
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    box-sizing: border-box;
    font-size: 0
}

.products-banner-buttons .banner-desc[data-v-5ce3c144] {
    float: left;
    margin-top: 28px;
    font-size: 16px;
    color: #374567;
    line-height: 24px;
    font-weight: 700
}

.products-banner-buttons .banner-buttons[data-v-5ce3c144] {
    float: right;
    margin-top: 22px
}

.button-bluegradient[data-v-5ce3c144] {
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.ml16[data-v-5ce3c144] {
    margin-left: 16px
}

.h34-border[data-v-5ce3c144] {
    height: 34px;
    line-height: 32px
}

.button-blueborder[data-v-5ce3c144] {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4
}

.button-bluegradient[data-v-5ce3c144]:hover {
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff;
    box-shadow: none
}

.button-blueborder[data-v-5ce3c144]:hover {
    background: #e7eeff;
    box-shadow: none
}

.products-content[data-v-5ce3c144] {
    width: 880px;
    margin-left: 212px;
    margin-bottom: 80px;
    padding-left: 48px;
    padding-right: 60px;
    box-sizing: content-box
}

.products-h2[data-v-5ce3c144] {
    margin-bottom: 48px;
    font-size: 28px;
    font-weight: 700;
    color: #374567;
    line-height: 48px
}

.products-list1[data-v-5ce3c144] {
    font-size: 0
}

.products-list1 li[data-v-5ce3c144] {
    display: inline-block;
    margin-right: 64px;
    margin-bottom: 48px;
    vertical-align: top
}

.products-list1 li[data-v-5ce3c144]:nth-child(2n) {
    margin-right: 0
}

.products-list1 li[data-v-5ce3c144]:last-child,
.products-list1 li[data-v-5ce3c144]:nth-last-child(2) {
    margin-bottom: 0
}

.products-list1 li .simg[data-v-5ce3c144] {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    width: 24px;
    height: 24px
}

.products-list1 li .simg img[data-v-5ce3c144] {
    width: 24px;
    height: 24px
}

.products-list1 li .info[data-v-5ce3c144] {
    display: inline-block;
    width: 360px;
    margin-left: 24px
}

.products-list1 li .info .title[data-v-5ce3c144] {
    font-size: 16px;
    font-weight: 700;
    color: #374567;
    line-height: 32px
}

.products-list1 li .info .desc[data-v-5ce3c144] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.products-config-links[data-v-5ce3c144] {
    float: right;
    margin-top: -86px;
    font-size: 14px;
    font-weight: 400;
    color: #3860f4;
    line-height: 28px;
    vertical-align: bottom
}

.en3[data-v-5ce3c144] {
    font-family: Numttf;
    letter-spacing: 1px
}

.products-list2[data-v-5ce3c144] {
    font-size: 0
}

.products-list2 li[data-v-5ce3c144] {
    position: relative;
    display: inline-block;
    width: 408px;
    margin-right: 64px;
    margin-bottom: 48px;
    vertical-align: top
}

.products-list2 li[data-v-5ce3c144]:nth-child(2n) {
    margin-right: 0
}

.products-list2 li[data-v-5ce3c144]:last-child,
.products-list2 li[data-v-5ce3c144]:nth-last-child(2) {
    margin-bottom: 0
}

.products-list2 li .title[data-v-5ce3c144] {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #374567;
    line-height: 32px
}

.products-list2 li .desc[data-v-5ce3c144] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.products-list2 li .links[data-v-5ce3c144] {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #3860f4;
    line-height: 28px
}

.products-list3[data-v-5ce3c144] {
    font-size: 0
}

.products-list3 li[data-v-5ce3c144] {
    display: inline-block;
    width: 277px;
    margin-right: 24px;
    margin-bottom: 48px;
    background: linear-gradient(180deg, #f9faff, #ebf0fc);
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden
}

.products-list3 li[data-v-5ce3c144]:nth-child(3n) {
    margin-right: 0
}

.products-list3 li .bimg[data-v-5ce3c144],
.products-list3 li .bimg img[data-v-5ce3c144] {
    width: 277px;
    height: 151px
}

.products-list3 li .desc[data-v-5ce3c144] {
    min-height: 80px;
    padding: 8px 24px;
    background: #fff;
    border-top: 1px solid #e1e6f0;
    font-size: 16px;
    font-weight: 700;
    color: #374567;
    line-height: 32px;
    text-align: justify;
    box-sizing: border-box
}

.pd[data-v-5ce3c144] {
    padding-bottom: 80px;
    margin-bottom: 0
}

.products-config-links[data-v-5ce3c144]:hover,
.products-list2 li .links[data-v-5ce3c144]:hover {
    color: #2a49b8
}

.smc-card-wrap[data-v-5ce3c144] {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex
}

.smc-card-wrap .smc-card[data-v-5ce3c144] {
    position: relative;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #e1e6f0;
    text-align: left
}

.smc-card-wrap .smc-card.card-md[data-v-5ce3c144] {
    margin: 0 12px;
    padding-bottom: 84px
}

.smc-card-wrap .smc-card.card-md[data-v-5ce3c144]:first-child {
    margin-left: 0
}

.smc-card-wrap .smc-card[data-v-5ce3c144] {
    width: 50%
}

.smc-card-wrap .smc-card[data-v-5ce3c144]:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #3860f4;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border-radius: 0 0 2px 2px
}

.smc-card-wrap .smc-card.card-md[data-v-5ce3c144]:before {
    left: 24px
}

.smc-card-wrap .smc-card .card-top[data-v-5ce3c144] {
    border-bottom: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-md .card-top[data-v-5ce3c144] {
    margin: 0 24px;
    padding: 36px 0 16px 0
}

.smc-card-wrap .smc-card .card-top .title[data-v-5ce3c144] {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #374567
}

.smc-card-wrap .smc-card.card-md .card-content[data-v-5ce3c144] {
    margin: 0 24px;
    padding: 16px 0 16px 0
}

.smc-card-wrap .smc-card .card-content .content-table[data-v-5ce3c144] {
    width: 100%;
    margin-bottom: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr[data-v-5ce3c144] {
    height: 48px;
    line-height: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr .icon-circle[data-v-5ce3c144] {
    display: none;
    margin-right: 14px;
    width: 4px;
    height: 4px;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 2px;
    vertical-align: middle
}

.smc-card-wrap .smc-card .card-content .content-table tr .label[data-v-5ce3c144] {
    position: relative;
    font-size: 14px;
    color: #374567
}

.smc-card-wrap .smc-card .card-content .content-table tr .control[data-v-5ce3c144] {
    font-size: 14px;
    font-weight: 700;
    color: #374567
}

.smc-card-wrap .smc-card .card-bottom[data-v-5ce3c144] {
    position: absolute;
    bottom: 0;
    width: 100%
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap[data-v-5ce3c144] {
    height: 34px;
    border-top: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-md .card-bottom .bottom-wrap[data-v-5ce3c144] {
    margin: 0 24px;
    padding: 24px 0 36px 0;
    box-sizing: content-box
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail[data-v-5ce3c144] {
    display: inline-block;
    font-size: 12px;
    color: #374567;
    line-height: 30px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .font-num[data-v-5ce3c144] {
    font-size: 50px;
    color: #3860f4;
    letter-spacing: 1px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .desc[data-v-5ce3c144] {
    display: inline-block;
    line-height: 17px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .gray[data-v-5ce3c144] {
    color: #7a8ba6
}

.smc-card-wrap .button-yellowgradient[data-v-5ce3c144] {
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e;
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    float: right
}

.smc-card-wrap .button-yellowgradient[data-v-5ce3c144]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.form-select[data-v-5ce3c144] {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer
}

.form-select>input[data-v-5ce3c144] {
    position: absolute;
    width: 120px;
    padding: 6px 12px;
    border: 1px solid #e1e6f0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #374567;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: 0
}

.form-select>svg[data-v-5ce3c144] {
    position: absolute;
    right: 10px;
    top: 8px;
    pointer-events: none
}

.deg[data-v-5ce3c144] {
    transform: rotate(180deg)
}

.form-select>ul[data-v-5ce3c144] {
    display: none;
    position: absolute;
    top: 32px;
    min-width: 100%;
    max-height: 200px;
    border: 1px solid #e1e6f0;
    background: #fff;
    box-sizing: border-box;
    z-index: 10;
    overflow: auto
}

.form-select>ul>li>span[data-v-5ce3c144] {
    font-size: 12px;
    font-weight: 400;
    color: #7a8ba6
}

.form-select>ul>li:hover>span[data-v-5ce3c144] {
    color: #374567
}

.products-table[data-v-5ce3c144] {
    width: 100%;
    color: #374567;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    box-sizing: border-box
}

.products-table table[data-v-5ce3c144] {
    width: 100%
}

.products-table thead tr[data-v-5ce3c144] {
    background: linear-gradient(180deg, #f9faff 70%, rgba(224, 231, 255, .52) 130%)
}

.products-table thead tr th[data-v-5ce3c144] {
    padding: 0 36px;
    font-weight: 600;
    line-height: 40px
}

.products-table tbody tr td[data-v-5ce3c144],
.products-table thead tr th[data-v-5ce3c144] {
    font-size: 16px;
    color: #374567;
    border-right: 1px solid #ebf0fc;
    border-bottom: 1px solid #ebf0fc;
    text-align: left
}

.products-table tbody tr td[data-v-5ce3c144] {
    height: 48px;
    padding: 16px 36px;
    line-height: 32px;
    vertical-align: middle
}

.products-table tbody tr td.bold[data-v-5ce3c144] {
    font-size: 16px;
    font-weight: 700
}

.products-table tbody tr td.good[data-v-5ce3c144] {
    position: relative;
    padding: 0 32px 0 84px
}

.products-table tbody tr td.gray[data-v-5ce3c144] {
    background: rgba(249, 250, 255, .69)
}

.products-table tbody tr td[data-v-5ce3c144]:last-child {
    border-right: 0
}

.products-table tbody tr td.good[data-v-5ce3c144]:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 32px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,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);
    background-size: cover
}

.gray-bg[data-v-2e7dc96a] {
    background: #f9faff
}

.button-base-whiteborder[data-v-2e7dc96a] {
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    font-weight: 400;
    border-radius: 4px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    margin-top: 24px
}

.button-base-whiteborder[data-v-2e7dc96a]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

.moban-banner .banner-img[data-v-2e7dc96a] {
    position: absolute;
    left: 0;
    height: 260px;
    transform: translate(-18%);
    z-index: 0
}

.moban-banner.blue-bg[data-v-2e7dc96a] {
    background: #3860f4
}

.moban-banner[data-v-2e7dc96a] {
    position: relative;
    min-width: 1200px;
    padding-top: 80px;
    height: 340px;
    text-align: center;
    overflow: hidden
}

.moban-banner>img[data-v-2e7dc96a] {
    position: absolute;
    height: 260px;
    transform: translate(-50%);
    z-index: 0
}

.moban-banner .moban-banner-main[data-v-2e7dc96a] {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    padding: 0 60px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.button-base[data-v-2e7dc96a] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400;
    box-shadow: none
}

.tl[data-v-2e7dc96a] {
    text-align: left
}

.pos-rel[data-v-2e7dc96a] {
    position: relative
}

.mt64[data-v-2e7dc96a] {
    margin-top: 64px
}

.mt24[data-v-2e7dc96a] {
    margin-top: 24px
}

.h34[data-v-2e7dc96a] {
    height: 34px;
    line-height: 34px
}

.mt8[data-v-2e7dc96a] {
    margin-top: 8px
}

.button-yellowgradient[data-v-2e7dc96a] {
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e
}

.button-radius-4[data-v-2e7dc96a] {
    border-radius: 4px
}

.moban-banner.blue-bg .moban-desc[data-v-2e7dc96a] {
    color: #fff
}

.moban-desc[data-v-2e7dc96a] {
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px
}

.button-yellowgradient[data-v-2e7dc96a]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.products-gray-wrap[data-v-2e7dc96a] {
    background: #f9faff;
    min-width: 1200px
}

.products-wrap[data-v-2e7dc96a] {
    margin: 0 auto;
    padding-top: 80px;
    width: 1200px;
    min-width: 1200px;
    clear: both;
    overflow: visible
}

.products-nav[data-v-2e7dc96a] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    float: left;
    width: 212px;
    z-index: 0
}

.products-nav>ul[data-v-2e7dc96a] {
    border-right: 1px solid #e1e6f0;
    box-sizing: border-box
}

.products-nav>ul li[data-v-2e7dc96a] {
    position: relative;
    width: 151px;
    height: 32px;
    padding: 14px 0 14px 60px;
    line-height: 32px;
    box-sizing: content-box
}

.products-nav>ul li.active[data-v-2e7dc96a] {
    width: 150px;
    border-right: 2px solid #3860f4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.products-nav>ul li.active[data-v-2e7dc96a]:before {
    background: linear-gradient(90deg, #3860f4, rgba(95, 135, 248, 0))
}

.products-nav>ul li[data-v-2e7dc96a]:before {
    display: block;
    content: "";
    float: left;
    margin: 13px 0 0 -34px;
    width: 6px;
    height: 6px;
    background: linear-gradient(90deg, rgba(56, 96, 244, .21), rgba(249, 250, 255, 0));
    border-radius: 4px
}

.products-nav>ul li.active a[data-v-2e7dc96a] {
    font-weight: 700;
    color: #3860f4
}

.products-nav>ul li a[data-v-2e7dc96a] {
    display: block;
    font-size: 16px;
    color: #374567
}

.products-nav>ul li[data-v-2e7dc96a]:after {
    position: absolute;
    left: 13px;
    bottom: 0;
    display: block;
    content: "";
    width: 185px;
    height: 1px;
    background: #ebf0fc
}

.products-nav>ul li[data-v-2e7dc96a]:last-child:after {
    content: none
}

.products-banner-buttons[data-v-2e7dc96a] {
    width: 880px;
    height: 80px;
    margin-left: 260px;
    margin-bottom: 64px;
    padding: 0 34px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-18.png);
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    box-sizing: border-box;
    font-size: 0
}

.products-banner-buttons .banner-desc[data-v-2e7dc96a] {
    float: left;
    margin-top: 28px;
    font-size: 16px;
    color: #374567;
    line-height: 24px;
    font-weight: 700
}

.products-banner-buttons .banner-buttons[data-v-2e7dc96a] {
    float: right;
    margin-top: 22px
}

.button-bluegradient[data-v-2e7dc96a] {
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.ml16[data-v-2e7dc96a] {
    margin-left: 16px
}

.h34-border[data-v-2e7dc96a] {
    height: 34px;
    line-height: 32px
}

.button-blueborder[data-v-2e7dc96a] {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4
}

.button-bluegradient[data-v-2e7dc96a]:hover {
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff;
    box-shadow: none
}

.button-blueborder[data-v-2e7dc96a]:hover {
    background: #e7eeff;
    box-shadow: none
}

.products-content[data-v-2e7dc96a] {
    width: 880px;
    margin-left: 212px;
    margin-bottom: 80px;
    padding-left: 48px;
    padding-right: 60px;
    box-sizing: content-box
}

.products-h2[data-v-2e7dc96a] {
    margin-bottom: 48px;
    font-size: 28px;
    font-weight: 700;
    color: #374567;
    line-height: 48px
}

.products-list1[data-v-2e7dc96a] {
    font-size: 0
}

.products-list1 li[data-v-2e7dc96a] {
    display: inline-block;
    margin-right: 64px;
    margin-bottom: 48px;
    vertical-align: top
}

.products-list1 li[data-v-2e7dc96a]:nth-child(2n) {
    margin-right: 0
}

.products-list1 li[data-v-2e7dc96a]:last-child,
.products-list1 li[data-v-2e7dc96a]:nth-last-child(2) {
    margin-bottom: 0
}

.products-list1 li .simg[data-v-2e7dc96a] {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
    width: 24px;
    height: 24px
}

.products-list1 li .simg img[data-v-2e7dc96a] {
    width: 24px;
    height: 24px
}

.products-list1 li .info[data-v-2e7dc96a] {
    display: inline-block;
    width: 360px;
    margin-left: 24px
}

.products-list1 li .info .title[data-v-2e7dc96a] {
    font-size: 16px;
    font-weight: 700;
    color: #374567;
    line-height: 32px
}

.products-list1 li .info .desc[data-v-2e7dc96a] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.products-config-links[data-v-2e7dc96a] {
    float: right;
    margin-top: -86px;
    font-size: 14px;
    font-weight: 400;
    color: #3860f4;
    line-height: 28px;
    vertical-align: bottom
}

.products-config-tabs[data-v-2e7dc96a] {
    position: relative;
    height: 48px;
    margin: -36px -24px 24px -24px;
    z-index: 1
}

.products-list2[data-v-2e7dc96a] {
    font-size: 0
}

.products-list2 li[data-v-2e7dc96a] {
    position: relative;
    display: inline-block;
    width: 408px;
    margin-right: 64px;
    margin-bottom: 48px;
    vertical-align: top
}

.products-list2 li[data-v-2e7dc96a]:nth-child(2n) {
    margin-right: 0
}

.products-list2 li[data-v-2e7dc96a]:last-child,
.products-list2 li[data-v-2e7dc96a]:nth-last-child(2) {
    margin-bottom: 0
}

.products-list2 li .title[data-v-2e7dc96a] {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #374567;
    line-height: 32px
}

.products-list2 li .desc[data-v-2e7dc96a] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #7a8ba6;
    line-height: 32px;
    text-align: justify
}

.products-list2 li .links[data-v-2e7dc96a] {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #3860f4;
    line-height: 28px
}

.products-list3[data-v-2e7dc96a] {
    font-size: 0
}

.products-list3 li[data-v-2e7dc96a] {
    display: inline-block;
    width: 277px;
    margin-right: 24px;
    margin-bottom: 48px;
    background: linear-gradient(180deg, #f9faff, #ebf0fc);
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden
}

.products-list3 li[data-v-2e7dc96a]:nth-child(3n) {
    margin-right: 0
}

.products-list3 li .bimg[data-v-2e7dc96a],
.products-list3 li .bimg img[data-v-2e7dc96a] {
    width: 277px;
    height: 151px
}

.products-list3 li .desc[data-v-2e7dc96a] {
    min-height: 80px;
    padding: 8px 24px;
    background: #fff;
    border-top: 1px solid #e1e6f0;
    font-size: 16px;
    font-weight: 700;
    color: #374567;
    line-height: 32px;
    text-align: justify;
    box-sizing: border-box
}

.pd[data-v-2e7dc96a] {
    padding-bottom: 80px;
    margin-bottom: 0
}

.products-config-links[data-v-2e7dc96a]:hover,
.products-list2 li .links[data-v-2e7dc96a]:hover {
    color: #2a49b8
}

.smc-card-wrap[data-v-2e7dc96a] {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex
}

.smc-card-wrap .smc-card[data-v-2e7dc96a] {
    position: relative;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #e1e6f0;
    text-align: left
}

.smc-card-wrap .smc-card.card-md[data-v-2e7dc96a] {
    margin: 0 12px;
    padding-bottom: 84px
}

.smc-card-wrap .smc-card.card-md[data-v-2e7dc96a]:first-child {
    margin-left: 0
}

.smc-card-wrap .smc-card[data-v-2e7dc96a] {
    width: 50%
}

.smc-card-wrap .smc-card[data-v-2e7dc96a]:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #3860f4;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border-radius: 0 0 2px 2px
}

.smc-card-wrap .smc-card.card-md[data-v-2e7dc96a]:before {
    left: 24px
}

.smc-card-wrap .smc-card .card-top[data-v-2e7dc96a] {
    border-bottom: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-md .card-top[data-v-2e7dc96a] {
    margin: 0 24px;
    padding: 36px 0 16px 0
}

.smc-card-wrap .smc-card .card-top .title[data-v-2e7dc96a] {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #374567
}

.smc-card-wrap .smc-card.card-md .card-content[data-v-2e7dc96a] {
    margin: 0 24px;
    padding: 16px 0 16px 0
}

.smc-card-wrap .smc-card .card-content .content-table[data-v-2e7dc96a] {
    width: 100%;
    margin-bottom: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr[data-v-2e7dc96a] {
    height: 48px;
    line-height: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr .icon-circle[data-v-2e7dc96a] {
    display: none;
    margin-right: 14px;
    width: 4px;
    height: 4px;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 2px;
    vertical-align: middle
}

.smc-card-wrap .smc-card .card-content .content-table tr .label[data-v-2e7dc96a] {
    position: relative;
    font-size: 14px;
    color: #374567
}

.smc-card-wrap .smc-card .card-content .content-table tr .control[data-v-2e7dc96a] {
    font-size: 14px;
    font-weight: 700;
    color: #374567
}

.smc-card-wrap .smc-card .card-bottom[data-v-2e7dc96a] {
    position: absolute;
    bottom: 0;
    width: 100%
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap[data-v-2e7dc96a] {
    height: 34px;
    border-top: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-md .card-bottom .bottom-wrap[data-v-2e7dc96a] {
    margin: 0 24px;
    padding: 24px 0 36px 0;
    box-sizing: content-box
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail[data-v-2e7dc96a] {
    display: inline-block;
    font-size: 12px;
    color: #374567;
    line-height: 30px
}

.en3[data-v-2e7dc96a] {
    font-family: Numttf;
    letter-spacing: 1px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .font-num[data-v-2e7dc96a] {
    font-size: 50px;
    color: #3860f4;
    letter-spacing: 1px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .desc[data-v-2e7dc96a] {
    display: inline-block;
    line-height: 17px
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap .price-detail .gray[data-v-2e7dc96a] {
    color: #7a8ba6
}

.smc-card-wrap .button-yellowgradient[data-v-2e7dc96a] {
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e;
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    float: right
}

.smc-card-wrap .button-yellowgradient[data-v-2e7dc96a]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.form-select[data-v-2e7dc96a] {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer
}

.form-select>input[data-v-2e7dc96a] {
    position: absolute;
    width: 120px;
    padding: 6px 12px;
    border: 1px solid #e1e6f0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #374567;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: 0
}

.form-select>svg[data-v-2e7dc96a] {
    position: absolute;
    right: 10px;
    top: 8px;
    pointer-events: none
}

.deg[data-v-2e7dc96a] {
    transform: rotate(180deg)
}

.form-select>ul[data-v-2e7dc96a] {
    display: none;
    position: absolute;
    top: 32px;
    min-width: 100%;
    max-height: 200px;
    border: 1px solid #e1e6f0;
    background: #fff;
    box-sizing: border-box;
    z-index: 10;
    overflow: auto
}

.form-select>ul>li>span[data-v-2e7dc96a] {
    font-size: 12px;
    font-weight: 400;
    color: #7a8ba6
}

.form-select>ul>li:hover>span[data-v-2e7dc96a] {
    color: #374567
}

.products-table[data-v-2e7dc96a] {
    width: 100%;
    color: #374567;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    box-sizing: border-box
}

.products-table table[data-v-2e7dc96a] {
    width: 100%
}

.products-table thead tr[data-v-2e7dc96a] {
    background: linear-gradient(180deg, #f9faff 70%, rgba(224, 231, 255, .52) 130%)
}

.products-table thead tr th[data-v-2e7dc96a] {
    padding: 0 36px;
    font-weight: 600;
    line-height: 40px
}

.products-table tbody tr td[data-v-2e7dc96a],
.products-table thead tr th[data-v-2e7dc96a] {
    font-size: 16px;
    color: #374567;
    border-right: 1px solid #ebf0fc;
    border-bottom: 1px solid #ebf0fc;
    text-align: left
}

.products-table tbody tr td[data-v-2e7dc96a] {
    height: 48px;
    padding: 16px 36px;
    line-height: 32px;
    vertical-align: middle
}

.products-table tbody tr td.bold[data-v-2e7dc96a] {
    font-size: 16px;
    font-weight: 700
}

.products-table tbody tr td.good[data-v-2e7dc96a] {
    position: relative;
    padding: 0 32px 0 84px
}

.products-table tbody tr td.gray[data-v-2e7dc96a] {
    background: rgba(249, 250, 255, .69)
}

.products-table tbody tr td[data-v-2e7dc96a]:last-child {
    border-right: 0
}

.products-table tbody tr td.good[data-v-2e7dc96a]:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 32px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,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);
    background-size: cover
}

.smc-banner[data-v-1a83e356] {
    position: relative;
    min-width: 1080px;
    padding: 56px 60px 0 60px;
    box-sizing: content-box;
    height: 600px;
    background: #3860f4;
    text-align: center;
    overflow: hidden
}

.smcMain[data-v-1a83e356] {
    position: relative;
    width: 1080px;
    min-height: 150px;
    margin: 16px auto 0;
    padding-bottom: 60px;
    z-index: 1
}

.page-decs[data-v-1a83e356] {
    opacity: .7;
    color: #fff;
    margin-top: 8px;
    font-size: 16px;
    line-height: 32px
}

.smc-banner-map[data-v-1a83e356] {
    position: relative
}

.smc-banner-map>img[data-v-1a83e356] {
    width: 1080px;
    position: absolute;
    top: -394px;
    left: 50%;
    margin-left: -540px
}

.smc-main[data-v-1a83e356] {
    width: 1080px;
    min-height: 150px;
    margin: 0 auto;
    padding-bottom: 60px
}

.smc-regions[data-v-1a83e356] {
    margin-top: 32px;
    text-align: center
}

.blue-yellow-buttons[data-v-1a83e356] {
    display: inline-block;
    background-image: linear-gradient(90deg, #5f87f8, #3860f4);
    border-radius: 16px;
    overflow: hidden
}

.blue-yellow-buttons>ul[data-v-1a83e356] {
    display: flex;
    text-align: center
}

.blue-yellow-buttons>ul>li[data-v-1a83e356] {
    padding: 0 24px;
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.blue-yellow-buttons>ul>li.selected[data-v-1a83e356] {
    color: #4e342e;
    background-image: linear-gradient(90deg, #ffcf87, #ffbc76);
    z-index: 1
}

.smc-region-tips[data-v-1a83e356] {
    position: absolute;
    left: 50%;
    width: 1080px;
    margin-left: -540px
}

.smc-button-tips[data-v-1a83e356] {
    display: none;
    margin: auto;
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border-radius: 4px
}

.smc-button-tips>span[data-v-1a83e356]:first-of-type {
    display: table-cell;
    padding: 5px 24px;
    font-size: 12px;
    color: #7a8ba6;
    line-height: 24px
}

.smc-button-tips>span[data-v-1a83e356]:last-of-type {
    display: table-cell;
    padding: 0 24px;
    font-size: 12px;
    font-weight: 600;
    color: #7a8ba6;
    background-color: #f9faff;
    border-radius: 0 4px 4px 0;
    vertical-align: middle
}

.smc-region-hosts>div>h2[data-v-1a83e356]:first-of-type {
    text-align: center;
    font-size: 24px;
    color: #374567;
    padding-top: 64px;
    font-weight: 700;
    line-height: 32px
}

.smc-region-hosts>div>h2[data-v-1a83e356]:last-of-type {
    margin-top: 10px;
    font-size: 13px;
    color: #7a8ba6;
    text-align: center;
    line-height: 24px
}

.smc-full-card-wrap[data-v-1a83e356] {
    width: 1080px;
    margin-bottom: 16px;
    background-color: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #e1e6f0;
    box-sizing: border-box;
    margin-top: 48px
}

.smc-full-card[data-v-1a83e356] {
    position: relative;
    text-align: left
}

.smc-full-card[data-v-1a83e356]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    background: #3860f4;
    border-radius: 0 100px 100px 0
}

.smc-full-card>tbody>tr[data-v-1a83e356] {
    height: 130px;
    border-bottom: 1px solid #ebf0fc
}

.smc-full-card>tbody>tr[data-v-1a83e356]:last-of-type {
    border-bottom: none
}

.card-left[data-v-1a83e356] {
    position: relative;
    width: 170px;
    padding-left: 32px;
    vertical-align: middle;
    box-sizing: content-box
}

.card-left[data-v-1a83e356]:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    width: 1px;
    height: 94px;
    background: #ebf0fc
}

.card-left>h3[data-v-1a83e356] {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #374567
}

.card-left>span[data-v-1a83e356] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.card-center[data-v-1a83e356] {
    position: relative;
    width: 558px;
    padding-left: 10px;
    vertical-align: middle;
    box-sizing: content-box
}

.card-center[data-v-1a83e356]:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    width: 1px;
    height: 94px;
    background: #ebf0fc
}

.card-center>table[data-v-1a83e356] {
    width: 100%
}

.label[data-v-1a83e356] {
    position: relative;
    padding-bottom: 4px;
    font-size: 14px;
    color: #374567;
    line-height: 28px
}

.tips-content[data-v-1a83e356] {
    display: none;
    position: absolute;
    width: 240px;
    box-sizing: content-box;
    background-color: #f9faff;
    border: 1px solid #e1e6f0;
    padding: 16px 32px;
    line-height: 28px;
    font-size: 14px;
    color: #7a8ba6;
    text-align: left;
    z-index: 999
}

.tr[data-v-1a83e356] {
    display: block;
    cursor: text;
    left: 50px;
    bottom: 38px
}

.label:nth-of-type(2) .tr[data-v-1a83e356] {
    display: block;
    cursor: text;
    left: 30px;
    bottom: 38px
}

.tips-content>i[data-v-1a83e356] {
    display: inline-block;
    position: absolute
}

.tr>i[data-v-1a83e356]:first-of-type {
    bottom: -8px;
    border-top: 8px solid #f9faff;
    z-index: 1000
}

.tr>i[data-v-1a83e356]:first-of-type,
.tr>i[data-v-1a83e356]:last-of-type {
    left: 29px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.tr>i[data-v-1a83e356]:last-of-type {
    bottom: -9px;
    border-top: 8px solid #e1e6f0
}

.control[data-v-1a83e356] {
    font-size: 14px;
    font-weight: 700;
    color: #374567;
    line-height: 32px
}

.control .tags-item[data-v-1a83e356] {
    display: inline-block;
    padding: 0 8px;
    margin-right: 8px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #3860f4;
    background: #ebf0fc;
    border: 1px solid #3860f4;
    border-radius: 2px;
    box-sizing: border-box
}

.form-select[data-v-1a83e356] {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer
}

.form-select>input[data-v-1a83e356] {
    position: absolute;
    width: 120px;
    padding: 6px 12px;
    border: 1px solid #e1e6f0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #374567;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: 0
}

.form-select>svg[data-v-1a83e356] {
    position: absolute;
    right: 10px;
    top: 8px;
    pointer-events: none
}

.deg[data-v-1a83e356] {
    transform: rotate(180deg)
}

.form-select>ul[data-v-1a83e356] {
    display: none;
    position: absolute;
    top: 32px;
    min-width: 100%;
    max-height: 200px;
    border: 1px solid #e1e6f0;
    background: #fff;
    box-sizing: border-box;
    z-index: 10;
    overflow: auto
}

.form-select>ul>li>span[data-v-1a83e356] {
    font-size: 12px;
    font-weight: 400;
    color: #7a8ba6
}

.form-select>ul>li:hover>span[data-v-1a83e356] {
    color: #374567
}

.form-button-radio[data-v-1a83e356] {
    display: inline-block;
    background-color: #f9faff;
    border: 1px solid #e1e6f0;
    border-radius: 4px;
    height: 32px;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 32px
}

.form-button-radio>ul[data-v-1a83e356] {
    display: flex;
    text-align: center
}

.form-button-radio>ul>li[data-v-1a83e356] {
    position: relative;
    width: 50px;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-button-radio>ul>li.selected[data-v-1a83e356] {
    top: -1px;
    color: #3860f4;
    background-color: #fff;
    border: 1px solid #3860f4;
    border-radius: 4px;
    z-index: 1
}

.form-button-radio>ul>li.selected[data-v-1a83e356]:after {
    background-color: #3860f4
}

.card-right[data-v-1a83e356] {
    position: relative;
    width: 310px;
    vertical-align: middle;
    box-sizing: content-box
}

.price-detail[data-v-1a83e356] {
    display: inline-block;
    padding-left: 32px;
    font-size: 14px;
    color: #374567
}

.price-detail>span[data-v-1a83e356] {
    font-size: 50px;
    line-height: 42px;
    font-family: Numttf
}

.desc[data-v-1a83e356] {
    display: inline-block;
    line-height: 22px
}

.desc .gray[data-v-1a83e356] {
    color: #7a8ba6
}

.card-right>a[data-v-1a83e356] {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    top: 0;
    right: 0;
    padding: 40px 24px;
    width: 82px;
    height: 129px;
    border-radius: 0;
    line-height: 24px !important;
    text-align: center;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff;
    transition: all .25s ease-in-out
}

.card-right>a[data-v-1a83e356]:hover {
    background: linear-gradient(90deg, #537ffa, #3357df)
}

.smc-small-ads[data-v-1a83e356] {
    margin-top: 32px;
    padding: 21px 32px;
    width: 1080px;
    height: 75px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-15.png);
    box-shadow: 0 4px 12px 0 rgba(193, 205, 241, .42);
    border: 1px solid #e1e6f0;
    box-sizing: border-box
}

.smc-small-ads>span[data-v-1a83e356] {
    font-size: 18px;
    font-weight: 700;
    color: #374567;
    line-height: 30px
}

.smc-small-ads>a[data-v-1a83e356] {
    float: right;
    height: 34px;
    padding: 0 24px;
    line-height: 32px;
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4;
    border-radius: 4px;
    font-size: 14px;
    transition: all .25s ease-in-out
}

.smc-small-ads>a[data-v-1a83e356]:hover {
    background: #e7eeff
}

.smc-paper[data-v-1a83e356] {
    position: relative;
    min-width: 1080px;
    height: 310px;
    overflow: hidden
}

.bgcolor[data-v-1a83e356] {
    position: absolute;
    top: 65px;
    width: 100%;
    height: 260px;
    background: linear-gradient(85deg, #3860f4, rgba(95, 135, 248, .5))
}

.paperContent[data-v-1a83e356] {
    width: 560px;
    height: 152px;
    position: absolute;
    top: 115px;
    left: 50%;
    margin-left: -480px;
    text-align: left
}

.paperContentTitle[data-v-1a83e356] {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
    color: #fff
}

.paperContentTitle>span[data-v-1a83e356] {
    margin-left: 20px;
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    color: #fff;
    border: 1px solid #fff;
    vertical-align: top
}

.paperContentDesc[data-v-1a83e356] {
    margin: 4px 0;
    font-size: 12px;
    line-height: 24px;
    opacity: .8;
    color: #fff
}

.paperContentDesc>a[data-v-1a83e356] {
    color: #fff;
    font-weight: 600
}

.paperContent>a[data-v-1a83e356] {
    position: absolute;
    bottom: 0;
    height: 34px;
    line-height: 34px;
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e;
    display: inline-block;
    padding: 0 24px;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out
}

.paperContent>a[data-v-1a83e356]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.smc-paper>img[data-v-1a83e356] {
    position: absolute;
    left: 50%;
    margin-left: 0
}

.tc[data-v-1a83e356] {
    text-align: center
}

.pt80[data-v-1a83e356] {
    padding-top: 80px
}

.mt8[data-v-1a83e356] {
    margin-top: 8px
}

.mb64[data-v-1a83e356] {
    margin-bottom: 64px
}

.mt32[data-v-1a83e356] {
    margin-top: 32px
}

.mt24[data-v-1a83e356] {
    margin-top: 24px
}

.mt48[data-v-1a83e356] {
    margin-top: 48px
}

.ml16[data-v-1a83e356] {
    margin-left: 16px
}

.h34[data-v-1a83e356] {
    height: 34px;
    line-height: 34px
}

.smc-moban .moban-main-p0[data-v-1a83e356] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.smc-moban .moban-h2[data-v-1a83e356] {
    font-size: 28px;
    color: #374567;
    font-weight: 700;
    line-height: 56px
}

.smc-moban .moban-subtitle[data-v-1a83e356] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px
}

.smc-moban .icontext-four[data-v-1a83e356] {
    font-size: 0;
    width: 100%
}

.smc-moban .icontext-four li[data-v-1a83e356] {
    display: inline-block;
    width: 252px;
    margin-right: 24px;
    vertical-align: top
}

.smc-moban .icontext-four li img[data-v-1a83e356] {
    height: 48px;
    vertical-align: middle;
    margin: 0 auto 16px;
    pointer-events: none;
    width: auto
}

.smc-moban .icontext-four li[data-v-1a83e356]:nth-child(4n) {
    margin-right: 0
}

.smc-moban .icontext-four li>img[data-v-1a83e356] {
    vertical-align: middle
}

.smc-moban .moban-h4[data-v-1a83e356] {
    font-size: 16px;
    color: #374567;
    font-weight: 700;
    line-height: 32px
}

.smc-moban .moban-desc[data-v-1a83e356] {
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px
}

.smc-moban .moban-h3[data-v-1a83e356] {
    font-size: 18px;
    color: #374567;
    font-weight: 700;
    line-height: 36px
}

.smc-moban .ohost-media-measurement[data-v-1a83e356] {
    width: 1080px;
    padding: 48px 64px;
    background-color: #fff;
    background-image: url(https://www.kaiyuncdn.com/images/measurement.052402b1.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 244px 116px;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.smc-moban .button-moban[data-v-1a83e356] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out
}

.smc-moban .button-yellowgradient[data-v-1a83e356] {
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    color: #4e342e
}

.button-yellowgradient[data-v-1a83e356]:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.smc-moban .button-bluegradient[data-v-1a83e356] {
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-1a83e356]:hover {
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.smc-moban .word-link[data-v-1a83e356] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.smc-moban .word-link[data-v-1a83e356]:hover {
    color: #2a49b8
}

.smc-service[data-v-1a83e356] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

td[data-v-1a83e356] {
    /*width:200px;*/
    display: table-cell;
    vertical-align: inherit
}

table[data-v-1a83e356] {
    border-collapse: collapse;
    border-spacing: 0
}

.in-h2-v2[data-v-1a83e356] {
    font-size: 28px;
    color: #374567;
    padding-top: 80px;
    font-weight: 700;
    line-height: 56px;
    text-align: center
}

.table-height-auto[data-v-1a83e356] {
    margin-top: 48px;
    margin-bottom: 64px
}

.table-normal[data-v-1a83e356] {
    width: 100%;
    font-size: 14px;
    color: #374567;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    box-sizing: border-box
}

.table-normal thead tr th[data-v-1a83e356]:last-child {
    border-right: 0
}

.table-normal thead tr[data-v-1a83e356] {
    background: #f9faff
}

.table-normal thead tr th[data-v-1a83e356] {
    padding: 0 36px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #374567;
    border-right: 1px solid #e1e6f0;
    border-bottom: 1px solid #e1e6f0;
    text-align: left;
    box-sizing: content-box
}

.table-normal tbody tr td.gray[data-v-1a83e356] {
    background: #f9faff
}

.table-normal tbody tr td.bold[data-v-1a83e356] {
    font-size: 16px;
    font-weight: 700
}

.table-normal tbody tr td[data-v-1a83e356] {
    height: 32px;
    padding: 18px 36px;
    line-height: 32px;
    color: #374567;
    border-right: 1px solid #e1e6f0;
    border-bottom: 1px solid #e1e6f0;
    vertical-align: middle;
    text-align: left;
    box-sizing: content-box
}

.table-normal tbody tr td .icon-yes[data-v-1a83e356] {
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,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);
    background-size: cover;
    vertical-align: middle
}

.table-normal tbody tr td .icon-no[data-v-1a83e356] {
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,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);
    background-size: cover;
    vertical-align: middle
}

.table-normal tbody tr td[data-v-1a83e356]:last-child {
    border-right: none
}

.table-height-auto[data-v-1a83e356] ::-webkit-scrollbar {
    width: auto;
    height: auto
}

.smc-plan[data-v-1a83e356] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    box-sizing: border-box
}

.smc-plan .moban-h2[data-v-1a83e356] {
    font-size: 28px;
    color: #374567;
    font-weight: 700;
    line-height: 56px;
    margin-top: 80px;
    text-align: center
}

.smc-plan .icontext-two[data-v-1a83e356] {
    font-size: 0;
    width: 100%;
    margin-top: 32px
}

.smc-plan .icontext-two li[data-v-1a83e356] {
    display: inline-block;
    width: 510px;
    margin-right: 60px;
    vertical-align: top
}

.smc-plan .icontext-two.uhybrid-icontext li[data-v-1a83e356] {
    margin-bottom: 24px;
    width: 1080px
}

.smc-plan .icontext-two li>img[data-v-1a83e356] {
    vertical-align: middle
}

.smc-plan .icontext-two li .sicon[data-v-1a83e356] {
    margin-top: 4px;
    width: 140px;
    float: left
}

.smc-plan .icontext-two.uhybrid-icontext li .info[data-v-1a83e356] {
    float: left;
    margin-left: 60px;
    width: 880px
}

.smc-plan .moban-h4[data-v-1a83e356] {
    font-size: 16px;
    color: #374567;
    font-weight: 700;
    line-height: 32px
}

.smc-plan .moban-desc[data-v-1a83e356] {
    margin-top: 8px;
    font-size: 16px;
    color: #7a8ba6;
    line-height: 32px
}

.smc-card-wrap[data-v-1a83e356] {
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
    margin-top: 80px
}

.smc-card-wrap .smc-card[data-v-1a83e356] {
    position: relative;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border: 1px solid #e1e6f0;
    text-align: left
}

.smc-card-wrap .smc-card.card-lg[data-v-1a83e356] {
    margin: 0 16px;
    padding-bottom: 84px
}

.smc-card-wrap .smc-card.card-lg[data-v-1a83e356]:first-child {
    margin-left: 0
}

.smc-card-wrap .smc-card:first-child:nth-last-child(2)~.smc-card[data-v-1a83e356],
.smc-card-wrap .smc-card[data-v-1a83e356]:first-child:nth-last-child(2) {
    width: 50%
}

.smc-card-wrap .smc-card.card-lg[data-v-1a83e356]:last-child {
    margin-right: 0
}

.smc-card-wrap .smc-card[data-v-1a83e356]:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 4px;
    background: #3860f4;
    box-shadow: 0 16px 16px 0 rgb(55 69 103/2%), 0 8px 8px 0 rgb(235 240 252/2%);
    border-radius: 0 0 2px 2px
}

.smc-card-wrap .smc-card.card-lg[data-v-1a83e356]:before {
    left: 32px
}

.smc-card-wrap .smc-card .card-tag[data-v-1a83e356] {
    position: absolute;
    top: 16px;
    right: -1px;
    padding: 2px 10px 2px 27px;
    background: linear-gradient(90deg, #f9faff, #ebf0fc);
    border-radius: 4px 0 0 4px;
    -webkit-clip-path: polygon(10px 3%, 13px 0, 100% 0, 100% 100%, 13px 100%, 10px 97%, 2px 19px, 0 56%, 0 44%, 2px 9px);
    clip-path: polygon(10px 3%, 13px 0, 100% 0, 100% 100%, 13px 100%, 10px 97%, 2px 19px, 0 56%, 0 44%, 2px 9px);
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: #3860f4
}

.smc-card-wrap .smc-card .card-tag[data-v-1a83e356]:before {
    position: absolute;
    top: 12px;
    left: 14px;
    content: "";
    width: 4px;
    height: 4px;
    background: linear-gradient(90deg, #3860f4, rgba(95, 135, 248, 0));
    border-radius: 2px
}

.smc-card-wrap .smc-card .card-top[data-v-1a83e356] {
    border-bottom: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-lg .card-top[data-v-1a83e356] {
    margin: 0 32px;
    padding: 48px 0 16px 0
}

.smc-card-wrap .smc-card .card-top .title[data-v-1a83e356] {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #374567
}

.smc-card-wrap .smc-card .card-top .desc[data-v-1a83e356] {
    display: inline-block;
    margin-top: 4px;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.smc-card-wrap .smc-card.card-lg .card-content[data-v-1a83e356] {
    margin: 0 32px;
    padding: 16px 0 16px 0
}

.smc-card-wrap .smc-card .card-content .content-table[data-v-1a83e356] {
    width: 100%;
    margin-bottom: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr[data-v-1a83e356] {
    height: 48px;
    line-height: 32px
}

.smc-card-wrap .smc-card .card-content .content-table tr .label[data-v-1a83e356] {
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #374567
}

.smc-card-wrap .smc-card .card-content .content-table tr .control[data-v-1a83e356] {
    font-size: 14px;
    font-weight: 700;
    color: #374567
}

.smc-card-wrap .smc-card .card-content .content-table tr .icon-yes[data-v-1a83e356] {
    display: inline-block;
    width: 20px;
    height: 14px;
    background: url(data:image/png;base64,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);
    background-size: cover;
    vertical-align: middle
}

.smc-card-wrap .smc-card .card-bottom[data-v-1a83e356] {
    position: absolute;
    bottom: 0;
    width: 100%
}

.smc-card-wrap .smc-card .card-bottom .bottom-wrap[data-v-1a83e356] {
    height: 34px;
    border-top: 1px solid #ebf0fc
}

.smc-card-wrap .smc-card.card-lg .card-bottom .bottom-wrap[data-v-1a83e356] {
    margin: 0 32px;
    padding: 24px 0 48px 0;
    box-sizing: content-box
}

.smc-plan .h34-border[data-v-1a83e356] {
    height: 34px;
    line-height: 32px;
    float: left
}

.button-blueborder[data-v-1a83e356]:hover {
    background: #e7eeff
}

.button-blueborder[data-v-1a83e356] {
    border: 1px solid #3860f4;
    background: #fff;
    color: #3860f4;
    display: inline-block;
    padding: 0 24px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out
}

.solution[data-v-519a7766] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.solution .solution-banner[data-v-519a7766] {
    padding-top: 80px;
    height: 352px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-20.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px 270px, 100% 270px;
    background-position: top, 0 0;
    background-repeat: no-repeat
}

.pos-rel[data-v-519a7766] {
    position: relative
}

.main[data-v-519a7766] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.solution .banner-img[data-v-519a7766] {
    display: block;
    width: 1200px;
    height: 270px
}

.solution .solution-banner .title[data-v-519a7766] {
    position: absolute;
    top: 72px;
    left: 60px
}

.solution .solution-banner .title>h1[data-v-519a7766] {
    height: 0;
    font-size: 0
}

.solution-banner h1[data-v-519a7766] {
    position: relative;
    margin-top: 196px;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #374567
}

.solution .solution-banner .banner-title-img[data-v-519a7766] {
    height: 34px;
    margin-right: 24px
}

.vt[data-v-519a7766] {
    vertical-align: top
}

.button-whiteborder[data-v-519a7766] {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-base[data-v-519a7766] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400
}

.button-radius-4[data-v-519a7766] {
    border-radius: 4px
}

.h34-border[data-v-519a7766] {
    height: 34px;
    line-height: 32px
}

.button-whiteborder[data-v-519a7766]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.new-main[data-v-519a7766] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.tc[data-v-519a7766] {
    text-align: center
}

.mb16[data-v-519a7766] {
    margin-bottom: 16px
}

.solution .h2-des[data-v-519a7766] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.list-four-up-down[data-v-519a7766] {
    font-size: 0;
    width: 100%;
    text-align: center
}

.mt48[data-v-519a7766] {
    margin-top: 48px
}

.solution.list-four-up-down[data-v-519a7766] {
    display: flex;
    justify-content: space-around;
    min-width: auto
}

.solution .list-four-up-down[data-v-519a7766] {
    background: hsla(0, 0%, 100%, 0)
}

.list-four-up-down li[data-v-519a7766] {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.solution .list-four-up-down li img[data-v-519a7766] {
    width: 48px;
    margin-bottom: 16px
}

.list-four-up-down li img[data-v-519a7766] {
    vertical-align: middle
}

.solution .list-four-up-down li h3[data-v-519a7766] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.solution .list-four-up-down li .des[data-v-519a7766] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    width: 210px;
    text-align: justify
}

.fangan[data-v-519a7766] {
    margin-bottom: 80px;
    text-align: center
}

.solution h2[data-v-519a7766] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.fangan img[data-v-519a7766] {
    display: block;
    margin: 40px auto 48px auto;
    width: 880px;
    cursor: zoom-in
}

.solution h2>.en5[data-v-519a7766] {
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #7a8ba6
}

.en5[data-v-519a7766] {
    font-family: tf;
    letter-spacing: 1px;
    font-weight: 400
}

.core-techcontent-list[data-v-519a7766] {
    margin-top: 42px;
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 32px;
    color: #6b798e
}

.new-tabs[data-v-519a7766] {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-tabs .selected-line[data-v-519a7766] {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.selected[data-v-519a7766] {
    display: block;
    opacity: 1
}

.new-tabs>li.selected[data-v-519a7766] {
    font-weight: 700;
    color: #3860f4
}

.new-tabs>li[data-v-519a7766] {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li[data-v-519a7766]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li[data-v-519a7766]:last-of-type:after {
    content: none
}

.solution-tech-ind.card-lunbo[data-v-519a7766] {
    margin-top: 32px;
    width: 1080px;
    height: auto;
    background: 0 0;
    box-shadow: none;
    border: none
}

.mb80[data-v-519a7766] {
    margin-bottom: 80px
}

.card-lunbo .card-lunbo-list-height-auto[data-v-519a7766] {
    position: relative
}

.card-lunbo .card-lunbo-list-height-auto>li.active[data-v-519a7766] {
    height: auto;
    opacity: 1
}

.card-lunbo .card-lunbo-list-height-auto>li[data-v-519a7766] {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    transition: height .25s ease-in-out;
    font-size: 0
}

.core-techcontent[data-v-519a7766] {
    text-align: justify
}

.core-techcontent>h3[data-v-519a7766] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px;
    color: #374567;
    font-weight: 700
}

.core-techcontent>p[data-v-519a7766] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.mt32[data-v-519a7766] {
    margin-top: 32px
}

.core-techcontent-list span[data-v-519a7766] {
    color: #0a1633;
    font-weight: 700
}

.core-techcontent>p>span[data-v-519a7766] {
    color: #374567
}

.changjing-content-list[data-v-519a7766] {
    margin-top: 42px
}

.changjing-content[data-v-519a7766] {
    margin-top: 48px;
    font-size: 0
}

.dn[data-v-519a7766] {
    display: none !important
}

.changjing-content .changjing-content-left[data-v-519a7766] {
    float: left;
    vertical-align: top;
    padding-top: 83px
}

.changjing-content .blue-block[data-v-519a7766] {
    position: relative;
    padding: 123px 48px 24px 48px;
    width: 473px;
    height: 287px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ebf0fc;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.changjing-content .scence-img[data-v-519a7766] {
    position: absolute;
    top: -83px;
    left: 50%;
    transform: translate(-50%);
    width: 377px;
    border-radius: 4px
}

.changjing-content .card-title[data-v-519a7766] {
    margin-top: 24px
}

.changjing-content .card-title h3[data-v-519a7766] {
    float: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.changjing-content .card-title a[data-v-519a7766] {
    float: right
}

.word-link[data-v-519a7766] {
    padding-left: 32px;
    line-height: 36px;
    background-image: url(../../static.ucloud.cn/51a5ed30a87f4feb926267161f9ba483.png);
    background-size: 24px;
    background-position: left 6px;
    background-repeat: no-repeat
}

.vm[data-v-519a7766] {
    vertical-align: middle
}

.word-link[data-v-519a7766] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.changjing-content .card-des[data-v-519a7766] {
    margin-top: 8px;
    color: #7a8ba6;
    font-size: 16px;
    line-height: 32px
}

.changjing-content .changjing-content-right[data-v-519a7766] {
    padding-top: 15px;
    float: right;
    vertical-align: top
}

.changjing-content .changjing-content-right li[data-v-519a7766] {
    margin-bottom: 32px
}

.changjing-content .changjing-content-right .content-left[data-v-519a7766] {
    margin-bottom: 8px
}

.changjing-content .changjing-content-right .icon[data-v-519a7766] {
    margin-right: 16px;
    width: 24px;
    vertical-align: middle
}

.changjing-content .changjing-content-right .icon-des[data-v-519a7766] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    vertical-align: middle
}

.changjing-content .changjing-content-right .content-right[data-v-519a7766] {
    width: 544px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.solution-steps[data-v-519a7766] {
    padding-top: 48px;
    background-color: #f9faff
}

.solution-steps .new-main[data-v-519a7766] {
    height: 294px
}

.mt24[data-v-519a7766] {
    margin-top: 24px
}

.h34[data-v-519a7766] {
    height: 34px;
    line-height: 34px
}

.button-bluegradient[data-v-519a7766] {
    box-shadow: none;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-519a7766]:hover {
    box-shadow: none;
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.steps[data-v-519a7766] {
    position: absolute;
    top: 0;
    right: 60px
}

.steps .card-lunbo[data-v-519a7766] {
    width: 700px;
    height: 248px;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.card-lunbo[data-v-519a7766] {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    overflow: hidden
}

.card-lunbo .card-lunbo-list[data-v-519a7766] {
    position: relative
}

.steps .card-lunbo .card3-lunbo-list[data-v-519a7766] {
    margin: 0
}

.steps .card-lunbo .card-lunbo-list>li[data-v-519a7766] {
    padding: 0 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.card-lunbo .card-lunbo-list>li[data-v-519a7766] {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    font-size: 0;
    transition: height .25s ease-in-out
}

.card-opacity.active[data-v-519a7766] {
    opacity: 1;
    height: auto !important
}

.steps .card-lunbo .card-lunbo-list>li>img[data-v-519a7766] {
    margin-right: 24px;
    width: 204px;
    vertical-align: top
}

.steps .steps-des[data-v-519a7766] {
    display: inline-block;
    padding-top: 34px;
    width: 318px;
    color: #7a8ba6;
    vertical-align: top
}

.steps .steps-des h3[data-v-519a7766] {
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    color: #374567;
    font-weight: 700
}

.steps .steps-des p[data-v-519a7766] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 28px
}

.carousel-control[data-v-519a7766] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.steps .carousel-control[data-v-519a7766] {
    top: 82px
}

.card-lunbo .carousel-control[data-v-519a7766] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 24px;
    box-sizing: border-box
}

.carousel-control.left[data-v-519a7766] {
    left: 24px
}

.card-lunbo .carousel-control[data-v-519a7766]:hover {
    color: #3860f4;
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.card-lunbo .carousel-control.disable-btn[data-v-519a7766] {
    border: 1px solid #e1e6f0;
    background: #f2f4f8;
    color: #ddd;
    cursor: default
}

.carousel-control.right[data-v-519a7766] {
    right: 24px
}

.dots-wrap-cnumber[data-v-519a7766] {
    height: 26px;
    position: absolute;
    width: 100%;
    bottom: 32px;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.dots-wrap-cnumber .dots[data-v-519a7766] {
    text-align: center;
    line-height: 24px
}

.dots-wrap-cnumber .dots .dot.active[data-v-519a7766] {
    font-weight: 700;
    color: #3860f4;
    border-bottom: 2px solid #3860f4
}

.dots-wrap-cnumber .dots .dot[data-v-519a7766] {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    color: #374567;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.aicon[data-v-519a7766] {
    position: relative;
    top: -3px;
    left: 4px
}

.solution[data-v-e82d2eb0] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.solution .solution-banner[data-v-e82d2eb0] {
    padding-top: 80px;
    height: 352px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-20.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px 270px, 100% 270px;
    background-position: top, 0 0;
    background-repeat: no-repeat
}

.pos-rel[data-v-e82d2eb0] {
    position: relative
}

.main[data-v-e82d2eb0] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.solution .banner-img[data-v-e82d2eb0] {
    display: block;
    width: 1200px;
    height: 270px
}

.solution .solution-banner .title[data-v-e82d2eb0] {
    position: absolute;
    top: 72px;
    left: 60px
}

.solution .solution-banner .title>h1[data-v-e82d2eb0] {
    height: 0;
    font-size: 0
}

.solution-banner h1[data-v-e82d2eb0] {
    position: relative;
    margin-top: 196px;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #374567
}

.solution .solution-banner .banner-title-img[data-v-e82d2eb0] {
    height: 34px;
    margin-right: 24px
}

.vt[data-v-e82d2eb0] {
    vertical-align: top
}

.button-whiteborder[data-v-e82d2eb0] {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-base[data-v-e82d2eb0] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400
}

.button-radius-4[data-v-e82d2eb0] {
    border-radius: 4px
}

.h34-border[data-v-e82d2eb0] {
    height: 34px;
    line-height: 32px
}

.button-whiteborder[data-v-e82d2eb0]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.new-main[data-v-e82d2eb0] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.tc[data-v-e82d2eb0] {
    text-align: center
}

.mb16[data-v-e82d2eb0] {
    margin-bottom: 16px
}

.solution .h2-des[data-v-e82d2eb0] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.list-four-up-down[data-v-e82d2eb0] {
    font-size: 0;
    width: 100%;
    text-align: center
}

.mt48[data-v-e82d2eb0] {
    margin-top: 48px
}

.solution.list-four-up-down[data-v-e82d2eb0] {
    display: flex;
    justify-content: space-around;
    min-width: auto
}

.solution .list-four-up-down[data-v-e82d2eb0] {
    background: hsla(0, 0%, 100%, 0)
}

.list-four-up-down li[data-v-e82d2eb0] {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.solution .list-four-up-down li img[data-v-e82d2eb0] {
    width: 48px;
    margin-bottom: 16px
}

.list-four-up-down li img[data-v-e82d2eb0] {
    vertical-align: middle
}

.solution .list-four-up-down li h3[data-v-e82d2eb0] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.solution .list-four-up-down li .des[data-v-e82d2eb0] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    width: 210px;
    text-align: justify
}

.fangan[data-v-e82d2eb0] {
    margin-bottom: 80px;
    text-align: center
}

.solution h2[data-v-e82d2eb0] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.fangan img[data-v-e82d2eb0] {
    display: block;
    margin: 40px auto 48px auto;
    width: 880px;
    cursor: zoom-in
}

.solution h2>.en5[data-v-e82d2eb0] {
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #7a8ba6
}

.en5[data-v-e82d2eb0] {
    font-family: tf;
    letter-spacing: 1px;
    font-weight: 400
}

.core-techcontent-list[data-v-e82d2eb0] {
    margin-top: 42px;
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 32px;
    color: #6b798e
}

.new-tabs[data-v-e82d2eb0] {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-tabs .selected-line[data-v-e82d2eb0] {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.selected[data-v-e82d2eb0] {
    display: block;
    opacity: 1
}

.new-tabs>li.selected[data-v-e82d2eb0] {
    font-weight: 700;
    color: #3860f4
}

.new-tabs>li[data-v-e82d2eb0] {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li[data-v-e82d2eb0]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li[data-v-e82d2eb0]:last-of-type:after {
    content: none
}

.solution-tech-ind.card-lunbo[data-v-e82d2eb0] {
    margin-top: 32px;
    width: 1080px;
    height: auto;
    background: 0 0;
    box-shadow: none;
    border: none
}

.mb80[data-v-e82d2eb0] {
    margin-bottom: 80px
}

.card-lunbo .card-lunbo-list-height-auto[data-v-e82d2eb0] {
    position: relative
}

.card-lunbo .card-lunbo-list-height-auto>li.active[data-v-e82d2eb0] {
    height: auto;
    opacity: 1
}

.card-lunbo .card-lunbo-list-height-auto>li[data-v-e82d2eb0] {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    transition: height .25s ease-in-out;
    font-size: 0
}

.core-techcontent[data-v-e82d2eb0] {
    text-align: justify
}

.core-techcontent>h3[data-v-e82d2eb0] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px;
    color: #374567;
    font-weight: 700
}

.core-techcontent>p[data-v-e82d2eb0] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.mt32[data-v-e82d2eb0] {
    margin-top: 32px
}

.core-techcontent-list span[data-v-e82d2eb0] {
    color: #0a1633;
    font-weight: 700
}

.core-techcontent>p>span[data-v-e82d2eb0] {
    color: #374567
}

.changjing-content-list[data-v-e82d2eb0] {
    margin-top: 42px
}

.changjing-content[data-v-e82d2eb0] {
    margin-top: 48px;
    font-size: 0
}

.dn[data-v-e82d2eb0] {
    display: none !important
}

.changjing-content .changjing-content-left[data-v-e82d2eb0] {
    float: left;
    vertical-align: top;
    padding-top: 83px
}

.changjing-content .blue-block[data-v-e82d2eb0] {
    position: relative;
    padding: 123px 48px 24px 48px;
    width: 473px;
    height: 287px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ebf0fc;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.changjing-content .scence-img[data-v-e82d2eb0] {
    position: absolute;
    top: -83px;
    left: 50%;
    transform: translate(-50%);
    width: 377px;
    border-radius: 4px
}

.changjing-content .card-title[data-v-e82d2eb0] {
    margin-top: 24px
}

.changjing-content .card-title h3[data-v-e82d2eb0] {
    float: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.changjing-content .card-title a[data-v-e82d2eb0] {
    float: right
}

.word-link[data-v-e82d2eb0] {
    padding-left: 32px;
    line-height: 36px;
    background-image: url(../../static.ucloud.cn/51a5ed30a87f4feb926267161f9ba483.png);
    background-size: 24px;
    background-position: left 6px;
    background-repeat: no-repeat
}

.vm[data-v-e82d2eb0] {
    vertical-align: middle
}

.word-link[data-v-e82d2eb0] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.changjing-content .card-des[data-v-e82d2eb0] {
    margin-top: 8px;
    color: #7a8ba6;
    font-size: 16px;
    line-height: 32px
}

.changjing-content .changjing-content-right[data-v-e82d2eb0] {
    padding-top: 15px;
    float: right;
    vertical-align: top
}

.changjing-content .changjing-content-right li[data-v-e82d2eb0] {
    margin-bottom: 32px
}

.changjing-content .changjing-content-right .content-left[data-v-e82d2eb0] {
    margin-bottom: 8px
}

.changjing-content .changjing-content-right .icon[data-v-e82d2eb0] {
    margin-right: 16px;
    width: 24px;
    vertical-align: middle
}

.changjing-content .changjing-content-right .icon-des[data-v-e82d2eb0] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    vertical-align: middle
}

.changjing-content .changjing-content-right .content-right[data-v-e82d2eb0] {
    width: 544px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.solution-steps[data-v-e82d2eb0] {
    padding-top: 48px;
    background-color: #f9faff
}

.solution-steps .new-main[data-v-e82d2eb0] {
    height: 294px
}

.mt24[data-v-e82d2eb0] {
    margin-top: 24px
}

.h34[data-v-e82d2eb0] {
    height: 34px;
    line-height: 34px
}

.button-bluegradient[data-v-e82d2eb0] {
    box-shadow: none;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-e82d2eb0]:hover {
    box-shadow: none;
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.steps[data-v-e82d2eb0] {
    position: absolute;
    top: 0;
    right: 60px
}

.steps .card-lunbo[data-v-e82d2eb0] {
    width: 700px;
    height: 248px;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.card-lunbo[data-v-e82d2eb0] {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    overflow: hidden
}

.card-lunbo .card-lunbo-list[data-v-e82d2eb0] {
    position: relative
}

.steps .card-lunbo .card3-lunbo-list[data-v-e82d2eb0] {
    margin: 0
}

.steps .card-lunbo .card-lunbo-list>li[data-v-e82d2eb0] {
    padding: 0 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.card-lunbo .card-lunbo-list>li[data-v-e82d2eb0] {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    font-size: 0;
    transition: height .25s ease-in-out
}

.card-opacity.active[data-v-e82d2eb0] {
    opacity: 1;
    height: auto !important
}

.card-opacity[data-v-e82d2eb0] {
    opacity: 0;
    transition: opacity .25s ease-in-out 10ms
}

.steps .card-lunbo .card-lunbo-list>li>img[data-v-e82d2eb0] {
    margin-right: 24px;
    width: 204px;
    vertical-align: top
}

.steps .steps-des[data-v-e82d2eb0] {
    display: inline-block;
    padding-top: 34px;
    width: 318px;
    color: #7a8ba6;
    vertical-align: top
}

.steps .steps-des h3[data-v-e82d2eb0] {
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    color: #374567;
    font-weight: 700
}

.steps .steps-des p[data-v-e82d2eb0] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 28px
}

.carousel-control[data-v-e82d2eb0] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.steps .carousel-control[data-v-e82d2eb0] {
    top: 82px
}

.card-lunbo .carousel-control[data-v-e82d2eb0] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 24px;
    box-sizing: border-box
}

.carousel-control.left[data-v-e82d2eb0] {
    left: 24px
}

.card-lunbo .carousel-control[data-v-e82d2eb0]:hover {
    color: #3860f4;
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.card-lunbo .carousel-control.disable-btn[data-v-e82d2eb0] {
    border: 1px solid #e1e6f0;
    background: #f2f4f8;
    color: #ddd;
    cursor: default
}

.carousel-control.right[data-v-e82d2eb0] {
    right: 24px
}

.dots-wrap-cnumber[data-v-e82d2eb0] {
    height: 26px;
    position: absolute;
    width: 100%;
    bottom: 32px;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.dots-wrap-cnumber .dots[data-v-e82d2eb0] {
    text-align: center;
    line-height: 24px
}

.dots-wrap-cnumber .dots .dot.active[data-v-e82d2eb0] {
    font-weight: 700;
    color: #3860f4;
    border-bottom: 2px solid #3860f4
}

.dots-wrap-cnumber .dots .dot[data-v-e82d2eb0] {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    color: #374567;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.aicon[data-v-e82d2eb0] {
    position: relative;
    top: -3px;
    left: 4px
}

.solution[data-v-61d6a221] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.solution .solution-banner[data-v-61d6a221] {
    padding-top: 80px;
    height: 352px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-20.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px 270px, 100% 270px;
    background-position: top, 0 0;
    background-repeat: no-repeat
}

.pos-rel[data-v-61d6a221] {
    position: relative
}

.main[data-v-61d6a221] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.solution .banner-img[data-v-61d6a221] {
    display: block;
    width: 1200px;
    height: 270px
}

.solution .solution-banner .title[data-v-61d6a221] {
    position: absolute;
    top: 72px;
    left: 60px
}

.solution .solution-banner .title>h1[data-v-61d6a221] {
    height: 0;
    font-size: 0
}

.solution-banner h1[data-v-61d6a221] {
    position: relative;
    margin-top: 196px;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #374567
}

.solution .solution-banner .banner-title-img[data-v-61d6a221] {
    height: 34px;
    margin-right: 24px
}

.vt[data-v-61d6a221] {
    vertical-align: top
}

.button-whiteborder[data-v-61d6a221] {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-base[data-v-61d6a221] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400
}

.button-radius-4[data-v-61d6a221] {
    border-radius: 4px
}

.h34-border[data-v-61d6a221] {
    height: 34px;
    line-height: 32px
}

.button-whiteborder[data-v-61d6a221]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.new-main[data-v-61d6a221] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.tc[data-v-61d6a221] {
    text-align: center
}

.mb16[data-v-61d6a221] {
    margin-bottom: 16px
}

.solution .h2-des[data-v-61d6a221] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.list-four-up-down[data-v-61d6a221] {
    font-size: 0;
    width: 100%;
    text-align: center
}

.mt48[data-v-61d6a221] {
    margin-top: 48px
}

.solution.list-four-up-down[data-v-61d6a221] {
    display: flex;
    justify-content: space-around;
    min-width: auto
}

.solution .list-four-up-down[data-v-61d6a221] {
    background: hsla(0, 0%, 100%, 0)
}

.list-four-up-down li[data-v-61d6a221] {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.solution .list-four-up-down li img[data-v-61d6a221] {
    width: 48px;
    margin-bottom: 16px
}

.list-four-up-down li img[data-v-61d6a221] {
    vertical-align: middle
}

.solution .list-four-up-down li h3[data-v-61d6a221] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.solution .list-four-up-down li .des[data-v-61d6a221] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    width: 210px;
    text-align: justify
}

.fangan[data-v-61d6a221] {
    margin-bottom: 80px;
    text-align: center
}

.solution h2[data-v-61d6a221] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.fangan img[data-v-61d6a221] {
    display: block;
    margin: 40px auto 48px auto;
    width: 880px;
    cursor: zoom-in
}

.solution h2>.en5[data-v-61d6a221] {
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #7a8ba6
}

.en5[data-v-61d6a221] {
    font-family: tf;
    letter-spacing: 1px;
    font-weight: 400
}

.core-techcontent-list[data-v-61d6a221] {
    margin-top: 42px;
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 32px;
    color: #6b798e
}

.new-tabs[data-v-61d6a221] {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-tabs .selected-line[data-v-61d6a221] {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.selected[data-v-61d6a221] {
    display: block;
    opacity: 1
}

.new-tabs>li.selected[data-v-61d6a221] {
    font-weight: 700;
    color: #3860f4
}

.new-tabs>li[data-v-61d6a221] {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li[data-v-61d6a221]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li[data-v-61d6a221]:last-of-type:after {
    content: none
}

.solution-tech-ind.card-lunbo[data-v-61d6a221] {
    margin-top: 32px;
    width: 1080px;
    height: auto;
    background: 0 0;
    box-shadow: none;
    border: none
}

.mb80[data-v-61d6a221] {
    margin-bottom: 80px
}

.card-lunbo .card-lunbo-list-height-auto[data-v-61d6a221] {
    position: relative
}

.card-lunbo .card-lunbo-list-height-auto>li.active[data-v-61d6a221] {
    height: auto;
    opacity: 1
}

.card-lunbo .card-lunbo-list-height-auto>li[data-v-61d6a221] {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    transition: height .25s ease-in-out;
    font-size: 0
}

.core-techcontent[data-v-61d6a221] {
    text-align: justify
}

.core-techcontent>h3[data-v-61d6a221] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px;
    color: #374567;
    font-weight: 700
}

.core-techcontent>p[data-v-61d6a221] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.mt32[data-v-61d6a221] {
    margin-top: 32px
}

.core-techcontent-list span[data-v-61d6a221] {
    color: #0a1633;
    font-weight: 700
}

.core-techcontent>p>span[data-v-61d6a221] {
    color: #374567
}

.changjing-content-list[data-v-61d6a221] {
    margin-top: 42px
}

.changjing-content[data-v-61d6a221] {
    margin-top: 48px;
    font-size: 0
}

.dn[data-v-61d6a221] {
    display: none !important
}

.changjing-content .changjing-content-left[data-v-61d6a221] {
    float: left;
    vertical-align: top;
    padding-top: 83px
}

.changjing-content .blue-block[data-v-61d6a221] {
    position: relative;
    padding: 123px 48px 24px 48px;
    width: 473px;
    height: 287px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ebf0fc;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.changjing-content .scence-img[data-v-61d6a221] {
    position: absolute;
    top: -83px;
    left: 50%;
    transform: translate(-50%);
    width: 377px;
    border-radius: 4px
}

.changjing-content .card-title[data-v-61d6a221] {
    margin-top: 24px
}

.changjing-content .card-title h3[data-v-61d6a221] {
    float: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.changjing-content .card-title a[data-v-61d6a221] {
    float: right
}

.word-link[data-v-61d6a221] {
    padding-left: 32px;
    line-height: 36px;
    background-image: url(../../static.ucloud.cn/51a5ed30a87f4feb926267161f9ba483.png);
    background-size: 24px;
    background-position: left 6px;
    background-repeat: no-repeat
}

.vm[data-v-61d6a221] {
    vertical-align: middle
}

.word-link[data-v-61d6a221] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.changjing-content .card-des[data-v-61d6a221] {
    margin-top: 8px;
    color: #7a8ba6;
    font-size: 16px;
    line-height: 32px
}

.changjing-content .changjing-content-right[data-v-61d6a221] {
    padding-top: 15px;
    float: right;
    vertical-align: top
}

.changjing-content .changjing-content-right li[data-v-61d6a221] {
    margin-bottom: 32px
}

.changjing-content .changjing-content-right .content-left[data-v-61d6a221] {
    margin-bottom: 8px
}

.changjing-content .changjing-content-right .icon[data-v-61d6a221] {
    margin-right: 16px;
    width: 24px;
    vertical-align: middle
}

.changjing-content .changjing-content-right .icon-des[data-v-61d6a221] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    vertical-align: middle
}

.changjing-content .changjing-content-right .content-right[data-v-61d6a221] {
    width: 544px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.solution-steps[data-v-61d6a221] {
    padding-top: 48px;
    background-color: #f9faff
}

.solution-steps .new-main[data-v-61d6a221] {
    height: 294px
}

.mt24[data-v-61d6a221] {
    margin-top: 24px
}

.h34[data-v-61d6a221] {
    height: 34px;
    line-height: 34px
}

.button-bluegradient[data-v-61d6a221] {
    box-shadow: none;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-61d6a221]:hover {
    box-shadow: none;
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.steps[data-v-61d6a221] {
    position: absolute;
    top: 0;
    right: 60px
}

.steps .card-lunbo[data-v-61d6a221] {
    width: 700px;
    height: 248px;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.card-lunbo[data-v-61d6a221] {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    overflow: hidden
}

.card-lunbo .card-lunbo-list[data-v-61d6a221] {
    position: relative
}

.steps .card-lunbo .card3-lunbo-list[data-v-61d6a221] {
    margin: 0
}

.steps .card-lunbo .card-lunbo-list>li[data-v-61d6a221] {
    padding: 0 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.card-lunbo .card-lunbo-list>li[data-v-61d6a221] {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    font-size: 0;
    transition: height .25s ease-in-out
}

.card-opacity.active[data-v-61d6a221] {
    opacity: 1;
    height: auto !important
}

.card-opacity[data-v-61d6a221] {
    opacity: 0;
    transition: opacity .25s ease-in-out 10ms
}

.steps .card-lunbo .card-lunbo-list>li>img[data-v-61d6a221] {
    margin-right: 24px;
    width: 204px;
    vertical-align: top
}

.steps .steps-des[data-v-61d6a221] {
    display: inline-block;
    padding-top: 34px;
    width: 318px;
    color: #7a8ba6;
    vertical-align: top
}

.steps .steps-des h3[data-v-61d6a221] {
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    color: #374567;
    font-weight: 700
}

.steps .steps-des p[data-v-61d6a221] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 28px
}

.carousel-control[data-v-61d6a221] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.steps .carousel-control[data-v-61d6a221] {
    top: 82px
}

.card-lunbo .carousel-control[data-v-61d6a221] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 24px;
    box-sizing: border-box
}

.carousel-control.left[data-v-61d6a221] {
    left: 24px
}

.card-lunbo .carousel-control[data-v-61d6a221]:hover {
    color: #3860f4;
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.card-lunbo .carousel-control.disable-btn[data-v-61d6a221] {
    border: 1px solid #e1e6f0;
    background: #f2f4f8;
    color: #ddd;
    cursor: default
}

.carousel-control.right[data-v-61d6a221] {
    right: 24px
}

.dots-wrap-cnumber[data-v-61d6a221] {
    height: 26px;
    position: absolute;
    width: 100%;
    bottom: 32px;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.dots-wrap-cnumber .dots[data-v-61d6a221] {
    text-align: center;
    line-height: 24px
}

.dots-wrap-cnumber .dots .dot.active[data-v-61d6a221] {
    font-weight: 700;
    color: #3860f4;
    border-bottom: 2px solid #3860f4
}

.dots-wrap-cnumber .dots .dot[data-v-61d6a221] {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    color: #374567;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.aicon[data-v-61d6a221] {
    position: relative;
    top: -3px;
    left: 4px
}

.solution[data-v-19b24d77] {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
    background: linear-gradient(1turn, #fff, #f9faff)
}

.solution .solution-banner[data-v-19b24d77] {
    padding-top: 80px;
    height: 352px;
    background-image: url(https://www.kaiyuncdn.com/images/imgbj-20.png), linear-gradient(1turn, #3860f4, #3860f4);
    background-size: 1920px 270px, 100% 270px;
    background-position: top, 0 0;
    background-repeat: no-repeat
}

.pos-rel[data-v-19b24d77] {
    position: relative
}

.main[data-v-19b24d77] {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden
}

.solution .banner-img[data-v-19b24d77] {
    display: block;
    width: 1200px;
    height: 270px
}

.solution .solution-banner .title[data-v-19b24d77] {
    position: absolute;
    top: 72px;
    left: 60px
}

.solution .solution-banner .title>h1[data-v-19b24d77] {
    height: 0;
    font-size: 0
}

.solution-banner h1[data-v-19b24d77] {
    position: relative;
    margin-top: 196px;
    display: inline-block;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #374567
}

.solution .solution-banner .banner-title-img[data-v-19b24d77] {
    height: 34px;
    margin-right: 24px
}

.vt[data-v-19b24d77] {
    vertical-align: top
}

.button-whiteborder[data-v-19b24d77] {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff
}

.button-base[data-v-19b24d77] {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .25s ease-in-out;
    font-weight: 400
}

.button-radius-4[data-v-19b24d77] {
    border-radius: 4px
}

.h34-border[data-v-19b24d77] {
    height: 34px;
    line-height: 32px
}

.button-whiteborder[data-v-19b24d77]:hover {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.new-main[data-v-19b24d77] {
    margin: 0 auto;
    padding: 0 60px;
    width: 1200px;
    min-width: 1200px;
    height: auto;
    clear: both;
    overflow: hidden;
    box-sizing: border-box
}

.tc[data-v-19b24d77] {
    text-align: center
}

.mb16[data-v-19b24d77] {
    margin-bottom: 16px
}

.solution .h2-des[data-v-19b24d77] {
    font-size: 14px;
    color: #7a8ba6;
    line-height: 28px;
    text-align: center
}

.list-four-up-down[data-v-19b24d77] {
    font-size: 0;
    width: 100%;
    text-align: center
}

.mt48[data-v-19b24d77] {
    margin-top: 48px
}

.solution.list-four-up-down[data-v-19b24d77] {
    display: flex;
    justify-content: space-around;
    min-width: auto
}

.solution .list-four-up-down[data-v-19b24d77] {
    background: hsla(0, 0%, 100%, 0)
}

.list-four-up-down li[data-v-19b24d77] {
    display: inline-block;
    vertical-align: top;
    width: 25%
}

.solution .list-four-up-down li img[data-v-19b24d77] {
    width: 48px;
    margin-bottom: 16px
}

.list-four-up-down li img[data-v-19b24d77] {
    vertical-align: middle
}

.solution .list-four-up-down li h3[data-v-19b24d77] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #374567
}

.solution .list-four-up-down li .des[data-v-19b24d77] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6;
    width: 210px;
    text-align: justify
}

.fangan[data-v-19b24d77] {
    margin-bottom: 80px;
    text-align: center
}

.solution h2[data-v-19b24d77] {
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 48px;
    font-weight: 700;
    color: #374567
}

.fangan img[data-v-19b24d77] {
    display: block;
    margin: 40px auto 48px auto;
    width: 880px;
    cursor: zoom-in
}

.solution h2>.en5[data-v-19b24d77] {
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #7a8ba6
}

.en5[data-v-19b24d77] {
    font-family: tf;
    letter-spacing: 1px;
    font-weight: 400
}

.core-techcontent-list[data-v-19b24d77] {
    margin-top: 42px;
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 32px;
    color: #6b798e
}

.new-tabs[data-v-19b24d77] {
    position: relative;
    font-size: 0;
    display: inline-block
}

.new-tabs .selected-line[data-v-19b24d77] {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3860f4;
    transition: all .25s ease-in-out;
    z-index: 2
}

.selected[data-v-19b24d77] {
    display: block;
    opacity: 1
}

.new-tabs>li.selected[data-v-19b24d77] {
    font-weight: 700;
    color: #3860f4
}

.new-tabs>li[data-v-19b24d77] {
    position: relative;
    display: inline-block;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 28px;
    color: #374567;
    vertical-align: top;
    cursor: pointer;
    border-bottom: 1px solid #e1e6f0;
    transition: all .25s ease-in-out
}

.new-tabs>li[data-v-19b24d77]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 1px;
    height: 16px;
    background-color: #ebf0fc
}

.new-tabs>li[data-v-19b24d77]:last-of-type:after {
    content: none
}

.solution-tech-ind.card-lunbo[data-v-19b24d77] {
    margin-top: 32px;
    width: 1080px;
    height: auto;
    background: 0 0;
    box-shadow: none;
    border: none
}

.mb80[data-v-19b24d77] {
    margin-bottom: 80px
}

.card-lunbo .card-lunbo-list-height-auto[data-v-19b24d77] {
    position: relative
}

.card-lunbo .card-lunbo-list-height-auto>li.active[data-v-19b24d77] {
    height: auto;
    opacity: 1
}

.card-lunbo .card-lunbo-list-height-auto>li[data-v-19b24d77] {
    position: relative;
    top: 0;
    height: 0;
    opacity: 0;
    transition: height .25s ease-in-out;
    font-size: 0
}

.core-techcontent[data-v-19b24d77] {
    text-align: justify
}

.core-techcontent>h3[data-v-19b24d77] {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px;
    color: #374567;
    font-weight: 700
}

.core-techcontent>p[data-v-19b24d77] {
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.mt32[data-v-19b24d77] {
    margin-top: 32px
}

.core-techcontent-list span[data-v-19b24d77] {
    color: #0a1633;
    font-weight: 700
}

.core-techcontent>p>span[data-v-19b24d77] {
    color: #374567
}

.changjing-content-list[data-v-19b24d77] {
    margin-top: 42px
}

.changjing-content[data-v-19b24d77] {
    margin-top: 48px;
    font-size: 0
}

.dn[data-v-19b24d77] {
    display: none !important
}

.changjing-content .changjing-content-left[data-v-19b24d77] {
    float: left;
    vertical-align: top;
    padding-top: 83px
}

.changjing-content .blue-block[data-v-19b24d77] {
    position: relative;
    padding: 123px 48px 24px 48px;
    width: 473px;
    height: 287px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ebf0fc;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02)
}

.changjing-content .scence-img[data-v-19b24d77] {
    position: absolute;
    top: -83px;
    left: 50%;
    transform: translate(-50%);
    width: 377px;
    border-radius: 4px
}

.changjing-content .card-title[data-v-19b24d77] {
    margin-top: 24px
}

.changjing-content .card-title h3[data-v-19b24d77] {
    float: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 700;
    color: #374567
}

.changjing-content .card-title a[data-v-19b24d77] {
    float: right
}

.word-link[data-v-19b24d77] {
    padding-left: 32px;
    line-height: 36px;
    background-image: url(../../static.ucloud.cn/51a5ed30a87f4feb926267161f9ba483.png);
    background-size: 24px;
    background-position: left 6px;
    background-repeat: no-repeat
}

.vm[data-v-19b24d77] {
    vertical-align: middle
}

.word-link[data-v-19b24d77] {
    font-size: 14px;
    color: #3860f4;
    transition: all .25s ease-in-out
}

.changjing-content .card-des[data-v-19b24d77] {
    margin-top: 8px;
    color: #7a8ba6;
    font-size: 16px;
    line-height: 32px
}

.changjing-content .changjing-content-right[data-v-19b24d77] {
    padding-top: 15px;
    float: right;
    vertical-align: top
}

.changjing-content .changjing-content-right li[data-v-19b24d77] {
    margin-bottom: 32px
}

.changjing-content .changjing-content-right .content-left[data-v-19b24d77] {
    margin-bottom: 8px
}

.changjing-content .changjing-content-right .icon[data-v-19b24d77] {
    margin-right: 16px;
    width: 24px;
    vertical-align: middle
}

.changjing-content .changjing-content-right .icon-des[data-v-19b24d77] {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    color: #374567;
    vertical-align: middle
}

.changjing-content .changjing-content-right .content-right[data-v-19b24d77] {
    width: 544px;
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #7a8ba6
}

.solution-steps[data-v-19b24d77] {
    padding-top: 48px;
    background-color: #f9faff
}

.solution-steps .new-main[data-v-19b24d77] {
    height: 294px
}

.mt24[data-v-19b24d77] {
    margin-top: 24px
}

.h34[data-v-19b24d77] {
    height: 34px;
    line-height: 34px
}

.button-bluegradient[data-v-19b24d77] {
    box-shadow: none;
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff
}

.button-bluegradient[data-v-19b24d77]:hover {
    box-shadow: none;
    background: linear-gradient(90deg, #537ffa, #3357df);
    color: #fff
}

.steps[data-v-19b24d77] {
    position: absolute;
    top: 0;
    right: 60px
}

.steps .card-lunbo[data-v-19b24d77] {
    width: 700px;
    height: 248px;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.card-lunbo[data-v-19b24d77] {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e1e6f0;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    box-sizing: border-box;
    overflow: hidden
}

.card-lunbo .card-lunbo-list[data-v-19b24d77] {
    position: relative
}

.steps .card-lunbo .card3-lunbo-list[data-v-19b24d77] {
    margin: 0
}

.steps .card-lunbo .card-lunbo-list>li[data-v-19b24d77] {
    padding: 0 64px;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 16px 0 rgba(55, 69, 103, .02), 0 8px 8px 0 rgba(235, 240, 252, .02);
    border: 1px solid #ebf0fc;
    box-sizing: border-box
}

.card-lunbo .card-lunbo-list>li[data-v-19b24d77] {
    position: relative;
    top: 0;
    width: 100%;
    height: 0;
    font-size: 0;
    transition: height .25s ease-in-out
}

.card-opacity.active[data-v-19b24d77] {
    opacity: 1;
    height: auto !important
}

.card-opacity[data-v-19b24d77] {
    opacity: 0;
    transition: opacity .25s ease-in-out 10ms
}

.steps .card-lunbo .card-lunbo-list>li>img[data-v-19b24d77] {
    margin-right: 24px;
    width: 204px;
    vertical-align: top
}

.steps .steps-des[data-v-19b24d77] {
    display: inline-block;
    padding-top: 34px;
    width: 318px;
    color: #7a8ba6;
    vertical-align: top
}

.steps .steps-des h3[data-v-19b24d77] {
    font-size: 16px;
    line-height: 36px;
    vertical-align: top;
    color: #374567;
    font-weight: 700
}

.steps .steps-des p[data-v-19b24d77] {
    margin-top: 8px;
    font-size: 14px;
    line-height: 28px
}

.carousel-control[data-v-19b24d77] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.steps .carousel-control[data-v-19b24d77] {
    top: 82px
}

.card-lunbo .carousel-control[data-v-19b24d77] {
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #7a8ba6;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .2);
    line-height: 24px;
    box-sizing: border-box
}

.carousel-control.left[data-v-19b24d77] {
    left: 24px
}

.card-lunbo .carousel-control[data-v-19b24d77]:hover {
    color: #3860f4;
    border-color: #3860f4;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .82)
}

.card-lunbo .carousel-control.disable-btn[data-v-19b24d77] {
    border: 1px solid #e1e6f0;
    background: #f2f4f8;
    color: #ddd;
    cursor: default
}

.carousel-control.right[data-v-19b24d77] {
    right: 24px
}

.dots-wrap-cnumber[data-v-19b24d77] {
    height: 26px;
    position: absolute;
    width: 100%;
    bottom: 32px;
    left: 0;
    z-index: 6;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.dots-wrap-cnumber .dots[data-v-19b24d77] {
    text-align: center;
    line-height: 24px
}

.dots-wrap-cnumber .dots .dot.active[data-v-19b24d77] {
    font-weight: 700;
    color: #3860f4;
    border-bottom: 2px solid #3860f4
}

.dots-wrap-cnumber .dots .dot[data-v-19b24d77] {
    display: inline-block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0 12px;
    color: #374567;
    font-size: 14px;
    line-height: 24px;
    vertical-align: top
}

.aicon[data-v-19b24d77] {
    position: relative;
    top: -3px;
    left: 4px
}

@font-face {
    font-family: Blanch Condensed Light;
    src: url(https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.0ce3324e.eot);
    src: url(https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.0ce3324e.eot?) format("embedded-opentype"), url(https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.d327e5c6.woff2) format("woff2"), url(https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.b945a00b.woff) format("woff"), url(https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.ff8ba422.ttf) format("truetype"), url("https://www.kaiyuncdn.com/images/ff8ba422ddea745609915817f1252497.56266227.svg") format("svg")
}

@media (max-width:1000px) {

    body,
    html {
        width: 100%
    }

    #app {
        position: relative;
        left: 0;
        top: 0;
        width: auto
    }

    .layout-header {
        width: 100%
    }

    .cat-three {
        width: 100vh !important;
        height: 140px;
        position: absolute;
        z-index: 3
    }
}

.carrousel {
    width: 100%;
    overflow: hidden;
    height: 720px
}

.carrousel .img-box {
    cursor: pointer;
    height: 720px;
    margin: 0 auto;
    background-position: 50%;
    background-size: cover
}

.cat-three {
    width: 100%;
    height: 140px;
    position: absolute;
    z-index: 3
}

.cat-three-box {
    width: 100rem;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    transform: translate3d(0, -50%, 0);
    box-shadow: 0 0 20px 5px rgba(0, 99, 255, .05)
}

.cat-three-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cat-three-inner li {
    width: 33.33333%;
    padding: 35px 0;
    overflow: hidden;
    position: relative
}

.cat-three-inner li :last-of-type {
    border-right: 0
}

.cat-three-item {
    width: 100%;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    border-right: 1px solid #f0f5ff
}

.cat-three-item>.three-item-icon {
    width: 70px;
    height: 70px;
    background: #f6faff;
    border-radius: 50%;
    display: inline-block
}

.cat-three-item>.three-item-icon>img {
    width: 50%;
    height: 50%;
    margin: 0 auto;
    transform: translate(50%, 50%);
    background-position: 50%;
    background-repeat: no-repeat
}

.cat-three-item>.three-item-text {
    margin-left: 20px;
    display: inline-block
}

.cat-three-item>.three-item-text>p {
    font-family: PingFangSC-Regular, PingFang SC, sans-serif
}

.cat-three-item>.three-item-text>p :first-of-type {
    font-size: 18px;
    color: #7984a6;
    font-weight: 600
}

.cat-three-item>.three-item-text>p :nth-of-type(2) {
    margin-top: 5px;
    font-size: 14px;
    color: #7a8ca6
}

.cat-three .three-item-new {
    position: absolute;
    top: 10px;
    right: -15px;
    text-align: center;
    width: 66px;
    background: #ff2424;
    transform: rotate(45deg)
}

.cat-three .three-item-new>span {
    font-family: PingFangSC-Regular, PingFang SC, sans-serif;
    color: #fff;
    height: 12px
}

.product-item-child {
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #f9faff
}

.product-item-child .product-item-child-box {
    padding: 20px 40px
}

.product-item-child .product-item-child-box .item-child-title {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.product-item-child .product-item-child-box .item-child-title .child-title-icon>img {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat
}

.product-item-child .product-item-child-box .item-child-title .child-title-text {
    font-size: 16px;
    margin-left: 12px;
    font-weight: 600
}

.product-item-child .product-item-child-box .item-child-text>p {
    font-size: 14px;
    color: #7a8ca6;
    line-height: 24px
}

.product-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    transition: all 0ms linear !important
}

.product-box>li.product-item {
    width: 20%;
    height: 80px
}

.product-box>li.product-item.product-item-hover .product-item-nav {
    border: 1px solid #3860f4;
    box-shadow: 0 0 20px 5px rgba(0, 99, 255, .05)
}

.product-box>li.product-item.product-item-hover .product-item-nav .item-nav-title>span {
    color: #3860f4
}

.product-box>li.product-item .product-item-nav {
    display: flex;
    cursor: pointer;
    padding: 20px 32px;
    border: 1px solid transparent;
    justify-content: flex-start;
    align-items: center
}

.product-box>li.product-item .product-item-nav .item-nav-icon>img {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat
}

.product-box>li.product-item .product-item-nav .item-nav-title {
    margin-left: 15px
}

.product-box>li.product-item .product-item-nav .item-nav-title span {
    color: #324164;
    font-weight: 500;
    font-size: 18px
}

.cat-product {
    width: 100rem;
    height: auto;
    margin: 0 auto 60px
}

.cat-product-title {
    margin-bottom: 20px
}

.cat-product-title>h1 {
    display: inline-block;
    font-size: 24px;
    color: #374567
}

.cat-home-item {
    width: 100rem;
    height: auto;
    margin: 0 auto
}

.cat-home-item-title {
    margin-bottom: 40px
}

.cat-home-item-title>h1 {
    display: inline-block;
    font-size: 24px;
    color: #374567
}

.cat-home-item-title>p {
    margin-left: 10px;
    display: inline-block;
    color: #7a8ca6;
    font-size: 18px
}

.cat-home-item-container>ul {
    display: inline-block;
    width: 1200px;
    justify-content: space-between
}

.cat-home-item-container>ul>li {
    margin-top: 20px;
    width: 15%;
    height: 72px
}

.cat-home-item-container>ul>li>img {
    margin-top: 10px;
    width: 100%
}

.container .product {
    padding-top: 80px
}

.app-error {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-error-container {
    margin: 0 auto
}

.app-error-container>section {
    text-align: center
}

.app-error-container>section .app-error-pic {
    margin: 0 auto;
    width: 472px;
    height: 335px;
    background-image: url(https://imgs.maoyuncloud.com/v3.0/other/bg_404.jpg)
}

.app-error-container>section .app-error-text {
    color: #7a8ca6;
    margin-top: 20px;
    font-size: 20px
}

.app-error-container>section .app-error-btn {
    margin: 20px 0 50px;
    color: #3860f4;
    font-size: 20px
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

#app.default {
    --body-bg: #fff;
    --header-bg: #393939;
    --theme-black: #000;
    --theme-logo-rotate: none;
    --module-bg: hsla(0, 0%, 100%, 0.6);
    --module-bg-opacity-5: hsla(0, 0%, 100%, 0.5);
    --module-bg-opacity-8: hsla(0, 0%, 100%, 0.8);
    --module-bg-opacity-9: hsla(0, 0%, 100%, 0.9);
    --module-hover-bg: #ebeced;
    --module-hover-bg-opaqueness: rgba(235, 236, 237, 0);
    --module-hover-bg-opacity-3: rgba(235, 236, 237, 0.3);
    --module-hover-bg-opacity-9: rgba(235, 236, 237, 0.9);
    --module-hover-bg-darken-10: #d0d3d5;
    --module-hover-bg-darken-20: #b5b9bd;
    --module-hover-bg-darken-40: #80868c;
    --primary-color: #3860f4;
    --primary-opacity-9-color: rgba(56, 96, 244, 0.9);
    --primary-opacity-7-color: rgba(56, 96, 244, 0.7);
    --primary-opacity-5-color: rgba(56, 96, 244, 0.5);
    --text-color: #323232;
    --text-reversal: #fff;
    --text-light: #a5a5a5;
    --text-dark: #000;
    --text-darken: #000;
    --text-secondary: rgba(0, 0, 0, 0.54);
    --text-disabled: rgba(0, 0, 0, 0.38);
    --text-dividers: rgba(0, 0, 0, 0.2);
    --link-color: #323232;
    --link-hover-color: #000
}

#app.dark {
    --body-bg: #000;
    --header-bg: #323232;
    --theme-black: #fff;
    --theme-logo-rotate: hue-rotate(30deg) brightness(180%) grayscale(100%);
    --module-bg: rgba(0, 0, 0, 0.6);
    --module-bg-opacity-5: rgba(0, 0, 0, 0.5);
    --module-bg-opacity-8: rgba(0, 0, 0, 0.8);
    --module-bg-opacity-9: rgba(0, 0, 0, 0.9);
    --module-hover-bg: rgba(0, 0, 0, 0.5);
    --module-hover-bg-opaqueness: transparent;
    --module-hover-bg-opacity-3: rgba(0, 0, 0, 0.3);
    --module-hover-bg-opacity-9: rgba(0, 0, 0, 0.9);
    --module-hover-bg-darken-10: rgba(0, 0, 0, 0.5);
    --module-hover-bg-darken-20: rgba(0, 0, 0, 0.5);
    --module-hover-bg-darken-40: rgba(0, 0, 0, 0.5);
    --primary-color: #fff;
    --primary-opacity-9-color: hsla(0, 0%, 100%, 0.9);
    --primary-opacity-7-color: hsla(0, 0%, 100%, 0.7);
    --primary-opacity-5-color: hsla(0, 0%, 100%, 0.5);
    --text-color: #fff;
    --text-reversal: #000;
    --text-light: #fff;
    --text-dark: #ccc;
    --text-darken: #999;
    --text-secondary: hsla(0, 0%, 100%, 0.54);
    --text-disabled: hsla(0, 0%, 100%, 0.38);
    --text-dividers: hsla(0, 0%, 100%, 0.2);
    --link-color: #fff;
    --link-hover-color: #ccc
}

/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */
*,
:after,
:before {
    background-repeat: no-repeat
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    font-family: PingFang SC, Hiragino Sans GB, "\5FAE\8F6F\96C5\9ED1", Microsoft Yahei, tahoma, arial, "\5B8B\4F53";
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break: break-word
}

main {
    display: block
}

nav ol,
nav ul {
    list-style: none
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Oxygen Mono, Liberation Mono, monospace
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

svg {
    fill: currentColor
}

table {
    border-collapse: collapse
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

select {
    text-transform: none
}

textarea {
    margin: 0
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

details,
dialog {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]),
template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled],
[disabled] {
    cursor: disabled
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}

.swiper.swiper-container-vertical .swiper-pagination-bullets {
    left: 40px;
    right: auto
}

html {
    font-size: 12px;
    scroll-behavior: smooth
}

p {
    margin: 0 0 1.2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    line-height: inherit
}

h1 {
    font-size: 2rem;
    margin: 1.2rem 0
}

h1,
h2 {
    font-weight: 500
}

h2 {
    font-size: 1.75rem;
    margin: 1.5rem 0 1.2rem
}

h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1.2rem 0 4px
}

h4 {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 8px 0 4px
}

h5 {
    font-size: 1rem
}

h5,
h6 {
    font-weight: 600;
    margin: 1.2rem 0 4px
}

h6 {
    color: var(--text-secondary);
    font-size: .85rem
}

ol li,
ul li {
    list-style: none
}

a {
    color: var(--primary-color)
}

@font-face {
    font-family: specialSymbol;
    src: local("PingFang SC"), local("Microsoft Yahei");
    unicode-range: U+02c2, U+02c3, U+003c, U+003e, U+3009
}

::selection {
    background: #0063ff;
    color: var(--text-reversal)
}

::-moz-selection {
    background: #0063ff;
    color: var(--text-reversal)
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    background: hsla(0, 0%, 100%, .6)
}

::-webkit-scrollbar-track {
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(95, 95, 95, .4);
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(95, 95, 95, .7)
}

[v-cloak] {
    display: none !important
}

* {
    outline: none;
    box-shadow: none;
    border-radius: 0
}

input::-moz-placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input:-ms-input-placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input::placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #e6e6e6
}

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

.checkbox,
.radio {
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.slide-up-enter-active,
.slide-up-leave-active {
    transition: all .4s cubic-bezier(0, 1.2, 1, .5);
    opacity: .7;
    transform: translate3d(0, 4em, 0)
}

.slide-up-enter,
.slide-up-leave-active {
    opacity: .3;
    transform: translate3d(0, 4em, 0)
}

.slide-left-enter-active,
.slide-left-leave-active {
    transition: all .2s cubic-bezier(0, 1.2, 1, .5);
    opacity: .5;
    transform: translate3d(2em, 0, 0)
}

.slide-left-enter,
.slide-left-leave-active {
    opacity: .3;
    transform: translate3d(2em, 0, 0)
}

.slide-right-enter-active,
.slide-right-leave-active {
    transition: all .4s cubic-bezier(0, 1.2, 1, .5);
    opacity: .5;
    transform: translate3d(5em, 0, 0)
}

.slide-right-enter,
.slide-right-leave-active {
    opacity: .3;
    transform: translate3d(5em, 0, 0)
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .25s
}

.fade-enter,
.fade-leave-active {
    opacity: 0
}

.fade-move {
    transition: transform .25s
}

.page-enter-active,
.page-leave-active {
    transition: opacity .25s
}

.page-enter,
.page-leave-active {
    opacity: 0
}

.module-enter-active,
.module-leave-active {
    transition: opacity .25s
}

.module-enter,
.module-leave-active {
    opacity: 0
}

.aside-enter-active {
    transition: opacity .25s cubic-bezier(1, -1.17, 1, -1.17)
}

.aside-leave-active {
    transition: opacity 0s
}

.aside-enter,
.aside-leave-active {
    opacity: 0
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-]::selection,
code[class*=language-] ::selection,
pre[class*=language-]::selection,
pre[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.class-name,
.token.function {
    color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
    color: #e90
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.cat-sub-menu {
    position: absolute;
    margin: 0 auto;
    transition: none
}

.cat-sub-menu .menu-dropdown-warp {
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    transition: max-height .39s ease-in-out, opacity .25s ease-in-out
}

.cat-sub-menu .menu-dropdown-warp.menu-show {
    position: relative;
    height: auto;
    line-height: 0;
    width: 1200px;
    max-height: 578px;
    background: #f9faff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .03);
    border: 2px solid #ebf0fc;
    border-bottom: none;
    opacity: 1;
    transition: max-height .39s ease-in-out, opacity .25s ease-in-out
}

.cat-sub-menu .menu-dropdown-inner {
    cursor: default;
    padding: 30px 40px
}

.cat-sub-menu.hide .menu-show {
    border: none
}

.cat-sub-menu.hide .menu-dropdown-inner {
    padding: 0
}

.cat-menu-box .menu-item-title {
    color: #3860f4 !important
}

.cat-menu-box ul .nav-menu-item,
.cat-menu-box ul li {
    margin-top: 15px;
    width: 190px;
    margin-right: 28px;
    color: #334164 !important;
    height: auto
}

.cat-menu-box ul .nav-menu-item :last-of-type,
.cat-menu-box ul .nav-menu-item :nth-of-type(4n) {
    margin-right: 0
}

.cat-menu-box ul .nav-menu-item h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #ebf0fd;
    margin-bottom: 13px
}

.cat-menu-box ul .nav-menu-item a {
    display: block;
    font-size: 14px;
    line-height: 2em
}

.cat-menu-box {
    width: 100%;
    line-height: 1
}

.cat-menu-box .menu-item-title {
    color: var(--primary-color);
    padding: 0;
    font-size: 16px
}

.cat-menu-box .menu-item-title :before {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 5px;
    transform: translateY(-75%);
    background-color: #fff;
    background-image: linear-gradient(180deg, #fff, #3860f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fff", endColorStr="#3860F4")
}

.cat-menu-box ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.cat-menu-box ul>li :last-of-type,
.cat-menu-box ul>li :nth-of-type(3n) {
    margin-right: 0
}

.cat-menu-box ul>li h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid #ebf0fd;
    margin-bottom: 13px
}

.cat-menu-box ul>li .menu-item-imgs {
    margin: 15px 0
}

.cat-menu-box ul>li .menu-item-imgs>a>img {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    margin-right: 20px;
    box-shadow: 0 0 6px 1px rgba(56, 96, 244, .15)
}

.cat-menu-box ul>li .menu-item-imgs>a>span {
    font-size: 14px
}

.arrow {
    position: absolute;
    display: inline-block;
    top: 100px;
    left: 100px;
    height: 3px;
    width: 10px;
    padding-left: 30px;
    background: red;
    line-height: 40px
}

.arrow :before {
    content: "";
    position: absolute;
    top: -3px;
    right: -1px;
    width: 7px;
    height: 7px;
    border-top: 2px solid red;
    border-right: 2px solid red;
    transform: rotate(45deg)
}

.layout-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: transparent
}

.layout-header .head-box {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100rem;
    height: 6.66667rem
}

.layout-header .head-box .head-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.layout-header .head-box .head-left .nav-item {
    margin-left: 35px;
    display: inline-block
}

.layout-header .head-box .head-left .nav-item>li {
    width: auto;
    line-height: 6.66667rem;
    font-size: 16px;
    color: #374567;
    display: inline-block;
    padding: 0 15px;
    margin: 0 4px;
    cursor: pointer;
    z-index: 1
}

.layout-header .head-box .head-left .nav-item li :hover {
    color: var(--primary-color)
}

.layout-header .head-box .head-left .nav-item>li>a {
    display: inline-block;
    color: #374567;
    height: 100%
}

.layout-header .head-box .head-right {
    height: 100%;
    display: flex;
    align-items: center
}

.layout-header .head-box .head-left .nav-item.nav-deep-color li,
.layout-header .head-box .head-left>.nav-deep-color>li>a {
    color: hsla(0, 0%, 100%, .8)
}

.head-right .nav-deep-color>li>a,
.head-right .nav-item.nav-deep-color li {
    color: hsla(0, 0%, 100%, .8) !important
}

.layout-header .head-box .head-right button+button {
    margin-left: 15px
}

.layout-header .head-box .head-right>div {
    display: flex;
    align-items: center
}

.layout-header .head-box .head-right>div>a,
.layout-header .head-box .head-right>div>span {
    font-size: 16px;
    color: var(--primary-color);
    padding: 5px 20px 5px 0
}

.layout-header .head-box .head-right>.theme-white>a,
.layout-header .head-box .head-right>.theme-white>span {
    color: #fff
}

.app-footer {
    width: 100%;
    height: 23.5rem;
    padding-top: 60px;
    border-top: 1px solid #e8e8e8;
    background: transparent
}

.app-footer-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100rem;
    height: 100%;
    margin: 0 auto;
    color: #7a8ca6
}

.app-footer-box .footer-left-logo {
    margin-bottom: 20px
}

.app-footer-box .footer-left-intro {
    font-size: 14px
}

.app-footer-box .footer-left-intro>div {
    margin: 8px 0
}

.app-footer-box .footer-left-intro>div a {
    color: #7a8ca6
}

.app-footer-box .footer-left-intro>div a :hover {
    text-decoration: underline
}

.app-footer-box .footer-right {
    width: 390px;
    display: flex;
    justify-content: space-between;
    text-align: left
}

.app-footer-box .footer-right .footer-columns-item h3 {
    font-weight: 500;
    font-size: 14px;
    color: #334164;
    padding-left: 5px;
    border-left: 3px solid rgba(56, 96, 244, .1)
}

.app-footer-box .footer-right .footer-columns-item ul {
    margin-top: 2rem;
    margin-left: 8px
}

.app-footer-box .footer-right .footer-columns-item ul li {
    margin-top: 1.1rem
}

.app-footer-box .footer-right .footer-columns-item ul li a {
    width: 100%;
    color: #7a8ca6;
    font-size: 14px
}

.app-footer-box .footer-right .footer-columns-item ul li a :hover {
    text-decoration: underline
}

.service-block-content {
    width: 100%;
    padding: 10px
}

.service-block-inner>li {
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4
}

.service-block-inner>li .inner-title {
    color: #334164;
    font-weight: 500;
    letter-spacing: .08rem;
    font-size: 16px
}

.service-block-inner>li>p {
    color: #7a8ca6;
    font-size: 12px;
    margin-top: 5px
}

.service-block-inner>li .chat-list {
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.service-block-inner>li .chat-list>li {
    width: 33.33333%
}

.service-block-inner>li .chat-list>li>a,
.service-block-inner>li .chat-list>li>img {
    vertical-align: middle
}

.service-block-inner>li.block-cnt-tel {
    padding-bottom: 0;
    border-bottom: 0
}

.service-block-inner>li.block-cnt-tel>p {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 700
}

#app-main {
    color: var(--text-color);
    font-family: PingFang SC, Hiragino Sans GB, "\5FAE\8F6F\96C5\9ED1", Microsoft Yahei, tahoma, arial, "\5B8B\4F53";
    font-size: 12px;
    min-height: 100vh;
    line-height: 1.4;
    background-color: var(--body-bg);
    -webkit-font-smoothing: antialiased;
    transition: all .3s ease;
    display: flex;
    flex-direction: column
}

main.pc-main .main-content {
    overflow: hidden
}

main.pc-main .main-content .view-box {
    margin: 0 auto
}

#app {
    color: var(--text-color);
    background-color: var(--body-bg)
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

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

*,
:after,
:before {
    box-sizing: border-box
}

body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #515a6e;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

a {
    background: transparent;
    outline: none;
    transition: color .2s ease
}

a,
a:active,
a:hover {
    color: #2d8cf0
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace
}

.cat-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block
}

.cat-row:after,
.cat-row:before {
    content: "";
    display: table
}

.cat-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.cat-row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.cat-row-flex:after,
.cat-row-flex:before {
    display: flex
}

.cat-row-flex-start {
    justify-content: flex-start
}

.cat-row-flex-center {
    justify-content: center
}

.cat-row-flex-end {
    justify-content: flex-end
}

.cat-row-flex-space-between {
    justify-content: space-between
}

.cat-row-flex-space-around {
    justify-content: space-around
}

.cat-row-flex-top {
    align-items: flex-start
}

.cat-row-flex-middle {
    align-items: center
}

.cat-row-flex-bottom {
    align-items: flex-end
}

.cat-col {
    position: relative;
    display: block
}

.cat-col-span-24 {
    display: none
}

.cat-col-push-24 {
    left: auto
}

.cat-col-pull-24 {
    right: auto
}

.cat-col-offset-24 {
    margin-left: 0
}

.cat-col-order-24 {
    order: 0
}

.cat-col-span-xs-24 {
    display: none
}

.cat-col-xs-push-24 {
    left: auto
}

.cat-col-xs-pull-24 {
    right: auto
}

.cat-col-xs-offset-24 {
    margin-left: 0
}

.cat-col-xs-order-24 {
    order: 0
}

@media (min-width:576px) {
    .cat-col-span-sm-24 {
        display: none
    }

    .cat-col-sm-push-24 {
        left: auto
    }

    .cat-col-sm-pull-24 {
        right: auto
    }

    .cat-col-sm-offset-24 {
        margin-left: 0
    }

    .cat-col-sm-order-24 {
        order: 0
    }
}

@media (min-width:768px) {
    .cat-col-span-md-24 {
        display: none
    }

    .cat-col-md-push-24 {
        left: auto
    }

    .cat-col-md-pull-24 {
        right: auto
    }

    .cat-col-md-offset-24 {
        margin-left: 0
    }

    .cat-col-md-order-24 {
        order: 0
    }
}

@media (min-width:992px) {
    .cat-col-span-lg-24 {
        display: none
    }

    .cat-col-lg-push-24 {
        left: auto
    }

    .cat-col-lg-pull-24 {
        right: auto
    }

    .cat-col-lg-offset-24 {
        margin-left: 0
    }

    .cat-col-lg-order-24 {
        order: 0
    }
}

@media (min-width:1200px) {
    .cat-col-span-xl-24 {
        display: none
    }

    .cat-col-xl-push-24 {
        left: auto
    }

    .cat-col-xl-pull-24 {
        right: auto
    }

    .cat-col-xl-offset-24 {
        margin-left: 0
    }

    .cat-col-xl-order-24 {
        order: 0
    }
}

@media (min-width:1600px) {
    .cat-col-span-xxl-24 {
        display: none
    }

    .cat-col-xxl-push-24 {
        left: auto
    }

    .cat-col-xxl-pull-24 {
        right: auto
    }

    .cat-col-xxl-offset-24 {
        margin-left: 0
    }

    .cat-col-xxl-order-24 {
        order: 0
    }
}

@font-face {
    font-family: catIcon;
    src: url(../../at.alicdn.com/t/font_1941117_bw7ygkch07m.eot%3Ft=1600940842353);
    src: url(../../at.alicdn.com/t/font_1941117_bw7ygkch07m.eot%3Ft=1600940842353) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(../../at.alicdn.com/t/font_1941117_bw7ygkch07m.woff%3Ft=1600940842353) format("woff"), url(../../at.alicdn.com/t/font_1941117_bw7ygkch07m.ttf%3Ft=1600940842353) format("truetype"), url(../../at.alicdn.com/t/font_1941117_bw7ygkch07m.svg%3Ft=1600940842353) format("svg")
}

.cat-icon {
    font-family: catIcon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cat-icon-arrow-down:before {
    content: "\e66b"
}

.cat-icon-arrow-up:before {
    content: "\e676"
}

.cat-icon-arrow-back:before {
    content: "\e789"
}

.cat-icon-arrow-forward:before {
    content: "\e68c"
}

.cat-icon-close:before {
    content: "\e702"
}

.cat-icon-center:before {
    content: "\e614"
}

.cat-icon-message:before {
    content: "\e613"
}

.cat-icon-avatar:before {
    content: "\e612"
}

.cat-icon-overview:before {
    content: "\e60a"
}

.cat-icon-pcdn:before {
    content: "\e60b"
}

.cat-icon-vod:before {
    content: "\e60d"
}

.cat-icon-mos:before {
    content: "\e60f"
}

.cat-icon-cdn:before {
    content: "\e610"
}

.cat-icon-balance:before {
    content: "\e611"
}

.cat-icon-logo:before {
    content: "\e608"
}

.transition-drop-appear,
.transition-drop-enter-active,
.transition-drop-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.transition-drop-appear,
.transition-drop-enter-active {
    -webkit-animation-name: "catTransitionDropIn";
    animation-name: "catTransitionDropIn";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.transition-drop-leave-active {
    -webkit-animation-name: "catTransitionDropOut";
    animation-name: "catTransitionDropOut";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.transition-drop-appear,
.transition-drop-enter-active {
    opacity: 0
}

.transition-drop-appear,
.transition-drop-enter-active,
.transition-drop-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.slide-up-appear,
.slide-up-enter-active,
.slide-up-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-up-appear,
.slide-up-enter-active {
    -webkit-animation-name: "catSlideUpIn";
    animation-name: "catSlideUpIn";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-leave-active {
    -webkit-animation-name: "catSlideUpOut";
    animation-name: "catSlideUpOut";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-appear,
.slide-up-enter-active {
    opacity: 0
}

.slide-up-appear,
.slide-up-enter-active,
.slide-up-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.slide-down-appear,
.slide-down-enter-active,
.slide-down-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-down-appear,
.slide-down-enter-active {
    -webkit-animation-name: "catSlideDownIn";
    animation-name: "catSlideDownIn";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-leave-active {
    -webkit-animation-name: "catSlideDownOut";
    animation-name: "catSlideDownOut";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-appear,
.slide-down-enter-active {
    opacity: 0
}

.slide-down-appear,
.slide-down-enter-active,
.slide-down-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.slide-left-appear,
.slide-left-enter-active,
.slide-left-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-left-appear,
.slide-left-enter-active {
    -webkit-animation-name: "catSlideLeftIn";
    animation-name: "catSlideLeftIn";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-leave-active {
    -webkit-animation-name: "catSlideLeftOut";
    animation-name: "catSlideLeftOut";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-appear,
.slide-left-enter-active {
    opacity: 0
}

.slide-left-appear,
.slide-left-enter-active,
.slide-left-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.slide-right-appear,
.slide-right-enter-active,
.slide-right-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-right-appear,
.slide-right-enter-active {
    -webkit-animation-name: "catSlideRightIn";
    animation-name: "catSlideRightIn";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-leave-active {
    -webkit-animation-name: "catSlideRightOut";
    animation-name: "catSlideRightOut";
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-appear,
.slide-right-enter-active {
    opacity: 0
}

.slide-right-appear,
.slide-right-enter-active,
.slide-right-leave-active {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes catTransitionDropIn {
    0% {
        opacity: 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes catTransitionDropIn {
    0% {
        opacity: 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@-webkit-keyframes catTransitionDropOut {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform: scaleY(.8)
    }
}

@keyframes catTransitionDropOut {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform: scaleY(.8)
    }
}

@-webkit-keyframes catSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes catSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@-webkit-keyframes catSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@keyframes catSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@-webkit-keyframes catSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes catSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@-webkit-keyframes catSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@keyframes catSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@-webkit-keyframes catSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes catSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@-webkit-keyframes catSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@keyframes catSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@-webkit-keyframes catSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@keyframes catSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@-webkit-keyframes catSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

@keyframes catSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

.cat-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    line-height: 1.5;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 5px 15px 6px;
    font-size: 14px;
    border-radius: 4px;
    transition: color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear
}

.cat-btn,
.cat-btn>span {
    vertical-align: middle;
    line-height: 1em
}

.cat-btn,
.cat-btn:active,
.cat-btn:focus {
    outline: 0
}

.cat-btn:not([disabled]):hover {
    text-decoration: none
}

.cat-btn:not([disabled]):active {
    outline: 0
}

.cat-btn.disabled,
.cat-btn[disabled] {
    cursor: not-allowed
}

.cat-btn.disabled>*,
.cat-btn[disabled]>* {
    pointer-events: none
}

.cat-btn-large {
    padding: 8px 23px;
    font-size: 14px;
    border-radius: 4px
}

.cat-btn-small {
    padding: 1px 7px 2px;
    font-size: 14px;
    border-radius: 3px
}

.cat-btn-default {
    color: #515a6e;
    background: #fff;
    border: 1px solid #fff
}

.cat-btn-default>a:only-child {
    color: currentColor
}

.cat-btn-default>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-default:hover {
    color: rgba(81, 90, 110, .8)
}

.cat-btn-default.active,
.cat-btn-default:active {
    color: rgba(81, 90, 110, .95);
    background-color: hsla(0, 0%, 100%, .95);
    border-color: rgba(220, 222, 226, .95)
}

.cat-btn-default.disabled,
.cat-btn-default.disabled.active,
.cat-btn-default.disabled:active,
.cat-btn-default.disabled:focus,
.cat-btn-default.disabled:hover,
.cat-btn-default[disabled],
.cat-btn-default[disabled].active,
.cat-btn-default[disabled]:active,
.cat-btn-default[disabled]:focus,
.cat-btn-default[disabled]:hover,
fieldset[disabled] .cat-btn-default,
fieldset[disabled] .cat-btn-default.active,
fieldset[disabled] .cat-btn-default:active,
fieldset[disabled] .cat-btn-default:focus,
fieldset[disabled] .cat-btn-default:hover {
    color: #c5c8ce;
    background-color: #f7f7f7
}

.cat-btn-default.disabled.active>a:only-child,
.cat-btn-default.disabled:active>a:only-child,
.cat-btn-default.disabled:focus>a:only-child,
.cat-btn-default.disabled:hover>a:only-child,
.cat-btn-default.disabled>a:only-child,
.cat-btn-default[disabled].active>a:only-child,
.cat-btn-default[disabled]:active>a:only-child,
.cat-btn-default[disabled]:focus>a:only-child,
.cat-btn-default[disabled]:hover>a:only-child,
.cat-btn-default[disabled]>a:only-child,
fieldset[disabled] .cat-btn-default.active>a:only-child,
fieldset[disabled] .cat-btn-default:active>a:only-child,
fieldset[disabled] .cat-btn-default:focus>a:only-child,
fieldset[disabled] .cat-btn-default:hover>a:only-child,
fieldset[disabled] .cat-btn-default>a:only-child {
    color: currentColor
}

.cat-btn-default.disabled.active>a:only-child:after,
.cat-btn-default.disabled:active>a:only-child:after,
.cat-btn-default.disabled:focus>a:only-child:after,
.cat-btn-default.disabled:hover>a:only-child:after,
.cat-btn-default.disabled>a:only-child:after,
.cat-btn-default[disabled].active>a:only-child:after,
.cat-btn-default[disabled]:active>a:only-child:after,
.cat-btn-default[disabled]:focus>a:only-child:after,
.cat-btn-default[disabled]:hover>a:only-child:after,
.cat-btn-default[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-default.active>a:only-child:after,
fieldset[disabled] .cat-btn-default:active>a:only-child:after,
fieldset[disabled] .cat-btn-default:focus>a:only-child:after,
fieldset[disabled] .cat-btn-default:hover>a:only-child:after,
fieldset[disabled] .cat-btn-default>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-default:hover {
    color: rgba(56, 96, 244, .8);
    background-color: #fff
}

.cat-btn-default:hover>a:only-child {
    color: currentColor
}

.cat-btn-default:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-default.active,
.cat-btn-default:active {
    color: rgba(56, 96, 244, .95);
    background-color: #fff;
    border-color: rgba(56, 96, 244, .95)
}

.cat-btn-default.active>a:only-child,
.cat-btn-default:active>a:only-child {
    color: currentColor
}

.cat-btn-default.active>a:only-child:after,
.cat-btn-default:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-default:focus {
    box-shadow: 0 0 0 2px rgba(56, 96, 244, .05)
}

.cat-btn-primary {
    color: #fff;
    background-color: #3860f4;
    border-color: #3860f4
}

.cat-btn-primary>a:only-child {
    color: currentColor
}

.cat-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-primary:hover {
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(56, 96, 244, .8);
    border-color: rgba(56, 96, 244, .8)
}

.cat-btn-primary:hover>a:only-child {
    color: currentColor
}

.cat-btn-primary:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-primary.active,
.cat-btn-primary:active {
    color: hsla(0, 0%, 100%, .95);
    background-color: rgba(56, 96, 244, .95);
    border-color: rgba(56, 96, 244, .95)
}

.cat-btn-primary.active>a:only-child,
.cat-btn-primary:active>a:only-child {
    color: currentColor
}

.cat-btn-primary.active>a:only-child:after,
.cat-btn-primary:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-primary.disabled,
.cat-btn-primary.disabled.active,
.cat-btn-primary.disabled:active,
.cat-btn-primary.disabled:focus,
.cat-btn-primary.disabled:hover,
.cat-btn-primary[disabled],
.cat-btn-primary[disabled].active,
.cat-btn-primary[disabled]:active,
.cat-btn-primary[disabled]:focus,
.cat-btn-primary[disabled]:hover,
fieldset[disabled] .cat-btn-primary,
fieldset[disabled] .cat-btn-primary.active,
fieldset[disabled] .cat-btn-primary:active,
fieldset[disabled] .cat-btn-primary:focus,
fieldset[disabled] .cat-btn-primary:hover {
    color: #c5c8ce;
    background-color: #f7f7f7;
    border-color: #dcdee2
}

.cat-btn-primary.disabled.active>a:only-child,
.cat-btn-primary.disabled:active>a:only-child,
.cat-btn-primary.disabled:focus>a:only-child,
.cat-btn-primary.disabled:hover>a:only-child,
.cat-btn-primary.disabled>a:only-child,
.cat-btn-primary[disabled].active>a:only-child,
.cat-btn-primary[disabled]:active>a:only-child,
.cat-btn-primary[disabled]:focus>a:only-child,
.cat-btn-primary[disabled]:hover>a:only-child,
.cat-btn-primary[disabled]>a:only-child,
fieldset[disabled] .cat-btn-primary.active>a:only-child,
fieldset[disabled] .cat-btn-primary:active>a:only-child,
fieldset[disabled] .cat-btn-primary:focus>a:only-child,
fieldset[disabled] .cat-btn-primary:hover>a:only-child,
fieldset[disabled] .cat-btn-primary>a:only-child {
    color: currentColor
}

.cat-btn-primary.disabled.active>a:only-child:after,
.cat-btn-primary.disabled:active>a:only-child:after,
.cat-btn-primary.disabled:focus>a:only-child:after,
.cat-btn-primary.disabled:hover>a:only-child:after,
.cat-btn-primary.disabled>a:only-child:after,
.cat-btn-primary[disabled].active>a:only-child:after,
.cat-btn-primary[disabled]:active>a:only-child:after,
.cat-btn-primary[disabled]:focus>a:only-child:after,
.cat-btn-primary[disabled]:hover>a:only-child:after,
.cat-btn-primary[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-primary.active>a:only-child:after,
fieldset[disabled] .cat-btn-primary:active>a:only-child:after,
fieldset[disabled] .cat-btn-primary:focus>a:only-child:after,
fieldset[disabled] .cat-btn-primary:hover>a:only-child:after,
fieldset[disabled] .cat-btn-primary>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-primary.active,
.cat-btn-primary:active,
.cat-btn-primary:hover {
    color: #fff
}

.cat-btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(56, 96, 244, .05)
}

.cat-btn-info {
    background: linear-gradient(90deg, #5f87f8, #3860f4);
    color: #fff;
    border: 1px solid rgba(56, 96, 244, .1)
}

.cat-btn-info>a:only-child {
    color: currentColor
}

.cat-btn-info>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-info:hover {
    background: linear-gradient(90deg, #537ffa, #3357df)
}

.cat-btn-info:hover>a:only-child {
    color: currentColor
}

.cat-btn-info:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-info.active,
.cat-btn-info:active {
    color: hsla(0, 0%, 100%, .95);
    background-color: rgba(45, 183, 245, .95);
    border-color: rgba(45, 183, 245, .95)
}

.cat-btn-info.active>a:only-child,
.cat-btn-info:active>a:only-child {
    color: currentColor
}

.cat-btn-info.active>a:only-child:after,
.cat-btn-info:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-info.disabled,
.cat-btn-info.disabled.active,
.cat-btn-info.disabled:active,
.cat-btn-info.disabled:focus,
.cat-btn-info.disabled:hover,
.cat-btn-info[disabled],
.cat-btn-info[disabled].active,
.cat-btn-info[disabled]:active,
.cat-btn-info[disabled]:focus,
.cat-btn-info[disabled]:hover,
fieldset[disabled] .cat-btn-info,
fieldset[disabled] .cat-btn-info.active,
fieldset[disabled] .cat-btn-info:active,
fieldset[disabled] .cat-btn-info:focus,
fieldset[disabled] .cat-btn-info:hover {
    color: #c5c8ce;
    background-color: #f7f7f7;
    border-color: #dcdee2
}

.cat-btn-info.disabled.active>a:only-child,
.cat-btn-info.disabled:active>a:only-child,
.cat-btn-info.disabled:focus>a:only-child,
.cat-btn-info.disabled:hover>a:only-child,
.cat-btn-info.disabled>a:only-child,
.cat-btn-info[disabled].active>a:only-child,
.cat-btn-info[disabled]:active>a:only-child,
.cat-btn-info[disabled]:focus>a:only-child,
.cat-btn-info[disabled]:hover>a:only-child,
.cat-btn-info[disabled]>a:only-child,
fieldset[disabled] .cat-btn-info.active>a:only-child,
fieldset[disabled] .cat-btn-info:active>a:only-child,
fieldset[disabled] .cat-btn-info:focus>a:only-child,
fieldset[disabled] .cat-btn-info:hover>a:only-child,
fieldset[disabled] .cat-btn-info>a:only-child {
    color: currentColor
}

.cat-btn-info.disabled.active>a:only-child:after,
.cat-btn-info.disabled:active>a:only-child:after,
.cat-btn-info.disabled:focus>a:only-child:after,
.cat-btn-info.disabled:hover>a:only-child:after,
.cat-btn-info.disabled>a:only-child:after,
.cat-btn-info[disabled].active>a:only-child:after,
.cat-btn-info[disabled]:active>a:only-child:after,
.cat-btn-info[disabled]:focus>a:only-child:after,
.cat-btn-info[disabled]:hover>a:only-child:after,
.cat-btn-info[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-info.active>a:only-child:after,
fieldset[disabled] .cat-btn-info:active>a:only-child:after,
fieldset[disabled] .cat-btn-info:focus>a:only-child:after,
fieldset[disabled] .cat-btn-info:hover>a:only-child:after,
fieldset[disabled] .cat-btn-info>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-info.active,
.cat-btn-info:active,
.cat-btn-info:hover {
    color: #fff
}

.cat-btn-info:focus {
    box-shadow: 0 0 0 2px rgba(45, 183, 245, .05)
}

.cat-btn-success {
    color: #fff;
    background-color: #19be6b;
    border-color: #19be6b
}

.cat-btn-success>a:only-child {
    color: currentColor
}

.cat-btn-success>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-success:hover {
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(25, 190, 107, .8);
    border-color: rgba(25, 190, 107, .8)
}

.cat-btn-success:hover>a:only-child {
    color: currentColor
}

.cat-btn-success:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-success.active,
.cat-btn-success:active {
    color: hsla(0, 0%, 100%, .95);
    background-color: rgba(25, 190, 107, .95);
    border-color: rgba(25, 190, 107, .95)
}

.cat-btn-success.active>a:only-child,
.cat-btn-success:active>a:only-child {
    color: currentColor
}

.cat-btn-success.active>a:only-child:after,
.cat-btn-success:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-success.disabled,
.cat-btn-success.disabled.active,
.cat-btn-success.disabled:active,
.cat-btn-success.disabled:focus,
.cat-btn-success.disabled:hover,
.cat-btn-success[disabled],
.cat-btn-success[disabled].active,
.cat-btn-success[disabled]:active,
.cat-btn-success[disabled]:focus,
.cat-btn-success[disabled]:hover,
fieldset[disabled] .cat-btn-success,
fieldset[disabled] .cat-btn-success.active,
fieldset[disabled] .cat-btn-success:active,
fieldset[disabled] .cat-btn-success:focus,
fieldset[disabled] .cat-btn-success:hover {
    color: #c5c8ce;
    background-color: #f7f7f7;
    border-color: #dcdee2
}

.cat-btn-success.disabled.active>a:only-child,
.cat-btn-success.disabled:active>a:only-child,
.cat-btn-success.disabled:focus>a:only-child,
.cat-btn-success.disabled:hover>a:only-child,
.cat-btn-success.disabled>a:only-child,
.cat-btn-success[disabled].active>a:only-child,
.cat-btn-success[disabled]:active>a:only-child,
.cat-btn-success[disabled]:focus>a:only-child,
.cat-btn-success[disabled]:hover>a:only-child,
.cat-btn-success[disabled]>a:only-child,
fieldset[disabled] .cat-btn-success.active>a:only-child,
fieldset[disabled] .cat-btn-success:active>a:only-child,
fieldset[disabled] .cat-btn-success:focus>a:only-child,
fieldset[disabled] .cat-btn-success:hover>a:only-child,
fieldset[disabled] .cat-btn-success>a:only-child {
    color: currentColor
}

.cat-btn-success.disabled.active>a:only-child:after,
.cat-btn-success.disabled:active>a:only-child:after,
.cat-btn-success.disabled:focus>a:only-child:after,
.cat-btn-success.disabled:hover>a:only-child:after,
.cat-btn-success.disabled>a:only-child:after,
.cat-btn-success[disabled].active>a:only-child:after,
.cat-btn-success[disabled]:active>a:only-child:after,
.cat-btn-success[disabled]:focus>a:only-child:after,
.cat-btn-success[disabled]:hover>a:only-child:after,
.cat-btn-success[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-success.active>a:only-child:after,
fieldset[disabled] .cat-btn-success:active>a:only-child:after,
fieldset[disabled] .cat-btn-success:focus>a:only-child:after,
fieldset[disabled] .cat-btn-success:hover>a:only-child:after,
fieldset[disabled] .cat-btn-success>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-success.active,
.cat-btn-success:active,
.cat-btn-success:hover {
    color: #fff
}

.cat-btn-success:focus {
    box-shadow: 0 0 0 2px rgba(25, 190, 107, .05)
}

.cat-btn-warning {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}

.cat-btn-warning>a:only-child {
    color: currentColor
}

.cat-btn-warning>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-warning:hover {
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(255, 153, 0, .8);
    border-color: rgba(255, 153, 0, .8)
}

.cat-btn-warning:hover>a:only-child {
    color: currentColor
}

.cat-btn-warning:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-warning.active,
.cat-btn-warning:active {
    color: hsla(0, 0%, 100%, .95);
    background-color: rgba(255, 153, 0, .95);
    border-color: rgba(255, 153, 0, .95)
}

.cat-btn-warning.active>a:only-child,
.cat-btn-warning:active>a:only-child {
    color: currentColor
}

.cat-btn-warning.active>a:only-child:after,
.cat-btn-warning:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-warning.disabled,
.cat-btn-warning.disabled.active,
.cat-btn-warning.disabled:active,
.cat-btn-warning.disabled:focus,
.cat-btn-warning.disabled:hover,
.cat-btn-warning[disabled],
.cat-btn-warning[disabled].active,
.cat-btn-warning[disabled]:active,
.cat-btn-warning[disabled]:focus,
.cat-btn-warning[disabled]:hover,
fieldset[disabled] .cat-btn-warning,
fieldset[disabled] .cat-btn-warning.active,
fieldset[disabled] .cat-btn-warning:active,
fieldset[disabled] .cat-btn-warning:focus,
fieldset[disabled] .cat-btn-warning:hover {
    color: #c5c8ce;
    background-color: #f7f7f7;
    border-color: #dcdee2
}

.cat-btn-warning.disabled.active>a:only-child,
.cat-btn-warning.disabled:active>a:only-child,
.cat-btn-warning.disabled:focus>a:only-child,
.cat-btn-warning.disabled:hover>a:only-child,
.cat-btn-warning.disabled>a:only-child,
.cat-btn-warning[disabled].active>a:only-child,
.cat-btn-warning[disabled]:active>a:only-child,
.cat-btn-warning[disabled]:focus>a:only-child,
.cat-btn-warning[disabled]:hover>a:only-child,
.cat-btn-warning[disabled]>a:only-child,
fieldset[disabled] .cat-btn-warning.active>a:only-child,
fieldset[disabled] .cat-btn-warning:active>a:only-child,
fieldset[disabled] .cat-btn-warning:focus>a:only-child,
fieldset[disabled] .cat-btn-warning:hover>a:only-child,
fieldset[disabled] .cat-btn-warning>a:only-child {
    color: currentColor
}

.cat-btn-warning.disabled.active>a:only-child:after,
.cat-btn-warning.disabled:active>a:only-child:after,
.cat-btn-warning.disabled:focus>a:only-child:after,
.cat-btn-warning.disabled:hover>a:only-child:after,
.cat-btn-warning.disabled>a:only-child:after,
.cat-btn-warning[disabled].active>a:only-child:after,
.cat-btn-warning[disabled]:active>a:only-child:after,
.cat-btn-warning[disabled]:focus>a:only-child:after,
.cat-btn-warning[disabled]:hover>a:only-child:after,
.cat-btn-warning[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-warning.active>a:only-child:after,
fieldset[disabled] .cat-btn-warning:active>a:only-child:after,
fieldset[disabled] .cat-btn-warning:focus>a:only-child:after,
fieldset[disabled] .cat-btn-warning:hover>a:only-child:after,
fieldset[disabled] .cat-btn-warning>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-warning.active,
.cat-btn-warning:active,
.cat-btn-warning:hover {
    color: #fff
}

.cat-btn-warning:focus {
    box-shadow: 0 0 0 2px rgba(255, 153, 0, .05)
}

.cat-btn-error {
    color: #fff;
    background-color: #ed4014;
    border-color: #ed4014
}

.cat-btn-error>a:only-child {
    color: currentColor
}

.cat-btn-error>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-error:hover {
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(237, 64, 20, .8);
    border-color: rgba(237, 64, 20, .8)
}

.cat-btn-error:hover>a:only-child {
    color: currentColor
}

.cat-btn-error:hover>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-error.active,
.cat-btn-error:active {
    color: hsla(0, 0%, 100%, .95);
    background-color: rgba(237, 64, 20, .95);
    border-color: rgba(237, 64, 20, .95)
}

.cat-btn-error.active>a:only-child,
.cat-btn-error:active>a:only-child {
    color: currentColor
}

.cat-btn-error.active>a:only-child:after,
.cat-btn-error:active>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-error.disabled,
.cat-btn-error.disabled.active,
.cat-btn-error.disabled:active,
.cat-btn-error.disabled:focus,
.cat-btn-error.disabled:hover,
.cat-btn-error[disabled],
.cat-btn-error[disabled].active,
.cat-btn-error[disabled]:active,
.cat-btn-error[disabled]:focus,
.cat-btn-error[disabled]:hover,
fieldset[disabled] .cat-btn-error,
fieldset[disabled] .cat-btn-error.active,
fieldset[disabled] .cat-btn-error:active,
fieldset[disabled] .cat-btn-error:focus,
fieldset[disabled] .cat-btn-error:hover {
    color: #c5c8ce;
    background-color: #f7f7f7;
    border-color: #dcdee2
}

.cat-btn-error.disabled.active>a:only-child,
.cat-btn-error.disabled:active>a:only-child,
.cat-btn-error.disabled:focus>a:only-child,
.cat-btn-error.disabled:hover>a:only-child,
.cat-btn-error.disabled>a:only-child,
.cat-btn-error[disabled].active>a:only-child,
.cat-btn-error[disabled]:active>a:only-child,
.cat-btn-error[disabled]:focus>a:only-child,
.cat-btn-error[disabled]:hover>a:only-child,
.cat-btn-error[disabled]>a:only-child,
fieldset[disabled] .cat-btn-error.active>a:only-child,
fieldset[disabled] .cat-btn-error:active>a:only-child,
fieldset[disabled] .cat-btn-error:focus>a:only-child,
fieldset[disabled] .cat-btn-error:hover>a:only-child,
fieldset[disabled] .cat-btn-error>a:only-child {
    color: currentColor
}

.cat-btn-error.disabled.active>a:only-child:after,
.cat-btn-error.disabled:active>a:only-child:after,
.cat-btn-error.disabled:focus>a:only-child:after,
.cat-btn-error.disabled:hover>a:only-child:after,
.cat-btn-error.disabled>a:only-child:after,
.cat-btn-error[disabled].active>a:only-child:after,
.cat-btn-error[disabled]:active>a:only-child:after,
.cat-btn-error[disabled]:focus>a:only-child:after,
.cat-btn-error[disabled]:hover>a:only-child:after,
.cat-btn-error[disabled]>a:only-child:after,
fieldset[disabled] .cat-btn-error.active>a:only-child:after,
fieldset[disabled] .cat-btn-error:active>a:only-child:after,
fieldset[disabled] .cat-btn-error:focus>a:only-child:after,
fieldset[disabled] .cat-btn-error:hover>a:only-child:after,
fieldset[disabled] .cat-btn-error>a:only-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.cat-btn-error.active,
.cat-btn-error:active,
.cat-btn-error:hover {
    color: #fff
}

.cat-btn-error:focus {
    box-shadow: 0 0 0 2px rgba(237, 64, 20, .05)
}

.cat-btn-long {
    width: 100%
}

.cat-btn-ghost {
    color: #fff
}

.cat-btn-ghost,
.cat-btn-ghost:hover {
    background: transparent
}

.cat-btn-ghost.cat-btn-dashed,
.cat-btn-ghost.cat-btn-default {
    color: #fff;
    border-color: #fff
}

.cat-btn-ghost.cat-btn-dashed:hover,
.cat-btn-ghost.cat-btn-default:hover {
    color: tint(#3860f4, 20%);
    border-color: tint(#3860f4, 20%)
}

.cat-btn-ghost.cat-btn-primary {
    color: #3860f4
}

.cat-btn-ghost.cat-btn-primary:hover {
    color: tint(#3860f4, 20%);
    background: fade(tint(#3860f4, 95%), 50%)
}

.cat-btn-ghost.cat-btn-info {
    color: #2db7f5
}

.cat-btn-ghost.cat-btn-info:hover {
    color: tint(#2db7f5, 20%);
    background: fade(tint(#2db7f5, 95%), 50%)
}

.cat-btn-ghost.cat-btn-success {
    color: #19be6b
}

.cat-btn-ghost.cat-btn-success:hover {
    color: tint(#19be6b, 20%);
    background: fade(tint(#19be6b, 95%), 50%)
}

.cat-btn-ghost.cat-btn-warning {
    color: #f90
}

.cat-btn-ghost.cat-btn-warning:hover {
    color: tint(#f90, 20%);
    background: fade(tint(#f90, 95%), 50%)
}

.cat-btn-ghost.cat-btn-error {
    color: #ed4014
}

.cat-btn-ghost.cat-btn-error:hover {
    color: tint(#ed4014, 20%);
    background: fade(tint(#ed4014, 95%), 50%)
}

.cat-btn-ghost.cat-btn-dashed[disabled],
.cat-btn-ghost.cat-btn-default[disabled],
.cat-btn-ghost.cat-btn-error[disabled],
.cat-btn-ghost.cat-btn-info[disabled],
.cat-btn-ghost.cat-btn-primary[disabled],
.cat-btn-ghost.cat-btn-success[disabled],
.cat-btn-ghost.cat-btn-warning[disabled] {
    background: transparent;
    color: fade(#000, 25%);
    border-color: #dcdee2
}

.cat-btn-ghost.cat-btn-text[disabled] {
    background: transparent;
    color: fade(#000, 25%)
}

.cat-divider,
.cat-divider-vertical {
    margin: 0 8px;
    display: inline-block;
    height: .9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -.06em
}

.cat-divider-horizontal {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    margin: 24px 0;
    clear: both
}

.cat-divider-horizontal .cat-divider-with-text-center,
.cat-divider-horizontal .cat-divider-with-text-left,
.cat-divider-horizontal .cat-divider-with-text-right {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-weight: 500;
    color: #17233d;
    font-size: 16px;
    margin: 16px 0
}

.cat-divider-horizontal .cat-divider-with-text-center:after,
.cat-divider-horizontal .cat-divider-with-text-center:before,
.cat-divider-horizontal .cat-divider-with-text-left:after,
.cat-divider-horizontal .cat-divider-with-text-left:before,
.cat-divider-horizontal .cat-divider-with-text-right:after,
.cat-divider-horizontal .cat-divider-with-text-right:before {
    content: "";
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid #e8eaec;
    transform: translateY(50%)
}

.cat-divider-horizontal .cat-divider-small .cat-divider-with-text-center,
.cat-divider-horizontal .cat-divider-small .cat-divider-with-text-left,
.cat-divider-horizontal .cat-divider-small .cat-divider-with-text-right {
    font-size: 14px;
    margin: 8px 0
}

.cat-select {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    color: #515a6e;
    font-size: 14px;
    line-height: normal
}

.cat-select-selection {
    display: block;
    box-sizing: border-box;
    outline: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dcdee2;
    transition: all .2s ease-in-out
}

.cat-select-selection-focused,
.cat-select-selection:hover {
    border-color: tint(#3860f4, 20%)
}

.cat-select-selection-focused .cat-select-arrow,
.cat-select-selection:hover .cat-select-arrow {
    display: inline-block
}

.cat-select-arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    transform: translateY(-50%);
    font-size: 14px;
    color: #808695;
    transition: all .2s ease-in-out
}

.cat-select-visible .cat-select-selection {
    border-color: tint(#3860f4, 20%);
    outline: 0;
    box-shadow: 0 0 0 2px fade(#3860f4, 20%)
}

.cat-select-visible .cat-select-arrow {
    transform: translateY(-50%) rotate(180deg);
    display: inline-block
}

.cat-select-disabled .cat-select-selection {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.cat-select-disabled .cat-select-selection:hover {
    border-color: tint(#dcdee2, 20%)
}

.cat-select-disabled .cat-select-selection .cat-select-arrow {
    color: #ccc
}

.cat-select-disabled .cat-select-selection:hover {
    border-color: #dcdee2;
    box-shadow: none
}

.cat-select-disabled .cat-select-selection:hover .cat-select-arrow {
    display: inline-block
}

.cat-select-single .cat-select-selection {
    height: 32px;
    position: relative
}

.cat-select-single .cat-select-selection .cat-select-placeholder {
    color: #c5c8ce
}

.cat-select-single .cat-select-selection .cat-select-placeholder,
.cat-select-single .cat-select-selection .cat-select-selected-value {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 24px
}

.cat-select-multiple .cat-select-selection {
    padding: 0 24px 0 4px
}

.cat-select-multiple .cat-select-selection .cat-select-placeholder {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #c5c8ce;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 22px
}

.cat-select-large .cat-select-single .cat-select-selection {
    height: 36px
}

.cat-select-large .cat-select-single .cat-select-selection .cat-select-placeholder,
.cat-select-large .cat-select-single .cat-select-selection .cat-select-selected-value {
    height: 34px;
    line-height: 34px;
    font-size: 14px
}

.cat-select-large .cat-select-multiple .cat-select-selection {
    min-height: 36px
}

.cat-select-large .cat-select-multiple .cat-select-selection .cat-select-selected-value,
.cat-select-large .cat-select-multiple .cat-select-selection .select-prefix-cls-placeholder {
    min-height: 34px;
    line-height: 34px;
    font-size: 14px
}

.cat-select-small .cat-select-single .cat-select-selection {
    height: 24px;
    border-radius: 3px
}

.cat-select-small .cat-select-single .cat-select-selection .cat-select-placeholder,
.cat-select-small .cat-select-single .cat-select-selection .cat-select-selected-value {
    height: 22px;
    line-height: 22px
}

.cat-select-small .cat-select-multiple .cat-select-selection {
    min-height: 24px;
    border-radius: 3px
}

.cat-select-small .cat-select-multiple .cat-select-selection .cat-select-placeholder,
.cat-select-small .cat-select-multiple .cat-select-selection .cat-select-selected-value {
    height: auto;
    min-height: 22px;
    line-height: 22px
}

.cat-select-input {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 24px 0 8px;
    font-size: 12px;
    outline: none;
    border: none;
    box-sizing: border-box;
    color: #515a6e;
    background-color: transparent;
    position: relative;
    cursor: pointer
}

.cat-select-input::-moz-placeholder {
    color: #c5c8ce;
    opacity: 1
}

.cat-select-input:-ms-input-placeholder {
    color: #c5c8ce
}

.cat-select-input::-webkit-input-placeholder {
    color: #c5c8ce
}

.cat-select-input[disabled] {
    cursor: not-allowed;
    color: #ccc;
    -webkit-text-fill-color: #ccc
}

.cat-select-single .cat-select-input {
    width: 100%
}

.cat-select-large .cat-select-input {
    font-size: 14px;
    height: 36px
}

.cat-select-small .cat-select-input {
    height: 22px;
    line-height: 22px
}

.cat-select-multiple .cat-select-input {
    height: 30px;
    line-height: 32px;
    padding: 0 0 0 4px
}

.cat-select-not-found {
    text-align: center;
    color: #c5c8ce
}

.cat-select-not-found li:not([class^=ivu-]) {
    margin-bottom: 0
}

.cat-select-loading {
    text-align: center;
    color: #c5c8ce
}

.cat-select-multiple .cat-tag {
    height: 24px;
    line-height: 22px;
    margin: 3px 4px 3px 0;
    max-width: 99%;
    position: relative
}

.cat-select-multiple .cat-tag span:not(.ivu-select-max-tag) {
    display: block;
    margin-right: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cat-select-multiple .cat-tag i {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px
}

.cat-select-large .cat-tag,
.cat-select-multiple .cat-tag {
    height: 28px;
    line-height: 26px;
    font-size: 14px
}

.cat-select-large .cat-tag i,
.cat-select-multiple .cat-tag i {
    top: 6px
}

.cat-select-multiple .cat-tag,
.cat-select-small .cat-tag {
    height: 17px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 6px;
    margin: 3px 4px 2px 0
}

.cat-select-multiple .cat-tag span,
.cat-select-small .cat-tag span {
    margin-right: 14px
}

.cat-select-multiple .cat-tag i,
.cat-select-small .cat-tag i {
    top: 1px;
    right: 2px
}

.cat-select-dropdown-list {
    min-width: 100%;
    list-style: none
}

.cat-select .cat-select-dropdown {
    width: auto
}

.cat-select-prefix {
    display: inline-block;
    vertical-align: middle
}

.cat-select-prefix i {
    vertical-align: top
}

.cat-select-head-with-prefix {
    display: inline-block !important;
    vertical-align: middle
}

.cat-select-single .cat-select-prefix {
    padding-left: 4px
}

.cat-select-multiple .cat-select-head-with-prefix,
.cat-select-single .cat-select-head-with-prefix {
    padding-left: 0 !important
}

.cat-select-head-flex {
    display: flex;
    align-items: center
}

.cat-select-multiple .cat-select-head-flex .cat-select-prefix {
    margin-right: 4px
}

.cat-select-item {
    margin: 0;
    line-height: normal;
    padding: 7px 16px;
    clear: both;
    color: #515a6e;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.cat-select-item-focus,
.cat-select-item:hover {
    background: #f3f3f3
}

.cat-select-item-disabled,
.cat-select-item-disabled:hover {
    color: #c5c8ce;
    cursor: not-allowed
}

.cat-select-item-disabled:hover {
    background-color: #fff
}

.cat-select-item-selected,
.cat-select-item-selected:hover {
    color: #3860f4
}

.cat-select-item-divided {
    margin-top: 5px;
    border-top: 1px solid #e8eaec
}

.cat-select-item-divided:before {
    content: "";
    height: 5px;
    display: block;
    margin: 0 -16px;
    background-color: #fff;
    position: relative;
    top: -7px
}

.cat-select-large .cat-select-item {
    padding: 7px 16px 8px;
    font-size: 14px !important
}

.cat-select-multiple .cat-select-item {
    position: relative
}

.cat-select-multiple .cat-select-item-selected {
    color: fade(#3860f4, 90%);
    background: #fff
}

.cat-select-multiple .cat-select-item-focus,
.cat-select-multiple .cat-select-item-selected:hover {
    background: #f3f3f3
}

.cat-select-multiple .cat-select-item-focus,
.cat-select-multiple .cat-select-item-selected {
    color: shade(fade(#3860f4, 90%), 10%);
    background: #fff
}

.cat-select-multiple .cat-select-item-selected:after {
    font-family: catIcon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "\F171";
    color: fade(#3860f4, 90%);
    position: absolute;
    top: 2px;
    right: 8px
}

.cat-select-group {
    list-style: none;
    margin: 0;
    padding: 0
}

.cat-select-group-title {
    padding-left: 8px;
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 30px
}

.cat-select-dropdown {
    width: inherit;
    max-height: 200px;
    overflow: auto;
    padding: 5px 0;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 900
}

.cat-select-dropdown-transfer {
    z-index: 1060;
    width: auto
}

.cat-select-dropdown.cat-transfer-no-max-height {
    max-height: none
}

.cat-dropdown {
    display: inline-block
}

.cat-dropdown .cat-select-dropdown {
    overflow: visible;
    max-height: none
}

.cat-dropdown .cat-dropdown {
    width: 100%
}

.cat-dropdown-rel {
    position: relative
}

.cat-dropdown-rel-user-select-none {
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cat-dropdown-menu {
    min-width: 100px
}

.cat-dropdown-transfer {
    width: auto
}

.cat-layout {
    display: flex;
    flex-direction: column;
    flex: auto;
    background: #f5f7f9
}

.cat-layout-has-sider {
    flex-direction: row
}

.cat-layout-has-sider>.layout-prefix-cls,
.cat-layout-has-sider>.layout-prefix-cls-content {
    overflow-x: hidden
}

.cat-layout-footer,
.cat-layout-header {
    flex: 0 0 auto
}

.cat-layout-header {
    background: #515a6e;
    padding: 0 50px;
    height: 64px;
    line-height: 64px
}

.cat-layout-footer {
    background: #f5f7f9;
    padding: 24px 50px;
    color: #515a6e;
    font-size: 14px
}

.cat-layout-content {
    flex: auto
}

.cat-poptip,
.cat-poptip-rel {
    display: inline-block
}

.cat-poptip-rel {
    position: relative
}

.cat-poptip-title {
    margin: 0;
    padding: 8px 16px;
    position: relative
}

.cat-poptip-title:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    background-color: #e8eaec
}

.cat-poptip-title-inner {
    color: #17233d;
    font-size: 14px
}

.cat-poptip-body {
    padding: 8px 16px
}

.cat-poptip-body-content {
    overflow: auto
}

.cat-poptip-body-content-word-wrap {
    white-space: pre-wrap;
    text-align: justify
}

.cat-poptip-body-content-inner {
    color: #515a6e
}

.cat-poptip-inner {
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    white-space: nowrap
}

.cat-poptip-popper {
    min-width: 150px;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 1060
}

.cat-poptip-popper[x-placement^=top] {
    padding: 7px 0 10px
}

.cat-poptip-popper[x-placement^=right] {
    padding: 0 7px 0 10px
}

.cat-poptip-popper[x-placement^=bottom] {
    padding: 10px 0 7px
}

.cat-poptip-popper[x-placement^=left] {
    padding: 0 10px 0 7px
}

.cat-poptip-popper[x-placement^=top] .cat-poptip-arrow {
    bottom: 3px;
    border-width: 7px 7px 0;
    border-top-color: hsla(0, 0%, 85.1%, .5)
}

.cat-poptip-popper[x-placement=top] .cat-poptip-arrow {
    left: 50%;
    margin-left: -7px
}

.cat-poptip-popper[x-placement=top-start] .cat-poptip-arrow {
    left: 16px
}

.cat-poptip-popper[x-placement=top-end] .cat-poptip-arrow {
    right: 16px
}

.cat-poptip-popper[x-placement^=right] .cat-poptip-arrow {
    left: 3px;
    border-width: 7px 7px 7px 0;
    border-right-color: hsla(0, 0%, 85.1%, .5)
}

.cat-poptip-popper[x-placement=right] .cat-poptip-arrow {
    top: 50%;
    margin-top: -7px
}

.cat-poptip-popper[x-placement=right-start] .cat-poptip-arrow {
    top: 8px
}

.cat-poptip-popper[x-placement=right-end] .cat-poptip-arrow {
    bottom: 8px
}

.cat-poptip-popper[x-placement^=left] .cat-poptip-arrow {
    right: 3px;
    border-width: 7px 0 7px 7px;
    border-left-color: hsla(0, 0%, 85.1%, .5)
}

.cat-poptip-popper[x-placement=left] .cat-poptip-arrow {
    top: 50%;
    margin-top: -7px
}

.cat-poptip-popper[x-placement=left-start] .cat-poptip-arrow {
    top: 8px
}

.cat-poptip-popper[x-placement=left-end] .cat-poptip-arrow {
    bottom: 8px
}

.cat-poptip-popper[x-placement^=bottom] .cat-poptip-arrow {
    top: 3px;
    border-width: 0 7px 7px;
    border-bottom-color: hsla(0, 0%, 85.1%, .5)
}

.cat-poptip-popper[x-placement=bottom] .cat-poptip-arrow {
    left: 50%;
    margin-left: -7px
}

.cat-poptip-popper[x-placement=bottom-start] .cat-poptip-arrow {
    left: 16px
}

.cat-poptip-popper[x-placement=bottom-end] .cat-poptip-arrow {
    right: 16px
}

.cat-poptip-popper[x-placement^=top] .cat-poptip-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -7px;
    border-bottom-width: 0;
    border-top-width: 7px;
    border-top-color: #fff
}

.cat-poptip-popper[x-placement^=right] .cat-poptip-arrow:after {
    content: " ";
    left: 1px;
    bottom: -7px;
    border-left-width: 0;
    border-right-width: 7px;
    border-right-color: #fff
}

.cat-poptip-popper[x-placement^=bottom] .cat-poptip-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -7px;
    border-top-width: 0;
    border-bottom-width: 7px;
    border-bottom-color: #fff
}

.cat-poptip-popper[x-placement^=left] .cat-poptip-arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-width: 7px;
    border-left-color: #fff;
    bottom: -7px
}

.cat-poptip-arrow,
.cat-poptip-arrow:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.cat-poptip-arrow {
    border-width: 8px
}

.cat-poptip-arrow:after {
    content: "";
    border-width: 7px
}

.cat-poptip-confirm .cat-poptip-popper {
    max-width: 300px
}

.cat-poptip-confirm .cat-poptip-inner {
    white-space: normal
}

.cat-poptip-confirm .cat-poptip-body {
    padding: 16px 16px 8px
}

.cat-poptip-confirm .cat-poptip-body .cat-icon {
    font-size: 16px;
    color: #f90;
    line-height: 18px;
    position: absolute
}

.cat-poptip-confirm .cat-poptip-body-message {
    padding-left: 20px
}

.cat-poptip-confirm .cat-poptip-footer {
    text-align: right;
    padding: 8px 16px 16px
}

.cat-poptip-confirm .cat-poptip-footer button {
    margin-left: 4px
}

.cat-input {
    display: inline-block;
    width: 100%;
    height: 32px;
    line-height: 1.5;
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    color: #515a6e;
    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out
}

.cat-input::-moz-placeholder {
    color: #c5c8ce;
    opacity: 1
}

.cat-input:-ms-input-placeholder {
    color: #c5c8ce
}

.cat-input::-webkit-input-placeholder {
    color: #c5c8ce
}

.cat-input:focus,
.cat-input:hover {
    border-color: tint(#3860f4, 20%)
}

.cat-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px fade(#3860f4, 20%)
}

.cat-input[disabled],
fieldset[disabled] .cat-input {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.cat-input[disabled]:hover,
fieldset[disabled] .cat-input:hover {
    border-color: tint(#dcdee2, 20%)
}

.cat-input-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.cat-input-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.cat-input-wrapper {
    width: 100%;
    line-height: normal
}

.cat-input-number,
.cat-input-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.cat-input-number {
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
    color: #515a6e;
    background-color: #fff;
    background-image: none;
    cursor: text;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    overflow: hidden;
    cursor: default
}

.cat-input-number::-moz-placeholder {
    color: #c5c8ce;
    opacity: 1
}

.cat-input-number:-ms-input-placeholder {
    color: #c5c8ce
}

.cat-input-number::-webkit-input-placeholder {
    color: #c5c8ce
}

.cat-input-number:focus {
    border-color: tint(#3860f4, 20%);
    outline: 0;
    box-shadow: 0 0 0 2px fade(#3860f4, 20%)
}

.cat-input-number[disabled],
fieldset[disabled] .cat-input-number {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.cat-input-number[disabled]:hover,
fieldset[disabled] .cat-input-number:hover {
    border-color: tint(#dcdee2, 20%)
}

.cat-input-number-large {
    font-size: 14px;
    padding: 6px 7px;
    height: 36px
}

.cat-input-number-small {
    padding: 1px 7px;
    height: 24px;
    border-radius: 3px
}

.cat-input-number-handler-wrap {
    width: 22px;
    height: 100%;
    border-left: 1px solid #dcdee2;
    border-radius: 0 4px 4px 0;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.cat-input-number:hover .cat-input-number-handler-wrap {
    opacity: 1
}

.cat-input-number-handler-up {
    cursor: pointer
}

.cat-input-number-handler-up-inner {
    top: 1px
}

.cat-input-number-handler-down {
    border-top: 1px solid #dcdee2;
    top: -1px;
    cursor: pointer
}

.cat-input-number-handler {
    display: block;
    width: 100%;
    height: 16px;
    line-height: 0;
    text-align: center;
    overflow: hidden;
    color: #999;
    position: relative
}

.cat-input-number-handler:hover .cat-input-number-handler-down-inner,
.cat-input-number-handler:hover .cat-input-number-handler-up-inner {
    color: tint(#3860f4, 20%)
}

.cat-input-number-handler-down-inner,
.cat-input-number-handler-up-inner {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 14px;
    color: #999;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    right: 5px;
    transition: all .2s linear
}

.cat-input-number-focused,
.cat-input-number:hover {
    border-color: tint(#3860f4, 20%)
}

.cat-input-number-focused {
    outline: 0;
    box-shadow: 0 0 0 2px fade(#3860f4, 20%)
}

.cat-input-number-disabled {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.cat-input-number-disabled:hover {
    border-color: tint(#dcdee2, 20%)
}

.cat-input-number-input-wrap {
    overflow: hidden;
    height: 32px
}

.cat-input-number-input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 7px;
    text-align: left;
    outline: 0;
    -moz-appearance: textfield;
    color: #666;
    border: 0;
    border-radius: 4px;
    transition: all .2s linear
}

.cat-input-number-input[disabled] {
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.cat-input-number-input[disabled]:hover {
    border-color: tint(#dcdee2, 20%)
}

.cat-input-number-input:-ms-input-placeholder {
    color: #c5c8ce
}

.cat-input-number-input::-moz-placeholder {
    color: #c5c8ce
}

.cat-input-number-input::placeholder {
    color: #c5c8ce
}

.cat-input-number-large {
    padding: 0
}

.cat-input-number-large .cat-input-number-input-wrap {
    height: 36px
}

.cat-input-number-large .cat-input-number-handler {
    height: 18px
}

.cat-input-number-large input {
    height: 36px;
    line-height: 36px
}

.cat-input-number-large .cat-input-number-handler-up-inner {
    top: 2px
}

.cat-input-number-large .cat-input-number-handler-down-inner {
    bottom: 2px
}

.cat-input-number-small {
    padding: 0
}

.cat-input-number-small .input-number-prefix-cls-input-wrap {
    height: 24px
}

.cat-input-number-small .input-number-prefix-cls-handler {
    height: 12px
}

.cat-input-number-small input {
    height: 24px;
    line-height: 24px;
    margin-top: -1px;
    vertical-align: top
}

.cat-input-number-small .input-number-prefix-cls-handler-up-inner {
    top: -1px
}

.cat-input-number-small .input-number-prefix-cls-handler-down-inner {
    bottom: -1px
}

.cat-input-number-disabled .cat-input-number-handler-down-inner,
.cat-input-number-disabled .cat-input-number-handler-up-inner,
.cat-input-number-handler-down-disabled .cat-input-number-handler-down-inner,
.cat-input-number-handler-down-disabled .cat-input-number-handler-up-inner,
.cat-input-number-handler-up-disabled .cat-input-number-handler-down-inner,
.cat-input-number-handler-up-disabled .cat-input-number-handler-up-inner {
    opacity: .72;
    color: #ccc !important;
    cursor: not-allowed
}

.cat-input-number-disabled .cat-input-number-input {
    opacity: .72;
    cursor: not-allowed;
    background-color: #f3f3f3
}

.cat-input-number-disabled .cat-input-number-handler-wrap {
    display: none
}

.cat-input-number-disabled .cat-input-number-handler {
    opacity: .72;
    color: #ccc !important;
    cursor: not-allowed
}

.svg-icon {
    width: auto;
    height: auto;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.icon {
    filter: invert(-90%)
}

.swiper-button-next,
.swiper-button-prev {
    width: 27px;
    height: 44px;
    margin-top: -22px;
    color: var(--swiper-theme-color)
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 44px;
    font-feature-settings: normal
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullet-active,
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color)
}

.swiper-lazy-preloader {
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border-top: 4px solid transparent
}

.page-footer-regist {
    margin-top: auto;
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 75px;
    background: linear-gradient(90deg, #3860f4, #5f87f8)
}

.regist-img {
    width: 100%;
    height: 75px;
    background: url(https://www.kaiyuncdn.com/images/foot.ed4020d8.png) 50%;
    background-size: 1920px 75px
}

.regist-box {
    position: absolute;
    top: 21px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.in-h2 {
    font-weight: 700;
    padding-top: 0;
    margin-right: 48px;
    display: inline-block;
    color: #fff
}

.dib,
.in-h2 {
    vertical-align: middle
}

.dib {
    display: inline-block !important
}

.h34 {
    height: 34px;
    line-height: 34px
}

.button-radius-4 {
    border-radius: 4px
}

.button-base {
    color: #3860f4;
    background: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
    transition: all .25s ease-in-out
}

.btn-base,
.button-base {
    padding: 0 24px;
    font-size: 14px
}

.button-base:hover {
    color: #3357df;
    background: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

a {
    text-decoration: none;
    cursor: pointer
}

.page-footer-main {
    /* min-width: 1200px; */
    width: 100%;
    background: #0a1633
}

.home-main {
    width: 1200px;
    /* min-width: 1080px; */
    margin: 0 auto;
    padding: 80px 0 64px 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.page-footer-main .foot-nav-left {
    float: left;
}

.page-footer-main .foot-nav-left>.basic-infor {
    padding-top: 20px;
    line-height: 28px;
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px
}

.basic-infor a {
    width: 115px
}

.basic-infor a:hover {
    color: #fff
}

.icon-col {
    margin-top: 28px;
    height: 130px
}

.page-footer-main .foot-nav-left .icon-col {
    margin-top: 28px;
    height: 90px
}

.page-footer-main .foot-nav-left .icon-col li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.icon-footer {
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover
}

.weibo {
    background-image: url(data:image/png;base64,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)
}

.wechat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAA8FBMVEUAAABtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5IOFDdwe5UMEjUJDzNyfJcGCy8IDTEECC50fpkLEDQEBywXHUBrdZARFzpYYX5SXHkhKEoCBSo/R2Y7Q2IdI0VkbopKU3EzO1teaIROV3VDTGovNlYlLExncY03P19HT25ia4hVX3x3gZxbZYEnL1B9h6EpMFGFkKkCACCF9xF9AAAAJnRSTlMACv0F9xXZu1Y8JvHRpnhORC0fG+3fxOmxm4qCXpRxaejIuRO9Mz7zi/UAAAQ7SURBVFjDvZjnetowFIZtIIGQ1Wa0TdI9rOFtvAcGmw1J7/9uKgK1ZMdmlLbfHwzP45fvSEdHR+IqVOePTj7efT27PW2cfj5+c/5wec3Xub3Etz82T2u1mpCpVmuc3Z/szql/a31n32dIxxdX/E6Mo/fHQrUaH9rb3fAtiqjAPFxvYbx+J2zX8SW/0cZbYSc9HFWPxr2wq5qvKxhX58Luun1Vymh/FfbRzWWZD8LYS6cvvXw7F/bV55Nilt4L++vsKg95L/yJ7vhcjt0If6RPbJKV5CkURZVIFOGmKWpTSOslAQ7i2WRiT6w4FNRqzjmfZepxEdGxRklgyoougyDpT0JRrKJk8/xJyEns2F3TlTFCACCEZR3Po0FVVE2+zAgUZ4msIMAISXo6IfZKKSd0ehlGz9ARKEoH/QrKu/rz1LxhGTACEgBIxhmIBESeZckTYRml1n7OkZwRG8gAaCgwEFozNCMAGACMR+XjckGs1C9YxthZ+gDd2ErwCoLTydg3NQAk01LLIF94AmGjEfo6INadwWIRm9oqmN7TFD4q5NHtdsqsNK7J3DSYyR0HePnnhr2YRmAF0bzpInZkpGFFtqdlVloc96rGRDORViEEIy9YPRKiHzmKrhnOPLAWasm4fKhzFwxEGCnrN10Xg7U096frdIe+7/n9njWG02L2vuG5O8ZIx5PBC2Ep9b2+/xiYAAEjHUZhAfOW55pbIIrpR16g6MtlQAZGcnE66qi5TLnmztjvkVJkSMYoclyWjRScxOzQNH5wt+zSs+SiD6PnaQpANIE1DSA9sEQGcsKxex4MHZxjaKDfl7EpaybGa2cmIEAliCEN55I7zWV9IR5lGCEZaIZnDVe5h53IThEC+nwAM0gr50QQB6nOTowxSsh3PVGfhFQCRK69eOoteUqPdXKbL2ozQ2GMdEcYLZeBRQoEfo6mOxCGABH+PIR0TM4KZc02qBfJ77urDE4I41kofVwaIZwY0tlpFuvrJBtcBPzhKvllPftNWlc9yYI0T+6KhV6Nf1OQ6XcVUCEKecuv1w5VRx2kGEmuLsmy5Pt6FUSeQbp2yCrOS+xJipR6/jwwsEfGpFzIGMNsFdN6QhPOdUZjFYYzyx70TFwOUYZZhWpllY0aiZP+WBXJCKvqVBWScisasGBW2WiNpYPC7nfqzNDLgpE8psbSak+Vq12qbb6kIIWUW7bac/wXYYPgMvtQMZghZdTadAfcQIm7mq7lUqQPIbsD0r24WirZ4A2F5A2RRD6R1BOZvZh2BRsF1c7M9rqP83kyjOwhcJ1QZLsCamVLTKowCMdh2CFAqyv1IO1P2E5pK2elpa+BHdJOqbJn2xoepD3bX+0eD+9jD++oqY4O6O2prpr7Iegpg1V7P8rN5d89eR1+Bjz8NHr4ufjwE/rhdwWH31r8v/sT9ianubzJubmlNzn/UL8Atu0t7Ed07FoAAAAASUVORK5CYII=)
}

ol,
ul {
    list-style: none
}

.page-footer-copyright {
    width: 100%;
    /* min-width: 1200px; */
    clear: both;
    background: #0a1633
}

.page-footer-copyright .copyright-main {
    width: 100%;
    height: 76px;
    margin: 0 auto;
    line-height: 76px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    vertical-align: middle;
    color: hsla(0, 0%, 100%, .2)
}

.page-footer-copyright .copyright-main a {
    color: hsla(0, 0%, 100%, .2);
    display: inline-block;
    vertical-align: middle;
    transition: color .25s ease-in-out
}

.page-footer-main .foot-nav-right {
    float: right;
    width: 600px;
    font-size: 0
}

.page-footer-main .columns {
    width: 116px;
    margin-left: 80px;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top
}

.page-footer-main .columns h3 {
    font-size: inherit;
    color: #fff;
    padding-bottom: 16px
}

.page-footer-main .columns li {
    margin-bottom: 4px
}

.page-footer-main .columns a,
.page-footer-main .columns li {
    color: hsla(0, 0%, 100%, .4)
}

.cat-three-item>.three-item-text>p:nth-of-type(2) {
    margin-top: 5px;
    font-size: 14px;
    color: #7a8ca6
}

.cat-three-item>.three-item-text>p:first-of-type {
    font-size: 18px;
    color: #7984a6;
    font-weight: 600
}

.wechat-code {
    width: 70px;
    position: absolute;
    left: -100%;
    top: 120%
}

.cBtn {
    border: 1px solid #fff
}

.cBtnn {
    border: 1px solid #3860f4
}

.cBtn:hover {
    background: hsla(0, 0%, 100%, .15)
}

.cBtnn:hover {
    background: rgba(60, 100, 245, .15)
}

.aColor:hover {
    color: #3860f4 !important
}

.hot {
    position: relative;
    top: -9px;
    background: #f7402d;
    padding: 0 3px;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    font-style: normal;
    font-weight: 700;
    border-radius: 2px;
    color: #fff !important;
    text-align: center;
    margin-left: 5px;
    z-index: 2
}

.hot,
.hot:before {
    display: inline-block
}

.hot:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 8px;
    border-top: 10px solid #f7402d;
    border-right: 8px solid transparent;
    transform: rotate(30deg);
    z-index: -1
}

.imgBsrgba {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    box-shadow: 0 8px 10px 0 rgba(229, 234, 255, .8)
}

.advisory {
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
    width: 45px;
    height: 100px;
    background: linear-gradient(-39deg, #008cf8, #0060eb);
    box-shadow: 3px 3px 9px 0 rgba(35, 59, 101, .36);
    border-radius: 5px;
    color: #f9f9f9;
    text-align: center;
    cursor: pointer
}

.advisoryIcon {
    width: 24px;
    margin: 0 auto;
    margin-top: 12px
}

.advisoryIcon>img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.advisoryText {
    font-size: 14px;
    width: 21px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    margin-top: 12px;
    padding-top: 6px;
    line-height: 1.3;
    text-align: center
}

.advisoryBtn {
    z-index: 1030
}

.advisoryBtn,
.advisoryHide {
    position: fixed;
    width: 210px;
    right: 80px;
    bottom: 60px;
    transform-origin: 214px 100px;
    padding-right: 10px;
    color: rgba(0, 0, 0, .65);
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.advisoryHide {
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.advisoryArrow {
    bottom: 12px;
    right: 6px;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.advisoryBox {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 3px 2px 10px 1px rgba(88, 102, 123, .19);
    background-color: #fff;
    background-clip: padding-box;
    padding: 0;
    color: rgba(0, 0, 0, .65)
}

.advisoryItem {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #484848;
    font-size: 14px;
    cursor: pointer
}

.itemImg {
    width: 24px;
    height: 28px;
    margin-right: 10px
}

.itemImg>svg {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.advisoryItem:hover {
    color: #fff;
    background: linear-gradient(-46deg, #008bf8, #0060eb)
}

.chanpin {
    display: inline-block;
    text-align: center;
    width: 295px;
    height: 67px;
    position: relative;
    border-bottom: 2px solid transparent;
    padding: 23px 0 14px;
    box-sizing: content-box;
    overflow: hidden;
    background: #f9faff;
    border-bottom: 2px solid #ebf0fc;
    transition: all .2s
}

.chanpin:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 16px;
    height: 72px;
    width: 1px;
    background-color: #ebf0fc
}

.chanpin:hover {
    background: #fff
}

.chanpin:last-of-type:after {
    content: none
}

.chanpinTitle {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    color: #374567 !important;
    line-height: 32px
}

.chanpin:hover .chanpinTitle {
    color: #3860f4 !important;
    transition: all .2s
}

.chanpinContent {
    font-size: 14px;
    color: #7a8ba6 !important;
    line-height: 32px;
    height: 32px;
    overflow: hidden
}

.footerExperience {
    position: relative;
    background: linear-gradient(90deg, #3860f4, #5f87f8);
    height: 237px
}

.experienceBox {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../images/imgbj-21.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 38%;
    padding-top: 46px
}

.experienceBoxStyle {
    top: 0;
    padding-top: 0;
    background: url(https://www.kaiyuncdn.com/images/experience.ed4020d8.png)
}

.experienceBox>h2 {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    margin-bottom: 8px
}

.experienceBox>p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 1em
}

.experienceBox>a {
    width: 220px;
    margin-top: 24px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-color: #2b62f1;
    color: #4e342e;
    font-size: 14px;
    letter-spacing: 1px;
    transition: .3s;
    overflow: hidden;
    background: linear-gradient(90deg, #ffcf87, #ffbc76);
    border-radius: 4px
}

.experienceBox>a:hover {
    background: linear-gradient(90deg, #fec672, #f6ad61);
    color: #4e342e
}

.ook {
    color: #3860f4;
    background: #fff;
    box-shadow: 0 7px 14px 0 #3860f4;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 24px;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    position: relative;
    top: -3px;
    letter-spacing: 0;
    margin-left: 40px
}

.ook:hover {
    color: #3357df;
    background: #fff;
    box-shadow: 0 16px 22px 0 #3357df
}

@font-face {
    font-family: PuHuiTiLight;
    src: url(https://www.kaiyuncdn.com/images/AlibabaSans-Light.08ae4338.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Numttf;
    src: url(../images/893b69e44c45f4de2f46c56ecf69c12d.893b69e4.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: tF;
    src: url(https://www.kaiyuncdn.com/images/PangMenZhengDaoBiaoTiTi-1.e6033c0b.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(var(--swiper-navigation-size)*-1/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center !important
}

.page-num:not(:disabled) {
    cursor: pointer
}

.page-link,
.page-num {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2d8cf0;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover,
a.page-num:hover {
    text-decoration: none
}

.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #2d8cf0;
    border-color: #17a2b8
}

.page-num-current:hover {
    color: #fff
}

.btn-font {
    height: 30px;
    line-height: 30px;
}

.btn-font a {
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 16px;
    margin-right: 10px;
    padding: 5px;
}

/*.btn-font a.on{border:1px solid #FFFFFF;}*/
.btn-font a:active {
    color: #FFFFFF;
}