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

.gridCommon {
  display: flex;
  box-sizing: border-box;
}

.colCommon {
  display: flex;
  justify-content: flex-start;
  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;
}

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

.empty2Common {
  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;
}

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

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

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

.rowItem0Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 530px;
  height: 170px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.info4Common {
  align-self: center;
  overflow: hidden;
  max-width: 506px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block1Common {
  display: flex;
  align-self: center;
  height: 190px;
  box-sizing: border-box;
}

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

.block5Common {
  display: flex;
  align-self: center;
  height: 190px;
  box-sizing: border-box;
}

.wrapper11Common {
  display: flex;
  justify-content: space-between;
  align-self: center;
  height: 34px;
  box-sizing: border-box;
}

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

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

.wrapper14Common {
  display: flex;
  justify-content: space-between;
  align-self: center;
  height: 34px;
  box-sizing: border-box;
}

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

.subtitleWrapperCommon {
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
  box-sizing: border-box;
}

.rowItem01Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 530px;
  height: 170px;
  border: 1px solid rgba(223, 230, 243, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.meta7Common {
  align-self: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapperItem0Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 364px;
  box-sizing: border-box;
}

.wrapperItem01Common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 371px;
  box-sizing: border-box;
}

.page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 68px;
  background-color: rgba(255, 255, 255, 1);
  font-family: HarmonyOS_Sans_SC_Bold;
  box-sizing: border-box;
}

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

.primary {
  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;
}

.info {
  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;
}

.label {
  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;
}

.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;
}

.group1 {
  width: 100%;
  margin-top: 88px;
}

.group1>img {
  width: 100%;
}

.caption {
  align-self: flex-start;
  font-size: 40px;
  line-height: 64px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 711px;
  margin-top: 99px;
  box-sizing: border-box;
}

.grid {}

.col {
  padding: 11px 12px;
  /* margin-left: 257px; */
}

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

.empty {
  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%);
}

.empty1 {
  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;
}

.col2 {
  padding: 11px 2px;
  margin-left: 40px;
}

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

.empty2 {
  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%);
}

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

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

.container {
  margin-top: 8px;
}

.wrapper {
  width: 183px;
  padding: 11px 4px;
  /* margin-left: 257px; */
}

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

.empty4 {
  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%);
}

.empty5 {
  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;
  margin-left: 40px;
}

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

.empty6 {
  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%);
}

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

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

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

.title {
  /* position: absolute; */
  left: 418px;
  top: 146px;
  font-size: 32px;
  line-height: 32px;
  color: rgb(10, 5, 5);
  white-space: nowrap;
}

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

.fixed {
  position: fixed;
  top: 88px;
  left: 0;
  right: 0;
}

.body {
  display: flex;
  justify-content: space-around;
  align-self: center;
  width: 698px;
  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;
}

.module {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fafbfd;
}

.subtitle1 {
  margin-left: 87px;
}

.meta2 {
  margin-left: 79px;
}

.subtitle2 {
  margin-left: 71px;
}

.footer {
  width: 60px;
  height: 1px;
  margin: 12px 0 0 617px;
  background-color: rgba(45, 81, 217, 1);
  border-radius: 2px;
}

.horizontalLine {
  align-self: flex-start;
  height: 1px;
  background-color: rgba(239, 239, 239, 1);
  border-radius: 0px;
}

.info3 {
  align-self: center;
  font-size: 24px;
  line-height: 32px;
  color: rgba(66, 66, 64, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  margin-top: 60px;
}

.header {
  margin-top: 40px;
  display: grid;
  align-self: center;
  width: 1084px;
  height: 364px;
  grid-template-rows: 170px 170px;
  grid-template-columns: 530px 530px;
  row-gap: 24px;
  column-gap: 24px;
}

.rowItem0 {
  padding: 31px 12px 56px;
}

.info4 {
  font-size: 24px;
  line-height: 36px;
  color: rgba(57, 95, 235, 1);
}

.desc {
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
}

.rowItem1 {
  padding: 31px 12px 30px;
}

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

.summary {
  align-self: center;
  overflow: hidden;
  width: 324px;
  height: 52px;
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.rowItem2 {
  padding: 31px 12px 30px;
}

.subtitle3 {
  align-self: center;
  overflow: hidden;
  max-width: 506px;
  font-size: 24px;
  line-height: 36px;
  color: rgba(57, 95, 235, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary1 {
  align-self: center;
  overflow: hidden;
  width: 342px;
  height: 52px;
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.rowItem3 {
  padding: 31px 12px 30px;
}

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

.summary2 {
  align-self: center;
  overflow: hidden;
  width: 432px;
  height: 52px;
  margin: 21px 0 0 2px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.meta3 {
  align-self: center;
  overflow: hidden;
  max-width: 1896px;
  margin-top: 60px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(66, 66, 64, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bodyItem0 {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  border: 1px solid rgba(211, 216, 229, 1);
  margin-top: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #d3d8e5;
}

.module>.bodyItem0:first-of-type {
  margin-top: 40px;
}

.block1 {
  flex-direction: column;
  width: 692px;
  padding: 39px 0 29px;
}

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

.subtitle5 {
  align-self: center;
  font-size: 24px;
  line-height: 28px;
  color: rgba(45, 81, 217, 1);
  font-weight: 600;
  white-space: nowrap;

}

.wrapper2 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 21px;
  padding: 2px 7px;
  margin: 1px 0 0 16px;
  background-image: linear-gradient(45.00000000000001deg,
      #fbad17 0%,
      #fb8c15 100%);
  background-size: 100% 100%;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.tag2 {
  align-self: center;
  margin-left: 3px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.icon {
  align-self: center;
  width: 13px;
  height: 11px;
  margin-left: 6px;
}

.location {
  align-self: flex-start;
  overflow: hidden;
  max-width: 592px;
  margin: 19px 0 0 50px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container2 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 592px;
  margin-top: 17px;
  box-sizing: border-box;
}

.wrapper3 {
  display: flex;
}

.group8 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  margin-right: 14px;
  box-sizing: border-box;
}

.empty8 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.desc1 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.wrapper4 {
  display: flex;
  margin-left: 43px;
}

.group9 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty9 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.detail {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  white-space: nowrap;
}

.position {
  position: absolute;
  left: 598px;
}


.wrapper5 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin: 0 0 1px 73px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty10 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.mask {
  align-self: flex-start;
  width: 392px;
  height: 190px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(./images/img_17.png),
    url(./images/img_18.png);
  background-size: 248px 189px, 344px 190px;
  border-radius: 4px;
  background-repeat: no-repeat, no-repeat;
  background-position: 12px 0px, 48px 0px;
}

.mask4 {
  background-image: url(./images/img_17.png),
    url(./images/img_4.png);
}

.mask6 {
  background-image: url(./images/img_17.png),
    url(./images/img_6.png);
}

.mask8 {
  background-image: url(./images/img_17.png),
    url(./images/img_8.png);
}

.mask11 {
  background-image: url(./images/img_17.png),
    url(./images/img_11.png);
}

.desc2 {
  position: absolute;
  left: -69px;
  bottom: 38px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 16px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}


.block3 {
  flex-direction: column;
  width: 692px;
  padding: 39px 0 29px;
}

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

.subtitle6 {
  align-self: center;
  font-size: 24px;
  line-height: 28px;
  color: rgba(45, 81, 217, 1);
  white-space: nowrap;
}

.wrapper6 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 21px;
  padding: 2px 7px;
  margin: 1px 0 0 18px;
  background-image: linear-gradient(45.00000000000001deg,
      #fbad17 0%,
      #fb8c15 100%);
  background-size: 100% 100%;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.label1 {
  align-self: center;
  margin-left: 3px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.icon1 {
  align-self: center;
  width: 13px;
  height: 11px;
  margin-left: 6px;
}

.detail1 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 592px;
  margin: 19px 0 0 50px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container4 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 592px;
  margin-top: 17px;
  box-sizing: border-box;
}

.wrapper7 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 233px;
  height: 34px;
  box-sizing: border-box;
}

.group10 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty11 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.desc3 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.wrapper8 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 233px;
  height: 34px;
  box-sizing: border-box;
}

.group11 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty12 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.detail2 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.wrapper9 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin: 0 33px 1px 0;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty13 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.block4 {
  position: relative;
}

.entryPicWrapper {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 392px;
  height: 190px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  box-sizing: border-box;
}

.entryPic {
  align-self: flex-start;
  width: 375px;
  height: 190px;
  margin-left: 17px;
  background-image: url(./images/img_19.png);
  background-size: 202px 190px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.detail3 {
  position: absolute;
  left: -69px;
  bottom: 38px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 16px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block5 {
  flex-direction: column;
  justify-content: flex-start;
  width: 692px;
  padding: 39px 0 29px;
}

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

.meta4 {
  align-self: center;
  font-size: 24px;
  line-height: 28px;
  color: rgba(45, 81, 217, 1);
  white-space: nowrap;
}

.wrapper10 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 21px;
  padding: 2px 7px;
  margin: 1px 0 0 25px;
  background-image: linear-gradient(45.00000000000001deg,
      #fbad17 0%,
      #fb8c15 100%);
  background-size: 100% 100%;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.word1 {
  align-self: center;
  margin-left: 3px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.icon2 {
  align-self: center;
  width: 13px;
  height: 11px;
  margin-left: 6px;
}

.desc4 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 592px;
  margin: 19px 0 0 50px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container6 {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  width: 642px;
  margin: 17px 0 0 50px;
  box-sizing: border-box;
}

.group12 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty14 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.detail4 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.wrapper12 {
  position: relative;
  width: 310px;
}

.group13 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty15 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.desc5 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block6 {
  justify-content: space-between;
  width: 392px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.container7 {
  width: 11px;
  height: 11px;
  margin: 138px 0 0 20px;
  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;
  padding-top: 5px;
}

.empty16 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.entryPicWrapper1 {
  position: relative;
  height: 190px;
}

.entryPic1 {
  align-self: flex-start;
  width: 291px;
  height: 190px;
  background-image: url(./images/img_20.png);
  background-size: 206px 189px;
  background-repeat: no-repeat;
  background-position: 13px 0px;
}

.desc6 {
  position: absolute;
  left: -56px;
  bottom: 38px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 16px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.block7 {
  flex-direction: column;
  width: 692px;
  padding: 39px 0 29px;
}

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

.meta5 {
  align-self: center;
  font-size: 24px;
  line-height: 28px;
  color: rgba(45, 81, 217, 1);
  white-space: nowrap;
}

.wrapper13 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 21px;
  padding: 2px 7px;
  margin: 1px 0 0 18px;
  background-image: linear-gradient(45.00000000000001deg,
      #fbad17 0%,
      #fb8c15 100%);
  background-size: 100% 100%;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.label2 {
  align-self: center;
  margin-left: 3px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.icon3 {
  align-self: center;
  width: 13px;
  height: 11px;
  margin-left: 6px;
}

.detail5 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 592px;
  margin: 19px 0 0 50px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container9 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 592px;
  margin-top: 17px;
  box-sizing: border-box;
}

.group14 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty17 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.info6 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.group15 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty18 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.subtitle7 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.entryPicWrapper2 {
  position: relative;
  width: 392px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.entryPic2 {
  align-self: flex-start;
  width: 343px;
  height: 190px;
  margin-left: 49px;
}

.entryPic3 {
  position: absolute;
  left: 12px;
  top: 0px;
  width: 260px;
  height: 188px;
}

.block8 {
  flex-direction: column;
  width: 692px;
  padding-top: 39px;
}

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

.info7 {
  align-self: center;
  font-size: 24px;
  line-height: 28px;
  color: rgba(45, 81, 217, 1);
  white-space: nowrap;
}

.wrapper16 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 21px;
  padding: 2px 7px;
  margin: 1px 0 0 17px;
  background-image: linear-gradient(45.00000000000001deg,
      #fbad17 0%,
      #fb8c15 100%);
  background-size: 100% 100%;
  border-radius: 13px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-sizing: border-box;
}

.word2 {
  align-self: center;
  margin-left: 3px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  line-height: 17px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}

.icon4 {
  align-self: center;
  width: 13px;
  height: 11px;
  margin-left: 6px;
}

.info8 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 592px;
  margin: 19px 0 0 50px;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.container11 {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  width: 642px;
  margin: 17px 0 0 50px;
  box-sizing: border-box;
}

.subtitleWrapper {
  width: 233px;
  height: 63px;
}

.group16 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 11px;
  height: 11px;
  margin-top: 11px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty19 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.subtitle8 {
  align-self: flex-start;
  overflow: hidden;
  width: 208px;
  height: 63px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}

.wrapper17 {
  width: 368px;
  margin-bottom: 29px;
}

.group17 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty20 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.summary3 {
  align-self: center;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  line-height: 34px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
}

.itemWrapper {
  position: relative;
  width: 392px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
}

.entryPic4 {
  align-self: flex-start;
  width: 335px;
  height: 190px;
  margin-left: 57px;
}

.item {
  position: absolute;
  left: 12px;
  top: 0px;
  width: 180px;
  height: 189px;
}

.summary4 {
  align-self: center;
  overflow: hidden;
  max-width: 1892px;
  margin: 40px 0 0 2px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

#technology{
  background: transparent !important;
}

.row3 {
  display: grid;
  align-self: center;
  width: 1084px;
  height: 364px;
  margin: 20px 0 0 2px;
  grid-template-rows: 170px 170px;
  grid-template-columns: 530px 530px;
  row-gap: 24px;
  column-gap: 24px;
}

.rowItem01 {
  padding: 31px 12px 28px;
}

.meta6 {
  align-self: center;
  overflow: hidden;
  max-width: 506px;
  font-size: 24px;
  line-height: 38px;
  color: rgba(57, 95, 235, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary5 {
  align-self: center;
  overflow: hidden;
  width: 396px;
  height: 52px;
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.rowItem11 {
  padding: 31px 12px 2px;
}

.info9 {
  align-self: center;
  overflow: hidden;
  max-width: 506px;
  font-size: 24px;
  line-height: 38px;
  color: rgba(57, 95, 235, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary6 {
  align-self: center;
  overflow: hidden;
  width: 396px;
  height: 78px;
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.rowItem21 {
  padding: 31px 12px 28px;
}

.info10 {
  align-self: center;
  overflow: hidden;
  max-width: 506px;
  font-size: 24px;
  line-height: 38px;
  color: rgba(57, 95, 235, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.summary7 {
  align-self: center;
  overflow: hidden;
  width: 342px;
  height: 52px;
  margin-top: 21px;
  font-family: HarmonyOS_Sans_SC_Medium;
  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;
}

.rowItem31 {
  padding: 31px 12px 54px;
}

.meta7 {
  max-width: 506px;
  font-size: 24px;
  line-height: 38px;
  color: rgba(57, 95, 235, 1);
}

.summary8 {
  max-width: 502px;
  margin: 21px 0 0 2px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 18px;
  line-height: 26px;
  color: rgba(36, 36, 36, 1);
}

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

.meta8 {
  align-self: center;
  overflow: hidden;
  max-width: 1084px;
  font-size: 24px;
  line-height: 32px;
  color: rgba(66, 66, 64, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block9 {
  display: flex;
  width: 1084px;
  margin-top: 40px;
  box-sizing: border-box;
}

.container12 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  margin-bottom: 79px;
  box-sizing: border-box;
}

.wrapperItem0 {}

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

.view {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 7px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty21 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.meta9 {
  align-self: center;
  margin-left: 21px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
}

.desc7 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 364px;
  margin-top: 8px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapperItem1 {
  margin-top: 46px;
}

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

.view1 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin-bottom: 5px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty22 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.subtitle10 {
  align-self: center;
  margin-left: 21px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
}

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

.product {
  align-self: flex-end;
  width: 261px;
  height: 268px;
  margin-left: 48px;
}

.container13 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  height: 214px;
  padding-bottom: 30px;
  margin: 0 0 27px 36px;
  box-sizing: border-box;
}

.wrapperItem01 {}

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

.view2 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin: 0 0 7px 1px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty23 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.meta10 {
  align-self: center;
  margin-left: 21px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
}

.detail6 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 365px;
  margin: 8px 0 0 3px;
  font-family: HarmonyOS_Sans_SC;
  font-size: 14px;
  line-height: 22px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapperItem11 {
  margin-top: 46px;
}

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

.view3 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 11px;
  height: 11px;
  margin: 0 0 5px 4px;
  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;
  padding-top: 5px;
  box-sizing: border-box;
}

.empty24 {
  align-self: flex-start;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  background-image: linear-gradient(0deg, #ebeefe 0%, #ebeefe 100%);
  background-size: 100% 100%;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.info11 {
  align-self: center;
  margin-left: 24px;
  font-size: 20px;
  line-height: 28px;
  color: rgba(66, 66, 66, 1);
  white-space: nowrap;
}

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

a {
  text-decoration: none;
  color: inherit;
}

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

.fontBold {
  font-weight: bold;
}