.col-item-0-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-self: center; */
  width: 274px;
  /* 移除固定高度 height: 600px; */
  max-height: 620px; /* 设置最大高度，确保有基本高度 */
  min-height: 400px; /* 设置最小高度，确保有基本高度 */
  height: auto; /* 让高度自动适应内容 */
  border: 2px solid rgba(255, 255, 255, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  box-sizing: border-box;
}
.title-common {
  align-self: center;
  overflow: hidden;
  max-width: 1416px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.block-1-common {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1114px;
  box-sizing: border-box;
}
.col-item-0-1-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 216.75px;
  height: 78px;
  box-sizing: border-box;
}
.num-common {
  align-self: center;
  overflow: hidden;
  max-width: 216.75px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.num-1-common {
  align-self: center;
  overflow: hidden;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.num-2-common {
  align-self: center;
  overflow: hidden;
  max-width: 216.75px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.num-3-common {
  align-self: center;
  overflow: hidden;
  max-width: 216.75px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.num-4-common {
  align-self: center;
  overflow: hidden;
  max-width: 216.75px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.col-item-0-2-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 372px;
  height: 256px;
  box-sizing: border-box;
}
.wrapper-item-0-1-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.word-4-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.label-3-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.tag-4-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.wrapper-item-0-2-common {
  display: flex;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.word-6-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.label-5-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.word-7-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.tag-8-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.word-8-common {
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}
.mod {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 1440px;
  /*height: 2630px;*/
  font-family: PingFangSC-Regular;
  box-sizing: border-box;
  margin: 0 auto; /* 添加这行实现水平居中 */
}
.mod1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 1440px;
  /*height: 1733px;*/
  font-family: PingFangSC-Regular;
  box-sizing: border-box;
  margin: 0 auto; /* 添加这行实现水平居中 */
}
.header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%; /* 修改为100% */
  height: 651px;
  padding: 15px 0;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0px;
  box-sizing: border-box;
}
.block {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 1440px;
  padding: 0 12px;
  box-sizing: border-box;
}
.logo {
  align-self: center;
  width: 121px;
  height: 40px;
  margin-left: 2px;
}
.tag {
  align-self: center;
  margin-left: 63px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.meta {
  align-self: center;
  margin-left: 71px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.label {
  align-self: center;
  margin-left: 71px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.address-item-0 {
  align-self: center;
  margin-left: 70px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.address-item-1 {
  align-self: center;
  margin-left: 70px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.address-item-2 {
  align-self: center;
  margin-left: 70px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.container1 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 142px;
  height: 22px;
  padding: 1px 0;
  margin-left: 70px;
  box-sizing: border-box;
}
.word {
  align-self: center;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.wrapper-item-0 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 23px;
  height: 20px;
  margin-left: 9px;
  box-sizing: border-box;
}
.vertical-line {
  align-self: center;
  width: 1px;
  height: 12px;
  background-color: rgba(102, 102, 102, 1);
  border-radius: 0px;
}
.label-1 {
  align-self: center;
  font-size: 14px;
  line-height: 20px;
  color: rgba(102, 102, 102, 1);
  white-space: nowrap;
}
.wrapper-item-1 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 28px;
  height: 20px;
  margin-left: 10px;
  box-sizing: border-box;
}
.vertical-line-1 {
  align-self: center;
  width: 1px;
  height: 12px;
  background-color: rgba(102, 102, 102, 1);
  border-radius: 0px;
}
.word-1 {
  align-self: center;
  font-size: 14px;
  line-height: 20px;
  color: rgba(102, 102, 102, 1);
  text-transform: uppercase;
  white-space: nowrap;
}
.wrapper-item-2 {
  align-self: center;
  margin-left: 30px;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(34, 34, 34, 1);
  white-space: nowrap;
}
.body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%; /* 修改为100% */
  /* height: 600px;*/
  padding: 218px 0 120px;
  background-image: url(/include/css/images/img_1.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-origin: padding-box;
}
.body1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  /*background-image: url(/include/css/images/img_1_1.png);*/
  height: 179px;
  background-size: 100% 110%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-origin: padding-box;

}
.address-container {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 1440px;
  padding: 0 12px;
  box-sizing: border-box;
}
.address-wrapper {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1200px;
  height: 56px;
  box-sizing: border-box;
}
.address {
  align-self: flex-start;
  overflow: visible;
  max-width: 1200px;
  font-family: PingFangSC-Semibold;
  font-size: 40px;
  font-weight: 600;
  line-height: 0px;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.address-2 {
  align-self: flex-start;
  overflow: visible;
  max-width: 1200px;
  font-family: PingFangSC-Semibold;
  font-size: 40px;
  font-weight: 600;
  /*line-height: 0px;*/
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.info {
  align-self: flex-start;
  overflow: hidden;
  max-width: 1200px;
  margin: 12px 0 0 120px;
  font-size: 18px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1440px;
  padding: 30px 12px 35px;
  background-color: rgba(248, 248, 250, 1);
  border-radius: 0px;
  box-sizing: border-box;
}
.main1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1440px;
  /*padding: 50px 12px 58px;*/
  background-color: rgba(248, 248, 250, 1);
  border-radius: 0px;
  box-sizing: border-box;
}
.location {
  align-self: center;
  overflow: hidden;
  max-width: 1416px;
  font-family: PingFangSC-Medium;
  font-size: 25px;
  font-weight: 500;
  line-height: 42px;
  color: rgba(47, 59, 69, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.article {
  align-self: center;
  overflow: hidden;
  width: 849px;
  /*height: 44px;*/
  margin: 14px 1px 0 0;
  font-size: 17px;
  line-height: 22px;
  color: rgba(102, 102, 102, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.grid {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 1200px;
  margin-top: 50px;
  box-sizing: border-box;
  height: fit-content;
}
.col-item-0 {
  padding: 30px 12px 86px;
  margin-right: 1px;
}
.figure {
  align-self: center;
  width: 112px;
  height: 130px;
}
.location-1 {
  align-self: center;
  overflow: visible;
  max-width: 250px;
  margin-top: 19px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(17, 34, 42, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: center;
}
.summary-cp1-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-cp1-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-item-1 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em; 
  /*height: 44px;*/
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-item-2 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/
  margin-top: 22px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-cp2-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/
  font-size: 14px;
  margin-top: 17px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-cp2-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/
  font-size: 14px;
  margin-top: 17px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.col-item-1 {
  padding: 30px 12px 64px;
}
.bitmap {
  align-self: center;
  width: 112px;
  height: 130px;
}
.meta-1 {
  align-self: center;
  overflow: visible;
  max-width: 250px;
  margin-top: 19px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(17, 34, 42, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.summary_sp1_zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary_sp2_zh {
  align-self: flex-start;
  overflow: visible?;
  width: 216px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-left: 21px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 17px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary_sp1_en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary_sp2_en {
  align-self: flex-start;
  overflow: visible?;
  width: 216px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-left: 21px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 17px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-1 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  margin-top: 22px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.desc {
  align-self: center;
  overflow: hidden;
  max-width: 250px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.summary-2 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.col-item-2 {
  padding: 30px 12px 86px;
  margin-right: 1px;
}
.picture {
  align-self: center;
  width: 112px;
  height: 130px;
}
.subtitle {
  align-self: center;
  overflow: visible;
  max-width: 250px;
  margin-top: 19px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(17, 34, 42, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: center;
}
.summary-ip1-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-ip2-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  font-size: 14px;
  line-height: 22px;
  margin-top: 17px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-ip1-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-ip2-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  font-size: 14px;
  line-height: 22px;
  margin-top: 17px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-item-2-1 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  margin-top: 22px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-item-3-1 {
  align-self: center;
  overflow: visible?;
  width: 208px;
  /*height: 44px;*/
  text-indent: 2em;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.col-item-3 {
  padding: 30px 12px 86px;
}
.image {
  align-self: center;
  width: 112px;
  height: 130px;
}
.info-1 {
  align-self: center;
  overflow: visible;
  max-width: 250px;
  margin-top: 19px;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: rgba(17, 34, 42, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.summary-chp1-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-chp2-zh {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/ 
  margin-top: 22px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: justify;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-chp1-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/
  margin-top: 17px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.summary-chp2-en {
  align-self: center;
  overflow: visible?;
  width: 208px;
  text-indent: 2em;
  /*height: 44px;*/ 
  margin-top: 22px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 208px;
  margin-top: 22px;
  box-sizing: border-box;
}
.summary-5 {
  align-self: flex-start;
  overflow: visible?;
  width: 208px;
  /*height: 66px;*/
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.tag-1 {
  position: absolute;
  right: 5px;
  bottom: 0px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(22, 123, 209, 1);
  white-space: nowrap;
}
.label-2 {
  align-self: flex-start;
  overflow: visible;
  max-width: 208px;
  margin-left: 21px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(22, 123, 209, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.submain {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1440px;
  padding: 0 12px;
  margin-top: 50px;
  box-sizing: border-box;
}
.title {
  font-family: PingFangSC-Medium;
  font-size: 25px;
  font-weight: 500;
  line-height: 42px;
  color: rgba(47, 59, 69, 1);
}
.summary-6 {
  margin-top: 14px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(102, 102, 102, 1);
}
.row1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 1440px;
  padding: 80px 12px 80px;
  margin-top: 52px;
  background-color: rgba(46, 76, 199, 1);
  border-radius: 0px;
  box-sizing: border-box;
}
.block-1 {
  position: relative;
}
.item {
  align-self: flex-end;
  z-index: 0;
  width: 162px;
  height: 162px;
  margin: 0 0 16px 85px;
}
.picture-1 {
  position: absolute;
  left: 69px;
  top: -8px;
  z-index: 12;
  width: 100px;
  height: 100px;
}
.icon-piece {
  position: absolute;
  left: 90px;
  top: 14px;
  z-index: 34;
  width: 51px;
  height: 51px;
}
.icon-piece-1 {
  position: absolute;
  left: 107px;
  top: 25px;
  z-index: 35;
  width: 40px;
  height: 40px;
}
.icon-complete {
  position: absolute;
  left: 117px;
  top: 40px;
  z-index: 36;
  width: 20px;
  height: 14px;
}
.empty {
  position: absolute;
  left: 119px;
  bottom: 31px;
  z-index: 13;
  width: 1px;
  height: 63px;
  border-left: 2px solid rgba(80, 118, 255, 1);
}
.icon-circle {
  position: absolute;
  left: 114px;
  bottom: 20px;
  z-index: 15;
  width: 12px;
  height: 12px;
}
.product {
  align-self: flex-end;
  z-index: 4;
  width: 186px;
  height: 186px;
  margin-left: 46px;
}
.vertical-line-2 {
  position: absolute;
  left: 335px;
  /*top: -127px;*/
  bottom: 31px;
  z-index: 5;
  width: 1px;
  height: 63px;
  background-image: linear-gradient(#73A7FF 60%, transparent 40%);
  border: 1px solid rgba(80, 118, 255, 1);
}
.image-1 {
  position: absolute;
  left: 266px;
  top: -27px;
  z-index: 6;
  width: 138px;
  height: 138px;
}
.figure-1 {
  position: absolute;
  left: 286px;
  top: -8px;
  z-index: 7;
  width: 100px;
  height: 100px;
}
.icon-user {
  position: absolute;
  left: 309px;
  top: 12px;
  z-index: 8;
  width: 40px;
  height: 46px;
}
.icon-flag {
  position: absolute;
  left: 318px;
  top: 22px;
  z-index: 9;
  width: 44px;
  height: 51px;
}
.icon-circle-1 {
  position: absolute;
  left: 330px;
  bottom: 20px;
  z-index: 13;
  width: 13px;
  height: 13px;
}
.item-item-0 {
  align-self: flex-end;
  z-index: 1;
  width: 162px;
  height: 162px;
  margin: 0 0 16px 39px;
}
.bitmap-1 {
  position: absolute;
  left: 503px;
  top: -8px;
  z-index: 16;
  width: 100px;
  height: 100px;
}
.empty-1 {
  position: absolute;
  left: 528px;
  top: 15px;
  z-index: 28;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(0deg, #2a96ff 0%, #1461fa 100%);
  background-size: 100% 100%;
  border-radius: 7.407407283782959px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.icon-star {
  position: absolute;
  left: 50%;
  top: 24px;
  z-index: 29;
  width: 40px;
  height: 45px;
  transform: translateX(-50%);
}
.icon-star-1 {
  position: absolute;
  left: 50%;
  top: 34px;
  z-index: 30;
  width: 20px;
  height: 19px;
  transform: translateX(-50%);
}
.empty-2 {
  position: absolute;
  left: 552px;
  bottom: 31px;
  z-index: 17;
  width: 1px;
  height: 63px;
  border-left: 2px solid rgba(80, 118, 255, 1);
}
.icon-circle-2 {
  position: absolute;
  left: 547px;
  bottom: 20px;
  z-index: 18;
  width: 12px;
  height: 12px;
}
.item-item-1 {
  align-self: flex-end;
  z-index: 2;
  width: 162px;
  height: 162px;
  margin: 0 0 16px 55px;
}
.picture-2 {
  position: absolute;
  top: -8px;
  right: 295px;
  z-index: 19;
  width: 100px;
  height: 100px;
}
.empty-3 {
  position: absolute;
  top: 15px;
  right: 326px;
  z-index: 31;
  width: 44px;
  height: 44px;
  background-image: linear-gradient(0deg, #2a96ff 0%, #1461fa 100%);
  background-size: 100% 100%;
  border-radius: 22px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.icon-piece-2 {
  position: absolute;
  top: 25px;
  right: 320px;
  z-index: 32;
  width: 40px;
  height: 44px;
}
.icon-list {
  position: absolute;
  top: 36px;
  right: 329px;
  z-index: 33;
  width: 22px;
  height: 21px;
}
.empty-4 {
  position: absolute;
  right: 344px;
  bottom: 31px;
  z-index: 20;
  width: 1px;
  height: 63px;
  border-left: 2px solid rgba(80, 118, 255, 1);
}
.icon-circle-3 {
  position: absolute;
  right: 339px;
  bottom: 20px;
  z-index: 21;
  width: 12px;
  height: 12px;
}
.item-item-2 {
  align-self: flex-end;
  z-index: 3;
  width: 162px;
  height: 162px;
  margin: 0 0 16px 55px;
}
.image-2 {
  position: absolute;
  top: -8px;
  right: 78px;
  z-index: 22;
  width: 100px;
  height: 100px;
}
.icon-like {
  position: absolute;
  top: 19px;
  right: 111px;
  z-index: 23;
  width: 44px;
  height: 39px;
}
.icon-circle-4 {
  position: absolute;
  top: 26px;
  right: 99px;
  z-index: 24;
  width: 46px;
  height: 41px;
}
.icon {
  position: absolute;
  top: 36px;
  right: 114px;
  z-index: 25;
  width: 16px;
  height: 10px;
}
.empty-5 {
  position: absolute;
  right: 127px;
  bottom: 31px;
  z-index: 26;
  width: 1px;
  height: 63px;
  border-left: 2px solid rgba(80, 118, 255, 1);
}
.horizontal-line {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 11;
  width: 1000px;
  height: 1px;
  background-color: rgba(113, 167, 255, 1);
  border-radius: 20px;
  transform: translateX(-50%);
}
.icon-circle-5 {
  position: absolute;
  right: 122px;
  bottom: 20px;
  z-index: 27;
  width: 12px;
  height: 12px;
}
.grid-1 {
  margin-top: 1px;
}
.col-item-0-1 {
  margin-left: 10.625px;
}
.num {
  font-family: PingFangSC-Semibold;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
}
.word-2 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 28px;
}
.col-item-1-1 {
  margin-left: 1.25px;
}
.num-1 {
  max-width: 212.75px;
  margin-left: 2px;
  font-family: PingFangSC-Semibold;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
}
.info-2 {
  max-width: 216.75px;
  margin-top: 8px;
  font-size: 16px;
  line-height: 28px;
}
.col-item-2-1 {
  margin-left: -0.75px;
}
.num-2 {
  font-family: PingFangSC-Semibold;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
}
.tag-2 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 28px;
}
.col-item-3-1 {
  margin-left: -0.75px;
}
.num-3 {
  font-family: PingFangSC-Semibold;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
}
.word-3 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 28px;
}
.col-item-4 {
  margin-left: 0.25px;
}
.num-4 {
  font-family: PingFangSC-Semibold;
  font-size: 25px;
  font-weight: 600;
  line-height: 42px;
}
.subtitle-1 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 28px;
}
.footer1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%;
  padding: 60px 12px 40px;
  background-color: rgba(248, 248, 250, 1);
  border-radius: 0px;
  box-sizing: border-box;
}

.caption {
  align-self: flex-start;
  overflow: hidden;
  max-width: 1200px;
  margin-left: 108px;
  font-family: PingFangSC-Medium;
  font-size: 25px;
  font-weight: 500;
  line-height: 42px;
  color: rgba(47, 59, 69, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.summary-7 {
  align-self: flex-start;
  overflow: hidden;
  max-width: 1200px;
  margin: 10px 0 0 108px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.grid-2 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 1200px;
  margin-top: 40px;
  box-sizing: border-box;
}
.col-item-0-2 {
}
.wrapper-item-0-1 {
}
.group {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.word-4 {
  color: rgba(254, 87, 33, 1);
}
.tag-3 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.overlayer {
  align-self: flex-start;
  width: 372px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.wrapper-item-1-1 {
  margin-top: 20px;
}
.group-1 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.label-3 {
  color: rgba(254, 87, 33, 1);
}
.word-5 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.layer {
  align-self: flex-start;
  width: 372px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.wrapper-item-2-1 {
  margin-top: 20px;
}
.group-2 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.tag-4 {
  color: rgba(254, 87, 33, 1);
}
.label-4 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.mask {
  align-self: flex-start;
  width: 372px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.col-item-1-2 {
}
.wrapper-item-0-2 {
  flex-direction: column;
  justify-content: flex-start;
}
.group-3 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.word-6 {
  color: rgba(254, 87, 33, 1);
}
.tag-5 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.overlayer-1 {
  align-self: flex-start;
  width: 372px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.wrapper-item-1-2 {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 20px;
}
.group-4 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.label-5 {
  color: rgba(254, 87, 33, 1);
}
.label-6 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.layer-1 {
  align-self: flex-start;
  width: 372px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.wrapper-item-2-2 {
  justify-content: space-between;
  margin-top: 20px;
}
.group-5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  height: 72px;
  box-sizing: border-box;
}
.view {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 258px;
  box-sizing: border-box;
}
.word-7 {
  color: rgba(254, 87, 33, 1);
}
.tag-6 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.mask-1 {
  align-self: flex-start;
  width: 258px;
  height: 40px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.tag-wrapper {
  display: flex;
  justify-content: center;
  align-self: flex-end;
  padding: 9px 12px;
  border: 1px solid rgba(229, 229, 229, 1);
  background-color: rgba(251, 251, 251, 1);
  border-radius: 8px;
  box-sizing: border-box;
}
.tag-7 {
  align-self: flex-start;
  font-size: 16px;
  line-height: 22px;
  color: rgba(22, 123, 209, 1);
  white-space: nowrap;
  cursor: pointer; /* 添加手型光标 */
}
.tag-7:hover {
  opacity: 0.8; /* 添加透明度变化 */
}

.submit:hover {
  opacity: 0.8; /* 添加透明度变化 */
}
.col-item-2-2 {
}
.wrapper-1 {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  width: 372px;
  box-sizing: border-box;
}
.group-6 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  height: 22px;
  box-sizing: border-box;
}
.tag-8 {
  color: rgba(254, 87, 33, 1);
}
.address-1 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.label-7 {
  align-self: center;
  margin-left: 1px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(121, 124, 127, 1);
  white-space: nowrap;
}
.overlayer-2 {
  align-self: flex-start;
  width: 372px;
  height: 224px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.block-2 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 1200px;
  margin-top: 20px;
  box-sizing: border-box;
}
.word-8 {
  color: rgba(254, 87, 33, 1);
}
.location-2 {
  color: rgba(47, 59, 69, 1);
  text-indent: 5.3279876708984375px;
}
.icon-down-wrapper {
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 17px 12px 16px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin: 10px 0 0 108px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
}
.icon-down {
  align-self: flex-start;
  width: 12px;
  height: 7px;
  margin-left: 336px;
}
.block-3 {
  display: flex;
  justify-content: center;
  align-self: flex-start;
  width: 104px;
  padding: 9px 12px;
  margin: -40px 0 0 790px;
  background-color: rgba(22, 123, 209, 1);
  border-radius: 8px;
  box-sizing: border-box;
}
.submit {
  align-self: flex-start;
  overflow: hidden;
  max-width: 80px;
  font-size: 16px;
  line-height: 22px;
  color: rgba(251, 251, 251, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; /* 添加手型光标 */
}
.banner {
  align-self: flex-start;
  width: 1440px;
  height: 651px;
}
/* 全屏遮罩层 */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;   /* 覆盖整个视口 */
  height: 100vh;
  background: rgba(0, 0, 0, 0.6); /* 灰色透明背景 */
  overflow: auto;
}

/* 模态窗容器 */
.modal-content {
  position: relative;
  background: white;
  margin: 10% auto;  /* 顶部留白 */
  padding: 20px;
  width: 80%;        /* 响应式宽度 */
  max-width: 800px;  /* 最大宽度限制 */
  border-radius: 8px;
  animation: zoom 0.3s; /* 添加入场动画 */
}

/* 图片自适应 */
.modal-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* 关闭按钮 */
.close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.close:hover {
  color: #666;
}

/* 小动画 */
@keyframes zoom {
  from {transform: scale(0.9)}
  to {transform: scale(1)}
}
[lang] {
  display: none;
}

/* 根据body的class显示对应语言的内容 */
body.zh_cn [lang="zh"],
body.zh_hk [lang="zh"],
body.en_us [lang="en"] {
   display: block; 
}<!--0.00017809867858887-->