* {
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  font-size: 16px
}

@media screen and (min-width:375px) {
  html {
    font-size: calc(100% + 2 * (100vw - 375px)/ 39);
    font-size: calc(16px + 2 * (100vw - 375px)/ 39)
  }
}

@media screen and (min-width:414px) {
  html {
    font-size: calc(112.5% + 4 * (100vw - 414px)/ 586);
    font-size: calc(18px + 4 * (100vw - 414px)/ 586)
  }
}

@media screen and (min-width:600px) {
  html {
    font-size: calc(125% + 4 * (100vw - 600px)/ 400);
    font-size: calc(20px + 4 * (100vw - 600px)/ 400)
  }
}

@media screen and (min-width:1000px) {
  html {
    font-size: calc(137.5% + 6 * (100vw - 1000px)/ 1000);
    font-size: calc(22px + 6 * (100vw - 1000px)/ 1000)
  }
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font: 14px/1.5 "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica,"Helvetica Neue", Tahoma, Arial, sans-serif;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  position: relative;
}
.video-js {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.logo {
  position: absolute;
  top: .5rem;
  right: .618rem;
  max-width: 5rem;
  z-index: 999999;
}

/* 覆盖videojs样式 */
.video-js .vjs-control-bar {
  height: 2.2rem;
  background-color: #070c11;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: '\f100';
}

.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
}

.video-js .vjs-control-bar .vjs-icon-placeholder:before {
  font-size: 1.2rem;
  line-height: 2.2rem;
}

.video-js .vjs-paused .vjs-icon-placeholder:before,
.video-js .vjs-playing .vjs-icon-placeholder:before {
  color: #ec2b3d;
}

.vjs-default-skin .vjs-play-progress {
  background-color: #ec2b3d;
}

.video-js .vjs-play-progress:before {
  right: -.3rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
}

.vjs-fullscreen-control .vjs-icon-placeholder:before {
  color: #ec2b3d;
}

.video-js .vjs-volume-panel {
  display: none;
}