html {
    font-size: 16px
}

body {
    margin: 0;
    font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}

body * {
    box-sizing: border-box;
    flex-shrink: 0
}

#app {
    width: 100vw;
    height: 100vh
}
a {
  text-decoration: none;
}
.flex-row {
    display: flex;
    flex-direction: row
}

.flex-col {
    display: flex;
    flex-direction: column
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

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

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.relative {
    position: relative
}

.ml-2 {
    margin-left: .05vw
}

.mt-2 {
    margin-top: .05vw
}

.ml-4 {
    margin-left: .1vw
}

.mt-4 {
    margin-top: .1vw
}

.ml-6 {
    margin-left: .15vw
}

.mt-6 {
    margin-top: .15vw
}

.ml-8 {
    margin-left: .2vw
}

.mt-8 {
    margin-top: .2vw
}

.ml-10 {
    margin-left: .25vw
}

.mt-10 {
    margin-top: .25vw
}

.ml-12 {
    margin-left: .3vw
}

.mt-12 {
    margin-top: .3vw
}

.ml-14 {
    margin-left: .35vw
}

.mt-14 {
    margin-top: .35vw
}

.ml-16 {
    margin-left: .4vw
}

.mt-16 {
    margin-top: .4vw
}

.ml-18 {
    margin-left: .45vw
}

.mt-18 {
    margin-top: .45vw
}

.ml-20 {
    margin-left: .5vw
}

.mt-20 {
    margin-top: .5vw
}

.ml-22 {
    margin-left: .55vw
}

.mt-22 {
    margin-top: .55vw
}

.ml-24 {
    margin-left: .6vw
}

.mt-24 {
    margin-top: .6vw
}

.ml-26 {
    margin-left: .65vw
}

.mt-26 {
    margin-top: .65vw
}

.ml-28 {
    margin-left: .7vw
}

.mt-28 {
    margin-top: .7vw
}

.ml-30 {
    margin-left: .75vw
}

.mt-30 {
    margin-top: .75vw
}

.ml-32 {
    margin-left: .8vw
}

.mt-32 {
    margin-top: .8vw
}

.ml-34 {
    margin-left: .85vw
}

.mt-34 {
    margin-top: .85vw
}

.ml-36 {
    margin-left: .9vw
}

.mt-36 {
    margin-top: .9vw
}

.ml-38 {
    margin-left: .95vw
}

.mt-38 {
    margin-top: .95vw
}

.ml-40 {
    margin-left: 1vw
}

.mt-40 {
    margin-top: 1vw
}

.ml-42 {
    margin-left: 1.05vw
}

.mt-42 {
    margin-top: 1.05vw
}

.ml-44 {
    margin-left: 1.1vw
}

.mt-44 {
    margin-top: 1.1vw
}

.ml-46 {
    margin-left: 1.15vw
}

.mt-46 {
    margin-top: 1.15vw
}

.ml-48 {
    margin-left: 1.2vw
}

.mt-48 {
    margin-top: 1.2vw
}

.ml-50 {
    margin-left: 1.25vw
}

.mt-50 {
    margin-top: 1.25vw
}

.ml-52 {
    margin-left: 1.3vw
}

.mt-52 {
    margin-top: 1.3vw
}

.ml-54 {
    margin-left: 1.35vw
}

.mt-54 {
    margin-top: 1.35vw
}

.ml-56 {
    margin-left: 1.4vw
}

.mt-56 {
    margin-top: 1.4vw
}

.ml-58 {
    margin-left: 1.45vw
}

.mt-58 {
    margin-top: 1.45vw
}

.ml-60 {
    margin-left: 1.5vw
}

.mt-60 {
    margin-top: 1.5vw
}

.ml-62 {
    margin-left: 1.55vw
}

.mt-62 {
    margin-top: 1.55vw
}

.ml-64 {
    margin-left: 1.6vw
}

.mt-64 {
    margin-top: 1.6vw
}

.ml-66 {
    margin-left: 1.65vw
}

.mt-66 {
    margin-top: 1.65vw
}

.ml-68 {
    margin-left: 1.7vw
}

.mt-68 {
    margin-top: 1.7vw
}

.ml-70 {
    margin-left: 1.75vw
}

.mt-70 {
    margin-top: 1.75vw
}

.ml-72 {
    margin-left: 1.8vw
}

.mt-72 {
    margin-top: 1.8vw
}

.ml-74 {
    margin-left: 1.85vw
}

.mt-74 {
    margin-top: 1.85vw
}

.ml-76 {
    margin-left: 1.9vw
}

.mt-76 {
    margin-top: 1.9vw
}

.ml-78 {
    margin-left: 1.95vw
}

.mt-78 {
    margin-top: 1.95vw
}

.ml-80 {
    margin-left: 2vw
}

.mt-80 {
    margin-top: 2vw
}

.ml-82 {
    margin-left: 2.05vw
}

.mt-82 {
    margin-top: 2.05vw
}

.ml-84 {
    margin-left: 2.1vw
}

.mt-84 {
    margin-top: 2.1vw
}

.ml-86 {
    margin-left: 2.15vw
}

.mt-86 {
    margin-top: 2.15vw
}

.ml-88 {
    margin-left: 2.2vw
}

.mt-88 {
    margin-top: 2.2vw
}

.ml-90 {
    margin-left: 2.25vw
}

.mt-90 {
    margin-top: 2.25vw
}

.ml-92 {
    margin-left: 2.3vw
}

.mt-92 {
    margin-top: 2.3vw
}

.ml-94 {
    margin-left: 2.35vw
}

.mt-94 {
    margin-top: 2.35vw
}

.ml-96 {
    margin-left: 2.4vw
}

.mt-96 {
    margin-top: 2.4vw
}

.ml-98 {
    margin-left: 2.45vw
}

.mt-98 {
    margin-top: 2.45vw
}

.ml-100 {
    margin-left: 2.5vw
}

.mt-100 {
    margin-top: 2.5vw
}

.ml-23[data-v-d6d7d3d4] {
    margin-left: .1vw
}

.ml-156[data-v-d6d7d3d4] {
    margin-left: 3.9vw
}

.ml-15[data-v-d6d7d3d4] {
    margin-left: .375vw
}

.mt-1008[data-v-d6d7d3d4] {
    margin-top: 25.2vw
}

.mt-1013[data-v-d6d7d3d4] {
    margin-top: 25.325vw
}

.mt-1006[data-v-d6d7d3d4] {
    margin-top: 25.15vw
}

.mt-81[data-v-d6d7d3d4] {
    margin-top: -2.025vw;
}

.mt-152[data-v-d6d7d3d4] {
    margin-top: 3.8vw
}

.mt-15[data-v-d6d7d3d4] {
    margin-top: .375vw
}

.mt-31[data-v-d6d7d3d4] {
    margin-top: .775vw
}

.mt-25[data-v-d6d7d3d4] {
    margin-top: .625vw
}

.mt-29[data-v-d6d7d3d4] {
    margin-top: .725vw
}

.page[data-v-d6d7d3d4] {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.section[data-v-d6d7d3d4] {

    padding-top: 1.4vw;
    padding-right: 7.6978vw;
    padding-bottom: 1.2vw;
    padding-left: 8.7vw;
    background-color: black;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.image_2[data-v-d6d7d3d4] {
    width: 9.2704vw;
    height: 1.5vw
}

.image_3[data-v-d6d7d3d4] {
    width: 7.175vw;
    height: 1.35vw
}

.font[data-v-d6d7d3d4] {
    font-size: .825vw;
    font-family: Adobe Heiti Std;
    line-height: .65vw;
    color: #fff
}

.font_2[data-v-d6d7d3d4] {
    font-size: .75vw;
    font-family: AlibabaPuHuiTi_3_65_Medium;
    line-height: .7vw;
    color: grey
}

.text[data-v-d6d7d3d4] {
    line-height: .825vw
}

.text_2[data-v-d6d7d3d4] {
    line-height: .675vw
}

.text_3[data-v-d6d7d3d4] {
    line-height: .625vw
}

.group[data-v-d6d7d3d4] {
    margin-top: 5.725vw;
    padding: .25vw 0 3.55vw;
    height: 58.25vw
}

.group_2[data-v-d6d7d3d4] {
    padding-top: .625vw;
}

.pos_4[data-v-d6d7d3d4] {
    position: absolute;
    left: 8.7vw;
    top: .2625vw
}

.group_3[data-v-d6d7d3d4] {
    margin-right: .15vw
}

.font_3[data-v-d6d7d3d4] {
    font-size: 3.15vw;
    font-family: Adobe Heiti Std;
    line-height: 3.775vw;
    color: #000
}

.pos_5[data-v-d6d7d3d4] {
    position: absolute;
    left: .15vw;
    right: 0;
    top: 0
}

.section_2[data-v-d6d7d3d4] {
    padding: 2.55vw 0 28.975vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.55vw
}

.pos_6[data-v-d6d7d3d4] {
    position: absolute;
    left: 0;
    top: 11.475vw
}

.group_5[data-v-d6d7d3d4] {
    margin-left: -2.95vw;
    line-height: 1.35vw
}

.font_4[data-v-d6d7d3d4] {
    font-size: 1.05vw;
    font-family: Adobe Heiti Std;
    line-height: 1.35vw;
    color: #fff
}

.equal-division[data-v-d6d7d3d4] {
    position: absolute;
    right: 0;
    margin-top: 11.475vw
}

.group_4[data-v-d6d7d3d4] {
    width: 100vw
}

.equal-division-item[data-v-d6d7d3d4] {
    padding: 2.55vw 2.1vw 2.25vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16.5938vw;
    height: 34.25vw
}

.group_6[data-v-d6d7d3d4] {
    line-height: 1.35vw
}

.image_6[data-v-d6d7d3d4] {
    width: 1.5625vw;
    height: 1.5625vw
}

.equal-division-item_2[data-v-d6d7d3d4] {
    padding: 2.55vw 2.1vw 2.25vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16.5938vw;
    height: 34.25vw
}

.group_7[data-v-d6d7d3d4] {
    line-height: 1.35vw
}

.equal-division-item_3[data-v-d6d7d3d4] {
    padding: 2.55vw 2.1vw 2.25vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16.5938vw;
    height: 34.25vw
}

.group_8[data-v-d6d7d3d4] {
    line-height: 1.35vw
}

.equal-division-item_4[data-v-d6d7d3d4] {
    padding: 2.55vw 2.1vw 2.25vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16.5938vw;
    height: 34.25vw
}

.group_9[data-v-d6d7d3d4] {
    line-height: 1.35vw
}

.equal-division-item_5[data-v-d6d7d3d4] {
    padding: 2.55vw 2.1vw 2.25vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 16.5938vw;
    height: 34.25vw
}

.group_10[data-v-d6d7d3d4] {
    line-height: 1.35vw
}

.font_5[data-v-d6d7d3d4] {
    font-size: 1.05vw;
    font-family: Adobe Heiti Std;
    line-height: 1.35vw;
    color: #000
}

.image_7[data-v-d6d7d3d4] {
    width: 2.825vw;
    height: 2.85vw
}

.pos_7[data-v-d6d7d3d4] {
    position: absolute;
    right: 12.8vw;
    bottom: 7.2vw
}

.pos_8[data-v-d6d7d3d4] {
    position: absolute;
    right: 8.425vw;
    bottom: 7.2vw
}

.text_4[data-v-d6d7d3d4] {
    color: #000;
    font-size: 1.9vw;
    font-family: SourceHanSansCN;
    line-height: 1.75vw
}

.pos_9[data-v-d6d7d3d4] {
    position: absolute;
    left: 4.65vw;
    bottom: 3.55vw
}

.image_5[data-v-d6d7d3d4] {
    width: 6.25vw;
    height: 58.25vw
}

.pos_3[data-v-d6d7d3d4] {
    position: absolute;
    right: 0;
    bottom: 0
}

.image_4[data-v-d6d7d3d4] {
    width: 100vw;
    height: 2.67vw
}

.pos_2[data-v-d6d7d3d4] {
    position: absolute;
    left: 0;
    right: 0;
    top: 4.1vw
}

.image[data-v-d6d7d3d4] {
    width: .225vw;
    height: 62.175vw
}

.pos[data-v-d6d7d3d4] {
    position: absolute;
    right: 0;
    top: 0
}

.group_11[data-v-d6d7d3d4] {
    margin-top: -.4vw;
    padding: 0 4.575vw
}

.image_8[data-v-d6d7d3d4] {
    flex: 1 1 29vw;
    height: 26.4vw
}

.image_9[data-v-d6d7d3d4] {
    margin-right: .775vw
}

.group_12[data-v-d6d7d3d4] {
    padding: 0 13.475vw
}

.text-wrapper[data-v-d6d7d3d4] {
    width: 11.45vw
}

.font_6[data-v-d6d7d3d4] {
    font-size: 1.25vw;
    font-family: SourceHanSansCN;
    line-height: 1.15vw;
    color: #1d2026
}

.text_5[data-v-d6d7d3d4] {
    line-height: 1.2vw
}

.text-wrapper_2[data-v-d6d7d3d4] {
    margin-right: .625vw
}

.text_6[data-v-d6d7d3d4] {
    line-height: 1.175vw
}

.grid[data-v-d6d7d3d4] {
    margin-left: 4.15vw;
    margin-right: 4.25vw;
    
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.grid-item[data-v-d6d7d3d4] {
    padding: .8vw 0 2.05vw
}

.image_10[data-v-d6d7d3d4] {
    width: 29.1668vw;
    height: 29.1668vw
}

.section_3[data-v-d6d7d3d4] {
    padding: 3.975vw 7.15vw 3.85vw;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.group_16[data-v-d6d7d3d4] {
    margin-top: .4vw
}

.image_11[data-v-d6d7d3d4] {
    width: 14.5vw;
    height: 2.35vw
}

.group_17[data-v-d6d7d3d4] {
    margin: .125vw 0.5vw
}

.image_12[data-v-d6d7d3d4] {
    width: 11.2vw;
    height: 1.4vw
}

.image_13[data-v-d6d7d3d4] {
    width: 8.675vw;
    height: .325vw
}

.group_13[data-v-d6d7d3d4] {
    margin-left: 8.7vw
}

.font_7[data-v-d6d7d3d4] {
    font-size: 1.25vw;
    font-family: SourceHanSansCN;
    line-height: 1.15vw;
    color: #777
}

.font_8[data-v-d6d7d3d4] {
    font-size: .95vw;
    font-family: SourceHanSansCN;
    line-height: 1.15vw;
    color: #fff
}

.text_10[data-v-d6d7d3d4] {
    line-height: .7vw
}

.group_14[data-v-d6d7d3d4] {
    margin-left: 3.375vw;
    width: 12.5vw
}

.text_7[data-v-d6d7d3d4] {
    line-height: 1.125vw
}

.group_18[data-v-d6d7d3d4] {
    line-height: 1.15vw
}

.group_15[data-v-d6d7d3d4] {
    margin-left: 3.025vw
}

.text_9[data-v-d6d7d3d4] {
    line-height: 1vw
}

.text_8[data-v-d6d7d3d4] {
    margin-left: 6.8vw;
    margin-top: 1.2vw;
    color: #777;
    font-size: 1.025vw;
    font-family: SourceHanSansCN;
    line-height: 1.125vw
}