@import"a1d48ff4-cc92-4dcb-920a-c0882db35e06.css";

@font-face {
    font-family: iconfont;
    src: url(https://res.qiyukf.net/ys-mainsite/static/media/bd5970dfd7c28b7fac6c24fbc5281da7) format("woff2"), url(https://res.qiyukf.net/ys-mainsite/static/media/5c02f5c7115597fa24d186f410ba47f1) format("woff"), url(https://res.qiyukf.net/ys-mainsite/static/media/a4cc230698b19044a4c0e43e28ee2d8c) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wehuojian:before {
    content: "\e941"
}

.wefanghu1:before {
    content: "\e942"
}

.wehuiyuan:before {
    content: "\e943"
}

.wequnzu1:before {
    content: "\e944"
}

.weshijian:before {
    content: "\e945"
}

.wejiaruyunshangtuijianguan:before {
    content: "\e60d"
}

.wetijiaoxiansuo:before {
    content: "\e60e"
}

.wexinyonghuxiadan:before {
    content: "\e60f"
}

.wejianglifafang:before {
    content: "\e610"
}

.weyuyinyou:before {
    content: "\e6cd"
}

.weyouxi1:before {
    content: "\e6c0"
}

.weshuji:before {
    content: "\e6c1"
}

.wekefuzhuangtai:before {
    content: "\e6c2"
}

.wekefu:before {
    content: "\e6c3"
}

.wehuihua:before {
    content: "\e6c4"
}

.weliaotian:before {
    content: "\e6c5"
}

.weyiyuan:before {
    content: "\e6c6"
}

.weyiliao-1:before {
    content: "\e6c7"
}

.weyiliao1:before {
    content: "\e6c8"
}

.wefanghu:before {
    content: "\e6c9"
}

.webofang1:before {
    content: "\e6ca"
}

.wequnzu:before {
    content: "\e6cb"
}

.weshenpi:before {
    content: "\e6cc"
}

.wedemo:before {
    content: "\e91d"
}

.weNEW:before {
    content: "\e91b"
}

.weHOT:before {
    content: "\e91c"
}

.wexiefu:before {
    content: "\e91a"
}

.weqiweidaoliu:before {
    content: "\e909"
}

.wezhengwu:before {
    content: "\e90a"
}

.weqiyefuwu:before {
    content: "\e90b"
}

.weshejiaoyule:before {
    content: "\e90c"
}

.webendishenghuo:before {
    content: "\e90d"
}

.weshouji3:before {
    content: "\e90e"
}

.wedianshang:before {
    content: "\e90f"
}

.weyouxi:before {
    content: "\e910"
}

.wejiadian:before {
    content: "\e911"
}

.wezhinengkefu:before {
    content: "\e912"
}

.wewaihujiqiren:before {
    content: "\e913"
}

.weyingxiaozidonghua:before {
    content: "\e914"
}

.weSCRM:before {
    content: "\e915"
}

.wexiaofeizhedongcha:before {
    content: "\e916"
}

.wewenjuantiaoyan:before {
    content: "\e917"
}

.wexinnengyuanqiche:before {
    content: "\e918"
}

.weyiliao:before {
    content: "\e919"
}

.wecunliangyonghucuhuo:before {
    content: "\e905"
}

.wekuaixiao:before {
    content: "\e906"
}

.weHRgongxiangfuwuzhongxin:before {
    content: "\e907"
}

.wechuanmeijizixun:before {
    content: "\e908"
}

.weshuminghao2:before {
    content: "\e8b8"
}

.weshuminghao1:before {
    content: "\e8b9"
}

.wejiantoukaoyou:before {
    content: "\e84a"
}

.wechahao:before {
    content: "\e85f"
}

.wejiantouzuo1:before {
    content: "\e726"
}

.wejiantouyou2:before {
    content: "\e727"
}

.weshouji2:before {
    content: "\e88d"
}

.weshouji1:before {
    content: "\e723"
}

.weyanzhengma1:before {
    content: "\e724"
}

.weqiye:before {
    content: "\e725"
}

.wetijiaochenggong:before {
    content: "\e722"
}

.wezhongguozhan:before {
    content: "\e720"
}

.weguoji:before {
    content: "\e721"
}

.weshouji:before {
    content: "\e64c"
}

.weshoucang:before {
    content: "\e64d"
}

.werenwuxinxi:before {
    content: "\e64e"
}

.weduihua:before {
    content: "\e64f"
}

.wecengji:before {
    content: "\e650"
}

.weshengyinkai:before {
    content: "\e651"
}

.wetupian:before {
    content: "\e652"
}

.weziti:before {
    content: "\e653"
}

.weyanzhengma:before {
    content: "\e654"
}

.weanquantong:before {
    content: "\e71d"
}

.weyouxifanwaigua:before {
    content: "\e71e"
}

.wedaxingzhibohuodong:before {
    content: "\e71f"
}

.wezaixianketang:before {
    content: "\e714"
}

.wequanlianlushujufengkong:before {
    content: "\e715"
}

.wefanjinrong:before {
    content: "\e716"
}

.welvseketang:before {
    content: "\e717"
}

.weyingxiaoliuzizhuanhua:before {
    content: "\e718"
}

.wePKlianmai:before {
    content: "\e719"
}

.weduorenyuliao:before {
    content: "\e71a"
}

.wecunliangyonghujihuo:before {
    content: "\e71b"
}

.weneironganquanhegui:before {
    content: "\e71c"
}

.wedaohang-yingxiaozidonghua:before {
    content: "\e6f8"
}

.wedaohang-zhinenghuoke:before {
    content: "\e6f9"
}

.wedaohang-xiaofeizhedongcha:before {
    content: "\e6fa"
}

.wedaohang-siyuyunyingzengchang:before {
    content: "\e6fb"
}

.wedaohang-hangweiyanzhengma:before {
    content: "\e6fc"
}

.wedaohang-jingzhuntiaoyan:before {
    content: "\e6fd"
}

.wedaohang-yingxiaofanzuobi:before {
    content: "\e6fe"
}

.wedaohang-Androidyingyongjiagu:before {
    content: "\e6ff"
}

.wedaohang-shebeizhiwen:before {
    content: "\e700"
}

.wedaohang-shouyouzhinengfanwaigua:before {
    content: "\e701"
}

.wedaohang-iOSyingyongjiagu:before {
    content: "\e702"
}

.wedaohang-tupianjiance:before {
    content: "\e703"
}

.wedaohang-wenbenjiance:before {
    content: "\e704"
}

.wedaohang-kefujiqiren:before {
    content: "\e705"
}

.wedaohang-yinshipintonghua:before {
    content: "\e706"
}

.wedaohang-hudongzhibo:before {
    content: "\e707"
}

.wedaohang-zaixiankefu:before {
    content: "\e708"
}

.wedaohang-zhibo:before {
    content: "\e709"
}

.wedaohang-jishitongxun:before {
    content: "\e70a"
}

.wedaohang-dianbo:before {
    content: "\e70b"
}

.wedaohang-yunhujiaozhongxin:before {
    content: "\e70c"
}

.wedaohang-yijiandenglu:before {
    content: "\e70d"
}

.wedaohang-yinpinjiance:before {
    content: "\e70e"
}

.wedaohang-zhinengCRM:before {
    content: "\e70f"
}

.wedaohang-xinling:before {
    content: "\e710"
}

.wedaohang-duanxin:before {
    content: "\e711"
}

.wedaohang-shirenxinxirenzheng:before {
    content: "\e712"
}

.wedaohang-hudongbaiban:before {
    content: "\e713"
}

.wejiantouyou1:before {
    content: "\e646"
}

.wejiantouzuo:before {
    content: "\e647"
}

.weyuyin:before {
    content: "\e643"
}

.weshexiang:before {
    content: "\e644"
}

.weliucheng:before {
    content: "\e645"
}

.wejiantouyou:before {
    content: "\e642"
}

.weweixin:before {
    content: "\e865"
}

.wejiantouxia:before {
    content: "\e848"
}

.wehuidaodingbu:before {
    content: "\e822"
}

.weanniujiantou:before {
    content: "\e823"
}

.wedianhuazixun:before {
    content: "\e824"
}

.wedaohangjiantou:before {
    content: "\e825"
}

.wemianfeishiyong:before {
    content: "\e826"
}

.webofang:before {
    content: "\e827"
}

.wegoumaizixun:before {
    content: "\e828"
}

.wezhqy-web-menu-e51x:before {
    content: "\e842"
}

.wezhqy-web-menu-c11x:before {
    content: "\e843"
}

.wezhqy-web-menu-b21x:before {
    content: "\e844"
}

.wezhqy-web-menu-e41x:before {
    content: "\e83d"
}

.wezhqy-web-menu-e21x:before {
    content: "\e83e"
}

.wezhqy-web-menu-d31x:before {
    content: "\e83f"
}

.wezhqy-web-menu-e31x:before {
    content: "\e840"
}

.wezhqy-web-menu-a11x:before {
    content: "\e841"
}

.wezhqy-web-menu-b41x:before {
    content: "\e838"
}

.wezhqy-web-menu-b31x:before {
    content: "\e839"
}

.wezhqy-web-menu-c31x:before {
    content: "\e83a"
}

.wezhqy-web-menu-d21x:before {
    content: "\e83b"
}

.wezhqy-web-menu-e11x:before {
    content: "\e83c"
}

.wezhqy-web-menu-b51x:before {
    content: "\e833"
}

.wezhqy-web-menu-d11x:before {
    content: "\e834"
}

.wezhqy-web-menu-a21x:before {
    content: "\e835"
}

.wezhqy-web-menu-b11x:before {
    content: "\e836"
}

.wezhqy-web-menu-c21x:before {
    content: "\e837"
}

.wezhqy-web-sy-x1:before {
    content: "\e7d6"
}

.wezhqy-menu-closex:before {
    content: "\e7d4"
}

.wezhqy-menu-normalx:before {
    content: "\e7d5"
}

.wezhqy-web-gywm-x:before {
    content: "\e7d0"
}

.wezhqy-web-gywm-x1:before {
    content: "\e7d1"
}

.wezhqy-web-gywm-x2:before {
    content: "\e7d2"
}

.wezhqy-web-gywm-x3:before {
    content: "\e7d3"
}

.wezhqy-web-gn-yspth-x:before {
    content: "\e6bb"
}

.wezhqy-web-gn-yspth-x1:before {
    content: "\e6bc"
}

.wezhqy-web-gn-yspth-x2:before {
    content: "\e6bd"
}

.wezhqy-web-gn-yspth-x3:before {
    content: "\e6be"
}

.wezhqy-web-gn-yspth-x4:before {
    content: "\e6bf"
}

.wezhqy-web-cpx-yqk-x8:before {
    content: "\e7cf"
}

.wezhqy-web-cpx-qyy-x:before {
    content: "\e7c9"
}

.wezhqy-web-cpx-qyy-x1:before {
    content: "\e7ca"
}

.wezhqy-web-cpx-qyy-x2:before {
    content: "\e7cb"
}

.wezhqy-web-cpx-qyy-x3:before {
    content: "\e7cc"
}

.wezhqy-web-cpx-qyy-x4:before {
    content: "\e7cd"
}

.wezhqy-web-cpx-qyy-x5:before {
    content: "\e7ce"
}

.wezhqy-web-gn-znzxkf-x13:before {
    content: "\e7c5"
}

.wezhqy-web-gn-znzxkf-x14:before {
    content: "\e7c6"
}

.wezhqy-web-gn-znzxkf-x15:before {
    content: "\e7c7"
}

.wezhqy-web-gn-znzxkf-x16:before {
    content: "\e7c8"
}

.wezhqy-web-gn-znzxkf-x10:before {
    content: "\e7c2"
}

.wezhqy-web-gn-znzxkf-x11:before {
    content: "\e7c3"
}

.wezhqy-web-gn-znzxkf-x12:before {
    content: "\e7c4"
}

.wezhqy-web-gn-znzxkf-x6:before {
    content: "\e7be"
}

.wezhqy-web-gn-znzxkf-x7:before {
    content: "\e7bf"
}

.wezhqy-web-gn-znzxkf-x8:before {
    content: "\e7c0"
}

.wezhqy-web-gn-znzxkf-x9:before {
    content: "\e7c1"
}

.wezhqy-web-gn-znzxkf-x:before {
    content: "\e7b8"
}

.wezhqy-web-gn-znzxkf-x1:before {
    content: "\e7b9"
}

.wezhqy-web-gn-znzxkf-x2:before {
    content: "\e7ba"
}

.wezhqy-web-gn-znzxkf-x3:before {
    content: "\e7bb"
}

.wezhqy-web-gn-znzxkf-x4:before {
    content: "\e7bc"
}

.wezhqy-web-gn-znzxkf-x5:before {
    content: "\e7bd"
}

.wezhqy-web-cpx-yqk-x2:before {
    content: "\e7b2"
}

.wezhqy-web-cpx-yqk-x3:before {
    content: "\e7b3"
}

.wezhqy-web-cpx-yqk-x4:before {
    content: "\e7b4"
}

.wezhqy-web-cpx-yqk-x5:before {
    content: "\e7b5"
}

.wezhqy-web-cpx-yqk-x6:before {
    content: "\e7b6"
}

.wezhqy-web-cpx-yqk-x7:before {
    content: "\e7b7"
}

.wezhqy-web-cpx-yqk-x:before {
    content: "\e7b0"
}

.wezhqy-web-cpx-yqk-x1:before {
    content: "\e7b1"
}

.wezhqy-web-menu-ax:before {
    content: "\e79b"
}

.wezhqy-web-menu-bx:before {
    content: "\e79c"
}

.wezhqy-web-menu-ax1:before {
    content: "\e79d"
}

.wezhqy-web-menu-ax2:before {
    content: "\e79e"
}

.wezhqy-web-menu-ax3:before {
    content: "\e79f"
}

.wezhqy-web-menu-bx1:before {
    content: "\e7a0"
}

.wezhqy-web-menu-bx2:before {
    content: "\e7a1"
}

.wezhqy-web-menu-cx:before {
    content: "\e7a2"
}

.wezhqy-web-menu-bx3:before {
    content: "\e7a3"
}

.wezhqy-web-menu-bx4:before {
    content: "\e7a4"
}

.wezhqy-web-menu-bx5:before {
    content: "\e7a5"
}

.wezhqy-web-menu-cx1:before {
    content: "\e7a6"
}

.wezhqy-web-menu-cx2:before {
    content: "\e7a7"
}

.wezhqy-web-menu-cx3:before {
    content: "\e7a8"
}

.wezhqy-web-menu-cx4:before {
    content: "\e7a9"
}

.wezhqy-web-menu-cx5:before {
    content: "\e7aa"
}

.wezhqy-web-menu-dx:before {
    content: "\e7ab"
}

.wezhqy-web-menu-dx1:before {
    content: "\e7ac"
}

.wezhqy-web-menu-ex:before {
    content: "\e7ad"
}

.wezhqy-web-menu-dx2:before {
    content: "\e7ae"
}

.wezhqy-web-menu-ex1:before {
    content: "\e7af"
}

.wezhqy-mfsyx:before {
    content: "\e799"
}

.wezhqy-dhzxx:before {
    content: "\e79a"
}

.wezhqy-web-sy-x:before {
    content: "\e798"
}

.wearrow-line-regularx:before {
    content: "\e797"
}

* {
    margin: 0;
    padding: 0
}

html,
body {
    width: 100%;
    height: 100%
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    font-family: PingFang SC, sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@at-root {
    @-ms-viewport {
        width: device-width;
    }
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: PingFang SC, Helvetica Neue, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, SimHei, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: #000000d9;
    font-weight: 500
}

p {
    margin: 0;
    padding: 0
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit
}

input[type=text],
input[type=password],
input[type=number],
textarea {
    -webkit-appearance: none
}

ol,
ul,
dl {
    padding: 0;
    margin: 0
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    padding: 0;
    margin: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

pre,
code,
kbd,
samp {
    font-family: Consolas, Menlo, Courier, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto
}

figure {
    margin: 0 0 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: #00000073;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

mark {
    padding: .2em;
    background-color: #feffe6
}

::selection {
    background: #5757d9;
    color: #fff
}

i.colfont:before {
    font-family: colfont !important
}

.colfont {
    font-family: colfont !important
}

.ellipsis-multiple-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-8 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-9 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical
}

.ellipsis-multiple-line-10 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical
}

.text-blue {
    color: #337eff
}

.text-green {
    color: #00bf80
}

.icon-blue {
    color: #337eff
}

.icon-green {
    color: #26bd71
}

.icon-yellow {
    color: #ffaf0f
}

.icon-olive {
    color: #14cccc
}

.icon-purple {
    color: #8875ff
}

.icon-pink {
    color: #f5747f
}

.text-sm {
    font-size: .5124rem;
    line-height: .7686rem;
    color: #676b73
}

.text-md {
    font-size: .5978rem;
    line-height: .9394rem;
    color: #676b73
}

.text-lg {
    font-size: .6832rem;
    line-height: 1.0248rem;
    color: #8c8c8c
}

.text-xl {
    font-size: .7686rem;
    line-height: 1.1956rem;
    font-weight: 600;
    color: #8c8c8c
}

.text-4xl {
    font-size: 1.0248rem;
    line-height: 1.5372rem;
    font-weight: 600;
    color: #8c8c8c
}

@font-face {
    font-family: RobotoMono-Regular;
    src: url(../font/RobotoMono-Regular.d1332165.ttf)
}

body {
    background-color: #fff;
    font-size: 14px;
    min-width: 1180px
}

a {
    color: #3d84ff;
    background-color: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
    touch-action: none
}

a:focus {
    text-decoration: none;
    outline: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

a:hover {
    color: #5c98ff
}

a:active {
    color: #3d84ff
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #00000040;
    cursor: not-allowed;
    pointer-events: none
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #cfcfcf
}

::-webkit-scrollbar-track {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-track-piece {
    background: transparent
}

.scrollbar-style::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #fff0
}

.scrollbar-style::-webkit-scrollbar {
    width: 8px;
    background-color: #fff0
}

.scrollbar-style::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ffffff26
}

@keyframes slide-type-1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1
    }
}

.animation-type-1 {
    animation: slide-type-1 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}

.wisdom-carousel {
    height: 580px;
    min-width: 1180px
}

.wisdom-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-image: url(../image/591f8806f835b5f932f2d344ecb3e767.jpg);
    background-position: center;
    background-color: #070811
}

.wisdom-carousel-content {
    position: relative;
    top: 50%;
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.wisdom-carousel-content .title {
    margin-bottom: 12px;
    font-size: 45px;
    color: #142033;
    line-height: 63px;
    font-weight: 400
}

.wisdom-carousel-content .subTitle {
    font-size: 20px;
    color: #1a2233;
    margin-bottom: 40px;
    font-weight: 300
}

.wisdom-carousel-content .title-bold {
    color: #337eff;
    font-weight: 500
}

.wisdom-carousel-content.posRight {
    color: #fff;
    text-align: left
}

.wisdom-carousel-content.posRight .title,
.wisdom-carousel-content.posRight .subTitle {
    color: #fff
}

.wisdom-carousel-content.posRight .title-bold {
    color: #fff;
    font-weight: 500
}

.wisdom-carousel .slick-slider .slick-dots {
    bottom: 40px
}

.wisdom-carousel .slick-slider .slick-dots li button,
.wisdom-carousel .slick-slider .slick-dots li.slick-active button {
    width: 36px
}

.project-wrapper .project-content {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    color: #596780
}

.project-wrapper .project-content.odd {
    flex-direction: row-reverse
}

.project-wrapper .project-intro-img {
    width: 660px
}

.project-wrapper-des {
    display: inline-block;
    padding: 0 40px
}

.project-wrapper .project-title {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #1f2f4d
}

.project-wrapper .project-text {
    font-size: 18px;
    color: #596780;
    line-height: 28px
}

.primary-btn {
    background-image: linear-gradient(90deg, #c1292e 5%, #cf4a58);
    border-radius: 16px;
    border-color: transparent;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 25px;
    display: inline-block;
    cursor: pointer
}

.primary-btn:hover,
.primary-btn:focus {
    color: #fff;
    text-decoration: none
}

.primary-btn.primary-btn-big {
    padding: 0 36px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px
}

.primary-btn.primary-btn-white {
    background: transparent;
    border: 1px solid white
}

.text-center {
    text-align: center
}

.panel-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover
}

.panel-icon.questionnaire {
    background-image: url(../image/e05c66a70c891cdf6b80a8ead39ec013.png)
}

.panel-icon.jianzhun {
    background-image: url(../image/ef3391cbcd136c8daa5821103bdcf41c.png)
}

.panel-icon.dongcha {
    background-image: url(../image/9db670b9bbf8f7f683784745c95eee27.png)
}

.panel-icon.yanjiu {
    background-image: url(../image/a4db3ca6a1f80746083a564e3ebbc9b5.png)
}

.panel-icon.kehufenxi {
    background-image: url(../image/9e8785063a7d5e7fdfb7baa162244b22.png)
}

.panel-icon.jingyi {
    background-image: url(../image/1369b2a341117d299acef0d14c20b416.png)
}

.panel-icon.automaker {
    background-image: url(../image/a6690b529b0fae1e9ebf74c5fdcc4778.png)
}

.panel-icon.siyu {
    background-image: url(../image/a71ce86ab4fcb519aba69792b0e62486.png)
}

.panel-icon.huoke {
    background-image: url(../image/ca299d728571d2b9cd5c7769edcfa5cf.png)
}

.panel-icon.goutong {
    background-image: url(../image/07ca14fd2116ce6946d808bf3d6e0db0.png)
}

.panel-icon.hudong {
    background-image: url(../image/e42237ba450ab6a72c6b097a6d1f3d4c.png)
}

.panel-icon.crm {
    background-image: url(../image/920f818ab25118f3f2bfe508e258c547.png)
}

.panel-icon.onlinechat {
    background-image: url(../image/4ede40d6a4894422b7639801c95d9ca6.png)
}

.panel-icon.chatcenter {
    background-image: url(../image/8ebafea9bd6612f02e24c5668694420d.png)
}

.panel-icon.kefurobot {
    background-image: url(../image/de444e9b9d9d8e6667574dc7aea10c8c.png)
}

.panel-icon.excallrobot {
    background-image: url(../image/6ab9f910f5c8d135e823d2d98a7d3ba7.png)
}

.panel-icon.eshop {
    background-image: url(../image/a0576b3475607b0967268f7293458818.png)
}

.panel-icon.yingxiaoliuzi {
    background-image: url(../image/e3998a562905a4d5cf23c18aa9c8ad89.png)
}

.panel-icon.cuhuo {
    background-image: url(../image/4f051a286301ad2b3d5fd6ed4781485b.png)
}

.panel-icon.wecomdiversion {
    background-image: url(../image/5588eedd13e4480aee17dea4597be71d.png)
}

.panel-icon.baipishu {
    background-image: url(../image/2d322ce70434a83d930d769f0b0227c9.png)
}

.panel-icon.kecheng {
    background-image: url(../image/5aad10f9b72dfe3505f8d16117f61e8d.png)
}

.panel-icon.carmarketing {
    background-image: url(../image/f2a5b6aea071d38e92108cf5d4a687bb.png)
}

.panel-icon.internet {
    background-image: url(../image/efbcd25f759e69b02be6cae65ed78067.png)
}

.panel-icon.colleges {
    background-image: url(../image/abef9b0a21b889802cf6a7f34746fbc4.png)
}

.panel-icon.car {
    background-image: url(../image/edb4afef34f593f4919f100e914c7936.png)
}

.panel-icon.kuaixiao {
    background-image: url(../image/a8971709d1e3cb405ef56af9f26888d6.png)
}

.panel-icon.phone {
    background-image: url(../image/f19eab3c770c031cbd11917ca0f544bb.png)
}

.panel-icon.estate {
    background-image: url(../image/c4282eb79eb37e8e3788f70afa759793.png)
}

.panel-icon.muying {
    background-image: url(../image/c8f84c6ec3052b0842f3efb7908e5a03.png)
}

.c-icon {
    position: relative
}

.c-icon.circle-6 {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #999
}

.Frame-header {
    transform: translateZ(1000px);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    height: 109px;
    background: transparent
}

.Frame-header .logo {
    line-height: 80px
}

.Frame-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    transform: translateZ(1000px)
}

.Frame-header-bg {
    position: absolute;
    inset: 0;
    background: #fff;
    box-shadow: 0 2px 9px #25265e1a;
    opacity: 0;
    transform: translateY(-5px);
    transition: all .3s;
    z-index: -1
}

.Frame-header.light,
.Frame-header.light .Frame-nav {
    color: #2d3d59
}

.Frame-header.light .Frame-nav li,
.Frame-header.light .Frame-nav a {
    color: #525766
}

.Frame-header.light .btn-login {
    color: #525766;
    border-color: #525766
}

.Frame-header.dark,
.Frame-header.dark .Frame-nav,
.Frame-header.dark .Frame-nav li,
.Frame-header.dark .Frame-nav a {
    color: #fff
}

.Frame-header.dark .btn-login {
    border: 1px solid white
}

.Frame-header .detail-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1
}

.Frame-header .detail-wrapper.active,
.Frame-header .detail-wrapper.active .detail-name {
    color: #c1292e
}

.Frame-header .detail-wrapper i.iconfont {
    display: inline-block;
    transition: transform .3s
}

.Frame-header .detail-wrapper i.iconfont.open {
    transform: rotate(180deg);
    transition: transform .3s
}

.Frame-header .detail-avatar {
    margin-left: 20px;
    margin-right: 8px
}

.Frame-header .detail-name {
    display: inline-block;
    max-width: 160px;
    margin-right: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #1a2233;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Frame-header .primary-btn {
    padding: 0 16px;
    line-height: 30px
}

.Frame-header .Frame-nav {
    line-height: 80px;
    border-bottom: none;
    background: transparent
}

.Frame-header .Frame-nav li,
.Frame-header .Frame-nav a {
    font-size: 15px
}

.Frame-header .Frame-nav .ant-menu-item {
    top: 0;
    position: relative;
    padding: 0 12px;
    border: none
}

.Frame-header .Frame-nav .ant-menu-item.nopadding {
    padding: 0
}

.Frame-header .Frame-nav .ant-menu-item:last-child {
    margin-right: 0
}

.Frame-header .Frame-nav .ant-menu-item:after {
    display: none
}

.Frame-header .Frame-nav .ant-menu-item-active {
    color: #c1292e
}

.Frame-header .Frame-nav .ant-menu-item .ant-menu-title-content .hot:hover,
.Frame-header .Frame-nav .ant-menu-item a:hover {
    border: none;
    color: #c1292e
}

.Frame-header .Frame-nav .ant-menu-item span {
    position: relative
}

.Frame-header .Frame-nav .ant-menu-item.active {
    color: #c1292e
}

.Frame-header .Frame-nav .ant-menu-item:hover:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 3px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    bottom: -1px;
    background-color: #c1292e;
    left: 10px
}

.Frame-header .Frame-nav .ant-menu-item .a-hot {
    line-height: 56px;
    background-image: url(../image/06ba07531c0aaa2b0a6218cd96778840.png);
    color: #fff;
    width: 120px;
    display: inline-block
}

.Frame-header .Frame-nav .ant-menu-item:hover {
    color: #c1292e
}

.Frame-header .Frame-nav i.iconfont {
    display: inline-block;
    margin-left: 6px;
    transition: transform .3s
}

.Frame-header .Frame-nav i.iconfont.open {
    transform: rotate(180deg);
    transition: transform .3s
}

.Frame-header .btn-login {
    display: inline-block;
    border: 1px solid;
    background-color: transparent;
    background-image: none;
    margin-right: 8px;
    margin-left: 20px
}

.Frame-header .btn-register {
    display: inline-block;
    background: #c1292e;
    color: #fff
}

.Frame-header-fixed .Frame-header-bg {
    opacity: 1;
    transform: translateZ(1000px)
}

.Frame-header-fixed .Frame-header-wrapper {
    transform: translateZ(1000px)
}

.Frame-header-fixed .Frame-nav {
    color: #1a2233
}

.Frame-header-fixed .Frame-nav .ant-menu-item,
.Frame-header-fixed .Frame-nav a,
.Frame-header-fixed .Frame-nav li {
    color: #2d3d59
}

.Frame-header-fixed .btn-login {
    border-color: #1a2233;
    color: #1a2233
}

.Frame-header-fixed .btn-login:hover,
.Frame-header-fixed .btn-login:focus {
    color: #2d3d59
}

.Frame-panel {
    background: #fff;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    z-index: -2;
    visibility: hidden;
    overflow-y: auto;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326
}

.Frame-panel.Frame-panel-show {
    box-shadow: 0 0 37px #13143914;
    visibility: visible
}

.Frame-panel .panel-head {
    font-weight: 400;
    font-size: 22px;
    line-height: 40px;
    color: #333;
    padding-left: 8px;
    width: 1200px;
    text-align: left;
    margin: 0 auto
}

.Frame-panel-wrapper {
    width: 1250px;
    margin: 0 auto;
    padding: 30px 0;
    opacity: 0;
    transform: translateY(-40px)
}

.Frame-panel-wrapper.show {
    transition: transform .5s ease-out 50ms, opacity .5s ease-out 50ms;
    opacity: 1;
    transform: none
}

.Frame-panel-wrapper .module-product {
    display: block
}

.Frame-panel-wrapper .Frame-panel-product {
    width: 100%
}

.Frame-panel-wrapper.flexWrap {
    flex-wrap: wrap
}

.Frame-panel-wrapper.product {
    width: 1200px;
    padding: 30px 0;
    justify-content: space-between
}

.Frame-panel-wrapper.product>.prList-wrap {
    width: 588px
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item {
    display: flex;
    cursor: pointer;
    padding: 16px;
    margin-bottom: 8px
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item>.pwi-left {
    width: 50px;
    height: 50px;
    padding: 7px;
    border: 1px solid #e6e7eb;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    margin-right: 12px
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item>.pwi-left img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item>.pwi-right>.pwi-right-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item>.pwi-right>.pwi-right-desc {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item>.pwi-right>.active {
    color: #c1292e
}

.Frame-panel-wrapper.product>.prList-wrap>.mb0 {
    margin-bottom: 0
}

.Frame-panel-wrapper.product>.prList-wrap>.prList-wrap-item:hover {
    background: #f5f5f7;
    border-radius: 4px
}

.Frame-panel-wrapper.qiyu {
    padding: 30px 0 10px
}

.Frame-panel-wrapper.qiyu .module-product {
    flex-direction: column
}

.Frame-panel-wrapper.qiyu .module-product .product-item {
    width: 240px
}

.Frame-panel-wrapper.solution {
    padding: 20px 0 24px;
    display: flex;
    flex-wrap: wrap
}

.Frame-panel-wrapper.solution>div {
    width: 20%;
    margin-top: 0
}

.Frame-panel-wrapper.solution>div:first-child {
    box-sizing: border-box;
    height: 100%
}

.Frame-panel-wrapper.solution>div:last-child {
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.Frame-panel-wrapper.solution .module-product .Frame-panel-product .product-item {
    padding-left: 10px
}

.Frame-panel-wrapper.solution .module-product .Frame-panel-product .panel-title {
    padding-bottom: 10px;
    margin: 20px 12px 8px
}

.Frame-panel-wrapper.solution .module-product .Frame-panel-product.zzy {
    width: 585px
}

.Frame-panel-wrapper.solution .module-product .Frame-panel-product.qita {
    position: absolute;
    left: 580px;
    width: 630px;
    bottom: 0
}

.Frame-panel-wrapper .panel-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6e7eb;
    margin-bottom: 10px
}

.Frame-panel-wrapper .panel-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.Frame-panel-wrapper .product-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 0
}

.Frame-panel-wrapper .product-item {
    box-sizing: border-box;
    width: 290px;
    height: 80px
}

.Frame-panel-wrapper .product-item a {
    padding: 12px;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 4px;
    background: #fff;
    line-height: 150%
}

.Frame-panel-wrapper .product-item a:hover {
    background: #f5f5f7
}

.Frame-panel-wrapper .product-item .icon-img {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.Frame-panel-wrapper .product-item .panel-product-title {
    font-weight: 400;
    font-size: 16px;
    color: #1a2233;
    margin-bottom: 4px
}

.Frame-panel-wrapper .product-item .panel-product-badge {
    display: inline-block;
    width: 30px;
    height: 14px;
    vertical-align: middle;
    border-radius: 4px;
    margin-left: 8px;
    color: #fff
}

.Frame-panel-wrapper .product-item .panel-solution-label {
    position: relative;
    top: -2px;
    font-size: 30px !important;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 0 !important
}

.Frame-panel-wrapper .product-item .panel-solution-label.weHOT {
    color: #f25130
}

.Frame-panel-wrapper .product-item .panel-solution-label.weNEW {
    color: #00bf80
}

.Frame-panel-wrapper .product-item .panel-product-desc {
    font-weight: 400;
    font-size: 12px;
    color: #9da0a6;
    line-height: 150%
}

.Frame-panel-wrapper .product-item a:active,
.Frame-panel-wrapper .product-item a:hover,
.Frame-panel-wrapper .product-item a:visited,
.Frame-panel-wrapper .product-item a:focus {
    text-decoration: none
}

.Frame-panel-wrapper .product-item i.iconfont {
    font-size: 20px;
    color: #c1292e;
    background-size: 20px 20px;
    margin-right: 8px
}

.Frame-panel-wrapper .product-item svg {
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.Frame-panel-wrapper .product-item i.resource-icon,
.Frame-panel-wrapper .product-item i.about-icon {
    flex-shrink: 0;
    margin-bottom: 12px;
    width: 32px;
    height: 32px
}

.Frame-panel-wrapper .product-item i.wedaohang-xiaofeizhedongcha {
    font-size: 22px
}

.Frame-panel-wrapper.research .product-item svg {
    position: relative;
    width: 20px;
    height: 20px
}

.Frame-panel-wrapper.resource .product-item {
    padding: 20px;
    height: auto;
    box-sizing: border-box
}

.Frame-panel-wrapper.resource .product-item:hover {
    background: #f5f5f7;
    border-radius: 4px
}

.Frame-panel-wrapper.resource .product-item:hover a {
    background: #f5f5f7
}

.Frame-panel-wrapper.resource .product-item a {
    flex-direction: column
}

.Frame-panel-wrapper.resource .product-item i.iconfont {
    margin-bottom: 12px;
    line-height: 32px;
    font-size: 32px
}

.Frame-panel-wrapper.resource .product-item .panel-product-title {
    margin-bottom: 12px;
    font-size: 16px;
    color: #1a2233;
    font-weight: 600;
    line-height: 1.5
}

.Frame-panel-wrapper.resource .product-item .panel-product-desc {
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.Frame-panel-module:not(:first-child) {
    margin-top: 24px
}

.Frame-panel .panel-title {
    color: #2d3d59;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9db;
    line-height: 1.5
}

.Frame-panel-resource .iconfont {
    width: 32px;
    height: 32px;
    line-height: 1;
    margin-bottom: 12px;
    background-size: 32px 32px
}

.Frame-panel-module .module-title {
    border-bottom: 1px solid #e8e9eb;
    font-size: 14px;
    color: #2d3d59;
    line-height: 44px
}

.Frame-panel-module .module-title img {
    height: 24px
}

.Frame-panel-module .module-product {
    justify-content: space-between
}

.transition-config {
    transition: all .4s ease
}

.m-pc-hd-f-nav {
    transition: all .4s ease;
    position: relative
}

.m-pc-hd-f-nav .f-nav-divider {
    width: 100%;
    height: 1px;
    transition: all 0s ease
}

.m-pc-hd-f-nav .f-nav-wrapper {
    width: 1200px;
    margin: 0 auto
}

.m-pc-hd-f-nav .f-link {
    display: inline-block;
    padding: 8px 0;
    font-size: 12px;
    line-height: 1;
    text-decoration: none
}

.m-pc-hd-f-nav .nav-left {
    float: left;
    margin-right: 48px
}

.m-pc-hd-f-nav .nav-right {
    float: right;
    line-height: 1
}

.m-pc-hd-f-nav .nav-right .f-link {
    margin-left: 48px
}

.m-pc-hd-f-nav.f-nav-default-theme {
    opacity: .2
}

.m-pc-hd-f-nav.f-nav-default-theme .f-nav-divider {
    background-color: #f2f2f200
}

.m-pc-hd-f-nav.f-nav-default-theme .f-link {
    color: #fff6
}

.m-pc-hd-f-nav.f-nav-default-theme .f-link:hover {
    color: #fff
}

.m-pc-hd-f-nav.f-nav-white-theme {
    opacity: .7
}

.m-pc-hd-f-nav.f-nav-white-theme .f-nav-divider {
    background-color: #9da0a633;
    transition-delay: .5s
}

.m-pc-hd-f-nav.f-nav-white-theme .f-link {
    color: #999
}

.m-pc-hd-f-nav.f-nav-white-theme .f-link:hover {
    color: #333
}

.m-pc-hd-top {
    position: absolute;
    top: 29px;
    width: 100%;
    transform: translateZ(0);
    transition: all .4s ease
}

.detail-popover {
    padding-top: 0;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    box-shadow: 0 8px 24px -8px #1a223333
}

.detail-popover .ant-popover-inner {
    border-radius: 0;
    box-shadow: none
}

.detail-popover .ant-popover-inner .ant-popover-inner-content {
    padding: 0
}

.detail-popover .ant-popover-arrow {
    display: none
}

.detail-popover .detail-popover-content {
    width: 128px;
    margin: 8px 0
}

.detail-popover .detail-popover-content a {
    display: inline-block;
    width: 100%;
    padding-left: 16px;
    line-height: 38px;
    color: #1a2233;
    font-size: 14px
}

.detail-popover .detail-popover-content a:hover {
    background-color: #f5f5f7
}

.Frame-foot {
    background: #fff;
    color: #676b73;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

.Frame-foot ul {
    list-style: none;
    float: left
}

.Frame-foot li {
    margin: 0;
    list-style: none;
    padding: 8px 0
}

.Frame-foot li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #676b73
}

.Frame-foot li a:hover {
    color: #c1292e
}

.Frame-foot .l-356 {
    width: 356px
}

.Frame-foot .l-356>.title-item {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin: 16px 0;
    color: #676b73
}

.Frame-foot .l-178 {
    width: 178px
}

.Frame-foot .l-260 {
    width: 260px;
    letter-spacing: 0
}

.Frame-foot-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #1a2233;
    margin-bottom: 24px
}

.Frame-foot-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.Frame-foot-list {
    display: inline-block;
    width: 178px;
    margin-bottom: 40px;
    flex-direction: column
}

.Frame-foot-content {
    width: 1200px;
    margin: 0 auto;
    padding: 80px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9DB
}

.Frame-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    height: 168px
}

.Frame-bottom-agreement {
    display: flex;
    align-items: center
}

.Frame-bottom-agreement a {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #1a2233
}

.Frame-bottom-agreement a:not(:first-child):before {
    margin: 0 10px;
    content: "|";
    line-height: 24px;
    font-size: 12px
}

.Frame-bottom-record {
    margin-top: 16px;
    line-height: 18px;
    font-size: 12px
}

.Frame-bottom-record a {
    color: #c1292e
}

.Frame-bottom-certificate {
    display: -ms-grid;
    display: grid;
    width: 704px;
    -ms-grid-columns: 220px 24px 220px 24px 220px;
    grid-template-columns: repeat(3, 220px);
    -ms-grid-rows: 40px 8px 40px;
    grid-template-rows: repeat(2, 40px);
    grid-row-gap: 8px;
    grid-column-gap: 24px;
    clear: both
}

.Frame-bottom-certificate>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.Frame-bottom-certificate>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.Frame-bottom-certificate>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.Frame-bottom-certificate>*:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.Frame-bottom-certificate>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.Frame-bottom-certificate>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

.Frame-bottom-certificate-item {
    display: flex;
    align-items: center;
    line-height: 18px;
    font-size: 12px;
    width: 220px;
    float: left
}

.Frame-qrCode {
    margin-top: 16px;
    width: 140px;
    height: 140px
}

.hidden-show {
    visibility: hidden
}

.tool-box-components {
    width: 72px;
    position: fixed;
    right: 20px;
    bottom: 0;
    top: 45%;
    z-index: 10;
    transform: translateY(-179px);
    transition: all .5s;
    color: #fff
}

.tool-box-components .iconfont {
    font-size: 24px;
    color: #000
}

.tool-box-components .tool-toTop {
    position: relative;
    left: 0;
    top: 0;
    color: #fff;
    width: 72px;
    height: 48px;
    line-height: 48px;
    border-radius: 8px;
    text-align: center;
    margin: -6px 0
}

.tool-box-components .tool-toTop:hover {
    color: #c1292e
}

.tool-box-components .tool-toTop:hover .iconfont {
    font-size: 24px;
    color: #c1292e
}

.tool-box-components .parting-line {
    position: relative;
    width: 48px;
    height: 1px;
    background: #ffffff4d;
    margin: 4px auto
}

.tool-box-components-content {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 12px #00000014;
    padding: 6px 0;
    margin-bottom: 8px;
    border: solid 1px #f3f3f3
}

.tool-box-components-content a {
    text-decoration: none;
    color: #1a2233
}

.tool-box-components-content .buy-title {
    color: #1a2233;
    opacity: .6;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.tool-box-components-content-item {
    padding: 1px 0 5px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60px;
    margin: 0 6px;
    cursor: pointer;
    text-align: center;
    min-height: 60px;
    color: #1a2233
}

.tool-box-components-content-item .slide-title {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.tool-box-components-content-item:hover,
.tool-box-components-content-item:hover .iconfont {
    color: #c1292e
}

.tool-box-components-content-item:hover svg path {
    fill: #c1292e
}

.tool-box-components-content .before-triangle {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto
}

.tool-box-components-content-phoneNode {
    padding: 16px;
    width: 229px;
    color: #1a2233;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    background: #fff;
    cursor: pointer
}

.tool-box-components-content-phoneNode:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto
}

.tool-box-components-content-buyNode {
    padding: 16px;
    background: #fff;
    position: relative
}

.tool-box-components-content-buyNode img {
    display: block;
    width: 160px;
    height: 160px;
    margin-bottom: 8px
}

.tool-box-components-content-buyNode .buy-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1a2233
}

.tool-box-components-content-buyNode:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto
}

.ant-tooltip.for-toolbox .ant-tooltip-inner {
    background-color: #fff;
    padding: 2px 0
}

.ant-tooltip.for-toolbox .ant-tooltip-inner .tool-box-components-content-phoneNode:before {
    display: none
}

.ant-tooltip.for-toolbox .ant-tooltip-inner .tool-box-components-content-buyNode:before {
    display: none
}

.ant-tooltip.for-toolbox .ant-tooltip-arrow .ant-tooltip-arrow-content {
    --antd-arrow-background-color: #fff
}

.Frame {
    min-height: 100vh;
    z-index: 1
}

.Frame.embed-biz-zc .Frame-header,
.Frame.embed-biz-zc .m-animbtn-btn,
.Frame.embed-biz-zc .Frame-foot {
    display: none
}

.Frame-content {
    background-color: #fff
}

.preview-container {
    position: fixed;
    background: #73e599;
    height: 30px;
    line-height: 30px;
    z-index: 101;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-weight: 500
}

.preview-container .exit-btn {
    display: inline-block;
    cursor: pointer;
    margin-left: 24px;
    color: #00000080;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.m-pc-advantage-overview {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px
}

.m-pc-advantage-overview.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.m-pc-advantage-overview.iconMB4 .advtg-icon {
    margin-bottom: 4px !important
}

.m-pc-advantage-overview .advantage-title {
    color: #1a2233;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 0
}

.m-pc-advantage-overview .advantage-subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #676b73;
    margin-top: 8px
}

.m-pc-advantage-overview .advantage-content {
    display: flex;
    justify-content: space-between
}

.m-pc-advantage-overview .advantage-content-item {
    position: relative;
    display: inline-block;
    width: 270px;
    height: 300px;
    padding-top: 40px;
    text-align: center
}

.m-pc-advantage-overview .advantage-content-item img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.m-pc-advantage-overview .advantage-content-item:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 1px;
    height: 100px;
    background: #dee3eb
}

.m-pc-advantage-overview .advantage-content-item:last-child:after {
    display: none
}

.m-pc-advantage-overview .advantage-content .advtg-icon {
    display: inline-block;
    width: 67px;
    height: 67px;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.m-pc-advantage-overview .advantage-content .real {
    background-image: url(../image/e495b90fa35612287a0dd9ea40bb8696.png)
}

.m-pc-advantage-overview .advantage-content .exact {
    background-image: url(../image/ca493ad31ba519e9cf7068b3da202fae.png)
}

.m-pc-advantage-overview .advantage-content .fast {
    background-image: url(../image/54dd51b4d56951623b0140b33c47c99a.png)
}

.m-pc-advantage-overview.horizontal .advantage-content-item {
    height: auto;
    display: flex
}

.m-pc-advantage-overview.horizontal .advantage-content-item .advtg-icon {
    width: 48px;
    height: 48px
}

.m-pc-advantage-overview.horizontal .advantage-content-item .desc-wrap {
    padding-left: 24px
}

.m-pc-advantage-overview.horizontal .advantage-content-item .desc-wrap .h1 {
    text-align: left;
    font-size: 18px
}

.m-pc-advantage-overview.horizontal .advantage-content-item .desc-wrap .desc {
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

.m-pc-advantage-overview.horizontal .advantage-content-item:after {
    display: none
}

.m-pc-advantage-overview .desc-wrap .h1 {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 24px;
    color: #1a2233;
    text-align: center;
    line-height: 24px
}

.m-pc-advantage-overview .desc-wrap .desc {
    font-size: 16px;
    color: #676b73;
    line-height: 24px
}

.lineGtay {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.pc-banner-wrapper {
    background-position: center;
    background-size: 2560px 580px
}

.pc-banner-wrapper.survey {
    background-color: #fff2e5
}

.pc-banner-wrapper.private_domain {
    background-color: #e1f5f2
}

.pc-banner-wrapper.qiyu {
    background-color: #e5efff
}

.pc-banner-container {
    position: relative;
    box-sizing: border-box;
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    padding-top: 80px
}

.pc-banner-box {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    background-position: center -80px;
    background-size: 2560px 580px
}

.pc-banner-content {
    width: 570px
}

.pc-banner-content.small .title {
    font-size: 40px
}

.pc-banner-content.small .subtitle {
    margin-top: 16px;
    font-size: 22px;
    font-weight: inherit
}

.pc-banner-content.small .btn-box {
    margin-top: 40px
}

.pc-banner-content .title {
    font-size: 50px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a2233
}

.pc-banner-content .subtitle {
    margin-top: 20px;
    font-size: 28px;
    line-height: 1.5;
    color: #1a2233
}

.pc-banner-content .btn-box {
    margin-top: 60px;
    display: flex;
    justify-content: flex-start
}

.pc-banner-content .btn-box .ant-btn {
    border: 1px solid #1a2233;
    border-radius: 50px !important;
    height: 50px;
    min-width: 160px;
    margin: 3px 0 0 16px;
    font-size: 18px;
    background: transparent
}

.pc-banner-content .btn-box.form400 .pcc-form-item-container {
    width: 400px
}

.pc-banner-content .btn-box.form400 .pcc-form-item-container .pcc-form-item-box {
    width: 100%
}

.pc-banner-content .btn-box.form400 .pcc-form-item-container .m-animbtn-btn {
    width: 180px
}

.pc-banner-img {
    position: relative;
    height: 100%
}

.pc-banner-img .img {
    width: 720px;
    position: absolute;
    right: -61px;
    top: 0
}

.pc-banner-img .img img {
    width: 720px;
    height: 500px
}

.pc-banner-branner-photo {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 600px;
    height: 475px
}

.pc-banner-video {
    position: relative;
    width: 640px;
    height: 360px;
    cursor: pointer
}

.pc-banner-video .video-mask {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, .5);
    box-shadow: 0 8px 40px #04c3
}

.pc-banner-video .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    box-shadow: 0 0 40px #000c;
    border-radius: 32px
}

.pc-banner-video .no-hover {
    display: block
}

.pc-banner-video:hover .no-hover,
.pc-banner-video .hover {
    display: none
}

.pc-banner-video:hover .hover {
    display: block
}

.pcc-form-item-container .ant-form-explain {
    margin-top: 8px;
    padding-left: 42px;
    text-align: left
}

.pcc-form-item-container .has-error input {
    border-color: #f24957 !important
}

.pcc-form-item-box {
    position: relative;
    width: 360px
}

.pcc-form-item-box .ant-input-affix-wrapper {
    border-radius: 60px;
    border: 1px solid #d9d9db;
    padding: 0;
    overflow: hidden
}

.pcc-form-item-box input {
    padding-left: 18px !important;
    height: 50px;
    border-radius: 60px !important;
    font-size: 18px !important
}

.pcc-form-item-box .ant-input-prefix {
    left: 16px;
    color: #b4b8bf;
    position: relative;
    z-index: 2
}

.pcc-form-item-box.white .ant-input-affix-wrapper input {
    background-color: transparent;
    color: #fff;
    border-color: #cf4a58;
    box-shadow: none
}

.pcc-form-item-box.white .ant-input-affix-wrapper input::-webkit-input-placeholder {
    color: #ffffff80
}

.pcc-form-item-box.white .ant-input-affix-wrapper input::-ms-input-placeholder {
    color: #ffffff80
}

.pcc-form-item-box.white .ant-input-affix-wrapper input::placeholder {
    color: #ffffff80
}

.pcc-form-item-box.white .ant-input-affix-wrapper input::input-placeholder {
    color: #ffffff80
}

.pcc-form-item-box.white .ant-input-affix-wrapper:hover input {
    border-color: #fff
}

.pcc-form-item-box.white .ant-input-affix-wrapper i {
    color: #ffffff80
}

.pcc-form-item-box .submit-btn {
    position: absolute;
    top: 1px;
    right: -20px;
    width: 144px;
    height: 50px;
    border-radius: 30px;
    font-size: 18px;
    line-height: 50px;
    padding-left: 28px;
    box-shadow: none;
    z-index: 1
}

.pcc-form-item-box .submit-btn i {
    margin-left: 4px
}

.pcc-form-item-box .submit-btn.z-noInput {
    position: relative;
    top: 6px
}

.pcc-form-item-box .submit-btn:hover i {
    margin-left: 8px
}

.m-custom-tabs {
    position: relative;
    width: 1000px;
    overflow: visible
}

.m-custom-tabs .ant-tabs-nav {
    padding-bottom: 16px;
    font-size: 18px;
    color: #1f2f4d;
    line-height: 24px
}

.m-custom-tabs .ant-tabs-bar {
    display: flex;
    justify-content: center
}

.m-custom-tabs .ant-tabs-tabpane {
    padding-top: 36px
}

.m-custom-tabs .ant-tabs-content {
    overflow: visible !important
}

.FooterBanner-section.guide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    height: 360px;
    background-image: url(../image/a9856fce-e56e-41a1-a70b-715b73b151ee.jpg);
    background-size: 2880px 360px;
    background-position: center
}

.FooterBanner-section.guide .FooterBanner-section-title {
    color: #1a2233;
    margin-bottom: 40px;
    position: relative;
    z-index: 1
}

.FooterBanner-section.guide>form {
    position: relative;
    z-index: 1
}

.FooterBanner-section .FooterBanner-section-title {
    margin: 0;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.5;
    color: #1a2233
}

.pcc-footer-form-item-container .ant-form-explain {
    margin-top: 8px;
    padding-left: 42px;
    text-align: left
}

.pcc-footer-form-item-container .has-error input {
    border-color: #f24957 !important
}

.pcc-footer-form-item-box {
    position: relative;
    width: 360px
}

.pcc-footer-form-item-box .ant-input-affix-wrapper {
    border-radius: 60px !important;
    padding: 0
}

.pcc-footer-form-item-box input {
    padding-left: 18px !important;
    height: 50px;
    border-radius: 60px !important;
    font-size: 18px !important;
    border: 1px solid #d9d9db
}

.pcc-footer-form-item-box .ant-input-prefix {
    left: 16px;
    color: #b4b8bf;
    position: relative;
    z-index: 2
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper input {
    color: #222;
    border-color: #fff;
    background-color: #fff;
    box-shadow: none
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper input::-webkit-input-placeholder {
    color: #bfbfbf
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper input::-ms-input-placeholder {
    color: #bfbfbf
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper input::placeholder {
    color: #bfbfbf
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper input::input-placeholder {
    color: #bfbfbf
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper:hover input {
    border-color: #fff
}

.pcc-footer-form-item-box.white .ant-input-affix-wrapper i {
    color: #bfbfbf
}

.pcc-footer-form-item-box .submit-btn {
    position: absolute;
    top: 6px;
    right: 8px;
    border-radius: 30px;
    padding-left: 28px;
    box-shadow: none;
    z-index: 1
}

.pcc-footer-form-item-box .submit-btn i {
    margin-left: 4px
}

.pcc-footer-form-item-box .submit-btn:hover i {
    margin-left: 8px
}

.m-gi-container.mt50 {
    margin-top: 50px
}

.m-gi-container-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #1a2233;
    padding: 60px 0 40px
}

.m-gi-container-sub-title {
    margin-top: -25px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #1a2233
}

.m-gi-container-desc {
    padding-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #676b73
}

.m-giitem-wrapper.gray {
    background-color: #f5f5f7
}

.m-giitem-wrapper.rgbaFFF {
    background-color: #fff0 !important
}

.m-giitem-wrapper.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.m-giitem-wrapper.title32 .title {
    font-size: 32px
}

.m-giitem-container {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-giitem-container.even {
    flex-direction: row
}

.m-giitem-container.even .m-giitem-photo {
    margin-right: 20px
}

.m-giitem-container.odd {
    flex-direction: row-reverse
}

.m-giitem-container.odd .m-giitem-photo {
    margin-left: 20px
}

.rgbaGray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 10%)
}

.rgabGrayF {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.m-giitem-photo,
.m-giitem-video {
    width: 640px
}

.m-giitem-content {
    width: 480px
}

.m-giitem-content .title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    color: #1a2233;
    text-align: left
}

.m-giitem-content .sub-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    text-align: justify;
    color: #1a2233;
    padding-bottom: 8px
}

.m-giitem-content .text {
    font-size: 18px;
    text-align: justify;
    color: #676b73
}

.m-giitem-content .text p {
    line-height: 1.5;
    margin-bottom: 16px !important
}

.m-giitem-content .text .mb4 {
    margin-bottom: 4px !important
}

.m-giitem-content .text .disFlex {
    display: flex;
    justify-content: space-between
}

.m-giitem-content .text .w378 {
    width: 378px
}

.m-giitem-content .text .w358 {
    width: 358px
}

.m-giitem-content .text .w270 {
    width: 270px
}

.m-giitem-content .text .subTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #1a2233;
    margin-bottom: 16px !important
}

.m-giitem-content .text .innertext p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #676b73;
    margin-bottom: 12px !important
}

.m-giitem-content .text .tertiary-wrap {
    margin-top: 12px
}

.m-giitem-content .text .tertiary-wrap p:nth-child(1) {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #1a2233;
    margin-bottom: 4px !important
}

.m-giitem-content .text .tertiary-wrap p:nth-child(2) {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: justify;
    color: #676b73;
    margin-bottom: 0 !important
}

.m-giitem-content .btn {
    padding-top: 24px
}

.m-giitem-content .btn .quote {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-left: 16px;
    padding: 8px 24px;
    width: 112px;
    height: 40px;
    background: #fff;
    border: 1px solid #1a2233;
    box-sizing: border-box;
    border-radius: 50px;
    cursor: pointer
}

.m-giitem-video-list {
    width: 1200px;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.m-giitem-video-list .video {
    width: 640px;
    height: 480px
}

.m-giitem-video-list .text-wrap {
    text-align: left;
    width: 500px;
    padding-top: 20px;
    -ms-grid-row-align: self-start;
    align-self: self-start
}

.m-giitem-video-list .text-wrap .btn {
    width: 100%;
    text-align: left
}

.m-giitem-video-list .collapse {
    background-color: #fff
}

.m-giitem-video-list .collapse>.ant-collapse-item {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, .1) !important;
    text-align: left
}

.m-giitem-video-list .collapse>.ant-collapse-item .desc {
    font-size: 18px;
    line-height: 150%;
    color: #676b73;
    margin-top: 12px
}

.m-giitem-video-list .collapse>.ant-collapse-item .progress {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: #000;
    animation: progress-animation linear forwards
}

.m-giitem-video-list .collapse>.ant-collapse-item>.ant-collapse-header {
    padding: 0 !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px !important;
    color: #9da0a6
}

.m-giitem-video-list .collapse>.ant-collapse-item-active>.ant-collapse-header {
    color: #1a2233
}

.m-giitem-video-list .collapse .ant-collapse-content-box {
    padding: 0 !important
}

.m-partner-card-container {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center
}

.m-partner-card-container .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    color: #1a2233;
    margin-bottom: 40px
}

.m-partner-card-container .logo-wall {
    width: 100%
}

.m-partner-card-container .h140 {
    height: 140px
}

.m-partner-card-container .h430 {
    height: 340px
}

.m-partner-card-container .h210 {
    height: 210px
}

.m-partner-card-container .h280 {
    height: 280px
}

.m-partner-card-container .more-btn {
    width: 176px;
    height: 40px;
    background: #fff;
    border: 1px solid #1a2233;
    border-radius: 50px !important;
    margin: 40px auto 0;
    font-size: 16px
}

.p60 {
    padding: 60px 0
}

.process-cards {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 260px;
    border-top: 1px solid #dee3eb
}

.process-cards .card-wrapper {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 235px
}

.process-cards .card-wrapper:before {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px #2d65ff33;
    background-color: #fff;
    transition: all .5s ease
}

.process-cards .card-wrapper:nth-child(1):before {
    border-color: #4073ff
}

.process-cards .card-wrapper:nth-child(1):hover:before,
.process-cards .card-wrapper:nth-child(1) .card:before {
    background-color: #4073ff
}

.process-cards .card-wrapper:nth-child(2):before {
    border-color: #b083ef
}

.process-cards .card-wrapper:nth-child(2):hover:before,
.process-cards .card-wrapper:nth-child(2) .card:before {
    background-color: #b083ef
}

.process-cards .card-wrapper:nth-child(3):before {
    border-color: #55d4ba
}

.process-cards .card-wrapper:nth-child(3):hover:before,
.process-cards .card-wrapper:nth-child(3) .card:before {
    background-color: #55d4ba
}

.process-cards .card-wrapper:nth-child(4):before {
    border-color: #ffcc78
}

.process-cards .card-wrapper:nth-child(4):hover:before,
.process-cards .card-wrapper:nth-child(4) .card:before {
    background-color: #ffcc78
}

.process-cards .card-wrapper:hover:before {
    border-color: #fff
}

.process-cards .card {
    position: relative;
    display: inline-block;
    height: 200px;
    margin-top: 39px;
    padding: 32px 35px 0;
    background: #fff;
    border: 1px solid #e6e7eb;
    box-shadow: 0 20px 60px -20px #0000001a;
    border-radius: 4px;
    transition: all .3s ease
}

.process-cards .card .title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400;
    color: #1a2233;
    line-height: 32px;
    text-align: center
}

.process-cards .card .content {
    font-size: 16px;
    color: #676b73;
    line-height: 28px
}

.process-cards .card:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    display: block;
    content: "";
    width: 80px;
    height: 6px;
    border-radius: 0 0 100px 100px
}

.process-cards .card:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 0 20px 60px -20px #00000026
}

.pcc-industry-solution-section {
    padding-bottom: 40px;
    padding-top: 60px;
    min-width: 1200px
}

.pcc-industry-solution-section.bg-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.pcc-industry-solution-section .section-title {
    font-size: 32px;
    color: #1a2233;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600
}

.pcc-industry-solution-section .section-subTitle {
    font-size: 20px;
    color: #3d4c66;
    text-align: center
}

.pcc-industry-solution-section.middle .module-item {
    width: 379px;
    height: 196px;
    padding: 16px 32px 24px
}

.pcc-industry-solution-section.middle .module-item .link {
    left: 32px;
    bottom: 24px
}

.pcc-industry-solution-section.middle .module-item .link .iconfont {
    color: #c1292e
}

.pcc-industry-solution-section.middle .module-item .desc {
    line-height: 24px
}

.pcc-industry-solution-section.small {
    padding-bottom: 120px
}

.pcc-industry-solution-section.small .module-item {
    width: 276px;
    height: 178px;
    padding: 24px
}

.pcc-industry-solution-section.small .module-item .link {
    left: 24px;
    bottom: 24px
}

.pcc-industry-solution-section.mini {
    padding: 60px 0
}

.pcc-industry-solution-section.mini .section-title {
    font-size: 32px;
    margin-bottom: 40px
}

.pcc-industry-solution-section.mini .module-row {
    min-height: 140px;
    display: flex;
    justify-content: center
}

.pcc-industry-solution-section.mini .module-item {
    min-width: 227.2px;
    flex: 1 1;
    height: 112px;
    padding: 16px;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a22331a;
    margin-right: 16px;
    border: none
}

.pcc-industry-solution-section.mini .module-item .pic {
    width: 24px;
    height: 24px
}

.pcc-industry-solution-section.mini .module-item>h3 {
    margin-bottom: 12px;
    clear: both
}

.pcc-industry-solution-section.mini .module-item>h3 .iconfont {
    font-size: 24px;
    color: #c1292e;
    vertical-align: middle;
    line-height: 1;
    margin-top: -4px;
    float: left
}

.pcc-industry-solution-section.mini .module-item .title {
    font-size: 16px;
    line-height: 150%;
    margin-left: 8px
}

.pcc-industry-solution-section.mini .module-item .desc {
    margin: 0;
    font-size: 13px
}

.pcc-industry-solution-section.mini .module-item .link {
    opacity: 0;
    bottom: 16px;
    line-height: 22px;
    font-size: 13px;
    background-color: #c1292e;
    border-radius: 30px;
    color: #fff;
    padding: 0 8px 0 12px
}

.pcc-industry-solution-section.mini .module-item:hover {
    height: 145px;
    transform: none !important;
    box-shadow: 0 0 1px #0003, 0 8px 32px -12px #1a22334d
}

.pcc-industry-solution-section.mini .module-item:hover .link {
    opacity: 1
}

.pcc-industry-solution-section.mini .cols_4 {
    flex-wrap: wrap
}

.pcc-industry-solution-section.mini .cols_4 .module-item {
    width: 284px;
    margin-bottom: 16px
}

.pcc-industry-solution-section-content {
    width: 1200px;
    margin: 50px auto 0
}

.pcc-industry-solution-section-content .module-row {
    display: flex;
    margin-bottom: 32px;
    justify-content: center
}

.pcc-industry-solution-section-content .module-row:last-child {
    margin-bottom: 0
}

.pcc-industry-solution-section-content .module-item {
    box-sizing: border-box;
    position: relative;
    background: #fff;
    box-shadow: 0 20px 60px -20px #0000001a;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s !important;
    cursor: pointer;
    margin-right: 32px;
    border: 1px solid #e6e7eb
}

.pcc-industry-solution-section-content .module-item:last-child {
    margin-right: 0
}

.pcc-industry-solution-section-content .module-item:hover {
    transform: translateY(-16px) !important;
    box-shadow: 0 20px 60px -20px #00000026
}

.pcc-industry-solution-section-content .module-item .pic {
    width: 32px;
    height: 32px;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.pcc-industry-solution-section-content .module-item .iconfont {
    font-size: 32px;
    color: #c1292e;
    position: relative;
    top: 7px
}

.pcc-industry-solution-section-content .module-item .title {
    font-weight: 600;
    font-size: 18px;
    margin-left: 16px;
    line-height: 26px;
    color: #1a2233;
    vertical-align: middle
}

.pcc-industry-solution-section-content .module-item .desc {
    margin: 16px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    color: #676b73
}

.pcc-industry-solution-section-content .module-item .link {
    position: absolute;
    color: #c1292e;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0
}

.pcc-industry-solution-section-content .module-item .link .iconfont {
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    position: relative;
    top: 0
}

.pcc-industry-solution-section.for-index .module-item h3 .iconfont {
    top: 0
}

.pcc-customer-testimony-carousel-section {
    position: relative;
    transition: all 1s linear;
    padding: 100px 0;
    background: #fff;
    overflow: hidden
}

.pcc-customer-testimony-carousel-section.gray {
    background-color: #f4f4f7
}

.pcc-customer-testimony-carousel-section-pic {
    display: block;
    width: 1200px;
    margin: 40px auto
}

.pcc-customer-testimony-carousel-section-title {
    margin-bottom: 60px;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

#pcc-customer-testimony-carousel-carousel-container .carousel-box {
    width: 1200px;
    margin: 0 auto !important;
    border: 1px solid #e6e7eb;
    box-shadow: 0 20px 60px -20px #0000001a;
    border-radius: 12px;
    background: #fff
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card {
    position: relative;
    box-sizing: border-box;
    height: 340px;
    padding: 70px 150px
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card .quotation-mark {
    position: absolute
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card .l-mark {
    top: 50px;
    left: 50px
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card .r-mark {
    transform: rotate(180deg);
    bottom: 50px;
    right: 50px
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-brand {
    color: #1a2233
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-brand strong {
    font-weight: 700;
    font-size: 40px;
    line-height: 150%
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-brand .dash {
    margin: 0 16px
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-brand .subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 200%
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-text {
    display: flex;
    margin-top: 20px
}

#pcc-customer-testimony-carousel-carousel-container .carousel-card-content {
    width: 580px;
    font-size: 18px;
    line-height: 200%;
    color: #676b73;
    text-align: justify
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow {
    z-index: 10;
    display: flex !important;
    width: 60px;
    height: 60px;
    align-items: center;
    border: 2px solid #1a2233;
    background: #fff0;
    transition: all ease .2s;
    border-radius: 50%
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow .weanniujiantou {
    font-size: 20px;
    color: #1a2233;
    transition: all ease .2s;
    margin-left: 18px
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow:before {
    display: none
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow.slick-prev {
    left: -80px
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow.slick-prev .weanniujiantou {
    transform: rotate(180deg)
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow.slick-next {
    right: -80px
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow:hover {
    border-color: #37f;
    background: #37f
}

#pcc-customer-testimony-carousel-carousel-container .slick-arrow:hover .weanniujiantou {
    color: #fff
}

.pcc-industry-insights-section.gray {
    background: #f5f5f7
}

.pcc-industry-insights-section.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.pcc-industry-insights-section .card-list {
    display: flex;
    justify-content: space-between
}

.pcc-industry-insights-section .card-list-item {
    background-size: 389px 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    padding: 16px;
    background: #fff;
    box-shadow: 0 0 1px #d6161633;
    border-radius: 8px
}

.pcc-industry-insights-section .card-list-item img {
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.pcc-industry-insights-section .card-list-item .right {
    margin-left: 12px
}

.pcc-industry-insights-section .card-list-item .right h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 8px
}

.pcc-industry-insights-section .card-list-item .right p {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.pcc-industry-insights-section .card-list-item .right ul li {
    list-style: none;
    color: #fff
}

.pcc-industry-insights-section .card-list-item.no-bg .right h4 {
    color: #1a2233;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%
}

.pcc-industry-insights-section .card-list-item.no-bg .right p {
    color: #676b73;
    line-height: 24px
}

.pcc-industry-insights-section .card-list-item.no-bg .right ul li {
    color: #676b73
}

.pcc-industry-insights-section .bgs-w288 {
    background-size: 288px 130px !important
}

.pcc-industry-insights-section .bgs-w288h108 {
    background-size: 288px 108px !important
}

.pcc-industry-insights-section .bgs-h108 {
    background-size: 389px 108px !important
}

.pcc-industry-insights-section .bgs-h152 {
    background-size: 389px 152px !important
}

.pcc-app-scenes-section .section-card-list {
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.pcc-app-scenes-section .section-card-list.notMean>div:nth-child(2) {
    width: 552px
}

.pcc-app-scenes-section .section-card-list.notMean>div:not(:nth-child(2)) {
    width: 200px
}

.pcc-app-scenes-section .section-card-list.mean>div {
    width: 288px
}

.pcc-app-scenes-section .section-card-list-item {
    padding: 16px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 8px 32px -8px #0000000d;
    border-radius: 8px;
    margin-right: 16px
}

.pcc-app-scenes-section .section-card-list-item .width-3 {
    min-width: 389px
}

.pcc-app-scenes-section .section-card-list-item h4 {
    display: flex;
    align-items: center
}

.pcc-app-scenes-section .section-card-list-item h4 img {
    border-radius: 4px
}

.pcc-app-scenes-section .section-card-list-item h4 span {
    margin-left: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233
}

.pcc-app-scenes-section .section-card-list-item .scene-list {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #E6E7EB
}

.pcc-app-scenes-section .section-card-list-item .scene-list-item {
    line-height: 22px;
    font-size: 14px
}

.pcc-app-scenes-section .section-card-list-item .scene-list-item .scene-title {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 500;
    color: #1a2233
}

.pcc-app-scenes-section .section-card-list-item .scene-list-item>ul {
    list-style: none
}

.pcc-app-scenes-section .section-card-list-item .scene-list-item>ul li {
    margin-bottom: 4px;
    font-weight: 400;
    color: #676b73
}

.pcc-max-scenes-section .mt40 {
    margin-top: 40px
}

.pcc-max-scenes-section .section-group-list .group-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.pcc-max-scenes-section .section-group-list .card-item {
    width: calc(186.66666667px);
    height: 80px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 8px 32px -8px #0000000d;
    border-radius: 6px;
    text-align: center;
    padding: 12px 0
}

.pcc-max-scenes-section .section-group-list .card-item img {
    border-radius: 4px;
    margin-bottom: 8px;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.pcc-max-scenes-section .section-group-list .card-item h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #1a2233
}

.pcc-solution-card-section .section-title {
    font-size: 32px;
    color: #1a2233;
    text-align: center;
    margin-bottom: 16px
}

.pcc-solution-card-section .title-box {
    margin-bottom: 24px
}

.pcc-solution-card-section .section-subtitle {
    margin-top: 0
}

.pcc-solution-card-section .section-card img {
    margin-top: 16px;
    border-radius: 8px
}

.pcc-solution-card-section .section-card .foot-btn {
    text-align: center;
    padding-top: 40px
}

.pcc-solution-card-section .section-card .link-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.pcc-solution-card-section .section-card .link-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233;
    margin-right: 8px;
    margin-bottom: 8px
}

.pcc-solution-card-section .section-card .link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none
}

.pcc-solution-card-section .section-card .link-list li {
    margin-right: 8px;
    margin-bottom: 8px
}

.pcc-solution-card-section .section-card .link-list li a {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #ffe6b3;
    color: #1a2233;
    border-radius: 100px
}

.pcc-solution-card-section .section-card .link-list li a:hover {
    background: #ffca80
}

.pcc-solution-card-section .section-card .link-list li .svs-logo {
    font-size: 16px
}

.pcc-solution-card-section .section-card .link-list li h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin: 0 4px
}

.pcc-solution-card-section .section-card .link-list li .weanniujiantou {
    font-size: 14px
}

.pcc-lirt-switch-tab-section .ant-tabs-content {
    flex: none;
    overflow: auto;
    padding-right: 0 !important;
    border-right: none !important
}

.pcc-lirt-switch-tab-section .ant-tabs-tabpane {
    padding-right: 0 !important
}

.pcc-lirt-switch-tab-section .ant-tabs-nav-list {
    width: 504px;
    padding-left: 24px;
    border-left: none !important;
    margin: 0 !important
}

.pcc-lirt-switch-tab-section .ant-tabs-nav-list .ant-tabs-tab {
    margin: 0 0 8px !important;
    padding: 0
}

.pcc-lirt-switch-tab-section .ant-tabs-content-holder {
    border-right: none
}

.pcc-lirt-switch-tab-section .ant-tabs-nav-container {
    margin-left: 0 !important;
    padding: 0 !important
}

.pcc-lirt-switch-tab-section .ant-tabs-tab-arrow-show {
    display: none
}

.pcc-lirt-switch-tab-section .ant-tabs-nav-wrap {
    margin-left: 0 !important
}

.pcc-lirt-switch-tab-section .ant-tabs-tab {
    display: block;
    height: auto !important;
    margin-bottom: 8px
}

.pcc-lirt-switch-tab-section .ant-tabs-tab:last-child {
    margin-bottom: 0
}

.pcc-lirt-switch-tab-section .ant-tabs-ink-bar {
    display: none !important
}

.pcc-lirt-switch-tab-section .mini-banner img {
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a22331a;
    border-radius: 8px
}

.pcc-lirt-switch-tab-section .tab {
    position: relative;
    background: #e6efff;
    border-radius: 8px;
    padding: 24px 35px 24px 24px
}

.pcc-lirt-switch-tab-section .tab.active {
    transition: all .3s ease;
    background: #c1292e
}

.pcc-lirt-switch-tab-section .tab.active h3 {
    color: #fff
}

.pcc-lirt-switch-tab-section .tab.active p {
    color: #ffffffb3
}

.pcc-lirt-switch-tab-section .tab.active .progress-bar {
    visibility: visible
}

.pcc-lirt-switch-tab-section .tab.active .animate-bar {
    transition: height 6s linear;
    height: 100%
}

.pcc-lirt-switch-tab-section .tab h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    color: #1a2233;
    margin-bottom: 8px
}

.pcc-lirt-switch-tab-section .tab p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    color: #1a2233b3;
    white-space: normal
}

.pcc-lirt-switch-tab-section .tab .progress-bar {
    visibility: hidden;
    position: absolute;
    top: 16px;
    right: 8px;
    width: 3px;
    height: 68%;
    background: #fff3;
    border-radius: 2px
}

.pcc-lirt-switch-tab-section .tab .animate-bar {
    background: #fff;
    border-radius: 2px;
    height: 0
}

.pcc-lirt-switch-tab-section .white-mode {
    background: #f5f5f7;
    padding: 16px 35px 16px 24px
}

.pcc-lirt-switch-tab-section .white-mode.active {
    background: #c1292e
}

.pcc-lirt-switch-tab-section .p32 {
    padding: 32px 24px
}

.pcc-lirt-switch-tab-section .p32 h4 {
    margin-bottom: 0
}

.pcc-index-one-stop-section {
    padding: 80px 0;
    background-size: 2560px 670px;
    background-repeat: no-repeat
}

.pcc-index-one-stop-section .title-box {
    margin-bottom: 60px;
    font-size: 36px
}

.pcc-index-one-stop-section .pcc-industry-solution-section {
    padding: 0
}

.pcc-index-one-stop-section .pcc-industry-solution-section .section-title {
    display: none;
    margin-bottom: 0
}

.pcc-index-one-stop-section .pcc-industry-solution-section-content {
    margin-top: 0
}

.pcc-index-one-stop-card-list {
    display: flex;
    list-style: none;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.pcc-index-one-stop-card-list li {
    display: flex;
    width: 588px;
    height: 156px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    padding: 16px;
    margin-bottom: 20px;
    cursor: pointer
}

.pcc-index-one-stop-card-list li:hover {
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a22334d;
    transition: all .2s
}

.pcc-index-one-stop-card-list li img {
    border-radius: 6px
}

.pcc-index-one-stop-card-list li .right {
    width: 304px;
    margin-left: 24px;
    margin-top: 12px
}

.pcc-index-one-stop-card-list li .right h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 150%;
    margin-bottom: 16px
}

.pcc-index-one-stop-card-list li .right h4 strong {
    font-size: 24px;
    font-weight: 600
}

.pcc-index-one-stop-card-list li .right p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #676b73
}

.pcc-index-one-stop-card-list li .right .link {
    color: #c1292e
}

.pcc-index-one-stop-card-list li .right .link i {
    margin-left: 4px;
    font-size: 14px
}

.ll-card-list-wrapper {
    display: flex;
    justify-content: space-between;
    list-style: none
}

.ll-card-list-item {
    display: flex;
    border-radius: 8px;
    height: 120px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff
}

.ll-card-list-item h4 {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 0
}

.ll-card-list-item p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px
}

.pcc-global-cards-wrapper {
    width: 1200px;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    list-style: none
}

.pcc-global-cards-wrapper .pcc-global-card {
    width: 372px;
    height: 346px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box;
    box-shadow: 0 20px 60px -20px #1a223326;
    border-radius: 8px
}

.pcc-global-cards-wrapper .pcc-global-card .bg {
    width: 100%;
    height: 140px;
    border-radius: 8px 8px 0 0
}

.pcc-global-cards-wrapper .pcc-global-card .content {
    text-align: center;
    padding: 24px 0 48px
}

.pcc-global-cards-wrapper .pcc-global-card .content .logo {
    width: 200px;
    height: 60px;
    margin-bottom: 16px
}

.pcc-global-cards-wrapper .pcc-global-card .content .name {
    margin-bottom: 12px !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1a2233
}

.pcc-global-cards-wrapper .pcc-global-card .content .desc {
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.pcc-global-cards-wrapper .w276 {
    width: 276px
}

.qiyu-product-value {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%)
}

.qiyu-product-value-wrapper {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0
}

.qiyu-product-value-wrapper .mb40 {
    margin-bottom: 40px
}

.qiyu-product-value-wrapper h2 {
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #1a2233
}

.qiyu-product-value-wrapper-desc {
    margin: 16px 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    margin-bottom: 40px !important;
    color: #676b73
}

.qiyu-product-value-wrapper-content {
    display: flex;
    justify-content: center
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper:nth-child(2),
.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper:nth-child(3),
.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper:nth-child(4) {
    margin-left: 16px
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper {
    background: #3c4456;
    border-radius: 12px;
    padding: 24px 32px;
    width: 400px;
    position: relative
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper .qiyu-product-value-wcw-title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #fff4e6;
    text-align: left;
    margin-bottom: 16px !important
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper .qiyu-product-value-wcw-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fffaf2b3;
    text-align: left
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper .qiyu-product-value-mb4 {
    margin-bottom: 4px !important
}

.qiyu-product-value-wrapper-content .qiyu-product-value-wc-wrapper .qiyu-product-value-wcw-sub {
    position: absolute;
    width: 56px;
    height: 56px;
    right: 0;
    top: 0
}

.qiyu-product-value-wrapper-content .w-2 {
    flex: 0 0 400px
}

.qiyu-product-value-wrapper-content .w-3 {
    flex: 0 0 389.33px
}

.qiyu-product-value-wrapper-content .w-4 {
    flex: 0 0 288px
}

.qiyu-product-value-wrapper-btn {
    margin-top: 40px
}

.qiyu-product-advantage {
    padding: 60px 0
}

.qiyu-product-advantage-wrapper {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.qiyu-product-advantage-wrapper h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #1a2233;
    margin-bottom: 40px
}

.qiyu-product-advantage-wrapper-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -40px 0 0
}

.qiyu-product-advantage-wrapper-content-item {
    display: flex;
    flex: 0 0 373px;
    margin: 40px 0 0
}

.qiyu-product-advantage-wrapper-content-item .qiyu-product-advantage-wci-left {
    width: 48px;
    height: 48px
}

.qiyu-product-advantage-wrapper-content-item .qiyu-product-advantage-wci-right {
    text-align: left;
    padding-left: 24px
}

.qiyu-product-advantage-wrapper-content-item .qiyu-product-advantage-wci-right h3:nth-child(1) {
    padding-bottom: 8px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #1a2233
}

.qiyu-product-advantage-wrapper-content-item .qiyu-product-advantage-wci-right-desc {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.qiyu-product-advantage-wrapper-content-item img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.qiyu-product-advantage-wrapper-content .mr40 {
    margin-right: 40px
}

.qiyu-product-advantage-wrapper-content .w373 {
    flex: 0 0 373px
}

.qiyu-product-advantage-wrapper-content .w480 {
    flex: 0 0 480px
}

.qiyu-product-advantage-wrapper-content .w270 {
    flex: 0 0 270px
}

.qiyu-product-advantage-wrapper .center {
    justify-content: center
}

.qiyu-product-advantage-wrapper .left {
    justify-content: left
}

.qiyu-product-advantage-wrapper-btn {
    margin-top: 40px
}

.gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%)
}

.footer-assure-wrapper {
    padding: 39px 0 40px;
    border-top: 1px solid #e6e7eb
}

.footer-assure-wrapper-padding {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between
}

.footer-assure-wrapper-padding-item {
    display: flex;
    align-items: center
}

.footer-assure-wrapper-padding-item img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.footer-assure-wrapper-padding-item h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #676b73
}

.h5-wisdom-carousel-wrapper {
    position: relative;
    height: 12.81rem;
    background-size: cover;
    background-image: url(../image/4efdcb124ea1cd8c408c02f264a8c9be.png);
    background-position: center
}

.m-user-evaluation-wrapper {
    padding: 40px 0;
    overflow: hidden
}

.m-user-evaluation-wrapper.is-mobile {
    height: 400px;
    padding: 0 24px
}

.m-user-evaluation-wrapper .content {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px
}

.m-user-evaluation-wrapper .content:last-child {
    margin-bottom: 0
}

.m-user-evaluation-wrapper .content .evaluation {
    width: 400px;
    max-width: 400px;
    min-height: 120px;
    box-sizing: border-box;
    margin-right: 16px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px;
    margin-bottom: 16px
}

.m-user-evaluation-wrapper .content .evaluation .bd {
    padding: 16px
}

.m-user-evaluation-wrapper .content .evaluation .title {
    width: 160px;
    margin-bottom: 12px
}

.m-user-evaluation-wrapper .content .evaluation .title img {
    height: 30px
}

.m-user-evaluation-wrapper .content .evaluation .title img.h22 {
    height: 22px;
    margin: 12px 0 0
}

.m-user-evaluation-wrapper .content .evaluation .cont {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73;
    overflow: hidden
}

.m-user-evaluation-wrapper .content-mobile {
    overflow: hidden;
    height: 400px
}

.m-user-evaluation-wrapper .content-mobile .evaluation {
    width: 100%;
    height: 108px;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px
}

.m-user-evaluation-wrapper .content-mobile .evaluation .bd {
    padding: 12px;
    width: 100%
}

.m-user-evaluation-wrapper .content-mobile .evaluation .title {
    background-color: #e6b0b0;
    height: 30px;
    width: 120px
}

.m-user-evaluation-wrapper .content-mobile .evaluation .cont {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73;
    overflow: hidden;
    height: 68px
}

.pc-best-team-action-wrapper {
    padding-top: 1.3664rem;
    padding-top: 60px;
    padding-bottom: 60px;
    min-width: 1180px
}

.pc-best-team-action-wrapper.gray {
    background: #f5f5f7
}

.pc-best-team-action-wrapper.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.pc-best-team-action-wrapper .section-title {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 60px;
    color: #142033;
    text-align: center
}

.pc-best-team-action-wrapper .section-title.sy {
    margin-bottom: 60px
}

.pc-best-team-action-wrapper .section-title.small {
    font-size: 32px;
    line-height: 1.5
}

.pc-best-team-action-wrapper .section-subTitle {
    font-size: 20px;
    color: #1a2233;
    text-align: center
}

.pc-best-team-action-wrapper .section-warpper {
    text-align: center
}

.pc-best-team-action-wrapper .section-warpper .slide-custom-item {
    margin: auto;
    width: 1200px !important;
    overflow: hidden;
    border: solid 1px #eee;
    border-radius: 10px;
    position: relative
}

.pc-best-team-action-wrapper .section-warpper .slide-custom-item .blank-btn {
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 40px;
    width: 230px
}

.pc-best-team-action-wrapper .section-warpper .slide-img {
    display: block;
    margin: 0 auto;
    width: 1200px;
    min-height: 280px
}

.pc-best-team-action-wrapper .section-warpper .slide-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9da0a6
}

.pc-best-team-action-wrapper .my-pagination {
    margin: 0 21px;
    color: #9b9ba3;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.pc-best-team-action-wrapper .my-pagination:hover {
    cursor: pointer
}

.pc-best-team-action-wrapper .my-pagination-active {
    color: #c1292e;
    border-bottom: 2px solid #c1292e
}

.pc-best-team-action-wrapper .my-pagination-active img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.pc-best-team-action-wrapper .pagination-custom-warp {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 24px
}

.pc-best-team-action-wrapper .pagination-custom-warp img {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto
}

.pc-best-team-action-wrapper .icon-desc-list {
    margin-top: 40px
}

.pc-best-team-action-wrapper .icon-desc-list .icon-desc-img {
    width: 64px;
    height: 64px
}

.mpc-banner-container {
    position: relative;
    box-sizing: border-box;
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    padding-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-position: center -30px;
    background-size: 2560px 580px
}

.mpc-banner-content {
    min-width: 500px;
    max-width: 600px;
    padding-right: 10px
}

.mpc-banner-content .title {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #1a2233
}

.mpc-banner-content .sub-title {
    margin-top: 16px;
    font-size: 20px;
    line-height: 30px;
    color: #1a2233
}

.mpc-banner-content .sub-title h2 {
    font-size: inherit;
    font-weight: 400
}

.mpc-banner-content .btn-box {
    margin-top: 40px;
    display: flex;
    justify-content: flex-start
}

.mpc-banner-content .btn-box .ant-btn {
    border: 1px solid #1a2233;
    border-radius: 50px !important;
    height: 50px;
    min-width: 160px;
    margin: 3px 0 0 16px;
    font-size: 18px;
    background: transparent
}

.mpc-banner-content .btn-box .mpc-button:last-child {
    margin-left: 16px
}

.mpc-banner-content.large .title {
    font-size: 50px
}

.mpc-banner-content.large .sub-title {
    margin-top: 20px;
    font-size: 28px
}

.mpc-banner-content.large .btn-box {
    margin-top: 60px
}

.mpc-banner-img {
    position: relative;
    height: 100%;
    width: 600px;
    text-align: right
}

.mpc-banner-img .img {
    width: 720px;
    height: 500px;
    position: relative;
    right: 55px
}

.mpc-banner-img .img img {
    width: 100%;
    height: auto
}

.mpc-banner-mobile .head {
    color: #1a2233
}

.mpc-banner-mobile .head h2 {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px
}

.mpc-banner-mobile .head h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 42px
}

.mpc-mini-card-list-section {
    padding: 60px 0;
    width: 1200px;
    margin: 0 auto
}

.mpc-mini-card-list-section.gray {
    background: #f5f5f7
}

.mpc-mini-card-list-section.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.mpc-mini-card-list-section .title {
    text-align: center;
    padding-bottom: 40px
}

.mpc-mini-card-list-section .title h2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #1a2233
}

.mpc-mini-card-list-section .title h3 {
    padding-top: 10px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #676b73
}

.mpc-mini-card-list-section .card-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: start
}

.mpc-mini-card-list-section .card-list-item {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 16px 16px 5px;
    background-color: #fff;
    box-shadow: 0 12px 32px -12px #1a223326, 0 0 1px #0003;
    border-radius: 8px;
    list-style: none;
    position: relative
}

.mpc-mini-card-list-section .card-list-item .tit {
    display: flex
}

.mpc-mini-card-list-section .card-list-item .tit img,
.mpc-mini-card-list-section .card-list-item .tit .iconfont {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 10px
}

.mpc-mini-card-list-section .card-list-item .tit img.size48,
.mpc-mini-card-list-section .card-list-item .tit .iconfont.size48 {
    width: 48px;
    height: 48px;
    font-size: 48px;
    margin-right: 12px
}

.mpc-mini-card-list-section .card-list-item .tit img.size32,
.mpc-mini-card-list-section .card-list-item .tit .iconfont.size32 {
    width: 32px;
    height: 32px;
    top: -10px;
    font-size: 32px;
    margin-right: 6px
}

.mpc-mini-card-list-section .card-list-item .tit img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.mpc-mini-card-list-section .card-list-item .tit .iconfont {
    margin-right: 16px;
    display: inline-block;
    font-size: 24px;
    color: #c1292e;
    position: relative;
    top: -5px
}

.mpc-mini-card-list-section .card-list-item .tit h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px
}

.mpc-mini-card-list-section .card-list-item .desc {
    padding-bottom: 5px
}

.mpc-mini-card-list-section .card-list-item .desc p {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #fff
}

.mpc-mini-card-list-section .card-list-item .desc ul li {
    list-style: none;
    color: #fff
}

.mpc-mini-card-list-section .card-list-item .btn {
    opacity: 0;
    transition: all .3s !important;
    text-align: left;
    height: 0;
    bottom: 5px
}

.mpc-mini-card-list-section .card-list-item .btn .mpc-button {
    width: 84px;
    padding-left: 12px;
    font-size: 12px
}

.mpc-mini-card-list-section .card-list-item .btn .mpc-button .iconfont {
    font-size: 12px
}

.mpc-mini-card-list-section .card-list-item:hover {
    box-shadow: 0 0 1px #0003, 0 8px 32px -12px #1a22334d
}

.mpc-mini-card-list-section .card-list-item:hover .btn {
    margin-top: 4px;
    height: 30px;
    opacity: 1
}

.mpc-mini-card-list-section .card-list-item.no-bg .tit h4 {
    color: #1a2233
}

.mpc-mini-card-list-section .card-list-item.no-bg .desc p {
    color: #676b73;
    line-height: 22px
}

.mpc-mini-card-list-section .card-list-item.no-bg .desc ul li {
    color: #676b73
}

.mpc-mini-card-list-section .root-btn {
    padding-top: 30px;
    text-align: center
}

.mpc-gi-wrapper {
    padding: 0
}

.mpc-gi-wrapper.gray {
    background-color: #f5f5f7
}

.mpc-gi-wrapper.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%)
}

.mpc-gi-wrapper .head {
    text-align: center
}

.mpc-gi-wrapper .head h2 {
    padding-top: 60px;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #1a2233
}

.mpc-gi-wrapper .head h3 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #1a2233
}

.mpc-gi-wrapper .head-desc {
    margin: 0 auto;
    width: 1200px;
    padding-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #676b73
}

.mpc-gi-wrapper .btn-wrapper {
    padding-top: 30px;
    display: flex;
    justify-content: start
}

.mpc-gi-wrapper .btn-wrapper .btn {
    margin-right: 24px
}

.mpc-giitem-container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 560px
}

.mpc-giitem-container.gray {
    background-color: #f5f5f7
}

.mpc-giitem-container.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%)
}

.mpc-giitem-container.even {
    flex-direction: row
}

.mpc-giitem-container.even .mpc-giitem-photo {
    margin-right: 20px
}

.mpc-giitem-container.odd {
    flex-direction: row-reverse
}

.mpc-giitem-container.odd .mpc-giitem-photo {
    margin-left: 20px
}

.mpc-giitem-photo {
    width: 660px
}

.mpc-giitem-content {
    width: 480px;
    padding: 50px 0
}

.mpc-giitem-content .title {
    padding-bottom: 30px;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    color: #1a2233;
    text-align: left
}

.mpc-giitem-content .sub-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    color: #1a2233;
    padding-bottom: 16px
}

.mpc-giitem-content .desc {
    font-size: 16px;
    text-align: justify;
    color: #676b73
}

.mpc-giitem-content .desc p {
    line-height: 24px;
    padding-bottom: 12px
}

.mpc-giitem-content .desc .sub-desc h4 {
    font-size: 16px;
    font-weight: bolder;
    color: #1a2233;
    line-height: 24px;
    padding-bottom: 5px
}

.mpc-giitem-content .desc .sub-desc p {
    font-size: 16px
}

.mpc-solution-card-section {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0
}

.mpc-solution-card-section .section-title {
    text-align: center
}

.mpc-solution-card-section .section-title h2 {
    font-size: 32px;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

.mpc-solution-card-section .section-title h3 {
    padding-top: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #676b73
}

.mpc-solution-card-section .section-title h3 p {
    line-height: 24px
}

.mpc-solution-card-section .section-card .link-img {
    width: 100%;
    margin-top: 16px
}

.mpc-solution-card-section .section-card .foot-btn {
    text-align: center;
    padding-top: 40px
}

.mpc-solution-card-section .section-card .link-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px
}

.mpc-solution-card-section .section-card .link-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1a2233;
    margin-right: 8px;
    margin-bottom: 8px
}

.mpc-solution-card-section .section-card .link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none
}

.mpc-solution-card-section .section-card .link-list li {
    margin-right: 8px;
    margin-bottom: 8px
}

.mpc-solution-card-section .section-card .link-list li a {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #ffe6b3;
    color: #1a2233;
    border-radius: 100px
}

.mpc-solution-card-section .section-card .link-list li a:hover {
    background: #ffca80
}

.mpc-solution-card-section .section-card .link-list li .svs-logo {
    font-size: 16px
}

.mpc-solution-card-section .section-card .link-list li h4 {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin: 0 4px
}

.mpc-solution-card-section .section-card .link-list li .weanniujiantou {
    font-size: 14px
}

.m-gcc-container {
    text-align: center;
    position: relative;
    padding: 60px 0
}

.m-gcc-container .ant-carousel {
    margin-top: -100px;
    width: 640px
}

.m-gcc-container .ant-carousel .slick-dots {
    display: none !important
}

.m-gcc-container .head {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    height: 110px
}

.m-gcc-container .head h1 {
    font-weight: 600;
    font-size: 40px;
    line-height: 60px;
    color: #1a2233;
    margin-bottom: 5px
}

.m-gcc-container .head h2 {
    font-weight: 400;
    font-size: 18px;
    color: #676b73
}

.m-gcc-container .wrapper {
    height: 540px;
    position: relative
}

.m-gcc-container .wrapper .bg-left {
    height: 500px;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background-color: #f5f5f7
}

.m-gcc-container .wrapper .bg-right {
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    background-repeat: no-repeat;
    background-size: cover
}

.m-gcc-container .wrapper .case-content {
    width: 1200px;
    margin: 0 auto
}

.m-gcc-container .carousel-card {
    margin: 100px auto 0;
    position: relative;
    z-index: 111;
    width: 100%;
    padding-top: 1px;
    text-align: left
}

.m-gcc-container .carousel-card .card-logo {
    margin-top: 30px
}

.m-gcc-container .carousel-card .card-intro {
    margin-top: 16px;
    width: 640px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #676b73
}

.m-gcc-container .carousel-card .card-params {
    min-height: 90px;
    display: flex;
    padding-top: 20px
}

.m-gcc-container .carousel-card .card-params .param-item {
    min-width: 120px;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0
}

.m-gcc-container .carousel-card .card-params .param-item li {
    margin: 0;
    padding: 0
}

.m-gcc-container .carousel-card .card-params .param-item .item-val {
    color: #c1292e;
    font-weight: 600;
    white-space: nowrap
}

.m-gcc-container .carousel-card .card-params .param-item .item-val .val {
    display: inline-block;
    font-size: 28px;
    line-height: 42px;
    margin-right: 4px
}

.m-gcc-container .carousel-card .card-params .param-item .item-val .bb {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    margin-right: 4px
}

.m-gcc-container .carousel-card .card-params .param-item .item-val .unit {
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    margin-right: 4px
}

.m-gcc-container .carousel-card .card-params .param-item .item-val .ee {
    display: inline-block;
    margin-right: 4px;
    font-size: 16px;
    line-height: 32px
}

.m-gcc-container .carousel-card .card-params .param-item .item-lbl {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.m-gcc-container .carousel-card .card-params .param-item .item-lbl div {
    white-space: nowrap
}

.m-gcc-container .foot {
    text-align: left;
    position: absolute;
    bottom: -20px
}

.m-gcc-container .foot .pcc-anim-btn {
    height: 50px;
    line-height: 50px;
    width: 168px;
    text-indent: 20px;
    z-index: 11;
    position: relative;
    margin-right: 30px
}

.m-gcc-container .foot .mpc-button {
    height: 50px;
    line-height: 50px;
    width: 168px;
    margin-right: 30px
}

.m-gcc-container .foot .goto-arrow {
    display: inline-block;
    position: relative;
    top: -2px
}

.m-gcc-container .foot .goto-arrow .icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #1a22331a;
    border-radius: 50%;
    text-align: center;
    padding-top: 1px;
    margin-right: 15px
}

.m-gcc-container .foot .goto-arrow .icon:hover {
    background-color: #1a223333
}

.m-gcc-container .foot .goto-arrow .icon .iconfont {
    font-size: 24px;
    position: relative;
    top: 5px
}

.mpc-partner-card-container {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center
}

.mpc-partner-card-container .title {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #1a2233;
    padding-bottom: 40px
}

.mpc-partner-card-container .logo-wall {
    width: 100%
}

.mpc-partner-card-container .more-btn {
    width: 176px;
    height: 40px;
    background: #fff;
    border: 1px solid #1a2233;
    border-radius: 50px !important;
    margin: 40px auto 0;
    font-size: 16px
}

.mpc-FooterBanner-section.guide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    height: 360px;
    background-image: url(../image/a9856fce-e56e-41a1-a70b-715b73b151ee.jpg);
    background-size: 2880px 360px;
    background-position: center
}

.mpc-FooterBanner-section.guide .mpc-FooterBanner-section-title {
    color: #1a2233;
    margin-bottom: 40px
}

.mpc-FooterBanner-section.guide>form {
    position: relative;
    z-index: 1
}

.mpc-FooterBanner-section .mpc-FooterBanner-section-title {
    margin: 0;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.5;
    color: #1a2233
}

.mpc-tab-carousel-section {
    position: relative;
    background-color: #f5f5f7;
    transition: all 1s linear;
    padding: 60px 0;
    overflow: hidden
}

.mpc-tab-carousel-section .section-title h2 {
    margin-bottom: 24px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    color: #1a2233
}

.mpc-tab-carousel-section .section-warpper {
    width: 1200px;
    margin: 0 auto
}

.mpc-tab-carousel-section .section-warpper .slide-custom-item {
    margin: auto;
    width: 100%;
    overflow: hidden;
    padding: 1px 0
}

.mpc-tab-carousel-section .section-warpper .slide-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.mpc-tab-carousel-section .section-warpper .slide-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9da0a6
}

.mpc-tab-carousel-section .pagination-custom-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 8px
}

.mpc-tab-carousel-section .pagination-custom-warp img {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto
}

.mpc-tab-carousel-section .my-pagination {
    margin: 0 21px;
    color: #9b9ba3;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.mpc-tab-carousel-section .my-pagination-active {
    margin: 0 21px;
    color: #488bff;
    border-bottom: 2px solid #488bff
}

.mpc-tab-carousel-section .pagination-desc {
    padding: 11px 0 7px;
    font-size: 14px;
    line-height: 16px
}

.mpc-tab-carousel-section .carousel-wraper {
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper {
    display: flex;
    justify-content: space-between;
    height: 100%
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper .item-cont {
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 280px
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper .item-cont .tit {
    font-size: 24px;
    line-height: 36px;
    color: #1a2233;
    margin-bottom: 8px
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper .item-cont .desc {
    min-height: 90px;
    font-size: 16px;
    line-height: 28px;
    color: #3d4c66
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper .item-img {
    width: 430px;
    min-height: 280px
}

.mpc-tab-carousel-section .slide-custom-item .card-wrapper .item-img img {
    width: 100%;
    height: 100%
}

.mpc-tab-carousel-section .slide-custom-item .card-params {
    min-height: 90px;
    display: flex
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item {
    width: 120px;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
    white-space: nowrap
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item li {
    margin: 0;
    padding: 0
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-val {
    color: #c1292e;
    font-weight: 600
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-val .val {
    display: inline-block;
    font-size: 28px;
    line-height: 48px;
    margin-right: 4px
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-val .bb {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    margin-right: 4px
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-val .unit {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    margin-right: 4px
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-val .ee {
    display: inline-block;
    margin-right: 4px;
    font-size: 18px;
    line-height: 40px
}

.mpc-tab-carousel-section .slide-custom-item .card-params .param-item .item-lbl {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #676b73
}

.mpc-bottom-tabnav {
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 999;
    min-height: 70px
}

.mpc-bottom-tabnav .tab-nav-wrap {
    min-height: 70px
}

.mpc-bottom-tabnav .tab-nav {
    border-top: solid 1px #eee;
    margin: 0 auto;
    width: 1200px;
    min-height: 69px;
    display: flex;
    justify-content: space-between;
    background-color: #fff
}

.mpc-bottom-tabnav .tab-nav img {
    width: 60px;
    position: relative;
    left: -20px;
    min-height: 60px
}

.mpc-bottom-tabnav .tab-nav .txt {
    font-size: 20px;
    color: #454d78;
    position: relative;
    left: -20px
}

.mpc-bottom-tabnav .tab-nav .nav-item {
    min-height: 59px;
    width: 25%;
    padding: 5px 0 0;
    border-right: solid 1px #eee;
    cursor: pointer
}

.mpc-bottom-tabnav .tab-nav .nav-item:first-child {
    border-left: solid 1px #eee
}

.mpc-bottom-tabnav .tab-nav .nav-item.active {
    background-color: #c1292e
}

.mpc-bottom-tabnav .tab-nav .nav-item.active .txt {
    font-size: 20px;
    color: #fff
}

.pc-aicalldemo-layout {
    background-image: url(../image/54859190-bc70-4f4c-a68a-a62b25d0d247.png);
    background-repeat: no-repeat;
    background-color: #eee;
    position: relative;
    padding-top: 60px;
    padding-bottom: 90px;
    background-size: 150% auto;
    background-position: 0 0;
    text-align: center;
    width: 100%
}

.pc-aicalldemo-layout-top {
    margin-bottom: -10px;
    text-align: center
}

.pc-aicalldemo-layout-top .logo {
    width: 1200px;
    text-align: left;
    margin: 0 auto
}

.pc-aicalldemo-layout-top .logo img {
    height: 36px;
    margin-left: 10px
}

.pc-aicalldemo-layout-main {
    width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {

    .pc-aicalldemo-layout-top .logo,
    .pc-aicalldemo-layout-main,
    .pc-aicalldemo-layout .tab-nav {
        width: 1000px
    }
}

.pcp-aicalldemo-audio .head {
    display: flex;
    justify-content: space-between
}

.pcp-aicalldemo-audio .head .txt {
    height: 336px;
    display: flex;
    align-items: center;
    padding-right: 20px
}

.pcp-aicalldemo-audio .head .txt img {
    margin-top: 20px;
    width: 100%;
    height: auto
}

.pcp-aicalldemo-audio .head .video {
    width: 642px;
    height: 336px;
    border-radius: 10px;
    background-color: #fff;
    border: solid 16px #fff;
    overflow: hidden;
    position: relative
}

.pcp-aicalldemo-audio .head .video img {
    width: 100%
}

.pcp-aicalldemo-audio .head .video .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #999;
    opacity: .6
}

.pcp-aicalldemo-audio .head .video .play-icon {
    position: absolute;
    left: 45%;
    top: 40%;
    width: 60px;
    height: 60px;
    z-index: 111;
    background-size: contain;
    background-image: url(../image/976c1b7b220716b62b2e14a770f04fff.png)
}

.pcp-aicalldemo-audio .head .video .play-icon:hover {
    background-image: url(../image/b61a7371cc79fe2129a4eb2a866dcba5.png)
}

.pcp-aicalldemo-audio .head .video video {
    height: 100%;
    width: 100%
}

.pcp-aicalldemo-audio .audio-area {
    display: flex;
    justify-content: space-between;
    padding-top: 40px
}

.pcp-aicalldemo-audio .audio-nav {
    width: 160px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 8px 0 0 8px
}

.pcp-aicalldemo-audio .audio-nav .nav-item {
    padding: 6px 0;
    height: 39px;
    border-right: solid 3px transparent;
    border-bottom: solid 1px #f5f5f5;
    cursor: pointer;
    text-align: center
}

.pcp-aicalldemo-audio .audio-nav .nav-item .tit {
    line-height: 28px;
    color: #acacac
}

.pcp-aicalldemo-audio .audio-nav .nav-item.active {
    border-color: #c1292e;
    border-bottom-color: #f5f5f5
}

.pcp-aicalldemo-audio .audio-nav .nav-item.active .tit {
    color: #454d78
}

.pcp-aicalldemo-audio .audio-cards {
    width: 1000px;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px
}

.pcp-aicalldemo-audio .audio-cards .audio-type-list {
    padding-bottom: 20px
}

.pcp-aicalldemo-audio .audio-cards .audio-type {
    font-size: 24px;
    text-align: left;
    padding: 10px 0
}

.pcp-aicalldemo-audio .audio-cards .audio-list {
    display: flex;
    justify-content: start;
    flex-wrap: wrap
}

.pcp-aicalldemo-audio .audio-cards .audio-list .audio-card {
    width: 230px;
    margin-right: 12px;
    margin-bottom: 10px
}

.pcp-aicalldemo-audio .audio-cards .audio-list .audio-card.row-last {
    margin-right: 0
}

.pcp-aicalldemo-audio .audio-cards .types .type {
    height: 48px;
    width: 108px;
    text-align: center;
    line-height: 48px;
    color: #454d78;
    background-color: #e7ebf0
}

.pcp-aicalldemo-audio .audio-cards .types .type.active {
    background-color: #fff;
    color: #c1292e
}

@media screen and (max-width: 1200px) {
    .pcp-aicalldemo-audio .audio-cards .audio-list {
        display: flex;
        justify-content: start;
        flex-wrap: wrap
    }

    .pcp-aicalldemo-audio .audio-cards .audio-list .audio-card {
        width: 24%;
        margin-right: 6px
    }
}

.audio-card {
    position: relative;
    width: 24%;
    height: 134px;
    padding: 16px 14px 6px;
    background-color: #e7ebf0;
    border-radius: 6px;
    text-align: left
}

.audio-card .name {
    font-size: 16px;
    color: #454d78;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}

.audio-card .desc {
    font-size: 12px;
    color: #454d78;
    padding-top: 6px;
    padding-right: 85px;
    opacity: .5
}

.audio-card .btn {
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    border: none;
    border-radius: 20px;
    background-color: #c1292e;
    margin-top: 8px;
    font-size: 14px;
    position: absolute;
    top: 15px;
    right: 10px
}

.audio-card .ctrls {
    text-align: right;
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px
}

.audio-card .ctrls .play {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-image: url(../image/9042281b-2c7b-4ffa-ac17-3e13e9cb1302.png);
    background-size: contain
}

.audio-card .ctrls .play.pause {
    background-image: url(../image/0d21f08b-e0f5-4757-a2a9-746600e6807d.png)
}

.audio-card .ctrls .volume {
    width: 38px;
    height: 38px;
    position: relative;
    top: -2px;
    display: inline-block;
    border-radius: 50%;
    background-image: url(../image/eacc077b-9de3-463b-96db-f772075d7d95.png);
    background-size: contain;
    margin-right: 10px
}

.audio-card .ctrls .slider {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 20px;
    height: 150px
}

.audio-card .ctrls.no-tiyan {
    top: 20px
}

.audio-card .ctrls.white-bg .play {
    background-image: url(../image/9735bd5c-1811-4958-b5a8-301d110c45ac.png)
}

.audio-card .ctrls.white-bg .play.pause {
    background-image: url(../image/a22a0608-7e8c-4964-af6f-6dc74131a572.png)
}

.audio-card .ctrls.white-bg .volume {
    background-image: url(../image/b13db5db-6b82-4f79-8813-56c66b908bcb.png)
}

.audio-card .audio-progress {
    position: absolute;
    bottom: -5px;
    left: 12px;
    right: 12px
}

.audio-card .audio-progress .ant-slider-horizontal {
    margin-left: 0;
    margin-right: 0
}

.audio-card .audio-progress .ant-slider-handle {
    width: 10px;
    height: 10px
}

.audio-card .audio-progress .ant-slider-rail {
    height: 2px
}

.audio-card .audio-progress .ant-slider-rail:hover {
    background-color: #eee
}

.audio-card .audio-progress .ant-slider-track {
    height: 2px;
    background-color: #c1d1ef
}

.audio-card audio {
    height: 20px;
    width: 200px
}

body {
    width: 100%;
    min-width: 0;
    -webkit-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
    text-size-adjust: none !important
}

ul,
p,
h1,
h2,
h3,
h4,
dl,
dt,
dd {
    margin: 0;
    padding: 0
}

.h5-Frame>.ant-layout {
    background: #fff
}

.h5-wisdom-carousel {
    height: 12.81rem;
    width: 100%
}

.h5-wisdom-carousel-wrapper {
    position: relative;
    height: 12.81rem;
    background-size: cover;
    background-image: url(../image/4efdcb124ea1cd8c408c02f264a8c9be.png);
    background-position: center
}

.h5-wisdom-carousel-content {
    color: #fff;
    position: relative;
    top: 50%;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.h5-wisdom-carousel-content .title {
    font-size: .854rem;
    margin-bottom: .6832rem;
    font-weight: 400;
    color: #fff
}

.h5-wisdom-carousel-content .subTitle {
    font-size: .5124rem;
    margin-bottom: .854rem;
    font-weight: 300;
    color: #fff
}

.h5-wisdom-carousel-content .title-bold {
    font-weight: 500
}

.h5-wisdom-carousel-content.posRight {
    color: #fff;
    text-align: left
}

.h5-wisdom-carousel-content.posRight .title,
.h5-wisdom-carousel-content.posRight .subTitle {
    color: #fff
}

.h5-wisdom-carousel-content.posRight .title-bold {
    color: #fff;
    font-weight: 500
}

.h5-wisdom-carousel .slick-slider .slick-dots {
    bottom: 40px
}

.h5-wisdom-carousel .slick-slider .slick-dots li button,
.h5-wisdom-carousel .slick-slider .slick-dots li.slick-active button {
    width: 36px
}

.h5-primary-btn {
    background-image: linear-gradient(90deg, #cf4a58 5% 100%);
    border-radius: .6832rem;
    border-color: transparent;
    color: #fff;
    font-size: .5124rem;
    height: 1.1102rem;
    line-height: 1.1102rem;
    padding: 0 .854rem;
    display: inline-block;
    cursor: pointer
}

.h5-primary-btn:hover,
.h5-primary-btn:focus {
    color: #fff;
    text-decoration: none
}

.h5-primary-btn.h5-primary-btn-big {
    padding: 0 1.5372rem;
    border-radius: .854rem;
    height: 1.708rem;
    line-height: 1.708rem;
    font-size: .6832rem
}

.h5-primary-btn.primary-btn-white {
    background: transparent;
    border: 1px solid white
}

.h5-section {
    padding: 2.135rem 0
}

.h5-section.gray {
    background: #f7f8fa
}

.h5-section .h5-section-title {
    text-align: center;
    text-align-last: center;
    font-size: 1.0248rem;
    color: #142033;
    margin: 0
}

.h5-section .h5-section-box {
    text-align: center
}

.h5-section .h5-section-box img {
    width: 1.5372rem;
    height: 1.5372rem
}

.h5-section .h5-section-box-text {
    margin-top: .3416rem;
    font-size: .5124rem;
    color: #373d40
}

.ant-layout-header {
    padding: 0 1.0248rem;
    height: auto
}

.back-gray {
    background-color: #f5f5f7
}

.back-rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%)
}

#webpack-dev-server-client-overlay-div {
    display: none
}

.m-aicalldemo-home .head img {
    margin-top: 60px;
    width: 100%
}

.m-aicalldemo-home .head p {
    color: #d7e0ff;
    font-size: 18px
}

.m-aicalldemo-home .carousel-warpper {
    margin: 60px 0;
    border-radius: 10px;
    background-color: #fff;
    padding: 50px 0;
    display: flex
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp {
    width: 213px;
    padding: 0 40px;
    position: relative
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .my-pagination {
    margin-bottom: 20px;
    width: 133px;
    color: #9b9ba3;
    display: flex;
    justify-content: start;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .my-pagination img {
    display: block;
    width: 34px;
    height: 34px;
    margin: auto 0
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .pagination-desc {
    padding-left: 30px;
    line-height: 50px
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .my-pagination-active {
    color: #c1292e
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .custom-dots {
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 10px
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .custom-dots .dot {
    width: 8px;
    height: 8px;
    background-color: #d9d9d9;
    border-radius: 50%;
    margin-bottom: 12px
}

.m-aicalldemo-home .carousel-warpper .pagination-custom-warp .custom-dots .dot.z-active {
    background-color: #c1292e
}

.m-aicalldemo-home .carousel-warpper .ant-carousel-wraper {
    overflow: hidden
}

.m-aicalldemo-home .carousel-warpper .ant-carousel-wraper .ant-carousel {
    flex: 1 1
}

.m-aicalldemo-home .carousel-warpper .ant-carousel-wraper .ant-carousel .slide-custom-item {
    min-height: 398px;
    padding: 0;
    background-color: #e7ebf0
}

.m-aicalldemo-home .carousel-warpper .ant-carousel-wraper .ant-carousel .slide-img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.m-aicalldemo-home .home-navs {
    margin: 20px 0;
    padding: 0 10px
}

.m-aicalldemo-home .home-navs .nav {
    margin: auto auto 10px;
    width: 100%;
    min-height: 4.27rem;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px 0 0 20px
}

.m-aicalldemo-home .home-navs .nav .tit {
    font-size: 20px;
    font-weight: 700
}

.m-aicalldemo-home .home-navs .nav .sub-tit {
    font-size: 12px;
    padding: 5px 0 8px
}

.m-aicalldemo-home .home-navs .nav img {
    height: .7686rem
}

@media screen and (min-width: 1200px) {
    .m-aicalldemo-home .carousel-warpper .ant-carousel-wraper .ant-carousel .slide-custom-item {
        min-height: 496px
    }
}

.m-aicalldemo-sound .head img {
    margin-top: 60px;
    width: 100%
}

.m-aicalldemo-sound .head p {
    color: #fff;
    padding: 0 12px
}

.m-aicalldemo-sound .sounds-types {
    display: flex;
    justify-content: space-between;
    padding: 40px 16px 0
}

.m-aicalldemo-sound .sounds-types .sounds-type {
    width: 144px;
    height: 144px;
    overflow: hidden;
    border-radius: 50%;
    border: solid 5px transparent
}

.m-aicalldemo-sound .sounds-types .sounds-type img {
    width: 150px;
    position: relative;
    top: -8px;
    left: -8px
}

.m-aicalldemo-sound .sounds-types .sounds-type-active {
    border: solid 5px #fff
}

.m-aicalldemo-sound .sounds-types .tit {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 12px
}

.m-aicalldemo-sound .sounds-list {
    min-height: 600px;
    border-radius: 10px;
    margin: 16px 0 0;
    overflow: auto;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    align-content: start
}

.m-aicalldemo-sound .sounds-list .audio-card {
    margin-bottom: 20px;
    margin-right: 12px;
    background-color: #fff
}

.m-aicalldemo-sound .sounds-list .audio-card.row-last {
    margin-right: 0
}

.pcp-aitest-page {
    text-align: center;
    padding-top: 150px;
    min-height: 700px
}

.pcp-aitest-page .msg-list {
    margin: 0 auto;
    padding: 40px 24px;
    width: 1100px;
    overflow: auto;
    border: solid 1px #ddd;
    border-radius: 12px;
    background: linear-gradient(270deg, #dad9fb, #e5efff)
}

.pcp-aitest-page .msg-item {
    display: flex;
    min-height: 60px;
    margin-bottom: 24px;
    overflow-x: hidden
}

.pcp-aitest-page .msg-item dt {
    position: relative;
    left: -100px;
    transition: left .3s ease
}

.pcp-aitest-page .msg-item dt img {
    display: inline-block;
    height: 60px;
    width: 60px
}

.pcp-aitest-page .msg-item dt.show {
    left: 0
}

.pcp-aitest-page .msg-item dd {
    opacity: 0;
    position: relative;
    text-align: left;
    padding: 24px;
    flex-grow: revert;
    background-color: #fff;
    border-radius: 10px;
    margin-left: 20px;
    font-size: 16px;
    box-shadow: 0 2px 8px #223f6e26;
    transition: opacity 1.5s ease
}

.pcp-aitest-page .msg-item dd .message-header {
    margin-bottom: 24px
}

.pcp-aitest-page .msg-item dd p {
    line-height: 24px;
    min-height: 10px
}

.pcp-aitest-page .msg-item dd p span {
    display: inline-block;
    min-width: 40px
}

.pcp-aitest-page .msg-item dd .cont-step {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #b4b8bf;
    font-size: 16px
}

.pcp-aitest-page .msg-item dd .steps {
    padding-top: 15px;
    display: block
}

.pcp-aitest-page .msg-item dd .steps li {
    margin: 6px 0
}

.pcp-aitest-page .msg-item dd .steps li i {
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    background-color: #c1292e;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-style: normal
}

.pcp-aitest-page .msg-item dd .steps li.xian {
    border-left: solid 2px #37f;
    height: 10px;
    margin-left: 15px
}

.pcp-aitest-page .msg-item dd .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 490px;
    margin-top: 15px
}

.pcp-aitest-page .msg-item dd .options .opt-item {
    position: relative;
    font-size: 16px;
    padding: 12px;
    width: 240px;
    margin-bottom: 16px;
    border-radius: 4px;
    border: 1px solid #b4b8bf;
    color: #1a2233;
    opacity: .8
}

.pcp-aitest-page .msg-item dd .options .opt-item .iconfont {
    margin-right: 5px;
    font-size: 18px
}

.pcp-aitest-page .msg-item dd .options .opt-item .weixuanzhong {
    width: 18px;
    height: 18px;
    border: solid 1px #999;
    border-radius: 50%;
    position: absolute;
    right: 21px;
    top: 15px
}

.pcp-aitest-page .msg-item dd .options .opt-item .wetijiaochenggong {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    display: none
}

.pcp-aitest-page .msg-item dd .options .opt-item.sel {
    border: 1px solid #c1292e
}

.pcp-aitest-page .msg-item dd .options .opt-item.sel .weixuanzhong {
    display: none
}

.pcp-aitest-page .msg-item dd .options .opt-item.sel .wetijiaochenggong {
    display: inline-block
}

.pcp-aitest-page .msg-item dd .options .opt-item.sel .iconfont {
    color: #c1292e
}

.pcp-aitest-page .msg-item dd .form-item-title {
    color: #000000d9;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.pcp-aitest-page .msg-item dd .form {
    display: flex;
    width: 800px;
    margin-left: 50px
}

.pcp-aitest-page .msg-item dd footer {
    text-align: right
}

.pcp-aitest-page .msg-item dd footer .ant-btn {
    height: 40px;
    min-width: 130px;
    border-radius: 100px;
    padding: 0 20px 0 24px;
    background-color: #c1292e;
    color: #fff
}

.pcp-aitest-page .msg-item dd footer .ant-btn .weanniujiantou {
    margin-left: 14px
}

.pcp-aitest-page .msg-item dd .arrow {
    position: absolute;
    top: 24px;
    left: -5px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background-color: #fff;
    box-shadow: -2px 2px 8px #223f6e26
}

.pcp-aitest-page .msg-item dd .err-msg {
    color: red;
    font-size: 14px;
    margin-bottom: 12px
}

.pcp-aitest-page .msg-item dd.show {
    opacity: 1
}

.pcp-aitest-page .msg-item dd.result {
    display: inline-block;
    padding: 20px;
    line-height: 20px;
    color: #fff;
    background: linear-gradient(90deg, #ff8000, #f35 101.53%);
    position: relative
}

.pcp-aitest-page .msg-item dd.result .arrow {
    background-color: #ff8000;
    box-shadow: -2px 2px 8px #223f6e26
}

.pcp-aitest-page .msg-item dd.result .saving {
    color: #fbff39;
    font-size: 26px
}

.pcp-aitest-page .msg-item.z-user {
    flex-direction: row-reverse
}

.pcp-aitest-page .msg-item.z-user dt {
    left: auto;
    right: -100px;
    transition: right .3s ease
}

.pcp-aitest-page .msg-item.z-user dt span {
    border-radius: 30px;
    background-color: #17d861
}

.pcp-aitest-page .msg-item.z-user dt.show {
    right: 0
}

.pcp-aitest-page .msg-item.z-user dd {
    opacity: 0;
    flex-grow: revert;
    text-align: left;
    margin-right: 20px;
    transition: opacity 1.5s ease
}

.pcp-aitest-page .msg-item.z-user dd .arrow {
    left: auto;
    right: -5px;
    box-shadow: 2px -2px 8px #223f6e26
}

.pcp-aitest-page .msg-item.z-user dd.show {
    opacity: 1
}

.m-aigc-form {
    margin: 0 auto;
    text-align: center
}

.m-aigc-form header {
    display: inline-flex;
    width: auto;
    margin: 0 auto 10px;
    min-width: 400px;
    height: 100px;
    text-align: left
}

.m-aigc-form header .robot-head {
    width: auto;
    height: 100%;
    display: inline-block
}

.m-aigc-form header .robot-head img {
    height: 100%
}

.m-aigc-form header .robot-text {
    display: inline-block;
    height: 67px;
    padding: 20px;
    line-height: 20px;
    margin-top: 17px;
    margin-left: 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(90deg, #ff8000, #f35 101.53%);
    position: relative
}

.m-aigc-form header .robot-text .arrow {
    position: absolute;
    top: 25px;
    left: -5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: #ff8000;
    box-shadow: -2px 2px 8px #223f6e26
}

.m-aigc-form header .robot-text .saving {
    color: #fbff39;
    font-size: 26px
}

.m-aigc-form .form {
    position: relative;
    width: 1050px;
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    min-height: 510px
}

.m-aigc-form .form .close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 20px;
    color: #999;
    cursor: pointer
}

.m-aigc-form .form .left {
    min-width: 280px;
    box-sizing: border-box;
    padding: 0 80px 0 60px;
    margin-top: 40px;
    margin-right: 80px;
    margin-bottom: 40px;
    border-right: solid 1px #ddd
}

.m-aigc-form .form .left h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px
}

.m-aigc-form .form .left h3 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.m-aigc-form .form .left .img {
    width: 275px;
    height: 276px
}

.m-aigc-form .form .left .img img {
    width: 100%
}

.m-aigc-form .form .left .desc {
    padding-top: 20px;
    font-size: 16px
}

.m-aigc-form .form .register-wrapper {
    padding: 10px 0 0
}

.m-aigc-form .form .register-wrapper .sub-title {
    padding-bottom: 30px
}

.m-aigc-form .register-wrapper .right .register-form {
    width: 500px;
    text-align: center
}

.m-aigc-form .register-wrapper .right .register-form .ant-form-item {
    padding: 0 50px;
    text-align: justify
}

.m-aigc-form .register-wrapper .right .register-form .title {
    font-size: 26px;
    margin-bottom: 10px
}

.m-aigc-form .register-wrapper .right .register-form .sub-title {
    font-size: 16px;
    margin-bottom: 10px
}

.aitest-result-modal .ant-modal-content {
    width: 1100px;
    background-color: transparent
}

.analysis-container {
    border-radius: 16px;
    background: linear-gradient(180deg, #ffe5d9, #fffbf2)
}

.analysis-container .analysis-header {
    width: 100%;
    height: 104px;
    padding: 32px 0;
    border-radius: 16px 16px 0 0;
    background: linear-gradient(270deg, #f69, #f35 31.7%, #ff633d 69.5%, #fb9);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: center
}

.analysis-container .analysis-header .highlight {
    margin: 0 4px;
    color: #ff6;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600
}

.analysis-container .analysis-content {
    position: relative;
    top: -16px;
    width: 100%;
    padding: 40px 102px 24px
}

.analysis-container .analysis-content .analysis-subtitle {
    text-align: center;
    color: #000000d9;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 24px
}

.analysis-container .analysis-content .analysis-body {
    display: flex;
    height: 260px
}

.analysis-container .analysis-content .analysis-body .left-container {
    width: 512px;
    flex: none
}

.analysis-container .analysis-content .analysis-body .left-container .box {
    display: inline-block;
    width: 240px;
    height: 102px;
    padding: 17px 24px;
    margin: 0 16px 16px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #4d2d26
}

.analysis-container .analysis-content .analysis-body .left-container .box .number {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-right: 4px
}

.analysis-container .analysis-content .analysis-body .left-container .box .unit {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.analysis-container .analysis-content .analysis-body .left-container .box .description {
    font-size: 16px;
    line-height: 150%
}

.analysis-container .analysis-content .analysis-body .divider {
    width: 1px;
    height: 220px;
    background: #0003;
    margin: 0 40px 0 24px
}

.analysis-container .analysis-content .analysis-body .right-container {
    height: 220px;
    width: 220px
}

.analysis-container .analysis-content .analysis-body .right-container img {
    width: 100%
}

.analysis-container .analysis-content .analysis-body .right-container .desc {
    text-align: center;
    margin-top: 16px;
    color: #000000d9;
    font-size: 16px;
    line-height: 150%
}

.analysis-modal {
    max-width: 1000px
}

.analysis-modal .ant-modal-content {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 80px -10px #ffbb9980
}

.analysis-modal .ant-modal-content .ant-modal-body {
    padding: 0
}

.rate-container {
    display: flex;
    gap: 12px;
    margin-top: 12px;
    margin-bottom: 24px
}

.rate-container .rate-item {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
    transition: all .2s;
    cursor: pointer
}

.rate-container .rate-item:hover {
    border: 1px solid #c1292e
}

.rate-container .rate-item__actived {
    border: 1px solid #c1292e;
    background: #0055ff0f;
    color: #c1292e
}

.rate-container .rate-item-input {
    width: 100px;
    padding: 12px
}

.rate-container .rate-item-input input {
    text-align: center;
    width: 100%;
    border: none;
    background: transparent;
    outline: none
}

.rate-container .rate-item-input input::-webkit-input-placeholder {
    color: #00000040;
    font-size: 16px
}

.rate-container .rate-item-input input::-ms-input-placeholder {
    color: #00000040;
    font-size: 16px
}

.rate-container .rate-item-input input::placeholder {
    color: #00000040;
    font-size: 16px
}

.common-title {
    color: #1a2233;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600
}

.about-carousel {
    height: 500px;
    min-width: 1180px
}

.about-carousel-wrapper {
    position: relative;
    height: 500px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: auto 100%;
    background-image: url(../image/d70d3aa0-1259-40ff-af96-fcdd760e11d5.jpg);
    background-position: center;
    background-color: #fff
}

.about-carousel-content {
    position: relative;
    top: 160px;
    width: 1180px;
    margin: 0 auto;
    text-align: center
}

.about-carousel-content .title {
    margin-bottom: 30px;
    font-size: 50px;
    color: #1a2233;
    line-height: 75px;
    font-weight: 600
}

.about-carousel-content .subTitle {
    font-size: 20px;
    color: #1a2233;
    font-weight: 400
}

.about-carousel-content.center {
    text-align: center
}

.about-item {
    width: 1200px;
    margin: 100px auto;
    text-align: center
}

.about-item-title {
    color: #1a2233;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 20px
}

.about-item-desc {
    color: #1a2233;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 200%;
    text-align: left;
    margin-bottom: 40px
}

.about-item-desc p {
    margin-bottom: 16px
}

.about-item-img {
    display: block;
    width: 1200px;
    margin: 0 auto
}

.about-item-link {
    display: flex;
    padding: 0 60px
}

.about-item-link div {
    height: 141px;
    flex: 1 1 180px;
    padding: 0 30px;
    cursor: pointer
}

.about-item-link div img {
    width: 100%;
    height: 100%
}

.about-item-btn {
    text-align: center;
    margin-top: 60px
}

.about-advantage {
    width: 1200px;
    margin: 0 auto 100px;
    text-align: center
}

.about-advantage-title {
    color: #1a2233;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 80px
}

.about-advantage-content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around
}

.about-advantage-item {
    position: relative;
    flex: 1 1
}

.about-advantage-item-img {
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.about-advantage-item-title {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #1a2233;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 12px
}

.about-advantage-item-desc {
    color: #676b73;
    font-size: 16px;
    line-height: 24px
}

.about-advantage-item-line {
    width: 1px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #d9d9db
}

.about-partner {
    width: 1200px;
    margin: 0 auto 100px;
    text-align: center
}

.about-partner-title {
    color: #1a2233;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 80px
}

.about-partner .more-btn {
    text-align: center;
    margin-top: 60px
}

.about-partner .more-btn a {
    margin: 0 auto;
    display: inline-block;
    border-radius: 50px;
    width: 184px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #c1292e;
    border: 1px solid #c1292e
}

.mpc-agent-page-wraper {
    padding-top: 150px;
    text-align: center
}

.mpc-agent-page-wraper .footer-assure-wrapper {
    border-top: none
}

.mpc-agent-page {
    width: 1200px;
    margin: 0 auto 40px;
    text-align: left
}

.mpc-agent-page-cont {
    display: flex
}

.mpc-agent-page-cont .agent-logo {
    width: 120px;
    height: 120px;
    margin-right: 24px;
    border-radius: 10px;
    border: 1px solid #ebe8e6;
    padding: 8px;
    box-shadow: 0 2px 9px #25265e1a
}

.mpc-agent-page-cont .agent-logo .img {
    width: 104px;
    height: 100%;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mpc-agent-page-cont .agent-logo .img img {
    width: 48px;
    margin: auto;
    -ms-grid-row-align: center;
    align-self: center
}

.mpc-agent-page-cont .agent-title {
    font-size: 24px;
    color: #1a2233;
    line-height: 1.5;
    font-weight: 600
}

.mpc-agent-page-cont .agent-desc {
    font-size: 16px;
    color: #676b73;
    font-weight: 400;
    padding: 10px 0
}

.mpc-agent-page-cont .agent-labels {
    display: flex
}

.mpc-agent-page-cont .agent-labels label {
    margin-right: 15px;
    font-size: 16px;
    color: #1a2233;
    line-height: 1.5;
    font-weight: 400;
    border-radius: 20px;
    height: 32px;
    border: 1px solid #ebe8e6;
    padding: 4px 12px
}

.mpc-agent-page-cont .agent-labels label div {
    display: inline-block
}

.mpc-agent-page-cont .agent-labels label span {
    color: #c1292e;
    font-weight: 500
}

.mpc-agent-page-cont .agent-labels label span.green {
    color: #00bf80
}

.mpc-agent-page-video {
    width: 100%;
    margin-top: 24px;
    min-height: 500px;
    border-radius: 10px;
    border: 1px solid #ebe8e6;
    padding: 10px;
    position: relative
}

.mpc-agent-page-video>div {
    min-height: 500px
}

.mpc-agent-page-video>div>div {
    min-height: 500px
}

.mpc-agent-page-video video {
    min-height: 500px
}

.mpc-agent-page-video .img-mask {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    background-color: #000;
    inset: 0;
    overflow: hidden
}

.mpc-agent-page-video .img-mask .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0003
}

.mpc-agent-page-video .img-mask img {
    width: 100%;
    height: 100%
}

.mpc-agent-page-video .img-mask video {
    width: 100%;
    height: 100%
}

.mpc-agent-page-video .img-mask .play {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    background-image: url(../image/976c1b7b220716b62b2e14a770f04fff.png);
    background-size: contain;
    background-repeat: no-repeat
}

.mpc-agent-page-video .img-mask .play:hover {
    background-image: url(../image/b61a7371cc79fe2129a4eb2a866dcba5.png)
}

.articles-page-carousel {
    height: 580px;
    min-width: 1180px
}

.articles-page-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: auto 100%;
    background-image: url(../image/483145c56d86187211f73280f914b363.png);
    background-position: center;
    background-color: #fff
}

.articles-page-carousel-content {
    position: relative;
    top: 160px;
    width: 1180px;
    margin: 0 auto;
    text-align: center
}

.articles-page-carousel-content .title {
    margin-bottom: 30px;
    font-size: 50px;
    color: #1a2233;
    line-height: 75px;
    font-weight: 600
}

.articles-page-carousel-content .subTitle {
    font-size: 28px;
    line-height: 42px;
    color: #1a2233;
    font-weight: 400
}

.articles-page-carousel-content.center {
    text-align: center
}

.articles-page-content {
    display: flex;
    flex-wrap: wrap;
    width: 1080px;
    margin: 0 auto;
    transform: translateY(-170px)
}

.articles-page-item {
    width: 320px;
    background: #fff;
    margin: 20px;
    cursor: pointer;
    box-shadow: 0 20px 60px -10px #1a223326;
    border-radius: 8px;
    text-align: left;
    transition: transform .3s
}

.articles-page-item-img {
    display: block;
    width: 100%;
    height: 136px;
    border-radius: 8px 8px 0 0
}

.articles-page-item-date {
    width: 100%;
    margin: 24px auto 0;
    padding: 0 30px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    color: #676b73;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.articles-page-item-date span {
    padding: 0 4px
}

.articles-page-item-title {
    width: 100%;
    padding: 0 30px;
    margin: 12px auto 10px;
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    color: #1a2233;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.articles-page-item-jump {
    padding: 30px;
    color: #c1292e;
    font-size: 16px;
    line-height: 24px
}

.articles-page-item-jump span {
    margin-left: 4px
}

.articles-page-item:hover {
    box-shadow: 0 30px 60px -20px #1a223340;
    transform: translateY(-10px)
}

.article-detail {
    padding-top: 120px;
    text-align: left;
    margin: 0 auto;
    width: 100%;
    max-width: 800px
}

.article-detail-title {
    line-height: 36px;
    text-align: left;
    font-size: 32px;
    font-weight: 600;
    color: #1a2233;
    margin-bottom: 16px
}

.article-detail-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4px;
    border-bottom: 1px solid #E5E6EB;
    color: #676b73;
    font-size: 14px
}

.article-detail-info-source {
    text-align: left
}

.article-detail-info-date {
    text-align: right
}

.article-detail-content {
    margin-top: 24px;
    word-break: break-all;
    white-space: pre-wrap
}

.article-detail-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.article-detail-container {
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
    width: 1200px
}

.article-detail-main {
    width: 800px
}

.article-detail-main .no-detail {
    padding: 200px;
    text-align: center;
    font-size: 24px;
    color: #999
}

.article-detail-side {
    background-color: #fff;
    margin-bottom: auto;
    padding: 24px;
    width: 280px;
    box-shadow: 0 0 1px #0000004d, 0 12px 32px -12px #1a223340;
    border-radius: 8px
}

.article-detail-side-logo {
    margin-bottom: 16px;
    height: 48px
}

.article-detail-side-title {
    position: relative;
    margin: 0;
    padding-left: 6px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 600
}

.article-detail-side-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 49%;
    transform: translateY(-50%);
    width: 2px;
    height: 14px;
    background-color: #c1292e
}

.article-detail-side-name {
    margin-top: 6px;
    line-height: 150%;
    font-size: 16px;
    font-weight: 400
}

.article-detail-side .ant-tag {
    margin-top: 6px;
    border: none
}

.article-detail-side-products {
    display: flex;
    flex-wrap: wrap
}

.article-detail-side-product {
    display: block;
    margin-top: 16px;
    padding: 4px 8px 4px 12px;
    margin-right: 8px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    background-color: #dce6fa;
    color: #1a2233;
    border-radius: 100px
}

.article-detail-side-product:hover {
    color: #1a2233
}

.article-detail-side-product .weanniujiantou {
    margin-left: 8px
}

.article-detail-side-code {
    display: flex;
    margin-top: 16px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px
}

.article-detail-side-code-content {
    margin: 16px
}

.article-detail-side-code-content>div {
    line-height: 150%;
    font-size: 16px;
    font-weight: 400
}

.article-detail-side-code-content>div:last-child {
    margin-top: 16px;
    color: #676b73
}

.article-detail-side .pcc-anim-try-btn {
    margin-top: 24px;
    padding-left: 72px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 17px
}

.article-detail-side .pcc-anim-try-btn i {
    font-size: 16px
}

.article-detail-side-recommend {
    border-radius: 8px;
    opacity: 1;
    background: #fff;
    box-sizing: border-box
}

.article-detail-side-recommend-item {
    position: relative;
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .3s ease;
    border: 1px solid rgba(0, 0, 0, .1)
}

.article-detail-side-recommend-item:last-child {
    margin-bottom: 0
}

.article-detail-side-recommend-item:hover {
    box-shadow: 0 4px 12px #00000026;
    cursor: pointer
}

.article-detail-side-recommend-content {
    background: #fff
}

.article-detail-side-recommend-img {
    width: 232px;
    height: 99px;
    object-fit: cover
}

.article-detail-side-recommend-date {
    margin: 12px 16px 8px;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #676b73
}

.article-detail-side-recommend-date span {
    margin: 0 6px
}

.article-detail-side-recommend-title {
    margin: 0 16px 16px;
    font-family: Source Han Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #1a2233;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.8em
}

.article-detail-catalog {
    display: flex;
    justify-content: space-between;
    padding: 20px 0
}

.article-detail-catalog-prev,
.article-detail-catalog-next {
    flex: 1 1;
    padding: 10px;
    border-radius: 4px
}

.article-detail-catalog-prev a,
.article-detail-catalog-next a {
    color: #1a2233;
    text-decoration: none;
    transition: color .3s ease;
    display: block
}

.article-detail-catalog-prev a:hover,
.article-detail-catalog-next a:hover {
    color: #007bff;
    cursor: pointer
}

.article-detail-catalog-prev a:hover .gray-text,
.article-detail-catalog-next a:hover .gray-text {
    color: #007bff
}

.article-detail-catalog-prev {
    margin-right: 10px;
    text-align: left
}

.article-detail-catalog-prev a {
    text-align: left
}

.article-detail-catalog-next {
    margin-left: 10px;
    text-align: right
}

.article-detail-catalog-next a {
    text-align: right
}

.gray-text {
    color: gray
}

.article-detail-cards {
    display: flex;
    flex-direction: column
}

.article-detail-cards .ant-card:first-child {
    margin-top: 120px
}

.article-detail-cards .ant-card:not(:first-child) {
    margin-top: 24px
}

.Frame-content.g-protocol {
    background-color: #f0f0f2
}

.m-business-agreement {
    padding-top: 130px;
    padding-bottom: 40px;
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    min-height: 600px
}

.m-business-agreement .m-protocol-sider-wrap {
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
    height: 100%
}

.m-business-agreement .m-protocol-sider-wrap .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    background-color: #fff
}

.m-business-agreement .m-doc {
    min-height: 600px;
    width: 880px;
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-business-agreement .m-doc header {
    padding: 20px 0
}

.m-business-agreement .m-doc header h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #222;
    text-align: center
}

.m-business-agreement .m-doc header h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #999
}

.m-business-agreement .m-doc article p {
    text-indent: 30px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    padding-bottom: 10px
}

.m-business-agreement .m-doc article div {
    font-size: 14px;
    line-height: 28px;
    text-align: left
}

.m-business-agreement .m-doc article h2 {
    margin: 20px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-business-agreement .m-doc article a {
    color: #337eff
}

.m-business-agreement .m-doc .blue {
    color: #337eff
}

.cp-banner {
    min-height: 768px;
    padding-top: 180px;
    padding-bottom: 60px;
    text-align: center;
    background-image: url(../image/38d36470-88da-423b-a0c5-36f8ba8dcbc2.jpg);
    background-repeat: no-repeat
}

.cp-banner .title {
    margin: auto 0;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 50px;
    color: #1a1a1a
}

.cp-banner .content {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between
}

.cp-banner .content .banners {
    width: 588px;
    height: 330px;
    border-radius: 8px;
    overflow: hidden
}

.cp-banner .content .banners .banner-card {
    position: relative
}

.cp-banner .content .banners .banner-card .img {
    width: 100%;
    height: 330px;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    background-position: 0 0;
    transition: background-size .3s ease, background-position .3s ease
}

.cp-banner .content .banners .banner-card .mask {
    transition: opacity .3s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000004d;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    text-align: center
}

.cp-banner .content .banners .banner-card .mask a {
    margin-top: 140px;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-image: url(../image/55f131dc-1c06-45a4-81bb-499b8affaee4.png)
}

.cp-banner .content .banners .banner-card:hover .mask {
    opacity: 1
}

.cp-banner .content .banners .banner-card:hover .img {
    background-size: 105% 105%;
    background-position: -10px -10px
}

.cp-banner .content .ads {
    width: 588px;
    height: 330px
}

.cp-banner .content .ads .ad-p {
    display: flex;
    justify-content: space-between;
    padding-top: 22px
}

.cp-banner .content .ads .ad {
    overflow: hidden;
    width: 282px;
    height: 148px;
    border-radius: 8px;
    background-size: 100% 100%;
    padding: 24px;
    text-align: left;
    position: relative;
    clear: both;
    background-position: 0 0;
    transition: background-size .3s ease, background-position .3s ease
}

.cp-banner .content .ads .ad:hover {
    background-size: 105% 105%;
    background-position: -10px -10px
}

.cp-banner .content .ads .ad.index_0 {
    width: 100%
}

.cp-banner .content .ads .ad.index_1,
.cp-banner .content .ads .ad.index_2 {
    height: 158px
}

.cp-banner .content .ads .ad h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.cp-banner .content .ads .ad .sub-title {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding-top: 4px
}

.cp-banner .content .ads .ad img {
    width: 74px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 0
}

.cp-banner .content .ads .ad a {
    position: absolute;
    left: 24px;
    bottom: 20px;
    width: 94px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 40px;
    color: #000;
    font-size: 14px;
    background-color: #cbf6fe
}

.cp-banner .content .ads .ad a .iconfont {
    margin-left: 3px;
    font-size: 12px
}

.cp-banner .cont {
    margin: 60px auto 0;
    width: 1200px;
    display: flex;
    justify-content: space-between
}

.cp-banner .cont .box {
    background-color: #f5f6fa;
    width: 588px;
    padding: 20px 24px;
    border-radius: 8px
}

.cp-banner .cont .box .tit {
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #1a1a1a
}

.cp-banner .cont .box .desc {
    padding-top: 8px;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #676b73
}

.cp-teachers {
    padding: 60px 0 0;
    text-align: center;
    background-color: #f5f6fa
}

.cp-teachers-title {
    margin: auto 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #1a1a1a;
    padding-bottom: 40px
}

.cp-teachers .teachers {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cp-teachers .teachers .teaher {
    width: 384px;
    min-height: 192px;
    padding: 16px 24px
}

.cp-teachers .teachers .mpc-partner-scroll-card-wrapper {
    padding-top: 0
}

.cp-teachers .teachers .mpc-partner-scroll-card-wrapper .content .evaluation .bd {
    width: 384px;
    height: 240px;
    min-height: auto;
    padding: 16px 24px;
    margin-top: 1px
}

.cp-teachers .teachers .mpc-partner-scroll-card-wrapper .content .evaluation .avatar-name-title {
    box-shadow: none
}

.cp-teachers .teachers .mpc-partner-scroll-card-wrapper .content .evaluation .avatar-name-title .title .name-tit .name {
    margin-bottom: 16px
}

.cp-teachers .teachers .mpc-partner-scroll-card-wrapper .content .evaluation .avatar-name-title .cont {
    line-height: 1.5
}

.cp-course-list {
    padding: 60px 0;
    text-align: center;
    background-color: #fff
}

.cp-course-list .title {
    margin: auto 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #1a1a1a;
    padding-bottom: 40px
}

.cp-course-list .class-list {
    margin: 0 auto 32px;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
    border-bottom: solid 1px #e6e7eb
}

.cp-course-list .class-list .cl-list {
    text-align: left
}

.cp-course-list .class-list .cl-item {
    padding: 8px 12px;
    height: 44px;
    border-radius: 22px;
    display: inline-block;
    margin-right: 5px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #676b73
}

.cp-course-list .class-list .cl-item.z-sel {
    color: #c1292e;
    background-color: #ffefef
}

.cp-course-list .class-list .cl-item:hover {
    background-color: #ffeee5
}

.cp-course-list .class-list .search {
    position: relative
}

.cp-course-list .class-list .search .iconfont {
    top: 10px;
    left: 15px;
    position: absolute;
    color: #00000040;
    z-index: 11;
    font-weight: 600
}

.cp-course-list .class-list .search .ant-input-affix-wrapper {
    border-radius: 22px
}

.cp-course-list .class-list .search .ant-input-affix-wrapper .ant-input {
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px
}

.cp-course-list .course-list {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cp-course-list .course-list .no-data {
    text-align: center;
    color: #999
}

.cp-course-list .course-list .course {
    position: relative;
    width: 276px;
    min-height: 312px;
    text-align: left;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 32px;
    box-shadow: 0 12px 32px -12px #1a223326, 0 0 1px #0003;
    padding-bottom: 24px;
    overflow: hidden;
    transition: top .3s ease;
    top: 0
}

.cp-course-list .course-list .course.ml {
    margin-left: 32px
}

.cp-course-list .course-list .course .img {
    height: 155px;
    background-color: #666;
    overflow: hidden;
    position: relative
}

.cp-course-list .course-list .course .img img {
    width: 101%;
    height: 100%
}

.cp-course-list .course-list .course .img .mask {
    transition: opacity .3s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0000004d;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    text-align: center
}

.cp-course-list .course-list .course .img .mask a {
    margin-top: 60px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(../image/bcebb504-c8f9-49d6-9213-8bfef7923ff3.png)
}

.cp-course-list .course-list .course:hover {
    top: -12px;
    box-shadow: 0 12px 32px -12px #1a22334d, 0 0 1px #0003
}

.cp-course-list .course-list .course:hover .img .mask {
    opacity: 1
}

.cp-course-list .course-list .course .course-link {
    position: absolute;
    left: 16px;
    bottom: 12px
}

.cp-course-list .course-list .course .course-link a {
    color: #c1292e
}

.cp-course-list .course-list .course .course-link .weanniujiantou {
    font-size: 14px;
    margin-left: 2px
}

.cp-course-list .course-list .course .course-txt {
    padding: 16px;
    text-align: justify
}

.cp-course-list .course-list .course .course-txt .tit {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #1a2233
}

.cp-course-list .course-list .course .course-txt .desc {
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    min-height: 40px;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    color: #676b73;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.customer-case-banner {
    height: 440px;
    width: 100%;
    text-align: center;
    background: center / 2560px auto url(../image/31bc7afb-8cb5-489d-8237-c4b05d0a5c50.png)
}

.customer-case-banner .logo {
    width: 1200px;
    margin: auto;
    text-align: left;
    padding-top: 80px
}

.customer-case-carousel {
    margin: -280px auto 4px;
    width: 1240px
}

.customer-case-carousel .slick-list {
    padding-left: 20px;
    height: 376px
}

.customer-case-carousel .slick-dots {
    margin-left: 0
}

.customer-case-carousel .slick-dots li {
    display: inline-block;
    width: 40px;
    height: 4px;
    background: #9da0a64d;
    border-radius: 2px
}

.customer-case-carousel .slick-dots li button {
    height: 4px
}

.customer-case-carousel .slick-dots li button:after {
    top: 0;
    left: 0;
    display: block;
    height: 4px;
    width: 0;
    background-color: #676b73;
    border-radius: 2px
}

.customer-case-carousel .slick-dots li.slick-active {
    width: 40px
}

.customer-case-carousel .slick-dots li.slick-active button {
    background-color: transparent
}

.customer-case-carousel .slick-dots li.slick-active button:after {
    width: 40px;
    transition: width 3s
}

.customer-case-carousel-item {
    display: inline-flex !important;
    justify-content: space-between;
    padding: 16px;
    width: 1200px;
    height: 332px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 12px
}

.customer-case-carousel-content {
    padding: 16px 24px;
    width: 600px
}

.customer-case-carousel-logo {
    height: 64px
}

.customer-case-carousel-desc {
    margin-top: 24px;
    line-height: 27px;
    font-size: 18px;
    color: #676b73;
    font-weight: 400
}

.customer-case-carousel-labels {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 16px
}

.customer-case-carousel-label {
    padding: 1px 8px;
    line-height: 22px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 2px
}

.customer-case-carousel-industry {
    background-color: #fff1f0;
    border: 1px solid #ffa39e
}

.customer-case-carousel-product {
    margin-left: 6px;
    background-color: #fafafa;
    border: 1px solid #d9d9d9
}

.customer-case-carousel-img {
    height: 300px;
    border-radius: 8px
}

.customer-case-carousel .ant-tag {
    border: none
}

.customer-case-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto 120px;
    width: 1200px
}

.customer-case-section-title {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

.customer-case-selects {
    display: flex;
    justify-content: space-between;
    width: 504px
}

.customer-case-selects .ant-select {
    width: 240px
}

.customer-case-customerList {
    margin-top: 28px;
    width: 100%
}

.customer-case-customerList .ant-list-item {
    position: relative;
    margin-top: 32px;
    height: 340px;
    width: 276px
}

.customer-case-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
    width: 112px;
    height: 40px;
    border: 1px solid #1a2233;
    border-radius: 50px;
    cursor: pointer
}

.customer-case-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px
}

.customer-case-empty img {
    width: 180px
}

.customer-case-empty p {
    margin-top: 16px;
    line-height: 24px;
    font-size: 16px;
    color: #9da8a6
}

.customer-case-try-wap {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    text-align: center
}

.customer-case-mottos .customer-case-section-title {
    margin-bottom: 40px
}

.customer-case-customers .customer-case-section-title {
    margin-bottom: 20px
}

#id-customer-case-customers {
    width: 1200px;
    margin: 20px auto 0
}

#id-customer-case-customers .ant-tabs-nav-list .ant-tabs-tab {
    width: 120px;
    height: auto;
    height: initial;
    padding: 8px 24px 8px 0;
    font-size: 16px;
    line-height: 22px;
    white-space: pre-wrap;
    text-align: left
}

#id-customer-case-customers .ant-tabs-nav-operations {
    display: none
}

#id-customer-case-customers .customer-case-customers-img {
    display: inline-block;
    width: 1000px;
    min-height: 360px
}

@media screen and (max-width: 1200px) {
    .customer-case.form-ai-demo .logo {
        width: 1000px
    }

    .customer-case.form-ai-demo .customer-case-carousel {
        width: 1060px
    }

    .customer-case.form-ai-demo .customer-case-carousel .customer-case-carousel-item {
        width: 1040px
    }

    .customer-case.form-ai-demo .customer-case-carousel .customer-case-carousel-item .customer-case-carousel-content {
        width: 500px
    }

    .customer-case.form-ai-demo .customer-case-carousel .customer-case-carousel-item .customer-case-carousel-img {
        width: 480px
    }

    .customer-case.form-ai-demo .customer-case-section,
    .customer-case .tab-nav {
        width: 1000px
    }
}

.customer-case-detail {
    color: #1a2233
}

.customer-case-detail-banner {
    display: flex;
    align-items: center;
    padding-top: 80px;
    height: 580px;
    background: #f5f6fa
}

.customer-case-detail-banner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 1200px
}

.customer-case-detail-banner-main {
    width: 584px
}

.customer-case-detail-banner-desc {
    display: block;
    margin-top: 24px;
    line-height: 27px;
    font-size: 18px;
    font-weight: 400
}

.customer-case-detail-banner-desc>p+.customer-case-detail-banner-desc>p {
    margin-top: 16px
}

.customer-case-detail-banner-desc .no-desc {
    color: #999
}

.customer-case-detail-banner-signature {
    margin-top: 16px;
    line-height: 150%;
    font-size: 18px;
    font-weight: 400;
    text-align: right
}

.customer-case-detail-banner-ratioList {
    display: flex;
    margin-top: 24px
}

.customer-case-detail-banner-ratioItem:not(:first-child) {
    margin-left: 32px
}

.customer-case-detail-banner-ratioItem-red {
    display: flex;
    align-items: flex-end;
    color: #c1292e;
    font-weight: 600
}

.customer-case-detail-banner-ratioItem-red>div:not(:first-child) {
    margin-left: 4px
}

.customer-case-detail-banner-ratioItem-ratio {
    line-height: 48px;
    font-size: 32px
}

.customer-case-detail-banner-ratioItem-sign {
    line-height: 40px;
    font-size: 22px
}

.customer-case-detail-banner-ratioItem-sign.isChinese {
    font-size: 18px
}

.customer-case-detail-banner-img {
    width: 576px;
    height: 346px;
    border-radius: 8px
}

.customer-case-detail-container {
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
    width: 1200px
}

.customer-case-detail-main {
    width: 800px
}

.customer-case-detail-main .no-detail {
    padding: 200px;
    text-align: center;
    font-size: 24px;
    color: #999
}

.customer-case-detail-section {
    padding: 24px 0 32px;
    border-bottom: 1px solid #d9d9db
}

.customer-case-detail-section-title {
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
    color: #005ed9
}

.customer-case-detail-section-para {
    margin-top: 16px;
    line-height: 27.2px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .1px
}

.customer-case-detail-section-para li {
    margin-left: 15px
}

.customer-case-detail-section-para img {
    max-width: 100%
}

.customer-case-detail-section-para .blank-line {
    margin-bottom: 24px
}

.customer-case-detail-section-subtitle {
    margin-top: 24px;
    line-height: 27px;
    font-size: 18px;
    font-weight: 600
}

.customer-case-detail-side {
    background-color: #fff;
    margin-bottom: auto;
    padding: 24px 24px 32px;
    width: 280px;
    box-shadow: 0 0 1px #0000004d, 0 12px 32px -12px #1a223340;
    border-radius: 8px
}

.customer-case-detail-side-logo {
    margin-bottom: 16px;
    height: 48px
}

.customer-case-detail-side-title {
    margin: 24px 0 2px;
    line-height: 150%;
    font-size: 16px;
    font-weight: 600
}

.customer-case-detail-side-name {
    margin-top: 6px;
    line-height: 150%;
    font-size: 16px;
    font-weight: 400
}

.customer-case-detail-side .ant-tag {
    margin-top: 6px;
    border: none
}

.customer-case-detail-side-products {
    display: flex;
    flex-wrap: wrap
}

.customer-case-detail-side-product {
    display: block;
    margin-top: 6px;
    margin-right: 8px;
    padding: 4px 8px 4px 12px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    background-color: #dce6fa;
    color: #1a2233;
    border-radius: 100px
}

.customer-case-detail-side-product:hover {
    color: #1a2233
}

.customer-case-detail-side-product .weanniujiantou {
    margin-left: 8px
}

.customer-case-detail-side-code {
    display: flex;
    margin-top: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px
}

.customer-case-detail-side-code-content {
    margin: 16px
}

.customer-case-detail-side-code-content>div {
    line-height: 150%;
    font-size: 16px;
    font-weight: 400
}

.customer-case-detail-side-code-content>div:last-child {
    margin-top: 16px;
    color: #676b73
}

.customer-case-detail-side .pcc-anim-try-btn {
    margin-top: 24px;
    padding-left: 72px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 17px
}

.customer-case-detail-side .pcc-anim-try-btn i {
    font-size: 16px
}

.customer-case-detail-footer {
    margin-top: 100px
}

.customer-case-detail-footer-title {
    line-height: 150%;
    font-size: 32px;
    font-weight: 600;
    text-align: center
}

.customer-case-detail-footer-anim {
    display: flex;
    padding: 40px 0 60px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #e6e7eb
}

.customer-case-detail-footer-anim .scroll-animation:hover {
    animation-play-state: paused
}

.customer-case-detail-footer .anim-item {
    position: relative;
    margin-right: 32px;
    width: 276px;
    height: 340px
}

.customer-case-detail-footer-content {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 40px 0;
    width: 1200px
}

.customer-case-detail-footer-item i {
    font-size: 20px;
    color: #c1292e
}

.customer-case-detail-footer-item span {
    margin-left: 8px;
    line-height: 24px;
    font-size: 16px;
    color: #676b73
}

@media screen and (max-height: 750px) {
    .customer-case-detail-side {
        padding-top: 10px
    }

    .customer-case-detail-side-logo {
        margin-bottom: 0
    }

    .customer-case-detail-side-title {
        margin: 8px 0 2px
    }

    .customer-case-detail-side-name {
        margin-top: 0
    }

    .customer-case-detail-side .pcc-anim-try-btn {
        margin-top: 14px;
        height: 40px;
        line-height: 40px
    }
}

.pcp-download-page {
    text-align: center
}

.pcp-download-page .head {
    height: 400px;
    background: url(../image/cc7bdd54-e4ca-463f-ad3e-8aab50120349.jpg) top center no-repeat;
    width: 100%;
    text-align: center
}

.pcp-download-page .head h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-top: 180px
}

.pcp-download-page .head .ant-select {
    text-align: left
}

.pcp-download-page .tabs {
    margin-top: -60px;
    display: flex;
    justify-content: center;
    height: 60px
}

.pcp-download-page .tabs a {
    border-radius: 4px 4px 0 0;
    padding: 16px 0;
    text-align: center;
    height: 60px;
    width: 480px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    background-color: #00113326;
    display: block;
    color: #fff
}

.pcp-download-page .tabs a:last-child {
    margin-left: 20px
}

.pcp-download-page .tabs a.z-sel {
    color: #1a2233;
    background-color: #fff
}

.pcp-download-page .down-area {
    padding-top: 60px;
    padding-bottom: 60px
}

.pcp-download-page .down-list {
    display: none
}

.pcp-download-page .down-list.z-show {
    display: block
}

.pcp-download-page .down-list .down-item {
    padding-top: 60px;
    padding-bottom: 60px
}

.pcp-download-page .down-list .down-item h3 {
    color: #1a2233;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.pcp-download-page .down-list .down-item .downs {
    padding-top: 40px;
    display: flex;
    justify-content: center
}

.pcp-download-page .down-list .down-item .downs .app {
    box-shadow: 0 12px 32px -12px #1a223326, 0 0 1px #0003;
    overflow: hidden;
    border-radius: 8px;
    text-align: center;
    height: 366px
}

.pcp-download-page .down-list .down-item .downs .app img {
    width: 300px;
    height: 120px
}

.pcp-download-page .down-list .down-item .downs .app .name {
    padding-top: 24px;
    color: #1a2233;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.pcp-download-page .down-list .down-item .downs .app .txt {
    padding-top: 12px;
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.pcp-download-page .down-list .down-item .downs .app .btn {
    margin: 24px auto 0;
    width: 160px;
    height: 48px;
    border-radius: 24px;
    background-color: #4981f2;
    border-color: #4981f2;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    cursor: pointer;
    position: relative;
    opacity: .9
}

.pcp-download-page .down-list .down-item .downs .app .btn:hover {
    cursor: pointer;
    opacity: 1
}

.pcp-download-page .down-list .down-item .downs .app .btn.had-qr-img:hover+.down-txt>.qr-text>.qr-img {
    display: block;
    opacity: 1
}

.pcp-download-page .down-list .down-item .downs .app .btns {
    display: flex;
    padding: 0 8px
}

.pcp-download-page .down-list .down-item .downs .app .btns .btn {
    width: 130px;
    padding: 0 5px;
    border: solid 1px #4981f2
}

.pcp-download-page .down-list .down-item .downs .app .btns .btn:last-child {
    background-color: transparent
}

.pcp-download-page .down-list .down-item .downs .app .links {
    padding-top: 20px
}

.pcp-download-page .down-list .down-item .downs .app .links a:first-child:after {
    font-size: 12px;
    content: "|";
    padding: 0 5px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt {
    position: relative;
    clear: both
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-icon {
    margin: 0 3px 0 0;
    position: relative;
    top: -2px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-icon img {
    height: 12px;
    width: 12px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-img {
    display: none;
    opacity: 0;
    left: 28px;
    top: -226px;
    position: absolute;
    width: 244px;
    height: 244px;
    transition: opacity .3s ease-in-out;
    background-image: url(../image/1718c7b9-eea4-4973-b047-067db3ad5cb4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-img .qr-pass {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-img img {
    width: 150px;
    height: 150px;
    margin: 28px auto
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text .qr-img canvas {
    margin: 48px auto
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text.z-dis {
    color: #ccc
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text.z-dis .qr-icon {
    opacity: .5
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text:hover {
    cursor: pointer
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text:hover .qr-img {
    display: block;
    opacity: 1
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .qr-text-1 {
    margin-left: 16px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download {
    position: relative;
    cursor: pointer;
    margin-left: 16px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-icon {
    margin: 0 3px 0 0;
    position: relative;
    top: -2px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-icon img {
    height: 12px;
    width: 12px
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .text {
    margin-left: 0
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-img {
    display: none;
    opacity: 0;
    left: 0%;
    bottom: 100%;
    transform: translate(-55%);
    position: absolute;
    width: 244px;
    height: 244px;
    transition: opacity .3s ease-in-out;
    background-image: url(../image/1718c7b9-eea4-4973-b047-067db3ad5cb4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-img .qr-pass {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-img img {
    width: 150px;
    height: 150px;
    margin: 28px auto
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download .qr-img canvas {
    margin: 48px auto
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download:hover {
    cursor: pointer
}

.pcp-download-page .down-list .down-item .downs .app .down-txt .gray-download:hover .qr-img {
    display: block;
    opacity: 1
}

.pcp-download-page .down-list .down-item .downs .app.app-2 {
    margin-right: 40px
}

.pcp-download-page .down-list .down-item .downs .app:last-child {
    margin-left: 40px
}

.pcp-download-page .down-list .down-item .downs .app:first-child {
    margin-right: 40px
}

.pcp-download-page .privacy {
    line-height: 20px;
    color: #666
}

.pcp-download-page .privacy a {
    color: #c1292e
}

.dw-scene-card {
    display: flex;
    justify-content: space-between
}

.dw-scene-card .dw-scene-card-card:nth-child(2):before {
    background: #fa0
}

.dw-scene-card .dw-scene-card-card:nth-child(2) .scene-num,
.dw-scene-card .dw-scene-card-card:nth-child(2) .scene-text {
    color: #fa0
}

.dw-scene-card .dw-scene-card-card:nth-child(3):before {
    background: #f37
}

.dw-scene-card .dw-scene-card-card:nth-child(3) .scene-num,
.dw-scene-card .dw-scene-card-card:nth-child(3) .scene-text {
    color: #f37
}

.dw-scene-card-card {
    position: relative;
    display: inline-block;
    width: 384px;
    height: 360px;
    padding: 22px 30px 0;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a22331a;
    border-radius: 8px;
    overflow: hidden
}

.dw-scene-card-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    background: #265cff
}

.dw-scene-card-card .dw-scene-card-head {
    padding: 12px 0;
    box-shadow: inset 0 -1px #e6e7eb
}

.dw-scene-card-card .dw-scene-card-head-text {
    height: 48px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233
}

.dw-scene-card-card .dw-scene-card-label {
    margin: 16px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #9da0a6
}

.dw-scene-card-card .dw-scene-card-method {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 24px;
    color: #1a2233
}

.dw-scene-card-card .dw-scene-card-method:last-child {
    margin-bottom: 0
}

.dw-scene-card-card .scene-stage {
    position: absolute;
    bottom: 8px;
    right: 0;
    display: inline-block;
    width: 153px;
    height: 106px
}

.dw-scene-card-card .scene-stage.no-text {
    width: 120px
}

.dw-scene-card-card .scene-num {
    opacity: .1;
    font-weight: 700;
    font-family: RobotoMono-Regular, PingFangSC-Regular, Microsoft YaHei, sans-serif;
    font-size: 80px;
    line-height: 106px;
    color: #265cff
}

.dw-scene-card-card .scene-text {
    position: absolute;
    bottom: 16px;
    right: 24px;
    font-size: 20px;
    line-height: 28px;
    color: #4073ff
}

.bg-banner-dw-auto {
    background-image: url(../image/e964f7e63978281bcd0507c2397ec172.png)
}

.bg-banner-dw-auto .title,
.bg-banner-dw-auto .subtitle {
    width: auto;
    width: initial
}

.dw_auto-section {
    position: relative;
    transition: all 1s linear;
    padding: 60px 0;
    background: #fff;
    overflow: hidden
}

.dw_auto-section-pic {
    display: block;
    width: 1200px;
    margin: 40px auto
}

.dw_auto-section-title {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

.dw_auto-section-subTitle {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    margin: 20px auto;
    color: #676b73
}

.dw_auto-section-subTitle .red {
    color: #ff2b01
}

.dw_auto-section-desc {
    margin-top: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #676b73
}

.dw_auto-try-wap {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    text-align: center
}

.dw_auto-scene .dw_auto-section-subTitle {
    margin: 16px 0 40px
}

.dw_auto-scene .dw_auto-section-content {
    width: 1200px;
    margin: 0 auto
}

.dw_auto-scene .dw_auto-try-wap {
    margin-top: 60px
}

.dw_auto-case .dw_auto-section-title {
    margin-bottom: 40px
}

.dw_auto-intro-bar {
    margin-top: 0
}

.transition-config {
    transition: all ease .35s
}

.college-question-card-wrapper {
    display: inline-block;
    text-align: left
}

.college-question-card {
    position: relative;
    width: 373px;
    height: 200px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 10px;
    transition: all ease .35s
}

.college-question-card .title-container {
    margin-bottom: 24px
}

.college-question-card .title-container * {
    transition: all ease .35s
}

.college-question-card .title-container .title {
    display: inline-block;
    margin: 0 0 0 12px;
    font-size: 18px;
    color: #1f2f4d;
    height: 40px;
    line-height: 40px;
    font-weight: 700
}

.college-question-card .answer-item {
    margin: 0;
    font-size: 14px;
    color: #596780;
    line-height: 28px
}

.college-question-card .advantage-icon {
    position: absolute;
    z-index: -1;
    top: 8px;
    right: 8px;
    opacity: 0;
    transition: all ease .35s
}

.college-question-card-wrapper:hover .college-question-card {
    transform: translateY(-20px)
}

.college-question-card-wrapper:hover .title-container {
    margin-bottom: 16px
}

.college-question-card-wrapper:hover .title-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px
}

.college-question-card-wrapper:hover .title-container .title {
    color: #596780;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    font-weight: inherit
}

.college-question-card-wrapper:hover .answer-item {
    font-weight: 700;
    color: #1f2f4d;
    line-height: 36px
}

.college-question-card-wrapper:hover .answer-item .highlight {
    color: #c1292e
}

.college-question-card-wrapper:hover .advantage-icon {
    opacity: 1
}

.bg-banner-dw-college {
    background-image: url(../image/2415630227730d592fd7167657765ab0.png)
}

.bg-banner-dw-college .title,
.bg-banner-dw-college .subtitle {
    width: auto;
    width: initial
}

.dw_college-section {
    position: relative;
    transition: all 1s linear;
    padding: 60px 0;
    background: #fff;
    overflow: hidden
}

.dw_college-section-pic {
    display: block;
    width: 1200px;
    margin: 40px auto
}

.dw_college-section-title {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

.dw_college-section-subTitle {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #676b73;
    text-align: center;
    margin: 20px auto
}

.dw_college-section-subTitle .red {
    color: #c1292e
}

.dw_college-section-desc {
    margin-top: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #676b73
}

.dw_college-try-wap {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    text-align: center
}

.dw_college-card-container {
    margin-top: 40px
}

.dw_college-card-container .dw_college-section-subTitle {
    margin: 0 0 40px
}

.dw_college-card-container .dw_college-card-subtitle-mt70 {
    margin-top: 70px
}

.dw_college-card-container .dw_college-card-content {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dw_college-card-container .dw_college-card-content .college-question-card-wrapper {
    margin-bottom: 30px
}

.dw_college-progress .dw_college-section-title {
    margin-bottom: 80px
}

.dw_college-progress .process-cards {
    width: 1200px;
    margin: 0 auto
}

.dw_college-logos .dw_college-section-title {
    margin-bottom: 60px
}

.dw_college-logos .dw_college-section-content {
    width: 1200px;
    margin: 0 auto
}

.dw_college-logos .dw_college-try-wap {
    margin-top: 60px
}

.bg-banner-dw-internet {
    background-image: url(../image/0769c0065a180be1957a7e0b6ec53e6f.png)
}

.bg-banner-dw-internet .title,
.bg-banner-dw-internet .subtitle {
    width: auto;
    width: initial
}

.dw_internet-section {
    position: relative;
    transition: all 1s linear;
    padding: 100px 0;
    background: #fff;
    overflow: hidden
}

.dw_internet-section-pic {
    display: block;
    width: 1200px;
    margin: 40px auto
}

.dw_internet-section-title {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #1a2233;
    text-align: center
}

.dw_internet-section-subTitle {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #1a2233;
    text-align: center;
    margin: 20px auto
}

.dw_internet-section-subTitle .red {
    color: #ff2b01
}

.dw_internet-section-desc {
    margin-top: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #676b73
}

.dw_internet-try-wap {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    text-align: center
}

.dw_internet-scene .dw_internet-section-subTitle {
    margin: 20px 0 60px
}

.dw_internet-scene .dw_internet-section-content {
    width: 1200px;
    margin: 0 auto
}

.dw_internet-scene .dw_internet-try-wap {
    margin-top: 60px
}

.dw_internet-case .dw_internet-section-title {
    margin-bottom: 40px
}

.dw_internet-intro-bar {
    margin-top: 0
}

.try-free {
    display: inline-block;
    background: #c1292e;
    text-align: left;
    color: #fff
}

.try-free .weanniujiantou {
    font-size: 16px;
    margin-left: 8px;
    transition: margin-left .2s
}

.try-free:hover,
.try-free:focus {
    color: #fff;
    text-decoration: none;
    background: #37f
}

.try-free:hover .weanniujiantou,
.try-free:focus .weanniujiantou {
    margin-left: 12px
}

.dw-try-free-btn {
    box-sizing: border-box;
    height: 40px;
    width: 132px;
    padding-left: 24px;
    border-radius: 40px;
    box-shadow: 0 16px 32px -12px #e4304e4d;
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    background: #c1292e;
    text-align: left;
    color: #fff
}

.dw-try-free-btn .weanniujiantou {
    font-size: 16px;
    margin-left: 8px;
    transition: margin-left .2s
}

.dw-try-free-btn:hover,
.dw-try-free-btn:focus {
    color: #fff;
    text-decoration: none;
    background: #37f
}

.dw-try-free-btn:hover .weanniujiantou,
.dw-try-free-btn:focus .weanniujiantou {
    margin-left: 12px
}

.dw-try-free-btn.dw-try-free-btn-big {
    height: 50px;
    width: 168px;
    padding-left: 40px;
    border-radius: 50px;
    font-size: 17px;
    line-height: 50px
}

.dw-try-free-btn.dw-try-free-btn-big .weanniujiantou {
    font-size: 18px;
    margin-left: 10px
}

.dw-try-free-btn.dw-try-free-btn-big:hover .weanniujiantou,
.dw-try-free-btn.dw-try-free-btn-big:focus .weanniujiantou {
    margin-left: 16px
}

.dw-scene-overview {
    display: flex;
    justify-content: space-between
}

.dw-scene-overview .dw-scene-overview-card:nth-child(2):before {
    background: #00d5e9
}

.dw-scene-overview .dw-scene-overview-card:nth-child(2) .dw-scene-overview-head {
    color: #00d5e9
}

.dw-scene-overview .dw-scene-overview-card:nth-child(2) .scene-num,
.dw-scene-overview .dw-scene-overview-card:nth-child(2) .scene-text {
    color: #00d5e9
}

.dw-scene-overview .dw-scene-overview-card:nth-child(3):before {
    background: #fa0
}

.dw-scene-overview .dw-scene-overview-card:nth-child(3) .dw-scene-overview-head {
    color: #fa0
}

.dw-scene-overview .dw-scene-overview-card:nth-child(3) .scene-num,
.dw-scene-overview .dw-scene-overview-card:nth-child(3) .scene-text {
    color: #fa0
}

.dw-scene-overview .dw-scene-overview-card:nth-child(4):before {
    background: #f37
}

.dw-scene-overview .dw-scene-overview-card:nth-child(4) .dw-scene-overview-head {
    color: #f37
}

.dw-scene-overview .dw-scene-overview-card:nth-child(4) .scene-num,
.dw-scene-overview .dw-scene-overview-card:nth-child(4) .scene-text {
    color: #f37
}

.dw-scene-overview-card {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 360px;
    padding: 40px 40px 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a22331a;
    overflow: hidden
}

.dw-scene-overview-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    background: #265cff
}

.dw-scene-overview-card .dw-scene-overview-head {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #265cff
}

.dw-scene-overview-card .dw-scene-overview-content-item {
    margin-top: 12px;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233
}

.dw-scene-overview-card .dw-scene-overview-content-item:first-child {
    margin-top: 24px
}

.dw-scene-overview-card .scene-stage {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 107px;
    height: 116px
}

.dw-scene-overview-card .scene-num {
    opacity: .1;
    font-weight: 700;
    font-family: RobotoMono-Regular, PingFangSC-Regular, Microsoft YaHei, sans-serif;
    font-size: 80px;
    line-height: 116px;
    color: #265cff
}

.pic-desc-list {
    width: 1200px;
    padding: 1px;
    margin: 0 auto
}

.pic-desc-list .pic-desc-item-reverse {
    flex-direction: row-reverse
}

.pic-desc-item {
    margin: 0 auto;
    display: flex;
    align-items: center
}

.pic-desc-item .pic-desc-item-img {
    width: 660px;
    height: 560px
}

.pic-desc-item .pic-desc-item-content {
    width: 480px;
    margin-left: 40px;
    margin-right: 20px
}

.pic-desc-item .pic-desc-item-content .pic-desc-title {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5;
    color: #1a2233
}

.pic-desc-item .pic-desc-item-content #pic-desc-text {
    margin-top: 24px;
    font-size: 18px;
    line-height: 36px;
    color: #676b73
}

.pic-desc-item .pic-desc-item-content #pic-desc-text p {
    line-height: 26px;
    margin-bottom: 16px
}

.pic-desc-item .pic-icon-list {
    margin-top: 40px;
    width: 314px;
    display: flex;
    flex-wrap: wrap
}

.pic-desc-item .m-animbtn-btn {
    margin-top: 24px
}

.icon-desc-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.icon-desc-list .icon-desc-item {
    text-align: center;
    color: #676b73;
    font-weight: 400
}

.icon-desc-list .icon-desc-item .icon-desc-img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto
}

.icon-desc-list .icon-desc-item .icon-desc-title {
    margin: 12px auto;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2233
}

.icon-desc-list .icon-desc-item .icon-desc-subTitle {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #1a2233
}

.icon-desc-list .icon-desc-item .icon-desc-desc {
    font-size: 14px;
    line-height: 22px
}

.icon-desc-list .icon-desc-item .desc-highlight {
    color: #c1292e
}

.extcallrobot-carousel {
    height: 580px;
    min-width: 1180px
}

.extcallrobot-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-top: 80px;
    background-size: auto 100%;
    background-image: url(../image/7efce501ce34f2311455db161a502dc7.png);
    background-position: center;
    background-color: #fff
}

.extcallrobot-carousel-content {
    position: relative;
    top: 50%;
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.extcallrobot-carousel-content .title {
    margin-bottom: 20px;
    font-size: 50px;
    color: #1a2233;
    line-height: 75px;
    font-weight: 600
}

.extcallrobot-carousel-content .subTitle {
    font-size: 28px;
    color: #1a2233;
    margin-bottom: 60px;
    line-height: 42px;
    font-weight: 400
}

.extcallrobot-carousel-content.posRight {
    text-align: left
}

.extcallrobot-rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 10%), #fff
}

.extcallrobot-section {
    position: relative;
    transition: all 1s linear;
    padding: 100px 0;
    background: #fff;
    overflow: hidden
}

.extcallrobot-section.rgba-gray {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 10%), #fff
}

.extcallrobot-section.padding60 {
    padding: 60px 0
}

.extcallrobot-section .icon-desc-list {
    margin-top: 60px
}

.extcallrobot-section .section-banner {
    width: 1200px;
    margin: 40px auto;
    display: block
}

.extcallrobot-section .try-wap {
    text-align: center
}

.extcallrobot-section .section-desc {
    margin-top: 20px;
    font-size: 18px;
    color: #676b73;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 30px
}

.extcallrobot-section .section-warpper .slide-custom-item {
    margin: auto auto 60px;
    width: 1200px;
    overflow: hidden
}

.extcallrobot-section .section-warpper .slide-img {
    display: block;
    margin: 0 auto;
    width: 1200px;
    height: 656px
}

.extcallrobot-section .section-warpper .slide-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9da0a6
}

.extcallrobot-section .pagination-custom-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.extcallrobot-section .pagination-custom-warp img {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto
}

.extcallrobot-section .my-pagination {
    margin: 0 21px;
    color: #9b9ba3;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.extcallrobot-section .my-pagination:hover {
    cursor: pointer
}

.extcallrobot-section .my-pagination-active {
    margin: 0 21px;
    color: #c1292e;
    border-bottom: 2px solid #c1292e
}

.extcallrobot-section .my-pagination-active img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.extcallrobot-section .pagination-desc {
    padding: 11px 0 7px;
    font-size: 14px;
    line-height: 16px
}

.extcallrobot-section .section-title {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 60px;
    color: #1a2233;
    text-align: center
}

.extcallrobot-section-content {
    position: relative;
    width: 1180px;
    display: flex;
    margin: 40px auto 0;
    align-items: flex-start;
    justify-content: center
}

.extcallrobot-section.vocteam-section {
    background-color: #f5f5f7;
    padding: 100px 0 60px
}

.extcallrobot-section.vocteam-section .section-title {
    margin-bottom: 24px
}

.extcallrobot-section.fellcallout-section {
    padding-top: 0;
    background: url(../image/4f9a80456f6cbf30da0f3fd5403ba90e.svg) top no-repeat
}

.extcallrobot-section .feel-callout-section {
    width: 1200px;
    margin: 0 auto;
    display: flex
}

.extcallrobot-section .feel-callout-section .feel-robot-left {
    width: 680px;
    box-sizing: border-box
}

.extcallrobot-section .feel-callout-section .feel-robot-left .title {
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 40px
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img {
    position: relative;
    width: 680px;
    height: 383px;
    background: url(../image/ba1a15d99b67960ee4423819393fd4d9.png) no-repeat;
    background-size: contain;
    border-radius: 8px
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img .video-mask {
    width: 100%;
    height: 100%;
    background-color: #1a2233;
    opacity: .3;
    border-radius: 8px
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img img {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img img.hover {
    visibility: hidden
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img:hover {
    cursor: pointer
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img:hover .no-hover {
    visibility: hidden
}

.extcallrobot-section .feel-callout-section .feel-robot-left .video-img:hover .hover {
    visibility: visible
}

.extcallrobot-section .feel-callout-section .feel-robot-register {
    margin-top: 1px;
    margin-left: 40px;
    width: 480px;
    height: 575px;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px;
    background-color: #fff;
    padding: 0 40px;
    box-sizing: border-box
}

.extcallrobot-section .feel-callout-section .feel-robot-register .register-wrapper .right .register-form .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

.extcallrobot-section .feel-callout-section .feel-robot-register .register-wrapper .right .register-form .ant-select .ant-select-option-single {
    line-height: 40px
}

.extcallrobot-section .feel-callout-section .feel-robot-register .feel-robot-result {
    text-align: center
}

.extcallrobot-section .feel-callout-section .feel-robot-register .feel-robot-result .show-qr {
    margin-top: 150px
}

.extcallrobot-section .feel-callout-section .feel-robot-register .feel-robot-result .show-qr img {
    width: 200px;
    height: 200px;
    margin: 0 auto
}

.extcallrobot-section .feel-callout-section .feel-robot-register .feel-robot-result .show-qr h3 {
    margin: 20px auto;
    font-weight: 400;
    font-size: 16px;
    width: 290px;
    text-align: center;
    line-height: 24px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item {
    text-align: center;
    padding: 20px 0 30px;
    position: relative
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont {
    background-color: #fff;
    box-shadow: 1px 1px 5px 5px #ddd;
    border-radius: 6px;
    width: 950px;
    margin: 0 auto;
    display: flex;
    padding: 40px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left {
    margin-right: 160px;
    box-sizing: border-box;
    text-align: left
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .ant-btn {
    margin-top: 50px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-title {
    font-weight: 600;
    line-height: 40px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-desc {
    color: #999;
    line-height: 20px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-options {
    display: flex;
    padding-top: 10px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-options .options-item {
    flex: .3 1
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-options .options-item span {
    font-weight: 700;
    color: #e1c50c;
    display: block
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-custom-cont .slide-left .slide-left-options .options-item label {
    display: block
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-voc-img {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    border-radius: 16px;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    position: relative;
    overflow: hidden
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .slide-voc-img img {
    width: 1200px;
    height: 300px
}

.extcallrobot-section .voc-team-best-action .slide-custom-item .blank-btn {
    position: absolute;
    top: 220px;
    left: 45px;
    width: 220px;
    height: 40px;
    cursor: pointer
}

.call-video-modal .ant-modal {
    max-width: 1200px
}

.call-video-modal .ant-modal-body {
    padding: 0;
    background: #000
}

.call-video-modal .ant-modal-close {
    z-index: 1111;
    color: #fff;
    font-weight: 700;
    width: 100%;
    background: #000
}

.call-video-modal .ant-modal-close:hover {
    color: #f9a60c
}

.call-video-modal .ant-modal-close .ant-modal-close-x {
    float: right;
    margin-right: 10px
}

.pa10040 {
    padding: 100px 0 40px
}

.pcp-help-page {
    text-align: center
}

.pcp-help-page .head {
    height: 354px;
    background: url(../image/2f3435e3-7a96-4f0a-a292-8b1a5dfb4686.jpg) top center no-repeat;
    width: 100%;
    text-align: center
}

.pcp-help-page .head h1 {
    margin: 0 auto 20px;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-top: 180px
}

.pcp-help-page .head .ant-select {
    text-align: left
}

.pcp-help-page .box-3 {
    background-color: #f5f5f7
}

.pcp-help-page .box-sc {
    padding: 60px 0;
    margin: 0 auto;
    width: 1200px
}

.pcp-help-page .box-sc .title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #1a1a1a
}

.pcp-help-page .box-sc .desc {
    padding-top: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #676b73
}

.pcp-help-page .box-sc .cards {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.pcp-help-page .box-sc .cards .card {
    width: 276px;
    height: 126px;
    border-radius: 8px;
    background-color: #c4e0ff;
    position: relative;
    text-align: left;
    padding: 32px;
    cursor: pointer;
    transition: top .3s ease;
    top: 0
}

.pcp-help-page .box-sc .cards .card:hover {
    top: -12px
}

.pcp-help-page .box-sc .cards .card h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #1a2233
}

.pcp-help-page .box-sc .cards .card p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-top: 12px;
    color: #676b73
}

.pcp-help-page .box-sc .cards .card img {
    position: absolute;
    width: 146px;
    height: 126px;
    right: 0;
    top: 0
}

.pcp-help-page .box-sc .cards .card.kf {
    background-color: #bcebeb
}

.pcp-help-page .box-sc .cards.cards-less {
    justify-content: space-around;
    align-items: flex-start
}

.pcp-help-page .box-sc .cards-1 {
    justify-content: center
}

.pcp-help-page .box-sc .cards-1 .card {
    height: 208px;
    width: 400px;
    text-align: justify;
    padding: 24px 32px 0;
    position: relative;
    background-color: #fff;
    cursor: default
}

.pcp-help-page .box-sc .cards-1 .card:last-child {
    margin-left: 40px
}

.pcp-help-page .box-sc .cards-1 .card .tit {
    min-height: 110px
}

.pcp-help-page .box-sc .cards-1 .card .tit h2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.pcp-help-page .box-sc .cards-1 .card .txt p {
    padding-top: 5px
}

.pcp-help-page .box-sc .cards-1 .card .qr {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 160px;
    height: 160px
}

.pcp-help-page .box-sc.kaifa {
    padding-bottom: 120px
}

.knowledge-search-popup .text-center {
    text-align: center
}

.knowledge-search-popup .reach-end__text {
    color: #999;
    font-size: 12px;
    text-align: center
}

.knowledge-search-popup .space-btn-search {
    cursor: pointer;
    margin-top: 8px;
    padding: 0 8px 4px;
    color: #999;
    display: flex;
    justify-content: space-between
}

.knowledge-search-popup .search-option em {
    color: #ff4d4f;
    font-style: normal;
    background-color: transparent
}

.knowledge-search-popup .search-option .title-space {
    cursor: pointer;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.knowledge-search-popup .search-option .title {
    display: flex;
    align-items: center
}

.knowledge-search-popup .search-option .ellipsis-wrap {
    margin-left: 8px
}

.knowledge-search-popup .search-option .content {
    font-size: 12px;
    color: #999;
    height: 22px
}

.knowledge-search-popup .search-option .icon-gailan {
    color: #00bfe5
}

.knowledge-search-popup .search-option .space-name {
    color: #00000073
}

.ct-ellipsis-ellipsis {
    overflow: hidden;
    display: inline-block;
    word-break: break-all;
    width: 100%
}

.ct-ellipsis-tooltip {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.ct-ellipsis-tooltip .fishd-tooltip-inner {
    max-height: 300px;
    overflow-y: auto
}

.ct-ellipsis-width-mode {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto
}

.ct-ellipsis-lines {
    position: relative
}

.ct-ellipsis-lines .shadow {
    display: block;
    position: absolute;
    color: transparent;
    opacity: 0;
    z-index: -999
}

.ct-ellipsis-lineClamp {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.ct-ellipsis-shadow {
    opacity: 0
}

.lottie-container-banner {
    position: absolute;
    bottom: 40px;
    right: -40px;
    width: 594px;
    height: 450px
}

.lottie-container-intro {
    position: relative;
    width: 100%;
    height: 588px
}

.PCHome-carousel {
    height: 580px
}

.PCHome-carousel .slick-dots {
    width: 1200px;
    display: block;
    text-align: left;
    justify-content: left;
    margin: 0 auto;
    bottom: 60px
}

.PCHome-carousel .slick-dots li {
    width: 40px
}

.PCHome-carousel .slick-dots li button {
    height: 4px;
    width: 40px;
    border-radius: 2px;
    background: #9da0a6
}

.PCHome-carousel .slick-dots li.slick-active {
    width: 40px
}

.PCHome-carousel .slick-dots li.slick-active button {
    height: 4px;
    border-radius: 2px;
    width: 40px;
    background: #9da0a6
}

.PCHome-carousel .slick-dots li.slick-active button:after {
    background: #9da0a6;
    height: 4px;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 2px
}

.PCHome-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    background-image: url(../image/18c5c99f-7c75-4f41-9a65-65d43b723edf.png);
    background-size: 2560px 580px;
    background-position: center;
    background-color: #fff
}

.PCHome-carousel-wrapper .back-image {
    width: 100%;
    height: 100%;
    max-height: 580px;
    background-position: center;
    background-size: cover;
    text-align: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 0
}

.PCHome-carousel-content {
    position: relative;
    width: 1200px;
    display: flex;
    height: 100%;
    margin: 0 auto;
    justify-content: space-between
}

.PCHome-carousel-content .text {
    margin-top: 160px
}

.PCHome-carousel-content .title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.3;
    color: #1a2233
}

.PCHome-carousel-content .subtitle {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.5;
    color: #1a2233;
    letter-spacing: 2px
}

.PCHome-carousel-content.z-black .title,
.PCHome-carousel-content.z-black .subtitle {
    color: #fff
}

.PCHome-minibanner-wrapper {
    display: flex;
    justify-content: space-around;
    width: 1360px;
    height: 176px;
    margin: -40px auto 120px;
    background: #fff;
    box-shadow: 0 0 1px #0006, 0 0 40px -10px #12141a1a;
    border-radius: 12px;
    overflow: hidden;
    padding: 1px;
    position: relative
}

.PCHome-minibanner-item {
    position: relative;
    width: 376px;
    height: 146px;
    margin: 16px 0 16px 16px;
    cursor: pointer;
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box
}

.PCHome-minibanner-item:last-child {
    border-right: none;
    margin-right: 0
}

.PCHome-minibanner-item .bg {
    height: 60px;
    border-radius: 8px 8px 0 0
}

.PCHome-minibanner-item .content {
    padding: 0
}

.PCHome-minibanner-item .title {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.5;
    color: #1a2233
}

.PCHome-minibanner-item .desc {
    font-size: 13px;
    line-height: 1.5;
    color: #676b73;
    width: 220px
}

.PCHome-minibanner-item .buttons {
    position: absolute;
    left: 0;
    bottom: 6px
}

.PCHome-minibanner-item .buttons a {
    display: inline-block;
    width: 232px;
    height: 28px;
    line-height: 28px;
    border-radius: 32px;
    text-align: center
}

.PCHome-minibanner-item .buttons a+a {
    margin-left: 8px
}

.PCHome-minibanner-item .buttons a .weanniujiantou {
    font-size: 14px
}

.PCHome-minibanner-item .buttons .download-btn {
    background: #ffe5cc;
    color: #630;
    font-size: 13px;
    width: 116px
}

.PCHome-minibanner-item .buttons .detail-btn {
    border: 1px solid #1a2233;
    color: #1a2233
}

.PCHome-minibanner-item .preview {
    position: absolute;
    right: 16px;
    bottom: 6px;
    width: 78px;
    height: 104px
}

.PCHome-minibanner-item .preview img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.PCHome-toolbox-tabpane {
    width: 1200px;
    margin: 60px auto 0
}

.PCHome-toolbox-tabpane .ant-tabs-bar {
    border-bottom: none
}

.PCHome-toolbox-tabpane .ant-tabs-nav {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.PCHome-toolbox-tabpane .ant-tabs-nav:before {
    display: none
}

.PCHome-toolbox-tabpane .ant-tabs-nav:after {
    display: none
}

.PCHome-toolbox-tabpane .ant-tabs-nav .ant-tabs-ink-bar {
    position: absolute;
    width: 60px !important;
    height: 4px;
    margin-left: 56px
}

.PCHome-toolbox-tabpane.ant-tabs-line>.ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
    height: 64px !important;
    line-height: 44px;
    padding-bottom: 20px !important
}

.PCHome-toolbox-carousel-wrapper {
    width: 1200px;
    margin: 0 auto
}

.PCHome-toolbox-carousel {
    width: 1300px
}

.PCHome-toolbox-carousel .slick-current .aos-animate {
    opacity: 1 !important;
    transform: none !important
}

.PCHome-toolbox-carousel .slick-slide:not(.slick-current) .aos-animate {
    opacity: 0 !important;
    transform: translate3d(0, 60px, 0) !important
}

.PCHome-toolbox-carousel-item {
    width: 1300px;
    display: flex;
    height: 660px;
    justify-content: space-between;
    align-items: center
}

.PCHome-toolbox-carousel-item .content-part {
    width: 460px
}

.PCHome-toolbox-carousel-item .content-part .title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.5;
    color: #9da0a6
}

.PCHome-toolbox-carousel-item .content-part .question {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    color: #1a2233
}

.PCHome-toolbox-carousel-item .content-part .desc {
    margin-bottom: 60px;
    color: #676b73;
    font-size: 18px;
    line-height: 2
}

.PCHome-toolbox-carousel-item .intro-part {
    position: relative;
    width: 800px;
    height: 660px;
    background-color: red
}

.PCHome-section.guide {
    padding-top: 80px;
    text-align: center;
    height: 450px;
    background-image: url(../image/f171ecaefca50df452881cb1b39b7f68.png);
    background-size: 2560px 450px;
    background-position: center
}

.PCHome-section.guide .PCHome-section-title {
    color: #fff;
    margin-bottom: 60px
}

.PCHome-section .PCHome-section-title {
    text-align: center;
    margin: 0;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5;
    color: #1a2233
}

.PCHome-section .PCHome-section-subtitle {
    text-align: center;
    margin: 24px 0 0;
    font-size: 18px;
    line-height: 1.5;
    color: #676b73
}

.PCHome-section.why {
    margin-top: 60px;
    margin-bottom: 60px
}

.PCHome-section.why .PCHome-section-subtitle {
    margin-bottom: 8px
}

.PCHome-section .PCHome-why-wrapper {
    position: relative
}

.PCHome-section .PCHome-why-wrapper .back-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/167399be-c8f6-4e18-867c-fe6bcff6dfe3.png);
    background-size: 1920px 400px;
    background-position: 50% 0;
    background-repeat: no-repeat
}

.PCHome-section .PCHome-why-box {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto
}

.PCHome-section .PCHome-why-item {
    width: 252px;
    height: 392px;
    padding: 30px 30px 0;
    background: transparent;
    border: 1px solid #e6e7eb;
    box-sizing: border-box;
    box-shadow: 0 40px 60px -20px #1a202c1a;
    border-radius: 16px
}

.PCHome-section .PCHome-why-item:nth-child(1) {
    margin-top: 200px
}

.PCHome-section .PCHome-why-item:nth-child(2) {
    margin-top: 147px
}

.PCHome-section .PCHome-why-item:nth-child(3) {
    margin-top: 72px
}

.PCHome-section .PCHome-why-item .title {
    margin: 110px 0 20px;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    color: #1a2233
}

.PCHome-section .PCHome-why-item .desc {
    font-size: 16px;
    line-height: 28px;
    color: #676b73
}

.PCHome-section .PCHome-why-item img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.PCHome-section .section-h2 {
    font-size: 28px;
    color: #142033;
    text-align: center;
    margin-bottom: 10px
}

.PCHome-section .section-h2 img {
    height: 50px
}

.PCHome-section .margTop {
    margin-top: 91px
}

.PCHome-section .section-title {
    font-size: 32px;
    color: #142033;
    text-align: center
}

.PCHome-section .section-subTitle {
    font-size: 20px;
    color: #3d4c66;
    text-align: center
}

.PCHome-section-content {
    width: 1200px;
    display: flex;
    margin: 50px auto 0;
    align-items: center
}

.PCHome-section-content>:not(:last-child) {
    margin-right: 50px
}

.PCHome-section-main {
    transition: all 1s linear;
    position: relative
}

.PCHome-section .lottie-tool {
    width: 1360px;
    margin: 0 auto
}

.PCHome-section .tool-box {
    width: 1360px;
    height: 588px;
    margin: 16px auto 0 0;
    position: relative
}

.PCHome-section .tool-box .left {
    width: 100%
}

.PCHome-section .tool-box .left .lottie-wraper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.PCHome-section .tool-box .left .lottie-container-intro {
    width: 100%
}

.PCHome-section .tool-box .right {
    width: 500px;
    position: absolute;
    top: 0;
    right: 80px;
    height: 100%;
    font-style: normal
}

.PCHome-section .tool-box .right .v-center {
    position: relative;
    top: 50px
}

.PCHome-section .tool-box .right .title {
    font-weight: 600;
    font-size: 28px;
    line-height: 150%;
    color: #1a2233
}

.PCHome-section .tool-box .right .title3 {
    margin-top: 200px
}

.PCHome-section .tool-box .right .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #676b73;
    margin: 8px 0 24px
}

.PCHome-section .tool-box .right .navs .nav {
    margin-top: 16px
}

.PCHome-section .tool-box .right .navs .nav-tit {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #1a2233;
    margin-bottom: 8px
}

.PCHome-section .tool-box .right .navs .nav-btns {
    display: flex
}

.PCHome-section .tool-box .right .navs .nav-btns .pcc-anim-btn {
    position: relative;
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    font-size: 14px;
    padding-left: 12px
}

.PCHome-section .tool-box .right .navs .nav-btns .pcc-anim-btn .weanniujiantou {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 8px
}

.PCHome-section#lottieTool {
    position: relative;
    height: 720px
}

.PCHome-section.industry {
    text-align: center;
    padding: 60px 0 30px;
    background-color: #f5f5f7
}

.PCHome-section.industry h2 {
    font-size: 36px;
    line-height: 54px
}

.PCHome-section.industry ul {
    padding-top: 30px;
    display: flex;
    justify-content: center
}

.PCHome-section.industry ul li {
    margin: 0 -6px;
    list-style: none;
    overflow: hidden;
    height: 246px;
    width: 282px;
    border-radius: 10px
}

.PCHome-section.industry ul li img {
    height: 246px;
    width: 282px
}

.PCHome-why-trybtn {
    margin-top: 16px;
    text-align: center
}

.partner {
    min-width: 1200px;
    margin-top: 60px;
    padding: 60px 0;
    overflow: hidden
}

.partner .PCHome-section-main {
    margin-top: 60px
}

.partner-card {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 80px;
    background: #fff;
    box-shadow: 0 10px 30px #00000014;
    border: .5px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    transform: skew(-12deg);
    margin-left: 20px;
    flex-shrink: 0
}

.partner-card img {
    transform: skew(12deg)
}

.partner-content {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 24px
}

.partner-content:last-child {
    margin-bottom: 0
}

.partner-content:nth-child(2) {
    transform: translate(80px)
}

.partner .more-btn {
    text-align: center;
    margin-top: 60px
}

.partner .more-btn a {
    margin: 0 auto;
    display: inline-block;
    border-radius: 50px;
    width: 184px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    color: #c1292e;
    border: 1px solid #c1292e
}

.pcc-industry-solution-section .mini .module-row {
    height: 112px
}

.pcc-industry-solution-section .mini .module-row .module-item .link {
    line-height: 28px;
    transition: all .2s
}

.pcc-industry-solution-section .mini .module-row .module-item:hover {
    height: 152px
}

.scrollMask {
    position: absolute;
    inset: 0;
    background-color: #000;
    opacity: .5;
    overflow: hidden;
    z-index: 99999
}

.pc-large-model-banner-wrapper {
    background-position: center;
    background-size: 2560px 580px
}

.pc-large-model-banner-container {
    position: relative;
    box-sizing: border-box;
    width: 1200px;
    height: 580px;
    margin: 0 auto;
    padding-top: 80px
}

.pc-large-model-banner-box {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    background-position: center -80px;
    background-size: 2560px 580px
}

.pc-large-model-banner-content {
    width: 540px
}

.pc-large-model-banner-content .title {
    margin-top: 18px;
    color: #fff;
    font-size: 40px;
    line-height: 52px
}

.pc-large-model-banner-content .subtitle {
    margin-top: 16px;
    color: #fff;
    font-size: 18px;
    font-weight: inherit
}

.pc-large-model-banner-content .advantage-items {
    display: flex;
    margin-top: 16px
}

.pc-large-model-banner-content .advantage-item {
    display: flex;
    flex-direction: column;
    margin-right: 24px
}

.pc-large-model-banner-content .advantage-item .advantage-item-result {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    color: #b3e952
}

.pc-large-model-banner-content .advantage-item .advantage-item-result .result-unit {
    margin-left: 4px;
    font-size: 26px;
    line-height: 46px
}

.pc-large-model-banner-content .advantage-item .advantage-item-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    opacity: .8
}

.pc-large-model-banner-content .advantage-item img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.pc-large-model-banner-content .btn-box {
    margin-top: 40px;
    display: flex;
    justify-content: flex-start
}

.pc-large-model-banner-content .btn-box .ant-btn {
    border: 1px solid #1a2233;
    border-radius: 50px !important;
    height: 50px;
    min-width: 160px;
    margin: 3px 0 0 16px;
    font-size: 18px;
    background: transparent
}

.pc-large-model-banner-content .btn-box.form400 .pcc-form-item-container {
    width: 400px
}

.pc-large-model-banner-content .btn-box.form400 .pcc-form-item-container .pcc-form-item-box {
    width: 100%
}

.pc-large-model-banner-content .btn-box.form400 .pcc-form-item-container .m-animbtn-btn {
    width: 180px
}

.pc-large-model-banner-video-img {
    position: relative;
    width: 540px;
    height: 360px;
    cursor: pointer
}

.pc-large-model-banner-video-img .video-mask {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    border: 2px solid rgba(238, 255, 204, .5);
    box-shadow: 0 8px 40px #ffe56633
}

.pc-large-model-banner-video-img .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    box-shadow: 0 0 40px #000c;
    border-radius: 32px
}

.pc-large-model-banner-video-img .no-hover {
    display: block
}

.pc-large-model-banner-video-img:hover .no-hover,
.pc-large-model-banner-video-img .hover {
    display: none
}

.pc-large-model-banner-video-img:hover .hover {
    display: block
}

.cp-carousel-card {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    min-height: 600px;
    margin: 0 auto;
    padding-top: 60px
}

.cp-carousel-card-video {
    width: 640px;
    height: 480px
}

.cp-carousel-card-texts {
    flex: 1 1;
    margin-top: 20px;
    margin-left: 60px
}

.cp-carousel-card-title {
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    color: #1a2233
}

.cp-carousel-card-desc {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #676b73
}

.cp-carousel-card .pcc-anim-try-btn {
    margin-top: 24px
}

.cp-carousel-card-even {
    flex-direction: row-reverse
}

.cp-carousel-card-even .cp-carousel-card-texts {
    margin-left: 0;
    margin-right: 60px
}

.cp-carousel-card-collapse {
    background-color: #fff
}

.cp-carousel-card-collapse>.ant-collapse-item {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, .1) !important
}

@keyframes progress-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.cp-carousel-card-collapse>.ant-collapse-item .cp-carousel-card-progress {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background-color: #000;
    animation: progress-animation linear forwards
}

.cp-carousel-card-collapse>.ant-collapse-item>.ant-collapse-header {
    padding: 0 !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px !important;
    color: #9da0a6
}

.cp-carousel-card-collapse>.ant-collapse-item-active>.ant-collapse-header {
    color: #1a2233
}

.cp-carousel-card-collapse .ant-collapse-content-box {
    padding: 0 !important
}

.cp-normal-card {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0
}

.cp-normal-card-video {
    width: 640px;
    height: 480px
}

.cp-normal-card-texts {
    flex: 1 1;
    margin-top: 81.5px;
    margin-right: 60px
}

.cp-normal-card-title {
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    color: #1a2233
}

.cp-normal-card-subtitle {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    color: #1a2233
}

.cp-normal-card-desc {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #676b73
}

.cp-normal-card-tag {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 12px;
    border-radius: 2px;
    background: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #676b73
}

.cp-normal-card .pcc-anim-try-btn {
    margin-top: 40px
}

.pc-large-model-page-section {
    padding: 60px 0
}

.pc-large-model-page-section-title {
    text-align: center;
    margin: 0 0 40px;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    color: #1a2233
}

.pc-large-model-page-section-ability {
    position: relative;
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 100px 0 60px;
    overflow: hidden
}

.pc-large-model-page-section-ability:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 100%;
    z-index: 3;
    opacity: 1;
    background: linear-gradient(90deg, #fff, #fff0)
}

.pc-large-model-page-section-ability:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    z-index: 4;
    opacity: 1;
    background: linear-gradient(270deg, #fff, #fff0)
}

.pc-large-model-page-section-ability .scroll-animation {
    animation-name: none
}

.pc-large-model-page-section-ability .partner-content {
    margin-bottom: 32px
}

.pc-large-model-page-section-ability .pc-large-model-page-ability-item {
    position: relative;
    margin-right: 24px;
    padding: 8px 16px;
    border-radius: 24px;
    background-color: #bfd4fb;
    white-space: nowrap
}

.pc-large-model-page-section-ability .pc-large-model-page-ability-item:before {
    content: "";
    position: absolute;
    left: 22px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 0 0;
    border-color: #bfd4fb;
    border-right-color: transparent
}

.pc-large-model-page-advantage-section {
    background: linear-gradient(180deg, #f5f5f7, #f5f5f700 50%), #fff
}

.pc-large-model-page-advantage-section .pc-large-model-page-advantage-wrapper {
    width: 1200px;
    margin: 0 auto
}

.pc-large-model-page-advantage-section .pc-large-model-page-section-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px
}

.pc-large-model-page-advantage-item {
    display: flex;
    flex: 0 0 580px
}

.pc-large-model-page-advantage-item-left {
    display: inline-block;
    width: 48px;
    height: 48px;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.pc-large-model-page-advantage-item-right {
    text-align: left;
    padding-left: 24px
}

.pc-large-model-page-advantage-item-right h3:nth-child(1) {
    padding-bottom: 8px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #1a2233
}

.pc-large-model-page-advantage-item-right-desc {
    margin-top: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #676b73
}

.pc-large-model-page-advantage-wrapper-btn {
    margin-top: 40px;
    text-align: center
}

.pc-live-page-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #000;
    min-height: 100vh
}

.pc-live-page {
    height: 100%;
    margin: 0 auto;
    width: 1200px
}

.pc-live-page .header {
    text-align: left;
    padding: 15px 0;
    background-color: #000
}

.pc-live-page .header .img-tit {
    height: 30px
}

.pc-live-page .main {
    width: 100%;
    padding-bottom: 60px
}

.pc-live-page .main .no-find {
    color: #999;
    line-height: 500px;
    text-align: center;
    font-size: 28px
}

.pc-live-page .main .cont {
    width: 100%;
    text-align: left;
    color: #fff
}

.pc-live-page .main .cont .video-wraper {
    min-height: 500px;
    position: relative
}

.pc-live-page .main .cont .video-wraper .video-js {
    width: 100%;
    height: 100%;
    min-height: 500px
}

.pc-live-page .main .cont .video-wraper .z-hideplay .vjs-big-play-button {
    display: none
}

.pc-live-page .main .cont .video-wraper .img-mask {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    background-color: #000;
    inset: 0;
    overflow: hidden
}

.pc-live-page .main .cont .video-wraper .img-mask .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0003
}

.pc-live-page .main .cont .video-wraper .img-mask img {
    width: 100%;
    height: 100%
}

.pc-live-page .main .cont .video-wraper .img-mask video {
    width: 100%;
    height: 100%
}

.pc-live-page .main .cont .video-wraper .img-mask .play {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    background-image: url(../image/976c1b7b220716b62b2e14a770f04fff.png);
    background-size: contain
}

.pc-live-page .main .cont .video-wraper .img-mask .play:hover {
    background-image: url(../image/b61a7371cc79fe2129a4eb2a866dcba5.png)
}

.pc-live-page .main .cont .foot-info {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    background-color: #1a1a21;
    padding: 24px;
    box-sizing: border-box
}

.pc-live-page .main .cont .foot-info .left h2 {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

.pc-live-page .main .cont .foot-info .left h3 {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

.pc-live-page .main .cont .foot-info .left h3 span {
    margin-right: 20px
}

.pc-live-page .main .cont .foot-info .left h3 span .iconfont {
    margin-right: 5px
}

.pc-live-page .main .cont .foot-info .right {
    display: flex;
    font-size: 14px
}

.pc-live-page .main .cont .foot-info .right .fx {
    color: #fff;
    margin: 50px 0 0 20px;
    cursor: pointer
}

.pc-live-page .main .cont .foot-info .right .fx strong {
    margin: 0 10px;
    font-weight: 400
}

.pc-live-page .main .sider {
    margin-top: 15px;
    text-align: left;
    color: #fff;
    width: 100%;
    padding-bottom: 24px;
    background-color: #1a1a21
}

.pc-live-page .main .sider h2 {
    padding: 16px 24px;
    color: #66b3ff;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.pc-live-page .main .sider h3 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.pc-live-page .main .sider .info {
    padding: 0 24px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 15px
}

.pc-live-page .main .sider .info span {
    font-size: 28px;
    position: relative;
    top: 3px
}

.pc-live-page .main .sider .authors {
    padding: 24px 24px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 16px 48px
}

.pc-live-page .main .sider .authors .author {
    display: flex;
    min-width: 252px
}

.pc-live-page .main .sider .authors .author img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    margin-top: 4px
}

.pc-live-page .main .sider .authors .author .tit,
.pc-live-page .main .sider .authors .author .name {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: .8;
    max-width: 200px
}

.pc-live-page .main .sider .authors .author:first-child {
    margin-left: 0
}

.pc-live-page .main .sider .about {
    padding: 8px 24px 0;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px;
    opacity: .8;
    white-space: pre-line;
    border-radius: 0 0 4px 4px
}

.pc-live-page .main .sider .about p {
    padding-top: 16px
}

.tool-for-live-page-fx {
    text-align: center
}

.tool-for-live-page-fx .fx-tit {
    background-color: #fff;
    border-radius: 6px;
    padding: 16px
}

.tool-for-live-page-fx h2 {
    font-size: 14px;
    line-height: 30px;
    text-align: center
}

.tool-for-live-page-fx h3 {
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.vjs_video_3-dimensions {
    width: 100%;
    height: 100%
}

@media (min-width: 1200px) {
    .pc-live-page {
        width: 1200px
    }
}

@media (max-width: 1200px) {
    .pc-live-page {
        width: 900px
    }

    .pc-live-page .main .cont .video-wraper,
    .pc-live-page .main .cont .video-wraper .video-js {
        min-height: 400px
    }
}

.merger-notice-banner {
    height: 500px;
    background-image: url(../image/1f085bc3-46b5-4fc9-aac1-cf9adc41e2a2.png);
    background-size: 2560px
}

.merger-notice-container {
    margin: -260px auto 60px;
    padding: 40px;
    width: 1200px;
    color: #1a2233;
    background-color: #fff;
    box-shadow: 0 0 1px #0003, 0 20px 60px -20px #1a223326;
    border-radius: 16px
}

.merger-notice-title {
    padding: 0 0 20px 10px;
    line-height: 150%;
    font-weight: 600;
    font-size: 36px;
    border-bottom: 1px solid #d9d9db
}

.merger-notice-paragraph {
    margin-top: 40px
}

.merger-notice-line {
    line-height: 36px;
    font-weight: 400;
    font-size: 18px
}

.merger-notice-line img {
    margin-top: 10px;
    width: 100%
}

.news-page-carousel {
    height: 580px;
    min-width: 1180px
}

.news-page-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: auto 100%;
    background-image: url(../image/483145c56d86187211f73280f914b363.png);
    background-position: center;
    background-color: #fff
}

.news-page-carousel-content {
    position: relative;
    top: 160px;
    width: 1180px;
    margin: 0 auto;
    text-align: center
}

.news-page-carousel-content .title {
    margin-bottom: 30px;
    font-size: 50px;
    color: #1a2233;
    line-height: 75px;
    font-weight: 600
}

.news-page-carousel-content .subTitle {
    font-size: 28px;
    line-height: 42px;
    color: #1a2233;
    font-weight: 400
}

.news-page-carousel-content.center {
    text-align: center
}

.news-page-content {
    display: flex;
    flex-wrap: wrap;
    width: 1080px;
    margin: 0 auto;
    transform: translateY(-170px)
}

.news-page-item {
    width: 320px;
    background: #fff;
    margin: 20px;
    cursor: pointer;
    box-shadow: 0 20px 60px -10px #1a223326;
    border-radius: 8px;
    text-align: left;
    transition: transform .3s
}

.news-page-item-img {
    display: block;
    width: 100%;
    height: 136px;
    border-radius: 8px 8px 0 0
}

.news-page-item-date {
    width: 100%;
    margin: 24px auto 0;
    padding: 0 30px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    color: #676b73;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.news-page-item-date span {
    padding: 0 4px
}

.news-page-item-title {
    width: 100%;
    padding: 0 30px;
    margin: 12px auto 10px;
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    color: #1a2233;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-page-item-jump {
    padding: 30px;
    color: #c1292e;
    font-size: 16px;
    line-height: 24px
}

.news-page-item-jump span {
    margin-left: 4px
}

.news-page-item:hover {
    box-shadow: 0 30px 60px -20px #1a223340;
    transform: translateY(-10px)
}

.Onlinekefu-carousel {
    height: 580px;
    margin-bottom: 55px;
    min-width: 1180px
}

.Onlinekefu-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-top: 80px;
    background-size: auto 100%;
    background-image: url(../image/0e64f4dd5aa857d0945bbcc1b8aafe42.png);
    background-position: center;
    background-color: #fff
}

.Onlinekefu-carousel-content {
    position: relative;
    top: 50%;
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.Onlinekefu-carousel-content .title {
    margin-bottom: 20px;
    font-size: 50px;
    color: #142033;
    line-height: 75px;
    font-weight: 600
}

.Onlinekefu-carousel-content .subTitle {
    font-size: 28px;
    color: #1a2233;
    margin-bottom: 60px;
    line-height: 42px;
    font-weight: 400
}

.Onlinekefu-carousel-content.posRight {
    text-align: left
}

.Onlinekefu-carousel .slick-dots {
    bottom: 40px
}

.Onlinekefu-carousel .slick-dots li button,
.Onlinekefu-carousel .slick-dots li.slick-active button {
    width: 36px
}

.project-onlinekefu .project-title {
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 600
}

.project-onlinekefu #project-subtitle {
    font-size: 18px;
    color: #676b73;
    margin-top: 24px;
    font-weight: 400
}

.project-onlinekefu #project-subtitle p {
    line-height: 26px;
    margin-bottom: 16px
}

.project-onlinekefu .project-text {
    display: flex;
    flex-wrap: wrap;
    width: 400px
}

.project-onlinekefu .project-intro {
    width: 480px;
    margin-left: 20px
}

.project-onlinekefu .intro-box {
    display: flex;
    align-items: center;
    width: 130px;
    margin-top: 36px;
    margin-right: 40px
}

.project-onlinekefu .intro-box i.iconfont {
    font-size: 30px;
    margin-right: 8px
}

.project-onlinekefu .intro-box p {
    line-height: 16px;
    font-size: 14px;
    word-break: keep-all;
    font-weight: 400;
    color: #676b73
}

.project-onlinekefu .intro-box p span {
    font-weight: 400;
    font-size: 12px
}

.partners {
    color: #1a2233
}

.partners-banner {
    height: 580px;
    background: center / 2560px 580px url(../image/5cfb0db8-387d-443e-82b0-d01f9538cde0.png)
}

.partners-banner-content {
    margin: 0 auto;
    padding-top: 210px;
    width: 1200px
}

.partners-banner-title {
    line-height: 60px;
    font-weight: 600;
    font-size: 40px
}

.partners-banner-subtitle {
    margin: 16px 0 40px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400
}

.partners-banner-btn {
    padding: 0 70px 0 50px;
    line-height: 60px
}

.partners-banner .m-animbtn-btn {
    padding-left: 50px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 20px
}

.partners-banner .m-animbtn-btn .weanniujiantou {
    margin-left: 16px
}

.partners-banner .m-animbtn-btn:hover .weanniujiantou {
    margin-left: 22px
}

.partners-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding-top: 60px;
    width: 1200px
}

.partners-section-title {
    line-height: 48px;
    font-size: 32px;
    font-weight: 600
}

.partners-why {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px
}

.partners-why-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 84px;
    width: 400px
}

.partners-why-img {
    width: 48px;
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.partners-why-title {
    margin-top: 32px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 500
}

.partners-why-subtitle {
    margin-top: 12px;
    white-space: pre-wrap;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    color: #676b73
}

.partners-how {
    margin: 40px auto 60px;
    width: 1200px
}

.partners-system {
    padding-bottom: 60px;
    background-color: #f5f6fa
}

.partners-system-container {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    width: 906px
}

.partners-system-card {
    position: relative;
    width: 430px;
    height: 600px;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s
}

.partners-system-card:hover {
    box-shadow: 0 0 1px #0003, 0 16px 40px -12px #1a22334d;
    transform: translateY(-24px)
}

.partners-system-card:hover .partners-system-img {
    background-size: auto 120%
}

.partners-system-img {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
    transition: all .3s
}

.partners-system-main {
    padding: 24px
}

.partners-system-title {
    line-height: 36px;
    font-size: 24px;
    font-weight: 600
}

.partners-system-desc {
    margin-top: 12px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #676b73
}

.partners-system-subtitle {
    margin-top: 24px;
    line-height: 36px;
    font-size: 18px
}

.partners-system-content {
    margin-top: 4px;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #676b73
}

.partners-system .m-animbtn-btn {
    position: absolute;
    bottom: 32px;
    padding-left: 145px;
    width: 382px;
    height: 60px;
    line-height: 60px
}

.partners-partner-img {
    margin: 40px 0 60px;
    width: 1200px
}

.partners-partner-btn {
    margin-bottom: 60px;
    padding: 8px 24px;
    line-height: 24px;
    font-size: 16px;
    border: 1px solid #1a2233;
    border-radius: 50px;
    color: #1a2233
}

.partners-partner-btn:hover {
    color: #1a2233
}

.Frame-content.g-privacyPolicy {
    background-color: #f0f0f2;
    font-family: PingFang SC, sans-serif
}

.m-privacy-policy {
    padding-top: 130px;
    padding-bottom: 40px;
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    min-height: 600px
}

.m-privacy-policy .m-protocol-sider-wrap {
    width: 280px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
    height: 100%
}

.m-privacy-policy .m-protocol-sider-wrap .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    background-color: #fff
}

.m-privacy-policy .m-doc {
    min-height: 600px;
    width: 880px;
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    padding: 50px 40px 40px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-privacy-policy .m-doc header {
    padding: 10px 0
}

.m-privacy-policy .m-doc header h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #222;
    text-align: center
}

.m-privacy-policy .m-doc header h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #999
}

.m-privacy-policy .m-doc article p {
    text-indent: 30px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    padding-bottom: 10px
}

.m-privacy-policy .m-doc article div {
    font-size: 14px;
    line-height: 28px;
    text-align: left
}

.m-privacy-policy .m-doc article h2 {
    margin: 20px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-privacy-policy .m-doc article h3 {
    margin: 15px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-privacy-policy .m-doc article h4 {
    margin: 10px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #222
}

.m-privacy-policy .m-doc article .blue {
    color: #337eff
}

.m-privacy-policy .m-doc article .back-yellow {
    background-color: #eef612
}

.m-privacy-policy .m-doc article table {
    width: 100%;
    border: solid 1px #ddd;
    border-collapse: collapse;
    margin-bottom: 10px
}

.m-privacy-policy .m-doc article table td,
.m-privacy-policy .m-doc article table th {
    border: solid 1px #ddd;
    padding: 8px
}

.m-privacy-policy .m-doc article table td p,
.m-privacy-policy .m-doc article table th p {
    padding: 0;
    margin: 0;
    text-indent: 0
}

.m-privacy-policy .m-doc article table thead td {
    font-weight: 700
}

.m-privacy-policy .m-doc article table thead td.center {
    text-align: center
}

.m-privacy-policy .m-doc article a {
    color: #337eff
}

.m-privacy-policy .m-doc article.for-en ul {
    margin-left: 30px
}

.m-privacy-policy .m-doc article.for-en ul li {
    font-size: 18px;
    list-style-position: inside
}

.m-privacy-policy .m-doc article.for-en p {
    font-size: 18px
}

.m-privacy-policy .m-doc article.for-en div {
    font-size: 18px
}

.m-privacy-policy .m-doc article.for-en h2 {
    font-size: 18px
}

.m-privacy-policy .m-doc article.for-en h3 {
    font-size: 18px;
    line-height: 20px
}

.m-privacy-policy .m-doc article.for-en .links h3 {
    margin: 8px 0;
    line-height: 18px
}

.m-privacy-policy .m-doc article.for-en .xieti {
    font-style: italic
}

.m-privacy-policy .m-doc article.for-en table {
    font-size: 18px
}

.m-privacy-policy .m-doc article.for-en table tr td {
    vertical-align: top
}

.m-privacy-policy .m-doc article.for-en table tr td ul li {
    margin-left: 12px
}

.pc-recommend-wrapper {
    font-style: normal
}

.pc-recommend-wrapper .cards {
    display: flex;
    margin: 0 auto;
    width: 1180px;
    justify-content: space-between;
    flex-wrap: wrap
}

.pc-recommend-wrapper .cards .card {
    position: relative
}

.pc-recommend-wrapper .cards .card .icon {
    text-align: left
}

.pc-recommend-wrapper .cards .card .tit {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #333
}

.pc-recommend-wrapper .cards .card .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9495ac
}

.pc-recommend-wrapper .cards .card .num {
    position: absolute;
    font-weight: 900;
    font-size: 160px;
    line-height: 150px;
    color: #f3f7fb;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-wrapper .title {
    text-align: center;
    width: 98%;
    position: relative;
    z-index: 5
}

.pc-recommend-wrapper .circle {
    position: absolute;
    width: 750px;
    height: 1700px;
    border-radius: 50%;
    left: 30%;
    top: -300px;
    background: linear-gradient(170.39deg, #fff -7.12%, #fff0 99.88%);
    transform: rotate(47.46deg);
    transform: rotate(57deg) matrix(1, 1, 0, 1, 0, 0);
    z-index: 1
}

.pc-recommend-wrapper #guize {
    width: 100%;
    height: 2px;
    position: relative;
    bottom: 70px
}

.pc-recommend-banner {
    height: 668px;
    min-width: 1180px;
    margin: 0 auto;
    background-size: cover;
    text-align: center;
    position: relative;
    background-position: center
}

.pc-recommend-banner .center {
    height: 100%;
    width: 1180px;
    position: relative;
    margin: 0 auto
}

.pc-recommend-banner .center .text {
    position: absolute;
    left: 0;
    top: 198px;
    width: 50%
}

.pc-recommend-banner .center .btn {
    position: absolute;
    left: 0;
    top: 420px;
    height: 52px;
    width: 190px
}

.pc-recommend-banner .mask {
    height: 190px;
    background: linear-gradient(180deg, #fff0 6.21%, #fff 72.44%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.pc-recommend-banner .mask1 {
    height: 90px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5
}

.pc-recommend-tjfuli {
    padding-top: 0;
    text-align: center;
    margin: 0 auto;
    min-width: 1180px;
    padding-bottom: 90px
}

.pc-recommend-tjfuli .title {
    background-position: center -20px;
    background-repeat: no-repeat
}

.pc-recommend-tjfuli .title1 {
    margin-top: -20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #9495ac;
    transform: matrix(1, 0, -.08, 1, 0, 0);
    width: 98%;
    z-index: 6;
    position: relative
}

.pc-recommend-tjfuli .cards {
    padding-top: 40px;
    display: flex;
    justify-content: space-between
}

.pc-recommend-tjfuli .cards .card {
    width: 379px;
    height: 183px;
    background-size: contain;
    position: relative
}

.pc-recommend-tjfuli .cards .card img {
    width: 421px;
    height: 225px
}

.pc-recommend-tjfuli .cards .card .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #9495ac;
    position: absolute;
    bottom: 5px;
    left: 60px
}

.pc-recommend-liuc {
    text-align: center;
    background-size: auto 1000px;
    background-position-x: -1100px;
    background-position-y: -350px;
    position: relative;
    min-width: 1180px
}

.pc-recommend-liuc .before-bg {
    width: 100%;
    margin: 0 auto;
    background-image: url(../image/0c6ce631-5484-4cc9-958b-f83d5e874ab6.jpg);
    height: 100%
}

.pc-recommend-liuc .title {
    padding: 40px 0
}

.pc-recommend-liuc .center {
    display: flex;
    padding-bottom: 70px;
    flex-wrap: nowrap;
    justify-content: start;
    width: 1180px;
    margin: 0 auto
}

.pc-recommend-liuc .cards {
    width: 680px;
    display: block
}

.pc-recommend-liuc .cards .card {
    width: 320px;
    height: 195px;
    text-align: left;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.pc-recommend-liuc .cards .card.c2 {
    margin-left: 20px
}

.pc-recommend-liuc .cards .card.c3 {
    margin-top: 15px
}

.pc-recommend-liuc .cards .card.c4 {
    margin-top: 15px;
    margin-left: 20px
}

.pc-recommend-liuc .cards .card img {
    width: 362px;
    height: 236px;
    margin-top: -15px;
    margin-left: -20px
}

.pc-recommend-liuc .cards .card .desc {
    padding: 20px 0 5px;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 26px
}

.pc-recommend-liuc .code-img {
    position: relative;
    margin-left: 60px;
    text-align: left
}

.pc-recommend-liuc .code-img .qr-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px
}

.pc-recommend-liuc .btn-tj {
    position: absolute;
    display: block;
    cursor: pointer;
    bottom: -15px;
    left: -15px
}

.pc-recommend-product {
    padding-top: 50px;
    box-sizing: border-box;
    min-height: 500px;
    background-position: center 60px;
    background-repeat: no-repeat;
    background-color: #f6f8fc;
    position: relative;
    overflow: hidden;
    min-width: 1180px
}

.pc-recommend-product .title {
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #555;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-product .cards {
    padding-top: 50px;
    position: relative;
    z-index: 5;
    justify-content: start;
    flex-wrap: wrap
}

.pc-recommend-product .cards .card {
    width: 370px;
    height: 239px;
    padding: 30px 26px;
    background-color: #fff;
    overflow: hidden;
    border: solid 1px #eee;
    border-radius: 5px;
    margin: 0 22px 22px 0
}

.pc-recommend-product .cards .card .desc {
    padding: 20px 0 45px
}

.pc-recommend-product .cards .card .btn {
    width: 144px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(271.51deg, #296fff -34.44%, #30b4ff 109.2%);
    border-radius: 4px;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.pc-recommend-product .cards .card .icon {
    width: 149px;
    position: absolute;
    bottom: -30px;
    right: -20px
}

.pc-recommend-rules {
    padding-top: 50px;
    height: 930px;
    box-sizing: border-box;
    background-position: center 60px;
    background-repeat: no-repeat;
    background-color: #fff;
    text-align: center;
    min-width: 1180px
}

.pc-recommend-rules .title {
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #555;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-rules .cont {
    width: 1180px;
    margin: 60px auto 0;
    padding: 10px 140px;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    box-shadow: 0 5px 20px #00000014;
    border-radius: 4px
}

.pc-recommend-rules .cont p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 4px 0
}

.pc-recommend-rules .cont p p {
    padding-left: 10px
}

.pc-recommend-rules .cont p.desc {
    color: #999
}

.pc-recommend-qa {
    min-height: 700px;
    padding: 30px 0 10px;
    box-sizing: border-box;
    background-position: center 70px;
    background-repeat: no-repeat;
    background-color: #f6f8fc;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 1180px
}

.pc-recommend-qa .title {
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #555;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-qa .title1 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #9495ac;
    padding: 0 0 40px;
    position: relative;
    margin-top: -20px;
    z-index: 5
}

.pc-recommend-qa .circle {
    top: -440px
}

.pc-recommend-qa .center {
    width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 5
}

.pc-recommend-qa .center .left {
    width: 680px;
    text-align: left;
    overflow-y: auto;
    height: 425px;
    background-color: #fff
}

.pc-recommend-qa .center .left .ant-collapse {
    background-color: #fff
}

.pc-recommend-qa .center .left .ant-collapse>.ant-collapse-item>.ant-collapse-header {
    padding: 12px 16px;
    text-align: left;
    height: 46px
}

.pc-recommend-qa .center .left .ant-collapse-item .title {
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    transform: none
}

.pc-recommend-qa .center .right {
    position: relative;
    z-index: 5;
    width: 414px;
    height: 422px;
    background: #f2f5fa;
    border: 1px solid #dee1eb;
    border-radius: 4.44456px;
    padding-top: 80px
}

.pc-recommend-qa .center .right img {
    width: 220px;
    height: 230px
}

.pc-recommend-qa .center .right h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #333;
    padding-top: 20px
}

.pc-recommend-admin-wrapper {
    font-style: normal
}

.pc-recommend-admin-banner {
    height: 425px;
    min-width: 1180px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-position: center;
    background-size: 1920px 425px;
    background-repeat: no-repeat
}

.pc-recommend-admin-banner .center {
    height: 100%;
    width: 1180px;
    position: relative;
    margin: 0 auto
}

.pc-recommend-admin-banner .center .text {
    position: absolute;
    left: 0;
    top: 240px
}

.pc-recommend-admin-selpro {
    min-height: 290px;
    width: 1180px;
    margin: 0 auto;
    padding-top: 0
}

.pc-recommend-admin-selpro header {
    text-align: left;
    background-position: left 12px;
    background-repeat: no-repeat;
    padding: 20px 0
}

.pc-recommend-admin-selpro header h1 {
    text-align: left;
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #333;
    transform: matrix(1, 0, -.08, 1, 0, 0);
    margin-left: 5px;
    margin-top: 30px
}

.pc-recommend-admin-selpro .selcards {
    display: flex;
    justify-content: start;
    flex-wrap: wrap
}

.pc-recommend-admin-selpro .selcards .card {
    width: 33%;
    padding: 0 24px 24px 0;
    position: relative
}

.pc-recommend-admin-selpro .selcards .card .img {
    border: solid 1px #eee;
    border-radius: 5px;
    height: 86px;
    overflow: hidden;
    width: 100%
}

.pc-recommend-admin-selpro .selcards .card .img1 {
    width: 113%;
    display: block;
    margin-left: -23px;
    margin-top: -16px
}

.pc-recommend-admin-selpro .selcards .card .img2 {
    width: 113%;
    display: none;
    margin-left: -23px;
    margin-top: -16px
}

.pc-recommend-admin-selpro .selcards .card.z-sel .img1 {
    display: none
}

.pc-recommend-admin-selpro .selcards .card.z-sel .img2 {
    display: block
}

.pc-recommend-admin-tuij {
    position: relative;
    overflow: hidden;
    min-height: 726px;
    padding-bottom: 20px
}

.pc-recommend-admin-tuij .pc-recommend-form-wrapper {
    margin-left: 10px
}

.pc-recommend-admin-tuij .center {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
    background-position: 0 40px;
    background-repeat: no-repeat
}

.pc-recommend-admin-tuij .circle {
    position: absolute;
    width: 750px;
    height: 1700px;
    border-radius: 50%;
    left: 30%;
    top: -300px;
    background: linear-gradient(170.39deg, #fff -7.12%, #fff0 99.88%);
    transform: rotate(47.46deg);
    transform: rotate(57deg) matrix(1, 1, 0, 1, 0, 0);
    z-index: 1
}

.pc-recommend-admin-tuij header {
    text-align: left;
    padding: 60px 0 0 10px
}

.pc-recommend-admin-tuij header h1 {
    text-align: left;
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #333;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-admin-qr {
    height: 220px;
    background-image: url(../image/22f1037f2ca0475dfc4bc5a8913edf15.jpg);
    background-repeat: no-repeat
}

.pc-recommend-admin-qr .center-bg {
    height: 100%;
    background: #2c86ffd9;
    text-align: center
}

.pc-recommend-admin-qr .center {
    overflow: hidden;
    margin: 0 auto;
    width: 1180px;
    text-align: left;
    position: relative;
    height: 100%
}

.pc-recommend-admin-qr .center .img-bg {
    position: absolute;
    left: 100px;
    bottom: 0
}

.pc-recommend-admin-qr .center .qr-img {
    position: absolute;
    left: 370px;
    top: 35px
}

.pc-recommend-admin-qr .center .qr-img img {
    width: 140px;
    height: 140px
}

.pc-recommend-admin-qr .center .qr-img p {
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.pc-recommend-admin-qr .center .qr-text {
    position: absolute;
    left: 550px;
    top: 60px
}

.pc-recommend-admin-qr .center .qr-text h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
    color: #fff
}

.pc-recommend-admin-qr .center .qr-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.pc-recommend-admin-qr .center .qr-text p a {
    cursor: pointer;
    color: #fff
}

.pc-recommend-admin-my {
    min-height: 600px;
    width: 1180px;
    margin: 0 auto;
    padding-top: 40px
}

.pc-recommend-admin-my header {
    text-align: left;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 25px 0
}

.pc-recommend-admin-my header h1 {
    text-align: left;
    font-family: HYYakuHei;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    transform: matrix(1, 0, -.08, 1, 0, 0)
}

.pc-recommend-form-wrapper {
    font-style: normal;
    padding-top: 20px
}

.pc-recommend-form-wrapper .ant-radio-button-wrapper {
    height: 40px;
    line-height: 40px
}

.pc-recommend-form-wrapper .ant-form {
    padding: 67px 0;
    margin-top: 40px;
    background: #fff;
    box-shadow: 0 5px 20px #00000014;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 5
}

.pc-recommend-form-wrapper .ant-form .ant-form-item {
    width: 400px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    padding-bottom: 24px;
    display: flex;
    height: 44px;
    border: solid 1px #ddd
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-row {
    width: 100%
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-btn {
    width: 100%;
    height: 42px;
    border: none
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-form-item-control-wrapper {
    flex: 1 1
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-form-item-label {
    padding-left: 10px;
    height: 42px;
    line-height: 42px
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-form-item-label label:before {
    color: #c1292e
}

.pc-recommend-form-wrapper .ant-form .ant-form-item .ant-input {
    border: none;
    height: 42px !important;
    line-height: 42px;
    outline: none
}

.pc-recommend-form-wrapper .ant-form .formItem-selectLineHeight .ant-input {
    height: 36px;
    line-height: 36px
}

.pc-recommend-form-wrapper .submit-ok {
    text-align: center;
    padding-top: 50px;
    position: relative;
    z-index: 5
}

.pc-recommend-form-wrapper .submit-ok .iconfont {
    font-size: 36px;
    color: #c1292e;
    margin: 20px 0
}

.pc-recommend-form-wrapper .submit-ok p {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.pc-recommend-form-wrapper .submit-ok .ant-btn {
    margin-top: 20px
}

.pc-recommend-form-wrapper .zhuanshu-wrapper {
    padding-top: 20px;
    position: relative;
    z-index: 5
}

.pc-recommend-form-wrapper .zhuanshu-wrapper .zhinan {
    text-align: left;
    color: #999;
    font-size: 12px
}

.pc-recommend-form-wrapper .zhuanshu {
    width: 1180px;
    min-height: 440px;
    display: flex;
    margin-top: 10px
}

.pc-recommend-form-wrapper .zhuanshu.for-text {
    background: #fff;
    box-shadow: 0 5px 20px #00000014;
    border-radius: 4px
}

.pc-recommend-form-wrapper .zhuanshu .left {
    padding-top: 10px;
    min-height: 440px;
    flex: .5 1;
    background-image: url(../image/32ad40ebed61d4de1c43c3fe6b34b594.png);
    background-position: right center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative
}

.pc-recommend-form-wrapper .zhuanshu .left .img-back {
    background-image: url(../image/615c2b57156ac28a9674a99f49c87cee.png);
    width: 255px;
    height: 337px;
    background-size: 300px auto;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 23px 16px 0 22px
}

.pc-recommend-form-wrapper .zhuanshu .left .img-back img {
    width: 100%
}

.pc-recommend-form-wrapper .zhuanshu .left .ant-btn {
    width: 300px;
    height: 44px
}

.pc-recommend-form-wrapper .zhuanshu .left #divCanvasImg {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.pc-recommend-form-wrapper .zhuanshu .left #canvasImages {
    height: 400px;
    margin: 0 auto;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.pc-recommend-form-wrapper .zhuanshu .left .text {
    width: 300px;
    height: 236px;
    background: #f6f8fc;
    margin: 50px auto 10px;
    text-align: left;
    padding: 20px;
    word-break: break-all
}

.pc-recommend-form-wrapper .zhuanshu .right {
    padding-top: 60px;
    min-height: 440px;
    flex: .5 1;
    padding-left: 108px
}

.pc-recommend-form-wrapper .zhuanshu .right .qr-bg {
    width: 300px;
    height: 300px;
    background-image: url(../image/9cf2d27cfbbd0f3ff08962f1f7999189.png);
    background-size: cover
}

.pc-recommend-form-wrapper .zhuanshu .right .qr-bg .bg {
    height: 100%;
    width: 100%;
    background: #2c86ffd9;
    border-radius: 4px;
    text-align: center
}

.pc-recommend-form-wrapper .zhuanshu .right .qr-bg .bg canvas {
    margin: 50px auto 0
}

.pc-recommend-form-wrapper .zhuanshu .right .qr-bg .bg h2 {
    margin-top: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #fff
}

.pc-recommend-list-wrapper {
    font-style: normal
}

.pc-recommend-list-wrapper .ant-radio-button-wrapper {
    height: 40px;
    line-height: 40px
}

.pc-recommend-list-wrapper .my-table {
    margin-top: 40px;
    width: 100%
}

.pc-recommend-list-wrapper .my-table table {
    width: 100%;
    border: solid 1px #e7ebf3;
    border-bottom: none
}

.pc-recommend-list-wrapper .my-table table thead {
    background: #edf0f6
}

.pc-recommend-list-wrapper .my-table table thead tr {
    border-bottom: solid 1px #e7ebf3
}

.pc-recommend-list-wrapper .my-table table thead th {
    height: 24px;
    line-height: 24px;
    padding: 10px;
    text-align: left
}

.pc-recommend-list-wrapper .my-table table tbody tr {
    border-bottom: solid 1px #e7ebf3
}

.pc-recommend-list-wrapper .my-table table tbody td {
    height: 24px;
    line-height: 24px;
    padding: 10px;
    text-align: left
}

.pc-recommend-list-wrapper .my-table .no-data {
    text-align: center;
    color: #999;
    line-height: 60px
}

.pc-recommend-list-wrapper .my-table .pager {
    padding-top: 10px;
    display: flex;
    justify-content: end
}

.pc-recommend-list-wrapper .my-table .pager a {
    margin-left: 6px;
    display: inline-block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #e7ebf3;
    border-radius: 4px;
    color: #666
}

.pc-recommend-list-wrapper .my-table .pager a.sel {
    border-color: #c1292e;
    color: #c1292e
}

.pc-recommend-login-wrapper {
    font-style: normal;
    text-align: center;
    height: 100%;
    width: 100%
}

.pc-recommend-login-wrapper .center {
    display: flex;
    justify-content: end;
    height: 100%;
    width: 100%
}

.pc-recommend-login-wrapper .left {
    padding-top: 200px;
    height: 100%;
    line-height: 40px;
    text-align: center;
    flex: 1 1
}

.pc-recommend-login-wrapper .left .m-form {
    margin: 0 auto;
    width: 480px;
    min-height: 420px;
    background: #fff;
    box-shadow: 0 0 1px #0003, 0 12px 32px -12px #1a223326;
    border-radius: 8px;
    padding: 40px
}

.pc-recommend-login-wrapper .left .ant-form {
    width: 400px
}

.pc-recommend-login-wrapper .left header {
    width: 400px;
    text-align: left;
    padding-bottom: 20px
}

.pc-recommend-login-wrapper .left header h1 {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 36px;
    color: #333
}

.pc-recommend-login-wrapper .right {
    width: 62.5vh;
    background-size: cover;
    height: 100vh
}

.pc-recommend-login-wrapper .right .ant-carousel {
    height: 100%
}

.pc-recommend-login-wrapper .right .ant-carousel .slick-dots {
    margin: 0
}

.pc-recommend-login-wrapper .ant-form {
    text-align: left
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-input-affix-wrapper {
    padding: 0 10px
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .submit-btn {
    width: 100%
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-input {
    height: 44px;
    line-height: 44px
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-btn {
    height: 44px
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-select,
.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-select .ant-select-selector {
    border: none
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-select .ant-select-selection-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #333
}

.pc-recommend-login-wrapper .ant-form .ant-form-item .ant-input-affix-wrapper .ant-input-prefix {
    color: #999
}

.pc-recommend-login-wrapper .ant-form .tuijianren {
    cursor: pointer;
    font-size: 16px;
    margin: -10px 0 10px
}

.pc-recommend-login-wrapper .ant-form .tuijianren .wejiantouxia {
    transform: rotate(0);
    transition: transform .2s;
    display: inline-block
}

.pc-recommend-login-wrapper .ant-form .tuijianren.z-sel .wejiantouxia {
    transform: rotate(180deg);
    transition: transform .2s
}

.m-pc-report-card {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    height: 320px;
    margin: 0 auto;
    padding: 40px;
    border-radius: 8px;
    border: 1px solid #e6e7eb;
    background: #fff;
    box-shadow: 0 20px 60px -20px #1a223326
}

.m-pc-report-card .report-about-figure {
    width: 180px;
    height: 240px;
    border-radius: 5px;
    overflow: hidden
}

.m-pc-report-card .report-about {
    display: flex;
    flex-direction: column;
    width: 900px
}

.m-pc-report-card .report-about .report-title {
    margin: 0
}

.m-pc-report-card .report-about .report-title a {
    color: #1c2745;
    font-weight: 400;
    font-size: 30px;
    line-height: 32px
}

.m-pc-report-card .report-about .report-title a:hover {
    color: #7096ff
}

.m-pc-report-card .report-about .report-summary {
    height: 84px;
    overflow: hidden;
    margin-top: 21px;
    font-size: 16px;
    color: #687492;
    line-height: 28px
}

.m-pc-report-card .report-about .report-other {
    display: flex;
    margin-top: auto;
    font-size: 14px;
    color: #a7afbd;
    line-height: 24px
}

.m-pc-report-card .report-about .report-other p {
    margin: 0
}

.m-pc-report-card .report-about .report-other .report-btn {
    display: flex;
    margin: auto 0 0 auto;
    align-self: baseline
}

.m-pc-report-card .report-about .report-other .view-btn {
    font-size: 14px;
    color: #c1292e;
    margin-right: 20px;
    border: 1px solid #c1292e;
    background: #fff
}

.m-pc-report-card .report-about .report-other .view-btn:hover {
    color: #fff;
    background: #d0101d
}

.m-pc-report-card .report-about .report-other .download-btn {
    color: #fff;
    background: #c1292e
}

.m-pc-report-card .report-about .report-other .download-btn:hover {
    background-color: #d0101d;
    color: #fff
}

.m-pc-page-resource-list {
    min-width: 1200px
}

.m-pc-page-resource-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.m-pc-page-resource-list .m-pc-banner {
    position: relative;
    height: 430px;
    overflow: hidden;
    background-image: url(../image/32fd14b5b02d66c75a5a611414aece58.png);
    background-size: 2560px 430px;
    background-position: center;
    background-repeat: no-repeat
}

.m-pc-page-resource-list .m-pc-banner h2 {
    margin-top: 160px;
    text-align: center;
    font-weight: 600;
    font-size: 50px
}

.m-pc-page-resource-list .m-pc-banner .banner-image {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    min-width: 1920px;
    height: 100%
}

.m-pc-page-resource-list .m-pc-banner .desc-wrap {
    position: relative;
    width: 1180px;
    margin: 298px auto 0;
    color: #fff;
    text-align: center
}

.m-pc-page-resource-list .m-pc-banner .desc-wrap .h1 {
    font-size: 40px;
    line-height: 56px
}

.m-pc-page-resource-list .m-pc-banner .desc-wrap .desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 30px
}

.m-pc-page-resource-list .m-pc-report-list-wrapper {
    position: relative;
    padding: 60px 0 50px;
    overflow: hidden;
    background-color: #fff
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .list-bg {
    position: absolute;
    top: 346px;
    left: 50%;
    transform: translate(-50%);
    z-index: 0
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .list-bg-reverse {
    top: auto;
    bottom: 73px
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .m-pc-report-list {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .m-pc-report-list .m-pc-report-card {
    margin-bottom: 30px
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .m-pc-report-list .m-pc-report-card:last-child {
    margin-bottom: 0
}

.m-pc-page-resource-list .m-pc-report-list-wrapper .report-list-pagination {
    width: 1200px;
    margin: 40px auto 0;
    text-align: right
}

.middle-btn {
    display: inline-block;
    border-radius: 50px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-out;
    background-color: #fff;
    color: #cf4a58;
    padding: 11px 40px
}

.middle-btn:hover {
    color: #fff
}

.m-pc-page-resource {
    min-width: 1200px
}

.m-pc-page-resource .m-pc-banner {
    position: relative;
    height: 430px;
    overflow: hidden
}

.m-pc-page-resource .m-pc-banner .banner-image {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    min-width: 1920px;
    height: 100%
}

.m-pc-page-resource .m-pc-banner .desc-wrap {
    position: relative;
    width: 1200px;
    margin: 298px auto 0;
    color: #fff;
    text-align: center
}

.m-pc-page-resource .m-pc-banner .desc-wrap .h1 {
    font-size: 40px;
    line-height: 56px
}

.m-pc-page-resource .m-pc-banner .desc-wrap .desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 30px
}

.m-pc-page-resource .m-pc-banner .download-btn {
    display: inline-block;
    border-radius: 3px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-out;
    padding: 11px 40px
}

.m-pc-page-resource .title {
    font-size: 30px;
    color: #1c2745;
    line-height: 32px;
    font-weight: 400
}

.m-pc-page-resource .m-pc-page-content-wrapper {
    padding: 60px 0
}

.m-pc-page-resource .m-pc-page-content {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto
}

.m-pc-page-resource .m-pc-report-article {
    width: 835px;
    padding: 40px;
    border: 1px solid #E6E7EB;
    box-shadow: 0 20px 60px -20px #1a223326;
    border-radius: 8px;
    background-color: #fff
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-head {
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecf5
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-head .title {
    padding-left: 40px;
    background-image: url(../image/1e2c2c23e785c80b61b88bcffb570594.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top 1px left 0
}

.m-pc-page-resource .m-pc-report-article .report-about-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 38px
}

.m-pc-page-resource .m-pc-report-article .report-about-figure {
    box-sizing: content-box;
    width: 180px;
    height: 240px;
    border: 1px solid #e8ecf5;
    border-radius: 5px;
    overflow: hidden
}

.m-pc-page-resource .m-pc-report-article img {
    width: 100%;
    height: 100%
}

.m-pc-page-resource .m-pc-report-article .report-about {
    display: flex;
    flex-direction: column;
    width: 545px
}

.m-pc-page-resource .m-pc-report-article .report-about .report-title {
    color: #1c2745;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400
}

.m-pc-page-resource .m-pc-report-article .report-about .btn {
    display: inline-block;
    border-radius: 3px;
    padding: 6px 18px;
    color: #fff;
    background: #4073ff;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-out
}

.m-pc-page-resource .m-pc-report-article .report-about .btn:hover {
    background-color: #37f;
    color: #fff
}

.m-pc-page-resource .m-pc-report-article .report-about .download-btn {
    align-self: flex-start;
    margin-top: 26px;
    padding: 11px 40px;
    border-radius: 50px;
    background: #c1292e
}

.m-pc-page-resource .m-pc-report-article .report-about .report-publish-info {
    margin-top: auto;
    font-size: 14px;
    color: #a7afbd;
    line-height: 22px
}

.m-pc-page-resource .m-pc-report-article .report-about .report-publish-info p {
    margin-top: 10px
}

.m-pc-page-resource .m-pc-report-article .report-about .report-publish-info p:first-child {
    margin-top: 0
}

.m-pc-page-resource .m-pc-report-article .subtitle {
    color: #c1292e;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-introduce {
    padding: 30px 0;
    border-bottom: 1px solid #e8ecf5
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-introduce .content p {
    margin-bottom: 1em !important;
    line-height: 2em;
    font-size: 14px
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-introduce .content ul {
    padding-left: 25px
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-introduce .content h2,
.m-pc-page-resource .m-pc-report-article .m-pc-report-introduce .content h3 {
    color: #c1292e;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    font-weight: 700
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-directory {
    padding: 30px 0 60px;
    font-size: medium;
    font-size: initial
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-directory p {
    margin-bottom: 1em !important
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-directory ul {
    padding-left: 25px
}

.m-pc-page-resource .m-pc-report-article .m-pc-report-directory h3 {
    color: #000;
    font-size: 14px
}

.m-pc-page-resource .m-pc-about-company {
    width: 345px;
    padding: 24px;
    border: 1px solid #E6E7EB;
    box-shadow: 0 20px 60px -20px #1a223326;
    border-radius: 8px;
    background-color: #fff
}

.margin-top-8 {
    margin-top: .3416rem
}

.margin-top-16 {
    margin-top: .6832rem
}

.margin-top-24 {
    margin-top: 1.0248rem
}

.margin-top-32 {
    margin-top: 1.3664rem
}

.margin-right-8 {
    margin-right: .3416rem
}

.margin-right-16 {
    margin-right: .6832rem
}

.margin-right-24 {
    margin-right: 1.0248rem
}

.margin-right-32 {
    margin-right: 1.3664rem
}

.margin-bottom-8 {
    margin-bottom: .3416rem
}

.margin-bottom-16 {
    margin-bottom: .6832rem
}

.margin-bottom-24 {
    margin-bottom: 1.0248rem
}

.margin-bottom-32 {
    margin-bottom: 1.3664rem
}

.margin-left-8 {
    margin-left: .3416rem
}

.margin-left-16 {
    margin-left: .6832rem
}

.margin-left-24 {
    margin-left: 1.0248rem
}

.margin-left-32 {
    margin-left: 1.3664rem
}

.padding-top-8 {
    padding-top: .3416rem
}

.padding-top-16 {
    padding-top: .6832rem
}

.padding-top-24 {
    padding-top: 1.0248rem
}

.padding-top-32 {
    padding-top: 1.3664rem
}

.padding-right-8 {
    padding-right: .3416rem
}

.padding-right-16 {
    padding-right: .6832rem
}

.padding-right-24 {
    padding-right: 1.0248rem
}

.padding-right-32 {
    padding-right: 1.3664rem
}

.padding-bottom-8 {
    padding-bottom: .3416rem
}

.padding-bottom-16 {
    padding-bottom: .6832rem
}

.padding-bottom-24 {
    padding-bottom: 1.0248rem
}

.padding-bottom-32 {
    padding-bottom: 1.3664rem
}

.padding-left-8 {
    padding-left: .3416rem
}

.padding-left-16 {
    padding-left: .6832rem
}

.padding-left-24 {
    padding-left: 1.0248rem
}

.padding-left-32 {
    padding-left: 1.3664rem
}

.WD-carousel {
    height: 580px;
    min-width: 1180px
}

.WD-carousel-wrapper {
    position: relative;
    height: 580px;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-image: url(../image/ee1746622cd57b93fe168485f11533e8.jpg);
    background-position: center;
    background-color: #070811
}

.WD-carousel-content {
    position: relative;
    top: 50%;
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%)
}

.WD-carousel-content .title-container {
    margin-bottom: 40px
}

.WD-carousel-content .title {
    margin-bottom: 12px;
    font-size: 40px;
    color: #142033;
    line-height: 56px;
    font-weight: 400
}

.WD-carousel-content .subTitle {
    font-size: 20px;
    color: #3d4c66;
    font-weight: 300
}

.WD-carousel-content .title-bold {
    color: #c1292e;
    font-weight: 500
}

.WD-carousel-content.posRight {
    color: #fff;
    text-align: left
}

.WD-carousel-content.posRight .title,
.WD-carousel-content.posRight .subTitle {
    color: #fff
}

.WD-carousel-content.posRight .title-bold {
    color: #fff;
    font-weight: 500
}

.WD-carousel .slick-dots {
    bottom: 70px
}

.WD-carousel .slick-dots li button,
.WD-carousel .slick-dots li.slick-active button {
    width: 36px
}

.WD-section {
    padding-top: 60px;
    padding-bottom: 60px;
    min-width: 1180px
}

.WD-section.gray {
    background: #f5f5f7
}

.WD-section .section-title {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 60px;
    color: #142033;
    text-align: center
}

.WD-section .section-title.sy {
    margin-bottom: 60px
}

.WD-section .section-subTitle {
    font-size: 20px;
    color: #3d4c66;
    text-align: center
}

.WD-section .section-warpper {
    text-align: center
}

.WD-section .section-warpper .slide-custom-item {
    margin: auto;
    width: 1200px !important;
    overflow: hidden;
    border: solid 1px #eee;
    border-radius: 10px;
    position: relative
}

.WD-section .section-warpper .slide-custom-item .blank-btn {
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 40px;
    width: 230px
}

.WD-section .section-warpper .slide-img {
    display: block;
    margin: 0 auto;
    width: 1200px;
    height: 300px
}

.WD-section .section-warpper .slide-desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #9da0a6
}

.WD-section .my-pagination {
    margin: 0 21px;
    color: #9b9ba3;
    border-bottom: 2px solid rgba(255, 255, 255, 0)
}

.WD-section .my-pagination:hover {
    cursor: pointer
}

.WD-section .my-pagination-active {
    border-bottom: 2px solid #c1292e
}

.WD-section .my-pagination-active div {
    color: #c1292e
}

.WD-section .my-pagination-active img {
    -webkit-filter: hue-rotate(145deg) saturate(50%) contrast(180%);
    filter: hue-rotate(145deg) saturate(50%) contrast(180%)
}

.WD-section .pagination-custom-warp {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 24px
}

.WD-section .pagination-custom-warp img {
    display: block;
    width: 44px;
    height: 44px;
    margin: auto
}

.WD-section .icon-desc-list {
    margin-top: 40px
}

.WD-section .icon-desc-list .icon-desc-img {
    width: 64px;
    height: 64px
}

.WD-section.sj {
    text-align: center
}

.WD-section.sy {
    padding-bottom: 0
}

.WD-section .sj-intro {
    width: 1200px;
    height: 560px;
    margin: 50px 0 60px
}

.WD-section-content {
    width: 1180px;
    display: flex;
    margin: 50px auto 0;
    align-items: center
}

.WD-section-content>:not(:last-child) {
    margin-right: 50px
}

.WD-section-main {
    transition: all 1s linear;
    position: relative
}

.WD-section .extra-desc-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper {
    display: flex;
    width: 800px;
    height: 148px;
    padding-top: 30px;
    justify-content: center;
    background-image: url(../image/06c6601ed09c63f8904a7aa72891714b.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper p {
    font-size: 20px;
    line-height: 1.5;
    color: #1a2233
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper p:first-child {
    margin-bottom: 8px !important
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper p span {
    font-weight: 500
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper p .blue {
    color: #c1292e
}

.WD-section .extra-desc-wrapper .extra-bubble-wrapper p .red {
    color: #ff2b00
}

.WD-intro {
    margin: -100px auto 0
}

.WD-intro-wrapper:nth-child(2) {
    background: #f7f8fa
}

.WD-intro-content {
    width: 1180px;
    margin: 0 auto;
    padding: 60px 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative
}

.WD-intro-des {
    display: inline-block;
    padding: 0 40px
}

.WD-intro-title {
    font-size: 32px;
    color: #1f2f4d
}

.WD-intro-text {
    font-size: 18px;
    color: #596780;
    line-height: 36px
}

.WD-intro-img {
    width: 656px;
    height: 386px
}

.WD-intro .intro-bg {
    position: absolute;
    background: #f7f8fa
}

.WD-project {
    position: relative;
    background-color: #000c;
    overflow: hidden
}

.WD-project-bg {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: blur(10px) brightness(.3);
    filter: blur(10px) brightness(.3);
    transform: scale(1.1);
    position: absolute;
    inset: 0;
    overflow: hidden
}

.WD-project-wrapper {
    padding: 100px 0 120px;
    width: 1210px;
    margin: 0 auto;
    color: #fff
}

.WD-project-tabs {
    width: 1180px
}

.WD-project-tabpane {
    color: #fff;
    width: 1000px;
    margin: 0 auto
}

.WD-project-tabpane .ant-tabs-nav {
    width: 100%;
    text-align: center
}

.WD-project-tabpane.ant-tabs-line>.ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav .ant-tabs-tab {
    width: 16.67%;
    margin-right: 0
}

.WD-project .ant-tabs-bar {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.WD-project-title {
    font-size: 32px;
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 32px
}

.project-carousel {
    padding: 30px 0
}

.project-carousel .slick-slide {
    padding: 0 90px
}

.project-carousel .project-carousel-wrapper .project-carousel-img {
    display: inline-block;
    margin-right: 50px
}

.project-carousel-content {
    display: inline-block;
    width: 460px;
    vertical-align: middle
}

.project-carousel-img {
    border-radius: 25px
}

.project-carousel-title {
    font-size: 24px;
    color: #fff
}

.project-carousel-subTitle {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 24px
}

.project-carousel-labelcontent {
    display: flex;
    flex-wrap: wrap
}

.project-carousel-labellist {
    font-size: 14px;
    color: #a7afbd;
    line-height: 22px;
    display: flex;
    margin-top: 20px
}

.project-carousel .project-carousel-labeltitle {
    width: 95px;
    flex-shrink: 0;
    margin-top: 3px
}

.project-carousel .project-carousel-label {
    padding: 5px 10px;
    background: #00000080;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 10px
}

.WD-pc-full-process {
    width: 1200px;
    margin: 0 auto;
    padding: 97px 0 80px;
    background-color: #fff
}

.WD-pc-full-process h2 {
    margin-bottom: 80px;
    font-size: 40px;
    font-weight: 500;
    color: #1a2233;
    text-align: center
}