* {
  margin: 0;
  padding: 0;
}
body {
  background: rgba(245, 245, 245, 1);
  position: relative;
  overflow: hidden;
  font-family: 'Arial','Microsoft Yahei';
}


/* 轮播 */
.banner_scroll {
  margin-top: 20vw;
  margin-bottom: 2.13vw;
}

body#snh #index .swiper-pagination-bullet-active {
  background: rgba(86, 184, 255, 1) !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}
body#gnz #index .swiper-pagination-bullet-active {
  background: #a3d4a2 !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}
body#bej #index .swiper-pagination-bullet-active {
  background: #f688a2 !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}
body#ckg #index .swiper-pagination-bullet-active {
  background: #fcce56 !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}
body#cgt #index .swiper-pagination-bullet-active {
  background: #da4e4f !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}

.swiper-pagination-bullet-active {
  background: rgba(86, 184, 255, 1) !important;
  width: 5.07vw !important;
  border-radius: 2.13vw !important;
}
.swiper-pagination-bullet {
  margin-right: 1.33vw !important;
}
.new_pagina_style {
  position: relative;
}
.banner_box {
  width: 87.2vw;
  height: 70vh;
  margin: 0 auto;
  position: relative;
  border-radius: 5.07vw;
  background: #fff;
  /* box-shadow: -1.07vw 2.13vw 6.4vw 0vw rgba(86, 184, 255, 0.16); */
  overflow-y: auto;
  
}
#bannerList .banner_box{
  display: none;
}
#bannerList .banner_box:first-child {
  display: block;
}
.banner_img {
  width: 100%;
  height: 59vh;
  object-fit: cover;
  border-radius: 5.07vw 5.07vw 0 0;
}

body#snh #index .banner_box{
  box-shadow: rgba(142, 210, 245, 0.2) -1.07vw 1.07vw 6.33vw -3vw;
}
body#bej #index .banner_box{
  box-shadow: rgba(246, 99, 134, 0.2) -1.07vw 1.07vw 6.33vw -3vw;
}
body#gnz #index .banner_box{
  box-shadow: rgba(164, 216, 139, 0.2) -1.07vw 1.07vw 6.33vw -3vw;
}
body#ckg #index .banner_box{
  box-shadow: rgba(254, 186, 7, 0.2) -1.07vw 1.07vw 6.33vw -3vw;
}
body#cgt #index .banner_box{
  box-shadow: rgba(179, 39, 40, 0.2) -1.07vw 1.07vw 6.33vw -3vw;
}

body#snh #index .banner_shop_main{
  background: rgba(86, 184, 255, 1);
}
body#gnz #index .banner_shop_main{
  background: #a3d4a2;
}
body#bej #index .banner_shop_main{
  background: #f688a2;
}
body#ckg #index .banner_shop_main{
  background: #fcce56;
}
body#cgt #index .banner_shop_main{
  background: #da4e4f;
}

.banner_shop_main {
  padding: 0.4vw 2.2vw;
  border-radius: 26.4vw;
  position: absolute;
  top: 3.47vw;
  left: 3.47vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 3.2vw;
  line-height: 4.8vw;
  background: rgba(86, 184, 255, 1);
}
.banner_title_box {
  margin-top: 1.6vw;
  margin-left: 4.27vw;
}
.banner_title {
  width: 100%;
  font-size: 4.8vw;
  line-height: 6.13vw;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner_title_sub {
  font-size: 3.47vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #888888;
  margin-top: 1.33vw;
}
.banner_img_box{
  line-height: 0vw;
}
.progress_bar{
  width: 0%;
  height: 1.07vw;
  background: #EAECED;
  transition: width 5s linear;
}
.progress_bar_box{
  width: 100%;
  height: 1.07vw;
  background: #778088;
}

/* 第二屏内容 */
.show_two_box {
  width: 78.67vw;
  margin: 4vw auto;
}
.show_two_box_1 {
  display: flex;
  justify-content: space-between;
}
.show_two_box_2 {
  font-size: 5.87vw;
  line-height: 6.13vw;
  font-weight: 500;
  color: #000;
}

body#snh #index .show_two_box_3{
  color: rgba(86, 184, 255, 1);
  border: 0.27vw solid rgba(86, 184, 255, 1);
}
body#bej #index .show_two_box_3{
  color: #f688a2;
  border: 0.27vw solid #f688a2;
}
body#gnz #index .show_two_box_3{
  color: #a3d4a2;
  border: 0.27vw solid #a3d4a2;
}
body#ckg #index .show_two_box_3{
  color: #fcce56;
  border: 0.27vw solid #fcce56;
}
body#cgt #index .show_two_box_3{
  color: #da4e4f;
  border: 0.27vw solid #da4e4f;
}

.show_two_box_3 {
  width: 20.27vw;
  height: 6.67vw;
  font-size: 3.47vw;
  line-height: 4vw;
  font-weight: 500;
  color: rgba(86, 184, 255, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.27vw solid rgba(86, 184, 255, 1);
  border-radius: 1.07vw;
}
.show_two_box_4 {
  font-size: 3.47vw;
  line-height: 5.13vw;
  font-weight: 500;
  color: #888888;
  margin-top: 1vw;
}
.show_two_btn_1 {
  width: 25.33vw;
  height: 8vw;
  font-size: 3.73vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(223, 227, 241, 1);
  border-radius: 1.07vw;
}

body#snh #index .show_two_btn_active {
  background: rgba(86, 184, 255, 1);
  color: #fff;
}
body#gnz #index .show_two_btn_active {
  background: #a3d4a2;
  color: #fff;
}
body#bej #index .show_two_btn_active {
  background: #f688a2;
  color: #fff;
}
body#ckg #index .show_two_btn_active {
  background: #fcce56;
  color: #fff;
}
body#cgt #index .show_two_btn_active {
  background: #da4e4f;
  color: #fff;
}

.show_two_btn_active {
  background: rgba(86, 184, 255, 1);
  color: #fff;
}
.show_two_btn_2 {
  width: 25.33vw;
  height: 8vw;
  font-size: 3.73vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(223, 227, 241, 1);
  border-radius: 1.07vw;
  margin-left: 3.2vw;
}
.show_two_btn {
  display: flex;
  margin-top: 3.2vw;
}
.performance-card-box .performance-card-main:last-child {
  margin-bottom: 0vw;
}
.performance-card-main {
  width: 78.67vw;
  border-bottom: 0.27vw solid rgba(136, 136, 136, 0.2);
  margin-bottom: 4vw;
}
.performance-card {
  width: 78.67vw;
  border-radius: 2.13vw 2.13vw 0 0;
  /* border-bottom: 0.27vw solid rgba(136, 136, 136, 0.2); */
  margin-bottom: 1vw;
}
.performance-title {
  font-size: 3.73vw;
  line-height: 4.53vw;
  font-weight: 500;
  margin-bottom: 1.07vw;
  margin-top: 2.13vw;
  margin-left: 3.2vw;
}
.performance-time {
  font-size: 3.47vw;
  line-height: 4.53vw;
  font-weight: 500;
  color: #888888;
  margin-left: 3.2vw;
}
.performance-btns {
  display: flex;
  margin-top: 3.2vw;
}
.performance-btn {
  width: 20vw;
  height: 6.67vw;
  font-size: 3.47vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(223, 227, 241, 1);
  border-radius: 1.07vw;
  margin-left: 3.2vw;
  margin-bottom: 3.5vw;
}
body#gnz #index .performance-btn.primary {
    background: #a3d4a2;
    color: #fff;
}
body#snh #index .performance-btn.primary {
    background: rgba(86, 184, 255, 1);
    color: #fff;
}
body#bej #index .performance-btn.primary {
    background: #f688a2;
    color: #fff;
}
body#cgt #index .performance-btn.primary {
    background: #da4e4f;
    color: #fff;
}
body#ckg #index .performance-btn.primary {
    background: #fcce56;
    color: #fff;
}
.performance-btn.primary {
  background: rgba(86, 184, 255, 1);
  color: #fff;
}
.per_box_main{
   height: 27vh;
   overflow-y: auto;
}
.performance-card-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 4vw;
}
.performance-img-box {
  width: 100%;
  height: 31.73vw;
  position: relative;
}
.performance-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.9vw;
}
.performance-name {
  position: absolute;
  bottom: 1.87vw;
  left: 3.2vw;
  font-size: 3.2vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #fff;
}
.activity_box_auto{
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.activity_box_main {
  width: 72.27vw;
  margin: 0 auto;
  margin-top: 2vw;
}
.activity_box_main_new {
  width: 72.27vw;
  margin: 0 auto;
}
.back_box_1 {
  display: flex;
  align-items: center;
}
.back_box_2 {
  width: 100%;
  height: 100%;
  border-radius: 1.33vw;
  object-fit: cover;
}
.back_box_3 {
  font-size: 3.47vw;
  font-weight: 500;
  line-height: 5.07vw;
  color: #000;
  width: 30vw;
}
.back_box_4 {
  width: 27.47vw;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 4.53vw;
  color: #888888;
}

.back_box_5{
  width: 17.07vw;
  height: 17.07vw;
}
.back_box_6{
  margin-left: 3.2vw;
}
.back_see_btn {
  width: 20vw;
  height: 6.67vw;
  font-size: 3.47vw;
  line-height: 4.27vw;
  font-weight: 500;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(223, 227, 241, 1);
  border-radius: 1.07vw;
}
.all_ac_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2vw;
  margin-bottom: 2vw;
}
/* 第二屏内容 */

/* 第三屏内容 */
.overflow_hidden {
  overflow: hidden;
}
.member_new_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body#snh #index .see_more_member{
  background: rgba(86, 184, 255, 1);
}
body#gnz #index .see_more_member{
  background: #a3d4a2;
}
body#bej #index .see_more_member{
  background: #f688a2;
}
body#ckg #index .see_more_member{
  background: #fcce56;
}
body#cgt #index .see_more_member{
  background: #da4e4f;
}


.see_more_member{
  width: 76.53vw;
  height: 10.67vw;
  background: rgba(86, 184, 255, 1);
  border-radius: 1.07vw;
  font-size: 4.53vw;
  line-height: 5.87vw;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 5.33vw;
  left: 50%;
  transform: translate(-50%, 0);
}
/* 第三屏内容 */

/* 轮播 */