.headBox {
  width: 750rpx;
  position: relative;
  background: #ffffff; }
  .headBox .weeks {
    font-size: 32rpx;
    font-weight: 500;
    line-height: 45rpx;
    color: #1a1b1c; }

.switchCouples {
  font-size: 24rpx;
  font-weight: 400;
  line-height: 33rpx;
  color: #92979d; }

.classTimeText {
  font-size: 20rpx;
  font-weight: 400;
  line-height: 28rpx;
  color: #4d5560; }

.monthBox {
  width: 64rpx;
  height: 100rpx; }

.calendarDate {
  margin: 7rpx;
  width: 86rpx;
  height: 86rpx;
  border-radius: 14rpx;
  justify-content: center; }

.tipsText {
  font-size: 20rpx;
  font-weight: 400;
  line-height: 28rpx;
  color: #92979d; }

.selectedDate {
  background: #5e99fb;
  color: #fff; }
  .selectedDate .tipsText {
    color: #fff; }

.overView {
  overflow: auto;
  margin: auto; }

.flex-item {
  width: 95rpx;
  height: 100rpx; }

.kcb-item {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 8rpx; }

.kcb-selected {
  animation-name: selectId;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both; }

.smalltext {
  padding-left: 2rpx;
  font-size: 26rpx;
  font-weight: 500;
  line-height: 37rpx;
  color: #ffffff; }

.room {
  font-size: 24rpx;
  line-height: 33rpx;
  color: #ffffff; }

.weeksSwitch .cu-dialog {
  vertical-align: top; }

.weeksSwitch .WeekCheck {
  position: relative;
  width: 110rpx;
  height: 110rpx;
  border: 1rpx solid #dfe4ea;
  border-radius: 24rpx;
  color: #282b2f;
  align-items: baseline;
  padding-top: 30rpx; }
  .weeksSwitch .WeekCheck .WeekNum {
    font-size: 32rpx;
    font-weight: 500;
    line-height: 45rpx; }
  .weeksSwitch .WeekCheck .thisWeek {
    position: absolute;
    bottom: 6rpx;
    font-size: 20rpx;
    font-weight: 400;
    line-height: 28rpx;
    color: #ffffff;
    opacity: 0.6; }

.weeksSwitch .tips {
  font-size: 24rpx;
  font-weight: 400;
  line-height: 33rpx;
  color: #92979d; }

.weeksSwitch .WeekChecked {
  width: 110rpx;
  height: 110rpx;
  background: #5e99fb;
  box-shadow: 0 3rpx 6rpx rgba(94, 153, 251, 0.4);
  opacity: 1;
  color: #fff;
  border-radius: 24rpx; }

.loginnull {
  display: block;
  margin: 120rpx auto;
  width: 400rpx;
  height: 400rpx; }
  .loginnull text {
    display: block;
    margin: -50rpx auto 0;
    text-align: center;
    font-size: 28rpx;
    line-height: 40rpx;
    color: #92979d; }

.coursenull {
  display: block;
  margin: 60rpx auto;
  width: 360rpx;
  height: 360rpx; }
  .coursenull text {
    display: block;
    margin: -50rpx auto 0;
    text-align: center;
    font-size: 28rpx;
    line-height: 40rpx;
    color: #92979d; }

.cu-modal.top-modal::before {
  vertical-align: bottom; }

.cu-modal.top-modal .cu-dialog {
  width: 100%;
  border-radius: 0; }

.cu-modal.top-modal {
  margin-top: -1000rpx; }

.cu-modal.top-modal.show {
  margin-top: 0; }

.showcouplesOn {
  animation-name: showcouplesOn;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both; }

.showcouplesOut {
  animation-name: showcouplesOut;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both; }

@keyframes showcouplesOn {
  0% {
    transform: rotate3d(0, 1, 0, 45deg);
    opacity: 1; }
  50% {
    transform: rotate3d(0, 1, 0, 90deg);
    opacity: 1; }
  100% {
    transform: rotate3d(0, 1, 0, 180deg);
    opacity: 0;
    display: none; } }

@keyframes showcouplesOut {
  0% {
    transform: rotate3d(0, 1, 0, 180deg);
    opacity: 0;
    display: none; }
  50% {
    transform: rotate3d(0, 1, 0, 90deg);
    opacity: 1; }
  100% {
    transform: rotate3d(0, 1, 0, 0deg);
    opacity: 1; } }
