.mt-5 {
  margin-top: 5px;
}
.mt-21 {
  margin-top: 21px;
}
.mt-27 {
  margin-top: 27px;
}
.ml-167 {
  margin-left: 167px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-29 {
  margin-top: 29px;
}
.ml-43 {
  margin-left: 43px;
}
.ml-21 {
  margin-left: 21px;
}
.ml-69 {
  margin-left: 69px;
}
.ml-25 {
  margin-left: 25px;
}
.mt-49 {
  margin-top: 49px;
}
.mt-101 {
  margin-top: 101px;
}
.mt-13 {
  margin-top: 13px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-122 {
  margin-top: 122px;
}
.ml-19 {
  margin-left: 19px;
}
.mt-19 {
  margin-top: 19px;
}
.mt-17 {
  margin-top: 17px;
}
.mt-9 {
  margin-top: 9px;
}
.ml-61 {
  margin-left: 61px;
}
.mt-7 {
  margin-top: 7px;
}
.mt-81 {
  margin-top: 81px;
}
.mt-217 {
  margin-top: 217px;
}
.page {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section {
  padding-bottom: 50px;
  background-image: url('../img/87281ed58b5f007348f8efeefea59ece.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group {
  /* height: 2113px; */ /* 移除固定高度，让内容自然流动 */
}
.section_2 {
  padding: 18px 363px 14px;
  background-color: #50372d;
}
.image {
  width: 50px;
  height: 25px;
}
.image_2 {
  margin-left: 26px;
  width: 56px;
  height: 26px;
}
.image_3 {
  margin-left: 6px;
  width: 0.5px;
  height: 26px;
}
.text {
  color: #ffffff;
  font-family: HarmonyOS_Sans_SC_Black;
  line-height: 15.5px;
  letter-spacing: 5.5px;
}
.group_3 {
  line-height: 7.5px;
}
.font_2 {
  font-size: 7.5px;
  font-family: Lato;
  letter-spacing: 1.5px;
  color: #ffffff;
}
.text_3 {
  line-height: 6px;
}
.text_5 {
  line-height: 3.5px;
}
.text_4 {
  line-height: 7.5px;
}
.group_2 {
  margin-right: 98px;
}
.image_4 {
  width: 24px;
  height: 13px;
}
.font {
  font-size: 13px;
  font-family: SourceHanSansCN;
  line-height: 18px;
  color: #ffffff;
}
.text_2 {
  font-size: 12px;
  line-height: 12px;
}
.section_3 {
  background-color: #363d66;
}
.group_4 {
  padding: 27px 0 24px;
}
.font_3 {
  font-size: 16px;
  font-family: SourceHanSansCN;
  line-height: 16px;
  font-weight: 700;
  color: #ffffff;
}
.font_4 {
  font-size: 16px;
  font-family: SourceHanSansCN;
  line-height: 16px;
  color: #ffffff;
}
.text_6 {
  margin-left: 51px;
}
.text_7 {
  margin-left: 35px;
}
.text_8 {
  margin-left: 34px;
}
.text_9 {
  margin-left: 35px;
  line-height: 15px;
}
.text_10 {
  margin-left: 35px;
  line-height: 15px;
}
.text_11 {
  margin-left: 34px;
}
.text_12 {
  margin-left: 34px;
}
.section_4 {
  margin-left: 562px;
  background-color: #ebd1ab;
  width: 100px;
  height: 3px;
}
.image_5 {
  width: 100vw;
  height: 34.8958vw;
}
.section_5 {
  padding: 96px 140px 338px;
  background-image: url('../img/e488373097cfbfe34db2c4d8c7123844.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text_13 {
  margin-left: 3px;
  color: #50372d;
  font-size: 30px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  line-height: 29px;
}
.group_5 {
  margin-top: 18px;
}
.text_14 {
  color: #50372d;
  font-size: 69px;
  font-family: Oswald;
  line-height: 56px;
}
.text_15 {
  color: #50372d;
  font-size: 20px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  line-height: 19px;
}
.group_8 {
  width: 320px;
  height: 2px;
  border-left: solid 1px #50372d;
  border-right: solid 1px #50372d;
  border-top: solid 1px #50372d;
  border-bottom: solid 1px #50372d;
}
.font_6 {
  font-size: 13px;
  font-family: SourceHanSansCN;
  letter-spacing: 1px;
  line-height: 14px;
  font-weight: 500;
  color: #50372d;
}
.text_18 {
  font-size: 14px;
  line-height: 15px;
  letter-spacing: unset;
}
.image_6 {
  width: 336px;
  height: 169px;
}
.group_6 {
  margin-top: 94px;
  width: 811px;
}
.group_7 {
  padding: 12px 0;
}
.divider {
  width: 811px;
  height: 2px;
  border-left: solid 1px #50372d;
  border-right: solid 1px #50372d;
  border-top: solid 1px #50372d;
  border-bottom: solid 1px #50372d;
}
.image_7 {
  width: 26px;
  height: 26px;
}
.pos {
  position: absolute;
  left: 176px;
  bottom: 0;
}
.pos_2 {
  position: absolute;
  right: 379px;
  bottom: 0;
}
.pos_3 {
  position: absolute;
  right: 150px;
  bottom: 0;
}
.font_5 {
  font-size: 28px;
  font-family: SourceHanSerifSC;
  line-height: 27px;
  color: #50372d;
}
.text_16 {
  margin-left: 133px;
}
.text_17 {
  margin-right: 104px;
}
.group_9 {
  margin-top: -179px;
  padding-top: 179px;
}
#audience-block{
  background-image: url('../img/6a7fe2b85343e2b10843e671a2b82cb1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: rgba(69, 68, 67, 0.15);
  height: 600px;
}

.audience-block {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 27px 0 217px;
  min-height: 0;
  margin-top: -300px;
}
.audience-block-left {
  flex-shrink: 0;
}
.audience-block-right {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  flex: 1;
  min-width: 676px;
  gap: 0;
}
#list>div{
  background-color: pink;
  height: 612px;
}
#list>div div{
  flex: 1;
}
.audience-block-right .section_11,
.audience-block-right .section_7,
.audience-block-right .section_10,
.audience-block-right .section_12 {
  flex-shrink: 0;
  margin-top: 0;
}
.audience-panel {
  width: 169px;
  flex-shrink: 0;
  overflow: hidden;
}
.audience-panel.section_11,
.audience-panel.section_7,
.audience-panel.section_10,
.audience-panel.section_12 {
  padding: 0;
  height: auto;
  min-height: 0;
}
.audience-panel-top {
  height: 220px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.audience-panel-img-1 {
  background-image: url('../img/167e8947bc6c3c1f232676f846e47741.png');
}
.audience-panel-img-2 {
  background-image: url('../img/0705f5d95993c6e1bc0bb1b95db30974.png');
}
.audience-panel-img-3 {
  background-color: #c4a84a;
}
.audience-panel-img-4 {
  background-image: url('../img/d6b15cb7a9ccf31bc39a4168bb247d50.png');
}
.audience-panel-img-none {
  height: 220px;
}
.audience-panel-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0 28px;
}
.audience-panel.section_11 .audience-panel-bottom {
  background-color: #9c9953;
}
.audience-panel.section_7 .audience-panel-bottom {
  background-color: #844d37;
}
.audience-panel.section_10 .audience-panel-bottom {
  background-color: #b19431;
}
.audience-panel.section_12 .audience-panel-bottom {
  background-color: #9b5f45;
}
.section_8 {
  position: relative;
  z-index: 2;
  background-image: url('../img/6a7fe2b85343e2b10843e671a2b82cb1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_9 {
  position: relative;
  z-index: 2;
  padding: 27px 423px 217px;
  background-color: #45444326;
}
.section_11 {
  margin-top: 56px;
  padding: 93px 0 165px;
  background-color: #9c9953;
  width: 169px;
  height: 351px;
}
.image_14 {
  width: 34px;
  height: 34px;
}
.font_8 {
  font-size: 24px;
  font-family: SourceHanSerifSC;
  letter-spacing: 2.5px;
  line-height: 23px;
  color: #fef6d1;
}
.text_19 {
  writing-mode: vertical-lr;
}
.section_10 {
  padding: 102px 0 214px;
  background-color: #b19431;
  width: 169px;
  height: 406px;
}
.image_13 {
  width: 36px;
  height: 36px;
}
.text_21 {
  line-height: 24px;
}
.section_12 {
  padding: 76px 0 148px;
  background-color: #9b5f45;
  width: 169px;
  height: 315px;
}
.image_15 {
  width: 34px;
  height: 32px;
}
.image_8 {
  width: 169px;
  height: 262px;
}
.pos_5 {
  position: absolute;
  left: 823px;
  top: 0;
  z-index: 1;
}
.image_9 {
  width: 169px;
  height: 206px;
}
.pos_7 {
  position: absolute;
  right: 592px;
  top: 0;
  z-index: 1;
}
.section_7 {
  padding: 196px 0 332px;
  background-color: #844d37;
  width: 169px;
}
.pos_6 {
  position: absolute;
  right: 760px;
  top: 0;
  z-index: 1;
}
.image_12 {
  width: 35px;
  height: 26px;
}
.text_20 {
  line-height: 25px;
}
.image_10 {
  width: 169px;
  height: 297px;
}
.pos_8 {
  position: absolute;
  right: 423px;
  top: 0;
  z-index: 1;
}
.section_6 {
  padding: 72px 41px 125px;
  background-color: #50372d;
  width: 400px;
}
.pos_4 {
  /* removed absolute positioning to fix overlap with section_11 */
}
.image-wrapper {
  padding-bottom: 26px;
  border-bottom: solid 1px #fff9de;
}
.image_11 {
  width: 126px;
  height: 29px;
}
.text-wrapper {
  padding-bottom: 26px;
  width: 318px;
  border-bottom: solid 1px #844d37;
}
.font_7 {
  font-size: 30px;
  font-family: SourceHanSerifSC;
  letter-spacing: 2.5px;
  line-height: 29px;
  color: #844d37;
}
.text-wrapper_2 {
  padding-bottom: 26px;
  border-bottom: solid 1px #844d37;
}
.text_22 {
  margin-left: 32px;
  margin-right: 29px;
}
.section_13 {
  padding: 47px 0 31px;
  background-image: url('../img/5a1eb7c30101de57c22e8ab84966bb30.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_10 {
  width: 1557px;
}
.text_23 {
  color: #50372d;
  font-size: 26px;
  font-family: SourceHanSerifSC;
  line-height: 29px;
}
.text_24 {
  color: #50372d;
  font-size: 12px;
  font-family: SourceHanSerifSC;
  line-height: 16px;
}
.divider_2 {
  height: 2px;
  border-left: solid 1px #50372d;
  border-right: solid 1px #50372d;
  border-top: solid 1px #50372d;
  border-bottom: solid 1px #50372d;
}
.group_11 {
  margin-right: 130px;
  padding: 61px 0;
}
.image_16 {
  height: 347px;
}
.group_12 {
  line-height: 28px;
  width: 693.5px;
  height: 195px;
}
.font_9 {
  font-size: 13px;
  font-family: Adobe Heiti Std;
  line-height: 29px;
  color: #50372d;
}
.text_25 {
  line-height: 28px;
}
.text_26 {
  line-height: 28px;
}
.text_27 {
  line-height: 28px;
}
.text_28 {
  line-height: 28px;
}
.text_29 {
  line-height: 28px;
}
.section_14 {
  padding: 90px 0;
  background-color: #37332f;
}
.image-wrapper_2 {
  padding: 48px 0 56px;
  border-radius: 0px 24px 24px 0px;
  background-image: url('../img/995d702ca6e4360867c43e5117905791.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 460px;
  height: 451px;
}
.image_17 {
  border-radius: 0px 16px 16px 0px;
  width: 418px;
  height: 348px;
}
.section_15 {
  padding: 48px 42px 56px 63px;
  border-radius: 24px;
  background-image: url('../img/938f2570d41314852b29d0ab1ea80e09.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 451px;
}
.group_13 {
  margin-top: 39px;
  width: 309px;
}
.font_10 {
  font-size: 35px;
  font-family: SourceHanSerifSC;
  line-height: 29px;
  color: #ebd1ab;
}
.divider_3 {
  height: 2px;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}
.view {
  margin-top: 21px;
}
.view_2 {
  margin-top: 28px;
}
.image_20 {
  margin-top: 30px;
  width: 308px;
  height: 2px;
}
.image_21 {
  margin-top: 29px;
  width: 201px;
  height: 2px;
}
.section_17 {
  margin-top: 36px;
  padding: 4px 6px 4px 17px;
  background-color: #ebd1ab;
  border-radius: 16px;
}
.font_11 {
  font-size: 19px;
  font-family: SourceHanSansCN;
  letter-spacing: 1.5px;
  line-height: 12px;
  color: #464544;
}
.image_22 {
  width: 25px;
  height: 24px;
}
.group_14 {
  padding-top: 35px;
}
.image_23 {
  width: 44px;
  height: 40px;
}
.image_18 {
  border-radius: 16px;
  width: 478px;
  height: 348px;
}
.section_16 {
  padding: 48px 0 56px 63px;
  border-radius: 24px 0px 0px 24px;
  background-image: url('../img/5082524aa0e6850e7bffe30ecdb196af.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 451px;
}
.image_19 {
  border-radius: 16px 0px 0px 16px;
  width: 17px;
  height: 348px;
}
.section_18 {
  padding: 59px 208px 0;
  background-image: url('../img/71797b8c17a266f2a41c5c708a572d25.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text_30 {
  color: #ebd1ab;
  font-size: 48px;
  font-family: SourceHanSerifSC;
  line-height: 46px;
}
.group_15 {
  padding: 257px 0 366px;
}
.image_25 {
  width: 119px;
  height: 59px;
}
.image_24 {
  width: 1230px;
  height: 590px;
}
.pos_9 {
  position: absolute;
  left: 0;
  right: 59px;
  bottom: 0;
}
.section_19 {
  padding: 46px 360px;
  background-image: url('../img/81b413eb436428d3fb44f22756041478.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_16 {
  padding-left: 3px;
}
.text_31 {
  color: #50372d;
  font-size: 29px;
  letter-spacing: unset;
}
.text-wrapper_3 {
  padding: 10px 0;
  background-color: #50372d;
  border-radius: 16px;
  width: 72px;
  height: 33px;
}
.text_32 {
  color: #e8e4d1;
  font-size: 14px;
  font-weight: 700;
}
.text-wrapper_4 {
  padding: 10px 0;
  border-radius: 16px;
  background-image: url('../img/2928e9b04fb2109551cde2d2aa5d4652.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 73px;
  height: 34px;
}
.text_33 {
  font-size: 14px;
  line-height: 13px;
}
.text-wrapper_5 {
  padding: 10px 0;
  border-radius: 16px;
  background-image: url('../img/c641f512fb30f3838c32e45d5b983793.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 102px;
  height: 34px;
}
.text_34 {
  font-size: 14px;
}
.text-wrapper_6 {
  padding: 10px 0;
  border-radius: 16px;
  background-image: url('../img/256ddded54126962c5162ee0746b1271.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 102px;
  height: 34px;
}
.text_35 {
  font-size: 14px;
}
.section_20 {
  padding: 434px 16px 20px;
  border-radius: 17px;
  background-image: url('../img/c335a12498eb7a8fcc2bd8a19c0bf511.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 375px;
  height: 504px;
}
.group_20 {
  padding: 4px 0;
}
.font_13 {
  font-size: 10px;
  font-family: SourceHanSansCN;
  line-height: 12px;
  color: #bcbcbc;
}
.text_37 {
  font-size: 11px;
}
.text_38 {
  margin-left: 18px;
}
.image_30 {
  border-radius: 9.5px;
  width: 58px;
  height: 22px;
}
.pos_14 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.font_14 {
  font-size: 13px;
  font-family: SourceHanSansCN;
  line-height: 14px;
  color: #ffffff;
}
.section_21 {
  flex: 1 1 394px;
  border-radius: 17px;
  background-image: url('../img/09e36b1e230854bcb0444e79c8d9b300.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 244px;
}
.section_22 {
  padding: 19px 19px 22px;
  background-image: linear-gradient(0deg, #000000 0%, #00000000 100%);
  border-radius: 17px;
}
.image_26 {
  filter: drop-shadow(1px 1.5px 16px #04051c29);
  width: 32px;
  height: 31px;
}
.group_17 {
  width: 226px;
}
.group_18 {
  padding: 6px 0;
}
.font_12 {
  font-size: 10px;
  font-family: SourceHanSansCN;
  line-height: 11px;
  color: #bcbcbc;
}
.text_36 {
  margin-left: 16px;
  font-size: 11px;
}
.image_28 {
  border-radius: 10px;
  width: 82px;
  height: 22px;
}
.pos_10 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.group_19 {
  line-height: 18px;
}
.section_23 {
  padding: 19px 19px 22px;
  flex: 1 1 394px;
  border-radius: 17px;
  background-image: url('../img/2cb5aa5d6eadebfb1ed760c9d148781c.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 244px;
}
.image_27 {
  filter: drop-shadow(1px 1.5px 16px #04051c29);
  width: 31px;
  height: 31px;
}
.pos_11 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.section_24 {
  flex: 1 1 392px;
  border-radius: 17px;
  background-image: url('../img/e06ee391ed21a639ca3d5cf00dae2f5f.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 244px;
}
.section_25 {
  padding: 19px 20px;
  background-image: linear-gradient(0deg, #000000 0%, #00000000 100%);
  border-radius: 17px;
}
.text_39 {
  margin-left: 15px;
}
.image_29 {
  border-radius: 10px;
  width: 81px;
  height: 22px;
}
.pos_12 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.section_26 {
  flex: 1 1 392px;
  border-radius: 17px;
  background-image: url('../img/ffd956834fcdfb365a18938ec6c98f0e.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 244px;
}
.section_27 {
  padding: 18px 19px;
  background-image: linear-gradient(0deg, #000000 0%, #00000000 100%);
  border-radius: 17px;
}
.text_40 {
  margin-left: 16px;
}
.pos_13 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.section_28 {
  margin-top: -400px;
  background-color: #37332f;
}
.section_29 {
  padding: 52px 0 134px;
  background-image: url('../img/cebcbb54752861a4659b31cb39c38726.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 638px;
  height: 480px;
}
.image_31 {
  margin-right: 87px;
  width: 122px;
  height: 62px;
}
.text-wrapper_7 {
  padding: 17px 0;
  background-color: #37332f;
  width: 275px;
}
.text_42 {
  margin-left: 65px;
  font-size: 17px;
}
.text_43 {
  margin-right: 140px;
  font-size: 17px;
  line-height: 15px;
}
.group_27 {
  padding: 0 108px;
}
.text_45 {
  font-size: 17px;
  line-height: 17px;
}
.text_46 {
  margin-right: 16px;
  font-size: 17px;
  line-height: 15px;
}
.text_41 {
  font-size: 17px;
  font-weight: 500;
  line-height: 15px;
}
.group_21 {
  margin-top: 10px;
}
.group_22 {
  line-height: 20px;
  height: 80px;
}
.font_15 {
  font-size: 10px;
  font-family: SourceHanSansCN;
  line-height: 20px;
  color: #ffffff;
}
.group_26 {
  margin-top: 51px;
}
.text_44 {
  color: #ffffff;
  font-size: 15px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  line-height: 14px;
}
.image_32 {
  border-radius: 8px;
  width: 79px;
  height: 79px;
}
.image_33 {
  margin-top: 16px;
}
.font_16 {
  font-size: 10px;
  font-family: SourceHanSansCN;
  line-height: 10px;
  color: #ffffff;
}
.text_47 {
  margin-top: 6px;
}
.text_48 {
  line-height: 9px;
}
.group_28 {
  margin-top: 76px;
}
.group_23 {
  margin-left: 7px;
  margin-top: 10px;
  width: 157px;
}
.group_24 {
  line-height: 20px;
}
.text_49 {
  margin-left: 25px;
}
.section_30 {
  margin-left: 16px;
  padding: 10px 0 79px;
  background-image: url('../img/5b7703335d8301b6d22cfe01767be4e9.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 388px;
}
.group_25 {
  margin-left: 45px;
  line-height: 20px;
}
.image_34 {
  margin-left: -631px;
  width: 1282px;
  height: 2px;
}