.backContent {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  cursor: pointer;
}
.backContent .iconBack {
  color: #fff;
  width: 20px;
  height: 20px;
}
.backContent span {
  margin-left: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.userAvatarContent {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}
.userAvatarContent .avatarContent {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  border-radius: 20px;
}
.userAvatarContent .avatarContent img {
  border: 1px solid rgba(238, 238, 238, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.userAvatarContent .badge {
  width: 20px;
  height: 20px;
  position: relative;
  left: 15px;
  top: -18px;
}
.userAvatarContent .level {
  position: relative;
  top: -8px;
  background: #3f51b5;
  border-radius: 2px;
  padding: 2px 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  color: #ffffff;
}
.tabsList {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  font-family: "PingFang SC";
  border-bottom: 1px solid #eeeeee;
  width: 100%;
}
.tabsList .tabsListItem {
  padding: 16px 0 13px 0;
  margin-right: 16px;
  border-bottom: 3px solid #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #222222;
  cursor: pointer;
}
.tabsList .tabsListItemActive {
  font-weight: 500;
  border-bottom: 3px solid #fab400;
}
.tag {
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  text-align: center;
  flex: 0 0 auto;
}
#toast {
  max-height: 80%;
  overflow: auto;
  max-width: 500px;
  padding: 16px 24px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
}
#toast.mult-line {
  white-space: pre-line;
}
#toast.show {
  visibility: visible;
  opacity: 0.9;
}
.clipboardButton {
  display: inline;
}
.clipboardButton label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.operationOptions .hide {
  display: none;
}

.operationOptionsPopover {
  background: #fff;
  opacity: 1;
}
.operationOptionsPopover .rc-tooltip-inner {
  padding: 8px 0;
}
.operationOptionsPopover .operationOptions .operationOptionsItem {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  width: 146px;
  cursor: pointer;
  padding: 8px 12px;
}
.operationOptionsPopover .operationOptions .operationOptionsItem .operationIcon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  color: #666666;
}
.operationOptionsPopover .operationOptions .operationOptionsItem .favorited-active-icon {
  color: #FAB400;
}
.operationOptionsPopover .operationOptions .operationOptionsItem span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.operationOptionsPopover .operationOptions .operationOptionsItem:hover {
  background: #f5f5f5;
}

.courseHome .course-certificate-info {
  margin: auto;
}
.courseHome .course-certificate-info * {
  box-sizing: unset;
}

.course-certificate-info.course-certificate-info-normal {
  width: 3.55rem;
}
.course-certificate-info.course-certificate-info-normal .certificate-theme-info {
  height: 4.75rem;
}

.course-certificate-info.course-certificate-info-small {
  width: 1.88rem;
}

.course-certificate-info.download-certificate-image .student-certificate-download {
  text-align: center;
  padding-top: 0.12rem;
}
.course-certificate-info.download-certificate-image .student-certificate-download .learnCertificateButton {
  box-sizing: border-box;
}
.umu-dialog .umu-dialog-mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: #000000;
  opacity: 0.6;
}
.umu-dialog .umu-dialog-main {
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 10001;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 24px;
}
.umu-dialog .umu-dialog-mask-close .umu-icon-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  color: #999;
  cursor: pointer;
}

.dialog2 {
  width: 500px;
  height: 300px;
}
.page-loading {
  padding: 1.2rem 0;
}

.sprite-frame {
  width: 0.5rem;
  height: 0.13rem;
  margin: auto;
  background: url(https://d1bvk99i2a79wx.cloudfront.net/pc_course/en/assets/normal/images/loading-sprite.7caeac86.png) no-repeat;
  background-size: 0.5rem auto;
  -webkit-animation: page-loading-frame 3s steps(30) infinite;
  animation: page-loading-frame 3s steps(30) infinite;
}

@-webkit-keyframes page-loading-frame {
  from {
    background-position-y: 0rem;
  }
  to {
    background-position-y: -3.75rem;
  }
}
@keyframes page-loading-frame {
  from {
    background-position-y: 0rem;
  }
  to {
    background-position-y: -3.75rem;
  }
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
    opacity: 0;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
    display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
            animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
            animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
    -webkit-animation-name: rcToolTipZoomIn;
            animation-name: rcToolTipZoomIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
    -webkit-animation-name: rcToolTipZoomOut;
            animation-name: rcToolTipZoomOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@-webkit-keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}

@keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}

.rc-tooltip {
    position: absolute;
    z-index: 10070;
    display: block;
    visibility: visible;
    line-height: 1.5;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 1px;
}

.rc-tooltip-hidden {
    display: none;
}

.rc-tooltip-inner {
    padding: 8px 10px;
    color: #333333;
    text-align: left;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
    min-height: 34px;
}

.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 15%;
}
.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
          animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}

.rc-tooltip {
  position: absolute;
  z-index: 10070;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-inner {
  padding: 8px 10px;
  color: #333333;
  text-align: left;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 34px;
}

.rc-tooltip-arrow,
.rc-tooltip-arrow-inner {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}
@charset "UTF-8";
/*
  author Kody
  desc umu iconfont
  library https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1590198
  注意：
      1. 为了避免与老的 png icon 命名一样产生冲突或样式问题，建议在所有的字体前加上 .iconfont
      2. 字体库由 duanjun 上传到 cdn，为了避免缓存，请在 @font-face 中把 url 的时间戳改一下
      3. .woff 文件百度云的 resopnse 头少跨域设置，最好注掉（百度云的 bug）
*/
@font-face {
  font-family: "iconfont";
  src: url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff?t=1645538719824") format("woff"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff2?t=1645538719824") format("woff2"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.ttf?t=1645538719824") format("truetype"); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none !important;
  /* ============================================ 以上部分除了 src，一般不用动 ===================================== */
}
.iconfont.icon-problem-filling:before {
  content: "\e607";
}
.iconfont.icon-calendar:before {
  content: "\e681";
}
.iconfont.icon-course-type-19:before {
  content: "\e676";
}
.iconfont.icon-course-type-20:before {
  content: "\e688";
}
.iconfont.icon-share2:before {
  content: "\e605";
}
.iconfont.icon-like3:before {
  content: "\e604";
}
.iconfont.icon-course-type-umu-template:before {
  content: "\e603";
}
.iconfont.icon-course-type-enterprise-template:before {
  content: "\e602";
}
.iconfont.icon-permission:before {
  content: "\e600";
}
.iconfont.icon-pinglunxuanzhong:before {
  content: "\e6c5";
}
.iconfont.icon-add:before {
  content: "\e66b";
}
.iconfont.icon-checkmark:before {
  content: "\e606";
}
.iconfont.icon-star-press:before {
  content: "\e669";
}
.iconfont.icon-star-normal:before {
  content: "\e66a";
}
.iconfont.icon-link:before {
  content: "\e668";
}
.iconfont.icon-edit:before {
  content: "\e667";
}
.iconfont.icon-top:before {
  content: "\e666";
}
.iconfont.icon-jinghua:before {
  content: "\e665";
}
.iconfont.icon-delete:before {
  content: "\e664";
}
.iconfont.icon-set:before {
  content: "\e662";
}
.iconfont.icon-comment:before {
  content: "\e65d";
}
.iconfont.icon-more:before {
  content: "\e65e";
}
.iconfont.icon-share:before {
  content: "\e65f";
}
.iconfont.icon-like1:before {
  content: "\e660";
}
.iconfont.icon-like2:before {
  content: "\e661";
}
.iconfont.icon-move-down:before {
  content: "\e65c";
}
.iconfont.icon-move-up:before {
  content: "\e65b";
}
.iconfont.icon-close:before {
  content: "\e65a";
}
.iconfont.icon-course-type-activity:before {
  content: "\e62e";
}
.iconfont.icon-course-type-learning-group:before {
  content: "\e62f";
}
.iconfont.icon-course-type-weike:before {
  content: "\e630";
}
.iconfont.icon-course-type-closed:before {
  content: "\e631";
}
.iconfont.icon-session_draft:before {
  content: "\e63f";
}
.iconfont.icon-course-type-9:before {
  content: "\e640";
}
.iconfont.icon-course-type-6:before {
  content: "\e628";
}
.iconfont.icon-course-type-3:before {
  content: "\e61d";
}
.iconfont.icon-course-type-8:before {
  content: "\e61e";
}
.iconfont.icon-course-type-13:before {
  content: "\e61f";
}
.iconfont.icon-course-type-15:before {
  content: "\e620";
}
.iconfont.icon-course-type-17:before {
  content: "\e621";
}
.iconfont.icon-course-type-16:before {
  content: "\e622";
}
.iconfont.icon-course-type-14:before {
  content: "\e623";
}
.iconfont.icon-course-type-10:before {
  content: "\e624";
}
.iconfont.icon-course-type-4:before {
  content: "\e625";
}
.iconfont.icon-course-type-5:before {
  content: "\e626";
}
.iconfont.icon-course-type-18:before {
  content: "\e627";
}
.iconfont.icon-course-type-7:before {
  content: "\e629";
}
.iconfont.icon-course-type-11:before {
  content: "\e62a";
}
.iconfont.icon-course-type-my-template:before {
  content: "\e62b";
}
.iconfont.icon-course-type-1:before {
  content: "\e62c";
}
.iconfont.icon-course-type-2:before {
  content: "\e62d";
}
.iconfont.icon-refresh:before {
  content: "\e617";
}
.iconfont.icon-arrow-right:before {
  content: "\e601";
}

.course-achievement-share-card {
  position: relative;
  width: 3.2rem;
  height: 5.69rem;
  position: relative;
  padding: 0 0.18rem;
  padding-top: 0.4rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.course-achievement-share-card .share-card-logo {
  position: absolute;
  width: 0.7rem;
  height: 0.25rem;
  top: 0.18rem;
  right: 0;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.course-achievement-share-card .share-body .share-time {
  padding-left: 0.13rem;
  color: #ffffff;
  text-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.3);
}
.course-achievement-share-card .share-body .share-time .share-time-day {
  padding-left: 0.02rem;
  font-size: 0.65rem;
  line-height: 0.65rem;
}
.course-achievement-share-card .share-body .share-time .share-time-year {
  padding-left: 0.04rem;
  font-size: 0.14rem;
}
.course-achievement-share-card .share-body .aphorism {
  height: 1rem;
  padding: 0 0.16rem;
  color: #fff;
}
.course-achievement-share-card .share-body .aphorism .aphorism-sentence {
  margin-top: 0.1rem;
  padding: 0 0.1rem;
  font-size: 0.14rem;
  line-height: 0.29rem;
}
.course-achievement-share-card .share-body .aphorism .aphorism-sentence .aphorism-content {
  position: relative;
  top: -0.01rem;
  padding: 0;
}
.course-achievement-share-card .share-body .aphorism .line {
  width: 0.37rem;
  height: 0.03rem;
  margin-top: 0.12rem;
  background-color: #fff;
}
.course-achievement-share-card .share-body .aphorism .saying {
  margin-top: 0.07rem;
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.24rem;
}
.course-achievement-share-card .share-body .course-info {
  width: 2.84rem;
  box-sizing: border-box;
  padding: 0.17rem;
  background: #fff;
  box-shadow: 0 0 0.03rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.04rem;
  position: absolute;
  bottom: 1.36rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item {
  width: 100%;
  display: block;
  position: relative;
  display: table;
  padding-left: 0.6rem;
  padding-bottom: 0.12rem;
  box-sizing: border-box;
  border-bottom: 0.01rem solid #ececec;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-avatar-holder {
  position: absolute;
  left: 0;
  top: -0.02rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-avatar-holder .user-avatar-image {
  width: 0.42rem !important;
  height: 0.42rem !important;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main {
  max-width: 100%;
  position: relative;
  vertical-align: middle;
  font-size: 0.17rem;
  color: #333;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main.course .data-course-name {
  margin-top: 0.05rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .session-type {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -0.015rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .session-type .session-icon {
  display: inline-block;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .session-type .session-icon .icon-course-type {
  width: 0.16rem;
  height: 0.16rem;
  font-size: 0.16rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .session-type .element-type-color {
  display: inline-block;
  padding-right: 0.04rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .user-brag {
  max-width: 1.84rem;
  max-height: 0.39rem;
  margin-top: 0.05rem;
  font-size: 0.12rem;
  line-height: 0.15rem;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .user-name-info {
  vertical-align: middle;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .user-name-info .user-medal {
  width: 0.16rem !important;
  height: 0.16rem !important;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-user-name {
  max-width: 1.63rem;
  height: 0.15rem;
  margin-right: 0.03rem;
  font-size: 0.12rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: -0.01rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-user-name.transcate {
  padding-right: 0.18rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-course-name,
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-session-name {
  max-width: 1.84rem;
  max-height: 0.34rem;
  overflow: hidden;
  font-size: 0.16rem;
  color: #333333;
  font-weight: 700;
  line-height: 0.17rem;
  word-break: break-all;
  overflow-y: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-course-name {
  max-height: 0.34rem;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-user-main .data-session-name {
  text-indent: 0.22rem;
  position: relative;
}
.course-achievement-share-card .share-body .course-info .data-user-item .data-teacher-label {
  display: inline;
  margin-left: 0.05rem;
  font-size: 0.12rem;
  color: #ffbd2b;
  text-align: center;
  background: #000;
  border-radius: 0.02rem;
  padding: 0 0.02rem;
}
.course-achievement-share-card .share-body .course-info .course-count {
  display: -webkit-flex;
  display: flex;
  text-align: center;
}
.course-achievement-share-card .share-body .course-info .course-count > div {
  -webkit-flex: 1;
          flex: 1;
  margin-top: 0.15rem;
}
.course-achievement-share-card .share-body .course-info .course-count > div .count-desc {
  font-size: 0.12rem;
  color: #333333;
}
.course-achievement-share-card .share-body .course-info .course-count > div .count {
  margin-top: 0.06rem;
  font-size: 0.2rem;
  color: #222222;
}
.course-achievement-share-card .share-card-footer {
  width: 2.84rem;
  box-sizing: border-box;
  padding: 0.17rem;
  background: #fff;
  box-shadow: 0 0 0.03rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.04rem;
  position: absolute;
  bottom: 0.3rem;
}
.course-achievement-share-card .share-card-footer .footer-access {
  max-width: 1.9rem;
  float: left;
  font-size: 0.12rem;
  color: #333333;
}
.course-achievement-share-card .share-card-footer .footer-access .course-from {
  height: 0.33rem;
  margin-top: -0.02rem;
  font-size: 0.11rem;
  color: #151515;
  line-height: 0.16rem;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.course-achievement-share-card .share-card-footer .footer-access .access-url {
  line-height: 0.23rem;
}
.course-achievement-share-card .share-card-footer .footer-access .access-url .icon-umu-logo {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.06rem;
  display: inline-block;
  background-size: contain;
  border-radius: 0.04rem;
  vertical-align: -0.025rem;
}
.course-achievement-share-card .share-card-footer .footer-access .access-desc {
  height: 0.25rem;
  line-height: 0.25rem;
  display: inline-block;
  padding-left: 0.1rem;
  background: #ffbd2b;
  border-radius: 0.05rem;
  font-size: 0.11rem;
  color: #fff;
  margin-top: 0.04rem;
}
.course-achievement-share-card .share-card-footer .footer-access .access-desc .icon-arrow-right {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  background-image: url(https://d1bvk99i2a79wx.cloudfront.net/pc_course/en/assets/normal/images/icon-arrow-right.00845024.png);
  background-size: contain;
  border-radius: 0.04rem;
  margin: 0 0.08rem;
  vertical-align: -0.03rem;
}
.course-achievement-share-card .share-card-footer .footer-qrc {
  float: right;
  width: 0.6rem;
}
.course-achievement-share-card .umu-sign {
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.1rem;
  color: #fff;
  width: 2.84rem;
  position: absolute;
  bottom: 0;
}
.course-custom-share {
  position: relative;
  width: 3.75rem;
  height: 6.67rem;
  position: relative;
  padding: 0 0.28rem;
  padding-top: 0.66rem;
  padding-bottom: 0.51rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.course-custom-share .share-body {
  width: 100%;
  height: 100%;
  border-radius: 0.04rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.12rem;
}
.course-custom-share .share-body .share-contant {
  width: 100%;
  height: 100%;
  border-radius: 0.04rem;
  border: 0.01rem solid rgb(217, 217, 217);
  box-sizing: border-box;
  padding: 0 0.17rem;
}
.course-custom-share .share-body .share-contant .share-card-footer {
  box-sizing: border-box;
  padding-bottom: 0.1rem;
  background: #fff;
  border-radius: 0.04rem;
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  right: 0;
  margin: 0 0.62rem;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container {
  padding-top: 0.1rem;
  border-top: 0.01rem solid rgb(238, 238, 238);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-access {
  max-width: 1.79rem;
  min-width: 0;
  -webkit-flex: 1;
          flex: 1;
  font-size: 0.12rem;
  color: #333333;
  line-height: 0.22rem;
  font-weight: 500;
  box-sizing: border-box;
  padding-top: 0.11rem;
  height: 0.8rem;
  overflow: hidden;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-access.footer-access-2 {
  color: #b48c68;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-access.footer-access-4 {
  color: #cd8752;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-qrc {
  width: 0.88rem;
  height: 0.88rem;
  padding: 0.08rem;
  box-sizing: border-box;
  border-radius: 4px;
  background: #ffffff;
  position: relative;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-qrc .share-qrc {
  display: block;
  width: 0.72rem;
  height: 0.72rem;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container .footer-qrc .share-logo {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.course-custom-share .share-body .share-contant .share-card-footer .share-card-footer-container.share-card-footer-container-2 {
  border-top: 0.01rem solid #6c5a42;
}
.course-custom-share .share-body .share-contant .share-card-footer.share-card-footer-2 {
  background: none;
}
.course-custom-share .share-body .share-contant.share-border2 {
  -o-border-image: linear-gradient(135deg, rgb(188, 157, 108), rgb(88, 73, 56)) 1 1;
     border-image: linear-gradient(135deg, rgb(188, 157, 108), rgb(88, 73, 56)) 1 1;
}
.course-custom-share .share-body .share-contant.share-border3 {
  border-color: #2f60f1;
}
.course-custom-share .share-body .share-contant.share-border4 {
  border-color: #bc9d6c;
}
.course-custom-share .share-body.share2 {
  background: linear-gradient(144deg, rgb(27, 16, 5) 0%, rgb(18, 23, 25) 100%);
}
.course-custom-share .course-info {
  width: 100%;
  margin: 0 -0.28rem;
  height: 1rem;
  top: 0.4rem;
  position: absolute;
}
.course-custom-share .course-info .data-user-item .data-user-avatar-holder {
  width: 0.65rem;
  margin: 0 auto;
}
.course-custom-share .course-info .data-user-item .data-user-name {
  font-size: 0.16rem;
  color: #222222;
  text-align: center;
  line-height: 0.38rem;
  font-weight: 400;
  padding: 0 0.62rem;
  box-sizing: border-box;
}
.course-custom-share .course-info .data-user-item .data-user-name.data-user-name-2 {
  color: #ffdb95;
}
.course-custom-share .course-info .data-user-item .data-user-title {
  padding: 0rem 0.68rem;
  height: 0.2rem;
  width: 100%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-border {
  width: 0.22rem;
  height: 0.01rem;
  background-color: #777777;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-border.data-user-border-1 {
  background-color: #222222;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-border.data-user-border-2 {
  background-color: #b48c68;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-border.data-user-border-4 {
  background-color: #b48c68;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-des {
  font-size: 0.14rem;
  font-weight: 400;
  color: #777777;
  margin: 0 0.12rem;
  height: 0.2rem;
  line-height: 0.2rem;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-des.data-user-des-1 {
  color: #222222;
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-des.data-user-des-2 {
  color: hsl(28deg, 34%, 56%);
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-des.data-user-des-3 {
  color: hsl(0deg, 0%, 13%);
}
.course-custom-share .course-info .data-user-item .data-user-title .data-user-des.data-user-des-4 {
  color: #bb8b62;
}
.course-custom-share .course-info .data-user-item .data-user-title-top {
  margin-top: 0.25rem;
}
.course-custom-share .course-info .data-user-item .no-open-name {
  margin-top: 0.8rem;
}
.course-custom-share .course-info .data-user-item .no-open-name .data-user-des {
  font-size: 0.18rem;
}
.course-custom-share .course-info .data-user-item .no-open-name-top {
  margin-top: 1rem;
}
.course-custom-share .course-info .data-user-item .no-open-name-top .data-user-des {
  font-size: 0.18rem;
}
.course-custom-share .course-contanter {
  top: 1.74rem;
  position: absolute;
  box-sizing: border-box;
  margin-left: -0.28rem;
  width: 100%;
}
.course-custom-share .course-contanter .cource-cover {
  width: 100%;
  height: 1.4rem;
  display: block;
  padding: 0 0.62rem;
  box-sizing: border-box;
}
.course-custom-share .course-contanter .cource-title {
  margin-top: 0.1rem;
  font-size: 0.18rem;
  line-height: 0.25rem;
  font-weight: 700;
  color: rgb(33, 33, 33);
  text-align: center;
  padding: 0 0.53rem;
  box-sizing: border-box;
  height: 0.5rem;
  width: 100%;
}
.course-custom-share .course-contanter .cource-title-2 {
  color: #ffdb95;
}
.course-custom-share .course-contanter .cource-title-3 {
  color: #002c90;
}
.course-custom-share .course-contanter .cource-title-top {
  margin-top: 0.1rem;
}
.course-custom-share .course-contanter .theme-title {
  box-sizing: border-box;
  padding: 0.05rem 0.68rem 0 0.68rem;
  height: 0.2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.course-custom-share .course-contanter .theme-title .theme-contant {
  height: 0.2rem;
  max-width: 100%;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-border {
  width: 0.22rem;
  height: 0.01rem;
  background-color: #d9d9d9;
  border-radius: 0.04rem;
  float: left;
  margin-top: 0.1rem;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-border.theme-border-2 {
  background-color: #ffdb95;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-border.theme-border-3 {
  background-color: #002c90;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-border.theme-border-4 {
  background-color: #bc9d6c;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-title-text {
  font-size: 0.14rem;
  font-weight: 400;
  color: #222222;
  float: left;
  max-width: 1.85rem;
  overflow: hidden;
  height: 100%;
  line-height: 0.2rem;
  margin: 0 0.05rem;
  word-break: break-all;
  word-wrap: break-word;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-title-text-2 {
  color: #ffdb95;
}
.course-custom-share .course-contanter .theme-title .theme-contant .theme-title-text-3 {
  color: #002c90;
}
.course-custom-share .course-contanter .theme-title-top {
  margin-top: 0.5rem;
}
.course-custom-share .course-contanter .theme-des {
  line-height: 0.18rem;
  font-size: 0.13rem;
  margin-top: 0.15rem;
  box-sizing: border-box;
  text-align: left;
  padding: 0 0.62rem;
  height: 0.72rem;
  overflow: hidden;
}
.course-custom-share .course-contanter .theme-des-2 {
  color: #bb8b62;
}
.course-custom-share .course-contanter .theme-des-4 {
  color: #777777;
}
.course-custom-share .course-contanter .theme-des-center {
  text-align: center;
}
.course-custom-share .course-contanter .theme-des-right {
  text-align: right;
}
.course-custom-share .course-contanter .theme-des-top {
  margin-top: 0.25rem;
}
.course-custom-share .course-contanter.course-contanter-1 {
  margin-top: 0.46rem;
}
.course-custom-share .umu-sign {
  text-align: center;
  height: 0.51rem;
  line-height: 0.51rem;
  font-size: 0.12rem;
  color: #222222;
  width: 100%;
  margin: 0 -0.28rem;
  position: absolute;
  bottom: 0;
}
.course-custom-share .umu-sign.umu-sign-2 {
  color: #ffffff;
}
.course-custom-share .umu-sign.umu-sign-4 {
  color: #bb8b62;
}
.course-custom-excitation {
  position: relative;
  width: 3.75rem;
  height: 6.67rem;
  position: relative;
  padding: 0 0.18rem;
  padding-top: 0.4rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.course-custom-excitation .share-body .share-time {
  color: #ffffff;
  text-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.3);
}
.course-custom-excitation .share-body .share-time .share-time-day {
  padding-left: 0.02rem;
  box-sizing: border-box;
  font-size: 0.7rem;
  line-height: 0.7rem;
}
.course-custom-excitation .share-body .share-time .share-time-year {
  padding-left: 0.04rem;
  box-sizing: border-box;
  font-size: 0.14rem;
}
.course-custom-excitation .share-body .aphorism {
  height: 1.05rem;
  overflow: hidden;
}
.course-custom-excitation .share-body .aphorism .aphorism-sentence {
  margin-top: 0.1rem;
  padding: 0 0.05rem;
  font-size: 0.16rem;
  line-height: 0.32rem;
  text-align: left;
  box-sizing: border-box;
}
.course-custom-excitation .share-body .aphorism .aphorism-sentence .aphorism-content {
  position: relative;
  top: -0.01rem;
  padding: 0;
}
.course-custom-excitation .share-body .aphorism .aphorism-sentence-center {
  text-align: center;
}
.course-custom-excitation .share-body .aphorism .aphorism-sentence-right {
  text-align: right;
}
.course-custom-excitation .share-body .course-info {
  width: 3.39rem;
  box-sizing: border-box;
  padding: 0.24rem 0.29rem 0.2rem 0.3rem;
  background: #fff;
  box-shadow: 0 0 0.03rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.04rem;
  position: absolute;
  bottom: 0.43rem;
}
.course-custom-excitation .share-body .course-info .data-user-item {
  width: 100%;
  display: block;
  position: relative;
  display: table;
  padding-left: 0.63rem;
  padding-bottom: 0.12rem;
  box-sizing: border-box;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-avatar-holder {
  position: absolute;
  left: 0;
  top: -0.02rem;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main {
  max-width: 100%;
  position: relative;
  vertical-align: middle;
  font-size: 0.17rem;
  color: #333;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main.course .data-course-name {
  margin-top: 0.08rem;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .user-name-info {
  vertical-align: middle;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .data-user-name {
  max-width: 2.13rem;
  height: 0.17rem;
  margin-right: 0.03rem;
  font-size: 0.17rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: 0.05rem;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .data-user-name.transcate {
  padding-right: 0.18rem;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .data-user-name-top {
  top: 0.17rem;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .data-course-name {
  max-height: 0.21rem;
  overflow: hidden;
  font-size: 0.15rem;
  color: #333333;
  font-weight: 400;
  line-height: 0.21rem;
  word-break: break-all;
  overflow-y: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.course-custom-excitation .share-body .course-info .data-user-item > div .data-user-main .data-session-name {
  text-indent: 0.22rem;
  position: relative;
}
.course-custom-excitation .share-body .course-info .data-user-item .course-title {
  margin-top: 0.25rem;
  font-size: 0.18rem;
  line-height: 0.25rem;
  color: #222222;
  text-align: left;
  font-weight: 700;
  margin-left: -0.6rem;
}
.course-custom-excitation .share-body .course-info .data-user-item .course-title-top {
  padding-top: 0.25rem;
  box-sizing: border-box;
}
.course-custom-excitation .share-body .course-info .data-user-item .course-title-tops {
  margin-top: 0.12rem;
}
.course-custom-excitation .share-body .course-info .course-count {
  display: -webkit-flex;
  display: flex;
  text-align: center;
  border-top: 0.01rem solid #ececec;
}
.course-custom-excitation .share-body .course-info .course-count > div {
  -webkit-flex: 1;
          flex: 1;
  margin-top: 0.15rem;
  border-right: 0.01rem solid #eeeeee;
}
.course-custom-excitation .share-body .course-info .course-count > div .count-desc {
  font-size: 0.13rem;
  color: #333333;
}
.course-custom-excitation .share-body .course-info .course-count > div .count {
  margin-top: 0.06rem;
  font-size: 0.26rem;
  color: #222222;
  font-weight: 600;
}
.course-custom-excitation .share-body .course-info .course-count > div:last-child {
  border-right: none;
}
.course-custom-excitation .share-body .course-info .share-card-footer {
  width: 100%;
  box-sizing: border-box;
  padding: 0.17rem 0;
  background: #fff;
  padding-bottom: 0;
}
.course-custom-excitation .share-body .course-info .share-card-footer .share-card-footer-container {
  border-top: 0.01rem solid #ececec;
  padding-top: 0.17rem;
  box-sizing: border-box;
}
.course-custom-excitation .share-body .course-info .share-card-footer .share-card-footer-container .footer-access {
  max-width: 1.79rem;
  float: left;
  font-size: 0.12rem;
  color: #333333;
  margin-top: 0.045rem;
  line-height: 0.22rem;
  height: 0.715rem;
  overflow: hidden;
}
.course-custom-excitation .share-body .course-info .share-card-footer .share-card-footer-container .footer-qrc {
  float: right;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
}
.course-custom-excitation .share-body .course-info .share-card-footer .share-card-footer-container .footer-qrc .share-qrc {
  display: block;
  width: 100%;
  height: 100%;
}
.course-custom-excitation .share-body .course-info .share-card-footer .share-card-footer-container .footer-qrc .share-logo {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.course-custom-excitation .umu-sign {
  text-align: right;
  height: 0.17rem;
  line-height: 0.17rem;
  font-size: 0.12rem;
  color: #fff;
  width: 3.39rem;
  position: absolute;
  top: 0.18rem;
}
@charset "UTF-8";
.share-card.share-theme-1 {
  width: 3.2rem;
  height: 4.68rem;
  padding-top: 0.25rem;
  box-sizing: border-box;
}
.share-card.share-theme-1 .share-card-qrc {
  width: 2.75rem;
  display: block;
  margin: 0 auto;
}
.share-card.share-theme-1 .share-body {
  padding: 0 0.26rem;
}
.share-card.share-theme-1 .share-body-logo {
  height: 0.29rem;
  margin-top: 0.25rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card.share-theme-1 .share-body-title {
  display: -webkit-box;
  margin-top: 0.13rem;
  line-height: 0.22rem;
  font-size: 0.16rem;
  overflow-y: hidden;
  line-clamp: 2;
  font-weight: 700;
  color: #333;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card.share-theme-1 .share-body-invite {
  margin-top: 0.08rem;
  text-align: left;
}
.share-card.share-theme-1 .share-body-invite .data-user-main {
  vertical-align: middle;
  font-size: 0.13rem;
  color: #222222;
}
.share-card.share-theme-1 .share-body-invite .data-user-main .user-name-info {
  height: 0.2rem;
  margin-right: 0.05rem;
  overflow: hidden;
  min-height: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.1rem;
  display: inline-block;
  vertical-align: middle;
}
.share-card.share-theme-1 .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: -0.005rem;
}
.share-card.share-theme-1 .share-body-invite .data-user-main .user-name-info .user-name-content {
  vertical-align: middle;
  position: relative;
  top: -0.015rem;
}
.share-card.share-theme-1 .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  width: 0.18rem !important;
  height: 0.18rem !important;
  margin-top: -0.05rem;
}
.share-card.share-theme-1 .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0.02rem;
}
.share-card.share-theme-1 .share-body-invite .invite-desc.hide-level {
  vertical-align: 0.025rem;
}
.share-card.share-theme-1 .share-body-invite .share-body-access {
  margin-top: 0.15rem;
  font-size: 0.12rem;
  color: #333333;
}

.element-type-color.element-type-1 {
  color: #23a565;
}

.element-type-color.element-type-2 {
  color: #ffa726;
}

.element-type-color.element-type-3 {
  color: #e75a2d;
}

.element-type-color.element-type-4 {
  color: #03a9f4;
}

.element-type-color.element-type-5 {
  color: #ff7d7a;
}

.element-type-color.element-type-6 {
  color: #00bcd4;
}

.element-type-color.element-type-7 {
  color: #2196f3;
}

.element-type-color.element-type-8 {
  color: #f596aa;
}

.element-type-color.element-type-9 {
  color: #3f51b5;
}

.element-type-color.element-type-10 {
  color: #673ab7;
}

.element-type-color.element-type-11 {
  color: #dd4e40;
}

.element-type-color.element-type-12 {
  color: #66bb6a;
}

.element-type-color.element-type-13 {
  color: #23a565;
}

.element-type-color.element-type-14 {
  color: #03a9f4;
}

.element-type-color.element-type-15 {
  color: #ffa726;
}

.element-type-color.element-type-16 {
  color: #ffbd2b;
}

.element-type-color.element-type-17 {
  color: #2196f3;
}

.element-type-color.element-type-18 {
  color: #66bb6a;
}

/*
  author Kody
  desc umu iconfont
  library https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1590198
  注意：
      1. 为了避免与老的 png icon 命名一样产生冲突或样式问题，建议在所有的字体前加上 .iconfont
      2. 字体库由 duanjun 上传到 cdn，为了避免缓存，请在 @font-face 中把 url 的时间戳改一下
      3. .woff 文件百度云的 resopnse 头少跨域设置，最好注掉（百度云的 bug）
*/
@font-face {
  font-family: "iconfont";
  src: url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff?t=1645538719824") format("woff"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff2?t=1645538719824") format("woff2"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.ttf?t=1645538719824") format("truetype"); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none !important;
  /* ============================================ 以上部分除了 src，一般不用动 ===================================== */
}
.iconfont.icon-problem-filling:before {
  content: "\e607";
}
.iconfont.icon-calendar:before {
  content: "\e681";
}
.iconfont.icon-course-type-19:before {
  content: "\e676";
}
.iconfont.icon-course-type-20:before {
  content: "\e688";
}
.iconfont.icon-share2:before {
  content: "\e605";
}
.iconfont.icon-like3:before {
  content: "\e604";
}
.iconfont.icon-course-type-umu-template:before {
  content: "\e603";
}
.iconfont.icon-course-type-enterprise-template:before {
  content: "\e602";
}
.iconfont.icon-permission:before {
  content: "\e600";
}
.iconfont.icon-pinglunxuanzhong:before {
  content: "\e6c5";
}
.iconfont.icon-add:before {
  content: "\e66b";
}
.iconfont.icon-checkmark:before {
  content: "\e606";
}
.iconfont.icon-star-press:before {
  content: "\e669";
}
.iconfont.icon-star-normal:before {
  content: "\e66a";
}
.iconfont.icon-link:before {
  content: "\e668";
}
.iconfont.icon-edit:before {
  content: "\e667";
}
.iconfont.icon-top:before {
  content: "\e666";
}
.iconfont.icon-jinghua:before {
  content: "\e665";
}
.iconfont.icon-delete:before {
  content: "\e664";
}
.iconfont.icon-set:before {
  content: "\e662";
}
.iconfont.icon-comment:before {
  content: "\e65d";
}
.iconfont.icon-more:before {
  content: "\e65e";
}
.iconfont.icon-share:before {
  content: "\e65f";
}
.iconfont.icon-like1:before {
  content: "\e660";
}
.iconfont.icon-like2:before {
  content: "\e661";
}
.iconfont.icon-move-down:before {
  content: "\e65c";
}
.iconfont.icon-move-up:before {
  content: "\e65b";
}
.iconfont.icon-close:before {
  content: "\e65a";
}
.iconfont.icon-course-type-activity:before {
  content: "\e62e";
}
.iconfont.icon-course-type-learning-group:before {
  content: "\e62f";
}
.iconfont.icon-course-type-weike:before {
  content: "\e630";
}
.iconfont.icon-course-type-closed:before {
  content: "\e631";
}
.iconfont.icon-session_draft:before {
  content: "\e63f";
}
.iconfont.icon-course-type-9:before {
  content: "\e640";
}
.iconfont.icon-course-type-6:before {
  content: "\e628";
}
.iconfont.icon-course-type-3:before {
  content: "\e61d";
}
.iconfont.icon-course-type-8:before {
  content: "\e61e";
}
.iconfont.icon-course-type-13:before {
  content: "\e61f";
}
.iconfont.icon-course-type-15:before {
  content: "\e620";
}
.iconfont.icon-course-type-17:before {
  content: "\e621";
}
.iconfont.icon-course-type-16:before {
  content: "\e622";
}
.iconfont.icon-course-type-14:before {
  content: "\e623";
}
.iconfont.icon-course-type-10:before {
  content: "\e624";
}
.iconfont.icon-course-type-4:before {
  content: "\e625";
}
.iconfont.icon-course-type-5:before {
  content: "\e626";
}
.iconfont.icon-course-type-18:before {
  content: "\e627";
}
.iconfont.icon-course-type-7:before {
  content: "\e629";
}
.iconfont.icon-course-type-11:before {
  content: "\e62a";
}
.iconfont.icon-course-type-my-template:before {
  content: "\e62b";
}
.iconfont.icon-course-type-1:before {
  content: "\e62c";
}
.iconfont.icon-course-type-2:before {
  content: "\e62d";
}
.iconfont.icon-refresh:before {
  content: "\e617";
}
.iconfont.icon-arrow-right:before {
  content: "\e601";
}

/* session 类型 icon */
i.icon.icon-course-type-my-template {
  background-position: -1.2rem -0.3rem;
}

i.icon.icon-course-type-enterprise-template {
  background-position: -1.5rem -0.3rem;
}

i.icon.icon-course-type-umu-template {
  background-position: -1.8rem -0.3rem;
}

i.icon.icon-course-type-activity {
  background-position: 0 -0.6rem;
}

i.icon.icon-course-type-weike {
  background-position: -0.3rem -0.6rem;
}

i.icon.icon-course-type-learning-group {
  background-position: -1.8rem -0.6rem;
}

/* 高优先级的状态 */
i.icon.icon-course-type-closed {
  background-position: -2.4rem 0;
}

i.icon.icon-course-type {
  width: 0.25rem;
  height: 0.25rem;
  font-size: 0.25rem;
}

i.icon.icon-course-type-1 {
  color: #28b770;
}

i.icon.icon-course-type-2 {
  color: #febd2b;
}

i.icon.icon-course-type-3 {
  color: #e75a2d;
}

i.icon.icon-course-type-4 {
  color: #2295f3;
}

i.icon.icon-course-type-5 {
  color: #ff7d79;
}

i.icon.icon-course-type-6 {
  color: #0cbcd4;
}

i.icon.icon-course-type-7 {
  color: #1f97f3;
}

i.icon.icon-course-type-8 {
  color: #f596aa;
}

i.icon.icon-course-type-9 {
  color: #3e51b5;
}

i.icon.icon-course-type-10 {
  color: #6739b8;
}

i.icon.icon-course-type-11 {
  color: #dd4e40;
}

i.icon.icon-course-type-12 {
  color: #febd2b;
}

i.icon.icon-course-type-13 {
  color: #03bcd4;
}

i.icon.icon-course-type-14 {
  color: #febd2b;
}

i.icon.icon-course-type-15 {
  color: #28b770;
}

i.icon.icon-course-type-16 {
  color: #febd2b;
}

i.icon.icon-course-type-17 {
  color: #1f97f3;
}

i.icon.icon-course-type-18 {
  color: #febd2b;
}

i.icon.icon-course-type-19 {
  color: #2197f3;
}

.share-card .session-type {
  display: inline-block;
}
.share-card .session-type .icon-course-type {
  display: inline;
  font-size: 0.18rem;
  vertical-align: -0.01rem;
}
.share-card .session-type .element-type-color {
  display: inline-block;
  padding-right: 0.05rem;
  padding-left: 0.05rem;
}
@charset "UTF-8";
.share-card {
  width: 3.2rem;
  position: relative;
  margin: 0 auto;
}
.share-card .iconfont {
  font-weight: 400 !important;
}
.share-card .share-card-logo {
  position: absolute;
  height: 0.27rem;
  width: 1rem;
  top: 0.12rem;
  left: 0.2rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body {
  height: 3.7rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-card .share-card-body .share-card-content {
  padding: 0.19rem 0.2rem;
  padding-bottom: 0.15rem;
  background-color: rgba(255, 255, 255, 0.85);
}
.share-card .share-card-body .share-card-content.session {
  padding-bottom: 0.18rem;
}
.share-card .share-card-body .share-card-content .share-body-title {
  margin: 0;
}
.share-card .share-card-body .share-body-title {
  word-break: break-all;
  line-height: 0.22rem;
  overflow-y: hidden;
  word-wrap: break-word;
  font-size: 0.16rem;
  font-weight: 700;
  color: #333;
  text-align: left;
}
.share-card .share-card-body .share-body-invite {
  margin-top: 0.08rem;
  text-align: left;
}
.share-card .share-card-body .share-body-invite .data-user-main {
  vertical-align: middle;
  font-size: 0.13rem;
  color: #222222;
}
.share-card .share-card-body .share-body-invite .data-user-main .user-name-info {
  height: 0.2rem;
  margin-right: 0.05rem;
  overflow: hidden;
  min-height: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.1rem;
  display: inline-block;
  vertical-align: middle;
}
.share-card .share-card-body .share-body-invite .data-user-main .user-name-info .user-name-content {
  vertical-align: middle;
  position: relative;
  top: -0.03rem;
}
.share-card .share-card-body .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: -0.005rem;
}
.share-card .share-card-body .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  width: 0.18rem !important;
  height: 0.18rem !important;
  margin-top: -0.05rem;
}
.share-card .share-card-body .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0.02rem;
}
.share-card .share-card-body .share-body-invite .invite-desc.hide-level {
  vertical-align: 0.025rem;
}
.share-card .share-card-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  padding: 0.115rem;
  background: #fff;
}
.share-card .share-card-footer .footer-access {
  -webkit-flex: 1;
          flex: 1;
  min-width: 0;
  font-size: 0.14rem;
  color: #333333;
}
.share-card .share-card-footer .footer-access .course-from {
  height: 0.33rem;
  font-size: 0.11rem;
  color: #151515;
  line-height: 0.16rem;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-footer .footer-access .access-url {
  margin: 0.05rem 0;
}
.share-card .share-card-footer .footer-access .access-url .icon-umu-logo {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  background-size: contain;
  border-radius: 0.04rem;
  margin-right: 0.06rem;
  vertical-align: -0.025rem;
}
.share-card .share-card-footer .footer-access .access-desc {
  height: 0.25rem;
  line-height: 0.25rem;
  display: inline-block;
  padding-left: 0.1rem;
  background: #ffbd2b;
  border-radius: 0.05rem;
  font-size: 0.11rem;
  margin-top: 0.01rem;
  color: #fff;
}
.share-card .share-card-footer .footer-access .access-desc .icon-arrow-right {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  background-image: url(https://d1bvk99i2a79wx.cloudfront.net/pc_course/en/assets/normal/images/icon-arrow-right.00845024.png);
  background-size: contain;
  border-radius: 0.04rem;
  margin: 0 0.08rem;
  vertical-align: -0.03rem;
}
.share-card .share-card-footer .footer-qrc {
  margin-left: 0.05rem;
  width: 0.75rem;
  height: 0.75rem;
}

.element-type-color.element-type-1 {
  color: #23a565;
}

.element-type-color.element-type-2 {
  color: #ffa726;
}

.element-type-color.element-type-3 {
  color: #e75a2d;
}

.element-type-color.element-type-4 {
  color: #03a9f4;
}

.element-type-color.element-type-5 {
  color: #ff7d7a;
}

.element-type-color.element-type-6 {
  color: #00bcd4;
}

.element-type-color.element-type-7 {
  color: #2196f3;
}

.element-type-color.element-type-8 {
  color: #f596aa;
}

.element-type-color.element-type-9 {
  color: #3f51b5;
}

.element-type-color.element-type-10 {
  color: #673ab7;
}

.element-type-color.element-type-11 {
  color: #dd4e40;
}

.element-type-color.element-type-12 {
  color: #66bb6a;
}

.element-type-color.element-type-13 {
  color: #23a565;
}

.element-type-color.element-type-14 {
  color: #03a9f4;
}

.element-type-color.element-type-15 {
  color: #ffa726;
}

.element-type-color.element-type-16 {
  color: #ffbd2b;
}

.element-type-color.element-type-17 {
  color: #2196f3;
}

.element-type-color.element-type-18 {
  color: #66bb6a;
}

/*
  author Kody
  desc umu iconfont
  library https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1590198
  注意：
      1. 为了避免与老的 png icon 命名一样产生冲突或样式问题，建议在所有的字体前加上 .iconfont
      2. 字体库由 duanjun 上传到 cdn，为了避免缓存，请在 @font-face 中把 url 的时间戳改一下
      3. .woff 文件百度云的 resopnse 头少跨域设置，最好注掉（百度云的 bug）
*/
@font-face {
  font-family: "iconfont";
  src: url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff?t=1645538719824") format("woff"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.woff2?t=1645538719824") format("woff2"), url("https://d1bvk99i2a79wx.cloudfront.net/statics/iconfont/iconfont.ttf?t=1645538719824") format("truetype"); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none !important;
  /* ============================================ 以上部分除了 src，一般不用动 ===================================== */
}
.iconfont.icon-problem-filling:before {
  content: "\e607";
}
.iconfont.icon-calendar:before {
  content: "\e681";
}
.iconfont.icon-course-type-19:before {
  content: "\e676";
}
.iconfont.icon-course-type-20:before {
  content: "\e688";
}
.iconfont.icon-share2:before {
  content: "\e605";
}
.iconfont.icon-like3:before {
  content: "\e604";
}
.iconfont.icon-course-type-umu-template:before {
  content: "\e603";
}
.iconfont.icon-course-type-enterprise-template:before {
  content: "\e602";
}
.iconfont.icon-permission:before {
  content: "\e600";
}
.iconfont.icon-pinglunxuanzhong:before {
  content: "\e6c5";
}
.iconfont.icon-add:before {
  content: "\e66b";
}
.iconfont.icon-checkmark:before {
  content: "\e606";
}
.iconfont.icon-star-press:before {
  content: "\e669";
}
.iconfont.icon-star-normal:before {
  content: "\e66a";
}
.iconfont.icon-link:before {
  content: "\e668";
}
.iconfont.icon-edit:before {
  content: "\e667";
}
.iconfont.icon-top:before {
  content: "\e666";
}
.iconfont.icon-jinghua:before {
  content: "\e665";
}
.iconfont.icon-delete:before {
  content: "\e664";
}
.iconfont.icon-set:before {
  content: "\e662";
}
.iconfont.icon-comment:before {
  content: "\e65d";
}
.iconfont.icon-more:before {
  content: "\e65e";
}
.iconfont.icon-share:before {
  content: "\e65f";
}
.iconfont.icon-like1:before {
  content: "\e660";
}
.iconfont.icon-like2:before {
  content: "\e661";
}
.iconfont.icon-move-down:before {
  content: "\e65c";
}
.iconfont.icon-move-up:before {
  content: "\e65b";
}
.iconfont.icon-close:before {
  content: "\e65a";
}
.iconfont.icon-course-type-activity:before {
  content: "\e62e";
}
.iconfont.icon-course-type-learning-group:before {
  content: "\e62f";
}
.iconfont.icon-course-type-weike:before {
  content: "\e630";
}
.iconfont.icon-course-type-closed:before {
  content: "\e631";
}
.iconfont.icon-session_draft:before {
  content: "\e63f";
}
.iconfont.icon-course-type-9:before {
  content: "\e640";
}
.iconfont.icon-course-type-6:before {
  content: "\e628";
}
.iconfont.icon-course-type-3:before {
  content: "\e61d";
}
.iconfont.icon-course-type-8:before {
  content: "\e61e";
}
.iconfont.icon-course-type-13:before {
  content: "\e61f";
}
.iconfont.icon-course-type-15:before {
  content: "\e620";
}
.iconfont.icon-course-type-17:before {
  content: "\e621";
}
.iconfont.icon-course-type-16:before {
  content: "\e622";
}
.iconfont.icon-course-type-14:before {
  content: "\e623";
}
.iconfont.icon-course-type-10:before {
  content: "\e624";
}
.iconfont.icon-course-type-4:before {
  content: "\e625";
}
.iconfont.icon-course-type-5:before {
  content: "\e626";
}
.iconfont.icon-course-type-18:before {
  content: "\e627";
}
.iconfont.icon-course-type-7:before {
  content: "\e629";
}
.iconfont.icon-course-type-11:before {
  content: "\e62a";
}
.iconfont.icon-course-type-my-template:before {
  content: "\e62b";
}
.iconfont.icon-course-type-1:before {
  content: "\e62c";
}
.iconfont.icon-course-type-2:before {
  content: "\e62d";
}
.iconfont.icon-refresh:before {
  content: "\e617";
}
.iconfont.icon-arrow-right:before {
  content: "\e601";
}

/* session 类型 icon */
i.icon.icon-course-type-my-template {
  background-position: -1.2rem -0.3rem;
}

i.icon.icon-course-type-enterprise-template {
  background-position: -1.5rem -0.3rem;
}

i.icon.icon-course-type-umu-template {
  background-position: -1.8rem -0.3rem;
}

i.icon.icon-course-type-activity {
  background-position: 0 -0.6rem;
}

i.icon.icon-course-type-weike {
  background-position: -0.3rem -0.6rem;
}

i.icon.icon-course-type-learning-group {
  background-position: -1.8rem -0.6rem;
}

/* 高优先级的状态 */
i.icon.icon-course-type-closed {
  background-position: -2.4rem 0;
}

i.icon.icon-course-type {
  width: 0.25rem;
  height: 0.25rem;
  font-size: 0.25rem;
}

i.icon.icon-course-type-1 {
  color: #28b770;
}

i.icon.icon-course-type-2 {
  color: #febd2b;
}

i.icon.icon-course-type-3 {
  color: #e75a2d;
}

i.icon.icon-course-type-4 {
  color: #2295f3;
}

i.icon.icon-course-type-5 {
  color: #ff7d79;
}

i.icon.icon-course-type-6 {
  color: #0cbcd4;
}

i.icon.icon-course-type-7 {
  color: #1f97f3;
}

i.icon.icon-course-type-8 {
  color: #f596aa;
}

i.icon.icon-course-type-9 {
  color: #3e51b5;
}

i.icon.icon-course-type-10 {
  color: #6739b8;
}

i.icon.icon-course-type-11 {
  color: #dd4e40;
}

i.icon.icon-course-type-12 {
  color: #febd2b;
}

i.icon.icon-course-type-13 {
  color: #03bcd4;
}

i.icon.icon-course-type-14 {
  color: #febd2b;
}

i.icon.icon-course-type-15 {
  color: #28b770;
}

i.icon.icon-course-type-16 {
  color: #febd2b;
}

i.icon.icon-course-type-17 {
  color: #1f97f3;
}

i.icon.icon-course-type-18 {
  color: #febd2b;
}

i.icon.icon-course-type-19 {
  color: #2197f3;
}

.share-card .session-type {
  display: inline-block;
}
.share-card .session-type .icon-course-type {
  display: inline;
  font-size: 0.18rem;
  vertical-align: -0.01rem;
}
.share-card .session-type .element-type-color {
  display: inline-block;
  padding-right: 0.05rem;
  padding-left: 0.05rem;
}
.share-card .share-card-body.share-theme-10 {
  padding: 0 0.4rem;
  padding-top: 0.55rem;
}
.share-card .share-card-body.share-theme-10 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-10 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-11 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-11 .share-card-content {
  background-color: rgba(255, 255, 255, 0.85);
}
.share-card .share-card-body.share-theme-11 .share-card-content .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-11 .share-card-content .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-12 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-12 .share-card-content {
  padding-bottom: 0.18rem;
}
.share-card .share-card-body.share-theme-12 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-12 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-12 .share-body-invite {
  margin-top: 0.12rem;
}
.share-card .share-card-body.share-theme-13 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-13 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-13 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-13 .share-body-invite {
  margin-top: 0.12rem;
}
.share-card .share-card-body.share-theme-14 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-14 .share-card-content {
  padding-bottom: 0.18rem;
}
.share-card .share-card-body.share-theme-14 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-14 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-14 .share-body-invite {
  margin-top: 0.12rem;
}
.share-card .share-card-body.share-theme-15 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-15 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-15 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-15 .share-body-invite {
  margin-top: 0.12rem;
}
.share-theme-16 {
  padding-top: 0.45rem;
}
.share-theme-16 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-theme-17 {
  padding-top: 2.42rem;
}
.share-theme-17 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-17 .share-card-content {
  position: absolute;
  bottom: 1.18rem;
  width: 2.4rem;
}
.share-theme-17 .share-body-title {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-theme-17 .share-body-invite {
  margin-top: 0.14rem;
  color: #fff;
}
.share-card .share-card-body.share-theme-18 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-18 .share-card-content {
  padding-bottom: 0.18rem;
}
.share-card .share-card-body.share-theme-18 .share-card-content .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-theme-19 {
  padding-top: 0.45rem;
}
.share-theme-19 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.share-theme-2 {
  padding: 0 0.2rem;
  padding-top: 2.8rem;
}
.share-theme-2 .share-body-title {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-theme-20 {
  position: relative;
  width: 3.2rem;
  height: 4.68rem;
  box-sizing: border-box;
  padding-top: 0.81rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-theme-20 .share-card-body {
  padding: 0 0.2rem;
}
.share-theme-20 .share-card-body .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-20 .share-card-body .share-body-title {
  display: -webkit-box;
  margin-top: 0.13rem;
  padding-right: 0.25rem;
  line-height: 0.22rem;
  text-align: left;
  overflow-y: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-size: 0.2rem;
  color: #fff;
}
.share-theme-20 .share-card-body .share-body-invite {
  margin-top: 0.08rem;
  color: #fff;
}
.share-theme-20 .share-card-body .share-body-invite .data-user-main {
  vertical-align: middle;
  font-size: 0.13rem;
}
.share-theme-20 .share-card-body .share-body-invite .data-user-main .user-name-info {
  height: 0.2rem;
  overflow: hidden;
  min-height: 0.2rem;
  margin-right: 0.05rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.1rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.share-theme-20 .share-card-body .share-body-invite .data-user-main .user-name-info .user-name-content {
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
}
.share-theme-20 .share-card-body .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: 0.015rem;
}
.share-theme-20 .share-card-body .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  width: 0.18rem !important;
  height: 0.18rem !important;
  margin-top: -0.03rem;
}
.share-theme-20 .share-card-body .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0.01rem;
}
.share-theme-20 .share-card-body .share-body-invite .invite-desc.hide-level {
  vertical-align: 0;
}
.share-theme-20 .share-card-footer {
  width: 100%;
  position: absolute;
  bottom: 0.23rem;
  background: #fff;
}
.share-theme-20 .share-card-footer .footer-access {
  float: left;
  padding-top: 0.18rem;
  padding-left: 0.18rem;
  font-size: 0.14rem;
  color: #333333;
}
.share-theme-20 .share-card-footer .footer-access .access-url {
  margin: 0.05rem 0;
}
.share-theme-20 .share-card-footer .footer-access .access-url .icon-umu-logo {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  background-size: contain;
  border-radius: 0.04rem;
  margin-right: 0.06rem;
  vertical-align: -0.025rem;
}
.share-theme-20 .share-card-footer .footer-access .access-desc {
  height: 0.25rem;
  line-height: 0.25rem;
  padding-left: 0.1rem;
  background: #ffbd2b;
  border-radius: 0.05rem;
  color: #fff;
}
.share-theme-20 .share-card-footer .footer-access .access-desc .icon-arrow-right {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  background-image: url(https://d1bvk99i2a79wx.cloudfront.net/pc_course/en/assets/normal/images/icon-arrow-right.00845024.png);
  background-size: contain;
  border-radius: 0.04rem;
  margin: 0 0.08rem;
  vertical-align: -0.02rem;
}
.share-theme-20 .share-card-footer .footer-qrc {
  margin: 0.115rem;
  float: right;
  width: 0.75rem;
}
.share-theme-21 {
  padding-top: 0.45rem;
}
.share-theme-21 .share-card-content .share-body-invite {
  margin-top: 0.08rem;
}
.share-theme-21 .share-card-content .share-body-invite .data-user-main {
  vertical-align: middle;
  font-size: 0.13rem;
}
.share-theme-21 .share-card-content .share-body-invite .data-user-main .user-name-info {
  height: 0.2rem;
}
.share-theme-21 .share-card-content .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: 0.015rem;
}
.share-theme-21 .share-card-content .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  width: 0.18rem !important;
}
.share-theme-21 .share-card-content .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0.01rem;
}
.share-theme-21 .share-card-content .share-body-invite .invite-desc.hide-level {
  vertical-align: 0;
}
.share-theme-21 .share-card-content .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.share-card .share-card-body.share-theme-22 {
  padding: 0 0.4rem;
  padding-top: 0.56rem;
  color: #000;
}
.share-card .share-card-body.share-theme-22 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-22 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-22 .share-body-invite {
  margin-top: 0.08rem;
}
.share-theme-23 {
  position: relative;
  width: 3.2rem;
  height: 4.68rem;
  box-sizing: border-box;
  padding-top: 0.5rem;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-theme-23 .share-card-body {
  padding: 0 0.46rem;
}
.share-theme-23 .share-card-body .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-23 .share-card-body .share-body-title {
  display: -webkit-box;
  margin-top: 0.13rem;
  padding-right: 0.25rem;
  line-height: 0.22rem;
  text-align: left;
  overflow-y: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-size: 0.2rem;
  color: #fff;
}
.share-theme-23 .share-card-body .share-body-invite {
  margin-top: 0.08rem;
  color: #fff;
}
.share-theme-23 .share-card-body .share-body-invite .data-user-main {
  vertical-align: middle;
  font-size: 0.13rem;
}
.share-theme-23 .share-card-body .share-body-invite .data-user-main .user-name-info {
  height: 0.2rem;
  margin-right: 0.05rem;
  overflow: hidden;
  min-height: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.1rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.share-theme-23 .share-card-body .share-body-invite .data-user-main .user-name-info .user-name-content {
  vertical-align: middle;
  position: relative;
  top: -0.01rem;
}
.share-theme-23 .share-card-body .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: 0.005rem;
}
.share-theme-23 .share-card-body .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  width: 0.18rem !important;
  height: 0.18rem !important;
  margin-top: -0.05rem;
}
.share-theme-23 .share-card-body .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0.01rem;
}
.share-theme-23 .share-card-footer {
  width: 100%;
  position: absolute;
  bottom: 0.95rem;
  text-align: center;
}
.share-theme-23 .share-card-footer .footer-qrc {
  width: 0.7rem;
  display: inline-block;
}
.share-theme-23 .share-card-footer .footer-access {
  margin-top: 0.05rem;
  font-size: 0.12rem;
  color: #333333;
}
.share-card .share-card-body.share-theme-24 {
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-24 .share-body-logo {
  height: 0.29rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-24 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-3 {
  padding: 0 0.4rem;
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-3 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-3 .share-body-title {
  display: -webkit-box;
  margin-top: 0.1rem;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-theme-4 {
  padding-top: 0.45rem;
}
.share-theme-4 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-4 .share-body-title {
  display: -webkit-box;
  margin-top: 0.1rem;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.share-card .share-card-body.share-theme-5 {
  padding: 0 0.44rem;
  padding-top: 0.45rem;
}
.share-card .share-card-body.share-theme-5 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-5 .share-body-title {
  display: -webkit-box;
  margin-top: 0.1rem;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-5 .share-body-access {
  margin-top: 0.15rem;
  font-size: 0.12rem;
  color: #333333;
}
.share-theme-6 {
  padding: 0 0.2rem;
  padding-top: 2.5rem;
}
.share-theme-6 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-6 .share-body-title {
  display: -webkit-box;
  margin-top: 0.13rem;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.share-theme-7 {
  padding: 0 0.24rem;
  padding-top: 0.52rem;
}
.share-theme-7 .share-body-avatar {
  width: 0.99rem;
  height: 0.99rem;
  margin-left: 0.06rem;
  border-radius: 50%;
  border: 0.03rem #fff solid;
  box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.2);
}
.share-theme-7 .share-card-content {
  position: absolute;
  bottom: 1.18rem;
  width: 2.4rem;
  padding: 0.16rem 0.1rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.share-theme-7 .share-card-content .share-body-invite {
  margin-top: 0;
}
.share-theme-7 .share-card-content .share-body-invite .data-user-main {
  margin-top: 0.08rem;
  vertical-align: middle;
  font-size: 0.13rem;
}
.share-theme-7 .share-card-content .share-body-invite .data-user-main .user-name-info {
  white-space: nowrap;
}
.share-theme-7 .share-card-content .share-body-invite .data-user-main .user-name-info .user-name-content {
  top: -0.015rem;
}
.share-theme-7 .share-card-content .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
  top: 0.015rem;
}
.share-theme-7 .share-card-content .share-body-invite .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
  margin-top: -0.03rem !important;
}
.share-theme-7 .share-card-content .share-body-invite .invite-desc {
  display: inline-block;
  vertical-align: 0;
}
.share-theme-7 .share-card-content .share-body-invite .invite-desc.hide-level {
  vertical-align: 0;
}
.share-theme-7 .share-card-content .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.share-theme-8 {
  padding-top: 0.45rem;
}
.share-theme-8 .share-card-content {
  padding: 0.22rem 0.14rem;
  background-color: rgba(255, 255, 255, 0.85);
}
.share-theme-8 .share-card-content .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-theme-8 .share-card-content .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.share-card .share-card-body.share-theme-9 {
  padding: 0 0.4rem;
  padding-top: 0.55rem;
}
.share-card .share-card-body.share-theme-9 .share-body-logo {
  height: 0.29rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-card .share-card-body.share-theme-9 .share-body-title {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  color: #000000;
}
.site-logo {
  height: 38px;
}
.toggle-icon-wrapper {
  width: 42px;
  height: 42px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.toggle-icon-wrapper.right {
  background: rgba(238, 238, 238, 0.9);
  border-radius: 0px 4px 4px 0px;
}
.toggle-icon-wrapper.left {
  background: rgba(238, 238, 238, 0.9);
  border-radius: 4px 0px 0px 4px;
}
.toggle-icon-wrapper.left .toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toggle-icon-wrapper .toggle-icon {
  width: 24px;
  height: 24px;
  color: #222222;
}