.group_1.flex-col{
  min-height:auto
}
html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: visible;
}
p{
  margin-top: 0;
}
.section_1 {
  width: 100%;
  height: auto;
}

.group_1 {
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 1);
  /* height: 3.36rem; */
  width: 100%;
  padding-bottom: 0.36rem;
}

.box_1 {
  width: 33.574rem;
  height: 1.174rem;
  margin: 0.587rem 0 0 8.827rem;
  display: flex;
  align-items: center;
}

.text-wrapper_1 {
  width: 6.48rem;
  height: 1.174rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_1 {
  width: 6.48rem;
  height: 1.174rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 1.066rem;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_2 {
  width: 6.48rem;
  height: 1.174rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 1.066rem;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.box_2 {
  border-radius: 20px;
  width: 2.667rem;
  height: 1.067rem;
  border: 1px solid rgba(223, 223, 223, 1);
  margin: 0.054rem 0 0 16.987rem;
  display: flex;
  align-items: center;
}

.thumbnail_1 {
  width: 0.4rem;
  
  margin: 0 0 0 0.454rem;
}

.text_3 {
  width: 0.72rem;
  
  overflow-wrap: break-word;
  color: rgba(130, 124, 128, 1);
  font-size: 0.373rem;
  font-family: "Inter";
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0 0.774rem 0 0.32rem;
}

.box_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  width: 6.88rem;
  height: 1.067rem;
  border: 1px solid rgba(223, 223, 223, 1);
  margin: 0.054rem 0 0 0.56rem;
  display: flex;
  align-items: center;
}

.text_4 {
  width: 3.014rem;
  
  overflow-wrap: break-word;
  color: rgba(130, 124, 128, 1);
  font-size: 0.373rem;
  font-family: "Inter";
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0 0 0 0.587rem;
}

.thumbnail_2 {
  width: 0.534rem;
  height: 0.534rem;
  margin: 0 0.48rem 0 2.267rem;
}

.box_4 {
  width: 26.774rem;
  min-height: 0.48rem;
  margin: 0.667rem 0 0 15.6rem;
  padding-bottom: 0.33rem;
  display: flex;
  align-items: center;
  overflow: visible;
}

.text_5 {
  width: 3.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_6 {
  width: 3.307rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0;
}



.text_7 {
  width: 3.894rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0 0 0 1.014rem;
  line-height: 1;
}

.text_8 {
  width: 2.614rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0 0 0 1.174rem;
  line-height: 1;
}

.text_9 {
  width: 1.174rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0 0 0 1.174rem;
  line-height: 1;
}

.text_10 {
  width: 3.44rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin-left: 1.147rem;
}

.text_11 {
  width: 1.654rem;
  overflow-wrap: break-word;
  color: rgba(0, 102, 204, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0 0 0 1.174rem;
  line-height: 1;
}

/* 顶部导航激活态下划线：基�?.nav-active 伪元素绘�?*/
.box_4 a.text_5,
.box_4 a.text_6,
.box_4 a.text_7,
.box_4 a.text_8,
.box_4 a.text_9,
.box_4 a.text_10,
.box_4 a.text_11 {
  position: relative;
  display: inline-block;
}

/* Group Activities 详情页：当前栏目高亮为黑色文�?+ 下划�?*/
.box_4 a.nav-active {
  color: rgba(0, 0, 0, 1);
}

.box_4 a.nav-active::after {
  content: "";
  position: absolute;
  left: 0.1rem;
  bottom: -0.32rem;
  width: 100%;
  height: 0.08rem;
  background-color: rgba(51, 51, 51, 1);
  z-index: 1;
}

/* Group Activities 详情页：顶部导航当前栏目高亮
 * 为了让该页导航栏结构�?`Group Activities（Group Activities栏目�?cn.html` 保持一致，
 * 当前栏目不再依赖 `nav-active`，而是基于 `main-nav-link--activities`�? */
.main-nav {
  /* 为顶部下划线滑块预留高度（原页面使用 .box_4 时有 padding-bottom）�?*/
  padding-bottom: 0.37rem;
}

.main-nav a.main-nav-link {
  position: relative;
  display: inline-block;
}

.main-nav a.main-nav-link--activities {
  color: rgba(0, 0, 0, 1);
}

.main-nav a.main-nav-link--activities::after {
  content: "";
  position: absolute;
  left: 0.2rem;
  bottom: -0.36rem;
  width: 100%;
  height: 0.08rem;
  background-color: rgba(51, 51, 51, 1);
  z-index: 1;
}

/* 旧固定宽度滑块（.box_5 / .box_6）弃�?*/
.box_5 {
  display: none;
}

.text-wrapper_2 {
  background: url(../images/group_activities_bg_top.png) 100% no-repeat;
  background-size: 100% 100%;
  height: 8.96rem;
  width: 100%;
}

.text_12 {
  width: 10.72rem;
  height: 1.414rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.333rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  line-height: 1;
  margin: 3.84rem 0 0 8.827rem;
}

.box_7 {
  background: url(../images/group_activities_bg_bottom.png) 100% no-repeat;
  background-size: 100% 100%;
  height: auto;
  width: 100%;
}

.box_8 {
  background-color: transparent;
  height: auto;
  margin: 0 auto;
  width: 33.6rem;
  max-width: 100%;
}

.text-wrapper_3 {
  width: 25.2rem;
  height: 0.64rem;
  margin: 2.214rem 0 0 5.36rem;
}

.text_13 {
  width: 1.334rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin-top: 0.027rem;
}

.text_14 {
  width: 5rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin-left: 6.347rem;
}

.text_15 {
  width: 9rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin-left: 4.987rem;
}

.text-wrapper_4 {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin:0;
}

.paragraph_1 {
  width: 5rem;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.52rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  line-height: 1.334rem;
}

.paragraph_2 {
  width: 5rem;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.52rem;
  font-family: "Inter";
  font-weight: 300;
  text-align: left;
  line-height: 1.334rem;
  margin-left: 6.347rem;
}

.paragraph_3 {
  width: 7rem;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.52rem;
  font-family: "Inter";
  font-weight: 300;
  text-align: left;
  line-height: 1.334rem;
  margin-left: 4.987rem;
}

.activities-list {
  display: flex;
  flex-direction: column;
}

.activities-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.3rem;
}

.header-col {
  font-family: "Inter";
  font-weight: 700;
}

.group_3 {
  background-color: rgba(0, 102, 204, 1);
  height: 3.2rem;
  width: 100%;
}

.section_2 {
  width: 20.56rem;
  height: 0.987rem;
  margin: 0.72rem 0 0 8.747rem;
}

.text-wrapper_5 {
  width: 5.52rem;
  height: 0.987rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_16 {
  width: 5.52rem;
  height: 0.987rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.906rem;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_17 {
  width: 5.52rem;
  height: 0.987rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.906rem;
  font-family: "Inter";
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}

.text_18 {
  width: 1.654rem;
  
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0.187rem 0 0 1.094rem;
}

.text_19 {
  width: 2.614rem;
  
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0.187rem 0 0 0.88rem;
}

.text_20 {
  width: 3.44rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0.187rem 0 0 0.8rem;
}

.text_21 {
  width: 3.707rem;
  height: 0.454rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  margin: 0.187rem 0 0 0.854rem;
}

.text-wrapper_6 {
  width: 9.814rem;
  height: 0.48rem;
  margin: 0.214rem 0 0.8rem 15.414rem;
}

.text_22 {
  width: 9.814rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: "Inter";
  font-weight: 300;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
}