.component--video-list-musnhealth { overflow: hidden; }
.component--video-list-musnhealth .video-list-wrapper { margin: -14px; display: flex; flex-wrap: wrap; }
.component--video-list-musnhealth .video-item-wrapper { padding: 14px; width: 33.33%; }
.component--video-list-musnhealth .video-item-wrap { border-radius: 10px; overflow: hidden; cursor: pointer; background: #F2F3F7; transition: all 0.5s; }
.component--video-list-musnhealth .video-cover-wrap { padding-bottom: 55.55%; position: relative; overflow: hidden; }
.component--video-list-musnhealth .video-cover-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
.component--video-list-musnhealth .video-cover { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; object-fit: cover; transition: all 0.5s; }
.component--video-list-musnhealth .video-play-btn-wrapper { position: absolute; width: 3em; height: 3em; line-height: 1; left: 50%; top: 50%; z-index: 6; transform: translate(-50%, -50%); color: #FFFFFF; border: 1px dashed #FFFFFF; border-radius: 50%; overflow: hidden; padding: 0.35em; transition: all 0.5s; }
.component--video-list-musnhealth .video-play-btn-icon { font-size: inherit; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 50%; border: 1px dashed transparent; transition: all 0.5s; }
.component--video-list-musnhealth .video-title-wrapper { padding: 1.2em 1em; color: #666666; text-align: center; }
.component--video-list-musnhealth .video-title { font-size: inherit; display: block; }
.component--video-list-musnhealth .video-item-wrap:hover { box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.1); }
.component--video-list-musnhealth .video-item-wrap:hover .video-cover { transform: scale(1.1); }
.component--video-list-musnhealth .video-item-wrap:hover .video-play-btn-wrapper { background: #005FE6; border-color: transparent; transform: translate(-50%, -50%) scale(1.1); }
.component--video-list-musnhealth .video-item-wrap:hover .video-play-btn-icon { background: transparent; border-color: rgba(255, 255, 255, 0.5); }

/* 播放器 */
.component--video-list-musnhealth--video-player-container { position: fixed; z-index: -9000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 1); display: flex; align-items: center; justify-content: center; opacity: 0; overflow: hidden; }
.component--video-list-musnhealth--video-player-container.show { opacity: 1; transition: all 0.3s; z-index: 9000; }
#componentVideoListMusnhealthPlayerBox { overflow: hidden; }
.component--video-list-musnhealth--video-player-container .close-player-btn-icon { position: absolute; z-index: 90; right: 0; top: 0; color: #FFFFFF; font-size: 24px; width: 2em; height: 2em; border-radius: 0 0 0 50%; background: #005FE6; display: flex; align-items: center; justify-content: center; margin-top: -0.2em; margin-right: -0.2em; cursor: pointer; transition: all 0.5s; }
.component--video-list-musnhealth--video-player-container .close-player-btn-icon:hover { background: #C3042C; }


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

/* >1680 */


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

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

/* 1400 */
@media screen and (max-width: 1400px) {
  .component--video-list-musnhealth .video-list-wrapper { margin: -12px; }
  .component--video-list-musnhealth .video-item-wrapper { padding: 12px; }
}

/* 1200 */
@media screen and (max-width: 1200px) {
  .component--video-list-musnhealth .video-list-wrapper { margin: -10px; }
  .component--video-list-musnhealth .video-item-wrapper { padding: 10px; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .component--video-list-musnhealth .video-list-wrapper { margin: -8px; }
  .component--video-list-musnhealth .video-item-wrapper { padding: 8px; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .component--video-list-musnhealth .video-list-wrapper { margin: -6px; }
  .component--video-list-musnhealth .video-item-wrapper { padding: 6px; width: 100%; }
}

/* 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) {
  
}