html {
  font-size: 16px
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Microsoft Yahei, sans-serif
}

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

#app {
  width: 100vw;
  height: 100vh
}

.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: .185vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-32-5[data-v-35650a22] {
  margin-left: 3.0037vw
}

.ml-16-5[data-v-35650a22] {
  margin-left: 1.5217vw
}

.ml-5-5[data-v-35650a22] {
  margin-left: .5069vw
}

.page[data-v-35650a22] {
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17176408287539082722.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

.section[data-v-35650a22] {
  background-color: #f5f6f9
}

.header[data-v-35650a22] {
  padding: 1.4043vw 5.8122vw 1.2091vw 7.0222vw
}

.image[data-v-35650a22] {
  width: 7.8807vw;
  height: 2.4968vw
}

.font[data-v-35650a22] {
  font-size: 1.1702vw;
  font-family: Microsoft YaHei;
  line-height: 1.1702vw;
  font-weight: 700;
  color: #000
}

.text[data-v-35650a22] {
  margin-left: 1.3654vw
}

.text_2[data-v-35650a22] {
  margin-left: 1.3265vw
}

.text_3[data-v-35650a22] {
  margin-left: 1.482vw
}

.text_4[data-v-35650a22] {
  margin-left: 1.3654vw
}

.text_5[data-v-35650a22],
.text_6[data-v-35650a22] {
  margin-left: 1.2877vw
}

.text_7[data-v-35650a22] {
  margin-top: .9362vw;
  color: #7886b1
}

.section_2[data-v-35650a22] {
  padding-bottom: 1.1896vw
}

.group[data-v-35650a22] {
  /*height: 149.4514vw*/
}

.section_3[data-v-35650a22] {
  padding: 8.3876vw 8.1924vw 2.1064vw 10.2988vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17176408287737849879.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.group_2[data-v-35650a22] {
  width: 52.0305vw
}

.group_3[data-v-35650a22] {
  text-align: center
}

.font_2[data-v-35650a22] {
  font-size: 4.2525vw;
  font-family: zcool-gdh;
  letter-spacing: .3404vw;
  line-height: 3.901vw;
  font-weight: 700;
  color: #313d67
}

.text_8[data-v-35650a22] {
  text-shadow: .02035vw .1147vw .1175vw hsla(0, 0%, 100%, .5607843137254902)
}

.group_4[data-v-35650a22] {
  margin-left: 6.2091vw;
  line-height: 1.1702vw;
  text-align: center
}

.font_3[data-v-35650a22] {
  font-size: 1.2877vw;
  font-family: zcool-gdh;
  letter-spacing: .1027vw;
  line-height: 1.1702vw;
  color: #313d67
}

.group_5[data-v-35650a22] {
  padding: 0 1.9112vw
}

.view[data-v-35650a22] {
  margin-top: 5.1101vw
}

.group_6[data-v-35650a22] {
  margin-left: .1952vw
}

.font_4[data-v-35650a22] {
  font-size: 1.7558vw;
  letter-spacing: .07031vw;
  line-height: 1.7558vw
}

.font_4[data-v-35650a22],
.font_5[data-v-35650a22] {
  font-family: Microsoft YaHei;
  font-weight: 700;
  color: #000
}

.font_5[data-v-35650a22] {
  font-size: 1.1702vw;
  letter-spacing: .04718vw;
  line-height: 1.2877vw
}

.text_9[data-v-35650a22] {
  margin-top: .741vw
}

.group_7[data-v-35650a22] {
  margin-top: .5458vw
}

.section_4[data-v-35650a22] {
  flex: 1 1 14.0046vw;
  padding-bottom: .5069vw;
  background-color: #fff;
  border-radius: .3904vw;
  height: 17.7114vw
}

.image_2[data-v-35650a22] {
  width: 14.0046vw;
  height: 14.0444vw
}

.font_6[data-v-35650a22] {
  font-size: .7798vw;
  font-family: Microsoft YaHei;
  line-height: .8196vw;
  font-weight: 700;
  color: #000
}

.text_10[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.group_8[data-v-35650a22] {
  padding: 0 .5856vw
}

.view_3[data-v-35650a22] {
  margin-top: .5856vw
}

.group_9[data-v-35650a22] {
  line-height: .6633vw;
  height: .6633vw
}

.font_8[data-v-35650a22] {
  line-height: .6633vw;
  color: #777
}

.font_8[data-v-35650a22],
.font_9[data-v-35650a22] {
  font-size: .5856vw;
  font-family: Microsoft YaHei;
  font-weight: 700
}

.font_9[data-v-35650a22] {
  line-height: .5069vw;
  color: red
}

.text_15[data-v-35650a22] {
  margin-left: .234vw
}

.view_4[data-v-35650a22] {
  margin-right: .2729vw
}

.text_16[data-v-35650a22] {
  margin-left: .2729vw
}

.text_11[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.view_5[data-v-35650a22] {
  margin-top: .5856vw
}

.text_17[data-v-35650a22] {
  margin-left: .234vw
}

.view_6[data-v-35650a22] {
  margin-right: .2729vw
}

.text_18[data-v-35650a22] {
  margin-left: .2729vw
}

.image_3[data-v-35650a22] {
  width: 14.0046vw;
  height: 14.0833vw
}

.text_12[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_7[data-v-35650a22] {
  margin-top: .5458vw
}

.text_19[data-v-35650a22] {
  margin-left: .234vw
}

.view_8[data-v-35650a22] {
  margin-right: .2729vw
}

.text_20[data-v-35650a22] {
  margin-left: .2729vw
}

.image_4[data-v-35650a22] {
  width: 13.9658vw;
  height: 14.0833vw
}

.font_7[data-v-35650a22] {
  font-size: .7798vw;
  font-family: Microsoft YaHei;
  line-height: .8973vw;
  font-weight: 700;
  color: #000
}

.text_13[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw
}

.group_10[data-v-35650a22] {
  padding: 0 .6244vw
}

.view_9[data-v-35650a22] {
  margin-top: .4681vw
}

.text_21[data-v-35650a22] {
  margin-left: .2729vw
}

.view_10[data-v-35650a22] {
  margin-right: .234vw
}

.text_22[data-v-35650a22] {
  margin-left: .234vw
}

.view_2[data-v-35650a22] {
  margin-right: 1.4431vw
}

.text_14[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.view_11[data-v-35650a22] {
  margin-top: .5856vw
}

.text_23[data-v-35650a22] {
  margin-left: .2729vw
}

.view_12[data-v-35650a22] {
  margin-right: .234vw
}

.text_24[data-v-35650a22] {
  margin-left: .234vw
}

.group_11[data-v-35650a22] {
  margin-top: 1.5994vw
}

.image_5[data-v-35650a22] {
  width: 13.9269vw;
  height: 13.9269vw
}

.text_25[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.2091vw;
  line-height: .7798vw
}

.view_14[data-v-35650a22] {
  margin-top: .5856vw
}

.text_30[data-v-35650a22] {
  margin-left: .234vw
}

.view_15[data-v-35650a22] {
  margin-right: .2729vw
}

.text_31[data-v-35650a22] {
  margin-left: .2729vw
}

.font_10[data-v-35650a22] {
  font-size: .7798vw;
  font-family: Microsoft YaHei;
  line-height: .6633vw;
  font-weight: 700;
  color: #000
}

.text_26[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw;
  line-height: .7021vw
}

.view_16[data-v-35650a22] {
  margin-top: .6633vw
}

.text_32[data-v-35650a22] {
  margin-left: .234vw
}

.view_17[data-v-35650a22] {
  margin-right: .2729vw
}

.text_33[data-v-35650a22] {
  margin-left: .2729vw
}

.text_27[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1314vw;
  line-height: .7798vw
}

.view_18[data-v-35650a22] {
  margin-top: .5458vw
}

.text_34[data-v-35650a22] {
  margin-left: .234vw
}

.view_19[data-v-35650a22] {
  margin-right: .2729vw
}

.text_35[data-v-35650a22] {
  margin-left: .2729vw
}

.image_6[data-v-35650a22] {
  width: 13.9658vw;
  height: 14.0444vw
}

.text_28[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.1702vw;
  line-height: .741vw
}

.view_20[data-v-35650a22] {
  margin-top: .5856vw
}

.text_36[data-v-35650a22] {
  margin-left: .2729vw
}

.view_21[data-v-35650a22] {
  margin-right: .234vw
}

.text_37[data-v-35650a22] {
  margin-left: .234vw
}

.view_13[data-v-35650a22] {
  margin-right: 1.4431vw
}

.text_29[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.view_22[data-v-35650a22] {
  margin-top: .5856vw
}

.text_38[data-v-35650a22] {
  margin-left: .2729vw
}

.view_23[data-v-35650a22] {
  margin-right: .234vw
}

.text_39[data-v-35650a22] {
  margin-left: .234vw
}

.group_12[data-v-35650a22] {
  margin-top: 3.5504vw
}

.group_13[data-v-35650a22] {
  margin-left: 2.1452vw
}

.font_11[data-v-35650a22] {
  font-size: 1.1702vw;
  font-family: Microsoft YaHei;
  letter-spacing: .04718vw;
  line-height: 1.2479vw;
  font-weight: 700;
  color: #000
}

.text_40[data-v-35650a22] {
  margin-top: .8196vw
}

.view_24[data-v-35650a22] {
  margin-top: .5458vw
}

.section_5[data-v-35650a22] {
  flex: 1 1 14.0046vw;
  padding-bottom: .5069vw;
  background-color: #fff;
  border-radius: .3904vw;
  height: 17.6716vw
}

.image_7[data-v-35650a22] {
  width: 13.9658vw;
  height: 13.9658vw
}

.text_41[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1702vw
}

.view_26[data-v-35650a22] {
  margin-top: .5458vw
}

.text_47[data-v-35650a22] {
  margin-left: .234vw
}

.view_27[data-v-35650a22] {
  margin-right: .2729vw
}

.text_48[data-v-35650a22] {
  margin-left: .2729vw
}

.image_8[data-v-35650a22] {
  width: 13.9658vw;
  height: 14.0046vw
}

.text_42[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1314vw
}

.view_28[data-v-35650a22] {
  margin-top: .5458vw
}

.text_49[data-v-35650a22] {
  margin-left: .234vw
}

.view_29[data-v-35650a22] {
  margin-right: .2729vw
}

.text_50[data-v-35650a22] {
  margin-left: .2729vw
}

.image_9[data-v-35650a22] {
  margin-right: .1166vw;
  width: 13.8881vw;
  height: 14.0444vw
}

.text_43[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.1314vw
}

.view_30[data-v-35650a22] {
  margin-top: .6633vw
}

.text_51[data-v-35650a22] {
  margin-left: .234vw
}

.view_31[data-v-35650a22] {
  margin-right: .2729vw
}

.text_52[data-v-35650a22] {
  margin-left: .2729vw
}

.image_10[data-v-35650a22] {
  width: 14.0046vw;
  height: 14.0046vw
}

.text_44[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1314vw
}

.view_32[data-v-35650a22] {
  margin-top: .5458vw
}

.text_53[data-v-35650a22] {
  margin-left: .2729vw
}

.view_33[data-v-35650a22] {
  margin-right: .234vw
}

.text_54[data-v-35650a22] {
  margin-left: .234vw
}

.view_25[data-v-35650a22] {
  margin-right: 1.4431vw
}

.text_45[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0537vw
}

.text_46[data-v-35650a22] {
  line-height: .9362vw
}

.view_34[data-v-35650a22] {
  margin-top: .4292vw
}

.text_55[data-v-35650a22] {
  margin-left: .2729vw
}

.view_35[data-v-35650a22] {
  margin-right: .234vw
}

.text_56[data-v-35650a22] {
  margin-left: .234vw
}

.view_36[data-v-35650a22] {
  margin-top: 1.6383vw
}

.text_57[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0537vw
}

.text_58[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_37[data-v-35650a22] {
  margin-top: .5458vw
}

.view_38[data-v-35650a22] {
  margin-right: .2729vw
}

.text_59[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_39[data-v-35650a22] {
  margin-top: .5458vw
}

.view_40[data-v-35650a22] {
  margin-right: .2729vw
}

.text_60[data-v-35650a22] {
  line-height: .7798vw
}

.view_41[data-v-35650a22] {
  margin-top: .5856vw
}

.view_42[data-v-35650a22] {
  margin-top: .5458vw
}

.group_14[data-v-35650a22] {
  padding: 3.5106vw 2.2627vw 3.5106vw
}

.text_61[data-v-35650a22] {
  margin-top: .8196vw
}

.group_15[data-v-35650a22] {
  width: 76.1499vw
}

.view_43[data-v-35650a22] {
  margin-top: -5.0712vw
}

.text_62[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.0925vw
}

.view_44[data-v-35650a22] {
  margin-top: .5458vw
}

.text_67[data-v-35650a22] {
  margin-left: .234vw
}

.view_45[data-v-35650a22] {
  margin-right: .2729vw
}

.text_68[data-v-35650a22] {
  margin-left: .2729vw
}

.text_63[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1314vw
}

.view_46[data-v-35650a22] {
  margin-top: .4292vw
}

.text_69[data-v-35650a22] {
  margin-left: .234vw
}

.view_47[data-v-35650a22] {
  margin-right: .2729vw
}

.text_70[data-v-35650a22] {
  margin-left: .2729vw
}

.text_64[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0537vw
}

.view_48[data-v-35650a22] {
  margin-top: .5458vw
}

.text_71[data-v-35650a22] {
  margin-left: .234vw
}

.view_49[data-v-35650a22] {
  margin-right: .2729vw
}

.text_72[data-v-35650a22] {
  margin-left: .2729vw
}

.text_65[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.view_50[data-v-35650a22] {
  margin-top: .5856vw
}

.text_73[data-v-35650a22] {
  margin-left: .2729vw
}

.view_51[data-v-35650a22] {
  margin-right: .234vw
}

.text_74[data-v-35650a22] {
  margin-left: .234vw
}

.text_66[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.1314vw
}

.view_52[data-v-35650a22] {
  margin-top: .4292vw
}

.text_75[data-v-35650a22] {
  margin-left: .2729vw
}

.view_53[data-v-35650a22] {
  margin-right: .234vw
}

.text_76[data-v-35650a22] {
  margin-left: .234vw
}

.view_54[data-v-35650a22] {
  margin-top: 1.6383vw
}

.text_77[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0537vw
}

.text_78[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw
}

.view_55[data-v-35650a22] {
  margin-top: .5458vw
}

.view_56[data-v-35650a22] {
  margin-right: .2729vw
}

.text_79[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0537vw
}

.view_57[data-v-35650a22] {
  margin-top: .5458vw
}

.view_58[data-v-35650a22] {
  margin-right: .2729vw
}

.text_80[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.0537vw
}

.view_59[data-v-35650a22] {
  margin-top: .4681vw
}

.text_81[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw;
  line-height: .7798vw
}

.view_60[data-v-35650a22] {
  margin-top: .5856vw
}

.view_61[data-v-35650a22] {
  margin-top: 3.5106vw
}

.group_16[data-v-35650a22] {
  margin-left: .234vw
}

.text_82[data-v-35650a22] {
  line-height: 1.1314vw;
  letter-spacing: .04718vw
}

.group_17[data-v-35650a22] {
  margin-top: .6633vw
}

.text_83[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1702vw;
  line-height: .7798vw
}

.view_62[data-v-35650a22] {
  margin-top: .5458vw
}

.text_88[data-v-35650a22] {
  margin-left: .234vw
}

.view_63[data-v-35650a22] {
  margin-right: .2729vw
}

.text_89[data-v-35650a22] {
  margin-left: .2729vw
}

.text_84[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.0537vw;
  line-height: .7798vw
}

.view_64[data-v-35650a22] {
  margin-top: .5856vw
}

.text_90[data-v-35650a22] {
  margin-left: .234vw
}

.view_65[data-v-35650a22] {
  margin-right: .2729vw
}

.text_91[data-v-35650a22] {
  margin-left: .2729vw
}

.text_85[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1314vw;
  line-height: .7798vw
}

.view_66[data-v-35650a22] {
  margin-top: .5856vw
}

.text_92[data-v-35650a22] {
  margin-left: .234vw
}

.view_67[data-v-35650a22] {
  margin-right: .2729vw
}

.text_93[data-v-35650a22] {
  margin-left: .2729vw
}

.image_11[data-v-35650a22] {
  width: 13.9269vw;
  height: 14.0444vw
}

.text_86[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw
}

.view_68[data-v-35650a22] {
  margin-top: .5856vw
}

.text_94[data-v-35650a22] {
  margin-left: .2729vw
}

.view_69[data-v-35650a22] {
  margin-right: .234vw
}

.text_95[data-v-35650a22] {
  margin-left: .234vw
}

.text_87[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0537vw
}

.view_70[data-v-35650a22] {
  margin-top: .5856vw
}

.text_96[data-v-35650a22] {
  margin-left: .2729vw
}

.view_71[data-v-35650a22] {
  margin-right: .234vw
}

.text_97[data-v-35650a22] {
  margin-left: .234vw
}

.group_18[data-v-35650a22] {
  margin-top: 1.5994vw
}

.text_98[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1702vw;
  line-height: .7798vw
}

.view_72[data-v-35650a22] {
  margin-top: .5856vw
}

.text_103[data-v-35650a22] {
  margin-left: .234vw
}

.view_73[data-v-35650a22] {
  margin-right: .2729vw
}

.text_104[data-v-35650a22] {
  margin-left: .2729vw
}

.text_99[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1314vw;
  line-height: .7798vw
}

.view_74[data-v-35650a22] {
  margin-top: .5856vw
}

.text_105[data-v-35650a22] {
  margin-left: .234vw
}

.view_75[data-v-35650a22] {
  margin-right: .2729vw
}

.text_106[data-v-35650a22] {
  margin-left: .2729vw
}

.text_100[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1314vw;
  line-height: .7798vw
}

.view_76[data-v-35650a22] {
  margin-top: .5856vw
}

.text_107[data-v-35650a22] {
  margin-left: .234vw
}

.view_77[data-v-35650a22] {
  margin-right: .2729vw
}

.text_108[data-v-35650a22] {
  margin-left: .2729vw
}

.text_101[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1314vw
}

.view_78[data-v-35650a22] {
  margin-top: .5458vw
}

.text_109[data-v-35650a22] {
  margin-left: .2729vw
}

.view_79[data-v-35650a22] {
  margin-right: .234vw
}

.text_110[data-v-35650a22] {
  margin-left: .234vw
}

.text_102[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0537vw;
  line-height: .7798vw
}

.view_80[data-v-35650a22] {
  margin-top: .5856vw
}

.text_111[data-v-35650a22] {
  margin-left: .2729vw
}

.view_81[data-v-35650a22] {
  margin-right: .234vw
}

.text_112[data-v-35650a22] {
  margin-left: .234vw
}

.view_82[data-v-35650a22] {
  margin-top: 3.5106vw
}

.group_19[data-v-35650a22] {
  margin-left: .234vw
}

.text_113[data-v-35650a22] {
  margin-top: .7798vw
}

.group_20[data-v-35650a22] {
  margin-top: .5458vw
}

.text_114[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.1314vw
}

.text_115[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.1314vw
}

.view_83[data-v-35650a22] {
  margin-top: .5458vw
}

.text_116[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_84[data-v-35650a22] {
  margin-top: .4681vw
}

.view_85[data-v-35650a22] {
  margin-top: .5458vw
}

.text_117[data-v-35650a22] {
  margin-left: .6633vw;
  margin-top: 1.0925vw
}

.view_86[data-v-35650a22] {
  margin-top: .6633vw
}

.group_21[data-v-35650a22] {
  margin-top: 1.6383vw
}

.text_118[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_87[data-v-35650a22] {
  margin-top: .5458vw
}

.text_119[data-v-35650a22] {
  margin-left: .5856vw;
  margin-top: 1.0925vw
}

.view_88[data-v-35650a22] {
  margin-top: .5458vw
}

.text_120[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw
}

.view_89[data-v-35650a22] {
  margin-top: .4681vw
}

.text_121[data-v-35650a22],
.text_122[data-v-35650a22] {
  margin-left: .6244vw;
  margin-top: 1.0925vw
}

.view_90[data-v-35650a22] {
  margin-top: .5458vw
}

.group_22[data-v-35650a22] {
  margin-top: 4.2331vw;
  line-height: 1.2091vw;
  text-align: center
}

.font_12[data-v-35650a22] {
  font-size: .7798vw;
  font-family: Microsoft YaHei;
  line-height: 1.1702vw;
  color: #777
}

.text_123[data-v-35650a22],
.text_124[data-v-35650a22] {
  line-height: 1.2091vw
}

.text-wrapper[data-v-35650a22] {
  padding: 1.5994vw 0 1.9898vw;
  background-color: #595959
}

.text_125[data-v-35650a22] {
  color: #dfdfdf;
  font-weight: unset
}
.company-box1, .company-box2 {
    padding-bottom: 60px
}

.company-box2, .company-box3 {
    display: none
}

.decorate-xgt {
    width: 100%;
    padding-bottom: 60px
}

.xgt-line {
    border-right: 10px solid #f5f5f5 !important;
    border-left: 10px solid #f5f5f5 !important
}

.xgt-box {
    width: 100%;
    overflow: hidden;
    position: relative
}

#decorate_2, #decorate_3, #decorate_4, #decorate_5 {
    display: none
}

.xgt-box .xgt-modal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: space-around;
    display: none
}

.xgt-box .xgt-modal .b-title {
    font-size: 32px;
    color: #fff;
    text-align: center
}

.xgt-box .xgt-modal .s-title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 17px 0 25px
}

.xgt-box .xgt-modal .find-sheji {
    display: block;
    width: 150px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #fff
}

.xgt-box .xgt-left-box {
    display: block;
    width: 19.58%
}

.xgt-box img {
    vertical-align: middle;
    transition: all 1s;
    -webkit-transition: all 1s
}

.xgt-box .xgt-left {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative
}

.xgt-box .activeall img {
    cursor: pointer;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.xgt-box .xgt-center .xgt-center-top {
    margin-bottom: 10px;
    overflow: hidden
}

.xgt-box .xgt-center .xgt-center-top .xgt-center-left {
    width: 39.69%;
    height: 49.35%;
    position: absolute;
    top: 0;
    left: 20.1%;
    overflow: hidden
}

.xgt-box .xgt-center .xgt-center-top .xgt-center-right {
    width: 19.58%;
    height: 49.35%;
    position: absolute;
    top: 0;
    left: 60.31%;
    overflow: hidden
}

.xgt-box .xgt-center .xgt-center-bottom .xgt-center-right {
    width: 19.58%;
    height: 49.35%;
    position: absolute;
    bottom: 0;
    left: 20.1%;
    overflow: hidden
}

.xgt-box .xgt-center .xgt-center-bottom .xgt-center-left {
    width: 39.69%;
    height: 49.35%;
    position: absolute;
    bottom: 0;
    left: 40.2%;
    overflow: hidden
}

.xgt-box .xgt-right .xgt-right-top {
    width: 19.58%;
    height: 49.35%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.xgt-box .xgt-right .xgt-right-bottom {
    width: 19.58%;
    height: 49.35%;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.xgt-box .xgt-right>div {
    width: 100%;
    height: 380px
}

.decorate-al {
    background: #fff
}

.decorate-al .w350 {
    width: 350px
}

.decorate-al .w350>div {
    height: 235px
}

.al-box {
    padding-bottom: 60px
}

.al-box .xiandai-al {
    width: 100%;
    overflow: hidden;
    position: relative
}

#case_image_2, #case_image_3, #case_image_4, #case_image_5, #case_image_6 {
    display: none
}

.xiandai-al .img-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 18px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: relative;
    bottom: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xiandai-al img {
    vertical-align: middle;
    transition: all .5s;
    -webkit-transition: all .5s
}

.xiandai-al .alactive img {
    cursor: pointer;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.xiandai-al .case-move {
    overflow: hidden
}

.xiandai-al .xiandai-al-list1 .list1-top {
    position: absolute;
    width: 18.23%;
    height: 48.96%;
    top: 0;
    left: 0
}

.xiandai-al .xiandai-al-list1 .list1-bottom {
    width: 18.23%;
    height: 48.96%;
    position: absolute;
    bottom: 0;
    left: 0
}

.xiandai-al .xiandai-al-list2 {
    width: 25%;
    margin-left: 18.75%
}

.xiandai-al .xiandai-al-list3 .al-list3-top {
    width: 16.67%;
    height: 48.96%;
    position: absolute;
    top: 0;
    left: 44.27%
}

.xiandai-al .xiandai-al-list3 .al-list3-bottom {
    width: 16.67%;
    height: 48.96%;
    position: absolute;
    bottom: 0;
    left: 44.27%
}

.xiandai-al .xiandai-al-list4 {
    width: 19.79%;
    position: absolute;
    top: 0;
    left: 61.46%
}

.xiandai-al .xiandai-al-list5 .list5-top {
    width: 18.23%;
    height: 48.96%;
    position: absolute;
    top: 0;
    right: 0
}

.xiandai-al .xiandai-al-list5 .list5-bottom {
    width: 18.23%;
    height: 48.96%;
    position: absolute;
    bottom: 0;
    right: 0
}

.mrb10 {
    margin-bottom: 10px
}

.decorate-gonglue {
    padding-bottom: 60px
}

.gonglue-box {
    overflow: hidden;
    margin-bottom: 40px
}

.gonglue-box .gonglue-left {
    width: 850px;
    float: left
}

.gonglue-box .gonglue-left .new-zx-zixun, .gonglue-box .gonglue-left .new-zx-liucheng {
    width: 100%;
    height: 100%
}

.gonglue-box .gonglue-left .new-gonglue-box2 {
    display: none
}

.gonglue-box .gonglue-left .gonglue-list {
    width: 100%;
    height: 155px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden
}

.gonglue-box .gonglue-left .gonglue-list:last-child {
    margin-bottom: 0
}

.gonglue-left .gonglue-list .gonglue-list-left {
    width: 210px;
    height: 155px;
    float: left
}

.gonglue-left .gonglue-list .gonglue-list-left img {
    width: 100%;
    height: 100%
}

.gonglue-left .gonglue-list .gonglue-list-right {
    width: 640px;
    height: 155px;
    float: left;
    box-sizing: border-box;
    padding: 18px 30px
}

.gonglue-left .gonglue-list .gonglue-list-right a:hover p {
    color: #ed404d
}

.gonglue-list .gonglue-list-right .title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gonglue-list .gonglue-list-right .descrition {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gonglue-list .gonglue-list-right .tags {
    position: relative
}
/*zheli*/