@import './variables';
@import './mixin';
@import './element-ui';
@import './common';

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  /* stylelint-disable-next-line */
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Arial',
    sans-serif;
}

label {
  font-weight: 700;
}

html {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  font-size: 16px !important;
}

ul {
  padding-inline-start: 0;
  margin: 0;

  li {
    list-style: none;
  }
}

#app {
  height: 100%;
}

*,
::before,
::after {
  box-sizing: inherit;
}

a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

// 课件视频播放样式
.video-js:hover .vjs-big-play-button {
  background: none;
}

.vjs-custom-skin > .video-js .vjs-big-play-button {
  width: 225px;
  height: 225px !important;
  margin-top: -112px !important;
  margin-left: -112px !important;
  background-color: initial;
  border: 0;

  &:focus,
  &:active {
    background: none;
  }
}

.vjs-icon-play::before,
.video-js .vjs-big-play-button .vjs-icon-placeholder::before,
.video-js .vjs-play-control .vjs-icon-placeholder::before {
  content: none;
}