liut
1674 lines
46 KiB
CSS
1674 lines
46 KiB
CSS
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)
|
|
}
|
|
|
|
a:active,
|
|
a:hover,
|
|
a:link,
|
|
a:visited {
|
|
text-decoration: none;
|
|
outline: 0
|
|
}
|
|
|
|
.banner[data-v-785fdba7] {
|
|
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[data-v-785fdba7] {
|
|
width: 477px;
|
|
height: 40px;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
display: flex
|
|
}
|
|
|
|
.banner .banner-text .banner-image[data-v-785fdba7] {
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 22px;
|
|
background: url(../index_static/img/banner-icon.png);
|
|
background-size: cover;
|
|
left: 40px;
|
|
top: 50%;
|
|
transform: translateY(-50%)
|
|
}
|
|
|
|
.banner .banner-text .banner-content[data-v-785fdba7] {
|
|
flex: 1
|
|
}
|
|
|
|
.banner .banner-text .banner-content span[data-v-785fdba7]:nth-child(3) {
|
|
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[data-v-785fdba7] {
|
|
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[data-v-785fdba7] {
|
|
top: 0;
|
|
z-index: 99999
|
|
}
|
|
|
|
@media (max-width:1200px) {
|
|
.banner[data-v-785fdba7] {
|
|
height: 74px;
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
background: linear-gradient(92.49deg, #7a90ff 2.19%, #526efa 97.37%), #fff
|
|
}
|
|
.banner .banner-text[data-v-785fdba7] {
|
|
width: 300px
|
|
}
|
|
.banner .banner-text .banner-image[data-v-785fdba7] {
|
|
display: none;
|
|
width: 18px;
|
|
height: 18px;
|
|
left: 0
|
|
}
|
|
.banner .banner-icon[data-v-785fdba7] {
|
|
top: 30.5px;
|
|
right: 30.5px
|
|
}
|
|
}
|
|
|
|
a[data-v-e9e0751c] {
|
|
text-decoration: none
|
|
}
|
|
|
|
.header[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: 748px;
|
|
/*padding-top: 48px;*/
|
|
background: rgba(224, 229, 255, .58)
|
|
}
|
|
|
|
.header .header-content[data-v-e9e0751c] {
|
|
width: 1200px;
|
|
height: 748px;
|
|
margin: 0 auto;
|
|
position: relative
|
|
}
|
|
|
|
.header .header-content .header-logo[data-v-e9e0751c] {
|
|
position: absolute;
|
|
background: url(../index_static/img/logo.png);
|
|
background-size: cover;
|
|
width: 137px;
|
|
height: 32.57px;
|
|
margin-top: 32px
|
|
}
|
|
|
|
.header .header-content .header-body[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: 748px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center
|
|
}
|
|
|
|
.header .header-content .header-body .body-left[data-v-e9e0751c] {
|
|
width: 477px;
|
|
height: 748px;
|
|
z-index: 1
|
|
}
|
|
|
|
.header .header-content .header-body .body-left .left-title[data-v-e9e0751c] {
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 66px;
|
|
line-height: 72px;
|
|
color: #0b0e51;
|
|
margin-bottom: 20px;
|
|
margin-top: 238px;
|
|
font-family: Alibaba-PuHuiTi-Heavy
|
|
}
|
|
|
|
.header .header-content .header-body .body-left .left-text[data-v-e9e0751c] {
|
|
font-family: PingFang SC;
|
|
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[data-v-e9e0751c] {
|
|
display: flex
|
|
}
|
|
|
|
.header .header-content .header-body .body-left .left-download .apps[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-left .left-download .pc[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
background: linear-gradient(96.15deg, #526efa 2.85%, #7a90ff), #fff;
|
|
margin-right: 24px
|
|
}
|
|
|
|
.header .header-content .header-body .body-left .left-download .pc[data-v-e9e0751c] {
|
|
border: 2px solid #859aff;
|
|
color: #446dff
|
|
}
|
|
|
|
.header .header-content .header-body .body-left .left-reservation[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c]: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[data-v-e9e0751c] {
|
|
width: 602.45px;
|
|
height: 406px;
|
|
position: relative
|
|
}
|
|
|
|
.header .header-content .header-body .body-right .right-round1[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round2[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round3[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round4[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round5[data-v-e9e0751c] {
|
|
position: absolute;
|
|
border-radius: 50%
|
|
}
|
|
|
|
.header .header-content .header-body .body-right .right-round1[data-v-e9e0751c] {
|
|
bottom: -27px;
|
|
left: -176px;
|
|
width: 339px;
|
|
height: 339px;
|
|
filter: blur(74px)
|
|
}
|
|
|
|
.header .header-content .header-body .body-right .right-round5[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
width: 602.45px;
|
|
height: 406px;
|
|
z-index: 1;
|
|
position: relative;
|
|
background: url(../index_static/img/header.png);
|
|
background-size: cover
|
|
}
|
|
|
|
@media (max-width:1200px) {
|
|
.header[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: auto
|
|
}
|
|
.header .header-content[data-v-e9e0751c] {
|
|
width: 100%;
|
|
position: relative;
|
|
height: auto
|
|
}
|
|
.header .header-content .header-logo-box[data-v-e9e0751c] {
|
|
width: 304px;
|
|
margin: 0 auto;
|
|
position: relative
|
|
}
|
|
.header .header-content .header-logo-box .header-logo[data-v-e9e0751c] {
|
|
top: 20px;
|
|
width: 90px;
|
|
height: 22px;
|
|
background-size: contain
|
|
}
|
|
.header .header-content .header-body[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: auto;
|
|
flex-direction: column;
|
|
align-items: normal
|
|
}
|
|
.header .header-content .header-body .body-left[data-v-e9e0751c] {
|
|
width: 304px;
|
|
height: auto;
|
|
margin: 0 auto
|
|
}
|
|
.header .header-content .header-body .body-left .left-title[data-v-e9e0751c] {
|
|
font-weight: 800;
|
|
font-size: 48px;
|
|
line-height: 48px;
|
|
color: #0b0e51;
|
|
margin-top: 155px
|
|
}
|
|
.header .header-content .header-body .body-left .left-text[data-v-e9e0751c] {
|
|
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[data-v-e9e0751c] {
|
|
flex-direction: column
|
|
}
|
|
.header .header-content .header-body .body-left .left-download .apps[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-left .left-download .pc[data-v-e9e0751c] {
|
|
width: 304px;
|
|
border-radius: 16px;
|
|
font-size: 16px
|
|
}
|
|
.header .header-content .header-body .body-left .left-download .apps[data-v-e9e0751c] {
|
|
margin-bottom: 24px
|
|
}
|
|
.header .header-content .header-body .body-left .left-download .pc[data-v-e9e0751c] {
|
|
display: none
|
|
}
|
|
.header .header-content .header-body .body-left .left-reservation[data-v-e9e0751c] {
|
|
margin-top: 0;
|
|
margin-bottom: 32px
|
|
}
|
|
.header .header-content .header-body .body-left .left-reservation span[data-v-e9e0751c]: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[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: auto
|
|
}
|
|
.header .header-content .header-body .body-right .right-round1[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round2[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round3[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round4[data-v-e9e0751c],
|
|
.header .header-content .header-body .body-right .right-round5[data-v-e9e0751c] {
|
|
display: none
|
|
}
|
|
.header .header-content .header-body .body-right .header-img[data-v-e9e0751c] {
|
|
width: 100%;
|
|
height: auto;
|
|
background: none
|
|
}
|
|
.header .header-content .header-body .body-right .header-img img[data-v-e9e0751c] {
|
|
width: 100%;
|
|
max-width: 450px;
|
|
display: block;
|
|
margin: 0 auto
|
|
}
|
|
}
|
|
|
|
.space[data-v-35ecef7e] {
|
|
width: 100%
|
|
}
|
|
|
|
.space .space-content[data-v-35ecef7e] {
|
|
/*width: 1200px;*/
|
|
width: 85%;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.space .space-content .space-title[data-v-35ecef7e] {
|
|
margin-top: 100px;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 54px;
|
|
line-height: 72px;
|
|
text-align: center;
|
|
letter-spacing: 1px;
|
|
color: #0b0e51;
|
|
font-family: Alibaba-PuHuiTi-Heavy
|
|
}
|
|
|
|
.space .space-content .space-body[data-v-35ecef7e] {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0 76px;
|
|
justify-content: space-between;
|
|
margin-top: 133px;
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e] {
|
|
width: 454px;
|
|
height: 372px;
|
|
border-radius: 44px;
|
|
margin-bottom: 104px;
|
|
position: relative
|
|
}
|
|
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e] {
|
|
text-align: center;
|
|
margin: 0
|
|
}
|
|
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]:first-child,
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]: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[data-v-35ecef7e]:nth-child(3),
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]: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[data-v-35ecef7e]:first-child {
|
|
margin-top: 154px
|
|
}
|
|
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]:nth-child(2) {
|
|
margin-bottom: 11px
|
|
}
|
|
|
|
.space .space-content .space-body .body-item .space-logo[data-v-35ecef7e] {
|
|
position: absolute;
|
|
width: 236px;
|
|
height: 236px;
|
|
left: 109px;
|
|
top: -89px
|
|
}
|
|
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e]:first-child {
|
|
background-color: #fff5cf
|
|
}
|
|
|
|
.space .space-content .space-body .body-item:first-child .space-logo[data-v-35ecef7e] {
|
|
background: url(../image/space-img1.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e]:nth-child(4) {
|
|
background-color: #dbe0ff;
|
|
margin-top: 48px
|
|
}
|
|
|
|
.space .space-content .space-body .body-item:nth-child(4) .space-logo[data-v-35ecef7e] {
|
|
background: url(../image/space-img2.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e]:nth-child(2) {
|
|
background-color: #daf1ff
|
|
}
|
|
|
|
.space .space-content .space-body .body-item:nth-child(2) .space-logo[data-v-35ecef7e] {
|
|
background: url(../image/space-img3.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e]:nth-child(3) {
|
|
background-color: #e0e5ff;
|
|
/*margin-top: 48px*/
|
|
}
|
|
|
|
.space .space-content .space-body .body-item:nth-child(3) .space-logo[data-v-35ecef7e] {
|
|
background: url(../image/space-img4.png);
|
|
background-size: cover
|
|
}
|
|
|
|
@media (max-width:1200px) {
|
|
.space[data-v-35ecef7e] {
|
|
width: 100%
|
|
}
|
|
.space .space-content[data-v-35ecef7e] {
|
|
width: 375px;
|
|
margin: 0 auto
|
|
}
|
|
.space .space-content .space-title[data-v-35ecef7e] {
|
|
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: 100px;
|
|
}
|
|
.space .space-content .space-body[data-v-35ecef7e] {
|
|
margin-top: 114px;
|
|
padding: 0;
|
|
margin-bottom: 86px
|
|
}
|
|
.space .space-content .space-body .body-item[data-v-35ecef7e] {
|
|
width: 335px;
|
|
height: auto;
|
|
margin: 0 auto;
|
|
margin-bottom: 94px
|
|
}
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]:first-child,
|
|
.space .space-content .space-body .body-item P[data-v-35ecef7e]: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[data-v-35ecef7e]:nth-child(3),
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]: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[data-v-35ecef7e]:first-child {
|
|
margin-top: 124px
|
|
}
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]:nth-child(2) {
|
|
margin-bottom: 12px
|
|
}
|
|
.space .space-content .space-body .body-item p[data-v-35ecef7e]:nth-child(4) {
|
|
margin-bottom: 48px
|
|
}
|
|
.space .space-content .space-body .body-item .space-logo[data-v-35ecef7e] {
|
|
width: 158px;
|
|
height: 158px;
|
|
top: -54px;
|
|
left: 89px
|
|
}
|
|
}
|
|
|
|
[data-v-e39358dc] {
|
|
margin: 0
|
|
}
|
|
|
|
.collect[data-v-e39358dc] {
|
|
width: 100%;
|
|
background: #f6f8ff
|
|
}
|
|
|
|
.collect .collect-item[data-v-e39358dc] {
|
|
display: flex;
|
|
position: relative;
|
|
width: 1440px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.collect .collect-left[data-v-e39358dc] {
|
|
width: 602px;
|
|
position: sticky;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100vh;
|
|
min-height: 860px
|
|
}
|
|
|
|
.collect .collect-left .collect-img1[data-v-e39358dc] {
|
|
width: 162px;
|
|
height: 159px;
|
|
position: absolute;
|
|
top: 40px;
|
|
background: url(.../image/collect-img1.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-left .collect-body[data-v-e39358dc] {
|
|
width: 394px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 185px
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-title[data-v-e39358dc] {
|
|
margin-top: 130px;
|
|
margin-bottom: 86px
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-title p[data-v-e39358dc] {
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 54px;
|
|
line-height: 62px;
|
|
letter-spacing: 1px;
|
|
color: #0b0e51;
|
|
font-family: Alibaba-PuHuiTi-Heavy
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-content[data-v-e39358dc] {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-30%);
|
|
padding-top: 10px
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-content .left-item[data-v-e39358dc] {
|
|
height: 67px;
|
|
width: 100%;
|
|
margin-bottom: 48px
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-content .left-item p[data-v-e39358dc]: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[data-v-e39358dc]: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[data-v-e39358dc] {
|
|
color: #8789ae
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-content .left-line-box[data-v-e39358dc] {
|
|
position: absolute;
|
|
top: 0;
|
|
left: -23px;
|
|
width: 9px;
|
|
height: 100%
|
|
}
|
|
|
|
.collect .collect-left .collect-body .left-content .left-line-box .left-line[data-v-e39358dc] {
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 73px;
|
|
top: 0;
|
|
background: url(../image/collect-line.svg);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right[data-v-e39358dc] {
|
|
flex: 1;
|
|
background: #f6f8ff
|
|
}
|
|
|
|
.collect .collect-right .right-item[data-v-e39358dc] {
|
|
width: 100%;
|
|
height: 100vh;
|
|
min-height: 860px;
|
|
position: relative
|
|
}
|
|
|
|
.collect .collect-right .right-item .item-round[data-v-e39358dc] {
|
|
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[data-v-e39358dc] {
|
|
width: 333px;
|
|
height: 629px;
|
|
position: absolute;
|
|
top: -107px;
|
|
left: 50%;
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.collect .collect-right .right-item .item-round .item-image .image-left[data-v-e39358dc] {
|
|
position: absolute;
|
|
left: -110px;
|
|
top: 481px;
|
|
width: 186px;
|
|
height: 73px;
|
|
background: url(../image/collect-image-left.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-item .item-round .item-image .image-right[data-v-e39358dc] {
|
|
position: absolute;
|
|
right: -97px;
|
|
top: 430px;
|
|
width: 186px;
|
|
height: 73px;
|
|
background: url(../image/collect-image-right.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(2) .item-round[data-v-e39358dc] {
|
|
background: linear-gradient(107.92deg, #5a76ff 18.23%, #8fa2ff 82.77%), #fff
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(2) .item-round .item-image[data-v-e39358dc] {
|
|
background: url(../image/collect-item1.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(3) .item-round[data-v-e39358dc] {
|
|
background: linear-gradient(107.92deg, #8fc9ff 18.23%, #c6e4ff 82.77%), #fff
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(3) .item-round .item-image[data-v-e39358dc] {
|
|
background: url(../image/collect-item2.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(4) .item-round[data-v-e39358dc] {
|
|
background: linear-gradient(107.92deg, #a68fff 18.23%, #cbbeff 82.77%), #fff
|
|
}
|
|
|
|
.collect .collect-right .right-item:nth-child(4) .item-round .item-image[data-v-e39358dc] {
|
|
background: url(../image/collect-item3.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-img[data-v-e39358dc] {
|
|
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[data-v-e39358dc] {
|
|
position: absolute;
|
|
left: 630px;
|
|
top: -49px;
|
|
width: 108px;
|
|
height: 107px;
|
|
background: url(../image/collect-img2.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-img .right-img2[data-v-e39358dc] {
|
|
position: absolute;
|
|
left: 563px;
|
|
bottom: 108px;
|
|
width: 241px;
|
|
height: 176px;
|
|
background: url(../image/collect-img3.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.collect .collect-right .right-img .right-img3[data-v-e39358dc] {
|
|
position: absolute;
|
|
left: 764px;
|
|
bottom: 259px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: url(../image/collect-img4.png);
|
|
background-size: cover
|
|
}
|
|
|
|
a[data-v-20ff4511] {
|
|
text-decoration: none
|
|
}
|
|
|
|
.footer[data-v-20ff4511] {
|
|
width: 100%;
|
|
background: #f6f8ff;
|
|
-webkit-backdrop-filter: blur(32.6194px);
|
|
backdrop-filter: blur(32.6194px);
|
|
position: relative;
|
|
padding-top: 130px
|
|
}
|
|
|
|
.footer .footer-item[data-v-20ff4511] {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
height: 600px
|
|
}
|
|
|
|
.footer .footer-item .footer-img[data-v-20ff4511] {
|
|
position: relative;
|
|
width: 1200px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.footer .footer-item .footer-img .footer-img1[data-v-20ff4511] {
|
|
position: absolute;
|
|
left: -99px;
|
|
width: 367px;
|
|
height: 322px;
|
|
transform: rotate(-13.32deg);
|
|
background: url(../image/footer-img1.png);
|
|
background-size: cover;
|
|
margin-top: 84px;
|
|
margin-left: 15px
|
|
}
|
|
|
|
.footer .footer-item .footer-img .footer-img2[data-v-20ff4511] {
|
|
position: absolute;
|
|
width: 290px;
|
|
height: 252px;
|
|
background: url(../image/footer-img2.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
margin-top: -72px;
|
|
top: -130px;
|
|
right: -75px
|
|
}
|
|
|
|
.footer .footer-item .footer-title[data-v-20ff4511] {
|
|
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;
|
|
font-family: Alibaba-PuHuiTi-Heavy
|
|
}
|
|
|
|
.footer .footer-item .footer-content[data-v-20ff4511] {
|
|
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[data-v-20ff4511],
|
|
.footer .footer-item .footer-content .content-pc[data-v-20ff4511] {
|
|
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[data-v-20ff4511] {
|
|
background: linear-gradient(96.15deg, #446dff 2.85%, rgba(99, 125, 255, .75)), #fff;
|
|
color: #fff
|
|
}
|
|
|
|
.footer .footer-item .footer-content .content-pc[data-v-20ff4511] {
|
|
border: 2px solid #859aff;
|
|
color: #446dff
|
|
}
|
|
|
|
.footer .footer-item .footer-text[data-v-20ff4511] {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 90px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
color: #8286a6;
|
|
background: #f9faff
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links[data-v-20ff4511] {
|
|
margin: 20px auto;
|
|
width: 208px;
|
|
display: flex;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 5px;
|
|
text-align: center;
|
|
color: #8286a6
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul[data-v-20ff4511] {
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul li[data-v-20ff4511] {
|
|
list-style: none;
|
|
border-right: 2px solid #8286a6
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul li a[data-v-20ff4511] {
|
|
color: #8286a6;
|
|
padding: 0 6px
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul li:first-child a[data-v-20ff4511] {
|
|
padding-left: 0
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul li[data-v-20ff4511]:nth-child(3) {
|
|
border: none
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-links ul li:nth-child(3) a[data-v-20ff4511] {
|
|
padding-right: 0
|
|
}
|
|
|
|
.footer .footer-item .footer-text .footer-text-content[data-v-20ff4511] {
|
|
line-height: 12px
|
|
}
|
|
|
|
@media (max-width:1200px) {
|
|
.footer[data-v-20ff4511] {
|
|
height: 780px;
|
|
padding: 0
|
|
}
|
|
.footer .footer-item[data-v-20ff4511] {
|
|
width: 375px;
|
|
height: 780px
|
|
}
|
|
.footer .footer-item .footer-img[data-v-20ff4511] {
|
|
width: 375px;
|
|
position: absolute
|
|
}
|
|
.footer .footer-item .footer-img .footer-img1[data-v-20ff4511] {
|
|
position: absolute;
|
|
width: 237px;
|
|
height: 208px;
|
|
left: 0;
|
|
top: 425px;
|
|
margin: 0
|
|
}
|
|
.footer .footer-item .footer-img .footer-img2[data-v-20ff4511] {
|
|
position: absolute;
|
|
width: 90px;
|
|
height: 152.5px;
|
|
top: 340px;
|
|
left: 217px;
|
|
background: url(../image/footer-img2.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
margin: 0
|
|
}
|
|
.footer .footer-item .footer-title[data-v-20ff4511] {
|
|
padding-top: 124px;
|
|
margin-bottom: 44px
|
|
}
|
|
.footer .footer-item .footer-title p[data-v-20ff4511] {
|
|
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[data-v-20ff4511] {
|
|
flex-direction: column;
|
|
height: auto
|
|
}
|
|
.footer .footer-item .footer-content .content-apps[data-v-20ff4511],
|
|
.footer .footer-item .footer-content .content-pc[data-v-20ff4511] {
|
|
width: 304px;
|
|
height: 60px;
|
|
margin: 0 auto
|
|
}
|
|
.footer .footer-item .footer-content .content-apps[data-v-20ff4511] {
|
|
margin-bottom: 24px
|
|
}
|
|
.footer .footer-item .footer-content .content-pc[data-v-20ff4511] {
|
|
display: none
|
|
}
|
|
.footer .footer-item .footer-text[data-v-20ff4511] {
|
|
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[data-v-20ff4511] {
|
|
margin-bottom: 12px
|
|
}
|
|
.footer .footer-item .footer-text .footer-text-content[data-v-20ff4511] {
|
|
width: 220px;
|
|
margin: 0 auto;
|
|
line-height: 18px
|
|
}
|
|
}
|
|
|
|
.mobile-collect[data-v-f34ce26c] {
|
|
width: 100%;
|
|
background: #f6f8ff;
|
|
position: relative
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item[data-v-f34ce26c] {
|
|
width: 375px;
|
|
margin: 0 auto;
|
|
position: relative
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-title[data-v-f34ce26c] {
|
|
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;
|
|
font-family: Alibaba-PuHuiTi-Heavy;
|
|
margin-bottom: 80px
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-title p[data-v-f34ce26c] {
|
|
margin: 0
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item[data-v-f34ce26c] {
|
|
width: 100%;
|
|
padding-bottom: 124px
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text[data-v-f34ce26c] {
|
|
margin-left: 45px;
|
|
margin-bottom: 125px
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text p[data-v-f34ce26c] {
|
|
margin: 0
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item .item-text p[data-v-f34ce26c]: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[data-v-f34ce26c]: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[data-v-f34ce26c] {
|
|
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[data-v-f34ce26c] {
|
|
width: 247px;
|
|
height: 478px;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: -105px;
|
|
background: url(../index_static/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[data-v-f34ce26c] {
|
|
position: absolute;
|
|
width: 138px;
|
|
height: 50px;
|
|
left: -58px;
|
|
top: 356px;
|
|
background: url(../index_static/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[data-v-f34ce26c] {
|
|
position: absolute;
|
|
width: 122px;
|
|
height: 48px;
|
|
right: -48px;
|
|
top: 338px;
|
|
background: url(../index_static/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[data-v-f34ce26c] {
|
|
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[data-v-f34ce26c] {
|
|
background: url(../index_static/img/mobile-collect-img2.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-content .mobile-content-item:nth-child(3) .item-body[data-v-f34ce26c] {
|
|
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[data-v-f34ce26c] {
|
|
background: url(../index_static/img/mobile-collect-img3.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.mobile-collect .mobile-collect-item .mobile-collect-box[data-v-f34ce26c] {
|
|
width: 110px;
|
|
height: 107px;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -59px;
|
|
background: url(../index_static/img/collect-img1.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps[data-v-ce7600a4] {
|
|
height: 1584px;
|
|
position: relative;
|
|
padding-top: 48px
|
|
}
|
|
|
|
.apps .apps-content[data-v-ce7600a4] {
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
margin-bottom: 149px
|
|
}
|
|
|
|
.apps .apps-content .apps-logo[data-v-ce7600a4] {
|
|
width: 137px;
|
|
height: 32px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 32px;
|
|
background: url(../index_static/img/logo.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-content .apps-title[data-v-ce7600a4] {
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 66px;
|
|
line-height: 72px;
|
|
color: #0b0e51;
|
|
text-align: center;
|
|
padding-top: 161px;
|
|
font-family: Alibaba-PuHuiTi-Heavy
|
|
}
|
|
|
|
.apps .apps-content .apps-text[data-v-ce7600a4] {
|
|
width: 713px;
|
|
height: 140px;
|
|
margin: 0 auto;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
color: #4154b5;
|
|
margin-top: 20px;
|
|
margin-bottom: 120px
|
|
}
|
|
|
|
.apps .apps-content .apps-text p a[data-v-ce7600a4] {
|
|
border-bottom: 1px solid #4154b5;
|
|
text-decoration: none;
|
|
color: #4154b5
|
|
}
|
|
|
|
.apps .apps-content .apps-download[data-v-ce7600a4] {
|
|
width: 900px;
|
|
height: 400px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-android[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios[data-v-ce7600a4] {
|
|
width: 400px;
|
|
height: 400px;
|
|
border-radius: 44px;
|
|
border: 2px solid #e0e5ff;
|
|
position: relative
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-android .item-icon[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-icon[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-icon .icon[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-logo[data-v-ce7600a4] {
|
|
width: 102px;
|
|
height: 102px;
|
|
margin: 66px auto 40px;
|
|
background: url(../index_static/img/apps-ios.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-android .item-text[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-text[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-download[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-download.active[data-v-ce7600a4] {
|
|
display: none
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-android .item-logo[data-v-ce7600a4] {
|
|
background: url(../index_static/img/apps-android.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-item:hover .item-logo[data-v-ce7600a4] {
|
|
width: 178px;
|
|
height: 178px;
|
|
margin: 95px auto 20px
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-item:hover .item-text[data-v-ce7600a4] {
|
|
display: none
|
|
}
|
|
|
|
.apps .apps-content .apps-download .download-item:hover .item-download[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4] {
|
|
display: block
|
|
}
|
|
|
|
@media (min-width:1200px) {
|
|
.apps .apps-content .apps-download .download-ios:hover .item-logo[data-v-ce7600a4] {
|
|
background: url(../index_static/img/ios-erweima.png);
|
|
background-size: cover
|
|
}
|
|
.apps .apps-content .apps-download .download-android:hover .item-logo[data-v-ce7600a4] {
|
|
background: url(../index_static/img/android-erweima.png);
|
|
background-size: cover
|
|
}
|
|
}
|
|
|
|
.apps .apps-provide .provide-title[data-v-ce7600a4] {
|
|
font-family: Alibaba-PuHuiTi-Heavy;
|
|
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[data-v-ce7600a4] {
|
|
width: 900px;
|
|
height: 186px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
margin-top: 60px
|
|
}
|
|
|
|
.apps .apps-provide .provide-content .provide-item[data-v-ce7600a4] {
|
|
width: 286px;
|
|
height: 186px;
|
|
background: #f8f8f8;
|
|
border-radius: 16px
|
|
}
|
|
|
|
.apps .apps-provide .provide-content .provide-item .provide-item-logo[data-v-ce7600a4] {
|
|
width: 83px;
|
|
height: 83px;
|
|
margin: 28px auto 18px;
|
|
background: url(../index_static/img/provide-img1.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-provide .provide-content .provide-item .provide-item-text[data-v-ce7600a4] {
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
color: #a0a0a0
|
|
}
|
|
|
|
.apps .apps-provide .provide-content .provide-item:nth-child(2) .provide-item-logo[data-v-ce7600a4] {
|
|
background: url(data:image/png;base64,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);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-provide .provide-content .provide-item:nth-child(3) .provide-item-logo[data-v-ce7600a4] {
|
|
background: url(../index_static/img/provide-img3.png);
|
|
background-size: cover
|
|
}
|
|
|
|
.apps .apps-footer[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4] {
|
|
height: auto;
|
|
padding-top: 74px
|
|
}
|
|
.apps .apps-content[data-v-ce7600a4] {
|
|
width: 375px;
|
|
margin-bottom: 120px
|
|
}
|
|
.apps .apps-content .apps-logo[data-v-ce7600a4] {
|
|
width: 93px;
|
|
height: 22px;
|
|
top: 20px;
|
|
left: 32px
|
|
}
|
|
.apps .apps-content .apps-title[data-v-ce7600a4] {
|
|
width: 314px;
|
|
margin: 0 auto;
|
|
font-style: normal;
|
|
font-weight: 800;
|
|
font-size: 48px;
|
|
line-height: 48px;
|
|
color: #0b0e51;
|
|
padding-top: 155px;
|
|
text-align: center
|
|
}
|
|
.apps .apps-content .apps-text[data-v-ce7600a4] {
|
|
width: 314px;
|
|
height: 192px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
color: #4154b5;
|
|
margin-bottom: 84px;
|
|
text-align: left
|
|
}
|
|
.apps .apps-content .apps-text p[data-v-ce7600a4] {
|
|
margin: 0
|
|
}
|
|
.apps .apps-content .apps-text p a[data-v-ce7600a4] {
|
|
border-bottom: 1px solid #4154b5;
|
|
text-decoration: none;
|
|
color: #4154b5
|
|
}
|
|
.apps .apps-content .apps-text .apps-mobile-go[data-v-ce7600a4] {
|
|
margin-top: 22px
|
|
}
|
|
.apps .apps-content .apps-download[data-v-ce7600a4] {
|
|
width: 375px;
|
|
height: auto;
|
|
flex-direction: column
|
|
}
|
|
.apps .apps-content .apps-download .download-android[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-icon[data-v-ce7600a4] {
|
|
display: none
|
|
}
|
|
.apps .apps-content .apps-download .download-android .item-logo[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-logo[data-v-ce7600a4] {
|
|
margin: 33px auto 40px
|
|
}
|
|
.apps .apps-content .apps-download .download-android .item-text[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-text[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4],
|
|
.apps .apps-content .apps-download .download-ios .item-download[data-v-ce7600a4] {
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
color: #fff
|
|
}
|
|
.apps .apps-content .apps-download .download-ios[data-v-ce7600a4] {
|
|
margin-bottom: 60px
|
|
}
|
|
.apps .apps-provide[data-v-ce7600a4] {
|
|
padding-bottom: 148px
|
|
}
|
|
.apps .apps-provide .provide-title[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4] {
|
|
width: 335px;
|
|
height: auto;
|
|
margin-top: 40px;
|
|
flex-wrap: wrap
|
|
}
|
|
.apps .apps-provide .provide-content .provide-item[data-v-ce7600a4] {
|
|
width: 158px;
|
|
height: 192px;
|
|
margin-bottom: 20px
|
|
}
|
|
.apps .apps-provide .provide-content .provide-item .provide-item-logo[data-v-ce7600a4] {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin: 28px auto 20px
|
|
}
|
|
.apps .apps-provide .provide-content .provide-item .provide-item-text[data-v-ce7600a4] {
|
|
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[data-v-ce7600a4] {
|
|
margin: 0
|
|
}
|
|
.apps .apps-footer[data-v-ce7600a4] {
|
|
width: 259px;
|
|
height: 36px;
|
|
bottom: 8px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
color: #8286a6
|
|
}
|
|
}
|
|
|
|
|
|
/* 头部*/
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
text-decoration: none;
|
|
font-family: "microsoft yahei";
|
|
}
|
|
.clear{
|
|
clear: both;
|
|
}
|
|
|
|
/*头部开始*/
|
|
|
|
#header{
|
|
height: 72px;
|
|
position: fixed;
|
|
width: 100%;
|
|
top:0;
|
|
background-color: white;
|
|
min-width: 960px;
|
|
z-index: 9;
|
|
}
|
|
.fixwid{
|
|
width: 1190px;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
}
|
|
.logo{
|
|
height: 72px;
|
|
float: left;
|
|
}
|
|
.logo img{
|
|
width: 40px;
|
|
margin-top: 11px;
|
|
float: left;
|
|
}
|
|
.logo span{
|
|
float: left;
|
|
font-size: 24px;
|
|
color: #11b4ea;
|
|
margin-left: 10px;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
}
|
|
.nav{
|
|
height: 72px;
|
|
float: right;
|
|
}
|
|
.nav ul{
|
|
float: left;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
}
|
|
.nav ul li{
|
|
float: left;
|
|
padding: 0 19px;
|
|
}
|
|
.login{
|
|
float: left;
|
|
width: 80px;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
text-align: center;
|
|
margin-left: 24px;
|
|
background-color: #11b4ea;
|
|
}
|
|
.login .a_area{
|
|
display: block;
|
|
}
|
|
.a_line{
|
|
color: #242424;
|
|
}
|
|
.a_line:hover{
|
|
color: #11b4ea!important;
|
|
}
|
|
|
|
.nav .a_link{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.a_area{
|
|
color: white;
|
|
background-color: #11b4ea;
|
|
}
|
|
.a_area:hover{
|
|
background-color: #47c4f0!important;
|
|
color: white;
|
|
}
|
|
|
|
.nav .a_area{
|
|
font-size: 16px;
|
|
}
|
|
|
|
#header>img{
|
|
width: 100%;
|
|
height: 29px;
|
|
position: relative;
|
|
}
|
|
|
|
/*头部结束*/
|
|
|