.ContentBlock {
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 12px rgba(144, 110, 59, 0.1);
          box-shadow: 0px 4px 12px rgba(144, 110, 59, 0.1);
  border-radius: 8px 40px;
  margin-bottom: 20px;
  min-height: 200px;
  overflow: hidden;
}
.ContentBlock .loadingImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ContentBlock .loadingImg img {
  z-index: 300;
  margin-right: 4px;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotation {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.ContentBlock .BlockDiv {
  min-height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ContentBlock .BlockDiv .BlockFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ContentBlock .BlockDiv .BlockTop {
  position: relative;
}
.ContentBlock .BlockDiv .BlockTop .pendingTime {
  position: absolute;
  top: 18px;
  right: -10px;
  width: auto;
  padding: 10px 30px 10px 34px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  background: linear-gradient(89.88deg, #60c3ed -0.62%, #377da4 95.94%, #277099 100.85%);
  -webkit-box-shadow: 0px 2px 0px rgba(44, 116, 156, 0.1);
          box-shadow: 0px 2px 0px rgba(44, 116, 156, 0.1);
  border-radius: 50px 2px 2px 50px;
}
.ContentBlock .BlockDiv .BlockTop .pendingTime::after {
  content: "";
  position: absolute;
  bottom: -12px;
  right: 0;
  border: 6px solid #277099;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ContentBlock .BlockDiv .BlockTop .pendingTime p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ContentBlock .BlockDiv .BlockTop .pendingTime p img {
  margin-right: 4px;
}
.ContentBlock .BlockDiv .courseDetail {
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAgCAYAAACRpmGNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHrSURBVHgB7ZbhUdswFMf/T5Ld+JtH0AZkhHSCwgSlE7RMwHWCphOUTgCdADZoRmADzB13AUvWQ3ISjgsJyEIf+ODflySW/L/fe/Y7hRCJMcsZdzyVSh0QY8rENRi1X6o7dt/KsjrDAJi5tvZ+KiC/EFgDpNeZOqwLVWr1VgCs/e7gfgQJyP6ivz98IolQpIQ8dbb1YqIOQasofpG5V46NCQErqQzwcqlZyT9eZcaRlb2QC91ia859t2bIRNveTZ0Q5z5cD7lPbYu5rv3vv2pkInTMkbhcv5+DEM9/eLFfmxcym1jhxRJfjSc52y6PvdgxMuLFTt9T7NNjJdEHDaVh0ALoFtsLfdfSim0c81/ftdteLoz3wAobPzC/lZrMiajZtWHdtWh8kVeM7mdRVFeba72cIPE1NiiESFUcyT1SzzYeIpKO+aQsP823r6shQQRcyKI8emuftQ+HsdO5EpvMd62J/pHGTVPzYN1JxD6w41nMPhCd7RPr5cJ5ibigi6qqrmO2ShIHMfu4M/9eW1d+SjUiWXd5d5CaLDbD4Y+nuIKlejWTnGkvw3mHd+Kn93OYtP6Use0NMiC8WJaDfYMxRiMTApRXjqjLlifApPFBEcgMZfzjkF0uJ6NcKqNcKqNcKqNcKqNcKqNcKo+Tad3FBCCEeAAAAABJRU5ErkJggg==) no-repeat;
  background-position: 10px 10px;
  padding: 20px 0 0 20px;
}
.ContentBlock .BlockDiv .courseDetail > div {
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ContentBlock .BlockDiv .courseDetail > div span:first-child {
  margin-right: 20px;
}
.ContentBlock .BlockDiv .courseDetail .subDesc {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #666666;
}
.ContentBlock .BlockDiv .courseDetail .subDesc img {
  margin-right: 10px;
}
.ContentBlock .BlockDiv .courseDetail h5 {
  line-height: 32px !important;
}
.ContentBlock .BlockDiv .bottomDesc {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 60%;
}
.ContentBlock .BlockDiv .bottomDesc h5 {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #333333;
}
.ContentBlock .BlockDiv .bottomDesc p {
  font-size: 18px;
  line-height: 20px;
  color: #999999;
}
.ContentBlock .BlockDiv .bottomDesc .note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ContentBlock .BlockDiv .bottomDesc .note span {
  white-space: normal;
  word-wrap: break-word;
}
.ContentBlock .BlockDiv .bottomDesc .note .noteSpan {
  width: 92%;
}
.ContentBlock .BlockDiv .bottomDesc .bottomDetail {
  width: 86%;
}
.ContentBlock .BlockDiv .bottomDesc img {
  width: 68px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  display: table-cell;
  vertical-align: middle;
  margin-right: 20px;
}
.ContentBlock .BlockDiv .btnGroup {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ContentBlock .BlockDiv .btnGroup .middlebBtn {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ContentBlock .BlockDiv .btnGroup .middlebBtn .homeworkText {
  font-size: 12px;
}
.ContentBlock .BlockDiv .btnGroup button,
.ContentBlock .BlockDiv .btnGroup a {
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-size: 18px;
  margin-top: 10px;
}
.ContentBlock .BlockDiv .btnGroup button:hover,
.ContentBlock .BlockDiv .btnGroup a:hover {
  opacity: 0.9;
}
.ContentBlock .BlockDiv .btnGroup .cancelBtn {
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #ffffff;
  background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
  border: 1px solid #cccccc;
  color: #999999;
}
.ContentBlock .BlockDiv .btnGroup .btnDead {
  opacity: 0.5;
  cursor: not-allowed;
}
.ContentBlock .BlockDiv .btnGroup .btnDead:hover {
  opacity: 0.5;
}
.ContentBlock .BlockDiv .btnGroup .previewBtn {
  color: #3a81a8;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ffffff)), #ffffff;
  background: linear-gradient(0deg, #ffffff, #ffffff), #ffffff;
  border: 1px solid #3a80a7;
}
.ContentBlock .BlockDiv .btnGroup .previewBtn:hover {
  opacity: 0.8;
}
.ContentBlock .BlockDiv .btnGroup button {
  margin-left: 10px;
}
.ContentBlock .BlockDiv .btnGroup .enterBtn {
  border: none;
  color: #ffffff;
  background: linear-gradient(89.88deg, #60c3ed -0.62%, #377da4 95.94%, #277099 100.85%);
  -webkit-box-shadow: 0px 2px 0px rgba(44, 116, 156, 0.1);
          box-shadow: 0px 2px 0px rgba(44, 116, 156, 0.1);
}
.ContentBlock .BlockDiv .btnGroup .enterBtn:hover {
  opacity: 0.8;
}
.ContentBlock .BlockDiv .BlockBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px 20px 20px;
}
.ContentBlock .BlockDiv .BlockBottom .btnGroup {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.ContentBlock .ppDiv {
  background: url(data:image/png;base64,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) no-repeat;
  background-position: 100% 100%;
}
.ivu-modal-content {
  -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.roomBlock {
  padding-top: 20px;
  padding-left: 20px;
}
.roomBlock .roomUrl {
  text-decoration: underline;
}
.prepares-time-tag {
  display: inline-block;
  background-color: #F33D46;
  color: white;
  height: 36px;
  width: 91px;
  text-align: center;
  line-height: 36px!important;
  border-radius: 40px 40px 40px 0;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.prepares-time-tag.active {
  background-color: #61B541 !important;
}
.prepares-time-tag-time {
  width: auto;
  padding: 0 20px;
  background-color: #ffa84e;
}
.remark {
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
  padding: 5px;
  background-color: #ffe7c4;
  color: #ffa84e;
  border-radius: 5px;
}