a,
span,
div,
img,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.disabled {
  pointer-events: none; }

html,
body {
  padding: 0;
  margin: 0; }

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[v-cloak] {
  display: none !important; }

body {
  font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; }

.course-wrapper {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  padding: 1.06667rem 0.56rem 1.86667rem;
  max-width: 750px;
  color: #ffffff;
  background-color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .course-wrapper .title {
    width: 5.05333rem;
    height: 0.58667rem;
    background-image: url("/static/images/honor-cdk-course/title.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .course-wrapper .course-part {
    margin-top: 0.61333rem; }
    .course-wrapper .course-part .des {
      font-size: 0.32rem;
      font-weight: 400;
      color: #fffffe;
      line-height: 0.32rem; }
    .course-wrapper .course-part img {
      margin-top: 0.29333rem;
      width: 8.88rem;
      height: 4.09333rem; }