@font-face {
  font-family: HarmonyOS_Sans_SC;
  src: url('./HarmonyOS_Sans_SC_Regular.ttf');
  font-weight: 600;
}

.block1Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 399px;
  box-sizing: border-box;
}

.colCommon {
  display: flex;
  align-self: center;
  width: 183px;
  height: 52px;
  background-image: linear-gradient(-89.99999999999999deg,
      rgba(56, 94, 235, 0.1) 0%,
      rgba(92, 131, 246, 0.1) 100%);
  background-size: 100% 100%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.empty1Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty3Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.wrapperCommon {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 52px;
  background-image: linear-gradient(-89.99999999999999deg,
      rgba(56, 94, 235, 0.1) 0%,
      rgba(92, 131, 246, 0.1) 100%);
  background-size: 100% 100%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.empty5Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty7Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty9Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.info2Common {
  align-self: center;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.companyContainerCommon {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 458px;
  height: 72px;
  box-sizing: border-box;
}

.col1Common {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: 600;
  box-shadow: 0 2px 12px 0 rgba(70, 85, 114, 0.1);

}

.container5Common {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1084px;
  box-sizing: border-box;
}

.wrapper3Common {
  display: flex;
  align-self: center;
  width: 458px;
  height: 72px;
  box-sizing: border-box;
}

.col2Common {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.container8Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  box-sizing: border-box;
}

.wrapper5Common {
  display: flex;
  align-self: center;
  width: 458px;
  height: 72px;
  box-sizing: border-box;
}

.col3Common {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.container10Common {
  display: flex;
  align-self: flex-start;
  width: 1088px;
  box-sizing: border-box;
}

.wrapperItem0Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 134px;
  box-sizing: border-box;
}

.col4Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 298px;
  height: 134px;
  padding: 24px 12px 17px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.container11Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  box-sizing: border-box;
}

.wrapper6Common {
  display: flex;
  align-self: center;
  width: 458px;
  height: 72px;
  box-sizing: border-box;
}

.col5Common {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-self: center;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.container13Common {
  display: flex;
  align-self: flex-start;
  width: 1088px;
  box-sizing: border-box;
}

.wrapperItem01Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 134px;
  box-sizing: border-box;
}

.col6Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 298px;
  height: 134px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.rowItem0Common {
  display: flex;
  justify-content: center;
  width: 298px;
  height: 72px;
  padding: 22px 12px;
  border: 1px solid rgba(236, 240, 252, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.wrapperItem02Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  box-sizing: border-box;
}

.empty14Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty16Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.wrapperItem03Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  height: 77px;
  box-sizing: border-box;
}

.empty18Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty20Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty22Common {
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.containerItem01Common {
  display: flex;
  height: 80px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.wrapper9Common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 138px;
  box-sizing: border-box;
}

.mod {
  padding-top: 88px;
  padding-bottom: 79px;
  background-color: rgba(255, 255, 255, 1);
  font-family: HarmonyOS_Sans_SC_Bold;
  box-sizing: border-box;
}

.header {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  height: 88px;
  padding: 14px 0;
  background-color: rgba(45, 81, 217, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.block {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
}

.container {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  box-sizing: border-box;
}

.logo {
  align-self: center;
  width: 144px;
  height: 60px;
}

.verticalLine {
  align-self: center;
  width: 1px;
  height: 20px;
  margin: 2px 0 0 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
}

.meta {
  align-self: center;
  margin-left: 20px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 1);
  white-space: pre;
}

.tag {
  align-self: center;
  margin: 0 0 4px 208px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.labelItem0 {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.labelItem1 {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.labelItem2 {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.word {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.tag1 {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.tag2 {
  align-self: center;
  margin: 0 0 4px 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.body {
  width: 100%;
}

.body>img {
  width: 100%;
}

.block1 {
  flex-direction: column;
  width: 407px;
  padding: 89px 0 81px;
  margin-left: 406px;
}

.container1 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 407px;
  box-sizing: border-box;
}

.empty {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  width: 284px;
  height: 8px;
  background-image: linear-gradient(90deg,
      rgba(56, 94, 235, 0.5) 0%,
      rgba(92, 131, 246, 0.5) 100%);
  background-size: 100% 100%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.title {
  align-self: flex-start;
  overflow: hidden;
  z-index: 2;
  max-width: 399px;
  margin-left: 4px;
  font-family: HarmonyOS_Sans_SC_Black;
  font-size: 40px;
  line-height: 40px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.desc {
  align-self: flex-start;
  overflow: hidden;
  max-width: 399px;
  margin: 21px 0 0 4px;
  font-size: 24px;
  line-height: 36px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 407px;
  margin-top: 20px;
  box-sizing: border-box;
}

.col {
  justify-content: flex-start;
  padding: 11px 4px;
}

.group {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  margin: 6px 0 0 13px;
  box-sizing: border-box;
}

.empty1 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(96, 135, 247, 0.8) 0%,
      rgba(60, 99, 242, 0.8) 100%);
}

.empty2 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.info {
  align-self: center;
  margin-left: 8px;
  font-size: 20px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.col2 {
  margin-left: 144px;
}

.empty3 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(96, 135, 247, 0.8) 0%,
      rgba(60, 99, 242, 0.8) 100%);
}

.empty4 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.meta1 {
  align-self: center;
  margin: 0 4px 0 9px;
  font-size: 20px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.container2 {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  width: 407px;
  margin-top: 8px;
  box-sizing: border-box;
}

.wrapper {
  width: 183px;
  padding: 11px 12px;
}

.group2 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  margin: 6px 0 0 5px;
  box-sizing: border-box;
}

.empty5 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(96, 135, 247, 0.8) 0%,
      rgba(60, 99, 242, 0.8) 100%);
}

.empty6 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.info1 {
  align-self: center;
  margin-left: 8px;
  font-size: 20px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.wrapper1 {
  width: 203px;
  padding: 11px 2px;
}

.group3 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  margin: 6px 0 0 17px;
  box-sizing: border-box;
}

.empty7 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(96, 135, 247, 0.8) 0%,
      rgba(60, 99, 242, 0.8) 100%);
}

.empty8 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.meta2 {
  align-self: center;
  margin-left: 8px;
  font-size: 20px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block2 {
  position: relative;
  margin-left: 167px;
}

.banner {
  align-self: flex-start;
  width: 565px;
  height: 399px;
}

.container3 {
  position: absolute;
  display: flex;
  left: -177px;
  bottom: 141px;
  justify-content: flex-start;
  width: 183px;
  height: 52px;
  padding: 11px 12px;
  background-image: linear-gradient(-89.99999999999999deg,
      rgba(56, 94, 235, 0.1) 0%,
      rgba(92, 131, 246, 0.1) 100%);
  background-size: 100% 100%;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.wrapper2 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  margin: 6px 0 0 6px;
  box-sizing: border-box;
}

.empty9 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(96, 135, 247, 0.8) 0%,
      rgba(60, 99, 242, 0.8) 100%);
}

.empty10 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.subtitle {
  align-self: center;
  margin-left: 8px;
  font-size: 20px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.submain {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  height: 60px;
  padding: 18px 12px 12px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.info2 {
  margin-left: 471px;
}

.metaItem0 {
  margin-left: 89px;
}

.metaItem1 {
  margin-left: 95px;
}

.metaItem2 {
  margin-left: 95px;
}

.meta3 {
  margin-left: 93px;
}

.horizontalLine {
  position: absolute;
  left: 509px;
  top: 548px;
  width: 60px;
  height: 1px;
  background-color: rgba(45, 81, 217, 1);
  border-radius: 2px;
}

.rowMain {
  margin: auto;
}

.row1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 40px 12px 40px;
  background-color: rgba(250, 251, 253, 1);
  box-sizing: border-box;
}

.subtitle1 {
  font-weight: 600;
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block3 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 40px;
  box-sizing: border-box;
}

.tagWrapper {
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tagWrapper4 {
  position: absolute;
  display: flex;
  left: 0px;
  top: -11px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag3 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail {
  position: absolute;
  left: 144px;
  top: 11px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block4 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 20px;
  box-sizing: border-box;
}

.tag4 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary {
  position: absolute;
  left: 144px;
  bottom: 12px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 18px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block5 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 20px;
  box-sizing: border-box;
}

.container4 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-end;
  width: 174px;
  height: 59px;
  padding-bottom: 11px;
  box-sizing: border-box;
}

.empty11 {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 1;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.empty12 {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 2;
  width: 14px;
  height: 14px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.tag5 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 142px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article {
  align-self: flex-end;
  overflow: hidden;
  width: 859px;
  height: 48px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.block6 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 27px;
  box-sizing: border-box;
}

.companyContainer {
  position: relative;
  margin-left: 144px;
}

.companyWrapper {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 458px;
  height: 72px;
  padding: 12px 12px 8px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 12px 0 rgba(70, 85, 114, 0.1);
  font-weight: 600;
}

.company {
  align-self: flex-start;
  overflow: hidden;
  width: 270px;
  height: 52px;
  margin-left: 94px;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.tagWrapper3 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: -144px;
  top: 0px;
  justify-content: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag6 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sectionWrapper {
  padding: 12px 12px 8px;
  border: 1px solid rgba(223, 230, 243, 1);
  margin-left: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(70, 85, 114, 0.1);
  font-weight: 600;
}

.section {
  align-self: flex-start;
  overflow: hidden;
  width: 288px;
  height: 52px;
  margin-left: 88px;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.grid1 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 10px;
  box-sizing: border-box;
}

.col1 {
  margin-left: 144px;
}

.address {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col21 {
  margin-left: 24px;
}

.section1 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 0px 12px 40px;
  margin-top: 40px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.info3 {
  font-weight: 600;
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  margin-top: 51px;
  box-sizing: border-box;
}

.container5 {
  position: relative;
}


.tag7 {
  font-weight: bold;
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary1 {
  align-self: flex-start;
  overflow: hidden;
  z-index: 2;
  max-width: 796px;
  margin-left: 144px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container6 {
  margin-top: 31px;
}

.wrapper3 {
  position: relative;
  justify-content: flex-start;
  margin-left: 144px;
}

.subtitleWrapper {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.subtitle2 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagWrapper5 {
  font-weight: bold;
  position: absolute;
  display: flex;
  left: -144px;
  top: 0px;
  justify-content: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag8 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detailWrapper {
  justify-content: center;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  margin-left: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
}

.detail1 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid2 {
  margin-top: 10px;
}

.info4 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col22 {
  margin-left: 24px;
}

.subtitle3 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block8 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  /* margin-top: 88px; */
  margin-top: 10px;
  box-sizing: border-box;
}

.tagWrapper6 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: 0px;
  top: 0px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag9 {
  font-weight: bold;
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container7 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  z-index: 2;
  width: 458px;
  height: 134px;
  padding: 58px 12px 14px;
  border: 1px solid rgba(223, 230, 243, 1);
  margin-left: 144px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.wrapper4 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 426px;
  box-sizing: border-box;
}

.location {
  font-weight: 600;
  position: absolute;
  padding: 10px;
  top: 24px;
  left: 16px;
  font-size: 20px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  background: linear-gradient(90deg, rgba(205, 216, 255, 0.60), rgba(255, 255, 255, 0.00));
  border-radius: 4px;
}

.summary2 {
  align-self: center;
  overflow: hidden;
  width: 406px;
  height: 40px;
  margin: 20px 4px 0 0;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.row3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 40px 12px;
  background-color: rgba(250, 251, 253, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.meta4 {
  font-weight: 600;
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block9 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1088px;
  margin-top: 51px;
  box-sizing: border-box;
}

.container8 {
  position: relative;
}

.tag10 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary3 {
  align-self: flex-start;
  overflow: hidden;
  z-index: 2;
  max-width: 796px;
  margin-left: 144px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container9 {
  margin-top: 31px;
}

.wrapper5 {
  position: relative;
  justify-content: flex-start;
  margin-left: 144px;
}

.sectionWrapper1 {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.section2 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagWrapper8 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: -144px;
  top: 0px;
  justify-content: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  border-radius: 26px;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
}

.tag11 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagWrapper9 {
  justify-content: center;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  margin-left: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.tag12 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid3 {
  margin-top: 10px;
}

.col3 {
  margin-left: 144px;
}

.tag13 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col23 {
  margin-left: 24px;
}

.tag14 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block10 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1088px;
  /* margin-top: 88px; */
  margin-top: 10px;
  box-sizing: border-box;
}

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

.wrapperItem0 {
  position: relative;
  margin-left: 146px;
}

.tagWrapper10 {
  position: absolute;
  display: flex;
  left: -144px;
  top: 0px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background-image: linear-gradient(-89.99999999999999deg,
      rgba(56, 94, 235, 0.1) 0%,
      rgba(92, 131, 246, 0.1) 100%);
  background-size: 100% 100%;
  border-radius: 26px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.tag15 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.group4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  z-index: 2;
  width: 298px;
  height: 134px;
  padding: 24px 12px 14px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.tagWrapper11 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 5px 48px 5px 6px;
  margin-left: 4px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag16 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 116px;
  font-size: 20px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail2 {
  align-self: flex-start;
  overflow: hidden;
  width: 168px;
  height: 40px;
  margin: 20px 0 0 12px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapperItem1 {
  flex-direction: column;
  width: 298px;
  padding: 24px 12px 14px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.tag17 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 122px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary4 {
  align-self: center;
  overflow: hidden;
  width: 252px;
  height: 40px;
  margin: 20px 0 0 6px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapperItem2 {
  flex-direction: column;
  width: 298px;
  padding: 24px 12px 14px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.tag18 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.shopTitle {
  align-self: center;
  overflow: hidden;
  width: 252px;
  height: 40px;
  margin: 20px 0 0 2px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.grid4 {
  justify-content: flex-start;
  margin-top: 10px;
}

.col4 {
  margin-left: 146px;
}

.tag19 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.desc1 {
  align-self: center;
  overflow: hidden;
  width: 252px;
  height: 40px;
  margin: 17px 0 0 2px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.col24 {
  margin-left: 26px;
}

.tag20 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail3 {
  align-self: center;
  overflow: hidden;
  width: 252px;
  height: 40px;
  margin: 17px 0 0 2px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.row4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 40px 12px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.subtitle4 {
  font-weight: 600;
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block11 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1088px;
  margin-top: 51px;
  box-sizing: border-box;
}

.container11 {
  position: relative;
}

.tagWrapper16 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: 0px;
  top: -11px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag21 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary5 {
  align-self: flex-start;
  overflow: hidden;
  z-index: 2;
  height: 52px;
  margin-left: 144px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.container12 {
  margin-top: 5px;
}

.wrapper6 {
  position: relative;
  justify-content: flex-start;
  margin-left: 144px;
}

.sectionWrapper2 {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 458px;
  height: 72px;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.section3 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagWrapper17 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: -144px;
  top: 1px;
  justify-content: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag22 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sectionWrapper3 {
  font-weight: 600;
  justify-content: center;
  padding: 24px 12px;
  border: 1px solid rgba(223, 230, 243, 1);
  margin-left: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.section4 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid5 {
  margin-top: 10px;
}

.col5 {
  margin-left: 144px;
}

.section5 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col25 {
  margin-left: 24px;
}

.section6 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 434px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block12 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1088px;
  /* margin-top: 95px; */
  margin-top: 10px;
  box-sizing: border-box;
}

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

.wrapperItem01 {
  position: relative;
  margin-left: 146px;
}

.tagWrapper18 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: -144px;
  top: 0px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag23 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.group5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  z-index: 2;
  width: 298px;
  height: 134px;
  padding: 24px 12px 14px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.tagWrapper19 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 9px 9px 7px;
  margin-left: 4px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag24 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 116px;
  font-size: 20px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.desc2 {
  align-self: flex-start;
  overflow: hidden;
  width: 238px;
  height: 40px;
  margin: 20px 0 0 12px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapperItem11 {
  flex-direction: column;
  width: 298px;
  padding: 24px 12px 34px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.tagWrapper20 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 5px 6px 3px;
  margin-left: 6px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag25 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 122px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail4 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 246px;
  margin: 20px 0 0 14px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapperItem21 {
  flex-direction: column;
  width: 298px;
  padding: 24px 12px 34px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.tagWrapper21 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 5px 8px 3px;
  margin-left: 4px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag26 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.desc3 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 250px;
  margin: 20px 0 0 12px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid6 {
  justify-content: flex-start;
  margin-top: 10px;
}

.col6 {
  padding: 24px 12px 14px;
  margin-left: 146px;
}

.tagWrapper22 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 5px 8px 3px;
  margin-left: 4px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag27 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.desc4 {
  align-self: center;
  overflow: hidden;
  width: 252px;
  height: 40px;
  margin: 20px 0 0 2px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.col26 {
  padding: 24px 12px 34px;
  margin-left: 26px;
}

.tagWrapper23 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 134px;
  height: 36px;
  padding: 5px 8px 3px;
  margin-left: 4px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 4px;
  box-sizing: border-box;
}

.tag28 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 118px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail5 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 250px;
  margin: 20px 0 0 12px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 20px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 40px 12px;
  background-color: rgba(250, 251, 253, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.info5 {
  font-weight: 600;
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block13 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 1084px;
  height: 633px;
  margin-top: 51px;
  box-sizing: border-box;
}

.container14 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 868px;
  box-sizing: border-box;
}

.tagWrapper24 {
  font-weight: 600;
  position: absolute;
  display: flex;
  left: -108px;
  top: -11px;
  justify-content: flex-start;
  z-index: 1;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag29 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary6 {
  align-self: flex-start;
  overflow: hidden;
  z-index: 2;
  max-width: 796px;
  margin-left: 36px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container15 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 183px;
  margin-top: 31px;
  box-sizing: border-box;
}

.tagWrapper25 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag30 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.subtitle5 {
  position: absolute;
  right: -141px;
  bottom: 12px;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  line-height: 18px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.list {
  font-weight: 600;
  display: grid;
  align-self: flex-end;
  width: 940px;
  height: 154px;
  margin-top: 13px;
  grid-template-rows: 72px 72px;
  grid-template-columns: 298px 298px 298px;
  row-gap: 10px;
  column-gap: 23px;
}

.rowItem0 {}

.section7 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowItem1 {}

.section8 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowItem2 {}

.section9 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowItem3 {}

.section10 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowItem4 {}

.section11 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowItem5 {}

.section12 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 274px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container16 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 183px;
  margin-top: 20px;
  box-sizing: border-box;
}

.address1 {
  position: absolute;
  top: 11px;
  right: -250px;
  z-index: 1;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.tagWrapper26 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  z-index: 2;
  width: 183px;
  height: 48px;
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(56, 94, 235, 0.1), rgba(92, 131, 246, 0));
  border-radius: 26px;
  box-sizing: border-box;
}

.tag31 {
  font-weight: 600;
  align-self: flex-start;
  overflow: hidden;
  max-width: 151px;
  margin-left: 4px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.containerItem0 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 868px;
  height: 77px;
  margin-top: 20px;
  box-sizing: border-box;
}

.wrapperItem02 {
  height: 77px;
  margin-left: 36px;
}

.group6 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  box-sizing: border-box;
}

.view {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 9px 0 0 6px;
  box-sizing: border-box;
}

.empty14 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
}

.empty15 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.meta5 {
  align-self: flex-start;
  margin-left: 10px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.summary7 {
  align-self: flex-start;
  overflow: hidden;
  width: 416px;
  height: 44px;
  margin-top: 9px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapperItem12 {
  margin: 0 0 22px 80px;
}

.group7 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 289px;
  box-sizing: border-box;
}

.view1 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 9px 0 0 6px;
  box-sizing: border-box;
}

.empty16 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
}

.empty17 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.subtitle6 {
  align-self: flex-start;
  margin-left: 10px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.desc5 {
  align-self: flex-start;
  margin-top: 9px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.containerItem1 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 868px;
  height: 77px;
  margin-top: 18px;
  box-sizing: border-box;
}

.wrapperItem03 {
  margin-left: 36px;
}

.group8 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 430px;
  box-sizing: border-box;
}

.view2 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 9px 0 0 6px;
  box-sizing: border-box;
}

.empty18 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
}

.empty19 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.meta6 {
  align-self: flex-start;
  margin-left: 10px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.summary8 {
  align-self: flex-start;
  overflow: hidden;
  width: 430px;
  height: 44px;
  margin-top: 9px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapperItem13 {
  padding: 3px 0 19px;
  margin-left: 66px;
}

.group9 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 336px;
  box-sizing: border-box;
}

.view3 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 9px 0 0 6px;
  box-sizing: border-box;
}

.empty20 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
}

.empty21 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.info6 {
  align-self: flex-start;
  margin-left: 10px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.summary9 {
  align-self: flex-start;
  margin-top: 9px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.containerItem2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 868px;
  height: 77px;
  margin-top: 24px;
  box-sizing: border-box;
}

.wrapper7 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 796px;
  box-sizing: border-box;
}

.group10 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 9px 0 0 6px;
  box-sizing: border-box;
}

.empty22 {
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: 1;
  background-image: linear-gradient(45.00000000000001deg,
      rgba(60, 99, 242, 0.6) 0%,
      rgba(47, 83, 220, 0.6) 100%);
}

.empty23 {
  align-self: flex-start;
  z-index: 2;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
}

.video {
  align-self: flex-start;
  margin-left: 10px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 16px;
  line-height: 24px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.summary10 {
  align-self: flex-start;
  overflow: hidden;
  width: 420px;
  height: 44px;
  margin: 9px 0 0 36px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: break-spaces;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 40px 12px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.location1 {
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block14 {
  display: grid;
  align-self: center;
  width: 1084px;
  height: 260px;
  margin-top: 40px;
  grid-template-rows: 80px 80px 80px;
  grid-template-columns: 196px 196px 196px 196px 196px;
  row-gap: 10px;
  column-gap: 26px;
}

.containerItem01 {
  position: relative;
  justify-content: center;
  width: 196px;
  padding: 27px 12px 23px;
}

.dot {
  align-self: flex-end;
  width: 2px;
  height: 5px;
  margin-bottom: 1px;
}

.wrapper8 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: flex-end;
  height: 30px;
  margin: 0 2px 0 1px;
  box-sizing: border-box;
}

.logo1 {
  align-self: flex-start;
  width: 135px;
  height: 30px;
}

.dot1 {
  position: absolute;
  left: 12px;
  bottom: 0px;
  width: 3px;
  height: 4px;
}

.dot2 {
  position: absolute;
  left: 16px;
  bottom: 1px;
  width: 2px;
  height: 4px;
}

.dot3 {
  position: absolute;
  left: 19px;
  bottom: 1px;
  width: 1px;
  height: 4px;
}

.dot4 {
  position: absolute;
  left: 21px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot5 {
  position: absolute;
  left: 24px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot6 {
  position: absolute;
  left: 28px;
  bottom: 1px;
  width: 3px;
  height: 4px;
}

.dot7 {
  position: absolute;
  left: 35px;
  bottom: 1px;
  width: 3px;
  height: 4px;
}

.dot8 {
  position: absolute;
  left: 40px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot9 {
  position: absolute;
  left: 42px;
  bottom: 2px;
  width: 2px;
  height: 3px;
}

.dot10 {
  position: absolute;
  left: 45px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot11 {
  position: absolute;
  left: 48px;
  bottom: 2px;
  width: 2px;
  height: 2px;
}

.dot12 {
  position: absolute;
  left: 50px;
  bottom: 1px;
  width: 3px;
  height: 3px;
}

.dot13 {
  position: absolute;
  left: 53px;
  bottom: 1px;
  width: 4px;
  height: 3px;
}

.dot14 {
  position: absolute;
  left: 57px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot15 {
  position: absolute;
  left: 60px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot16 {
  position: absolute;
  left: 63px;
  bottom: 1px;
  width: 3px;
  height: 4px;
}

.dot17 {
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 4px;
  height: 4px;
  transform: translateX(-50%);
}

.dot18 {
  position: absolute;
  right: 60px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot19 {
  position: absolute;
  right: 57px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot20 {
  position: absolute;
  right: 55px;
  bottom: 2px;
  width: 2px;
  height: 3px;
}

.dot21 {
  position: absolute;
  right: 52px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot22 {
  position: absolute;
  right: 46px;
  bottom: 1px;
  width: 4px;
  height: 4px;
}

.dot23 {
  position: absolute;
  right: 41px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot24 {
  position: absolute;
  right: 38px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot25 {
  position: absolute;
  right: 34px;
  bottom: 0px;
  width: 3px;
  height: 4px;
}

.dot26 {
  position: absolute;
  right: 27px;
  bottom: 1px;
  width: 4px;
  height: 3px;
}

.dot27 {
  position: absolute;
  right: 25px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot28 {
  position: absolute;
  right: 22px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot29 {
  position: absolute;
  right: 19px;
  bottom: 2px;
  width: 2px;
  height: 3px;
}

.dot30 {
  position: absolute;
  right: 15px;
  bottom: 1px;
  width: 3px;
  height: 4px;
}

.dot31 {
  position: absolute;
  right: 12px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot32 {
  position: absolute;
  right: 9px;
  bottom: 1px;
  width: 3px;
  height: 3px;
}

.dot33 {
  position: absolute;
  right: 7px;
  bottom: 1px;
  width: 2px;
  height: 3px;
}

.dot34 {
  position: absolute;
  right: 3px;
  bottom: 0px;
  width: 3px;
  height: 4px;
}

.dot35 {
  position: absolute;
  left: 39px;
  bottom: 24px;
  width: 1px;
  height: 4px;
}

.dot36 {
  position: absolute;
  left: 40px;
  bottom: 24px;
  width: 2px;
  height: 3px;
}

.icon {
  position: absolute;
  left: 44px;
  top: 28px;
  width: 19px;
  height: 19px;
}

.dot37 {
  position: absolute;
  left: 62px;
  bottom: 24px;
  width: 2px;
  height: 3px;
}

.icon1 {
  position: absolute;
  left: 64px;
  top: 28px;
  width: 19px;
  height: 18px;
}

.dot38 {
  position: absolute;
  left: 69px;
  bottom: 25px;
  width: 2px;
  height: 3px;
}

.play {
  position: absolute;
  left: 86px;
  top: 28px;
  width: 17px;
  height: 18px;
}

.dot39 {
  position: absolute;
  right: 92px;
  bottom: 24px;
  width: 2px;
  height: 3px;
}

.icon2 {
  position: absolute;
  top: 27px;
  right: 72px;
  width: 19px;
  height: 19px;
}

.dot40 {
  position: absolute;
  right: 74px;
  bottom: 24px;
  width: 2px;
  height: 3px;
}

.icon3 {
  position: absolute;
  top: 28px;
  right: 52px;
  width: 19px;
  height: 19px;
}

.dot41 {
  position: absolute;
  right: 62px;
  bottom: 24px;
  width: 2px;
  height: 3px;
}

.icon4 {
  position: absolute;
  top: 28px;
  right: 33px;
  width: 17px;
  height: 18px;
}

.containerItem11 {
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 27px 12px 23px;
}

.dot42 {
  position: absolute;
  left: 40px;
  top: 32px;
  width: 9px;
  height: 6px;
}

.icon5 {
  position: absolute;
  left: 32px;
  bottom: 24px;
  width: 14px;
  height: 18px;
}

.icon6 {
  position: absolute;
  left: 49px;
  top: 24px;
  width: 23px;
  height: 19px;
}

.icon7 {
  position: absolute;
  left: 72px;
  top: 27px;
  width: 14px;
  height: 16px;
}

.icon8 {
  position: absolute;
  top: 29px;
  right: 39px;
  width: 14px;
  height: 14px;
}

.icon9 {
  position: absolute;
  left: 49px;
  bottom: 24px;
  width: 15px;
  height: 13px;
}

.icon10 {
  position: absolute;
  left: 64px;
  bottom: 24px;
  width: 15px;
  height: 10px;
}

.dot43 {
  position: absolute;
  left: 86px;
  bottom: 31px;
  width: 3px;
  height: 6px;
}

.dot44 {
  position: absolute;
  left: 79px;
  bottom: 24px;
  width: 9px;
  height: 6px;
}

.dot45 {
  position: absolute;
  right: 93px;
  bottom: 26px;
  width: 4px;
  height: 6px;
}

.dot46 {
  position: absolute;
  right: 85px;
  bottom: 31px;
  width: 2px;
  height: 1px;
}

.dot47 {
  position: absolute;
  right: 87px;
  bottom: 26px;
  width: 4px;
  height: 5px;
}

.dot48 {
  position: absolute;
  right: 80px;
  bottom: 26px;
  width: 4px;
  height: 5px;
}

.dot49 {
  position: absolute;
  right: 76px;
  bottom: 26px;
  width: 3px;
  height: 5px;
}

.dot50 {
  position: absolute;
  right: 72px;
  bottom: 26px;
  width: 4px;
  height: 5px;
}

.dot51 {
  position: absolute;
  right: 62px;
  bottom: 26px;
  width: 6px;
  height: 6px;
}

.dot52 {
  position: absolute;
  right: 57px;
  bottom: 26px;
  width: 4px;
  height: 5px;
}

.dot53 {
  position: absolute;
  right: 52px;
  bottom: 26px;
  width: 4px;
  height: 6px;
}

.verticalLine1 {
  position: absolute;
  right: 50px;
  bottom: 26px;
  width: 1px;
  height: 6px;
}

.dot54 {
  position: absolute;
  right: 47px;
  bottom: 26px;
  width: 3px;
  height: 6px;
}

.verticalLine2 {
  position: absolute;
  right: 46px;
  bottom: 26px;
  width: 1px;
  height: 6px;
}

.dot55 {
  position: absolute;
  right: 42px;
  bottom: 26px;
  width: 3px;
  height: 6px;
}

.dot56 {
  position: absolute;
  right: 38px;
  bottom: 23px;
  width: 4px;
  height: 6px;
}

.containerItem21 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 28px 12px 30px;
}

.logo2 {
  align-self: center;
  width: 126px;
  height: 33px;
}

.logo3 {
  align-self: center;
  width: 126px;
  height: 22px;
}

.containerItem3 {
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 24px 12px 26px;
}

.logo4 {
  align-self: center;
  width: 136px;
  height: 30px;
  margin-right: 2px;
}

.icon11 {
  position: absolute;
  top: 31px;
  right: 48px;
  width: 16px;
  height: 16px;
}

.icon12 {
  position: absolute;
  top: 32px;
  right: 31px;
  width: 15px;
  height: 15px;
}

.containerItem4 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 18px 6px 20px;
}

.actionBg {
  align-self: center;
  width: 180px;
  height: 42px;
  margin-left: 4px;
}

.containerItem5 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 16px 12px 15px;
}

.logo5 {
  align-self: center;
  width: 137px;
  margin-left: 5px;
}

.containerItem6 {
  justify-content: flex-start;
  width: 196px;
  padding: 13px 12px 15px;
}

.largeIcon {
  align-self: center;
  width: 62px;
  height: 52px;
  margin-left: 9px;
}

.game {
  align-self: center;
  margin: 3px 0 0 9px;
  font-size: 18px;
  line-height: 25px;
  color: rgba(116, 108, 80, 1);
  white-space: nowrap;
}

.containerItem7 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 24px 12px 21px;
}

.wrapper9 {}

.icon13 {
  align-self: center;
  width: 24px;
  height: 27px;
  margin-left: 2px;
}

.iconItem0 {
  align-self: center;
  width: 20px;
  height: 20px;
  margin: 3px 0 0 9px;
}

.iconItem1 {
  align-self: center;
  width: 18px;
  height: 20px;
  margin: 3px 0 0 2px;
}

.iconItem2 {
  align-self: center;
  width: 20px;
  height: 20px;
  margin: 3px 0 0 1px;
}

.iconItem3 {
  align-self: center;
  width: 20px;
  height: 20px;
  margin: 3px 0 0 1px;
}

.iconItem4 {
  align-self: center;
  width: 20px;
  height: 20px;
  margin: 3px 0 0 1px;
}

.wrapper10 {
  margin-top: 2px;
}

.dotItem0 {
  align-self: center;
  width: 4px;
  height: 6px;
  margin-left: 3px;
}

.dotItem1 {
  align-self: center;
  width: 4px;
  height: 6px;
  margin-left: 1px;
}

.dotItem2 {
  align-self: center;
  width: 6px;
  height: 6px;
  margin-left: 2px;
}

.dotItem3 {
  align-self: center;
  width: 4px;
  height: 6px;
  margin-left: 2px;
}

.containerItem8 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 22px 12px 21px;
}

.logo6 {
  align-self: center;
  width: 158px;
  height: 37px;
  margin-left: 2px;
}

.containerItem9 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 13px 12px 14px;
}

.logo7 {
  align-self: center;
  width: 134px;
  height: 53px;
  margin-left: 4px;
}

.containerItem10 {
  justify-content: flex-start;
  width: 196px;
  padding: 20px 12px;
}

.icon14 {
  align-self: center;
  width: 47px;
  height: 40px;
  margin-left: 9px;
}

.location2 {
  align-self: center;
  margin-left: 7px;
  font-size: 22px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.logo8 {
  align-self: center;
  width: 136px;
  height: 30px;
}

.logo9 {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 135px;
  height: 3px;
  transform: translateX(-50%);
}

.logo10 {
  position: absolute;
  left: 50%;
  bottom: 23px;
  width: 136px;
  height: 30px;
  transform: translateX(-50%);
}

.containerItem12 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 20px 11px 17px;
}

.buttonBg {
  align-self: center;
  width: 174px;
  height: 43px;
}

.containerItem13 {
  flex-direction: column;
  justify-content: flex-start;
  width: 196px;
  padding: 23px 12px 22px;
}

.logo11 {
  align-self: center;
  width: 124px;
  height: 35px;
  margin-right: 2px;
}

.containerItem14 {
  justify-content: center;
  padding: 22px 12px 23px;
}

.icon15 {
  align-self: center;
  width: 26px;
  height: 35px;
}

.organization {
  align-self: center;
  margin: 1px 2px 0;
  font-family: HarmonyOS_Sans_SC_Black;
  font-size: 16px;
  line-height: 22px;
  color: rgba(6, 8, 164, 1);
  white-space: nowrap;
}

.group1 {
  display: flex;
  justify-content: center;
  padding: 18px 12px 0;
  border-bottom: 1px solid #efefef;
  z-index: 999999;
  background-color: #fff;
}

.body {
  display: flex;
  justify-content: space-around;
  width: 778px;
  box-sizing: border-box;
}

.bodyItem {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bodyItem .underLine {
  display: none;
  width: 60px;
  height: 4px;
  background-color: #2d51d9;
  margin-top: 12px;
  border-radius: 2px;
}

.meta1Common {
  align-self: center;
  font-family: HarmonyOS_Sans_SC;
  font-size: 16px;
  line-height: 30px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.placeholder {
  height: 65px;
  display: none;
}

.boxShadow {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(70, 85, 114, 0.1)
}

.add-background {
  background: linear-gradient(135deg, #0675e6, #1536b3);
}

.fontBold {
  font-weight: bold;
}