html.gray_mode {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: none;
    filter: grayscale(100%);
    height: 100%
}

body,html {
    margin: 0;
    padding: 0;
    font-family: Helvetica Neue,Helvetica,Microsoft YaHei,å¾®è½¯é›…é»‘,PingFang SC,å®‹ä½“,Tahoma,Arial;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    scroll-behavior: smooth
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background-color: #f3f4f3
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #cfd0cf
}

li,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    text-decoration: none;
    outline: none
}

p {
    margin: 0
}

.home-header .nav-wrap .entrance a {
    color: #3c414b
}

.home-header .nav-wrap .entrance a:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 14px;
    height: 3px;
    background: #417ff9
}

.home-header .nav-wrap .partner .dingtalk-wrap .download {
    background: #417ff9;
    color: #fff
}

.home-header .nav-wrap .partner .dingtalk-wrap .use-now {
    border: 1px solid #417ff9;
    background: #fff;
    color: #417ff9
}

.sport-header .nav-wrap .partner .dingtalk-wrap .download {
    color: #273f77
}

.nav-wrap {
    width: 100%;
    min-width: 980px;
    color: #fff;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0
}

.nav-wrap .nav-box {
    display: flex;
    margin: auto
}

.nav-wrap .logo-box,.nav-wrap .logo-wrap {
    display: flex;
    align-items: center
}

.nav-wrap .logo-box {
    cursor: pointer
}

.nav-wrap .logo {
    display: inline-block;
    background: url(../images/bed32b64f329933a6285.png) no-repeat 0 0;
    background-size: 100% 100%;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    min-width: 13.906px;
    min-height: 14.672px;
    margin-right: .27rem
}

.nav-wrap .entrance,.nav-wrap .partner {
    display: flex;
    align-items: center
}

.nav-wrap .logo-wrap,.nav-wrap .partner {
    min-width: 240px
}

.nav-wrap .entrance {
    justify-content: center;
    text-align: center;
    flex: 1 1 auto
}

.nav-wrap .entrance a {
    position: relative;
    cursor: pointer;
    color: #fff;
    font-weight: 500
}

.nav-wrap .entrance a:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 14px;
    height: 3px;
    background: #fff
}

.nav-wrap .entrance a:not(:last-child) {
    margin-right: 3.75rem
}

.nav-wrap .partner {
    justify-content: flex-end;
    font-size: .4rem;
    text-align: right
}

.nav-wrap .partner a {
    font-size: .4rem;
    color: #fff
}

.nav-wrap .partner a:not(:last-child) {
    margin-right: .33rem
}

.nav-wrap .partner .title {
    margin-right: .67rem
}

.nav-wrap .partner .dingtalk-wrap {
    display: flex;
    align-items: center
}

.nav-wrap .partner .dingtalk-wrap>div {
    font-size: 14px;
    font-weight: 400;
    color: #417ff9;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-wrap .partner .dingtalk-wrap .download {
    position: relative;
    width: 96px;
    height: 32px;
    background: #fff;
    color: #417ff9;
    border-radius: 2px;
    cursor: pointer
}

.nav-wrap .partner .dingtalk-wrap .download:hover .download-box {
    display: block;
    opacity: 1
}

.nav-wrap .partner .dingtalk-wrap .download .download-box {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    background: #fff;
    width: 176px;
    height: 212px;
    box-shadow: 0 2px 12px 0 rgba(98,107,132,.2);
    border-radius: 2px;
    border: 1px solid #d0d2d9;
    padding: 4px;
    opacity: 0;
    transition: opacity .3s ease
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item:hover {
    background-color: #f9fafd
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item+.download-item {
    margin-top: 4px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item>img {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 12px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item .download-item-text {
    font-size: 12px;
    font-weight: 400;
    color: #3d4757;
    line-height: 17px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item-mobile:hover .download-mobile-qrcode {
    opacity: 1
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-kdocs-webcut {
    display: none
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-item-mini:hover .download-mini-qrcode {
    opacity: 1
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-qrcode {
    position: absolute;
    right: 186px;
    top: 0;
    width: 200px;
    height: 256px;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(56,56,56,.2);
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    opacity: 0;
    transition: opacity .3s ease;
    margin: auto
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-qrcode>img {
    margin-top: 36px;
    width: 128px;
    height: 128px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-qrcode .tips1 {
    font-size: 14px;
    font-weight: 400;
    color: #3d4757;
    line-height: 20px;
    margin-top: 21px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box .download-qrcode .tips2 {
    font-size: 14px;
    font-weight: 400;
    color: #949aae;
    line-height: 20px
}

.nav-wrap .partner .dingtalk-wrap .download .download-box-webcut {
    height: 265px
}

.nav-wrap .partner .dingtalk-wrap .use-now {
    width: 96px;
    height: 32px;
    border: 1px solid #fff;
    background: hsla(0,0%,100%,.2);
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 16px;
    cursor: pointer
}

.nav-wrap .partner .dingtalk-wrap .use-now:hover {
    opacity: .8
}

.nav-wrap .partner .dingtalk-wrap span {
    display: inline-block;
    width: .53rem;
    height: .53rem;
    min-width: 9.266px;
    min-height: 9.266px;
    background: url(../images/0651b87f981fcb4751a3.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-right: .33rem
}

.nav-wrap .partner i {
    display: inline-block;
    height: .63rem;
    width: 1px;
    background: hsla(0,0%,100%,.3);
    margin: 0 .67rem 0 .75rem
}

.nav-wrap.scroll {
    background: #fff;
    color: #353535;
    box-shadow: 0 1px 0 0 #d2d2d2
}

.nav-wrap.scroll a {
    color: #7a7a7a;
    font-weight: 500
}

.nav-wrap.scroll .entrance a {
    color: #3c414b
}

.nav-wrap.scroll .logo-wrap .logo {
    background-image: url(../images/0765f684a9725669eab0.png)
}

.nav-wrap.scroll .logo-wrap span {
    color: #417ff9
}

.nav-wrap.scroll .dingtalk-wrap span {
    background-image: url(../images/976f7412dc6cd6f19827.png)
}

.nav-wrap.scroll .dingtalk-wrap .left {
    border-color: #c2c2c2
}

.nav-wrap.scroll .dingtalk-wrap .left:hover {
    background: rgba(25,55,88,.04)
}

.nav-wrap.scroll .dingtalk-wrap i {
    background: #c2c2c2
}

.thumb8 {
    width: 8px!important;
    height: 8px!important
}

.thumb16 {
    width: 16px!important;
    height: 16px!important
}

.thumb20 {
    width: 20px!important;
    height: 20px!important
}

.thumb24 {
    width: 24px!important;
    height: 24px!important
}

.thumb28 {
    width: 28px!important;
    height: 28px!important
}

.thumb32 {
    width: 32px!important;
    height: 32px!important
}

.thumb36 {
    width: 36px!important;
    height: 36px!important
}

.thumb48 {
    width: 48px!important;
    height: 48px!important
}

.thumb60 {
    width: 60px!important;
    height: 60px!important
}

.thumb64 {
    width: 64px!important;
    height: 64px!important
}

.thumb80 {
    width: 80px!important;
    height: 80px!important
}

.thumb96 {
    width: 96px!important;
    height: 96px!important
}

.thumb128 {
    width: 128px!important;
    height: 128px!important
}

.thumb345 {
    width: 345px!important;
    height: 345px!important
}

.thumb-circle {
    border-radius: 50%
}

.align-middle {
    vertical-align: middle
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.b0 {
    border-width: 0!important
}

.bl0 {
    border-left-width: 0!important
}

.br0 {
    border-right-width: 0!important
}

.bt0 {
    border-top-width: 0!important
}

.bb0 {
    border-bottom-width: 0!important
}

.br {
    border-right: 1px solid #e7e9eb
}

.bl {
    border-left: 1px solid #e7e9eb
}

.bt {
    border-top: 1px solid #e7e9eb
}

.bt1 {
    border-top: 1px solid #eaeaea
}

.bb {
    border-bottom: 1px solid #e7e9eb
}

.b,.ba {
    border: 1px solid #e7e9eb
}

.radius-clear {
    border-radius: 0!important
}

.shadow-clear {
    box-shadow: 0 0 0 #000!important
}

.mt10 {
    margin-top: 10px
}

.section .bg1 {
    width: 1084px;
    height: 1084px;
    background: linear-gradient(228deg,rgba(235,244,253,.4),rgba(210,230,251,0));
    border-radius: 24px
}

.section img {
    width: 100%;
    min-width: 1200px
}

.section .cooperation-application {
    position: relative;
    height: 74.375rem;
    padding-top: 7.6875rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.section .cooperation-application .cooperation-content {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.section .cooperation-application .sub-title {
    font-size: 1.125rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.875rem;
    margin: 1.5rem 0 3rem
}

.section .cooperation-application .cooperation-items {
    width: 74.375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.section .cooperation-application .cooperation-items .item {
    cursor: pointer
}

.section .cooperation-application .cooperation-items .item+.item {
    margin-left: 6.25rem
}

.section .cooperation-application .cooperation-items .item:hover {
    position: relative
}

.section .cooperation-application .cooperation-items .item:hover:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%);
    width: 2rem;
    height: .25rem;
    background: #417ff9
}

.section .cooperation-application .cooperation-items .item .item-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3d4757;
    line-height: 1.75rem;
    margin: 1rem 0 .25rem
}

.section .cooperation-application .cooperation-items .item .item-decs {
    font-size: .875rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.25rem
}

.section .cooperation-application .cooperation-items .item .app-logo {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-size: cover
}

.section .cooperation-application .cooperation-items .item .meeting {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/meeting_logo_v1.svg)
}

.section .cooperation-application .cooperation-items .item .todo {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/todo_logo_v2.svg)
}

.section .cooperation-application .cooperation-items .item .form {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/form_logo_v2.svg)
}

.section .cooperation-application .cooperation-items .item .rili {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/rili_logo_v1.svg)
}

.section .cooperation-application .cooperation-preview-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #3d4757;
    line-height: 2.5rem;
    margin-top: 6.25rem
}

.section .cooperation-application .cooperation-preview-sub-title {
    font-size: 1.25rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.875rem;
    margin-top: .5rem
}

.section .cooperation-application-meeting-bg {
    background-image: url(../images/d3e576fd53f352845007.png)
}

.section .cooperation-application-todo-bg {
    background-image: url(../images/192cdad4897670e0f946.png)
}

.section .cooperation-application-form-bg {
    background-image: url(../images/19ba0feb322900c85ed8.png)
}

.section .cooperation-application-rili-bg {
    background-image: url(../images/ba7cb92544bbcabd6c39.png)
}

.section .cooperation {
    width: 100%;
    height: 61.25rem;
    min-height: 324.39px;
    background: #fff;
    display: flex;
    align-items: center
}

.section .cooperation .donwload-ways {
    margin-top: 5.625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.section .cooperation .donwload-ways .way-box {
    position: relative;
    width: 16.25rem;
    height: 16.25rem
}

.section .cooperation .donwload-ways .way-box .way-bg {
    position: absolute;
    z-index: -1;
    width: 16.9375rem;
    height: 17.4375rem;
    background: linear-gradient(180deg,#bee0e4,#ede6ff 37%,#d4e7f5 73%,#f2f7fd);
    border-radius: 16px;
    opacity: .6;
    filter: blur(12px);
    transition: all .5s ease
}

.section .cooperation .donwload-ways .way-box:hover .way-bg,.section .cooperation .donwload-ways .way-box:hover .way-conetent {
    transform: scale(1.23)
}

.section .cooperation .donwload-ways .way-box:hover .way-action,.section .cooperation .donwload-ways .way-box:hover .way-sub-text {
    display: block
}

.section .cooperation .donwload-ways .way-box .way-conetent {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .5s ease
}

.section .cooperation .donwload-ways .way-box .way-action {
    display: none;
    font-size: 1.125rem;
    font-weight: 400;
    color: #417ff9;
    line-height: 2.0625rem;
    margin-top: 1.0625rem;
    transition: all .5s ease;
    cursor: pointer
}

.section .cooperation .donwload-ways .way-box .way-text {
    font-size: 1.5rem;
    font-weight: 400;
    color: #353535;
    line-height: 1.75rem;
    margin-top: 1.1875rem
}

.section .cooperation .donwload-ways .way-box .way-sub-text {
    display: none;
    font-size: 1.125rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.875rem;
    margin-top: 1.25rem
}

.section .cooperation .donwload-ways .way-box .way-icon {
    width: 6.25rem;
    height: 6.25rem;
    background-size: cover
}

.section .cooperation .donwload-ways .way-box .mac {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/mac.svg)
}

.section .cooperation .donwload-ways .way-box .ios {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/ios.svg)
}

.section .cooperation .donwload-ways .way-box .android {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/android.svg)
}

.section .cooperation .donwload-ways .way-box .windows {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/windows.svg)
}

.section .cooperation .donwload-ways .way-box .wechat {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/wx.svg)
}

.section .cooperation .donwload-ways .way-box .qq {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/qq.svg)
}

.section .cooperation .donwload-ways .way-box .kdocs-webcut {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/kdocs_webcut.svg)
}

.section .cooperation .donwload-ways .way-box+.way-box {
    margin-left: 7.5rem
}

.section .cooperation .donwload-ways .way-android-box:hover .download-app-qrcode,.section .cooperation .donwload-ways .way-ios-box:hover .download-app-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/download_app_qrcode_v3.svg)
}

.section .cooperation .donwload-ways .way-wx-box:hover .wx-mini-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/wx_mini_qrcode.png)
}

.section .cooperation .donwload-ways .way-qq-box:hover .qq-mini-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/qq_mini_qrcode.png)
}

.section .cooperation .donwload-ways-webcut {
    display: none!important
}

.section .cooperation-webcut {
    height: 91.875rem;
    min-height: 485.59px
}

.section .content {
    margin: auto;
    text-align: center
}

.section .content .title {
    color: #353535;
    font-size: 2.5rem
}

.section .third-party {
    margin: auto
}

.section .third-party:after {
    content: "";
    display: table;
    clear: both
}

.section .third-party dl {
    float: left;
    border-radius: 2px;
    padding: .4rem 1rem;
    position: relative
}

.section .third-party dl:not(.wechat):hover {
    background: #efefef;
    cursor: pointer
}

.section .third-party dt {
    margin: auto;
    width: 1.07rem;
    height: 1.07rem;
    min-width: 18.578px;
    min-height: 18.578px;
    background: url(../images/805759c2551a9b728a61.png) no-repeat top;
    background-size: 100%
}

.section .third-party dd {
    margin: .2rem auto 0;
    font-size: .6rem;
    color: #353535
}

.section .applet dt {
    background-image: url(../images/7d4d16fda1716fe10b09.png)
}

.section .dingtalk dt {
    background-image: url(../images/f7f870bd8f8b12a73237.png)
}

.section .Windows dt {
    background-image: url(../images/002fb6348253571e6fe3.png)
}

.section .Mac dt {
    background-image: url(../images/28d683beaae240a42c7a.png)
}

.section .wechat dt {
    background-image: url(../images/6ecc9c73ee86c66f515b.png)
}

.section .Android:before {
    content: "æ‰«ç äºŒç»´ç \Aä¸‹è½½Android å®¢æˆ·ç«¯";
    display: none;
    width: 138px;
    height: 170px;
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -69px;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    white-space: pre;
    padding-top: 128px;
    box-sizing: border-box;
    background-image: url(../images/df17dfe53a52f2fe6553.png);
    background-size: 84px 84px;
    background-position: 27px 27px;
    background-repeat: no-repeat
}

.section .Android:hover:before {
    display: block
}

.section .Android dt {
    background-image: url(../images/eb8c75035d0ff927133e.png)
}

.section .IOS:before {
    content: "æ‰«ç äºŒç»´ç \Aä¸‹è½½iOS å®¢æˆ·ç«¯";
    display: none;
    width: 138px;
    height: 170px;
    position: absolute;
    top: -170px;
    left: 50%;
    margin-left: -69px;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    white-space: pre;
    padding-top: 128px;
    box-sizing: border-box;
    background-image: url(../images/2fa4d82db21b970b2694.png);
    background-size: 84px 84px;
    background-position: 27px 27px;
    background-repeat: no-repeat
}

.section .IOS:hover:before {
    display: block
}

.section .IOS dt {
    background-image: url(../images/5b3692a186a6bcfd589e.png)
}

.section .qr-wrap {
    width: 13.57rem;
    height: 7.7rem;
    min-width: 235.77px;
    min-height: 133.78px;
    background: url(../images/25446326dc8e9d6497ba.png) no-repeat top;
    background-size: cover;
    margin: auto
}

.section .entrance-wrap {
    width: 100%;
    min-width: 980px;
    min-height: 266.34px;
    height: 15.33rem;
    background: url(../images/b715dcf27e654396db69.png) no-repeat top;
    background-size: cover;
    display: flex;
    align-items: center
}

.section .entrance {
    overflow: hidden
}

.section .entrance dl {
    cursor: pointer;
    float: left;
    font-size: .6rem;
    margin-top: 1.8rem
}

.section .entrance dt {
    background: url(../images/3f72923a7cf5f142d4f6.png) no-repeat top;
    background-size: cover;
    width: 2.83rem;
    height: 2.83rem;
    min-width: 49.156px;
    min-height: 49.156px;
    margin: auto
}

.section .entrance dd {
    margin: .8rem auto 0;
    border: 1px solid #4991f2;
    border-radius: 21px;
    padding: 4px .83rem;
    color: #4991f2
}

.section .entrance dl:hover dd {
    background: #4991f2;
    color: #fff
}

.section .entrance .new-p {
    margin-left: 7.43rem;
    margin-right: 7.43rem
}

.section .entrance .new-p dt {
    background-image: url(../images/6d855ba678ebde30dfe0.png)
}

.section .entrance .new-p dd {
    border-color: #f46d43;
    color: #f46d43
}

.section .entrance .new-p:hover dd {
    background: #f46d43;
    color: #fff
}

.section .entrance .new-s dt {
    background-image: url(../images/2e30b9d3b2ae0a5a96ff.png)
}

.section .entrance .new-s dd {
    border-color: #1fbb7d;
    color: #1fbb7d
}

.section .entrance .new-s:hover dd {
    background: #1fbb7d;
    color: #fff
}

.section .partner-wrap {
    width: 100%;
    min-width: 980px;
    height: 14.73rem;
    min-height: 255.922px;
    padding-bottom: 8.125rem;
    display: flex;
    align-items: center
}

.section .partner-wrap .partner {
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.section .partner-wrap .partner-item+.partner-item {
    margin-left: 11.625rem
}

.section .partner-wrap .partner-item .bg {
    cursor: pointer;
    background-size: cover!important;
    width: 7.375rem;
    height: 7.375rem;
    min-width: 49.156px;
    min-height: 49.156px;
    margin: auto
}

.section .partner-wrap .baidu .bg {
    background: url(../images/02d43a67764f8cfcb5ca.png) no-repeat top
}

.section .partner-wrap .baidu:hover .bg {
    background-image: url(../images/88ecd192b1dbee7fedd6.png)
}

.section .partner-wrap .yun .bg {
    background-image: url(../images/539867b4d786012c0fb8.png)
}

.section .partner-wrap .yun:hover .bg {
    background-image: url(../images/ec359d4f2fcca731e9a2.png)
}

.section .partner-wrap .brower .bg {
    background-image: url(../images/d19a106f09e7c96e90de.png)
}

.section .partner-wrap .brower:hover .bg {
    background-image: url(../images/37b19fb1fec6f809add2.png)
}

html {
    overflow: auto;
    font-size: 32px
}

body,html {
    height: 100%;
    scroll-behavior: unset
}

body {
    overflow: initial
}

.kingsoft-container.kingsoft-container_home {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .nav-wrap {
    min-width: unset;
    width: 100%;
    padding: .5rem 0;
    box-sizing: border-box;
    color: #0d0d0d;
    position: sticky;
    top: 0;
    -webkit-backdrop-filter: blur(1.25rem);
    backdrop-filter: blur(1.25rem)
}

.kingsoft-container.kingsoft-container_home .nav-wrap.blackBg {
    color: #fff
}

.kingsoft-container.kingsoft-container_home .nav-wrap.blackBg .arrow-icon {
    background-image: url(../images/1dc14013916ee2fff011.svg)!important
}

.kingsoft-container.kingsoft-container_home .nav-wrap.blackBg .download-image {
    background-image: url(../images/33cc725c3b5df8befc86.svg)!important
}

.kingsoft-container.kingsoft-container_home .nav-wrap .nav-box {
    height: 40px;
    line-height: 40px;
    width: auto;
    padding: 0 64px;
    max-width: 1264px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .nav-box .logo-wrap {
    min-width: unset
}

.kingsoft-container.kingsoft-container_home .nav-wrap .nav-box .logo-wrap .logo-box .logo {
    background: url(../images/d42a7af3100b01a49b8c.svg);
    width: 24px;
    height: 24px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .nav-box .logo-wrap .logo-box .logo-title {
    margin: 0 1.5rem 0 .25rem;
    font-weight: 600;
    font-size: 16px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance {
    justify-content: flex-start
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box {
    position: relative;
    padding: .25rem .7rem;
    margin-right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    transition: all .2s;
    font-size: 16px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .arrow-icon {
    background-image: url(../images/77573437f5972bb46c4f.svg);
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-wrap {
    padding-top: 8px;
    position: absolute;
    top: 40px;
    left: 0
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box.active {
    border-radius: 8px;
    background: rgba(142,158,215,.1)
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box.active .dropdown-box {
    display: flex
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box.active .arrow-icon {
    transform: rotate(180deg)
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box {
    display: none;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    box-shadow: 0 20px 80px 0 rgba(13,21,36,.06);
    padding: 12px;
    align-items: flex-start;
    font-size: 16px;
    line-height: 24px;
    width: max-content
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box.column {
    flex-direction: column
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box.column .dropdown-box-item {
    margin-bottom: 2px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box.column .dropdown-box-item:last-child {
    margin-bottom: 0
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box.horizontal .dropdown-box-item-wrap {
    margin-right: 32px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box.horizontal .dropdown-box-item-wrap:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box .dropdown-box-item-wrap .dropdown-box-item-categorize {
    color: rgba(13,13,13,.66);
    padding: 8px 20px;
    width: max-content
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box .dropdown-box-item {
    display: flex;
    padding: 12px 20px;
    align-items: center;
    color: rgba(13,13,13,.9);
    width: 100%;
    box-sizing: border-box
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box .dropdown-box-item:hover {
    background: rgba(142,158,215,.1);
    border-radius: 8px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box .dropdown-box-item:active {
    background: rgba(142,158,215,.14);
    border-radius: 8px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .entrance .nav-bar-item-box .dropdown-box .dropdown-box-item .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.kingsoft-container.kingsoft-container_home .nav-wrap .download {
    justify-content: flex-end;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: .25rem .75rem;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .nav-wrap .download:hover {
    border-radius: 8px;
    background: rgba(142,158,215,.1)
}

.kingsoft-container.kingsoft-container_home .nav-wrap .download .download-image {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(../images/e798934b7d3d94974171.svg)
}

.kingsoft-container.kingsoft-container_home .home-header {
    height: auto;
    position: relative
}

.kingsoft-container.kingsoft-container_home .home-header .header-bg {
    height: 1588px;
    position: absolute
}

.kingsoft-container.kingsoft-container_home .home-header .header-bg.bottom {
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg,#fff 36.22%,rgba(234,242,255,.2))
}

.kingsoft-container.kingsoft-container_home .home-header .header-bg.bg-filter {
    border-radius: 1588px;
    opacity: .16;
    top: 28px;
    filter: blur(200px)
}

.kingsoft-container.kingsoft-container_home .home-header .header-bg.bg-filter.left {
    left: -1048px;
    width: 1588px;
    background: linear-gradient(59deg,#a7c0ff 11.98%,#427dd6 81.09%)
}

.kingsoft-container.kingsoft-container_home .home-header .header-bg.bg-filter.right {
    right: 0;
    width: 520px;
    background: linear-gradient(131deg,#427dd6 15.49%,#a7c0ff 79.21%)
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title {
    margin-top: 4rem;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 160%;
    position: relative
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title .cursor-bg {
    position: absolute;
    top: 0;
    right: 5.6875rem;
    height: 3rem;
    width: 0;
    border-radius: 4px;
    opacity: .12;
    background: #6c5afb;
    animation: cursorBgMove .7s cubic-bezier(.65,0,.35,1) .1s;
    transform: rotate(180deg);
    transform-origin: right;
    animation-fill-mode: forwards
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title .cursor {
    position: absolute;
    top: 0;
    right: 5.53125rem;
    width: 0;
    height: 3rem;
    border-radius: 999px;
    background: #897ceb;
    animation: cursorWidth .1s cubic-bezier(.65,0,.35,1),cursorMove .7s cubic-bezier(.65,0,.35,1) .1s;
    animation-fill-mode: forwards
}

@keyframes cursorBgMove {
    0% {
        width: 0
    }

    to {
        width: 5.90625rem
    }
}

@keyframes cursorMove {
    0% {
        right: 5.53125rem
    }

    to {
        right: -.1875rem
    }
}

@keyframes cursorWidth {
    0% {
        width: .1875rem
    }

    to {
        width: .1875rem
    }
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-sub-title {
    margin-top: .25rem;
    font-size: .625rem;
    line-height: 160%;
    color: rgba(13,13,13,.9)
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons {
    margin-top: 1.5rem;
    display: inline-flex;
    align-items: flex-start
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button {
    margin-right: .65625rem;
    padding: .375rem 1.125rem;
    font-size: .625rem;
    border-radius: .375rem;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:first-child {
    background: #2e5aff;
    color: #fff;
    box-shadow: 0 0 1.875rem 0 rgba(106,122,183,.24)
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:first-child:hover {
    background: #4c72ff
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:first-child:active {
    background: #2f57ef
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:last-child {
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 0 1.875rem 0 rgba(161,165,175,.24)
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:last-child:hover {
    background: #f1f2f6
}

.kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:last-child:active {
    background: #ebecf0
}

.kingsoft-container.kingsoft-container_home .banner-avatars {
    width: 100%;
    display: flex;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap {
    width: 33.75rem;
    position: relative
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap img.avatar-icon {
    width: 1.875rem;
    height: 1.875rem;
    will-change: transform
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap img.point-icon {
    width: 1rem;
    height: 1rem;
    will-change: transform
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .left-wrap {
    z-index: 1;
    position: absolute;
    left: -1.5rem;
    top: -8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .left-wrap .comment {
    margin-top: .5rem;
    border-radius: .325rem 0 .325rem .325rem;
    padding: .25rem .625rem;
    font-size: .5rem;
    background: #f8e4bb;
    display: flex;
    transform: rotate(-12deg);
    justify-content: center;
    align-items: center;
    will-change: transform
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .left-wrap .comment .avatar-icon {
    margin-right: .3125rem;
    width: .625rem;
    height: .625rem
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-top-wrap {
    z-index: 1;
    position: absolute;
    top: -7.4375rem;
    left: 30.375rem;
    display: flex;
    align-items: flex-start
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-top-wrap .point-icon {
    position: absolute;
    left: -.8125rem;
    top: -.5rem
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-bottom-wrap {
    z-index: 1;
    position: absolute;
    top: -1.84375rem;
    left: 24.75rem;
    display: flex
}

.kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-bottom-wrap .point-icon {
    position: absolute;
    left: -.8125rem;
    top: -.5rem
}

.kingsoft-container.kingsoft-container_home .section-wrap {
    position: relative;
    width: 100%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-item {
    display: flex;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap {
    opacity: 1;
    transform: translateY(0) scale(1);
    padding-top: 3.28125rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
    min-height: 33.8125rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box {
    position: relative;
    display: flex;
    width: 25rem;
    height: 1.75rem;
    padding: .125rem .25rem;
    align-items: center;
    border-radius: 2.0625rem;
    background: rgba(22,26,33,.04);
    box-sizing: border-box;
    overflow: hidden
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .bg-active-item {
    position: absolute;
    top: .125rem;
    left: .25rem;
    width: 4rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 999px;
    transition: all .3s ease;
    z-index: 1;
    pointer-events: none;
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .components-container,.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .components-section-swiper {
    width: 100%;
    position: relative;
    z-index: 2;
}

.download-button{
    background: #2e5aff !important;
    color: #fff !important;
    box-shadow: 0 0 1.875rem 0 rgba(106, 122, 183, .24) !important  ;
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item {
    display: flex;
    flex: none;
    justify-content: center;
    font-size: .5rem;
    padding: .25rem .625rem;
    margin-right: .125rem;
    align-items: center;
    cursor: pointer;
    transition: left .2s linear,background .2s linear;
    position: relative;
    border-radius: 999px;
    line-height: .75rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item.swiper-slide-active {
    background-color: #fff
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item:hover {
    background-color: rgba(85,85,85,.1)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item .icon {
    width: .625rem;
    height: .625rem;
    margin-right: .25rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image {
    width: 33.75rem;
    height: 19.21875rem;
    margin: 1.125rem 0 8.4375rem;
    border-radius: .375rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    background: linear-gradient(180deg,hsla(0,0%,94.9%,.9),hsla(0,0%,94.9%,.4) 37.03%);
    box-shadow: 0 -1.25rem 5rem 0 rgba(13,21,36,.06);
    display: flex;
    flex-direction: column;
    cursor: url(../images/ff18b7b4fad0cedb532a.svg),auto;
    will-change: transform
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title {
    display: flex;
    height: 1.171875rem;
    padding: .25rem .4375rem .1875rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .left-wrap {
    display: flex;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .left-wrap .icon {
    width: .75rem;
    height: .75rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .left-wrap .icon.hide {
    display: none
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .left-wrap .title {
    margin-left: .1875rem;
    color: rgba(13,13,13,.9);
    font-size: .375rem;
    transform-origin: left
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap {
    display: flex;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap .text {
    color: rgba(13,13,13,.66);
    font-size: .375rem;
    margin-right: .25rem;
    line-height: 160%;
    transform-origin: right
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap .icon {
    width: .5625rem;
    height: .5625rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap .avatar-wrap {
    width: 1.75rem;
    height: .75rem;
    margin-left: .375rem;
    display: none
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image img {
    width: 100%;
    height: calc(100% - 1.17188rem)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai {
    width: 100%;
    height: 400vh;
    position: relative
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-bg {
    background-image: url(../images/de9509e07d22f2803550.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: sticky;
    top: 0;
    height: 100vh
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 39.5rem;
    display: flex
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-images {
    position: relative;
    margin-right: 1.875rem;
    width: 18.125rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-images .image-wrap {
    height: 100vh;
    min-height: 23.125rem;
    padding: 2.5rem 0;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    display: flex;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-images .card-image {
    width: 100%;
    height: 18.125rem;
    display: flex;
    transition: all .6s linear;
    transform: scale(.8);
    opacity: 0;
    position: absolute
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-images .card-image.active {
    opacity: 1;
    transform: scale(1)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-images .card-image .main-image {
    width: 18.125rem;
    height: 18.125rem;
    border-radius: .625rem;
    background: linear-gradient(221deg,#1b1947 .76%,#42314d 65.43%,#614c68),linear-gradient(132deg,#f7c2ff .76%,#cfc7ff 53.03%,#aab8ff 99.15%)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-infos {
    display: flex
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-infos .info-wrap {
    display: flex;
    height: 100vh;
    align-items: center;
    min-height: 23.125rem;
    padding: 2.5rem 0;
    box-sizing: border-box;
    position: sticky;
    top: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4.0625rem;
    width: .625rem;
    height: 18.125rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap.scroll-0 .scroll-active {
    background: #b89fd9
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap.scroll-1 .scroll-active {
    background: #9fd9bd
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap.scroll-2 .scroll-active {
    background: #8dadea
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap .img-scroll {
    position: relative;
    height: 15.625rem;
    width: .125rem;
    overflow: hidden
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap .img-scroll .scroll-bg {
    height: 100%;
    width: 100%;
    border-radius: 999px;
    background: rgba(126,100,147,.3)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap .img-scroll .scroll-active {
    transition: all .6s linear;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 999px
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap .img-num {
    font-size: .5rem;
    line-height: .75rem;
    margin-bottom: .5625rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .img-scroll-wrap .img-num.bottom {
    opacity: .3;
    margin: .5625rem 0 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box {
    margin-top: 2.3125rem;
    max-width: 15rem;
    color: #fff;
    text-align: left
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .quote {
    color: #202020;
    transition: color .2s linear
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-head {
    font-size: 1.25rem;
    margin-bottom: .75rem;
    font-weight: 600;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-head .icon-image {
    width: 1.8rem;
    height: 1.8rem;
    margin-bottom: .75rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-content {
    font-size: .75rem;
    margin-bottom: 1.875rem;
    font-weight: 400;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-button {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: .375rem;
    font-size: .625rem;
    line-height: 1rem;
    padding: .375rem .625rem .375rem .875rem;
    background: linear-gradient(90deg,rgba(195,219,255,.08),rgba(244,174,255,.08) 102.03%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-button:hover {
    background: linear-gradient(64deg,#252354 16.31%,#42314d 83.69%)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-button:active {
    background: linear-gradient(64deg,#302d67 16.31%,#513960 83.69%)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-wrap .card-box .card-button .button-icon {
    width: .75rem;
    height: .75rem;
    margin-left: .25rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission {
    background: #e6f3ff;
    width: 100%;
    transition: all .4s linear
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission.even-number {
    background: #edf9f5
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap {
    position: relative;
    width: 39.5rem;
    display: flex
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info {
    width: 16.25rem;
    margin-right: 3.5625rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item {
    height: 100vh;
    min-height: 23.125rem;
    padding: 2.5rem 0;
    box-sizing: border-box;
    text-align: left;
    opacity: .3;
    transition: all .4s linear;
    display: flex;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item.active {
    opacity: 1
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .card-head {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 160%;
    color: rgba(13,13,13,.9)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .icon-image {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .card-content {
    color: rgba(13,13,13,.66);
    font-size: .625rem;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .card-content p {
    margin-bottom: .5rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .card-content p:last-child {
    margin-bottom: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image {
    height: 100vh;
    min-height: 23.125rem;
    padding: 2.5rem 0;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    box-sizing: border-box
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap {
    width: 18.125rem;
    height: 18.125rem;
    border-radius: .625rem;
    position: relative
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap .main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(.8);
    transition: all .4s linear
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap .main-image.active {
    opacity: 1;
    transform: scale(1)
}

.kingsoft-container.kingsoft-container_home .section-wrap #document-swiper-container {
    width: 100%;
    height: 100%
}

.kingsoft-container.kingsoft-container_home .section-wrap #document-swiper-container .swiper-slide {
    height: auto
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management {
    width: 100%;
    height: 100vh;
    min-height: 44.625rem;
    background: linear-gradient(180deg,#ecf9f4 50%,rgba(236,249,244,0)),#fff
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap {
    width: 39.5rem;
    height: 37.125rem;
    padding: 2.5rem 0 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-head {
    font-size: 1.25rem;
    margin-bottom: .375rem;
    font-weight: 600;
    line-height: 160%;
    color: rgba(13,13,13,.9)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-content {
    font-size: .625rem;
    margin-bottom: 1.75rem;
    line-height: 160%;
    color: rgba(13,13,13,.66);
    text-align: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap {
    position: relative;
    width: 100%;
    flex: 1
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item {
    line-height: 160%;
    box-shadow: 0 2.5rem 10rem 0 rgba(4,33,24,.06);
    width: 19.25rem;
    background: linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.8));
    stroke-width: 1px;
    stroke: #fff;
    display: flex;
    flex-direction: column;
    padding-top: 1.5rem;
    position: absolute;
    box-sizing: border-box;
    border-radius: .625rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:first-child {
    height: 28.5rem;
    margin-right: 1rem;
    top: 0;
    left: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:nth-child(2) {
    height: 13.65625rem;
    margin-bottom: 1.09375rem;
    top: 0;
    right: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:nth-child(3) {
    height: 13.75rem;
    bottom: 0;
    right: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item .item-title {
    color: rgba(13,13,13,.9);
    font-size: .875rem;
    padding-left: 1.875rem;
    margin-bottom: .375rem;
    font-weight: 600;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item .item-description {
    color: rgba(13,13,13,.66);
    font-size: .625rem;
    margin-bottom: .875rem;
    padding-left: 1.875rem;
    max-width: 15.0625rem;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item .item-image {
    width: 100%;
    flex: 1
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration {
    width: 100%;
    height: 100vh;
    min-height: 31.46875rem;
    padding-top: 2.5rem;
    box-sizing: border-box;
    align-items: flex-end;
    background: linear-gradient(0deg,#f2f5fb .2%,rgba(242,245,251,0) 99.87%),#fff
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap {
    width: 39.5rem;
    transform-origin: 50% 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-head {
    font-size: 1.25rem;
    margin-bottom: .375rem;
    font-weight: 600;
    line-height: 160%;
    color: rgba(13,13,13,.9)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content {
    margin-bottom: 2.625rem;
    font-size: .625rem;
    display: flex;
    align-items: flex-start;
    line-height: 160%;
    color: rgba(13,13,13,.66)
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content .card-content-horizontal {
    display: flex;
    align-items: center;
    margin-right: 1.5rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content .card-content-horizontal:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content .card-content-horizontal .icon {
    margin-right: .375rem;
    width: .75rem;
    height: .75rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images {
    display: flex;
    position: relative;
    width: 100%;
    flex: 1;
    overflow: hidden;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-0 {
    width: 31.5rem;
    height: 20.25rem;
    cursor: url(../images/ff18b7b4fad0cedb532a.svg),auto
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-1 {
    position: absolute;
    top: 10.03125rem;
    width: 20.25rem;
    height: 10.21875rem;
    left: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-2 {
    position: absolute;
    right: 0;
    top: 6.78125rem;
    width: 9rem;
    height: 13.4375rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download {
    background: #fff;
    width: 100%;
    padding: 2.5rem 0;
    box-sizing: border-box;
    min-height: 29.46875rem;
    height: 100vh;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap {
    width: 38rem;
    height: 24.46875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-head {
    color: rgba(13,13,13,.9);
    font-size: 1.25rem;
    margin-bottom: .375rem;
    font-weight: 600;
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-content {
    color: rgba(13,13,13,.66);
    font-size: .625rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download {
    margin-top: 2.5rem;
    display: flex;
    flex-flow: wrap
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap {
    padding: 1.5rem 0 1.5rem 1.875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: .5rem;
    height: 8.75rem;
    box-sizing: border-box;
    background-size: auto;
    background-position: 100%;
    background-repeat: no-repeat
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap:first-child {
    width: 15.125rem;
    margin: 0 1rem 1rem 0;
    background: linear-gradient(0deg,#fcf8f2,#fcf8f2),#f6f7f9
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap:nth-child(2) {
    width: 21.875rem;
    background-color: #eff9f6
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap:nth-child(3) {
    width: 21.875rem;
    margin: 0 1rem 1rem 0;
    background-color: #f0f8ff
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap:nth-child(4) {
    width: 15.125rem;
    background: linear-gradient(0deg,#f9f5fc,#f9f5fc),#f6f7f9
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .title {
    color: rgba(13,13,13,.9);
    font-size: .875rem;
    margin-bottom: .375rem;
    font-weight: 600
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .subtitle {
    color: rgba(13,13,13,.66);
    font-size: .625rem;
    margin-bottom: 1.25rem
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons {
    transform-origin: left;
    display: flex
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box {
    position: relative;
    cursor: pointer;
    transition: width .4s linear;
    height: 56px;
    margin-right: 16px;
    font-size: 18px
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box:hover .way-hover-wrap {
    display: flex
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box:hover .way-content {
    border-color: #2453de
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box .way-hover-wrap {
    position: absolute;
    top: -254px;
    left: 0;
    display: none;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    color: rgba(13,13,13,.9);
    font-size: 20px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    box-shadow: 0 20px 80px 0 rgba(13,21,36,.06);
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box .way-hover-wrap .bg-image {
    width: 160px;
    height: 160px;
    margin-bottom: 12px
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box .way-content {
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
    display: flex;
    padding: 12px 30px;
    justify-content: center;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box .way-content .way-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.kingsoft-container.kingsoft-container_home .section-wrap .section-download .card-wrap .card-download .way-box-wrap .buttons .way-box .way-content .way-text {
    line-height: 32px
}

.kingsoft-container.kingsoft-container_home .home-footer {
    width: 100%;
    background: #f5f7f9;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(17,17,17,.66)
}

.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap {
    display: flex;
    width: 100%;
    max-width: 1392px;
    padding: 1.875rem 64px 3.625rem;
    box-sizing: border-box
}

.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .kdocs-logo {
    margin-right: 4.25rem;
    display: flex;
    align-items: center;
    height: 24px;
    width: 96px
}

.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .kdocs-logo .logo {
    display: inline-block;
    background: url(../images/d42a7af3100b01a49b8c.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .kdocs-logo .logo-text {
    display: inline-block;
    color: rgba(13,13,13,.9);
    font-size: 16px;
    font-weight: 600
}

.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap {
    display: flex;
    flex-direction: column;
    flex: 1
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify {
    display: flex;
    margin-bottom: 60px;
    font-size: 14px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap {
    display: flex;
    flex: 1
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap .classify-item {
    display: inline-flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 24px;
    margin-right: 4.375rem
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap .classify-item:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap .classify-item .title {
    color: rgba(13,13,13,.9);
    font-weight: 600;
    margin-bottom: 24px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap .classify-item .sub-title {
    color: rgba(17,17,17,.66);
    font-weight: 400;
    margin-bottom: 12px;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-footer .section-classify .classify-wrap .classify-item .sub-title:hover {
    color: #4c72ff
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address {
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: 32px;
    flex-direction: column;
    font-size: .4375rem
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .section-title {
    color: rgba(13,13,13,.9);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    font-weight: 600
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .address-wrap {
    flex: 1;
    margin-bottom: 16px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .address-wrap .address-item {
    margin-bottom: 8px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .address-wrap .address-item:last-child {
    margin-bottom: 0
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .address-wrap .address-item.can-dump {
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap {
    display: flex
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 4px;
    margin-right: 16px;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item .icon {
    width: 100%;
    height: 100%
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item:last-child {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item:hover {
    background-color: rgba(13,13,13,.06)
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item:hover .icon-hover-wrap {
    display: flex
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item:active {
    background-color: rgba(13,13,13,.1)
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item:active .icon-hover-wrap {
    display: flex
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item .icon-hover-wrap {
    position: absolute;
    box-sizing: border-box;
    width: 200px;
    height: 244px;
    top: -252px;
    left: -84px;
    display: none;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    color: rgba(13,13,13,.9);
    font-size: 20px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: #fff;
    box-shadow: 0 20px 80px 0 rgba(13,21,36,.06);
    line-height: 160%
}

.kingsoft-container.kingsoft-container_home .home-footer .section-contact-address .contact-wrap .contact-item .icon-hover-wrap .bg-image {
    width: 160px;
    height: 160px;
    margin-bottom: 12px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance {
    padding: 28px 0 24px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap {
    display: flex;
    margin-bottom: 8px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap:last-child {
    margin-bottom: 0
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap .safety-item {
    display: inline-flex;
    align-items: center
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap .safety-item.can-jump {
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap .safety-item.can-jump:hover {
    color: #4c72ff
}

.kingsoft-container.kingsoft-container_home .home-footer .section-safety_and_compliance .safety-item-wrap .safety-item .delimiter {
    white-space: pre-wrap
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report {
    display: flex;
    font-size: 14px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-wrap .report-item {
    margin-bottom: 8px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-wrap .report-item:last-child {
    margin-bottom: 0
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-swiper {
    display: flex;
    justify-content: center;
    position: relative;
    width: 414px;
    height: 80px;
    border-radius: 8px;
    background: rgba(40,98,255,.06)
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-swiper .footer-swiper-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: rgba(13,13,13,.66)
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-swiper .footer-swiper-container .swiper-slide {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-swiper .footer-swiper-container .footer-swiper-pagination {
    text-align: center;
    bottom: 6px
}

.kingsoft-container.kingsoft-container_home .home-footer .section-report .report-swiper .footer-swiper-container .footer-swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 2px
}

.kingsoft-container.kingsoft-container_home .download-header .logo-box {
    background: url(../images/c19584817b21010e4ef8.png) no-repeat 0 0;
    background-size: 240px 28px;
    width: 100px;
    height: 28px
}

.kingsoft-container.kingsoft-container_home .download-header .partner .dingtalk-wrap .download {
    background: #417ff9;
    color: #fff
}

.kingsoft-container.kingsoft-container_home .download-header .partner .dingtalk-wrap .use-now {
    border: 1px solid #417ff9;
    color: #417ff9;
    background: #fff
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap a {
    color: #7a7a7a;
    font-weight: 500
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .entrance a {
    color: #3c414b
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .logo-wrap .logo {
    background-image: url(../images/0765f684a9725669eab0.png)
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .logo-wrap span {
    color: #417ff9
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .dingtalk-wrap span {
    background-image: url(../images/976f7412dc6cd6f19827.png)
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .dingtalk-wrap .left {
    border-color: #c2c2c2
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .dingtalk-wrap .left:hover {
    background: rgba(25,55,88,.04)
}

.kingsoft-container.kingsoft-container_home .download-header .nav-wrap .dingtalk-wrap i {
    background: #c2c2c2
}

.kingsoft-container.kingsoft-container_home .banner-wrap {
    background-image: none;
    position: relative;
    display: block;
    transform: translateZ(0);
    overflow: hidden
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap {
    width: 75rem;
    margin: 9.0625rem auto
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .sportTitle {
    font-weight: 600
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title {
    font-weight: 700;
    font-size: 3.375rem
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title>span {
    letter-spacing: 2px;
    height: 4.6875rem;
    line-height: 4.6875rem;
    position: relative;
    display: inline-block
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title .brand-name-editing {
    position: absolute;
    top: -1.375rem;
    right: -5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    width: 5.5625rem;
    height: 2.125rem;
    background: #0484da;
    letter-spacing: normal
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title .brand-name-editing-cursor {
    position: absolute;
    bottom: .75rem;
    right: -.125rem;
    width: .1875rem;
    height: 5.3125rem;
    background: #0484da
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title .slogan-editing {
    position: absolute;
    top: -1.375rem;
    right: -5.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    width: 5.6875rem;
    height: 2.125rem;
    color: #fff;
    background: #9013fe;
    letter-spacing: normal;
    font-weight: 400
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .title .slogan-editing-cursor {
    position: absolute;
    bottom: .75rem;
    right: -.0625rem;
    width: .1875rem;
    height: 5.3125rem;
    background: #9013fe
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .sub-title {
    margin: .6875rem 0 2.5rem;
    font-size: 1.375rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.875rem;
    opacity: .8
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .actions-btns {
    display: flex;
    align-items: center;
    margin-top: 1rem
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .to-company {
    margin-top: 2.5rem
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap .to-company a {
    font-size: 1.125rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #417ff9;
    line-height: 1.125rem;
    text-decoration: none
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 {
    color: #fff;
    text-align: center;
    margin: 9.0625rem auto
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .actions-btns {
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .actions-btns .download-now {
    background: #fff;
    color: #273f77
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .actions-btns .join-latest {
    opacity: .95;
    border: 1px solid #fff;
    color: #fff;
    background: hsla(0,0%,100%,.2)
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .to-company {
    margin-top: 1.875rem
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .to-company a {
    color: #fff
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner-wrap2 .feedback {
    color: #fff;
    font-size: 18px
}

.kingsoft-container.kingsoft-container_home .banner-wrap .banner-inner {
    width: 100%;
    height: 100%;
    display: flex
}

.kingsoft-container.kingsoft-container_home .seo {
    display: block;
    opacity: 0;
    height: 0
}

.kingsoft-container.kingsoft-container_home .wps-price-company-banner {
    background-image: url(../images/7d5e5d89f63b676db0cf.png);
    background-size: 100% 100%
}

.kingsoft-container.kingsoft-container_home .swiper-container {
    width: 100%;
    height: 100%
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-slide {
    display: flex
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-slide0 {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transform: translateZ(0)
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-slide1 {
    background: url(../images/1b5834ba56224d682bab.png) no-repeat bottom;
    background-size: contain;
    transform: translateZ(0);
    background-color: #f7fbff
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-slide2 {
    background-image: url(../images/e8badd5db0baf869d5c6.jpg);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    transform: translateZ(0)
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 4px;
    background: #000;
    border-radius: 2px;
    opacity: .45
}

.kingsoft-container.kingsoft-container_home .swiper-container .swiper-pagination-bullet-active {
    width: 8px;
    height: 4px;
    background: #417ff9;
    border-radius: 2px;
    opacity: 1
}

.kingsoft-container.kingsoft-container_home .wps-price-section {
    position: relative;
    top: -14.6875rem;
    width: 75rem;
    margin: auto auto 5.625rem
}

.kingsoft-container.kingsoft-container_home .wps-price-section .hide {
    display: none!important
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .version-tabs {
    margin-bottom: 4.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .version-tabs .tab {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8125rem;
    color: #fff;
    opacity: .4;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .version-tabs .company-tab {
    margin-left: 3.5rem
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .version-tabs .active {
    opacity: 1
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals {
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .version {
    width: 32.5rem;
    height: 32.4375rem;
    background: linear-gradient(180deg,#fff,#f3f9ff);
    box-shadow: 0 10px 48px 0 rgba(51,58,82,.15);
    border-radius: 20px
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .person-version {
    color: #3d4757
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .vip-version {
    color: #fff;
    margin-left: 2.5rem
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .vip-version .ver-box {
    background: url(../images/44a59db132b0ffd89b11.png) no-repeat top;
    background-size: contain!important
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box {
    width: 32.5rem;
    height: 25rem;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box .ver-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8125rem;
    margin-bottom: .625rem
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box .ver-tips {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    opacity: .8
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box .ver-price {
    margin-top: 5.125rem;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 5.25rem
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box .preson-ver-price {
    color: #417ff9
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .ver-box .ver-price-tips {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .meal-btns {
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .meal-btn {
    width: 20rem;
    height: 3.5rem;
    border-radius: 2.1875rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.125rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .presoon-meal-btn {
    color: #417ff9;
    background: #fff;
    box-shadow: 0 8px 16px 0 #e1effa
}

.kingsoft-container.kingsoft-container_home .vip-meal-box .vip-meals .vip-meal-btn {
    background: #417ff9;
    box-shadow: 0 8px 16px 0 rgba(65,163,249,.3)
}

.kingsoft-container.kingsoft-container_home .vip-meals.company-vip-meals .vip-version {
    color: #fff;
    margin-left: 2.5rem
}

.kingsoft-container.kingsoft-container_home .vip-meals.company-vip-meals .vip-version .ver-box {
    border-radius: 16px 16px 0 0;
    background: url(../images/0c59ae0db10cb8d20bd3.png) no-repeat top
}

.kingsoft-container.kingsoft-container_home .vip-meals.company-vip-meals .vip-meal-btn {
    width: 12.5rem;
    height: 3.5rem;
    background: #fff;
    box-shadow: 0 4px 16px 0 #e1effa;
    border-radius: 35px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #417ff9;
    line-height: 1.125rem
}

.kingsoft-container.kingsoft-container_home .vip-meals.company-vip-meals .vip-meal-btn+.vip-meal-btn {
    margin-left: 1rem;
    color: #fff;
    background: #417ff9;
    box-shadow: 0 8px 16px 0 rgba(65,163,249,.3)
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box {
    margin-top: 5.625rem
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-item,.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-title {
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-title {
    font-size: 2rem;
    font-weight: 700;
    color: #3d4757;
    line-height: 2.8125rem
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-item-title {
    font-size: 1.625rem;
    font-weight: 400;
    color: #3d4757;
    line-height: 2.3125rem;
    margin: 2.5rem 0 1.5rem;
    padding-left: 1.5rem;
    border-left: .375rem solid #417ff9
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-item {
    height: 4.25rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: #3d4757;
    line-height: 1.75rem;
    background-color: #f7fbff
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-item .left {
    margin-left: 1.5rem
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .server-item:nth-child(2n) {
    background-color: #fff
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .left {
    flex: 1
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .center,.kingsoft-container.kingsoft-container_home .vip-server-diff-box .right {
    width: 17.5rem;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .center img,.kingsoft-container.kingsoft-container_home .vip-server-diff-box .right img {
    width: 1.5rem;
    height: 1.5rem
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .right {
    margin-left: 5rem
}

.kingsoft-container.kingsoft-container_home .vip-server-diff-box .more-meal {
    cursor: pointer;
    margin-top: 2.75rem;
    font-size: 1.625rem;
    font-weight: 400;
    color: #417ff9;
    line-height: 2.3125rem
}

.kingsoft-container.kingsoft-container_home .case-header {
    height: 320/16rem
}

.kingsoft-container.kingsoft-container_home .case-header .nav-wrap {
    background: #fff
}

.kingsoft-container.kingsoft-container_home .case-header .case-banner-inner-wrap {
    text-align: center
}

.kingsoft-container.kingsoft-container_home .case-header .case-banner-inner-wrap .title {
    font-size: 2.5rem;
    color: #3d4757;
    line-height: 3.5rem;
    letter-spacing: .0625rem
}

.kingsoft-container.kingsoft-container_home .banner-wrap.case-banner {
    background-image: url(../images/b074c961b855f4d3a465.png)
}

.kingsoft-container.kingsoft-container_home .cases-section {
    width: 1180/16rem;
    margin: 0 auto
}

.kingsoft-container.kingsoft-container_home .cases-section.show {
    display: block!important
}

.kingsoft-container.kingsoft-container_home .cases-section .case-categories {
    border-bottom: .125rem solid #e2e6ed;
    margin-top: 5.25rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-categories .case-category-item {
    display: inline-block;
    width: 49%
}

.kingsoft-container.kingsoft-container_home .cases-section .case-categories .case-category-item#industry {
    text-align: right
}

.kingsoft-container.kingsoft-container_home .cases-section .case-categories .case-category-item .text {
    width: 120/16rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #3d4757;
    display: inline-block;
    padding-bottom: 1.5rem;
    text-align: center;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .cases-section .case-categories .case-category-item.active .text {
    border-bottom: 16rem solid #417ff9
}

.kingsoft-container.kingsoft-container_home .cases-section .case-tags {
    margin-bottom: 3.75rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-tags .case-tag-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.1875rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-tags .case-tag-list .case-tag-item {
    margin-top: 1.5rem;
    padding: 0 25/16rem;
    font-size: 1rem;
    font-weight: 500;
    color: #767c85;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .cases-section .case-tags .case-tag-list .case-tag-item.active {
    color: #417ff9
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 31.25rem;
    z-index: 999
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-mask {
    background-color: hsla(0,0%,100%,.9)
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-loader {
    position: relative;
    margin: 0 auto;
    width: 3.75rem
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-loader:before {
    content: "";
    display: block;
    padding-top: 100%
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-loader .small {
    width: 2rem
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.kingsoft-container.kingsoft-container_home .cases-section .loadingbox-path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #2e68f8;
    stroke-width: .25rem
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -2.1875rem
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -7.75rem
    }
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list {
    display: flex;
    flex-wrap: wrap
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block {
    width: 23.125rem;
    background: linear-gradient(318deg,#fff,#fff);
    box-shadow: 0 .25rem 1.875rem 0 rgba(149,193,235,.24);
    border-radius: .25rem;
    margin: 0 1.875rem 3.75rem 0;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-img {
    width: 100%;
    height: 14.75rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-content {
    margin: 1rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-content .case-block-title {
    font-size: 1rem;
    font-weight: 500;
    color: #3d4757;
    margin-bottom: .5rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-content .case-block-company {
    font-size: .75rem;
    font-weight: 400;
    color: #3d4757;
    margin-bottom: 2rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-content .case-block-tags-main {
    display: inline-block;
    height: 1.1875rem;
    line-height: 1.1875rem;
    background: #e9f3ff;
    border-radius: .125rem;
    font-size: .75rem;
    color: #417ff9;
    padding: .125rem .375rem .1875rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block .case-block-content .case-block-tags-content {
    font-size: .75rem;
    color: #aeb5c0;
    line-height: 1.5rem;
    float: right;
    margin-left: .75rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block:nth-child(3n) {
    margin-right: 0
}

.kingsoft-container.kingsoft-container_home .cases-section .case-list .case-block:hover {
    box-shadow: 0 .25rem 1.5rem #3b426b;
    transform: translateY(-.375rem)
}

.kingsoft-container.kingsoft-container_home .cases-section .case-pagination {
    width: 100%;
    margin: -.75rem 0 7.5rem
}

.kingsoft-container.kingsoft-container_home .cases-section .case-pagination .pagination {
    display: flex;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .cases-section .case-pagination .pagination .pagination-btn {
    width: 1.75rem;
    height: 1.75rem;
    background: #fff;
    border-radius: .25rem;
    border: .0625rem solid #d9d9d9;
    text-align: center;
    line-height: 1.75rem;
    margin-right: .5rem;
    font-size: .75rem;
    color: #666;
    cursor: pointer;
    outline: none;
    padding: 0;
    box-sizing: content-box
}

.kingsoft-container.kingsoft-container_home .cases-section .case-pagination .pagination .pagination-btn.active {
    color: #fff;
    background: #4c90fc
}

.kingsoft-container.kingsoft-container_home .cases-section .case-pagination .pagination .pagination-btn.disabled {
    background: #fff;
    color: #d9d9d9;
    cursor: not-allowed
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-header {
    min-height: unset;
    height: 3.5rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-header .nav-wrap {
    background: #fff
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section {
    width: 56.25rem;
    margin: 4.5rem auto 0
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-detail-title {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 700;
    color: #3d4757;
    line-height: 3.5rem;
    letter-spacing: .0625rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-tag-wrapper {
    margin: 1.75rem 0 1.5rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-tag-wrapper .case-tag {
    display: inline-block;
    height: 1.75rem;
    background: #e9f3ff;
    border-radius: .125rem;
    font-size: .875rem;
    font-weight: 500;
    color: #417ff9;
    line-height: 1.75rem;
    padding: .25rem .75rem;
    margin-right: 1rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-tag-wrapper .case-tag-content {
    font-size: .75rem;
    font-weight: 400;
    color: #aeb5c0;
    line-height: 1.75rem;
    margin-right: 1rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-detail-content .aligncenter,.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-detail-content .alignnone,.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-detail-content .wp-caption {
    max-width: 100%;
    background-color: #f7f7f7;
    padding-bottom: .0625rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    clear: both
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .case-detail-content .wp-caption-text {
    text-align: center;
    font-size: 13px;
    font-style: italic;
    color: #999;
    margin: .40625rem 0;
    line-height: 1.6875rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section .size-full {
    max-width: 100%;
    height: auto;
    width: 100%
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section p {
    line-height: 1.875rem;
    margin-bottom: .75rem;
    color: #767c85
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section h2 {
    font-weight: 700;
    color: #3d4757;
    line-height: 3.125rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section h3 {
    font-weight: 700;
    color: #3d4757;
    line-height: 2.0625rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section blockquote {
    background: linear-gradient(318deg,#fff,#fff);
    box-shadow: 0 .25rem 3.125rem 0 hsla(0,0%,89.4%,.6);
    border-radius: .375rem;
    padding: 2.5rem 5rem
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section ul li {
    padding-left: 1.125rem;
    list-style: none;
    line-height: 1.875rem;
    margin: 0 0 .75rem;
    position: relative;
    color: #3d4757
}

.kingsoft-container.kingsoft-container_home.kingsoft-container_case_detail .case-detail-section ul li:before {
    border-radius: 50%;
    background-color: #3d4757;
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    width: .375rem;
    height: .375rem;
    top: 50%;
    transform: translateY(-50%)
}

.kingsoft-container.kingsoft-container_home .donwload-section {
    margin-bottom: 7.3125rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #3d4757;
    text-align: center;
    margin-top: 6rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways {
    margin: 5.75rem 0 5.625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box {
    position: relative;
    width: 16.25rem;
    height: 16.25rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-bg {
    position: absolute;
    z-index: -1;
    width: 16.9375rem;
    height: 17.4375rem;
    background: linear-gradient(180deg,#bee0e4,#ede6ff 37%,#d4e7f5 73%,#f2f7fd);
    border-radius: 16px;
    opacity: .6;
    filter: blur(12px);
    transition: all .5s ease
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box:hover .way-bg,.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box:hover .way-conetent {
    transform: scale(320/260)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box:hover .way-action,.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box:hover .way-sub-text {
    display: block
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-conetent {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .5s ease
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-action {
    display: none;
    font-size: 1.125rem;
    font-weight: 400;
    color: #417ff9;
    line-height: 2.0625rem;
    margin-top: 1.0625rem;
    transition: all .5s ease;
    cursor: pointer
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-text {
    font-size: 1.5rem;
    font-weight: 400;
    color: #353535;
    line-height: 1.75rem;
    margin-top: 1.1875rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-sub-text {
    display: none;
    font-size: 1.125rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.875rem;
    margin-top: 1.25rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .way-icon {
    width: 6.25rem;
    height: 6.25rem;
    background-size: cover
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .mac {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/mac.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .ios {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/ios.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .android {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/android.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .windows {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/windows.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .wechat {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/wxminiprograme.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .qq {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/qqminiprograme.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box .kdocs-webcut {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/welcome/kdocs_webcut.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-box+.way-box {
    margin-left: 7.5rem
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-android-box:hover .download-app-qrcode,.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-ios-box:hover .download-app-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/download_app_qrcode_v3.svg)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-wx-box:hover .wx-mini-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/wx_mini_qrcode.png)
}

.kingsoft-container.kingsoft-container_home .donwload-section .donwload-ways .way-qq-box:hover .qq-mini-qrcode {
    background-image: url(https://qn.cache.wpscdn.cn/kdocs/cloud/static/qq_mini_qrcode.png)
}

.kingsoft-container .home-header .banner-inner-wrap .download-now {
    background-color: #417ff9;
    color: #fff
}

.kingsoft-container .header {
    width: 100%
}

.kingsoft-container .download-header {
    height: 3.5rem;
    min-height: inherit
}

.kingsoft-container .banner-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/41f5efc1f9e040fcbcbb.jpg) no-repeat top;
    background-size: cover;
    display: flex;
    align-items: center
}

.kingsoft-container .banner-inner-wrap {
    color: #fff;
    margin: auto
}

.kingsoft-container .banner-inner-wrap .title {
    font-size: 1.5rem
}

.kingsoft-container .banner-inner-wrap .actions-btns {
    margin-top: 1.53rem
}

.kingsoft-container .banner-inner-wrap .actions-btns>div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.25rem;
    height: 3rem
}

.kingsoft-container .banner-inner-wrap .download-now {
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    color: #417ff9
}

.kingsoft-container .banner-inner-wrap .join-latest {
    background: hsla(0,0%,100%,.2);
    border-radius: 4px;
    border: 1px solid #417ff9;
    margin-left: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #417ff9;
    cursor: pointer
}

.kingsoft-container .banner-inner-wrap .feedback {
    display: inline-block;
    padding: .5rem 2.8rem;
    font-size: 14px;
    font-weight: 400;
    color: #767c85;
    line-height: 20px;
    cursor: pointer
}

.kingsoft-container .banner-inner-wrap .entrance-btn {
    font-size: .6rem;
    margin-top: .83rem
}

.kingsoft-container .banner-inner-wrap .entrance-btn .btn-experience {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding-right: .5rem
}

.kingsoft-container .logo-box,.kingsoft-container img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kingsoft-container .card {
    position: relative;
    overflow: hidden
}

.kingsoft-container .card img {
    display: block
}

.kingsoft-container .card .card-box {
    top: 36.2%;
    width: 30%;
    height: 100%;
    min-width: 320px;
    z-index: 10;
    position: absolute
}

.kingsoft-container .card .card-head {
    font-size: 2.5rem;
    color: #353535
}

.kingsoft-container .card .card-content {
    padding-top: 1rem;
    font-size: 1.125rem;
    color: #7a7a7a;
    line-height: 1.875rem
}

.kingsoft-container .card.card-left .card-box {
    left: 22.9%
}

.kingsoft-container .card.card-right .card-box {
    left: 54.7%
}

.kingsoft-container .footer {
    height: auto;
    min-height: 69.5px;
    border-top: 1px solid #ededed;
    padding-top: 1.25rem;
    font-size: .4rem;
    display: flex;
    align-items: center
}

.kingsoft-container .footer .content {
    text-align: center;
    width: 75rem;
    min-width: 980px;
    margin: auto;
    color: #c2c4c6;
    display: flex;
    flex-direction: column
}

.kingsoft-container .footer .content .actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.5rem
}

.kingsoft-container .footer .content .kdocs-logo {
    width: 4rem;
    height: 4rem;
    background: url(../images/1798ea613f31952af006.svg) no-repeat top;
    background-size: contain
}

.kingsoft-container .footer .content .footer-item {
    text-align: left
}

.kingsoft-container .footer .content .footer-item .plus-packages {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.kingsoft-container .footer .content .footer-item .item-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3d4757;
    line-height: 1.125rem;
    margin-bottom: 1.375rem
}

.kingsoft-container .footer .content .footer-item .item-text {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #767c85;
    font-family: PingFangSC-Regular,PingFang SC;
    line-height: 1.375rem;
    cursor: pointer
}

.kingsoft-container .footer .content .footer-item .item-text+.item-text {
    margin-top: .875rem
}

.kingsoft-container .footer .content .footer-item .item-tips-focus {
    text-align: left;
    margin-left: .75rem
}

.kingsoft-container .footer .content .footer-item .item-tips-focus .text {
    font-size: .875rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.0625rem;
    width: 6.25rem;
    white-space: nowrap
}

.kingsoft-container .footer .content .footer-item .business-cooperation {
    font-size: 1rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.375rem;
    -webkit-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text
}

.kingsoft-container .footer .content .footer-item .item-qrcode {
    text-align: center;
    display: flex;
    align-items: center
}

.kingsoft-container .footer .content .footer-item .item-qrcode .gzh {
    background: url(../images/092a5f5c40b3e10bf100.png);
    width: 6.25rem;
    height: 6.25rem;
    background-size: contain
}

.kingsoft-container .footer .content .footer-item .item-qrcode .text {
    font-size: .75rem;
    font-weight: 400;
    color: #767c85;
    line-height: 1.0625rem;
    width: 6.25rem
}

.kingsoft-container .footer .content .tips-box {
    font-size: .875rem
}

.kingsoft-container .footer .content .copy {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.kingsoft-container .footer .content .copy .record {
    color: #c2c4c6;
    display: flex;
    align-items: center
}

.kingsoft-container .footer .content .copy .record-img {
    margin-left: 5px;
    vertical-align: middle;
    width: 14px;
    height: 14px
}

.kingsoft-container .footer .content .copy .beian {
    margin: 0 5px
}

.kingsoft-container .footer .content .tip1 {
    cursor: pointer;
    display: inline-block
}

.kingsoft-container .footer .content .tip2 {
    display: inline-block
}

.kingsoft-container.kingsoft-container_empty {
    display: none!important
}

#ifr.show {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%!important;
    height: 100%!important;
    visibility: visible!important
}

@media screen and (max-width: 1439px) {
    .kingsoft-container.kingsoft-container_home .home-footer .footer-section-wrap .section-report {
        display:block
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-section-wrap .section-report .report-wrap {
        margin-bottom: .75rem
    }
}

@media screen and (max-width: 959px) {
    html {
        font-size:25.6px!important;
        min-width: 760px
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap {
        width: 110%
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap .dropdown-box-item {
        position: relative;
        width: 164px
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap .dropdown-box-item .arrow-right-icon {
        background-image: url(../images/6f2ef84f356e9a9e8731.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 20px
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap .dropdown-box-item .dropdown-wrap {
        top: 0;
        left: calc(100% + 12px);
        padding: 0 0 0 6px
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap .dropdown-box-item .dropdown-wrap .dropdown-box {
        display: none;
        border-radius: 12px;
        border: 1px solid rgba(0,0,0,.06);
        background: #fff;
        box-shadow: 0 20px 80px 0 rgba(13,21,36,.06);
        padding: 12px;
        align-items: flex-start;
        font-size: 16px;
        line-height: 24px;
        width: max-content
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap .dropdown-box-item .dropdown-wrap .dropdown-box .dropdown-box-item {
        width: auto
    }

    .kingsoft-container.kingsoft-container_home .nav-box .entrance.more .nav-bar-item-box .dropdown-box.column .dropdown-box-item-wrap.active .dropdown-box-item .dropdown-box {
        display: flex
    }

    .kingsoft-container.kingsoft-container_home .home-header {
        min-height: auto
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper {
        padding-bottom: 50px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title {
        font-size: 30px;
        margin-top: 54px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title .cursor-bg {
        right: 92px;
        height: 48px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-title .cursor {
        height: 48px
    }

    @keyframes cursorBgMove {
        0% {
            width: 0
        }

        to {
            width: 96px
        }
    }

    @keyframes cursorMove {
        0% {
            right: 90px
        }

        to {
            right: -3px
        }
    }

    @keyframes cursorWidth {
        0% {
            width: 3px
        }

        to {
            width: 3px
        }
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-sub-title {
        font-size: 12px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons {
        margin-top: 18px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button {
        font-size: 12px;
        padding: 6px 18px;
        border-radius: 6px
    }

    .kingsoft-container.kingsoft-container_home .home-header .banner-wrapper .banner-buttons .button:first-child {
        margin-right: 10.6px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars {
        width: 640px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .left-wrap {
        top: -149px;
        left: -18px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-top-wrap {
        right: 26px;
        left: unset;
        top: -139px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .right-bottom-wrap {
        right: 130px;
        left: unset;
        top: -37px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap img.avatar-icon {
        width: 34px;
        height: 34px
    }

    .kingsoft-container.kingsoft-container_home .banner-avatars .avatars-wrap .point-icon {
        width: 16px;
        height: 16px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap {
        height: auto;
        min-height: unset;
        padding-top: 48px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box {
        width: 480px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .components-box .item {
        font-size: 12px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image {
        width: 640px;
        height: 365px;
        margin: 14.8px 0 135px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title {
        height: 19.2px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .icon {
        width: 14.2px!important;
        height: 14.2px!important
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap {
        width: 80px;
        white-space: nowrap;
        justify-content: flex-end
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .right-wrap .icon {
        width: 10px!important;
        height: 10px!important
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-components.components-wrap .component-image .image-title .should-scale-item {
        transform: scale(.58)!important
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai {
        height: auto
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container {
        background-image: url(../images/de9509e07d22f2803550.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-bg {
        display: none
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap {
        width: 640px;
        flex-direction: column-reverse;
        position: static
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-infos .info-wrap {
        height: auto;
        min-height: unset;
        width: 100%;
        padding: 78px 24px 80px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-infos .info-wrap .card-box {
        width: 100%;
        max-width: unset
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-infos .info-wrap .card-box .quote-item {
        color: #fff!important
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-infos .info-wrap .img-scroll-wrap {
        position: absolute;
        top: 100%;
        right: 0;
        margin-right: 0;
        height: 562px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-infos .info-wrap .img-scroll-wrap .img-scroll {
        height: 100%
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-images {
        width: 100%;
        margin: 0 0 90px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-images .image-wrap {
        height: 562px;
        min-height: unset;
        width: 562px;
        padding: 0
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-images .image-wrap .card-image,.kingsoft-container.kingsoft-container_home .section-wrap .section-ai .card-container .card-wrap .card-images .image-wrap .card-image .main-image {
        width: 100%;
        height: 100%
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission {
        height: 2024px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 560px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info {
        margin-right: 0;
        padding: 88px 24px 80px;
        width: 100%;
        box-sizing: border-box
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item {
        height: auto;
        min-height: unset;
        opacity: 1;
        padding: 0
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item .card-box {
        transform: unset
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-info .card-item:last-child {
        position: absolute;
        transform: translateY(712px);
        width: 100%
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image {
        height: 560px;
        min-height: unset;
        padding: 0;
        position: static
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap {
        width: 100%;
        height: 100%
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap .main-image {
        position: static;
        transform: unset;
        opacity: 1;
        width: 560px;
        height: 560px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-share_permission .card-wrap .card-image .image-wrap .main-image:last-child {
        transform: translateY(400px)
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management {
        height: auto;
        min-height: unset
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap {
        height: auto;
        width: 560px;
        box-sizing: border-box;
        padding: 54px 24px 88px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item {
        position: static;
        margin: 0 0 30px;
        width: 560px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:first-child {
        margin-right: 0;
        height: 829px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:nth-child(2) {
        height: 397px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-document_management .card-wrap .card-items-wrap .card-item:nth-child(3) {
        height: 400px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration {
        height: auto;
        min-height: unset
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content {
        flex-direction: column
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content .card-content-horizontal {
        margin: 0 0 12px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-content .card-content-horizontal:last-child {
        margin-bottom: 0
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images {
        width: 560px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-0 {
        width: 486px;
        height: 316px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-1 {
        width: 313px;
        height: 161px;
        top: 155px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-cross_and_collaboration .card-wrap .card-images .image-2 {
        width: 139px;
        height: 211px;
        top: 104px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-download.section-item {
        height: auto;
        min-height: unset
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-download.section-item .card-wrap {
        height: auto
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-download.section-item .card-wrap .card-download {
        flex-direction: column
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-download.section-item .card-wrap .card-download .way-box-wrap {
        width: 560px;
        margin: 0 0 26px
    }

    .kingsoft-container.kingsoft-container_home .section-wrap .section-download.section-item .card-wrap .card-download .way-box-wrap .buttons {
        transform: unset!important
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap {
        flex-direction: column
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .kdocs-logo {
        margin: 0 0 24px
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap .section-classify .classify-wrap {
        display: block
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap .section-classify .classify-wrap .classify-item {
        display: inline-flex;
        margin-right: 80px
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap .section-report,.kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap .section-safety_and_compliance .safety-item-wrap {
        display: block
    }

    .kingsoft-container.kingsoft-container_home .home-footer .footer-wrap .footer-section-wrap .section-report .report-wrap {
        margin-bottom: .75rem
    }
}

/* 下载弹窗样式 */
.download-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
}

.download-modal.show {
  display: flex;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}

.modal-content {
  position: relative;
  background: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 16px;
}

.modal-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #202020;
  margin: 0;
}

.modal-close {
  background: none;
  border: none;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s;
}

.modal-close:hover {
  background: #f5f5f5;
  color: #666;
}

.modal-body {
  padding: 24px;
}

.modal-description {
  color: #666;
  font-size: 0.675rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.modal-footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 24px 24px;
}

.btn-download {
  padding: 12px 32px;
  border: none;
  background: #2e5aff;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.675rem;
  font-weight: 500;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(46, 90, 255, 0.3);
}

.btn-download:hover {
  background: #1e4aef;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(46, 90, 255, 0.4);
}

.btn-download:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(46, 90, 255, 0.3);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .modal-content {
    width: 95%;
    margin: 20px;
  }
  
  .modal-header {
    padding: 20px 20px 0 20px;
  }
  
  .modal-body {
    padding: 20px;
  }
  
  .modal-footer {
    padding: 0 20px 20px 20px;
  }
}
