@charset "UTF-8";
html {
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
}

@font-face {
    font-family: SourceHanSansCN;
    src: local("SourceHanSansCN-Regular"), url(".././fonts/SourceHanSansCN.ttf");
}

@font-face {
    font-family: SourceHanSansMedium;
    src: local("SourceHanSansCN-Medium"), url(".././fonts/SourceHanSansCN-Medium.ttf");
}

@font-face {
    font-family: SourceHanSansBold;
    src: local("SourceHanSansCN-Bold"), url(".././fonts/SourceHanSansCN-Bold.ttf");
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[v-cloak] {
    display: none;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

body,
button,
input,
select,
textarea {
    font: 1em/1.8 arial, 'SourceHanSansCN', 'SourceHanSansCN', simsun, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted;
    font-variant: normal;
}

abbr {
    cursor: help;
}

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

q:after,
q:before {
    content: '';
}

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

:root sub,
:root sup {
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

a {
    color: #1abc9c;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.35;
    font-weight: 400;
}

html {
    font-size: 93.75%;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: inherit;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

html {
    background: #fff;
}

html,
body {
    min-width: 1280px;
}

.wrap {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.pointer {
    cursor: pointer;
}

/* 头部 */
.headerTop {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.2s linear 0s;
}

.headerTop.headerBg {
    background: none;
}

.headerTop.headerBg a {
    color: #222;
}

.headerTop.headerBg .login {
    cursor: pointer;
    width: 122px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    background: #FF6446;
    border-radius: 23px;
    text-align: center;
    border: none;
}

.headerTop.headerBg .login + .login {
    width: 122px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #222;
    background: #FFFFFF;
    border-radius: 23px;
    text-align: center;
    border: none;
    margin-left: 12px;
}

.headerTop.headerBg .wrapBox {
    max-width: 1920px;
    margin: 0 auto;
    color: #fff;
}

.headerTop.scroll {
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0px 0.5px 2px rgba(22, 25, 29, 0.04), 0px 1px 4px rgba(22, 25, 29, 0.03), 0px 2px 8px rgba(22, 25, 29, 0.02), 0px 4px 16px rgba(22, 25, 29, 0.02);
    backdrop-filter: blur(30px);
}

.headerTop.headerFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.headerTop h1 {
    display: flex;
    align-items: center;
    margin-right: 25px;
    height: 49px;
}

.headerTop h1 > a {
    display: inline-block;
    position: relative;
    width: 321px;
    height: 49px;
    padding-top: 44px;
    overflow: hidden;
}

.headerTop h1 > a::before {
    width: 128px;
    height: 49px;
    background: url('../imgs/cyt/logo.png') no-repeat center right;
    background-size: cover;
}

.headerTop .wrap {
    padding-top: 10px;
    padding-bottom: 18px;
    display: flex;
    align-items: center;
    /*max-width: 1800px;*/
}

.headerTop ul {
    flex: 1;
    margin-left: 20px;
    text-align: right;
}

.headerTop li {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 43px;
}

.headerTop li > a {
    line-height: 64px;
    display: block;
    font-size: 18px;
    font-family: SourceHanSansMedium;
}

.headerTop li > a:hover {
    opacity: 0.8;
}

.headerTop .login {
    line-height: 30px;
    padding: 0 22px;
    font-size: 14px;
    color: #2c68ff;
    border-radius: 2px;
    border: 1px solid;
}

.headerTop .login + .login {
    background-image: -webkit-linear-gradient(180deg, #399cfe 0%, #2c67ff 100%);
    color: #fff;
    line-height: 32px;
    margin-left: 12px;
}

.headerTop .login:hover {
    opacity: 0.8;
}

.headerTop .menu {
    position: absolute;
    background: white;
    top: 64px;
    color: #333549;
    padding: 0px 12px;
    border-radius: 2px;
    transform-origin: center top;
    transform: scaleY(0);
    transition: all ease 0.3s;
    opacity: 0;
    box-shadow: 0px 0px 24px 0px rgba(156, 156, 156, 0.28);
}

.headerTop .menu a {
    color: #000;
}

.headerTop .menu a:hover .title {
    background-color: #F1F4F9;
    border-radius: 8px;
}

.headerTop .aBox {
    margin-right: 43px;
}

.headerTop .aBox > li {
    min-width: 168px;
}

.headerTop .aBox > li:hover .menu {
    opacity: 1;
    transform: scaleY(1);
}

.headerTop .menuBig {
    background: #FFFFFF;
    box-shadow: 0px 16px 46px 0px rgba(142, 167, 204, 0.2);
    border-radius: 8px;
}

.headerTop h5 {
    padding: 20px 0;
    border-bottom: 1px solid #ebeffb;
}

.headerTop .menuUl {
    padding: 13px 0;
    flex-wrap: wrap;
    text-align: center;
}

.headerTop .menuUl a {
    cursor: pointer;
    width: 50%;
    margin-bottom: 35px;
    transition: all ease .3s;
}

.headerTop .menuUl a:hover .title::before {
    background-image: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_L.png);
}

.headerTop .menuUl a:nth-of-type(1):hover .title::before {
    background-position: 0 0;
}

.headerTop .menuUl a:nth-of-type(2):hover .title::before {
    background-position: 0 -56px;
}

.headerTop .menuUl a:nth-of-type(3):hover .title::before {
    background-position: 0 -28px;
}

.headerTop .menuUl a:nth-of-type(4):hover .title::before {
    background-position: 0 -84px;
}

.headerTop .menuUl a p {
    font-size: 14px;
    opacity: 0.7;
}

.headerTop .menuUl a .title {
    box-sizing: border-box;
    padding: 13px;
    position: relative;
}

.headerTop .menuUl a:nth-of-type(1) .title::before {
    background-position: 0 0;
}

.headerTop .menuUl a:nth-of-type(2) .title::before {
    background-position: 0 -56px;
}

.headerTop .menuUl a:nth-of-type(3) .title::before {
    background-position: 0 -28px;
}

.headerTop .menuUl a:nth-of-type(4) .title::before {
    background-position: 0 -84px;
}

.headerTop .menuSmall {
    width: 215px;
    padding: 40px 0px;
    box-sizing: border-box;
    text-align: center;
    left: -39px;
}

.headerTop .menuSmall::before {
    left: calc(50% - 5px);
}

.headerTop .menuSmall > a {
    position: relative;
    margin-bottom: 35px;
    padding: 0 35px 0 70px;
}

.headerTop .menuSmall > a:nth-last-of-type(1) {
    margin-bottom: 0;
}

.headerTop .menuSmall > a:nth-of-type(1)::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesH.png) no-repeat 0 -50px;
}

.headerTop .menuSmall > a:nth-of-type(2)::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesH.png) no-repeat 0 -25px;
}

.headerTop .menuSmall > a:nth-of-type(3)::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesH.png) no-repeat 0 0px;
}

.headerTop .menuSmall > a:nth-of-type(1):hover::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesL.png) no-repeat 0 -50px;
}

.headerTop .menuSmall > a:nth-of-type(2):hover::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesL.png) no-repeat 0 0px;
}

.headerTop .menuSmall > a:nth-of-type(3):hover::before {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/menuResourcesL.png) no-repeat 0 -25px;
}

.headerTop h1 > a::after,
.headerTop h1 > a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.headerTop .menuUl a:nth-last-of-type(1),
.headerTop .menuUl a:nth-last-of-type(2) {
    margin-bottom: 0;
}

@keyframes Module {
    0% {
        transform: scaleY(0.6);
        opacity: 0;
    }
    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* 底部 */
.bottomTail {
    background: #252735;
    color: white;
    line-height: 1.2;
    padding: 55px 0 100px 0;
}

.bottomTail .wrap {
    display: flex;
}

.bottomTail .cont, .bottomTail .systemIndex .list, .systemIndex .bottomTail .list {
    flex: 1;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.bottomTail .logo {
    margin-bottom: 14px;
}

.bottomTail .code {
    margin-top: 6px;
    max-width: 200px;
    vertical-align: top;
}

.bottomTail .logoText {
    font-size: 16px;
    margin-bottom: 25px;
}

.bottomTail .phone {
    font-size: 14px;
    margin-bottom: 10px;
}

.bottomTail .right {
    margin-left: 100px;
}

.bottomTail .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.bottomTail li {
    display: flex;
    flex-direction: column;
    margin-left: 80px;
}

.bottomTail li .title {
    margin-bottom: 35px;
}

.bottomTail a {
    font-size: 16px;
    opacity: 0.6;
    margin-bottom: 24px;
    color: #fff;
}

.bottomTail a:hover {
    opacity: 0.8;
}

.bottomTail .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/rightBottom.png) no-repeat center center;
    width: 260px;
    height: 156px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 35px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
}

.bottomTail .imgBg p {
    font-size: 20px;
    line-height: 35px;
}

.bottomTail .subtitle {
    font-size: 14px;
    margin-top: 10px;
}

.bottomTail .detailA {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    padding: 0 35px;
    margin-top: 20px;
    opacity: 1;
    box-sizing: border-box;
}

.service {
    position: fixed;
    right: 24px;
    top: 50%;
    margin-top: -100px;
    z-index: 99;
}

.service ul {
    background: #2c68ff;
    border-radius: 48px 48px 12px 12px;
    width: 150px;
    padding: 80px 24px 24px;
    text-align: center;
}

.service .avatar {
    width: 72px;
    height: 72px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/kefu.png) center center no-repeat;
    background-size: cover;
    border-radius: 100px;
    box-shadow: 0 0 0 4px #fff, 0 0 0 10px #2c68ff, 0px 12px 24px rgba(0, 0, 0, 0.5);
    position: relative;
    margin: 0 auto -48px;
    animation: kefu 8s ease infinite;
}

.service li {
    animation: kefu 8s ease infinite;
    position: relative;
    animation-delay: .1s;
}

.service li + li {
    margin-top: 12px;
}

.service li:nth-child(2) {
    animation-delay: .2s;
}

.service li:nth-child(3) {
    animation-delay: .3s;
}

.service li:nth-child(4) {
    animation-delay: .4s;
}

.service a {
    display: block;
    border-radius: 100px;
    background: #fff;
    line-height: 2.4;
    transition: all ease .3s;
    color: #2c68ff;
}

.service a:hover {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6);
}

.service .applyHover .apply {
    position: absolute;
    right: 140%;
    top: 50%;
    margin-top: -200px;
}

.service .applyHover:hover .apply {
    display: block;
}

@keyframes kefu {
    0% {
        transform: translateY(0px);
    }
    5% {
        transform: translateY(-3px);
    }
    10% {
        transform: translateY(0);
    }
}

.apply {
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 3px 24px rgba(0, 0, 0, 0.2);
    padding: 36px;
    width: 312px;
    height: 428px;
    display: none;
    animation: apply .3s ease forwards;
}

.apply .tips {
    text-align: center;
}

.apply .tit {
    text-align: left;
    padding-left: 80px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/kefu.png) 8px center no-repeat;
    background-size: auto 100%;
}

.apply .tit h3, .apply .tit p {
    line-height: 26px;
}

.apply .tit h3 {
    font-weight: bold;
}

.apply .tit p {
    color: #999;
}

.apply .code {
    margin: 18px 0;
}

.apply .tips {
    color: #FF6446;
}

.apply_popup_hz .tit {
    background-image: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/logo_blue.png);
}

.apply_popup {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin: -214px 0 0 -156px;
}

.apply_popup .close {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1045 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M282.517333 213.376l-45.354666 45.162667L489.472 512 237.162667 765.461333l45.354666 45.162667L534.613333 557.354667l252.096 253.269333 45.354667-45.162667-252.288-253.44 252.288-253.482666-45.354667-45.162667L534.613333 466.624l-252.096-253.226667z' %3E%3C/path%3E%3C/svg%3E") center center no-repeat;
    background-size: 100% auto;
    opacity: .6;
    cursor: pointer;
    transition: all ease .3s;
}

.apply_popup .close:hover {
    transform: rotate(90deg);
    opacity: .8;
}

@keyframes apply {
    0% {
        transform: translateY(68px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.h7 {
    color: #2b323b;
    font-weight: 400;
    font-size: 14px;
}

.require::after {
    margin-left: 6px;
    color: #ff0000;
    content: '*';
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    animation: show-item 0.2s ease-in-out forwards;
}

.dialog .dialog-wrap {
    position: absolute;
    top: 50vh;
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 600px;
    background-color: #ffffff;
    border-radius: 20px;
}

.dialog .dialog-wrap .close-btn {
    text-align: right;
}

.dialog .dialog-wrap .close-btn span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.dialog .dialog-wrap .close-btn span:hover {
    cursor: pointer;
    color: #FF6446;
}

.dialog .dialog-wrap .form .form-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.dialog .dialog-wrap .form .form-row .form-row-item {
    margin: 10px;
}

.dialog .dialog-wrap .form .form-row .form-row-item .title:hover {
    cursor: pointer;
}

.dialog .dialog-wrap .form .form-row .form-row-item .title {
    position: relative;
}

.dialog .dialog-wrap .form .form-row .form-row-item .title .arrow {
    position: absolute;
    display: inline;
    height: 20px;
    line-height: 20px;
    top: 50%;
    transform: translateX(-200%) translateY(-50%);
}

.dialog .dialog-wrap .form .form-row .form-row-item .title .arrow .down {
    border: solid #c4cbd4;
    border-width: 0 2px 2px 0;
    border-radius: 2px;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dialog .dialog-wrap .form .form-row .form-row-item .show-animation {
    position: absolute;
    z-index: 10;
    padding: 10px 0;
    list-style: none;
    width: 252px;
    height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 8px 32px rgba(22, 25, 29, 0.07), 0px 16px 64px rgba(22, 25, 29, 0.08), inset 2px 2px 1px #ffffff;
}

.dialog .dialog-wrap .form .form-row .form-row-item .show-animation .option {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.dialog .dialog-wrap .form .form-row .form-row-item .show-animation .option span {
    margin: 0 12px;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.dialog .dialog-wrap .form .form-row .form-row-item .show-animation .option span:hover {
    cursor: pointer;
    background-color: #eaf2ff;
    color: #0078ff;
    border-radius: 8px;
}

.dialog .dialog-wrap .form input {
    margin-top: 6px;
    padding: 10px 20px;
    width: 210px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 10px;
    border: 1px solid #e1e6ee;
    outline: none;
    background-color: rgba(255, 255, 255, 0);
}

.dialog .dialog-wrap .yuyue-btn {
    display: block;
    margin: 40px auto;
    padding: 0 24px;
    line-height: 48px;
    height: 48px;
    font-size: 16px;
    border: none;
    color: #ffffff;
    border-radius: 24px;
    background-color: #ff5f33;
    transition: 0.1s;
}

.dialog .dialog-wrap .yuyue-btn:hover {
    cursor: pointer;
    box-shadow: 0px 10px 20px rgba(255, 95, 51, 0.4);
}

.hide-animation {
    transition: all .5s;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
}

.show-animation {
    transition: all .5s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@keyframes show-item {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.news_page {
    background: #fafafa;
    padding: 64px 0;
}

.news_page .wrap {
    display: flex;
}

.news_page .sidebar {
    width: 300px;
    margin-left: 24px;
}

.news_page .sidebar .menuside {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 12px;
    text-align: center;
}

.news_page .sidebar .menuside li {
    flex-basis: 48%;
}

.news_page .sidebar .menuside li:nth-child(n+3) {
    margin-top: 8px;
}

.news_page .sidebar .menuside a {
    display: block;
    padding: 5px 10px;
    background: #f9faff;
    border-radius: 3px;
}

.news_page .sidebar .menuside a:hover {
    background: #2c68ff;
    color: #fff;
}

.news_page .sidebar h2 {
    padding: 0 20px;
    line-height: 52px;
    border-bottom: 1px solid #f9faff;
    font-size: 16px;
}

.news_page .sidebar > div {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
}

.news_page .sidebar ul.snl li {
    counter-increment: name;
}

.news_page .sidebar ul.snl li:nth-child(-n+3) a::before {
    color: #f33;
}

.news_page .sidebar ul.snl a {
    display: block;
    overflow: hidden;
    padding: 12px 20px;
}

.news_page .sidebar ul.snl a::before {
    content: counter(name) ". ";
    color: #999;
    font-weight: bold;
}

.news_page .sidebar ul.snl a:hover {
    background: #f9faff;
}

.news_page .content {
    flex: 1;
    background: #fff;
    border-radius: 6px;
    position: relative;
}

.news_page .content .richText {
    padding: 0 30px 30px;
}

.news_page .content .title {
    padding: 30px;
}

.news_page .content .title h1 {
    line-height: 1.6;
}

.news_page .content .title span + span {
    margin-left: 10px;
}

.news_page .content .title .info {
    font-size: 14px;
    margin-top: 10px;
    color: #999;
}

.news_page .content .title .info a {
    color: #999;
}

.news_page .list a {
    padding: 32px 32px;
    overflow: hidden;
    display: block;
    display: flex;
    align-items: center;
    position: relative;
    user-select: none;
}

.news_page .list a:hover {
    color: #2c68ff;
}

.news_page .list a::before {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 1px;
    background: #f9faff;
    display: block;
}

.news_page .list .con {
    flex: 1;
}

.news_page .list h2 {
    font-size: 18px;
    font-weight: 600;
}

.news_page .list .info {
    font-size: 14px;
    color: #999;
    margin-top: 5px;
    display: flex;
}

.news_page .list .info span + span {
    position: relative;
    display: flex;
    align-items: center;
}

.news_page .list .info span + span::before {
    width: 2px;
    height: 2px;
    background: #f9faff;
    border-radius: 100px;
    content: "";
    margin: 0 6px;
    display: inline-block;
}

.news_page .list p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-top: 10px;
    line-height: 1.7;
    font-size: 15px;
    color: #202124;
}

.news_page .list .picBox {
    width: 240px;
    height: 150px;
    padding: 0;
    margin-left: 22px;
}

.news_page .pageNav {
    text-align: center;
    padding: 40px 0;
}

.news_page .pageNav li {
    display: inline-block;
}

.news_page .pageNav li.active span {
    background: #2c68ff;
    color: #fff;
}

.news_page .pageNav a, .news_page .pageNav span {
    margin: 0 10px;
    padding: 6px 18px;
    display: inline-block;
    border-radius: 3px;
    transition: all ease .3s;
}

.news_page .pageNav a:hover {
    box-shadow: 0 0 0 2px;
}

.news_page .menus {
    width: 100%;
    font-size: 16px;
    background: #fff;
    border-bottom: 2px solid #f9faff;
    position: sticky;
    top: 64px;
    z-index: 9;
}

.news_page .menus li {
    display: inline-block;
}

.news_page .menus li.current-menu-item a, .news_page .menus li.current-post-ancestor a {
    color: #2c68ff;
}

.news_page .menus a {
    display: block;
    padding: 15px 24px;
    position: relative;
}

.news_page .menus .active a {
    color: #2c68ff;
    font-weight: 600;
}

.news_page .menus .active a::before {
    position: absolute;
    left: 0;
    bottom: -2px;
    right: 0;
    height: 3px;
    background: currentColor;
    content: "";
    display: block;
}

.picBox {
    padding-bottom: 66.6666%;
    position: relative;
}

.picBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 3px;
}

.picBox img::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eee url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 174.88 109.34'><path d='M144.18,52.06l-29,37.72L101,74.58l-44.1,50.55L41.81,111.31,12.56,132.82v21.85H187.44v-36ZM48.67,88.4A21.54,21.54,0,1,0,27.18,66.87,21.51,21.51,0,0,0,48.67,88.4Z' transform='translate(-12.56 -45.33)' style='fill:%23ffffff'/></svg>") center center no-repeat;
    background-size: 50%;
}

.none {
    display: none;
}

.block {
    display: block !important;
}

.flex1 {
    flex: 1;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.justify-around {
    justify-content: space-around;
}

.justify-between {
    justify-content: space-between;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.linText,
.linText2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.linText {
    -webkit-line-clamp: 1;
}

.linText2 {
    -webkit-line-clamp: 2;
}

.linText4 {
    -webkit-line-clamp: 4;
}

.titleP {
    font-size: 34px;
    color: #222;
    line-height: 100%;
    text-align: center;
    font-family: SourceHanSansMedium;
}

.titleP span {
    font-family: SourceHanSansBold;
}

.subtitleP {
    font-size: 18px;
    color: rgba(51, 54, 73, 0.7);
    margin: 15px auto 66px;
    text-align: center;
}

.get-yanshi {
    box-sizing: border-box;
    width: 392px;
    height: 58px;
    background: #FFFFFF;
    border-radius: 29px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 51px;
    padding: 0 37px;
}

.get-yanshi .yanshi-input {
    width: 80%;
    height: 100%;
}

.get-yanshi .apply_click {
    width: 122px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    background: #FF6446;
    border-radius: 23px;
    text-align: center;
    border: none;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateX(0) translateY(-50%);
}

.apply_click:hover {
    background-color: #0061FF !important;
}

.bannerBox {
    position: relative;
    color: #fff;
}

.bannerBox .wrap,
.bannerBox .swiper-wrapper {
    height: 100%;
}

.bannerBox .swiper-slide {
    height: 100%;
    background: linear-gradient(90deg, #2c68ff 50%, #2c8fff 70%, #2c8fff 100%);
}

.bannerBox .banner {
    height: 970px;
    position: relative;
    z-index: 2;
}

.bannerBox .slide_2 {
    height: 970px;
    background: center center no-repeat;
    background-size: cover;
}

.bannerBox .swiper-container {
    height: 100%;
    background: none;
}

.bannerBox .swiper-container1 .swiper-pagination {
    width: 1200px;
    margin: 0 auto;
    right: 0;
    bottom: 247px;
    left: -1090px;
}

.bannerBox .swiper-container1 .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    border-radius: 0%;
}

.bannerBox .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #277DFE;
}

.bannerBox .wrap {
    height: 100%;
    display: flex;
    align-items: center;
}

.bannerBox .swiperText {
    width: 560px;
    padding-bottom: 60px;
}

.bannerBox .swiperText .duoguan-img {
    margin-bottom: 29px;
}

.bannerBox .h2 {
    font-size: 60px;
    line-height: 1.3;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.bannerBox .subtitle {
    width: 400px;
    font-size: 48px;
    font-family: SourceHanSansBold;
    color: #FFFFFF;
    line-height: 64px;
}

.bannerBox .brief {
    margin-top: 18px;
    width: 377px;
    font-size: 16px;
    font-family: SourceHanSansMedium;
    color: #FFFFFF;
    line-height: 30px;
}

.bannerBox .intro {
    margin-top: 18px;
    width: 377px;
    font-size: 14px;
    font-family: SourceHanSansMedium;
    color: #FFFFFF;
    line-height: 30px;
}

.bannerBox a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 20px;
    padding: 0 50px;
}

.bannerBox .synopsis {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: linear-gradient(90deg, #2b67ff, #2c8fff);
}

.bannerBox .synopsis::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.15);
}

.bannerBox ul {
    display: flex;
    align-items: center;
    padding: 14px 0;
}

.bannerBox ul li {
    text-align: center;
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 40px;
}

.bannerBox ul li:nth-of-type(1) {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.bannerBox ul li span:nth-of-type(1) {
    font-size: 20px;
    margin-right: 10px;
}

.bannerBox ul li span:nth-of-type(2) {
    font-size: 16px;
}

.merit {
    width: 100%;
    transform: translateY(-100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    padding-bottom: 120px;
    overflow: hidden;
}

.merit .swipper-desc {
    margin-bottom: 29px;
    text-align: center;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #97A8C1;
}

.merit .wrap {
    max-width: 2874px;
    width: 2874px;
    overflow: hidden;
}

.merit .wrap .swiper-logo {
    transform: scale(0.5);
    height: 42px;
    width: auto;
    animation: swipper 40s linear infinite;
    animation-delay: 0.2s;
}

.merit ul {
    flex: 1;
    overflow: hidden;
    display: flex;
}

.merit li {
    margin-right: 45px;
}

.merit li a {
    display: flex;
    align-items: center;
    line-height: 60px;
}

.merit .title {
    color: #2c68ff;
    margin-right: 20px;
    font-size: 18px;
}

.merit .info {
    width: 8px;
    height: 8px;
    background: rgba(51, 54, 73, 0.4);
    border-radius: 50%;
    margin-right: 15px;
    display: inline-block;
}

.merit .text {
    color: #333649;
    font-size: 16px;
    display: inline-block;
    max-width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merit a:hover {
    opacity: 0.8;
}

.merit > a {
    font-size: 16px;
    color: #333649;
}

.merit > a span {
    opacity: 0.3;
}

.operating {
    padding: 80px 0;
    background: #f9faff;
}

.operating ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 30px;
}

.operating li {
    margin-right: 73px;
    margin-top: 40px;
    color: #333649;
    max-width: 245px;
}

.operating li:nth-of-type(4n) {
    margin-right: 0;
}

.operating li:nth-of-type(1) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -560px;
}

.operating li:nth-of-type(2) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -320px;
}

.operating li:nth-of-type(3) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -240px;
}

.operating li:nth-of-type(4) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -480px;
}

.operating li:nth-of-type(5) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -80px;
}

.operating li:nth-of-type(6) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 0px;
}

.operating li:nth-of-type(7) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -160px;
}

.operating li:nth-of-type(8) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/operatingAll.png) no-repeat 0 -400px;
}

.operating .imgBg {
    margin: 0 auto;
    height: 80px;
    width: 80px;
    margin-bottom: 15px;
}

.operating .title {
    font-size: 22px;
    margin-bottom: 10px;
}

.operating .text {
    font-size: 14px;
    opacity: 0.7;
    line-height: 24px;
    text-align: left;
}

.scheme {
    padding: 60px 0;
}

.scheme .imgBox {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/schemeImg.png) no-repeat center center;
    height: 500px;
    position: relative;
    margin-top: 80px;
}

.scheme .boxBg {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
}

.scheme .boxBg::after, .scheme .boxBg::before {
    color: #5d6494;
    font-size: 14px;
    position: absolute;
}

.scheme .box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    padding: 0 25px;
    box-sizing: border-box;
}

.scheme .boxBg1, .scheme .boxBg2 {
    background-color: rgba(134, 92, 253, 0.2);
    left: 90px;
    top: 10px;
}

.scheme .boxBg1 .box, .scheme .boxBg2 .box {
    background-color: #865cfd;
}

.scheme .boxBg1::after, .scheme .boxBg2::after {
    content: '线下门店 公众号 搜索';
    width: 60px;
    white-space: pre-wrap;
    display: inline-block;
    margin-top: 30px;
    margin-left: -15px;
}

.scheme .boxBg1::before, .scheme .boxBg2::before {
    content: '线上电商 视频号 广告';
    width: 60px;
    white-space: pre-wrap;
    display: inline-block;
    margin-top: 160px;
    margin-left: 80px;
}

.scheme .boxBg2 {
    bottom: 50px;
    top: auto;
}

.scheme .boxBg2 .box {
    flex-direction: column;
    padding: 0;
}

.scheme .boxBg2::after {
    content: '个人微信 个人号';
}

.scheme .boxBg2::before {
    content: '微信群';
}

.scheme .boxBg3 {
    background-color: rgba(0, 122, 255, 0.2);
    left: 335px;
    top: 170px;
}

.scheme .boxBg3 .box {
    background-color: #007aff;
    padding: 0 25px;
}

.scheme .boxBg3::after {
    content: '新客红包 任务裂变 导购添加 活动海报';
    position: absolute;
    right: -75px;
    top: 12%;
    width: 60px;
}

.scheme .boxBg4 {
    background-color: rgba(0, 122, 255, 0.2);
    left: 680px;
    top: 10px;
}

.scheme .boxBg4 .box {
    background-color: #007aff;
    padding: 0 25px;
}

.scheme .boxBg4::after {
    content: '新客互动、微信、社群、朋友圈福利互动';
    position: absolute;
    width: 170px;
    bottom: -60px;
}

.scheme .boxBg5 {
    background-color: rgba(0, 122, 255, 0.2);
    bottom: 52px;
    left: 680px;
}

.scheme .boxBg5 .box {
    background-color: #007aff;
    text-align: center;
    padding: 0 15px;
}

.scheme .boxBg5::after {
    content: '用户画像标签		用户行为数据分析';
    position: absolute;
    width: 130px;
    bottom: -60px;
    white-space: pre-wrap;
    left: -20px;
}

.scheme .boxBg5::before {
    content: '精准福利推送 渠道来源';
    position: absolute;
    width: 100px;
    bottom: -60px;
    white-space: pre-wrap;
    left: 125px;
}

.scheme .boxBg6 {
    background-color: rgba(255, 141, 48, 0.2);
    right: 70px;
    top: 170px;
}

.scheme .boxBg6 .box {
    background-color: #ff8d30;
    padding: 0 25px;
}

.scheme .boxBg6::after {
    content: '线索分配 流失预警 商机管理 小程序变现';
    position: absolute;
    left: -100px;
    top: 12%;
    width: 75px;
    text-align: right;
}

.scheme .associated {
    color: #5d6494;
    font-size: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 230px;
    left: 650px;
}

.scheme .associated img {
    margin: 0 10px;
}

.swiper-container2 .double-arrow, .swiper-container1 .double-arrow {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
}

.swiper-container2 .double-arrow .arrows, .swiper-container1 .double-arrow .arrows {
    height: 55px;
    width: 123.5px;
    text-align: center;
}

.swiper-container2 .double-arrow .arrows img, .swiper-container1 .double-arrow .arrows img {
    transform: translateY(100%);
    width: 20px;
    height: 20px;
}

.swiper-container1 .double-arrow {
    left: 550px;
    bottom: 260px;
}

.swiper-container2 .double-arrow {
    bottom: 100px;
    left: 0;
}

.systemIndex {
    line-height: 1.2;
    background: url("https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/pic/xiaoshoubeijing.png") no-repeat;
    background-size: cover;
}

.systemIndex ul {
    display: flex;
    align-items: center;
    margin-top: 80px;
    border-bottom: 1px solid #e1e7ff;
}

.systemIndex ul li {
    width: 200px;
    text-align: center;
}

.systemIndex ul .title {
    font-size: 16px;
    color: #222;
    margin-bottom: 6px;
}

.systemIndex ul .subtitle {
    color: #5d6494;
    font-size: 14px;
}

.systemIndex .imgBg {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.systemIndex .imgBg.imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 0;
}

.systemIndex .imgBg.imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -50px;
}

.systemIndex .imgBg.imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -100px;
}

.systemIndex .imgBg.imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -150px;
}

.systemIndex li {
    display: flex;
    align-items: center;
    position: relative;
}

.systemIndex li:hover {
    cursor: pointer;
}

.systemIndex li.active {
    border-bottom: 1px solid #0061FF;
}

.systemIndex li.active .title {
    color: #0061FF;
}

.systemIndex li.active .subtitle {
    color: #0061FF;
}

.systemIndex .cont, .systemIndex .list {
    flex: 1;
    overflow: hidden;
}

.systemIndex .detailBox.active {
    display: block;
}

.systemIndex .detailBox2 img,
.systemIndex .detailBox4 img {
    margin-top: 35px;
}

.systemIndex .detail {
    position: relative;
    padding: 0;
}

.systemIndex .list {
    margin: 59px 44px 0 0;
}

.systemIndex .li {
    margin-bottom: 20px;
    color: #333649;
}

.systemIndex .li .title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.systemIndex .li .subtitle {
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
}

.systemIndex .a1 {
    font-size: 14px;
    border-radius: 2px;
    background: #2c68ff;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    padding: 0 40px;
    margin-right: 34px;
    font-size: 12px;
}

.systemIndex .a2 {
    border: 1px solid #5a8ff2;
    color: #5a8ff2;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 18px;
    padding: 0 40px;
}

.systemIndex .swiper-container {
    background: none;
    margin-top: 50px;
}

.systemIndex .wrap {
    position: relative;
    padding: 70px 0;
}

.systemIndex .wrap .tabs .tab {
    flex: 1;
    text-align: center;
    height: 68px;
    line-height: 68px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FFFFFF;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #222;
}

.systemIndex .wrap .tabs .active {
    background: #0061FF;
    color: #FFFFFF;
}

.systemIndex .wrap .gongneng-list {
    position: relative;
}

.systemIndex .wrap .gongneng-list .double-arrow {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
}

.systemIndex .wrap .gongneng-list .double-arrow .arrows {
    height: 55px;
    width: 123.5px;
    text-align: center;
}

.systemIndex .wrap .gongneng-list .double-arrow .arrows img {
    transform: translateY(100%);
    width: 20px;
    height: 20px;
}

.systemIndex .wrap .gongneng-list .gongneng-tabs {
    position: relative;
    z-index: 1;
    border: none;
}

.systemIndex .wrap .gongneng-list .gongneng-tabs .gongneng-tab {
    padding: 0 39px;
    width: 247px;
    height: 70px;
    background: #FFFFFF;
    line-height: 70px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
}

.systemIndex .wrap .gongneng-list .gongneng-tabs .gongneng-tab .title {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 0;
}

.systemIndex .wrap .gongneng-list .gongneng-tabs .active {
    color: #FFFFFF;
    background: #0061FF;
}

.systemIndex .wrap .gongneng-list .gongneng-show {
    margin-top: 80px;
    padding-bottom: 30px;
}

.systemIndex .wrap .gongneng-list .gongneng-show .title {
    padding-left: 55px;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #222;
    line-height: 24px;
    margin-bottom: 24px;
}

.systemIndex .wrap .gongneng-list .gongneng-show .gongneng-img {
    width: 100%;
}

.systemIndex .wrap .gongneng-list .gongneng-show .subtitle {
    padding-left: 55px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    color: #666;
    line-height: 24px;
    margin-bottom: 8px;
}

.toolBox {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/pic/teamDuoguan/tuanduixuanze.png) no-repeat;
    padding: 70px 0;
    background-size: cover;
}

.toolBox .titleP {
    font-size: 34px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.toolBox ul {
    margin-top: 70px;
    display: flex;
}

.toolBox li {
    min-height: 288px;
    position: relative;
    margin-right: 10px;
    flex: 1;
    box-shadow: 0px 6px 32px 0px rgba(139, 154, 196, 0.05);
    border-radius: 2px;
    color: #333649;
    padding: 56px 24px 34px;
    box-sizing: border-box;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/pic/teamDuoguan/di.png) no-repeat;
    background-size: contain;
}

.toolBox li img {
    position: absolute;
    left: 24px;
    top: 0;
    transform: translate3d(0, -50%, 0);
}

.toolBox .title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #222;
}

.toolBox .subtitle {
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666;
    line-height: 20px;
    min-height: 74px;
}

.toolBox .persent {
    text-align: center;
}

.toolBox .persent .persent-title {
    font-size: 28px;
    font-family: DIN-Bold;
    font-weight: bold;
    font-style: italic;
    color: #0061FF;
}

.toolBox .persent span {
    font-size: 14px;
}

.toolBox .persent .persent-disc {
    line-height: 150%;
    width: 84px;
    margin: 0 auto;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666;
}

.toolBox .persent .persent-righeline {
    position: relative;
}

.toolBox .persent .persent-righeline::after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 47px;
    background: #E8EBF2;
    border-radius: 1px;
}

.firmBox {
    padding: 70px 0;
}

.firmBox .titleP {
    color: #222;
}

.firmBox .ulTab {
    margin-top: 65px;
    display: flex;
    text-align: center;
}

.firmBox .ulTab li {
    width: 100%;
}

.firmBox .ulTab li .jianjin-line {
    display: flex;
    align-items: center;
    margin: 20px auto;
    width: 894px;
    height: 16px;
}

.firmBox .ulTab li .jianjin-line .line {
    height: 1px;
    opacity: 0.2;
    background: linear-gradient(90deg, #00ECF3, #277DFE);
}

.firmBox .ulTab li .jianjin-line .cirle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.firmBox .ulTab li .jianjin-line .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.firmBox .ulTab li .jianjin-line .dot1 {
    background: rgba(0, 236, 243, 0.1);
}

.firmBox .ulTab li .jianjin-line .dot1 .dot {
    background: #00ECF3;
}

.firmBox .ulTab li .jianjin-line .dot2 {
    background: rgba(39, 125, 254, 0.1);
}

.firmBox .ulTab li .jianjin-line .dot2 .dot {
    background: #0061FF;
}

.firmBox .ulTab li .jianjin-line .line {
    width: 298px;
    height: 1px;
    background: linear-gradient(90deg, #00ECF3, #277DFE);
    opacity: 0.2;
}

.firmBox .ulTab li .flex .disc {
    font-size: 16px;
    color: #666;
    flex: 1;
}

.firmBox .ulTab li .flex .disc .bold {
    color: #222;
    font-weight: bold;
}

.firmBox .hoverBlock {
    display: none;
    width: 100%;
    height: 100%;
}

.firmBox .tabLi {
    margin-right: 22px;
    flex: 1;
    overflow: hidden;
    height: 430px;
    color: #333649;
    line-height: 1.2;
    box-shadow: 0px 6px 32px 0px rgba(139, 154, 196, 0.05);
}

.firmBox .tabLi:hover .box1 {
    display: none;
}

.firmBox .tabLi:hover .hoverBlock {
    display: block;
}

.firmBox .tabLi:nth-last-of-type(1) {
    margin-right: 0;
}

.firmBox .box1 {
    box-shadow: 0px 6px 32px 0px rgba(139, 154, 196, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.firmBox .box1 > img {
    width: 100%;
}

.firmBox .box1 .title {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 30px;
}

.firmBox .box1 .subtitle {
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
    flex: 1;
    overflow: hidden;
}

.firmBox .box1 .subtitle span {
    color: #ff8d30;
}

.firmBox .cont, .firmBox .systemIndex .list, .systemIndex .firmBox .list {
    flex: 1;
    padding: 22px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

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

.firmBox .bottom div {
    flex: 1;
    overflow: hidden;
    text-align: right;
}

.firmBox .bottom span {
    margin-left: 10px;
}

.firmBox .box2 {
    display: flex;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}

.firmBox .box2 .title {
    font-size: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.firmBox .box2 p {
    font-size: 16px;
    opacity: 0.7;
    line-height: 33px;
}

.firmBox .tabLi1 .box2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmBg1.png) no-repeat center center;
    background-size: cover;
}

.firmBox .tabLi2 .box2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmBg2.png) no-repeat center center;
    background-size: cover;
}

.firmBox .tabLi3 .box2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmBg3.png) no-repeat center center;
    background-size: cover;
}

.firmBox .firmImg {
    display: flex;
    flex-wrap: wrap;
}

.firmBox .firmImg img {
    display: none;
}

.firmBox .firmImg li {
    margin-right: 20px;
    border: 1px solid #e1e7ff;
    box-shadow: 0px 6px 32px 0px rgba(139, 154, 196, 0.05);
    border-radius: 2px;
    margin-top: 20px;
    box-sizing: border-box;
}

.firmBox .firmImg li:nth-of-type(5n) {
    margin-right: 0;
}

.firmBox .firmImg .imgBg {
    width: 224px;
    height: 90px;
    color: rgba(0, 0, 0, 0);
}

.firmBox .firmImg .imgBg:nth-of-type(1) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 0;
}

.firmBox .firmImg .imgBg:nth-of-type(2) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -90px;
}

.firmBox .firmImg .imgBg:nth-of-type(3) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -180px;
}

.firmBox .firmImg .imgBg:nth-of-type(4) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -270px;
}

.firmBox .firmImg .imgBg:nth-of-type(5) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -360px;
}

.firmBox .firmImg .imgBg:nth-of-type(6) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -450px;
}

.firmBox .firmImg .imgBg:nth-of-type(7) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -540px;
}

.firmBox .firmImg .imgBg:nth-of-type(8) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -630px;
}

.firmBox .firmImg .imgBg:nth-of-type(9) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -720px;
}

.firmBox .firmImg .imgBg:nth-of-type(10) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -810px;
}

.firmBox .firmImg .imgBg:nth-of-type(11) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -900px;
}

.firmBox .firmImg .imgBg:nth-of-type(12) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -990px;
}

.firmBox .firmImg .imgBg:nth-of-type(13) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -1080px;
}

.firmBox .firmImg .imgBg:nth-of-type(14) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -1170px;
}

.firmBox .firmImg .imgBg:nth-of-type(15) {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/firmAllBg.png) no-repeat 0 -1260px;
}

.advantageBox {
    background: #F8F9FB;
    padding: 85px 0;
    color: #333649;
    line-height: 1.4;
}

.advantageBox .titleP {
    margin-bottom: 76px;
}

.advantageBox li:nth-of-type(2n-1) .subtitle::before {
    background: #2c68ff;
}

.advantageBox li:nth-of-type(2n) .subtitle::before {
    background: #ff8d30;
}

.advantageBox .numbers {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

.advantageBox .subtitle {
    font-size: 16px;
    opacity: 0.7;
    position: relative;
}

.advantageBox .subtitle::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 33px;
    height: 4px;
    border-radius: 2px;
    background: #666;
}

.advantageBox .swiper-container3 {
    padding-bottom: 108px;
}

.advantageBox .swiper-container3 .swiper-button-next, .advantageBox .swiper-container3 .swiper-button-prev {
    transform: translateY(-100%);
}

.advantageBox .certificateImg {
    box-shadow: 0px 20px 20px 0px rgba(230, 234, 239, 0.7);
    border-radius: 8px;
}

.dynamicBox {
    padding: 60px 0;
}

.dynamicBox ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    color: #333649;
}

.dynamicBox li {
    width: 50%;
    padding-right: 45px;
    box-sizing: border-box;
    margin-top: 35px;
}

.dynamicBox li:nth-of-type(2n) {
    padding-right: 0;
}

.dynamicBox a {
    display: flex;
}

.dynamicBox img {
    margin-right: 16px;
}

.dynamicBox .title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 28px;
}

.dynamicBox .time {
    font-size: 14px;
    opacity: 0.7;
    line-height: 22px;
}

.applyBox {
    background: #eef4fe url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/pic/huodebeijing.png) no-repeat center center;
    background-size: cover;
    height: 275px;
}

.applyBox .wrap {
    position: relative;
    height: 100%;
}

.applyBox .cont, .applyBox .systemIndex .list, .systemIndex .applyBox .list {
    text-align: center;
}

.applyBox .cont .title, .applyBox .systemIndex .list .title, .systemIndex .applyBox .list .title {
    line-height: 28px;
    margin: 63px auto 0;
    text-align: center;
    font-size: 34px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    display: inline-flex;
}

.applyBox .cont .get-yanshi, .applyBox .systemIndex .list .get-yanshi, .systemIndex .applyBox .list .get-yanshi {
    margin: 40px auto 0;
}

hr {
    opacity: 0.2;
}

.bottomTail {
    background: #fff;
    color: #000000;
    line-height: 1.2;
    padding: 55px 0 50px 0;
}

.bottomTail .wrap {
    display: flex;
}

.bottomTail .cont, .bottomTail .systemIndex .list, .systemIndex .bottomTail .list {
    flex: 1;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.bottomTail .logo {
    margin-bottom: 14px;
}

.bottomTail .code {
    margin: 6px 0 11px;
    width: 110px;
    height: 110px;
}

.bottomTail .logoText {
    font-size: 16px;
    margin-bottom: 25px;
}

.bottomTail .phone {
    font-size: 14px;
    margin-bottom: 10px;
}

.bottomTail .showcode .code {
    display: block;
}

.bottomTail .right {
    margin-left: 100px;
}

.bottomTail .title {
    font-size: 18px;
    margin-bottom: 15px;
}

.bottomTail li {
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}

.bottomTail li .title {
    margin-bottom: 15px;
}

.bottomTail a {
    font-size: 14px;
    margin-bottom: 12px;
    color: #000;
}

.bottomTail .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/rightBottom.png) no-repeat center center;
    width: 260px;
    height: 156px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 35px;
    box-sizing: border-box;
}

.bottomTail .imgBg p {
    font-size: 20px;
    line-height: 35px;
}

.bottomTail .subtitle {
    font-size: 14px;
    margin-top: 10px;
}

.bottomTail .detailA {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding: 0 35px;
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    margin-top: 20px;
    opacity: 1;
    box-sizing: border-box;
}

.foot-bottom {
    background-color: #fff;
    padding: 36px 0;
}

.foot-bottom .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.foot-bottom .wrap2{
    display: flex;
    justify-content: center;
}

.foot-bottom .logo {
    width: 130px;
    height: 49px;
}

.foot-bottom .banquan {
    width: 900px;
    opacity: 0.6;
    margin-right: 85px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    color: #000000;
    line-height: 29px;
}

@keyframes swipper {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.bannerProduct {
    position: relative;
    color: #fff;
}

.bannerProduct .wrap,
.bannerProduct .swiper-wrapper {
    height: 100%;
}

.bannerProduct .swiper-slide {
    height: 100%;
    background: linear-gradient(90deg, #2c68ff 50%, #2c8fff 70%, #2c8fff 100%);
}

.bannerProduct .banner {
    height: 380px;
    position: relative;
    z-index: 2;
}

.bannerProduct .swiper-container {
    height: 100%;
    background: none;
}

.bannerProduct .wrap {
    height: 100%;
    display: flex;
    align-items: center;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/productBanner.png) no-repeat right center;
}

.bannerProduct .swiperText {
    margin-right: 65px;
}

.bannerProduct .h2 {
    font-size: 44px;
    line-height: 1.3;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.bannerProduct .subtitle {
    font-size: 20px;
    margin-bottom: 50px;
}

.bannerProduct a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 20px;
    line-height: 48px;
    padding: 0 50px;
}

.bannerProduct .synopsis {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: linear-gradient(90deg, #2b67ff, #2c8fff);
}

.bannerProduct .synopsis::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.15);
}

.tabProduct {
    background: #f9faff;
}

.tabProduct .wrap {
    display: flex;
}

.tabProduct li {
    position: relative;
    flex: 1;
    overflow: hidden;
    height: 65px;
    line-height: 65px;
}

.tabProduct li:hover {
    opacity: 0.8;
}

.tabProduct li a {
    color: #333649;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.tabProduct .imgBg {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 6px;
}

.tabProduct .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 0;
    background-size: 100%;
}

.tabProduct .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -26px;
    background-size: 100%;
}

.tabProduct .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -52px;
    background-size: 100%;
}

.tabProduct .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_H.png) no-repeat 0 -78px;
    background-size: 100%;
}

.tabProduct .active a {
    color: #2c68ff;
}

.tabProduct .active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 53px);
    width: 106px;
    height: 2px;
    background: #2c68ff;
    border-radius: 1px;
}

.tabProduct .active .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_L.png) no-repeat 0 0;
    background-size: 100%;
}

.tabProduct .active .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_L.png) no-repeat 0 -26px;
    background-size: 100%;
}

.tabProduct .active .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_L.png) no-repeat 0 -52px;
    background-size: 100%;
}

.tabProduct .active .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/systemAll_L.png) no-repeat 0 -78px;
    background-size: 100%;
}

.productCont .box {
    padding: 80px 0;
}

.productCont .box:nth-of-type(2n) {
    background: #f9faff;
}

.productCont .box:nth-of-type(2n) img {
    margin-right: 100px;
    margin-left: 0;
}

.productCont img {
    margin-left: 62px;
}

.productCont .wrap {
    display: flex;
    align-items: center;
    color: #333649;
}

.productCont h4 {
    font-size: 36px;
    margin-bottom: 45px;
}

.productCont li {
    margin-top: 25px;
}

.productCont h5 {
    font-size: 24px;
    margin-bottom: 15px;
}

.productCont p {
    font-size: 18px;
    opacity: 0.8;
    line-height: 30px;
}

.bannerMoneys {
    color: #fff;
    position: relative;
    z-index: 1;
}

.bannerMoneys .swiper-container {
    height: 300px;
    background: none;
}

.bannerMoneys .banner {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/bannerPicker.png) no-repeat center center;
    height: 100%;
}

.bannerMoneys .swiper-slide {
    background: linear-gradient(90deg, #2c68ff 50%, #2c8fff 70%, #2c8fff 100%);
}

.bannerMoneys .wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bannerMoneys h3 {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 12px;
    letter-spacing: 2px;
    margin-top: -45px;
}

.bannerMoneys p {
    font-size: 18px;
    line-height: 30px;
    width: 530px;
    text-align: center;
}

.versionBox {
    margin-top: -45px;
    position: relative;
    z-index: 2;
    color: #333649;
}

.versionBox .wrap {
    display: flex;
}

.versionBox .box {
    display: flex;
    border-radius: 2px;
    padding: 45px 40px 35px 40px;
    flex: 1;
    overflow: hidden;
    margin-right: 40px;
    background: white;
    box-shadow: 2px 11px 38px 0px rgba(91, 131, 247, 0.09);
}

.versionBox .box:nth-of-type(1) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/versionAll.png) no-repeat 0 -60px;
}

.versionBox .box:nth-last-of-type(1) {
    margin-right: 0;
}

.versionBox .box:nth-last-of-type(1) .imgBg {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/versionAll.png) no-repeat 0 0;
}

.versionBox .imgBg {
    width: 80px;
    height: 60px;
    margin-right: 20px;
}

.versionBox .cont, .versionBox .systemIndex .list, .systemIndex .versionBox .list {
    flex: 1;
    overflow: hidden;
    margin-right: 40px;
}

.versionBox h4 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.versionBox p {
    font-size: 16px;
    line-height: 30px;
    opacity: 0.8;
}

.versionBox .moneys {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 12px;
    color: #ff8935;
    letter-spacing: 2px;
}

.versionBox .moneys span {
    font-size: 24px;
}

.versionBox a {
    font-size: 14px;
    border-radius: 2px;
    background: #2c68ff;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    background: linear-gradient(90deg, #ffad27 0%, #ff8935 100%);
    font-size: 20px;
    top: -1px;
}

.versionBox a:hover {
    opacity: 0.8;
}

.contrastBox {
    margin-top: 80px;
}

.contrastBox .wrap {
    border: 1px solid #ecf0fc;
    border-radius: 6px;
    box-sizing: border-box;
}

.contrastBox .box {
    display: flex;
    line-height: 1.2;
    color: #333649;
}

.contrastBox .left {
    width: 270px;
    font-size: 24px;
    background: rgba(235, 239, 251, 0.4);
    border-bottom: 1px solid #ebeffb;
    border-right: 1px solid #ebeffb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contrastBox .right {
    flex: 1;
    overflow: hidden;
}

.contrastBox .titleR {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ecf0fc;
}

.contrastBox .title {
    line-height: 70px;
    height: 70px;
    flex: 1;
    text-align: center;
    font-size: 20px;
}

.contrastBox li {
    display: flex;
    align-items: center;
    height: 55px;
}

.contrastBox .liBg {
    background: #f9faff;
}

.contrastBox p {
    flex: 1;
    overflow: hidden;
    padding-left: 180px;
    display: flex;
    align-items: center;
}

.contrastBox p span:nth-of-type(2) {
    opacity: 0.9;
}

.contrastBox .imgBg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.contrastBox .imgBg_D {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/dcAll.png) no-repeat 0 0;
}

.contrastBox .imgBg_C {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/dcAll.png) no-repeat 0 -20px;
}

.contrastBox .numberMoneys {
    height: 100px;
}

.contrastBox .numbers {
    flex-direction: column;
    padding-left: 40px;
    letter-spacing: 1px;
}

.contrastBox .number {
    font-size: 18px;
    margin-bottom: 5px;
    opacity: 0.9;
}

.contrastBox .moneys {
    color: #ff9b2e;
    font-size: 16px;
}

.problemBox {
    margin-top: 130px;
    background: #f9faff;
    padding: 120px 0 80px 0;
    color: #333649;
}

.problemBox h3 {
    font-size: 44px;
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.problemBox h3::after {
    content: '';
    width: 36px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    background: linear-gradient(-90deg, white 0%, black 0%, #5b83f8 0%, #4870f6 100%);
    top: -20px;
    left: calc(50% - 18px);
}

.problemBox h3::before {
    content: '';
    width: 14px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    background: linear-gradient(-90deg, white 0%, black 0%, #5b83f8 0%, #4870f6 100%);
    top: -20px;
    left: calc(50% + 22px);
}

.problemBox h4 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.problemBox li {
    margin-bottom: 46px;
    padding-left: 100px;
}

.problemBox p {
    font-size: 18px;
}

.problemBox p .text {
    opacity: 0.8;
}

.problemBox .infoQ {
    background-image: -webkit-linear-gradient(24deg, #f4c831 0%, #ff8e30 100%);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
}

.problemBox .infoA {
    opacity: 1;
    background-image: -webkit-linear-gradient(24deg, #5e86f8 0%, #2f69fe 100%);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.problemBox .consulting {
    text-align: center;
}

.problemBox .consulting p {
    font-size: 14px;
    opacity: 0.54;
    margin-top: 10px;
}

.problemBox a {
    font-size: 14px;
    border-radius: 2px;
    background: #2c68ff;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    background: linear-gradient(90deg, #399cfe 0%, #2e73fc 100%);
    padding: 0 50px;
    font-size: 22px;
}

.titleChannel {
    text-align: center;
    font-size: 44px;
    color: #333649;
    line-height: 1.2;
    position: relative;
    padding-top: 30px;
}

.titleChannel::after {
    content: '';
    width: 36px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    background: linear-gradient(-90deg, white 0%, black 0%, #5b83f8 0%, #4870f6 100%);
    top: -10px;
    left: calc(50% - 18px);
}

.titleChannel::before {
    content: '';
    width: 14px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    background: linear-gradient(-90deg, white 0%, black 0%, #5b83f8 0%, #4870f6 100%);
    top: -10px;
    left: calc(50% + 22px);
}

.bannerChannel .swiper-container {
    height: 600px;
}

.bannerChannel .wrap {
    height: 100%;
}

.bannerChannel .swiper-slide {
    background: #fff url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBanner.png) no-repeat center center;
}

.bannerChannel .swiperText {
    width: 700px;
    color: #333649;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bannerChannel h2 {
    font-size: 78px;
    line-height: 100px;
    margin-bottom: 30px;
}

.bannerChannel h2 span {
    color: #5361f9;
}

.bannerChannel p {
    font-size: 30px;
}

.bannerChannel .aBox {
    margin-top: 60px;
}

.bannerChannel a {
    font-size: 14px;
    border-radius: 2px;
    background: #2c68ff;
    color: #fff;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 40px;
    font-size: 22px;
    min-width: 180px;
    height: 48px;
    padding: 0 24px;
    border-radius: 2px;
    text-align: center;
    box-sizing: border-box;
}

.bannerChannel .applyA {
    background: linear-gradient(270deg, #fe8e30 0%, #f4c830 100%);
    margin-right: 36px;
}

.bannerChannel .findA {
    background: #4872ff;
}

.earningsBox {
    padding: 120px 0;
}

.earningsBox ul {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.earningsBox li {
    flex: 1;
    overflow: hidden;
    margin-right: 22px;
    background: #ebf0fc;
    border-radius: 2px;
    padding: 30px;
    color: #333649;
    line-height: 1.2;
}

.earningsBox li:nth-last-of-type(1) {
    margin-right: 0;
}

.earningsBox .title {
    display: flex;
    align-items: center;
    font-size: 30px;
    margin-bottom: 22px;
}

.earningsBox span {
    display: inline-block;
}

.earningsBox p {
    color: #6f717e;
    line-height: 30px;
    font-size: 16px;
}

.earningsBox .imgBg {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.earningsBox .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/earningsBgAll.png) no-repeat 0 -80px;
    background-size: 100%;
}

.earningsBox .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/earningsBgAll.png) no-repeat 0 0px;
    background-size: 100%;
}

.earningsBox .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/earningsBgAll.png) no-repeat 0 -40px;
    background-size: 100%;
}

.channerlBox {
    background: #f9faff url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channeBg.png) no-repeat center center;
    padding: 70px 0;
}

.channerlBox ul {
    padding: 0 50px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.channerlBox li {
    width: 350px;
    margin-right: 25px;
    background: #fff;
    padding: 40px;
    border-radius: 2px;
    box-sizing: border-box;
    margin-top: 30px;
    color: #333649;
    position: relative;
    overflow: hidden;
}

.channerlBox li:nth-of-type(3n) {
    margin-right: 0;
}

.channerlBox li::after {
    content: '';
    position: absolute;
    bottom: -50px;
    right: 30px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(-180deg, #fff 0%, #f2f5fe 50%, #f2f5fe 100%);
}

.channerlBox .title {
    display: flex;
    align-items: center;
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.channerlBox p {
    color: #6f717e;
    line-height: 30px;
    font-size: 16px;
}

.channerlBox .imgBg {
    width: 35px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
}

.channerlBox .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 0;
    background-size: 100%;
}

.channerlBox .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 -150px;
    background-size: 100%;
}

.channerlBox .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 -30px;
    background-size: 100%;
}

.channerlBox .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 -60px;
    background-size: 100%;
}

.channerlBox .imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 -90px;
    background-size: 100%;
}

.channerlBox .imgBg6 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channelBgAll.png) no-repeat 0 -120px;
    background-size: 100%;
}

.conditionsBox {
    padding: 100px 0;
}

.conditionsBox .wrap {
    display: flex;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
}

.conditionsBox .titleP {
    text-align: left;
}

.conditionsBox .titleP::after {
    left: 0px;
}

.conditionsBox .titleP::before {
    left: 40px;
}

.conditionsBox .left {
    flex: 1;
    margin-right: 60px;
}

.conditionsBox li {
    margin-top: 50px;
    color: #333649;
    display: flex;
    align-items: center;
}

.conditionsBox li:hover {
    cursor: pointer;
}

.conditionsBox .cont, .conditionsBox .systemIndex .list, .systemIndex .conditionsBox .list {
    flex: 1;
    overflow: hidden;
}

.conditionsBox h5 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 4px;
}

.conditionsBox p {
    font-size: 16px;
    color: #6f717e;
    line-height: 30px;
}

.conditionsBox .imgBg {
    width: 35px;
    height: 35px;
    margin-right: 25px;
}

.conditionsBox .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_H.png) no-repeat 0 -140px;
    background-size: 100%;
}

.conditionsBox .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_H.png) no-repeat 0 0;
    background-size: 100%;
}

.conditionsBox .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_H.png) no-repeat 0 -35px;
    background-size: 100%;
}

.conditionsBox .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_H.png) no-repeat 0 -70px;
    background-size: 100%;
}

.conditionsBox .imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_H.png) no-repeat 0 -105px;
    background-size: 100%;
}

.conditionsBox .active {
    color: #2c68ff;
}

.conditionsBox .active p {
    color: #2c68ff;
}

.conditionsBox .active .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_L.png) no-repeat 0 0px;
    background-size: 100%;
}

.conditionsBox .active .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_L.png) no-repeat 0 -35px;
    background-size: 100%;
}

.conditionsBox .active .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_L.png) no-repeat 0 -70px;
    background-size: 100%;
}

.conditionsBox .active .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_L.png) no-repeat 0 -105px;
    background-size: 100%;
}

.conditionsBox .active .imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBg_L.png) no-repeat 0 -140px;
    background-size: 100%;
}

.processBox {
    padding: 80px 0;
}

.processBox ul {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.processBox li {
    text-align: center;
    padding: 30px;
    color: #333649;
    flex: 1;
    overflow: hidden;
    margin-right: 25px;
    background: white;
    border-radius: 2px;
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.processBox li:hover {
    cursor: pointer;
}

.processBox .imgBg {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.processBox h5 {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.processBox p {
    opacity: 0.6;
    line-height: 26px;
    font-size: 16px;
}

.processBox .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_L.png) no-repeat 0 0;
}

.processBox .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_L.png) no-repeat 0 -220px;
}

.processBox .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_L.png) no-repeat 0 -110px;
}

.processBox .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_L.png) no-repeat 0 -330px;
}

.processBox .imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_L.png) no-repeat 0 -440px;
}

.processBox .active {
    color: #fff;
    background: #3664ff;
}

.processBox .active .imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_B.png) no-repeat 0 0;
}

.processBox .active .imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_B.png) no-repeat 0 -110px;
}

.processBox .active .imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_B.png) no-repeat 0 -220px;
}

.processBox .active .imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_B.png) no-repeat 0 -330px;
}

.processBox .active .imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/conditionsBgAll_B.png) no-repeat 0 -440px;
}

.searchBox {
    background: #2c67ff;
    padding: 80px;
}

.searchBox h3 {
    text-align: center;
    line-height: 1.2;
    font-size: 44px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 45px;
}

.searchBox .inputBox {
    display: flex;
    align-items: center;
    width: 770px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
}

.searchBox input {
    flex: 1;
    line-height: 58px;
    height: 58px;
    padding: 0 50px;
    font-size: 24px;
    color: #333649;
    /* firefox 19+ */
    /* Internet Explorer 10+ */
    /* firefox 14-18 */
}

.searchBox input::-webkit-input-placeholder {
    font-size: 16px;
    opacity: 0.53;
}

.searchBox input::-moz-placeholder {
    font-size: 16px;
    opacity: 0.53;
}

.searchBox input:-ms-input-placeholder {
    font-size: 16px;
    opacity: 0.53;
}

.searchBox input:-moz-placeholder {
    font-size: 16px;
    opacity: 0.53;
}

.searchBox button {
    background: linear-gradient(-87deg, #fe8e30 0%, #f4c830 100%);
    height: 58px;
    line-height: 58px;
    font-size: 30px;
    color: #fff;
    width: 185px;
}

.searchBox button:hover {
    cursor: pointer;
}

.searchBox .result {
    width: 770px;
    margin: 24px auto 0;
    text-align: center;
    background: #fff;
    padding: 24px;
    font-size: 16px;
}

.searchBox .result span {
    color: #2c68ff;
    margin: 0 6px;
    font-weight: bold;
}

.bannerAbout {
    position: relative;
    color: #fff;
}

.bannerAbout .wrap,
.bannerAbout .swiper-wrapper {
    height: 100%;
}

.bannerAbout .swiper-slide {
    height: 100%;
    background: linear-gradient(90deg, #003dff 50%, #3a6bff 60%, #3a6bff 100%);
}

.bannerAbout .banner {
    height: 300px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/aboutBanner.png) no-repeat center center;
    position: relative;
    z-index: 2;
}

.bannerAbout .swiper-container {
    height: 100%;
    background: none;
}

.bannerAbout .wrap {
    height: 100%;
    display: flex;
    align-items: center;
}

.bannerAbout .swiperText {
    margin-right: 65px;
    width: 650px;
    letter-spacing: 1px;
}

.bannerAbout .h2 {
    font-size: 48px;
    line-height: 1.3;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.bannerAbout .subtitle {
    font-size: 16px;
    line-height: 35px;
}

.introduction {
    padding-top: 153px;
}

.introduction .wrap .intro-img {
    width: 653px;
    height: 475px;
}

.introduction .wrap .intro-content {
    margin-left: 121px;
}

.introduction .wrap .intro-content .titleP {
    text-align: left;
    position: relative;
    line-height: 64px;
}

.introduction .wrap .intro-content .titleP::after {
    content: '';
    position: absolute;
    bottom: -39px;
    left: 0;
    width: 46px;
    height: 5px;
    background: #0061FF;
}

.introduction .wrap .intro-content .intro {
    margin-top: 81px;
    font-family: SourceHanSansCN;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.scaleBox {
    padding: 85px 0 110px 0;
}

.scaleBox .wrap {
    display: flex;
    justify-content: space-between;
    color: #333649;
}

.scaleBox li {
    width: 350px;
}

.scaleBox .title {
    font-size: 24px;
    color: #333649;
    line-height: 1.2;
    margin-bottom: 38px;
}

.scaleBox .title span {
    font-size: 48px;
    color: #5361f9;
    margin-right: 14px;
    position: relative;
    bottom: -4px;
}

.scaleBox p {
    font-size: 14px;
    line-height: 31px;
}

.productBox {
    background: #f3f9fd url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/channeBg.png) no-repeat center center;
    padding: 60px 0 80px 0;
    color: #333649;
}

.productBox .subtitle {
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    margin-top: 18px;
}

.productBox ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.productBox li {
    min-width: 370px;
    flex: 1;
    margin-right: 40px;
    background: white;
    border-radius: 2px;
    margin-top: 40px;
    padding: 30px 40px;
    min-height: 280px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.productBox li:nth-of-type(3n) {
    margin-right: 0;
}

.productBox li::after {
    content: '';
    position: absolute;
    bottom: -50px;
    right: 30px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(-180deg, #fff 0%, #f2f5fe 50%, #f2f5fe 100%);
}

.productBox p {
    color: #6f717d;
    font-size: 14px;
    line-height: 30px;
}

.productBox .imgBox {
    width: 190px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.productBox .imgBox.imgBg1 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 -280px;
}

.productBox .imgBox.imgBg2 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 -140px;
}

.productBox .imgBox.imgBg3 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 0px;
}

.productBox .imgBox.imgBg4 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 -210px;
}

.productBox .imgBox.imgBg5 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 -70px;
}

.productBox .imgBox.imgBg6 {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/supplierBg.png) no-repeat 0 -350px;
}

.courseBox {
    padding: 160px 0 80px 0;
}

.courseBox .timeline {
    margin-top: 65px;
    display: flex;
    color: #333649;
    align-items: center;
}

.courseBox .tabBox {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 0;
    box-sizing: border-box;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}

.courseBox .tabBox::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.courseBox .tabLi {
    width: 480px;
    text-align: right;
    height: 100px;
    line-height: 100px;
    padding-right: 120px;
    font-size: 18px;
    opacity: 0.7;
    position: relative;
    box-sizing: border-box;
}

.courseBox .tabLi span {
    font-size: 32px;
    margin-right: 8px;
    position: relative;
    display: inline-block;
}

.courseBox .tabLi.active {
    border-top: 1px solid #ebf0fc;
    border-bottom: 1px solid #ebf0fc;
    opacity: 1;
}

.courseBox .tabLi.active::before {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 18px);
    width: 2px;
    height: 36px;
    background: #a9b2c8;
}

.courseBox .tabLi.active span::after {
    content: '';
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-135deg);
    top: -2px;
    position: absolute;
    margin-left: -30px;
}

.courseBox .tabLi.active span::before {
    content: '';
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    bottom: 0px;
    position: absolute;
    margin-left: 40px;
}

.courseBox .tabLi:hover {
    cursor: pointer;
}

.courseBox .rightContBox {
    flex: 1;
    overflow: hidden;
    border-left: 1px solid #ebf0fc;
    background: none;
}

.courseBox .rightContBox li {
    margin-bottom: 20px;
    font-size: 14px;
}

.courseBox .rightContBox span {
    font-size: 22px;
    margin-right: 3px;
}

.courseBox .rightContBox p {
    line-height: 20px;
}

.courseBox .rightContBox .swiper-slide {
    box-sizing: border-box;
    padding-left: 90px;
}

.honorBox {
    padding: 97px 0 70px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/beijing01@2x.png) center center no-repeat;
    background-size: cover;
}

.honorBox .wrap {
    max-width: 1280px;
}

.honorBox .wrap .shenfen {
    margin-top: 154px;
}

.honorBox .wrap .honorBox-img {
    margin-top: 80px;
    width: 100%;
}

.huoban {
    background-color: #fff;
    padding: 106px 0;
}

.huoban .ditu-img {
    margin-top: 9px;
    display: block;
    margin: 0 auto;
    width: 1175px;
    height: 902px;
}

.developHistory {
    height: 696px;
    margin-top: 66px;
    background-color: #001230;
    color: #fff;
    position: relative;
}

.developHistory .img-mask {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(-90deg, transparent, rgba(4, 2, 0, 0.05) 0, #001230 84%, rgba(25, 10, 1, 0.8) 73%, #001230 83%);
}

.developHistory .img-cover {
    overflow: hidden;
    width: 1170px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.developHistory .img-cover .bg-img {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transform: scale(1);
    opacity: 0;
    transition: all .3s;
    visibility: hidden;
}

.developHistory .img-cover .bg-img-active {
    transform: scale(1.1);
    opacity: 1;
    visibility: visible;
}

.developHistory .wrap {
    height: 100%;
    padding: 56px 0 82px;
}

.developHistory .wrap .year-list::-webkit-scrollbar {
    display: none;
}

.developHistory .wrap .year-list {
    z-index: 2;
    margin-right: 82px;
    overflow-y: scroll;
    padding: 0 26px;
}

.developHistory .wrap .year-list .year {
    cursor: pointer;
    position: relative;
    font-size: 18px;
    font-family: DINbek Bold;
    font-weight: bold;
    color: #B8BDC6;
    padding: 0 0 40px;
    text-align: right;
}

.developHistory .wrap .year-list .year .por {
    padding: 0 26px;
    position: relative;
}

.developHistory .wrap .year-list .year-active {
    font-size: 30px;
    font-family: DINbek Bold;
    font-weight: bold;
    color: #0061FF;
}

.developHistory .wrap .year-list .dot-line {
    z-index: 1;
    position: absolute;
    right: -1px;
    top: 0;
    width: 0px;
    border: 0.5px solid #fff;
    height: 100%;
}

.developHistory .wrap .year-list .dot {
    border-radius: 50%;
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #fff;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    z-index: 2;
}

.developHistory .wrap .year-list .dot-active {
    background-color: #0061FF;
}

.developHistory .swiper-history {
    height: 640px;
    box-sizing: border-box;
    flex: 1;
    z-index: 3;
}

.developHistory .swiper-history .swiper-slide, .developHistory .swiper-history .year-month, .developHistory .swiper-history .content {
    font-size: 16px;
    font-family: SourceHanSansCN;
    color: #59667C;
}

.developHistory .swiper-history .swiper-slide-prev .content, .developHistory .swiper-history .swiper-slide-next .content, .developHistory .swiper-history .swiper-slide-active .content {
    color: #FFFFFF;
}

.developHistory .swiper-history .swiper-slide-prev .year-month, .developHistory .swiper-history .swiper-slide-next .year-month, .developHistory .swiper-history .swiper-slide-active .year-month {
    color: #B8BDC6;
}

.cultureBox {
    padding: 119px 0 85px;
}

.cultureBox .cont, .cultureBox .systemIndex .list, .systemIndex .cultureBox .list {
    display: flex;
    margin-top: 80px;
}

.cultureBox .imgLeft {
    margin-right: 23px;
}

.cultureBox .rightCont {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    overflow: hidden;
}

.cultureBox .rightCont img {
    margin-right: 20px;
    margin-top: 20px;
}

.cultureBox .rightCont img:nth-of-type(2n) {
    margin-right: 0;
}

.recruitmentAbout {
    padding: 80px 0;
    text-align: center;
}

.recruitmentAbout .wrap {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/recruitmentBg.png) no-repeat center center;
    padding: 40px 0;
    letter-spacing: 1px;
}

.recruitmentAbout h3 {
    font-size: 44px;
    margin-bottom: 18px;
    color: #fff;
}

.recruitmentAbout a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    margin: 0 auto;
    font-size: 22px;
    padding: 0 42px;
    border-color: rgba(255, 255, 255, 0.6);
}

.trust-duoguan {
    padding: 54px 0 133px;
    background-image: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/beijing01@2x.png);
    background-size: cover;
}

.trust-duoguan .wrap .trust .trust-left {
    width: 440px;
}

.trust-duoguan .wrap .trust .trust-left .titleP {
    text-align: left;
    margin-bottom: 47px;
}

.trust-duoguan .wrap .trust .trust-left .subtitle {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666;
    line-height: 24px;
}

.trust-duoguan .wrap .trust .trust-left .intro {
    font-size: 16px;
    font-family: DINPro;
    font-weight: 500;
    color: #666666;
    line-height: 30px;
    margin-top: 47px;
}

.trust-duoguan .wrap .trust .trust-left .intro span {
    font-size: 32px;
    color: #0061FF;
}

.trust-duoguan .wrap .trust .trust-right {
    display: flex;
    flex-direction: row-reverse;
    height: 660px;
}

.trust-duoguan .wrap .trust .trust-right .cirle {
    min-width: 660px;
    height: 100%;
    position: relative;
    background-image: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/yuan@2x.png);
    background-size: cover;
}

.trust-duoguan .wrap .trust .trust-right .cirle .qudao, .trust-duoguan .wrap .trust .trust-right .cirle .yunxing {
    position: absolute;
    width: 268px;
    height: 126px;
    padding: 44px 79px 21px 20px;
}

.trust-duoguan .wrap .trust .trust-right .cirle .qudao {
    top: 88px;
    left: -15px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/qudao@2x.png);
    background-size: cover;
}

.trust-duoguan .wrap .trust .trust-right .cirle .yunxing {
    bottom: 68px;
    left: 195px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/yunxing@2x.png);
    background-size: cover;
}

.trust-duoguan .wrap .trust .trust-right .cirle .jingyan {
    top: 272px;
    left: -214px;
    position: absolute;
    width: 371px;
    height: 193px;
    padding: 100px 150px 27px 32px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/about/jingyan@2x.png);
    background-size: cover;
}

.trust-duoguan .wrap .trust .trust-right .cirle .blueP {
    font-size: 40px;
    font-family: DINPro;
    font-weight: 500;
    color: #0061FF;
    line-height: 30px;
}

.trust-duoguan .wrap .trust .trust-right .cirle .intro {
    margin-top: 10px;
    font-size: 16px;
    font-family: DINPro;
    font-weight: 500;
    color: #666666;
    line-height: 30px;
}

.trust-duoguan .wrap .trust .trust-right .cirle .jingyan .intro, .trust-duoguan .wrap .trust .trust-right .cirle .jingyan .blueP {
    color: #fff;
}

.trust-duoguan .wrap .trust .trust-right .cirle .main-img {
    width: 171px;
    height: 216px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.trust-duoguan .wrap .grid {
    display: flex;
    margin-top: 65px;
}

.trust-duoguan .wrap .grid .grid-item {
    background-size: cover;
    padding: 50px;
    box-sizing: border-box;
    width: 380px;
    height: 281px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.trust-duoguan .wrap .grid .grid-item .title {
    width: 262px;
    font-size: 20px;
    font-family: SourceHanSansBold;
    color: #FFFFFF;
    line-height: 32px;
}

.trust-duoguan .wrap .grid .grid-item .type {
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}

.founding-team {
    padding-bottom: 120px;
}

.founding-team .titleP {
    margin: 87px auto 0;
}

.founding-team .grid {
    margin-top: 75px;
}

.founding-team .grid .grid-item {
    cursor: pointer;
    width: 380px;
    height: 513px;
    text-align: center;
    box-shadow: 0px 20px 20px 0px rgba(193, 210, 214, 0.3);
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 46px;
    position: relative;
}

.founding-team .grid .grid-item .founding-team-img {
    background: linear-gradient(0deg, #CFD6E2, #7F8A93);
    width: 100%;
}

.founding-team .grid .grid-item .name-box {
    padding: 0 53px;
    z-index: 1;
    transition: all .6s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-color: #fff;
    padding: 0 53px 46px;
}

.founding-team .grid .grid-item .name-box .avatar {
    margin: 0 auto;
    width: 121px;
    height: 121px;
    border-radius: 50%;
    display: none;
    background: linear-gradient(0deg, #CFD6E2, #7F8A93);
}

.founding-team .grid .grid-item .name-box .name {
    margin-top: 24px;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
}

.founding-team .grid .grid-item .name-box .post {
    margin-top: 19px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666666;
    line-height: 30px;
}

.founding-team .grid .grid-item .name-box .desc {
    font-size: 16px;
    color: #666666;
    margin-top: 19px;
}

.founding-team .grid .grid-item .name-box .desc {
    display: none;
}

.founding-team .grid .grid-item:hover .name-box .desc {
    display: block;
}

.founding-team .grid .grid-item:hover .name-box .avatar {
    display: block;
}

.founding-team .grid .grid-item:hover .name-box {
    padding: 51px 53px 46px;
    height: 100%;
}

.bannerZp {
    position: relative;
    color: #fff;
}

.bannerZp .wrap,
.bannerZp .swiper-wrapper {
    height: 100%;
}

.bannerZp .swiper-slide {
    height: 100%;
    background: #444cf5;
}

.bannerZp .banner {
    height: 300px;
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/recruitmentBanner.png) no-repeat center center;
    position: relative;
    z-index: 2;
}

.bannerZp .swiper-container {
    height: 100%;
    background: none;
}

.bannerZp .wrap {
    height: 100%;
    display: flex;
    align-items: center;
}

.bannerZp .swiperText {
    margin-right: 65px;
    width: 650px;
    letter-spacing: 1px;
    padding-left: 100px;
}

.bannerZp .h2 {
    font-size: 58px;
    line-height: 1.3;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

.bannerZp .subtitle {
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 2px;
}

.recruitmentBox {
    padding: 60px;
}

.recruitmentBox .wrap {
    display: flex;
    color: #333649;
}

.recruitmentBox .tabBox {
    width: 285px;
    margin-right: 110px;
    padding: 10px 0;
    border: 1px solid #ecf0fc;
    box-sizing: border-box;
}

.recruitmentBox li .titleLeft {
    position: relative;
    line-height: 62px;
    margin: 0 42px;
    font-size: 18px;
    border-bottom: 1px solid #ebf0fc;
    color: rgba(51, 53, 73, 0.7);
}

.recruitmentBox li .titleLeft::before {
    content: '';
    position: absolute;
    right: 0;
    height: 0px;
    width: 0px;
    border-top: 5px solid transparent;
    border-right: 8px solid #c2c5c9;
    border-bottom: 5px solid transparent;
    top: calc(50% - 5px);
    transform: rotate(180deg);
}

.recruitmentBox li:nth-last-of-type(1) .titleLeft {
    border-bottom: 0;
}

.recruitmentBox li:hover {
    cursor: pointer;
}

.recruitmentBox .active .titleLeft {
    color: #2c68ff;
    opacity: 1;
}

.recruitmentBox .active .titleLeft::before {
    transform: rotate(-90deg);
    border-right: 8px solid #2c68ff;
}

.recruitmentBox .list {
    background: #ecf0fc;
    padding: 0 42px;
    line-height: 55px;
    font-size: 16px;
    display: none;
}

.recruitmentBox .hot {
    margin-left: 4px;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 16px;
    line-height: 20px;
    background: linear-gradient(135deg, #f4c730 0%, #fe8f30 100%);
    border-radius: 10px 8px 8px 0px;
    font-size: 10px;
    color: #fff;
    opacity: 1;
}

.recruitmentBox .activeP {
    color: #6a8eea;
}

.recruitmentBox h4 {
    font-size: 30px;
    margin-bottom: 15px;
}

.recruitmentBox .subtitle {
    opacity: 0.6;
    font-size: 16px;
    margin-bottom: 40px;
}

.recruitmentBox .subtitle span {
    margin-right: 4px;
}

.recruitmentBox .rightCont {
    font-size: 16px;
}

.recruitmentBox .rightCont h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.recruitmentBox .rightCont h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
}

.recruitmentBox .rightCont h4 {
    font-size: 24px;
    margin-bottom: 15px;
}

.recruitmentBox .rightCont h5 {
    font-size: 20px;
    margin-bottom: 15px;
}

.recruitmentBox .rightCont p {
    line-height: 1.6;
    margin: 15px 0;
}

.recruitmentBox .rightCont img {
    max-width: 100%;
}

.recruitmentBox .rightCont a {
    color: #1890ff;
}

.recruitmentBox .rightCont ul {
    list-style: unset;
}

.recruitmentBox .rightCont ol {
    list-style: decimal;
}

.phoneBox {
    padding: 75px 0;
}

.phoneBox .wrap {
    display: flex;
    justify-content: space-between;
}

.phoneBox .codeBox {
    width: 454px;
    height: 224px;
    background: linear-gradient(90deg, #5c84f8 0%, #3961f4 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.phoneBox .eMail {
    background: url(https://dg-scrm.oss-cn-beijing.aliyuncs.com/aiscrm/imgs/recruitmentRight.png) no-repeat center center;
    width: 718px;
    height: 224px;
}

.phoneBox img {
    background: linear-gradient(0deg, rgba(57, 98, 244, 0.3) 0%, rgba(57, 98, 244, 0.3) 100%);
    padding: 10px;
    margin-right: 40px;
}

.phoneBox h4 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.phoneBox p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    width: 140px;
}

.phoneBox .eMail {
    display: flex;
    justify-content: center;
    padding: 0 90px 0 280px;
    flex-direction: column;
    color: #333649;
    box-sizing: border-box;
}

.phoneBox .title {
    font-size: 22px;
    margin-bottom: 10px;
}

.phoneBox .detail {
    font-size: 20px;
    margin-bottom: 20px;
}

.phoneBox .subtitle {
    font-size: 16px;
    opacity: 0.5;
    line-height: 30px;
}

.helpBox .wrap {
    display: flex;
    align-items: flex-start;
    padding: 32px 0;
}

.helpBox .tabLeft {
    width: 240px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 0 24px;
}

.helpBox .tabLeft .tit {
    background: #1890ff;
    color: #fff;
    padding: 24px 0;
    margin: -1px -25px 0;
    font-size: 24px;
    text-align: center;
}

.helpBox .tabLeft h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}

.helpBox .tabLeft a {
    display: block;
    padding: 0 24px;
    margin: 0 -24px;
}

.helpBox .tabLeft a:hover {
    background: #f9faff;
}

.helpBox .tabLeft a.active {
    background: #f9faff;
    color: #1890ff;
}

.helpBox .tabLeft ul ul a {
    padding-left: 36px;
}

.helpBox .tabLeft .item {
    padding: 24px 0;
    line-height: 36px;
}

.helpBox .tabLeft .item + .item {
    border-top: 1px solid #eee;
}

.helpBox .rightCont {
    flex: 1;
    padding: 0 0px 40px 70px;
}

.helpBox .rightCont .title {
    font-size: 32px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    line-height: 89px;
}

.helpBox .tabP {
    padding: 40px 0;
    border-top: 1px solid #f5f6f6;
    display: flex;
    margin-top: 24px;
}

.helpBox .tabP a {
    flex: 1;
    display: block;
    border: 1px solid;
    border-radius: 3px;
    padding: 12px 24px;
    color: #1890ff;
    text-align: center;
}

.helpBox .tabP a:hover {
    background: #1890ff;
    color: #fff;
}

.helpBox .tabP a:nth-child(n+2) {
    margin-left: 12px;
}

.richText {
    font-size: 16px;
}

.richText iframe {
    width: 800px;
    height: 600px;
    display: block;
    margin: 15px auto;
}

.richText h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.richText h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
}

.richText h4 {
    font-size: 24px;
    margin-bottom: 15px;
}

.richText h5 {
    font-size: 20px;
    margin-bottom: 15px;
}

.richText p {
    line-height: 1.6;
    margin: 15px 0;
}

.richText img {
    max-width: 100%;
}

.richText a {
    color: #1890ff;
}

.richText ul {
    list-style: unset;
    padding-left: 40px;
}

.richText ol {
    list-style: decimal;
    padding-left: 40px;
}

[v-clock] {
    display: none;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.bannerBox .swiperText .smallTitle {
    font-size: 16px;
    font-family: SourceHanSansCN;
    color: #222;
}

.bannerBox .swiperText .intro {
    font-size: 14px;
    color: #FFFFFF;
}

.content-box {
    padding-bottom: 50px;
}

.content-box .titlePP {
    padding: 80px 0 65px;
}

.content-box .content::after {
    width: 515px;
    height: 515px;
    display: block;
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    content: '';
    transform: translate(-50%, -50%);
    /* -webkit-filter: blur(350px); */
    filter: blur(350px);
    background-color: rgba(0, 97, 255, 0.4);
}

.content-box .flex-row-reverse::after {
    content: '';
    transform: translate(50%, -50%);
    background-color: rgba(45, 238, 255, 0.4);
}

.content-box .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-box .content .content-img {
    width: 780px;
    position: relative;
}

.content-box .content .titleP {
    text-align: left;
    font-size: 30px;
    line-height: 30px;
}

.content-box .content ul .bingou {
    margin-right: 5px;
    width: 26px;
    height: 26px;
    background: #DDFFE2;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
}

.content-box .content ul .text {
    flex: 1;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #666;
    line-height: 24px;
}

.content-box .content ul li {
    margin-top: 32px;
}

.people-say {
    background: #F8F8F8;
    padding: 68px 0 118px;
}

.people-say .titleP {
    padding-bottom: 76px;
}

.people-say .say {
    padding: 81px 0;
    width: 1201px;
    background: #fff;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.people-say .say .people-info {
    text-align: center;
}

.people-say .say .people-info .avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.people-say .say .people-info p {
    margin-top: 18px;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #222222;
    line-height: 36px;
}

.people-say .say .content .yinhao .yinhao-img {
    display: inline-block;
    width: 70px;
    height: 60px;
}

.people-say .say .content p {
    margin: 72px auto 82px;
    width: 606px;
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #222222;
    line-height: 36px;
}
.media{
    background: #eff3f6;
    padding: 102px 0 91px 0;
}

.media .top-title{
    font-weight: bold;
    font-size: 48px;
    color: #0e2023;
    text-align: center;
}
.media .top-dsc{
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #0e2023;
    margin-top: 16px;
    margin-bottom: 40px;
}
.media  .art-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    .item {
      width: 409px;
      height: 620px;
      background: #ffffff;
      border-radius: 16px 16px 16px 16px;
      margin-right: 26px;
      cursor: pointer;
      padding: 20px;
      .image {
        width: 370px;
        height: 211px;
        border-radius: 16px 16px 16px 16px;
      }
      .title {
        min-height: 60px;
        font-weight: bold;
        font-size: 20px;
        color: #222222;
        margin: 23px 0 10px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        max-height: calc(1.5em * 2);
        text-align: left;
      }
      .dsc {
        width: 370px;
        height: 54px;
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        max-height: calc(1.5em * 2);
      }
      .time {
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        padding: 20px 0;
      }
      .list-box {
        border-top: 1px solid #eeeeee;
        padding-top: 16px;
        display: flex;
        flex-direction: column;
        .list {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 14px;
          cursor: pointer;
          .name {
            font-weight: 400;
            font-size: 14px;
            color: #1c1d1f;
            width: 267px;
            white-space: nowrap;
            overflow: hidden;
          }
          .data {
            font-weight: 400;
            font-size: 12px;
            color: #666666;
          }
        }
      }
    }
  }
  .media  .see-more {
    width: 156px;
    height: 48px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #222222;
    font-weight: 500;
    font-size: 14px;
    color: #222222;
    text-align: center;
    line-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 57px auto 91px auto;
    cursor: pointer;
    .arrow {
      margin-top: 3px;
      margin-left: 5px;
    }
  }
  .article-view {
    padding: 100px 0 0 0;
    overflow: scroll;
    background: #ffffff;
    .art-box {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      width: 1372px;
      margin: 0 auto;
      .item {
        width: 409px;
        // height: 620px;
        background: #ffffff;
        border-radius: 16px 16px 16px 16px;
        margin-right: 26px;
        cursor: pointer;
        padding: 15px 20px;
        margin-bottom: 20px;
        .image {
          width: 407px;
          height: 232px;
          border-radius: 16px 16px 16px 16px;
        }
        .title {
          min-height: 60px;
          font-weight: bold;
          font-size: 20px;
          color: #222222;
          margin: 23px 0 10px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 1.5;
          max-height: calc(1.5em * 2);
        }
        .dsc {
          min-height: 24px;
          font-weight: 400;
          font-size: 16px;
          color: #666666;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 1.5;
          max-height: calc(1.5em * 2);
        }
        .time {
          font-weight: 400;
          font-size: 16px;
          color: #666666;
          margin-top: 23px;
          // padding: 23px 0;
        }
      }
    }
    .see-more {
      width: 156px;
      height: 48px;
      border-radius: 0px 0px 0px 0px;
      border: 1px solid #222222;
      font-weight: 500;
      font-size: 14px;
      color: #222222;
      text-align: center;
      line-height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 57px auto;
      cursor: pointer;
      .arrow {
        margin-top: 3px;
        margin-left: 5px;
      }
    }
  }
  .no-data{
    margin-top: 100px;
  }
  .articleDetail {
    padding-top: 72px;
    overflow: scroll;
    background: #ffffff;
    .nav-bar {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      height: 56px;
      background: #f7f8f9;
      border-radius: 0px 0px 0px 0px;
      padding-left: 260px;
      div {
        font-weight: 400;
        font-size: 16px;
        color: #222222;
      }
      img {
        width: 16px;
        height: 16px;
        margin: 0 5px;
      }
    }
    .content-box {
      display: flex;
      justify-content: space-between;
      padding-top: 62px;
      margin: 0 auto;
      width: 1322px;
    }
    .info-box {
      width: 838px;
      display: flex;
      flex-direction: column;
      .title {
        font-weight: 400;
        font-size: 44px;
        color: #222222;
      }
      .time {
        font-weight: 400;
        font-size: 16px;
        color: #666666;
        margin: 32px 0;
      }
      .line {
        width: 838px;
        height: 0px;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #eeeeee;
      }
      .image {
        width: 838px;
        height: 473px;
        margin-bottom: 41px;
      }
      .text {
        margin-bottom: 200px;
      }
    }
    .list-box {
      width: 409px;
      height: 806px;
      background: #ffffff;
      box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.06);
      border-radius: 16px 16px 16px 16px;
      margin-top: 112px;
      .top-title {
        font-weight: bold;
        font-size: 20px;
        color: #222222;
        margin: 16px 0 0 20px;
      }
  
      .item {
        // width: 370px;
        height: 211px;
        background: #ffffff;
        border-radius: 16px 16px 16px 16px;
        cursor: pointer;
        padding: 20px;
        .image {
          width: 370px;
          height: 211px;
          border-radius: 16px 16px 16px 16px;
        }
        .title {
          min-height: 60px;
          font-weight: bold;
          font-size: 20px;
          color: #222222;
          margin: 23px 0 10px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 1.5;
          max-height: calc(1.5em * 2);
        }
        .dsc {
          width: 370px;
          height: 54px;
          font-weight: 400;
          font-size: 16px;
          color: #222222;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 1.5;
          max-height: calc(1.5em * 2);
        }
        .time {
          font-weight: 400;
          font-size: 16px;
          color: #666666;
          padding: 20px 0;
        }
        .list-content {
          border-top: 1px solid #eeeeee;
          padding-top: 20px;
          display: flex;
          flex-direction: column;
          .list {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            cursor: pointer;
            .name {
              font-weight: 400;
              font-size: 14px;
              color: #1c1d1f;
              width: 267px;
              white-space: nowrap;
              overflow: hidden;
            }
            .data {
              font-weight: 400;
              font-size: 12px;
              color: #666666;
            }
          }
        }
      }
    }
  }
 .markdown-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #24292e;
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
  
    h1 {
      font-size: 32px;
      border-bottom: 1px solid #eaecef;
      padding: 20px 0;
    }
    h2 {
      font-size: 24px;
      padding: 16px 0;
    }
    h3 {
      font-size: 18px;
      padding: 14px 0;
    }
    h4 {
      font-size: 16px;
      padding: 10px 0;
    }
    h5 {
      font-size: 13px;
    }
    h6 {
      font-size: 10px;
    }
    p {
      font-size: 16px;
      color: #616161;
      padding: 5px 0;
    }
    li {
        font-size: 16px;
        color: #616161;
        padding: 5px 0;
      }
    pre {
      background: #f6f8fa;
      border-radius: 6px;
      padding: 16px;
      overflow: auto;
    }
    img {
      width: 100%;
    }
  }
  #text-content {
    margin-bottom: 500px;
  }
  .loading-content{
    width: 100vw;
    height: 100vh;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8);
    .img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 50px;
        height: 50px;
    }
  }
  .link-content {
    display: flex;
    justify-content: flex-start;
    margin-right: 40px;
    .logo {
      width: auto;
      height: 30px;
      margin-bottom: 83px;
      margin-right: 20px;
    }
    .item {
    width: 80px;
      margin-left: 20px;
      cursor: pointer;
      margin-top: 10px;
      &:hover {
        color: #00c3ff;
      }
    }
  }