.component--swiper-activity-musnhealth { position: relative; }
.component--swiper-activity-musnhealth .swiper-container { border-radius: 10px; }
.component--swiper-activity-musnhealth .swiper-wrapper { padding: 4% 0; }
.component--swiper-activity-musnhealth .swiper-slide { transform: scale(0.76); transition: transform 0.8s; -webkit-transition: transform 0.8s; -moz-transition: transform 0.8s; -ms-transition: transform 0.8s; -o-transition: transform 0.8s; }
.component--swiper-activity-musnhealth .swiper-slide-active { transform: scale(1.27); }
.component--swiper-activity-musnhealth .swiper-slide-prev { transform: scale(0.76) translateX(-15%); }
.component--swiper-activity-musnhealth .swiper-slide-next { transform: scale(0.76) translateX(15%); }
.component--swiper-activity-musnhealth .slide-wrapper { position: relative; border-radius: 10px; overflow: hidden; }
.component--swiper-activity-musnhealth .image-wrap { padding-bottom: 71.38%; position: relative; }
.component--swiper-activity-musnhealth .image { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; object-fit: cover; }
.component--swiper-activity-musnhealth .content-wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; color: #FFFFFF; padding: 6% 9%; display: flex; flex-direction: column; justify-content: flex-end; }
.component--swiper-activity-musnhealth .title { font-weight: bold; opacity: 0; transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; }
.component--swiper-activity-musnhealth .swiper-slide-active .title { opacity: 1; }
.component--swiper-activity-musnhealth .describe { margin: 0.5em 0 0.8em; opacity: 0; transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; }
.component--swiper-activity-musnhealth .swiper-slide-active .describe { opacity: 1; }
.component--swiper-activity-musnhealth .link { color: #FFFFFF; display: flex; align-items: center; opacity: 0; transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s; }
.component--swiper-activity-musnhealth .swiper-slide-active .link { opacity: 1; }
.component--swiper-activity-musnhealth .arrow-more { font-size: inherit; }
.component--swiper-activity-musnhealth .progress-wrapper { display: flex; align-items: center; margin-top: 50px; }
.component--swiper-activity-musnhealth .bar { flex: 1; overflow: hidden; height: 2px; background: #F0F0F0; position: relative; }
.component--swiper-activity-musnhealth .progress { position: absolute; height: 100%; left: 0; top: 0; z-index: 3; transition: width 0.8s; background: #005fe6; }
.component--swiper-activity-musnhealth .numbers { flex-shrink: 0; color: #b2b2b2; margin-left: 1em; }
.component--swiper-activity-musnhealth .index { color: #005fe6; }
.component--swiper-activity-musnhealth .change-arrow { color: #FFFFFF; border-radius: 50%; line-height: 1; position: absolute; z-index: 9; border: 1px solid #FFFFFF; width: 2.6em; height: 2.6em; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.5s; }
.component--swiper-activity-musnhealth .change-arrow:hover { border-color: #005fe6; color: #005fe6; }
.component--swiper-activity-musnhealth .change-arrow-prev { left: 1.2em; }
.component--swiper-activity-musnhealth .change-arrow-next { right: 1.2em; }


/**
 * PC优先的响应尺寸
 */

/* >1680 */


/* 1680 */
@media screen and (max-width: 1680px) {
  
}

/* 1440 */
@media screen and (max-width: 1440px) {
  
}

/* 1400 */
@media screen and (max-width: 1400px) {
  .component--swiper-activity-musnhealth .progress-wrapper { margin-top: 40px; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--swiper-activity-musnhealth .progress-wrapper { margin-top: 30px; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--swiper-activity-musnhealth .swiper-slide { transform: scale(1); margin: 0; transition: transform 0.8s; }
  .component--swiper-activity-musnhealth .swiper-slide-active { transform: scale(1); }
  .component--swiper-activity-musnhealth .swiper-slide-prev { transform: scale(1) translateX(0); }
  .component--swiper-activity-musnhealth .swiper-slide-next { transform: scale(1) translateX(0); }
  .component--swiper-activity-musnhealth .progress-wrapper { margin-top: 20px; width: 96%; margin-left: auto; margin-right: auto; }
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
  
}