.ks-calendar .van-calendar__day--start::after {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: .71333333rem;
  content: " ";
  background-color: rgba(123,80,230,.1);
}

.ks-calendar .van-calendar__day--end::after {
  position: absolute;
  right: 50%;
  top: 0;
  bottom: 0;
  width: .71333333rem;
  content: " ";
  background-color: rgba(123,80,230,.1);
}

.ks-calendar .van-calendar__day {
margin-bottom: 6px;
}

.ks-calendar .van-calendar__selected-day {
color: #fff;
background-color: #7972fe;
border-radius: 50%;
width: 48px;
height: 48px;
// height: calc(100vw / 7);
margin-bottom: 6px;
}

.ios .ks-calendar-header {
padding-top: 20px;
}

.ios .ks-calendar-popup .van-calendar__header-title {
box-sizing: content-box!important;
padding-bottom: 20px;
}

.ipx .ks-calendar-header {
padding-top: 44px;
}

.ipx .ks-calendar-popup .van-calendar__header-title {
box-sizing: content-box!important;
padding-bottom: 44px;
}

.ks-calendar-popup {
height: 100%;
.van-popup__close-icon--top-left {
  top: 12px;
}
}

.ios .ks-calendar-popup .van-popup__close-icon--top-left {
  top: 32px;
}

.ipx .ks-calendar-popup .van-popup__close-icon--top-left {
  top: 56px;
}

.ks-calendar {
&-header {
  padding-left: 44px;
  text-align: left;
  &__daterange {
    margin-left: 20px;
    color: #7972fe;
    font-size: 14px;
  }
}
.van-calendar {
  &__confirm {
    border-radius: 8px;
    background-color: #7972fe;
    border: 1px solid #7972fe;
  }
  &__day {
    height: calc( 100vw / 7);
    &--start, &--end {
      border-radius: 50%;
    }
    &--start-end {
      border-radius: 6px;
    }
  }
  &__bottom-info {
    line-height: 10px;
  }
}
}
.ks-calendar-horizontal {
.van-calendar__day {
  height: 46px;
}
.ks-calendar .van-calendar__selected-day {
  height: 46px;
}
.van-calendar__selected-day {
  border-radius: 50%;
  height: 46px;
  width: 46px;
}
.van-calendar__bottom-info {
  bottom: 4px;
}
.van-calendar__header-subtitle {
  height: 20px;
  line-height: 20px;
  margin-top: -16px;
}
.van-calendar__weekday {
  line-height: 20px;
}
.van-calendar__day {
  margin-bottom: 2px;
}
.van-calendar__day--start, .van-calendar__day--end {
  background-color: transparent;
  background-size: 46px 46px;
  background-repeat: no-repeat;
  background-image: radial-gradient(closest-side, #7972fe 100%, transparent 100%);
  background-position: 50%;
}
}
.ios .ks-calendar-horizontal {
.van-calendar__day--start, .van-calendar__day--end {
  background-image: -webkit-gradient(radial, 50% 50%, 22, 23 23, 23, from(#7972fe), to(transparent));
}
}
