.container {
  box-sizing: border-box;
}

.video-content video {
  max-width: 100%;
}

.video-y-content video {
  max-width: 30%;
}

@media screen and (min-width: 212px) {
  /*213px显示屏样式 LG Optimus One*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 319px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 359px) {
  /*360px显示屏样式 索尼Z1*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 383px) {
  /*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 399px) {
  /*399px显示屏样式 三星galaxyNote*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 423px) {
  /*424px显示屏样式 LG 4X */
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 479px) {
  /*480px显示屏样式 索尼MT27i Xperia sola*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 539px) {
  /*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 639px) {
  /*640px显示屏样式*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  /*640px以上显示屏样式*/
  .container {
    padding: 0 15px;
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 100%;
    padding: 3.75rem 12.5rem;
  }

  .video-content video {
    max-width: 50%;
  }

  .video-y-content video {
    max-width: 16%;
  }

  .swiper {
    width: 650px;
  }
}
