body,html {
    margin: 0;
    height: 100%;
    width: 100%;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    overflow-x: hidden
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.open {
    font-size: 20px;
    text-align: center;
}

.open a {
    color: #000;
}

#getCode {
    cursor: pointer;
}

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

.banner {
    width: 100%;
    height: 48px;
    line-height: 40px;
    background: linear-gradient(99.78deg,#7a90ff 36.43%,#526efa 61.54%),#fff;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: fixed;
    top: 0;
    transform: translateZ(1000px);
    z-index: 1
}

.banner .banner-text {
    width: 477px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex
}

.banner .banner-text .banner-image {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../img/banner-icon.png);
    background-size: cover;
    left: 95px;
    top: 50%;
    transform: translateY(-50%)
}

.banner .banner-text .banner-content {
    flex: 1
}

.banner .banner-text .banner-content span:nth-child(2) {
    position: absolute;
    margin-left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgB7dfbDYJAEIXhs4Z3pYMtyQ7EEuwIS7EEK9AOtINxJgRddU3MBth5OF+yCdfwB8INICIiGonIBh5pWNRxkcEO3mhUJ+98RdqlTc6g28jIyCkwcir/RjaZHe1hahu2mN9JR0zmez0+QgjHcUH43EM36DEE1tRq5N0mVpmVa9T3fCU2mZUHHWcsI+L7au317F1R24+bpIMHjCvFuFKu44zGbN3GGXl9sN7cxaXE608TERGVewCXtGQospdrRgAAAABJRU5ErkJggg==);
    background-size: cover
}

.banner .banner-icon {
    position: absolute;
    width: 13.5px;
    height: 13.5px;
    top: 17px;
    right: 25.5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgBvZdRDoQgDER7JG8kN5Gb6El3Vnc1QUKxQMf5dcJ7MdqqSBYAkxCjnr9fWPDPLBzwfJ6/aGAwBBIwbgLHrUA5LgIF8C9pITAENPDBy4uuAmawt0Az2EugGzwqMAzuFXADtwq4g60CNLBBYKWCDQJccINAEGZ2wKaAV2EG+sN1hbKOLWCOQAW8UQXw8B6DtI7NA8RdAI2TqyaA5MPFHWwQCCYBDM7qbgE4LYkT9DELwHk7mQVAWos1gaswMcBPAmkhMsAVgZgXIgNcEIha4bW/1C8MRWR4wytkNQAAAABJRU5ErkJggg==);
    background-size: cover;
    cursor: pointer
}

.banner.active {
    top: 0;
    z-index: 99999
}

@media (max-width: 1200px) {
    .banner {
        line-height:40px;
        font-size: 16px;
        background: linear-gradient(92.49deg,#7a90ff 2.19%,#526efa 97.37%),#fff
    }

    .banner .banner-text {
        width: 300px
    }

    .banner .banner-text .banner-image {
        width: 18px;
        height: 18px;
        left: 12px
    }

    .banner .banner-icon {
        top: 30.5px;
        right: 30.5px
    }
}

a {
    text-decoration: none
}

.header {
    width: 100%;
    height: 748px;
    padding-top: 48px;
    background: rgba(224,229,255,.58)
}

.header .header-content {
    width: 1200px;
    height: 748px;
    margin: 0 auto;
    position: relative
}

.header .header-content .header-logo {
    position: absolute;
    background: url(../img/aliyun-logo.png);
    background-size: cover;
    width: 203px;
    height: 48px;
    margin-top: 32px
}

.header .header-content .header-body {
    width: 100%;
    height: 748px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .header-content .header-body .body-left {
    width: 477px;
    height: 748px;
    z-index: 1
}

.header .header-content .header-body .body-left .left-title {
    font-style: normal;
    font-weight: 800;
    font-size: 66px;
    line-height: 72px;
    color: #0b0e51;
    margin-bottom: 20px;
    margin-top: 238px;
}

.header .header-content .header-body .body-left .left-text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #4154b5;
    margin-bottom: 40px
}

.header .header-content .header-body .body-left .left-download {
    display: flex
}

.header .header-content .header-body .body-left .left-download .apps,.header .header-content .header-body .body-left .left-download .pc {
    width: 164px;
    height: 60px;
    font-style: normal;
    border-radius: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    text-align: center
}

.header .header-content .header-body .body-left .left-download .apps {
    background: linear-gradient(96.15deg,#526efa 2.85%,#7a90ff),#fff;
    margin-right: 24px
}

.header .header-content .header-body .body-left .left-download .pc {
    border: 2px solid #859aff;
    color: #446dff
}

.header .header-content .header-body .body-left .left-reservation {
    margin-top: 28px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #637dff;
    position: relative
}

.header .header-content .header-body .body-left .left-reservation span:nth-child(3) {
    position: absolute;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEwSURBVHgB7ddBTsJAFMbx7xXiVrgBR/AIehJq2LjUvTGNXsC9IRlv4A30Ct6AIzRhR52O86BtgBIy06SvLN4vIWlgJvxDh2kLKKWUUrXHzE0QiSDgIXOzwuLbH878N6bLV/oMnZtAwGaDW3AcczCLFzcPnSsSWF7hywGr5o2ISJFAk1FejnDXJVJkDdZSvxYTvxapPt27grNrUjSQxUaKB7KYyEECWWhkK5A303WJubOYomdE233x8I9yFNkKXDw705okzK4xNe+U83F7myFcY2gTNJfE8fFndoSnpMAvBJw6xf4Xu19mtGrGYCAH1+cKx328kdkfN0hgaBwTD4yJY6KBsXFMLLBLHJO/Ya2ExFXj+lf84QYd4qqx/bNj/PC9oH/lMXHi0g4PTUoppS7cP/azhivFOT4PAAAAAElFTkSuQmCC);
    background-size: cover
}

.header .header-content .header-body .body-right {
    width: 602.45px;
    height: 406px;
    position: relative
}

.header .header-content .header-body .body-right .right-round1,.header .header-content .header-body .body-right .right-round2,.header .header-content .header-body .body-right .right-round3,.header .header-content .header-body .body-right .right-round4,.header .header-content .header-body .body-right .right-round5 {
    position: absolute;
    border-radius: 50%
}

.header .header-content .header-body .body-right .right-round1 {
    bottom: -27px;
    left: -176px;
    width: 339px;
    height: 339px;
    filter: blur(74px)
}

.header .header-content .header-body .body-right .right-round5 {
    width: 312px;
    height: 312px;
    bottom: 0;
    left: -149px;
    background: linear-gradient(152.33deg,hsla(0,0%,100%,0) 16.59%,hsla(0,0%,100%,.3) 82.8%)
}

.header .header-content .header-body .body-right .right-round2 {
    bottom: 49px;
    left: -56px;
    width: 276px;
    height: 276px;
    background: linear-gradient(126.16deg,#ff83d5 6.69%,rgba(131,240,255,0) 88.42%);
    opacity: .5
}

.header .header-content .header-body .body-right .right-round3 {
    bottom: 195px;
    left: 163px;
    width: 276px;
    height: 276px;
    background: linear-gradient(180deg,#c7b4ff,rgba(215,255,208,0));
    opacity: .5
}

.header .header-content .header-body .body-right .right-round4 {
    bottom: -16px;
    left: 372px;
    width: 211px;
    height: 211px;
    background: linear-gradient(205.25deg,rgba(148,249,255,.5) 11.13%,rgba(255,227,173,.45) 88.33%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 2
}

.header .header-content .header-body .body-right .header-img {
    width: 602.45px;
    height: 406px;
    z-index: 1;
    position: relative;
    background: url(../img/aliyun-header.png);
    background-size: cover
}

@media (max-width: 1200px) {
    .header {
        width:100%;
        height: auto
    }

    .header .header-content {
        width: 100%;
        position: relative;
        height: auto
    }

    .header .header-content .header-logo-box {
        width: 304px;
        margin: 0 auto;
        position: relative
    }

    .header .header-content .header-logo-box .header-logo {
        top: 20px;
        width: 135px;
        height: 32px;
        background: url(../img/aliyun-logo-mobile.svg);
        background-size: cover
    }

    .header .header-content .header-body {
        width: 100%;
        height: auto;
        flex-direction: column;
        align-items: normal
    }

    .header .header-content .header-body .body-left {
        width: 304px;
        height: auto;
        margin: 0 auto
    }

    .header .header-content .header-body .body-left .left-title {
        font-weight: 800;
        font-size: 48px;
        line-height: 48px;
        color: #0b0e51;
        margin-top: 155px
    }

    .header .header-content .header-body .body-left .left-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #4154b5;
        margin-bottom: 34px
    }

    .header .header-content .header-body .body-left .left-download {
        flex-direction: column
    }

    .header .header-content .header-body .body-left .left-download .apps,.header .header-content .header-body .body-left .left-download .pc {
        width: 304px;
        border-radius: 16px;
        font-size: 16px
    }

    .header .header-content .header-body .body-left .left-download .apps {
        margin-bottom: 24px
    }

    .header .header-content .header-body .body-left .left-download .pc {
        display: none
    }

    .header .header-content .header-body .body-left .left-reservation {
        margin-top: 0;
        margin-bottom: 32px
    }

    .header .header-content .header-body .body-left .left-reservation span:nth-child(2) {
        position: absolute;
        margin-left: 8px;
        width: 20px;
        height: 20px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEwSURBVHgB7ddBTsJAFMbx7xXiVrgBR/AIehJq2LjUvTGNXsC9IRlv4A30Ct6AIzRhR52O86BtgBIy06SvLN4vIWlgJvxDh2kLKKWUUrXHzE0QiSDgIXOzwuLbH878N6bLV/oMnZtAwGaDW3AcczCLFzcPnSsSWF7hywGr5o2ISJFAk1FejnDXJVJkDdZSvxYTvxapPt27grNrUjSQxUaKB7KYyEECWWhkK5A303WJubOYomdE233x8I9yFNkKXDw705okzK4xNe+U83F7myFcY2gTNJfE8fFndoSnpMAvBJw6xf4Xu19mtGrGYCAH1+cKx328kdkfN0hgaBwTD4yJY6KBsXFMLLBLHJO/Ya2ExFXj+lf84QYd4qqx/bNj/PC9oH/lMXHi0g4PTUoppS7cP/azhivFOT4PAAAAAElFTkSuQmCC);
        background-size: cover
    }

    .header .header-content .header-body .body-right {
        width: 100%;
        height: auto
    }

    .header .header-content .header-body .body-right .right-round1,.header .header-content .header-body .body-right .right-round2,.header .header-content .header-body .body-right .right-round3,.header .header-content .header-body .body-right .right-round4,.header .header-content .header-body .body-right .right-round5 {
        display: none
    }

    .header .header-content .header-body .body-right .header-img {
        width: 100%;
        height: auto;
        background: none
    }

    .header .header-content .header-body .body-right .header-img img {
        width: 100%;
        max-width: 450px;
        display: block;
        margin: 0 auto
    }
}

.space {
    width: 100%
}

.space .space-content {
    width: 1200px;
    margin: 0 auto
}

.space .space-content .space-title {
    margin-top: 220px;
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 72px;
    text-align: center;
    letter-spacing: 1px;
    color: #0b0e51;
}

.space .space-content .space-body {
    display: flex;
    flex-wrap: wrap;
    padding: 0 76px;
    justify-content: space-between;
    margin-top: 133px;
    margin-bottom: 213px
}

.space .space-content .space-body .body-item {
    width: 454px;
    height: 372px;
    border-radius: 44px;
    margin-bottom: 104px;
    position: relative
}

.space .space-content .space-body .body-item p {
    text-align: center;
    margin: 0
}

.space .space-content .space-body .body-item p:first-child,.space .space-content .space-body .body-item p:nth-child(2) {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #0b0e51
}

.space .space-content .space-body .body-item p:nth-child(3),.space .space-content .space-body .body-item p:nth-child(4) {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #8789ae
}

.space .space-content .space-body .body-item p:first-child {
    margin-top: 154px
}

.space .space-content .space-body .body-item p:nth-child(2) {
    margin-bottom: 11px
}

.space .space-content .space-body .body-item .space-logo {
    position: absolute;
    width: 236px;
    height: 236px;
    left: 109px;
    top: -89px
}

.space .space-content .space-body .body-item:first-child {
    background-color: #fff5cf
}

.space .space-content .space-body .body-item:first-child .space-logo {
    background: url(../img/space-img1.png);
    background-size: cover
}

.space .space-content .space-body .body-item:nth-child(2) {
    background-color: #dbe0ff;
    margin-top: 48px
}

.space .space-content .space-body .body-item:nth-child(2) .space-logo {
    background: url(../img/space-img2.png);
    background-size: cover
}

.space .space-content .space-body .body-item:nth-child(3) {
    background-color: #daf1ff
}

.space .space-content .space-body .body-item:nth-child(3) .space-logo {
    background: url(../img/space-img3.png);
    background-size: cover
}

.space .space-content .space-body .body-item:nth-child(4) {
    background-color: #daf1ff;
    margin-top: 48px
}

.space .space-content .space-body .body-item:nth-child(4) .space-logo {
    background: url(../img/space-img4.png);
    background-size: cover
}

@media (max-width: 1200px) {
    .space {
        width:100%
    }

    .space .space-content {
        width: 375px;
        margin: 0 auto
    }

    .space .space-content .space-title {
        width: 375px;
        height: 100px;
        margin: 0 auto;
        font-style: normal;
        font-weight: 800;
        font-size: 38px;
        line-height: 50px;
        text-align: center;
        letter-spacing: 1px;
        color: #0b0e51;
        margin-top: 200px
    }

    .space .space-content .space-body {
        margin-top: 114px;
        padding: 0;
        margin-bottom: 86px
    }

    .space .space-content .space-body .body-item {
        width: 335px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 94px
    }

    .space .space-content .space-body .body-item p:first-child,.space .space-content .space-body .body-item P:nth-child(2) {
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 42px;
        color: #0b0e51
    }

    .space .space-content .space-body .body-item p:nth-child(3),.space .space-content .space-body .body-item p:nth-child(4) {
        width: 285px;
        margin: 0 auto;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #8789ae
    }

    .space .space-content .space-body .body-item p:first-child {
        margin-top: 124px
    }

    .space .space-content .space-body .body-item p:nth-child(2) {
        margin-bottom: 12px
    }

    .space .space-content .space-body .body-item p:nth-child(4) {
        margin-bottom: 48px
    }

    .space .space-content .space-body .body-item .space-logo {
        width: 158px;
        height: 158px;
        top: -54px;
        left: 89px
    }

    .space .space-content .space-body .body-item:first-child p:nth-child(3) {
        width: 295px
    }
}

 {
    margin: 0
}

.collect {
    width: 100%;
    background: #f6f8ff
}

.collect .collect-item {
    display: flex;
    position: relative;
    width: 1440px;
    margin: 0 auto
}

.collect .collect-left {
    width: 602px;
    position: sticky;
    left: 0;
    top: 0;
    height: 100vh;
    min-height: 860px
}

.collect .collect-left .collect-img1 {
    width: 162px;
    height: 159px;
    position: absolute;
    top: 40px;
    background: url(../img/collect-img1.png);
    background-size: cover
}

.collect .collect-left .collect-body {
    width: 394px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 185px
}

.collect .collect-left .collect-body .left-title {
    margin-top: 130px;
    margin-bottom: 86px
}

.collect .collect-left .collect-body .left-title p {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 62px;
    letter-spacing: 1px;
    color: #0b0e51;
}

.collect .collect-left .collect-body .left-content {
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    padding-top: 10px
}

.collect .collect-left .collect-body .left-content .left-item {
    height: 67px;
    width: 100%;
    margin-bottom: 48px
}

.collect .collect-left .collect-body .left-content .left-item p:first-child {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    color: #0b0e51;
    margin-bottom: 12px;
    font-weight: 600
}

.collect .collect-left .collect-body .left-content .left-item p:nth-child(2) {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #8789ae
}

.collect .collect-left .collect-body .left-content .left-item p.active {
    color: #8789ae
}

.collect .collect-left .collect-body .left-content .left-line-box {
    position: absolute;
    top: 0;
    left: -23px;
    width: 9px;
    height: 100%
}

.collect .collect-left .collect-body .left-content .left-line-box .left-line {
    position: absolute;
    width: 9px;
    height: 73px;
    top: 0;
    background: url(../img/collect-line.svg);
    background-size: cover
}

.collect .collect-right {
    flex: 1;
    background: #f6f8ff
}

.collect .collect-right .right-item {
    width: 100%;
    height: 100vh;
    min-height: 860px;
    position: relative
}

.collect .collect-right .right-item .item-round {
    margin-top: 70px;
    width: 552px;
    height: 552px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 101px;
    border-radius: 50%
}

.collect .collect-right .right-item .item-round .item-image {
    width: 333px;
    height: 629px;
    position: absolute;
    top: -107px;
    left: 50%;
    transform: translateX(-50%)
}

.collect .collect-right .right-item .item-round .item-image .image-left {
    position: absolute;
    left: -110px;
    top: 481px;
    width: 186px;
    height: 73px;
    background: url(../img/collect-image-left.png);
    background-size: cover
}

.collect .collect-right .right-item .item-round .item-image .image-right {
    position: absolute;
    right: -97px;
    top: 430px;
    width: 186px;
    height: 73px;
    background: url(../img/collect-image-right.png);
    background-size: cover
}

.collect .collect-right .right-item:nth-child(2) .item-round {
    background: linear-gradient(107.92deg,#5a76ff 18.23%,#8fa2ff 82.77%),#fff
}

.collect .collect-right .right-item:nth-child(2) .item-round .item-image {
    background: url(../img/collect-item1.png);
    background-size: cover
}

.collect .collect-right .right-item:nth-child(3) .item-round {
    background: linear-gradient(107.92deg,#8fc9ff 18.23%,#c6e4ff 82.77%),#fff
}

.collect .collect-right .right-item:nth-child(3) .item-round .item-image {
    background: url(../img/collect-item2.png);
    background-size: cover
}

.collect .collect-right .right-item:nth-child(4) .item-round {
    background: linear-gradient(107.92deg,#a68fff 18.23%,#cbbeff 82.77%),#fff
}

.collect .collect-right .right-item:nth-child(4) .item-round .item-image {
    background: url(../img/collect-item3.png);
    background-size: cover
}

.collect .collect-right .right-img {
    float: left;
    height: 100vh;
    min-height: 860px;
    width: 100%;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1
}

.collect .collect-right .right-img .right-img1 {
    position: absolute;
    left: 630px;
    top: -49px;
    width: 108px;
    height: 107px;
    background: url(../img/collect-img2.png);
    background-size: cover
}

.collect .collect-right .right-img .right-img2 {
    position: absolute;
    left: 563px;
    bottom: 108px;
    width: 241px;
    height: 176px;
    background: url(../img/collect-img3.png);
    background-size: cover
}

.collect .collect-right .right-img .right-img3 {
    position: absolute;
    left: 764px;
    bottom: 259px;
    width: 40px;
    height: 40px;
    background: url(../img/collect-img4.png);
    background-size: cover
}

a {
    text-decoration: none
}

.footer {
    width: 100%;
    background: #f6f8ff;
    -webkit-backdrop-filter: blur(32.6194px);
    backdrop-filter: blur(32.6194px);
    position: relative;
    padding-top: 130px
}

.footer .footer-item {
    width: 1200px;
    margin: 0 auto;
    height: 600px
}

.footer .footer-item .footer-img {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.footer .footer-item .footer-img .footer-img1 {
    position: absolute;
    left: -99px;
    width: 367px;
    height: 322px;
    transform: rotate(-13.32deg);
    background: url(../img/footer-img1.png);
    background-size: cover;
    margin-top: 84px;
    margin-left: 15px
}

.footer .footer-item .footer-img .footer-img2 {
    position: absolute;
    width: 290px;
    height: 252px;
    background: url(../img/footer-img2.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -72px;
    top: -130px;
    right: -75px
}

.footer .footer-item .footer-title {
    font-style: normal;
    font-weight: 800;
    font-size: 54px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 1px;
    color: #0b0e51;
    padding-top: 50px;
    margin-bottom: 64px;
}

.footer .footer-item .footer-content {
    width: 356px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    justify-content: space-between
}

.footer .footer-item .footer-content .content-apps,.footer .footer-item .footer-content .content-pc {
    width: 164px;
    height: 60px;
    font-style: normal;
    border-radius: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    text-align: center
}

.footer .footer-item .footer-content .content-apps {
    background: linear-gradient(96.15deg,#446dff 2.85%,rgba(99,125,255,.75)),#fff;
    color: #fff
}

.footer .footer-item .footer-content .content-pc {
    border: 2px solid #859aff;
    color: #446dff
}

.footer .footer-item .footer-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 88px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #8286a6;
    background: #f9faff
}

.footer .footer-item .footer-text .footer-text-links {
    margin: 20px auto;
    width: 300px;
    display: flex;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #8286a6
}

.footer .footer-item .footer-text .footer-text-links ul {
    display: flex;
    justify-content: space-between
}

.footer .footer-item .footer-text .footer-text-links ul li {
    list-style: none;
    border-right: 2px solid #8286a6
}

.footer .footer-item .footer-text .footer-text-links ul li a {
    color: #8286a6;
    padding: 0 12.5px
}

.footer .footer-item .footer-text .footer-text-links ul li:first-child a {
    padding-left: 0
}

.footer .footer-item .footer-text .footer-text-links ul li:nth-child(3) {
    border: none
}

.footer .footer-item .footer-text .footer-text-links ul li:nth-child(3) a {
    padding-right: 0
}

.footer .footer-item .footer-text .footer-text-content {
    line-height: 12px
}

@media (max-width: 1200px) {
    .footer {
        height:780px;
        padding: 0
    }

    .footer .footer-item {
        width: 375px;
        height: 780px
    }

    .footer .footer-item .footer-img {
        width: 375px;
        position: absolute
    }

    .footer .footer-item .footer-img .footer-img1 {
        position: absolute;
        width: 237px;
        height: 208px;
        left: 0;
        top: 425px;
        margin: 0
    }

    .footer .footer-item .footer-img .footer-img2 {
        position: absolute;
        width: 90px;
        height: 152.5px;
        top: 340px;
        left: 217px;
        background: url(../img/footer-img2.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0
    }

    .footer .footer-item .footer-title {
        padding-top: 124px;
        margin-bottom: 44px
    }

    .footer .footer-item .footer-title p {
        position: static;
        font-style: normal;
        font-weight: 800;
        font-size: 38px;
        line-height: 50px;
        text-align: center;
        letter-spacing: 1px;
        color: #0b0e51;
        margin: 0
    }

    .footer .footer-item .footer-content {
        flex-direction: column;
        height: auto
    }

    .footer .footer-item .footer-content .content-apps,.footer .footer-item .footer-content .content-pc {
        width: 304px;
        height: 60px;
        margin: 0 auto
    }

    .footer .footer-item .footer-content .content-apps {
        margin-bottom: 24px
    }

    .footer .footer-item .footer-content .content-pc {
        display: none
    }

    .footer .footer-item .footer-text {
        width: 100%;
        height: 104px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #8286a6
    }

    .footer .footer-item .footer-text .footer-text-links {
        margin-bottom: 12px
    }

    .footer .footer-item .footer-text .footer-text-content {
        width: 280px;
        margin: 0 auto;
        line-height: 18px
    }
}

.mobile-collect {
    width: 100%;
    background: #f6f8ff;
    position: relative
}

.mobile-collect .mobile-collect-item {
    width: 375px;
    margin: 0 auto;
    position: relative
}

.mobile-collect .mobile-collect-item .mobile-collect-title {
    height: 100px;
    margin-left: 45px;
    padding-top: 60px;
    font-style: normal;
    font-weight: 800;
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #0b0e51;
    padding-bottom: 80px;
    margin-bottom: 80px
}

.mobile-collect .mobile-collect-item .mobile-collect-title p {
    margin: 0
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item {
    width: 100%;
    padding-bottom: 124px
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text {
    margin-left: 45px;
    margin-bottom: 125px
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text p {
    margin: 0
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text p:first-child {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 28px;
    color: #0b0e51;
    margin-bottom: 12px
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text p:nth-child(2) {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #8789ae
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-body {
    width: 324px;
    height: 324px;
    border-radius: 50%;
    background: linear-gradient(107.92deg,#5a76ff 18.23%,#8fa2ff 82.77%),#fff;
    position: relative;
    margin: 0 auto
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-body .body-img {
    width: 247px;
    height: 478px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -105px;
    background: url(../img/mobile-collect-img1.png);
    background-size: cover
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-body .body-img .body-img-left {
    position: absolute;
    width: 138px;
    height: 50px;
    left: -58px;
    top: 356px;
    background: url(../img/mobile-collect-img-left.png);
    background-size: cover
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-body .body-img .body-img-right {
    position: absolute;
    width: 122px;
    height: 48px;
    right: -48px;
    top: 338px;
    background: url(../img/mobile-collect-img-right.png);
    background-size: cover
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item:nth-child(2) .item-body {
    background: linear-gradient(107.92deg,#8fc9ff 18.23%,#c6e4ff 82.77%),#fff
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item:nth-child(2) .item-body .body-img {
    background: url(../img/mobile-collect-img2.png);
    background-size: cover
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item:nth-child(3) .item-body {
    background: linear-gradient(107.92deg,#a68fff 18.23%,#cbbeff 82.77%),#fff
}

.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item:nth-child(3) .item-body .body-img {
    background: url(../img/mobile-collect-img3.png);
    background-size: cover
}

.mobile-collect .mobile-collect-item .mobile-collect-box {
    width: 110px;
    height: 107px;
    position: absolute;
    left: 20px;
    top: -59px;
    background: url(../img/collect-img1.png);
    background-size: cover
}

.apps {
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
}

.apps .apps-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 149px
}

.apps .apps-content .apps-logo {
    width: 137px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 32px;
    background: url(../img/aliyun-logo.png);
    background-size: cover
}

.apps .apps-content .apps-title {
    font-style: normal;
    font-weight: 800;
    font-size: 66px;
    line-height: 72px;
    color: #0b0e51;
    text-align: center;
    padding-top: 100px;
}

.apps .apps-content .apps-text {
    width: 713px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #4154b5;
    margin: 20px auto 30px;
}

.apps .apps-content .apps-text p a {
    border-bottom: 1px solid #4154b5;
    text-decoration: none;
    color: #4154b5
}

.apps .apps-content .apps-download {
    width: 900px;
    height: 400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.apps .apps-content .apps-download .download-android,.apps .apps-content .apps-download .download-ios {
    width: 400px;
    height: 400px;
    border-radius: 44px;
    border: 2px solid #e0e5ff;
    position: relative
}

.apps .apps-content .apps-download .download-android .item-icon,.apps .apps-content .apps-download .download-ios .item-icon {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #5c7eff #5c7eff transparent transparent;
    border-style: solid;
    border-width: 44px;
    border-radius: 0 44px 0 0;
    right: -2px;
    top: -2px
}

.apps .apps-content .apps-download .download-android .item-icon .icon,.apps .apps-content .apps-download .download-ios .item-icon .icon {
    position: absolute;
    top: -31px;
    left: 0;
    width: 26px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKbSURBVHgB7ZmBcdswDEW/eh2gG5Qb1BvEGzgbxO0CTbpA4g2SDdxO4E5QbVBvYG1gdwIWiOU7BSElQKTqa8x3x5NDMl8iBYIQCBQKhUKHKlTpvZ/R5Z7KB6RRV1W1Cug/0uUT0mio3JH+YbAn3fCXz4cT2tc+H7fy2d/h35P61nu13mOYLZUn6GFz/arsy+ZyBxu8FFysUTOgJ7LTNQyQKWgHtB2hPUfPgM5hcpOieUMvoBliu51162iWa2Qgh7ZpQK3H+g2xGKme3ecj0mFtJ7RXpP0AJVaTcwh7qdQ95TRZLtB0AwNvbg1d/IBiYcYfpHNAWL+BAZNToMW5JVv/TD+vOtU8mAckwjFZq70QTSsYMLvtdiNcYwJIe0OXDRK4yDVkcskyuh5gZunfbry9z6MxudtQmJ4JfsAd6SMXF2NyP5EHjqYbUVfD6IojsItfy8oq1ru116SPscBgsmkTB9Xnd6EwLbE0Ftv3NdKpY+soBt27N2cgtL9DA4mufR527eRo77v0NuZSI+a2PyIPDjZvZvVaTlZoIgW+yRZ6HHQm8woOTv0x4nY93W5g1fcvM6emsIdNTJiFQ0bEsy1luyb0MZnBuTc78/cQI2Y9646dqm0KTvlm7LnoZ7fsqS6Hi382p4C2yeTHpLFcoH6BRNo3Mw80adPKz4wyuTOzp3L6gKpl4/84oC9UfuC4vhrZaB3Q1GmsELvuH62TiCZSxqSx+KyI01inCKChkpzXbtNYnLJadLR5MN+QytDmpfj/yTbWIcr50NTQG620fclMX6WLNAO6p5tcQY/ra/TH48ocGzGvZz6XGu7ppz3Wz8lMPntsDeWKzUInCk2gnx9R9gHt6Ce4o8sS6dTyjLTV5plNTWNtShqrUMjPX8PG7FALyrWSAAAAAElFTkSuQmCC);
    background-size: cover
}

.apps .apps-content .apps-download .download-android .item-logo,.apps .apps-content .apps-download .download-ios .item-logo {
    width: 102px;
    height: 102px;
    margin: 66px auto 40px;
    background: url(../img/apps-ios.png);
    background-size: cover
}

.apps .apps-content .apps-download .download-android .item-text,.apps .apps-content .apps-download .download-ios .item-text {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #0b0e51;
    margin-bottom: 25px
}

.apps .apps-content .apps-download .download-android .item-download,.apps .apps-content .apps-download .download-ios .item-download {
    width: 177px;
    height: 60px;
    background: linear-gradient(96.15deg,#446dff 2.85%,rgba(99,125,255,.75)),#fff;
    border-radius: 16px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    margin: 0 auto
}

.apps .apps-content .apps-download .download-android .item-download.active,.apps .apps-content .apps-download .download-ios .item-download.active {
    display: none
}

.apps .apps-content .apps-download .download-android .item-logo {
    background: url(../img/apps-android.png);
    background-size: cover
}

.apps .apps-content .apps-download .download-item:hover .item-logo {
    width: 178px;
    height: 178px;
    margin: 95px auto 20px
}

.apps .apps-content .apps-download .download-item:hover .item-text {
    display: none
}

.apps .apps-content .apps-download .download-item:hover .item-download {
    display: none;
    width: 82px;
    height: 28px;
    background: #fff;
    border: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #0b0e51
}

.apps .apps-content .apps-download .download-item:hover .item-download.active {
    display: block
}

@media (min-width: 1200px) {
    .apps .apps-content .apps-download .download-ios:hover .item-logo {
        background:url(../img/ios-erweima.png);
        background-size: cover
    }

    .apps .apps-content .apps-download .download-android:hover .item-logo {
        background: url(../img/android-erweima.png);
        background-size: cover
    }
}

.apps .apps-provide .provide-title {
    font-style: normal;
    font-weight: 400;
    font-size: 54px;
    line-height: 72px;
    text-align: center;
    letter-spacing: 1px;
    color: #0b0e51
}

.apps .apps-provide .provide-content {
    width: 900px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 60px
}

.apps .apps-footer {
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #8286a6
}

@media (max-width: 1200px) {
    .apps {
        height:auto;
        padding-top: 74px;
        padding-bottom: 48px;
    }

    .apps .apps-content {
        width: 375px;
        margin-bottom: 120px
    }

    .apps .apps-content .apps-logo {
        width: 93px;
        height: 22px;
        top: 20px;
        left: 32px
    }

    .apps .apps-content .apps-title {
        width: 314px;
        margin: 0 auto;
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
        line-height: 48px;
        color: #0b0e51;
        padding-top: 100px;
        text-align: center
    }

    .apps .apps-content .apps-text {
        width: 314px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #4154b5;
        text-align: center
    }

    .apps .apps-content .apps-text p {
        margin: 0
    }

    .apps .apps-content .apps-text p a {
        border-bottom: 1px solid #4154b5;
        text-decoration: none;
        color: #4154b5
    }

    .apps .apps-content .apps-text .apps-mobile-go {
        margin-top: 22px
    }

    .apps .apps-content .apps-download {
        width: 375px;
        height: auto;
        flex-direction: column
    }

    .apps .apps-content .apps-download .download-android,.apps .apps-content .apps-download .download-ios {
        width: 335px;
        height: 335px;
        border-radius: 36.5px;
        background: #fff;
        border: 1.66px solid #e0e5ff;
        margin: 0 auto
    }

    .apps .apps-content .apps-download .download-android .item-icon,.apps .apps-content .apps-download .download-ios .item-icon {
        display: none
    }

    .apps .apps-content .apps-download .download-android .item-logo,.apps .apps-content .apps-download .download-ios .item-logo {
        margin: 33px auto 40px
    }

    .apps .apps-content .apps-download .download-android .item-text,.apps .apps-content .apps-download .download-ios .item-text {
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 42px;
        text-align: center;
        color: #0b0e51
    }

    .apps .apps-content .apps-download .download-android .item-download,.apps .apps-content .apps-download .download-ios .item-download {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        color: #fff
    }

    .apps .apps-content .apps-download .download-ios {
        margin-bottom: 60px
    }

    .apps .apps-provide {
        padding-bottom: 148px
    }

    .apps .apps-provide .provide-title {
        font-style: normal;
        font-weight: 400;
        font-size: 38px;
        line-height: 50px;
        text-align: center;
        letter-spacing: 1px;
        color: #0b0e51
    }

    .apps .apps-provide .provide-content {
        width: 335px;
        height: auto;
        margin-top: 40px;
        flex-wrap: wrap
    }

    .apps .apps-provide .provide-content .provide-item {
        width: 158px;
        height: 192px;
        margin-bottom: 20px
    }

    .apps .apps-provide .provide-content .provide-item .provide-item-logo {
        width: 60px;
        height: 60px;
        margin: 28px auto 20px
    }

    .apps .apps-provide .provide-content .provide-item .provide-item-text {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #a0a0a0
    }

    .apps .apps-provide .provide-content .provide-item .provide-item-text p {
        margin: 0
    }

    .apps .apps-footer {
        width: 259px;
        height: 36px;
        bottom: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        color: #8286a6
    }
}