.community-base-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.community-base-content .left {
  padding: 24px 24px 24px 28px;
  background-color: var(--sub-bg-color);
}
.community-base-content .left .map-container {
  width: 400px;
  height: 300px;
  margin-bottom: 24px;
}
.community-base-content .right {
  position: relative;
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 24px 32px;
}
.community-base-content .right .chart-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 0;
}
.ant-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.community-throw-content {
  padding: 24px;
}
.community-throw-content .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  padding-left: 28px;
}
.community-throw-content .top-bar .right {
  margin-left: auto;
}
.half {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
}
.timeline-text {
  color: var(--date-text);
}
.calendar {
  width: 100%;
  border-radius: 2px;
  background-color: var(--bg-color);
}
.calendar .dateheader {
  line-height: 30px;
  position: relative;
  height: 30px;
}
.calendar .date {
  position: absolute;
  left: 30px;
  font-weight: bolder;
  color: var(--date-text);
}
.calendar .point {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffab26;
}
.calendar .missText {
  float: right;
  color: var(--date-text);
}
.calendar .ant-picker-calendar-mini {
  background-color: var(--bg-color);
}
.calendar .ant-picker-calendar-date-value {
  color: var(--date-text);
}
.calendar .ant-picker-calendar-date-value:hover {
  color: var(--date-text-horver);
}
.calendar .ant-picker-date-panel {
  height: 400px;
  background-color: var(--date-bg);
  color: var(--date-text);
}
.base-title {
  color: var(--date-title);
}