@charset "UTF-8";
@import url(./theme.css);
#app {
  background-color: var(--bg-2);
}

.header {
  height: 1.4rem;
  background-color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.28rem;
}
.header .hd-logo {
  width: 2.5rem;
}
.header .search-icon {
  width: 0.35rem;
}

.nav {
  height: 1.32rem;
  background-color: var(--bg-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.28rem;
  gap: 0.32rem;
}
.nav .nav-list {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.nav .nav-list .nav-item {
  font-size: 0.32rem;
}
.nav .nav-list .active {
  color: var(--primary);
}
.nav .nav-icon .sort {
  width: 0.42rem;
}

.sidebar-menu {
  background-color: var(--bg-2);
}
.sidebar-menu .sidebar-header {
  background-color: var(--primary);
  background-image: url(../images/mobile/sidebar_header_bg.png);
  background-size: cover;
}
.sidebar-menu .sidebar-header .sidebar-logo {
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-menu .sidebar-header .sidebar-logo .hd-logo {
  width: 2.5rem;
  display: block;
  margin: 0 auto;
}
.sidebar-menu .sidebar-header .sidebar-nav {
  height: 1.32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.28rem;
  gap: 0.32rem;
}
.sidebar-menu .sidebar-header .sidebar-nav .sidebar-nav-list {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.sidebar-menu .sidebar-header .sidebar-nav .sidebar-nav-list .sidebar-nav-item {
  font-size: 0.32rem;
  color: #fff;
}
.sidebar-menu .sidebar-header .sidebar-nav .sidebar-nav-list .active {
  color: #fff;
  font-weight: bold;
}
.sidebar-menu .sidebar-header .sidebar-nav-icon {
  display: flex;
  align-items: center;
}
.sidebar-menu .sidebar-header .sidebar-nav-icon .close-icon {
  width: 0.28rem;
}
.sidebar-menu .sidebar-search {
  height: 1.26rem;
  padding: 0 0.28rem;
  background-color: var(--bg-1);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  align-items: center;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper {
  flex: 1;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box {
  height: 0.8rem;
  background-color: #efefef;
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0 0.32rem;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box .sidebar-search-input {
  display: flex;
  flex: 1;
  align-items: center;
  border-right: 1px solid var(--divider);
  gap: 0.2rem;
  padding-right: 0.2rem;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box .sidebar-search-input input {
  height: 0.62rem;
  flex: 1;
  border: 0;
  outline: none;
  font-size: 0.28rem;
  background-color: transparent;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box .sidebar-search-input .sidebar-search-clear {
  display: flex;
  align-items: center;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box .sidebar-search-input .sidebar-search-clear .search-clear-icon {
  width: 0.42rem;
}
.sidebar-menu .sidebar-search .sidebar-search-wrapper .sidebar-search-box .sidebar-search-btn {
  font-size: 0.28rem;
}
.sidebar-menu .sidebar-content {
  overflow: hidden;
  min-height: calc(100vh - 3.98rem);
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item {
  background-color: var(--bg-1);
  margin-top: 0.28rem;
  padding: 0.32rem 0.28rem;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item .sidebar-nav-item-title {
  font-size: 0.32rem;
  color: var(--text-color-1);
  font-weight: bold;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item .sidebar-nav-item-tags {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
  margin-top: 0.2rem;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item .sidebar-nav-item-tags .sidebar-nav-item-tag {
  color: var(--text-color-1);
  background-color: #f6f7f9;
  padding: 0.12rem 0 0.12rem 0.28rem;
  font-size: 0.24rem;
  border-radius: 4px;
  position: relative;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item .sidebar-nav-item-tags .sidebar-nav-item-tag .sidebar-nav-item-tag-text::before {
  width: 3px;
  height: 0.32rem;
  display: block;
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 52%;
  transform: translateY(-50%);
  border-radius: 8px;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item:nth-child(1) .sidebar-nav-item-tag-text::before {
  background-color: #0078f9;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item:nth-child(2) .sidebar-nav-item-tag-text::before {
  background-color: #00a581;
}
.sidebar-menu .sidebar-content .sidebar-nav .sidebar-nav-item:nth-child(3) .sidebar-nav-item-tag-text::before {
  background-color: #e8b400;
}

.banner {
  background-color: var(--bg-1);
  overflow: hidden;
}
.banner .banner-swiper {
  width: 6.92rem;
  margin: 0 auto;
  position: relative;
}
.banner .banner-swiper .swiper-wrapper .swiper-slide img {
  width: 6.8rem;
  height: 3.12rem;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
  object-fit: cover;
}
.banner .banner-swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: unset;
  transition: all 0.3s ease-in-out;
}
.banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.36rem;
  border-radius: 4px;
}

.notice {
  background-color: var(--bg-1);
  display: block;
  padding: 0.5rem 0;
}
.notice .notice-content {
  flex: 1;
  border-left: 1px solid #e1e1e1;
  min-width: 0;
  height: 42px;
  margin: 0 0.28rem;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.32rem;
  box-shadow: var(--shadow);
  border-radius: 8px;
}
.notice .notice-content .notice-swiper {
  height: 42px;
  overflow: hidden;
}
.notice .notice-content .notice-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}
.notice .notice-content .notice-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  gap: 50px;
  min-width: 0;
}
.notice .notice-content .notice-item .notice-icon {
  width: 1.15rem;
}
.notice .notice-content .notice-item .notice-title {
  color: #474747;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.part_1 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_1 .part_1-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_1 .part_1-title .part_1-title-text {
  position: relative;
}
.part_1 .part_1-title .part_1-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d0e4f2, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_1 .part_1-title .part_1-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_1 .part_1-title .part_1-nav {
  display: flex;
  gap: 0.32rem;
}
.part_1 .part_1-title .part_1-nav .part_1-nav-list {
  display: flex;
  gap: 0.12rem;
}
.part_1 .part_1-title .part_1-nav .part_1-nav-list .part_1-nav-item {
  color: var(--text-color-2);
  font-size: 0.28rem;
}
.part_1 .part_1-title .part_1-nav .part_1-nav-list .active {
  color: var(--primary);
  font-weight: bold;
}
.part_1 .part_1-title .part_1-nav .part_1-nav-more {
  color: var(--text-color-2);
  font-size: 0.28rem;
}
.part_1 .part_1-content {
  margin-top: 0.35rem;
}
.part_1 .part_1-content .part_1-list-box {
  display: none;
}
.part_1 .part_1-content .active {
  display: block;
}
.part_1 .part_1-content .part_1-item {
  display: flex;
  gap: 0.28rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid var(--divider);
}
.part_1 .part_1-content .part_1-item .part_1-item-pic .part_1-item-img {
  width: 2.52rem;
  height: 1.72rem;
  object-fit: cover;
  display: block;
}
.part_1 .part_1-content .part_1-item .part_1-item-info {
  padding: 0.12rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.part_1 .part_1-content .part_1-item .part_1-item-info .part_1-item-title {
  font-size: 0.26rem;
  color: var(--text-color-1);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数为2 */
  overflow: hidden;
  line-height: 0.36rem;
}
.part_1 .part_1-content .part_1-item .part_1-item-info .part_1-item-date {
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.part_1 .part_1-content .part_1-item .part_1-item-info .part_1-item-date .calendar {
  width: 0.28rem;
}
.part_1 .part_1-content .part_1-item .part_1-item-info .part_1-item-date .part_1-item-date-text {
  color: var(--text-color-3);
  font-size: 0.26rem;
}
.part_1 .part_1-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.28rem;
}
.part_1 .part_1-btn .part_1-btn-text {
  color: var(--text-color-3);
  border: 1px solid var(--divider);
  padding: 0.12rem 0.56rem;
  border-radius: 24px;
  font-size: 0.26rem;
}

.part_2 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_2 .part_2-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_2 .part_2-title .part_2-title-text {
  position: relative;
}
.part_2 .part_2-title .part_2-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #f7d6d4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_2 .part_2-title .part_2-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_2 .part_2-title .part_2-nav {
  display: flex;
  gap: 0.32rem;
}
.part_2 .part_2-title .part_2-nav .part_2-nav-list {
  display: flex;
  gap: 0.2rem;
}
.part_2 .part_2-title .part_2-nav .part_2-nav-list .part_2-nav-item {
  color: var(--text-color-2);
  font-size: 0.28rem;
}
.part_2 .part_2-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
  margin-top: 0.55rem;
}
.part_2 .part_2-content .part_2-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem;
  background-image: url(../images/mobile/part_2_item_bg.png);
  background-size: 100% 100%;
}
.part_2 .part_2-content .part_2-item .part_2-item-pic .part_2-img {
  width: 0.92rem;
  height: 0.92rem;
  display: block;
  margin: 0 auto;
}
.part_2 .part_2-content .part_2-item .part_2-item-title {
  text-align: center;
  margin-top: 0.12rem;
  font-size: 0.24rem;
}

.part_3 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_3 .part_3-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_3 .part_3-title .part_3-title-text {
  position: relative;
}
.part_3 .part_3-title .part_3-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #f7d6d4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_3 .part_3-title .part_3-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_3 .part_3-content {
  display: flex;
  gap: 0.12rem;
  margin-top: 0.55rem;
}
.part_3 .part_3-content .part_3-item {
  height: 1.6rem;
  background-size: 100% 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
}
.part_3 .part_3-content .part_3-item .part_3-item-title {
  color: var(--text-color-1);
  font-size: 0.26rem;
}
.part_3 .part_3-content .part_3-item .part_3-item-btn {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 0.05rem 0.16rem;
  border-radius: 24px;
  font-size: 0.24rem;
}
.part_3 .part_3-content .part_3-item:nth-child(1) {
  background-image: url(../images/mobile/part_3_item_bg_1.png);
}
.part_3 .part_3-content .part_3-item:nth-child(2) {
  background-image: url(../images/mobile/part_3_item_bg_2.png);
}
.part_3 .part_3-content .part_3-item:nth-child(3) {
  background-image: url(../images/mobile/part_3_item_bg_3.png);
}

.part_4 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_4 .part_4-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_4 .part_4-title .part_4-title-text {
  position: relative;
}
.part_4 .part_4-title .part_4-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d3edea, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_4 .part_4-title .part_4-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_4 .part_4-title .part_4-more {
  color: var(--text-color-2);
  font-size: 0.26rem;
}
.part_4 .part_4-content .part_4-item {
  display: block;
  padding: 0.35rem 0.2rem;
  margin-top: 0.2rem;
  position: relative;
  border-bottom: 1px solid var(--divider);
}
.part_4 .part_4-content .part_4-item::before {
  height: calc(100% - 0.56rem);
  display: block;
  content: "";
  position: absolute;
  top: 0.28rem;
  left: 0;
  border-left: 4px solid var(--primary);
}
.part_4 .part_4-content .part_4-item .part_4-item-info .part_4-item-title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: var(--text-color-1);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.part_4 .part_4-content .part_4-item .part_4-item-info .part_4-item-date {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  gap: 0.12rem;
}
.part_4 .part_4-content .part_4-item .part_4-item-info .part_4-item-date .calendar {
  width: 0.28rem;
}
.part_4 .part_4-content .part_4-item .part_4-item-info .part_4-item-date .part_4-item-date-text {
  color: var(--text-color-3);
  font-size: 0.26rem;
}

.part_5 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_5 .part_5-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_5 .part_5-title .part_5-title-text {
  position: relative;
}
.part_5 .part_5-title .part_5-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #fef0ba, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_5 .part_5-title .part_5-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_5 .part_5-title .part_5-more {
  color: var(--text-color-2);
  font-size: 0.26rem;
}
.part_5 .part_5-content .part_5-card {
  display: grid;
  grid-template-columns: 2rem 1fr 1fr;
  gap: 0.2rem;
  margin-top: 0.55rem;
}
.part_5 .part_5-content .part_5-card .part_5-card-item {
  position: relative;
}
.part_5 .part_5-content .part_5-card .part_5-card-item .part_5-card-item-title {
  position: absolute;
  left: 0.32rem;
  top: 0.2rem;
  font-size: 0.26rem;
  color: var(--text-color-1);
}
.part_5 .part_5-content .part_5-card .part_5-card-item .part_5-card-item-title::after {
  display: block;
  content: "";
  width: 35px;
  height: 3px;
  border-radius: 4px;
  margin-top: 8px;
}
.part_5 .part_5-content .part_5-card .part_5-card-item img {
  width: 100%;
  height: 100%;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(1) {
  grid-row-start: span 2;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(1) .part_5-card-item-title::after {
  background-color: #c4d6fc;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(2) .part_5-card-item-title::after {
  background-color: #fbb76f;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(3) .part_5-card-item-title::after {
  background-color: #bfc1f6;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(4) .part_5-card-item-title::after {
  background-color: #f59d9e;
}
.part_5 .part_5-content .part_5-card .part_5-card-item:nth-child(5) .part_5-card-item-title::after {
  background-color: #6edcec;
}
.part_5 .part_5-content .part_5-list {
  border-top: 1px solid var(--divider);
  margin-top: 0.28rem;
}
.part_5 .part_5-content .part_5-list .part_5-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.28rem;
  gap: 0.5rem;
  border-bottom: 1px solid var(--divider);
}
.part_5 .part_5-content .part_5-list .part_5-list-item .part_5-list-item-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  position: relative;
}
.part_5 .part_5-content .part_5-list .part_5-list-item .part_5-list-item-title::before {
  width: 0.12rem;
  height: 0.12rem;
  display: block;
  content: "";
  background-color: var(--text-color-1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.part_5 .part_5-content .part_5-list .part_5-list-item .part_5-list-item-title .part_5-list-item-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  color: var(--text-color-1);
  padding-left: 0.2rem;
}
.part_5 .part_5-content .part_5-list .part_5-list-item .part_5-list-item-icon {
  display: flex;
  align-items: center;
}
.part_5 .part_5-content .part_5-list .part_5-list-item .part_5-list-item-icon .gray-right-arrow {
  width: 0.12rem;
}

.advertisement {
  width: 100%;
}

.part_6 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_6 .part_6-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_6 .part_6-title .part_6-title-text {
  position: relative;
}
.part_6 .part_6-title .part_6-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d0e5f4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_6 .part_6-title .part_6-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_6 .part_6-title .part_6-more {
  color: var(--text-color-2);
  font-size: 0.26rem;
}
.part_6 .part_6-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
  margin-top: 0.55rem;
}
.part_6 .part_6-content .part_6-item {
  min-height: 2.32rem;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0.2rem 0.15rem 0.15rem 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--card-bg);
  cursor: pointer;
  position: relative;
}
.part_6 .part_6-content .part_6-item::before {
  display: block;
  content: "";
  width: 0px;
  height: 4px;
  background-color: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.part_6 .part_6-content .part_6-item:hover::before {
  width: 100%;
}
.part_6 .part_6-content .part_6-item .part_6-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.12rem;
}
.part_6 .part_6-content .part_6-item .part_6-item-info .part_6-item-title {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: var(--text-color-1);
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.part_6 .part_6-content .part_6-item .part_6-item-info .part_6-item-title::before {
  width: 4px;
  height: 18px;
  border-radius: 4px;
  display: block;
  content: "";
  background-color: var(--primary);
  position: absolute;
  left: -0.16rem;
  top: 0.05rem;
}
.part_6 .part_6-content .part_6-item .part_6-item-info .part_6-item-icon {
  width: 0.8rem;
  position: absolute;
  top: 40%;
}
.part_6 .part_6-content .part_6-item .part_6-item-bottom {
  display: flex;
  justify-content: space-between;
}
.part_6 .part_6-content .part_6-item .part_6-item-bottom .part_6-item-date {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  color: var(--text-color-3);
  font-size: 0.24rem;
}
.part_6 .part_6-content .part_6-item .part_6-item-bottom .part_6-item-date .grey-calendar {
  width: 0.28rem;
}
.part_6 .part_6-content .part_6-item .part_6-item-bottom .part_6-item-btn {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  color: var(--primary);
  font-size: 0.24rem;
}
.part_6 .part_6-content .part_6-item .part_6-item-bottom .part_6-item-btn .blue-right-arrow {
  width: 0.12rem;
}

.part_7 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_7 .part_7-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_7 .part_7-title .part_7-title-text {
  position: relative;
}
.part_7 .part_7-title .part_7-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d0e5f4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_7 .part_7-title .part_7-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_7 .part_7-title .part_7-more {
  color: var(--text-color-2);
  font-size: 0.26rem;
}
.part_7 .part_7-content {
  margin-top: 0.55rem;
}
.part_7 .part_7-content .part_7-swiper {
  overflow: hidden;
}
.part_7 .part_7-content .part_7-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.part_7 .part_7-content .part_7-swiper .swiper-wrapper .swiper-slide img {
  width: 3.4rem;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}
.part_7 .part_7-content .part_7-list {
  margin-top: 0.28rem;
}
.part_7 .part_7-content .part_7-list .part_7-list-item {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  border-bottom: 1px solid var(--divider);
  padding: 0.28rem 0;
}
.part_7 .part_7-content .part_7-list .part_7-list-item .part_7-list-item-icon {
  white-space: nowrap;
  font-size: 0.26rem;
  background-image: linear-gradient(to bottom, var(--primary), color-mix(in srgb, var(--primary), white 40%));
  color: #fff;
  padding: 0.04rem 0.12rem;
  border-radius: 4px;
}
.part_7 .part_7-content .part_7-list .part_7-list-item .part_7-list-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  color: var(--text-color-1);
}

.part_8 {
  margin-top: 0.28rem;
  background-color: var(--bg-1);
  padding-bottom: 0.28rem;
}
.part_8 .part_8-title {
  background-color: var(--bg-1);
  padding: 0 0.28rem;
}
.part_8 .part_8-title .part_8-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-size: 0.28rem;
  gap: 0.2rem;
  padding-top: 0.32rem;
}
.part_8 .part_8-title .part_8-tabs .part_8-tabs-item {
  color: var(--text-color-1);
  background-color: #fff;
  padding: 0.12rem 0.2rem;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--divider);
  font-size: 0.28rem;
}
.part_8 .part_8-title .part_8-tabs .active {
  background-color: var(--primary);
  color: #fff;
}
.part_8 .part_8-content .part_8-list-box {
  display: none;
}
.part_8 .part_8-content .active {
  display: block;
}
.part_8 .part_8-content .part_8-list-video {
  padding: 0.28rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
}
.part_8 .part_8-content .part_8-item {
  width: 100%;
  border: 1px solid var(--divider);
  box-shadow: var(--shadow);
  display: block;
}
.part_8 .part_8-content .part_8-item .part_8-item-top {
  position: relative;
}
.part_8 .part_8-content .part_8-item .part_8-item-top .part_8-img {
  width: 100%;
  height: 2rem;
  display: block;
  object-fit: cover;
}
.part_8 .part_8-content .part_8-item .part_8-item-top .play-icon {
  width: 0.46rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.part_8 .part_8-content .part_8-item .part_8-item-info {
  padding: 0.24rem;
}
.part_8 .part_8-content .part_8-item .part_8-item-info .part_8-item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.part_8 .part_8-content .part_8-item .part_8-item-bottom {
  background-color: #fafafa;
  font-size: 0.26rem;
  padding: 0.12rem 0.24rem;
}
.part_8 .part_8-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.28rem;
}
.part_8 .part_8-btn .part_8-btn-text {
  color: var(--text-color-3);
  border: 1px solid var(--divider);
  padding: 0.12rem 0.56rem;
  border-radius: 24px;
  font-size: 0.26rem;
}

.part_9 {
  padding: 0.35rem 0.28rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_9 .part_9-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_9 .part_9-title .part_9-title-text {
  position: relative;
}
.part_9 .part_9-title .part_9-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d0e5f4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_9 .part_9-title .part_9-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_9 .part_9-title .part_9-more {
  color: var(--text-color-2);
  font-size: 0.26rem;
}
.part_9 .part_9-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0.35rem;
  gap: 0.2rem;
}
.part_9 .part_9-content .part_9-item {
  padding: 0.2rem 0 0;
}
.part_9 .part_9-content .part_9-item .part_9-img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.part_9 .part_9-content .part_9-item .part_9-item-qrcode {
  width: 2.18rem;
  height: 2.18rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--divider);
  border-radius: 4px;
}
.part_9 .part_9-content .part_9-item .part_9-item-qrcode .part_9-img {
  width: 1.86rem;
}
.part_9 .part_9-content .part_9-item .part_9-item-title {
  text-align: center;
  color: var(--text-color-1);
  font-size: 0.26rem;
  margin-top: 0.12rem;
}
.part_9 .part_9-advertisement {
  margin-top: 0.28rem;
}
.part_9 .part_9-advertisement .part_9-advertisement-img {
  width: 100%;
}

.part_10 {
  padding: 0.28rem 0.28rem 0.48rem;
  margin-top: 0.28rem;
  background-color: var(--bg-1);
}
.part_10 .part_10-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.part_10 .part_10-title .part_10-title-text {
  position: relative;
}
.part_10 .part_10-title .part_10-title-text::before {
  width: 0.56rem;
  height: 0.56rem;
  display: block;
  content: "";
  background: linear-gradient(to right, #d0e5f4, #fff);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 50%;
}
.part_10 .part_10-title .part_10-title-text span {
  position: relative;
  font-size: 0.36rem;
  color: var(--text-color-1);
  margin-left: 0.2rem;
}
.part_10 .part_10-content {
  margin-top: 0.48rem;
}
.part_10 .part_10-content .part_10-content-wapper:nth-child(1) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.part_10 .part_10-content .part_10-content-wapper:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
  margin-top: 0.2rem;
}
.part_10 .part_10-content .part_10-item {
  border: 1px solid var(--divider);
  padding: 0.08rem 0;
  border-radius: 4px;
  color: #333;
  font-size: 0.26rem;
  text-align: center;
}

.right-menu {
  position: fixed;
  z-index: 99;
  right: 0.32rem;
  bottom: 0.12rem;
}
.right-menu .back {
  display: none;
}
.right-menu .back .back-top {
  width: 0.92rem;
}

.footer {
  background-color: var(--primary);
  padding: 0.72rem 0.28rem;
}
.footer .footer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.12rem;
}
.footer .footer-tags .footer-tag {
  color: #fff;
  border: 1px solid #fff;
  padding: 0.02rem 0.15rem;
  font-size: 0.2rem;
  border-radius: 4px;
}
.footer .footer-bottom .footer-left {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.2rem;
  color: #fff;
  flex: 1;
  margin-top: 0.32rem;
}
.footer .footer-bottom .footer-left .footer-shield {
  width: 0.68rem;
}
.footer .footer-bottom .footer-left .footer-text {
  font-size: 0.28rem;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.footer .footer-bottom .footer-left .footer-text .footer-text-2 {
  display: flex;
  align-items: flex-start;
  gap: 0.12rem;
}
.footer .footer-bottom .footer-left .footer-text .footer-text-2 a {
  display: block;
}
.footer .footer-bottom .footer-qr-code {
  display: flex;
  gap: 0.2rem;
  flex: 1;
}
.footer .footer-bottom .footer-qr-code .footer-qr-code-item {
  flex: 1;
  font-size: 0.28rem;
  line-height: 1.8;
}
.footer .footer-bottom .footer-qr-code .footer-qr-code-item .footer-qr-code-img {
  width: 1.92rem;
  height: 1.92rem;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.footer .footer-bottom .footer-qr-code .footer-qr-code-item .footer-qr-code-title {
  text-align: center;
  color: #fff;
  margin-top: 5px;
}