.right-container.data-v-9f74ebdb {
  width: calc(100% - 235rpx);
  height: 100vh;
  transition: opacity 1s ease;
}
.right-container .right-container-sec.data-v-9f74ebdb {
  width: 100%;
  display: flex;
  position: relative;
}
.right-container .right-container-sec .right-container-left-font-spec.data-v-9f74ebdb {
  position: absolute;
  top: 180rpx;
  left: 580rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #34c678;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-container .right-container-sec .right-container-fir-left-carousel.data-v-9f74ebdb {
  position: absolute;
  right: 245rpx;
  top: 17rpx;
}
.right-container .right-container-sec .right-container-fir-left-carousel .carousel.data-v-9f74ebdb {
  position: relative;
  width: 30rpx;
  /* 轮播图的宽度 */
  height: 80rpx;
  /* 轮播图的高度 */
  /* 背景色（示例） */
}
.right-container .right-container-sec .right-container-fir-left-carousel .carousel .dots.data-v-9f74ebdb {
  position: absolute;
  top: 50%;
  right: 10rpx;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 7rpx;
}
.right-container .right-container-sec .right-container-fir-left-carousel .carousel .dots .dot.data-v-9f74ebdb {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #657494;
  /* 默认未激活的颜色 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.right-container .right-container-sec .right-container-fir-left-carousel .carousel .dots .dot-dark.data-v-9f74ebdb {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #fff;
  /* 默认未激活的颜色 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.right-container .right-container-sec .right-container-fir-left-carousel .carousel .dots .dot.active.data-v-9f74ebdb {
  background-color: #01A0FE;
  /* 激活的颜色 */
}
.right-container .right-container-sec .right-container-right-father-dark.data-v-9f74ebdb {
  margin-left: 2%;
  width: 41%;
  height: 630rpx;
  border-radius: 45rpx;
  background-color: #16304c;
  border: 2rpx solid transparent;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
  /* 背景颜色 #f4f9ff，透明度 70% */
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap.data-v-9f74ebdb {
  margin-top: 200rpx;
  width: 1200rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 900rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
}
.right-container .right-container-sec .right-container-right-father-dark .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next.data-v-9f74ebdb {
  height: 100%;
  width: 700rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-button-view-fin.data-v-9f74ebdb {
  display: flex;
  margin-top: 50rpx;
  margin-left: -50rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-start.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-end.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-end-dark.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
  /* 渐变从下到上 */
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-people.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 20rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-people .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-people .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 90rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-people .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 90rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-font.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-font-dark.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 70rpx;
  font-weight: 700;
  width: 800rpx;
  margin-bottom: 50rpx;
  line-height: 70rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father-dark .time-tra-next .time-text .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father.data-v-9f74ebdb {
  width: 100%;
  height: 560rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  box-shadow: 2rpx 0 0 2rpx;
  background-color: #16304c;
  border: 2rpx solid #fff;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font-dark.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #fff;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  color: #fff;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  border: 1rpx solid black;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 50rpx;
  color: #fff;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-title.data-v-9f74ebdb {
  width: 100%;
  height: 170rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-title .right-container-right-text.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-title .right-container-right-text-dark.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
  color: #fff;
}
.right-container .right-container-sec .right-container-right-father-dark .right-container-right-title .right-container-right-img.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  right: 50rpx;
  width: 50rpx;
  height: 15rpx;
}
.right-container .right-container-sec .right-container-right-father.data-v-9f74ebdb {
  margin-left: 2%;
  width: 41%;
  height: 630rpx;
  border-radius: 35rpx;
  border: 2rpx solid #fff;
  background-image: url('../../static/index/mountain.png');
  background-color: rgba(200, 216, 238, 0.8);
  background-position: 60% 50%;
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap.data-v-9f74ebdb {
  margin-top: 200rpx;
  width: 1200rpx;
}
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 900rpx;
}
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
}
.right-container .right-container-sec .right-container-right-father .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next.data-v-9f74ebdb {
  height: 100%;
  width: 700rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin.data-v-9f74ebdb {
  display: flex;
  margin-top: 50rpx;
  margin-left: -50rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin .time-button-start.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end-dark.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
  /* 渐变从下到上 */
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-people.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 20rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-people .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-people .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 90rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-people .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 90rpx;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-font.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-font-dark.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 70rpx;
  font-weight: 700;
  width: 800rpx;
  margin-bottom: 50rpx;
  line-height: 70rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father .time-tra-next .time-text .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father.data-v-9f74ebdb {
  width: 100%;
  height: 560rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  box-shadow: 2rpx 0 0 2rpx;
  background-color: #16304c;
  border: 2rpx solid #fff;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font-dark.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #fff;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  color: #fff;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  border: 1rpx solid black;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 50rpx;
  color: #fff;
  margin-top: 30rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-down-father .right-container-right-down-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-title.data-v-9f74ebdb {
  width: 100%;
  height: 170rpx;
  position: relative;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-title .right-container-right-text.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-title .right-container-right-text-dark.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
  color: #fff;
}
.right-container .right-container-sec .right-container-right-father .right-container-right-title .right-container-right-img.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  right: 50rpx;
  width: 50rpx;
  height: 15rpx;
}
.right-container .right-container-sec .right-container-left.data-v-9f74ebdb {
  width: 55%;
  height: 630rpx;
  border-radius: 45rpx;
  border: 1rpx solid #fff;
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  /* 白色背景透明度为 10% */
  background-image: url('../../static/index/mountain.png');
  background-position: 70% 45%;
  overflow: hidden;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  /* 背景图片从左上角25%和30%的位置开始 */
}
.right-container .right-container-sec .right-container-left-dark.data-v-9f74ebdb {
  width: 55%;
  height: 630rpx;
  border-radius: 45rpx;
  background-color: #16304c;
  border: 2rpx solid transparent;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.right-container .right-container-sec .uni-margin-wrap.data-v-9f74ebdb {
  width: 1000rpx;
}
.right-container .right-container-sec .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 700rpx;
}
.right-container .right-container-sec .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
  position: relative;
}
.right-container .right-container-sec .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 250rpx;
  line-height: 300rpx;
  text-align: center;
}
.right-container .right-container-sec .right-container-fir-left-card-main-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 10rpx;
  z-index: 11;
}
.right-container .right-container-sec .right-huli-fir.data-v-9f74ebdb {
  width: 250rpx;
  height: 100%;
  margin-top: 0rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.right-container .right-container-sec .right-huli-fir .right-huli-view.data-v-9f74ebdb {
  margin-left: 8rpx;
  height: 750rpx;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
.right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 170rpx;
}
.right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-img.data-v-9f74ebdb {
  width: 80rpx;
  height: 80rpx;
}
.right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text.data-v-9f74ebdb {
  width: 100%;
  height: 10rpx;
  font-size: 35rpx;
  text-align: center;
  margin-bottom: 5rpx;
}
.right-container .right-container-sec .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text-dark.data-v-9f74ebdb {
  width: 100%;
  height: 10rpx;
  font-size: 35rpx;
  text-align: center;
  margin-bottom: 5rpx;
  color: #fff;
}
.right-container .right-container-sec .right-huli-fir .right-huli-shang.data-v-9f74ebdb {
  margin-top: 40rpx;
  width: 30rpx;
  height: 30rpx;
}
.right-container .right-container-sec .right-huli-fir .right-huli-xia.data-v-9f74ebdb {
  margin-bottom: 40rpx;
  width: 30rpx;
  height: 30rpx;
}
.right-container .right-container-sec .right-container-photo.data-v-9f74ebdb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 50rpx;
}
.right-container .right-container-sec .right-container-photo .right-container-photo-img.data-v-9f74ebdb {
  width: 310rpx;
  height: 350rpx;
  margin-bottom: 10rpx;
}
.right-container .right-container-sec .right-container-photo .right-container-photo-text.data-v-9f74ebdb {
  font-size: 30rpx;
  color: #324160;
}
.right-container .right-container-sec .right-container-photo .right-container-photo-text-dark.data-v-9f74ebdb {
  font-size: 30rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-sec .right-container-fir-left-card-main-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-left: 30rpx;
}
.right-container .right-container-sec .right-container-left-type.data-v-9f74ebdb {
  position: absolute;
  top: 42rpx;
  left: -15rpx;
  width: 235rpx;
  height: 73rpx;
  z-index: 10;
}
.right-container .right-container-sec .right-container-left-font.data-v-9f74ebdb {
  position: absolute;
  top: 51rpx;
  left: 50rpx;
  font-size: 36rpx;
  color: #fff;
  z-index: 10;
}
.right-container .right-container-sec .time-tra-thi.data-v-9f74ebdb {
  margin-left: 80rpx;
  margin-top: 70rpx;
  height: 100%;
  width: 550rpx;
  position: relative;
}
.right-container .right-container-sec .time-tra-thi .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 35rpx;
  width: 450rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
}
.right-container .right-container-sec .time-tra-thi .time-text-dark.data-v-9f74ebdb {
  margin-left: 10rpx;
  color: #CDD6EA;
  font-size: 35rpx;
  width: 450rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
}
.right-container .right-container-sec .time-tra-thi .time-tra-thi-zhixing.data-v-9f74ebdb {
  position: absolute;
  top: 75rpx;
  left: 450rpx;
}
.right-container .right-container-sec .time-tra-thi .time-tra-thi-zhixing-font.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  left: 10rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #f37b5b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-container .right-container-sec .time-tra-thi .time-people-two.data-v-9f74ebdb {
  display: flex;
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.right-container .right-container-sec .time-tra-thi .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 10rpx;
}
.right-container .right-container-sec .time-tra-thi .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 20rpx;
}
.right-container .right-container-sec .time-tra-thi .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
}
.right-container .right-container-sec .time-tra-thi .time-people-thi.data-v-9f74ebdb {
  display: flex;
}
.right-container .right-container-sec .time-tra-thi .time-people-thi .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
  margin-left: 5rpx;
}
.right-container .right-container-sec .time-tra-thi .time-people-thi .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-container .right-container-sec .time-tra-thi .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-container .right-container-sec .time-tra-thi .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-left: 0rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-thi .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-thi .time-font.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-top: 120rpx;
  margin-bottom: 40rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-sec .time-tra-thi .time-font-dark.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-top: 120rpx;
  margin-bottom: 40rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.right-container .right-container-sec .time-tra-thi .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.right-container .right-container-sec .time-tra-sec.data-v-9f74ebdb {
  margin-left: 80rpx;
  margin-top: 110rpx;
  height: 100%;
  width: 500rpx;
  overflow: hidden;
}
.right-container .right-container-sec .time-tra-sec .time-people-thi.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 15rpx;
}
.right-container .right-container-sec .time-tra-sec .time-people-thi .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
  margin-left: 5rpx;
}
.right-container .right-container-sec .time-tra-sec .time-people-thi .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-container .right-container-sec .time-tra-sec .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.right-container .right-container-sec .time-tra-sec .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-top: 30rpx;
  margin-left: 0rpx;
}
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to top, #0DA0B1, #04D3AF);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-sec .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-sec .time-tra-sec .time-font.data-v-9f74ebdb {
  font-size: 75rpx;
  margin-top: 30rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-sec .time-tra-sec .time-font-dark.data-v-9f74ebdb {
  font-size: 75rpx;
  margin-top: 30rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.right-container .right-container-sec .time-tra-sec .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.right-container .time-people-sec.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 10rpx;
}
.right-container .time-people-sec .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 10rpx;
  margin-left: 5rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .time-people-sec .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 90rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .time-people-sec .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 90rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir.data-v-9f74ebdb {
  width: 100%;
  height: 580rpx;
  display: flex;
}
.right-container .right-container-fir .right-container-fir-left-nav.data-v-9f74ebdb {
  width: 63%;
  height: 548rpx;
  border-radius: 45rpx;
  /* 圆角 */
  position: relative;
  /* 增加背景色确保视觉效果 */
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  /* 增强的阴影效果 */
  /* 包括边框在内计算宽高 */
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel.data-v-9f74ebdb {
  position: absolute;
  left: 930rpx;
  margin-top: 10rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel .carousel.data-v-9f74ebdb {
  position: relative;
  width: 150rpx;
  /* 轮播图的宽度 */
  height: 100rpx;
  /* 轮播图的高度 */
  /* 背景色（示例） */
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel .carousel .dots.data-v-9f74ebdb {
  position: absolute;
  top: 50%;
  right: 10rpx;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 7rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel .carousel .dots .dot.data-v-9f74ebdb {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #657494;
  /* 默认未激活的颜色 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel .carousel .dots .dot-dark.data-v-9f74ebdb {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #fff;
  /* 默认未激活的颜色 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-carousel .carousel .dots .dot.active.data-v-9f74ebdb {
  background-color: #01A0FE;
  /* 激活的颜色 */
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  border: 1rpx solid #fff;
  background-color: rgba(99, 115, 157, 0.1);
  /* 白色背景透明度为 10% */
  background-image: url('../../static/index/mountain.png');
  background-position: 60% 50%;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-dark.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2rpx solid transparent;
  border-radius: 45rpx;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .split-line-white-right-left.data-v-9f74ebdb {
  width: 2rpx;
  /* 线条的宽度 */
  height: 800rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #fff 50%, rgba(0, 0, 0, 0) 100%);
  margin-right: 20rpx;
  position: relative;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .split-line-white-right-left .split-line-white-img.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -300rpx;
  height: 800rpx;
  width: 300rpx;
  z-index: -1;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .uni-margin-wrap-fir.data-v-9f74ebdb {
  width: 100%;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper.data-v-9f74ebdb {
  height: 470rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
  margin-top: 30rpx;
  z-index: 10;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 200rpx;
  line-height: 300rpx;
  text-align: center;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-main-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 25rpx;
  z-index: 1;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir.data-v-9f74ebdb {
  margin-top: 40rpx;
  margin-left: 30rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-two.data-v-9f74ebdb {
  display: flex;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-top: 10rpx;
  margin-left: 0rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
  /* 渐变从下到上 */
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-fir.data-v-9f74ebdb {
  display: flex;
  margin-right: 20rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 10rpx;
  margin-left: 5rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-font.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-bottom: 30rpx;
  background: linear-gradient(to top, #334160, #687898);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-font-dark.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-bottom: 30rpx;
  background: linear-gradient(to right, #EBF4FF, #ADC4E0);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 35rpx;
  width: 530rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .time-tra-fir .time-text-dark.data-v-9f74ebdb {
  margin-left: 10rpx;
  color: #CDD6EA;
  font-size: 35rpx;
  width: 530rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  margin-left: 50rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing.data-v-9f74ebdb {
  position: absolute;
  top: 10rpx;
  left: 870rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  left: 10rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #f37b5b;
  display: flex;
  justify-content: center;
  align-items: center;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font.data-v-9f74ebdb {
  font-size: 34rpx;
  font-weight: 350;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font-dark.data-v-9f74ebdb {
  font-size: 34rpx;
  font-weight: 350;
  transition: all 0.4s ease-in-out;
  color: #fff;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video.data-v-9f74ebdb {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-laba.data-v-9f74ebdb {
  width: 45rpx;
  height: 45rpx;
  margin-right: 5rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-video.data-v-9f74ebdb {
  width: 45rpx;
  height: 45rpx;
  transition: all 0.4s ease-in-out;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-img.data-v-9f74ebdb {
  width: 360rpx;
  height: 270rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-main .right-container-fir-left-card-main-left-up.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 0rpx;
  margin-left: 20rpx;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-hulilei.data-v-9f74ebdb {
  position: absolute;
  top: 42rpx;
  left: -10rpx;
  width: 220rpx;
  height: 73rpx;
  z-index: 10;
}
.right-container .right-container-fir .right-container-fir-left-nav .right-container-fir-left-card-hulilei-font.data-v-9f74ebdb {
  position: absolute;
  top: 51rpx;
  left: 45rpx;
  font-size: 36rpx;
  color: #fff;
  z-index: 10;
}
.right-container .right-container-fir .right-container-fir-right.data-v-9f74ebdb {
  margin-left: 2%;
  margin-right: 2%;
  width: 700rpx;
  height: 548rpx;
  border-radius: 40rpx;
  border: 1rpx solid #fff;
  background: url(../../static/index/rightbgi.png);
  background-size: cover;
  background-color: rgba(99, 115, 157, 0.1);
}
.right-container .right-container-fir .right-container-fir-right-dark.data-v-9f74ebdb {
  margin-left: 2%;
  margin-right: 2%;
  width: 700rpx;
  height: 548rpx;
  border-radius: 40rpx;
  border: 1rpx solid #fff;
  background-color: #16304c;
  border: 2rpx solid transparent;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
}
.right-container .right-container-fir .right-container-card.data-v-9f74ebdb {
  margin-top: 25rpx;
  margin-left: 40rpx;
  position: relative;
}
.right-container .right-container-fir .right-container-card .right-container-card-right.data-v-9f74ebdb {
  position: absolute;
  right: 0;
  top: 0;
  width: 120rpx;
  height: 350rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20rpx;
  margin-right: 20rpx;
}
.right-container .right-container-fir .right-container-card .right-container-card-right .right-container-card-right-img.data-v-9f74ebdb {
  width: 60rpx;
  height: 60rpx;
  margin-top: 10rpx;
}
.right-container .right-container-fir .right-container-card .right-container-button.data-v-9f74ebdb {
  display: flex;
  margin-left: -20rpx;
  margin-top: 23rpx;
}
.right-container .right-container-fir .right-container-card .right-container-button .right-container-button-any.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 150rpx;
  position: relative;
}
.right-container .right-container-fir .right-container-card .right-container-button .right-container-button-any .right-container-button-ray.data-v-9f74ebdb {
  position: absolute;
  top: -25rpx;
  left: 0rpx;
  width: 158rpx;
  height: 150rpx;
}
.right-container .right-container-fir .right-container-card .right-container-button .right-container-button-any .right-container-button-text.data-v-9f74ebdb {
  font-size: 25rpx;
  color: #313D56;
}
.right-container .right-container-fir .right-container-card .right-container-button .right-container-button-img.data-v-9f74ebdb {
  width: 80rpx;
  height: 80rpx;
}
.right-container .right-container-fir .right-container-card .right-container-fenge.data-v-9f74ebdb {
  width: 100%;
  height: 2rpx;
  /* 可根据需求调整容器的高度 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, /* 左端透明 */ #ffffff 50%, /* 中心纯白 */ rgba(255, 255, 255, 0) 100% /* 右端透明 */);
}
.right-container .right-container-fir .right-container-card .right-container-tem.data-v-9f74ebdb {
  display: flex;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.right-container .right-container-fir .right-container-card .right-container-tem .right-container-tem-text.data-v-9f74ebdb {
  font-size: 50rpx;
  margin-right: 70rpx;
}
.right-container .right-container-fir .right-container-card .right-container-tem .right-container-tem-text-dark.data-v-9f74ebdb {
  font-size: 50rpx;
  margin-right: 70rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-fir .right-container-card .right-container-tem .right-container-tem-img.data-v-9f74ebdb {
  width: 65rpx;
  height: 65rpx;
}
.right-container .right-container-fir .right-container-card .right-container-title.data-v-9f74ebdb {
  font-size: 120rpx;
  font-weight: 500;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
  margin: 0;
}
.right-container .right-container-fir .right-container-card .right-container-title-dark.data-v-9f74ebdb {
  font-size: 120rpx;
  display: block;
  margin: 0;
  font-weight: 500;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-fir .right-container-card .right-container-date.data-v-9f74ebdb {
  font-size: 35rpx;
  display: block;
  margin: 0;
  margin-left: 18rpx;
  margin-bottom: 10rpx;
}
.right-container .right-container-fir .right-container-card .right-container-date-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  color: #7080A1;
  display: block;
  margin: 0;
  margin-left: 18rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-fir .right-container-card .right-container-day.data-v-9f74ebdb {
  font-size: 35rpx;
  font-weight: 600;
  margin-left: 18rpx;
}
.right-container .right-container-fir .right-container-card .right-container-day-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  font-weight: 600;
  margin-left: 18rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-title-nav.data-v-9f74ebdb {
  margin-top: 75rpx;
  margin-bottom: 20rpx;
  margin-left: 20rpx;
}
.right-container .right-container-title-nav .right-container-title-no.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-right: 20rpx;
}
.right-container .right-container-title-nav .right-container-title-no-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  margin-right: 20rpx;
}
.right-container .right-container-title-nav .right-container-title-class.data-v-9f74ebdb {
  font-size: 35rpx;
  font-weight: 800;
  margin-left: 20rpx;
}
.right-container .right-container-title-nav .right-container-title-class-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  font-weight: 800;
  margin-left: 20rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-container .right-container-title-nav .right-container-title-class-anhei-button.data-v-9f74ebdb {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30rpx;
  margin-right: 30rpx;
  width: 200rpx;
  height: 50rpx;
  background-color: black;
  border: 2rpx solid;
}
.right-container .right-container-title-nav .right-container-title-class-anhei-button .right-container-title-class-anhei.data-v-9f74ebdb {
  font-size: 20rpx;
  font-weight: 800;
  color: white;
}
.split-line.data-v-9f74ebdb {
  margin-left: 20rpx;
  margin-top: 120rpx;
  width: 2rpx;
  /* 线条的宽度 */
  height: 150rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #92a7c5 50%, rgba(0, 0, 0, 0) 100%);
  /* 上面到下面的渐变效果：
	     - 从透明到黑色，再从黑色到透明
	     - 渐变的范围：50%处为渐变的中心，顶部和底部是透明的 */
}
.split-line-white-sec.data-v-9f74ebdb {
  width: 2rpx;
  /* 线条的宽度 */
  height: 800rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #fff 50%, rgba(0, 0, 0, 0) 100%);
  position: relative;
}
.split-line-white-sec .split-line-white-img.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -300rpx;
  height: 800rpx;
  width: 300rpx;
  pointer-events: none;
}
.card-upfaguang.data-v-9f74ebdb {
  position: absolute;
  top: 265rpx;
  left: 50rpx;
  height: 600rpx;
  width: 500rpx;
  transition: all 0.4s ease-in-out;
}
.card-upfaguang-down.data-v-9f74ebdb {
  position: absolute;
  top: 620rpx;
  left: 860rpx;
  height: 600rpx;
  width: 500rpx;
}
.right-huli-sec.data-v-9f74ebdb {
  margin-left: 7rpx;
  width: 230rpx;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.4s ease-in-out;
}
.right-huli-sec .right-huli-view.data-v-9f74ebdb {
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* 垂直方向对齐方式可以调整 */
  flex-direction: column;
  height: 450rpx;
}
.right-huli-sec .right-huli-view .right-huli-view-dis.data-v-9f74ebdb {
  height: 140rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.right-huli-sec .right-huli-view .right-huli-view-dis .right-huli-img.data-v-9f74ebdb {
  width: 90rpx;
  height: 90rpx;
}
.right-huli-sec .right-huli-view .right-huli-view-dis .right-huli-text.data-v-9f74ebdb {
  width: 100%;
  height: 15rpx;
  text-align: center;
  font-size: 35rpx;
}
.right-huli-sec .right-huli-view .right-huli-view-dis .right-huli-text-dark.data-v-9f74ebdb {
  width: 100%;
  height: 15rpx;
  text-align: center;
  font-size: 35rpx;
  color: #fff;
  margin-top: 10rpx;
}
.right-huli-sec .right-huli-shang.data-v-9f74ebdb {
  width: 30rpx;
  height: 20rpx;
}
.right-huli-sec .right-huli-xia.data-v-9f74ebdb {
  width: 30rpx;
  height: 20rpx;
}
.right-container-fir-left-card-flex.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 20rpx;
}
.right-container-fir-left-card-flex-sec.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.right-container-fir-left-card-flex-sec .right-container-fir-left-card-flex-sec-img.data-v-9f74ebdb {
  position: absolute;
  top: 42rpx;
  left: -10rpx;
  width: 220rpx;
  height: 73rpx;
  z-index: 10;
}
.right-container-fir-left-card-flex-sec .right-container-fir-left-card-flex-sec-font.data-v-9f74ebdb {
  position: absolute;
  top: 51rpx;
  left: 45rpx;
  font-size: 36rpx;
  color: #fff;
  z-index: 10;
}
.right-container-fir-left-card-flex-sec .right-container-fir-left-card-flex-sec-imgright-fir.data-v-9f74ebdb {
  position: absolute;
  width: 100rpx;
  height: 50rpx;
  top: 51rpx;
  left: 650rpx;
  z-index: 10;
}
.right-container-fir-left-card-flex-sec .right-container-fir-left-card-flex-sec-imgright-sec.data-v-9f74ebdb {
  position: absolute;
  width: 100rpx;
  height: 50rpx;
  top: 51rpx;
  left: 670rpx;
  z-index: 10;
}
.savehundred.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
}
.mt.data-v-9f74ebdb {
  margin-top: 50rpx;
}
.progress-bar-container.data-v-9f74ebdb {
  margin-top: 30rpx;
  width: 60%;
  height: 20rpx;
  background-color: #AAB9D6;
  border-radius: 15px;
  overflow: hidden;
}
.progress-bar.data-v-9f74ebdb {
  height: 100%;
  /* 这里可以更改进度百分比 */
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-radius: 15px 0 0 15px;
  transition: width 0.3s ease;
}
.under-father.data-v-9f74ebdb {
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 150rpx;
}
.under-father .under-father-view.data-v-9f74ebdb {
  margin-left: 10rpx;
  margin-right: 150rpx;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.under-father .under-father-view .under-father-light.data-v-9f74ebdb {
  position: absolute;
  bottom: -20rpx;
  left: -90rpx;
  width: 300rpx;
  height: 200rpx;
}
.under-father .under-father-view .under-father-img.data-v-9f74ebdb {
  width: 80rpx;
  height: 80rpx;
  margin-left: -3rpx;
}
.under-father .under-father-view .under-father-img-font.data-v-9f74ebdb {
  font-size: 30rpx;
}
.under-father .under-father-view .under-father-img-font-dark.data-v-9f74ebdb {
  font-size: 30rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
}
.right-icons.data-v-9f74ebdb {
  display: flex;
  align-items: center;
  float: right;
  height: 70rpx;
  margin-right: 40rpx;
}
.right-icons .right-icons-font.data-v-9f74ebdb {
  margin-left: 10rpx;
  margin-right: 10rpx;
  font-size: 35rpx;
  margin-top: -30rpx;
}
.right-icons .right-icons-font-dark.data-v-9f74ebdb {
  color: #fff;
  margin-left: 10rpx;
  margin-right: 10rpx;
  font-size: 35rpx;
  margin-top: -30rpx;
}
.right-icons .right-icons-img.data-v-9f74ebdb {
  width: 80rpx;
  height: 80rpx;
  margin-left: 10rpx;
  margin-right: 10rpx;
  margin-top: -40rpx;
}
.right-icons .right-icons-img-icon.data-v-9f74ebdb {
  width: 60rpx;
  height: 80rpx;
  margin-top: -10rpx;
  margin-left: 8rpx;
}
.swiper-item-flex .time-tra-thi-photo.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300rpx;
  flex-direction: column;
  transition: all 0.4s ease-in-out;
  margin-left: 20rpx;
}
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-img.data-v-9f74ebdb {
  width: 330rpx;
  height: 330rpx;
  margin-top: -100rpx;
  margin-left: -50rpx;
  transition: all 0.4s ease-in-out;
}
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 50rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 50rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-change.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 510rpx;
  margin-left: 200rpx;
  flex-direction: column;
  transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-change .time-tra-thi-photo-img.data-v-9f74ebdb {
  width: 500rpx;
  height: 500rpx;
  margin-top: -100rpx;
  margin-left: -50rpx;
  transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-change .time-tra-thi-photo-font.data-v-9f74ebdb {
  font-size: 40rpx;
  margin-right: 50rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-change .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 40rpx;
  margin-right: 50rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay.data-v-9f74ebdb {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(1rpx);
          backdrop-filter: blur(1rpx);
  transition: all 0.4s ease-in-out;
  /* 添加毛玻璃效果 */
  z-index: 999;
}
.popup-overlay .popup-overlay-content.data-v-9f74ebdb {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50rpx;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out, top 0.4s ease-in-out, left 0.4s ease-in-out;
  /* 修正了 transition 语法  左上角*/
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  /* 圆角 */
  position: relative;
  /* 增加背景色确保视觉效果 */
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  /* 增强的阴影效果 */
  /* 包括边框在内计算宽高 */
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-carousel.data-v-9f74ebdb {
  position: absolute;
  left: 950rpx;
  margin-top: 10rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  border: 1rpx solid #fff;
  background-color: #c9ddf4;
  /* 白色背景透明度为 10% */
  /* 白色背景透明度为 10% */
  background-image: url('../../static/index/mountain.png');
  background-position: 60% 50%;
  /* 背景图片从左上角25%和30%的位置开始 */
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-dark.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2rpx solid transparent;
  border-radius: 45rpx;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .split-line-white-right-left.data-v-9f74ebdb {
  width: 2rpx;
  /* 线条的宽度 */
  height: 800rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #fff 50%, rgba(0, 0, 0, 0) 100%);
  margin-right: 20rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .split-line-white-right-left .split-line-white-img.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -300rpx;
  height: 800rpx;
  width: 300rpx;
  z-index: -1;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir.data-v-9f74ebdb {
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper.data-v-9f74ebdb {
  height: 470rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
  z-index: 10;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .uni-margin-wrap-fir .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 200rpx;
  line-height: 300rpx;
  text-align: center;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-main-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 25rpx;
  z-index: 1;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir.data-v-9f74ebdb {
  margin-top: 40rpx;
  margin-left: 50rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-two.data-v-9f74ebdb {
  display: flex;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-top: 10rpx;
  margin-left: 0rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
  /* 渐变从下到上 */
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-fir.data-v-9f74ebdb {
  display: flex;
  margin-right: 20rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 10rpx;
  margin-left: 5rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-people-fir .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-font.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-bottom: 30rpx;
  background: linear-gradient(to top, #334160, #687898);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-font-dark.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-bottom: 30rpx;
  background: linear-gradient(to right, #EBF4FF, #ADC4E0);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 35rpx;
  width: 530rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .time-tra-fir .time-text-dark.data-v-9f74ebdb {
  margin-left: 10rpx;
  color: #CDD6EA;
  font-size: 35rpx;
  width: 530rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card.data-v-9f74ebdb {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: 50rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing.data-v-9f74ebdb {
  position: absolute;
  top: 52rpx;
  left: 810rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font.data-v-9f74ebdb {
  position: absolute;
  top: -80rpx;
  left: 70rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #f37b5b;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font.data-v-9f74ebdb {
  font-size: 34rpx;
  font-weight: 350;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font-dark.data-v-9f74ebdb {
  font-size: 34rpx;
  font-weight: 350;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video.data-v-9f74ebdb {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-laba.data-v-9f74ebdb {
  width: 45rpx;
  height: 45rpx;
  margin-right: 5rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-video.data-v-9f74ebdb {
  width: 45rpx;
  height: 45rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-img.data-v-9f74ebdb {
  width: 360rpx;
  height: 270rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-main-left-up.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 0rpx;
  margin-left: 20rpx;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei.data-v-9f74ebdb {
  position: absolute;
  top: 120rpx;
  left: -10rpx;
  width: 220rpx;
  height: 73rpx;
  z-index: 10;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font.data-v-9f74ebdb {
  position: absolute;
  top: 130rpx;
  left: 45rpx;
  font-size: 36rpx;
  color: #fff;
  z-index: 10;
}
.popup-overlay .popup-overlay-content .right-container-left-font-spec.data-v-9f74ebdb {
  position: absolute;
  top: 150rpx;
  left: 580rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #34c678;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  background-color: #16304c;
  border: 2rpx solid transparent;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
  /* 背景颜色 #f4f9ff，透明度 70% */
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .uni-margin-wrap.data-v-9f74ebdb {
  margin-top: 200rpx;
  width: 100%;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 900rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next.data-v-9f74ebdb {
  height: 100%;
  width: 700rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-button-view-fin.data-v-9f74ebdb {
  display: flex;
  margin-top: 50rpx;
  margin-left: -50rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-start.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-end.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-button-view-fin .time-button-end-dark.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  /* 渐变从下到上 */
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-people.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 20rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-people .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-people .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 90rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-people .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 90rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-font.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-font-dark.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 70rpx;
  font-weight: 700;
  width: 800rpx;
  margin-bottom: 50rpx;
  line-height: 70rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .time-tra-next .time-text .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father.data-v-9f74ebdb {
  width: 100%;
  height: 560rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  box-shadow: 2rpx 0 0 2rpx;
  background-color: #16304c;
  border: 2rpx solid #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font-dark.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  color: #fff;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  border: 1rpx solid black;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 50rpx;
  color: #fff;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-down-father .right-container-right-down-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-title.data-v-9f74ebdb {
  width: 100%;
  height: 170rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-title .right-container-right-text.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-title .right-container-right-text-dark.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
  color: #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father-dark .right-container-right-title .right-container-right-img.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  right: 50rpx;
  width: 50rpx;
  height: 15rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
  border-radius: 35rpx;
  border: 2rpx solid #fff;
  background-image: url('../../static/index/mountain.png');
  background-color: rgba(200, 216, 238, 0.8);
  background-position: 60% 50%;
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap.data-v-9f74ebdb {
  margin-top: 200rpx;
  width: 100%;
}
.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 900rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
}
.popup-overlay .popup-overlay-content .right-container-right-father .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next.data-v-9f74ebdb {
  height: 100%;
  width: 700rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin.data-v-9f74ebdb {
  display: flex;
  margin-top: 50rpx;
  margin-left: -50rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-start.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background: linear-gradient(to top, #047ADB, #0EA7DD);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-button-view-fin .time-button-end-dark.data-v-9f74ebdb {
  width: 220rpx;
  height: 80rpx;
  border-radius: 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  /* 渐变从下到上 */
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 20rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 90rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-people .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 90rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-font.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-font-dark.data-v-9f74ebdb {
  font-size: 65rpx;
  margin-top: 50rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 70rpx;
  font-weight: 700;
  width: 800rpx;
  margin-bottom: 50rpx;
  line-height: 70rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father .time-tra-next .time-text .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father.data-v-9f74ebdb {
  width: 100%;
  height: 560rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  box-shadow: 2rpx 0 0 2rpx;
  background-color: #16304c;
  border: 2rpx solid #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-card-font-dark.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card-dark .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 35rpx;
  color: #fff;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card.data-v-9f74ebdb {
  margin-left: 50rpx;
  margin-top: 60rpx;
  width: 763rpx;
  height: 430rpx;
  border-radius: 40rpx;
  position: relative;
  display: flex;
  border: 1rpx solid black;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-line.data-v-9f74ebdb {
  width: 1px;
  /* 线条的宽度 */
  height: 200rpx;
  /* 高度占满父容器 */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #808080 50%, rgba(0, 0, 0, 0) 100%);
  margin-left: -20rpx;
  margin-right: 30rpx;
  margin-top: 100rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 450rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-type.data-v-9f74ebdb {
  position: absolute;
  top: 0rpx;
  left: -25rpx;
  width: 250rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-card-font.data-v-9f74ebdb {
  position: absolute;
  top: 15rpx;
  left: 65rpx;
  font-size: 35rpx;
  color: #414F6E;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-img.data-v-9f74ebdb {
  width: 230rpx;
  height: 200rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font.data-v-9f74ebdb {
  font-size: 35rpx;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-card .right-container-right-down-card-card .right-container-right-down-card-font-dark.data-v-9f74ebdb {
  font-size: 50rpx;
  color: #fff;
  margin-top: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-down-father .right-container-right-down-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-top: -150rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title.data-v-9f74ebdb {
  width: 100%;
  height: 170rpx;
  position: relative;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-text.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-text-dark.data-v-9f74ebdb {
  line-height: 130rpx;
  font-size: 40rpx;
  font-weight: 600;
  margin-left: 60rpx;
  color: #fff;
}
.popup-overlay .popup-overlay-content .right-container-right-father .right-container-right-title .right-container-right-img.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  right: 50rpx;
  width: 50rpx;
  height: 15rpx;
}
.popup-overlay .popup-overlay-content .right-container-left.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  border: 1rpx solid #fff;
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c9ddf4;
  /* 白色背景透明度为 10% */
  background-image: url('../../static/index/mountain.png');
  background-position: 70% 45%;
  overflow: hidden;
  box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
  /* 背景图片从左上角25%和30%的位置开始 */
}
.popup-overlay .popup-overlay-content .right-container-left-dark.data-v-9f74ebdb {
  width: 100%;
  height: 100%;
  border-radius: 45rpx;
  border: 2rpx solid transparent;
  background: url('../../static/index/cardbgc/bgcdark.png') padding-box, linear-gradient(45deg, #9bc4f8, #285399, #9bc4f8, #285399, #9bc4f8) border-box;
  background-clip: padding-box, border-box;
  background-color: rgba(12, 25, 47, 0.1);
  background-color: #16304c;
  /* 背景颜色 #f4f9ff，透明度 70% */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.popup-overlay .popup-overlay-content .uni-margin-wrap.data-v-9f74ebdb {
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper.data-v-9f74ebdb {
  height: 800rpx;
}
.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper .swiper-item-flex.data-v-9f74ebdb {
  display: flex;
  position: relative;
}
.popup-overlay .popup-overlay-content .uni-margin-wrap .swiper .swiper-item.data-v-9f74ebdb {
  display: block;
  height: 300rpx;
  line-height: 300rpx;
  text-align: center;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-card-main-right.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-right: 10rpx;
  z-index: 11;
}
.popup-overlay .popup-overlay-content .right-huli-fir.data-v-9f74ebdb {
  width: 230rpx;
  height: 100%;
  margin-top: 0rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view.data-v-9f74ebdb {
  margin-left: 8rpx;
  height: 750rpx;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis.data-v-9f74ebdb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 170rpx;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-img.data-v-9f74ebdb {
  width: 80rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text.data-v-9f74ebdb {
  width: 100%;
  height: 10rpx;
  font-size: 35rpx;
  text-align: center;
  margin-bottom: 5rpx;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-view .right-huli-view-dis .right-huli-text-dark.data-v-9f74ebdb {
  width: 100%;
  height: 10rpx;
  font-size: 35rpx;
  text-align: center;
  margin-bottom: 5rpx;
  color: #fff;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-shang.data-v-9f74ebdb {
  margin-top: 40rpx;
  width: 40rpx;
  height: 30rpx;
}
.popup-overlay .popup-overlay-content .right-huli-fir .right-huli-xia.data-v-9f74ebdb {
  margin-bottom: 40rpx;
  width: 40rpx;
  height: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-photo.data-v-9f74ebdb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 50rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-img.data-v-9f74ebdb {
  width: 310rpx;
  height: 350rpx;
  margin-bottom: 10rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-text.data-v-9f74ebdb {
  font-size: 30rpx;
  color: #324160;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo .right-container-photo-text-dark.data-v-9f74ebdb {
  font-size: 30rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo-change.data-v-9f74ebdb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 90rpx;
  transition: all 0.4s ease-in-out;
  margin-top: 100rpx;
}
.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-img.data-v-9f74ebdb {
  width: 510rpx;
  height: 550rpx;
  margin-bottom: 10rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-text.data-v-9f74ebdb {
  font-size: 40rpx;
  color: #324160;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-photo-change .right-container-photo-text-dark.data-v-9f74ebdb {
  font-size: 40rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .right-container-fir-left-card-main-left.data-v-9f74ebdb {
  height: 50rpx;
  width: 50rpx;
  margin-left: 30rpx;
}
.popup-overlay .popup-overlay-content .right-container-left-type.data-v-9f74ebdb {
  position: absolute;
  top: 20rpx;
  left: -15rpx;
  width: 235rpx;
  height: 73rpx;
  z-index: 10;
}
.popup-overlay .popup-overlay-content .right-container-left-font.data-v-9f74ebdb {
  position: absolute;
  top: 30rpx;
  left: 50rpx;
  font-size: 36rpx;
  color: #fff;
  z-index: 10;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open.data-v-9f74ebdb {
  margin-left: 80rpx;
  margin-top: 70rpx;
  height: 100%;
  width: 550rpx;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text.data-v-9f74ebdb {
  margin-left: 10rpx;
  font-size: 35rpx;
  width: 450rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text-dark.data-v-9f74ebdb {
  margin-left: 10rpx;
  color: #CDD6EA;
  font-size: 35rpx;
  width: 450rpx;
  margin-bottom: 40rpx;
  line-height: 40rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-tra-thi-zhixing.data-v-9f74ebdb {
  position: absolute;
  top: 75rpx;
  left: 450rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-tra-thi-zhixing-font.data-v-9f74ebdb {
  position: absolute;
  top: 60rpx;
  left: 10rpx;
  width: 100rpx;
  height: 40rpx;
  font-size: 25rpx;
  border-radius: 5rpx;
  color: #fff;
  z-index: 10;
  background-color: #f37b5b;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-two.data-v-9f74ebdb {
  display: flex;
  margin-top: 40rpx;
  margin-bottom: 40rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 10rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-font.data-v-9f74ebdb {
  transition: all 0.4s ease-in-out;
  font-size: 30rpx;
  margin-right: 20rpx;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-font-dark.data-v-9f74ebdb {
  transition: all 0.4s ease-in-out;
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi.data-v-9f74ebdb {
  display: flex;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
  margin-left: 5rpx;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-left: 0rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to bottom, #AF8ED7, #4D3E9B);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-font.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-top: 120rpx;
  margin-bottom: 40rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-font-dark.data-v-9f74ebdb {
  font-size: 70rpx;
  margin-top: 120rpx;
  margin-bottom: 40rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-thi-open .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}
.popup-overlay .popup-overlay-content .time-tra-sec.data-v-9f74ebdb {
  margin-left: 80rpx;
  margin-top: 50rpx;
  height: 100%;
  width: 500rpx;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 15rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-img.data-v-9f74ebdb {
  width: 42rpx;
  height: 42rpx;
  margin-right: 5rpx;
  margin-left: 5rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font.data-v-9f74ebdb {
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 30rpx;
  margin-right: 20rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change.data-v-9f74ebdb {
  display: flex;
  margin-bottom: 15rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-img.data-v-9f74ebdb {
  width: 60rpx;
  height: 60rpx;
  margin-right: 8rpx;
  margin-left: 8rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-font.data-v-9f74ebdb {
  font-size: 45rpx;
  margin-right: 30rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi-change .time-people-font-dark.data-v-9f74ebdb {
  color: #CDD6EA;
  font-size: 45rpx;
  margin-right: 30rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view.data-v-9f74ebdb {
  display: flex;
  margin-top: 25rpx;
  margin-left: 0rpx;
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-start.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(to top, #0DA0B1, #04D3AF);
  border-left: 2rpx solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 32rpx;
  margin-right: 25rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-end.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-button-view .time-button-end-dark.data-v-9f74ebdb {
  width: 230rpx;
  height: 80rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  box-shadow: 3rpx 3rpx 10rpx rgba(0, 0, 0, 0.3);
  background: linear-gradient(to top, #6B87BA, #FFFFFF);
  transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-font.data-v-9f74ebdb {
  font-size: 75rpx;
  margin-top: 30rpx;
  margin-bottom: 10rpx;
  font-weight: 700;
  background: linear-gradient(to bottom, #7080A1, #263556);
  -webkit-background-clip: text;
  color: transparent;
  transition: font-size 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-font-dark.data-v-9f74ebdb {
  font-size: 75rpx;
  margin-top: 30rpx;
  margin-bottom: 10rpx;
  background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
  transition: font-size 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-text-img.data-v-9f74ebdb {
  position: absolute;
  top: 0;
  left: 300rpx;
  width: 80rpx;
  height: 80rpx;
}