@charset "UTF-8";
.community-main-part-outside {
  width: 100%;
  height: calc(100vh - 50px);
  overflow: auto;
}
.community-list-container {
  width: calc(100% + 14px);
  padding: 15px 0;
  margin: 0 -7px;
}
.community-list-container .community-list-item {
  float: left;
  width: calc(100% / 4 - 14px);
  height: 128px;
  overflow: hidden;
  padding: 15px 15px 12px;
  margin: 0 7px 15px;
  border-radius: 15px;
  background-color: #fff;
}
.community-list-container .community-list-item .community-base-info {
  display: flex;
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 8px;
  border-bottom: 1px dashed #ebebeb;
}
.community-list-container .community-list-item .community-base-info .community-picture {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  border-radius: 6px;
  overflow: hidden;
}
.community-list-container .community-list-item .community-base-info .community-picture > img {
  width: 100%;
}
.community-list-container .community-list-item .community-base-info .community-info-box {
  flex: 1;
  padding: 0 0;
}
.community-list-container .community-list-item .community-base-info .community-info-box .community-title-box {
  display: flex;
  width: 100%;
  margin: 0 0 10px;
}
.community-list-container .community-list-item .community-base-info .community-info-box .community-title-box .community-tag {
  height: 22px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 22px;
  border-radius: 4px;
}
.community-list-container .community-list-item .community-base-info .community-info-box .community-name {
  flex: 1;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-info-box {
  display: flex;
  width: 60%;
  float: left;
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-info-box .member-avatar-box {
  width: 14px;
  height: 14px;
  margin: 0 0 0 -5px;
  border-radius: 7px;
  overflow: hidden;
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-info-box .member-avatar-box > img {
  width: 100%;
  height: 100%;
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-info-box .member-avatar-box:first-child {
  margin: 0;
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-info-box .member-number-box {
  padding: 0 0 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.55);
}
.community-list-container .community-list-item .community-base-info .community-info-box .member-text-box {
  float: right;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.55);
}
.community-list-container .community-list-item .community-details-info {
  width: 100%;
  height: 32px;
}
.community-list-container .community-list-item .community-details-info .text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.75);
}
.community-details-page-container {
  width: 100%;
  min-height: 100vh;
  padding: 0 0;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.community-details-page-container .page-header-container .back-btn {
  color: #fff;
}
.community-base-info-container {
  width: 100%;
  padding: 15px 15px 12px;
}
.community-base-info-container .community-base-info {
  display: flex;
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 6px;
}
.community-base-info-container .community-base-info .community-picture {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  border-radius: 6px;
  overflow: hidden;
}
.community-base-info-container .community-base-info .community-picture > img {
  width: 100%;
}
.community-base-info-container .community-base-info .community-info-box {
  flex: 1;
  padding: 1px 0 0;
}
.community-base-info-container .community-base-info .community-info-box .community-name {
  width: 100%;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
}
.community-base-info-container .community-base-info .community-info-box .member-info-box {
  display: flex;
  width: 100%;
}
.community-base-info-container .community-base-info .community-info-box .member-info-box .member-avatar-box {
  width: 14px;
  height: 14px;
  margin: 0 0 0 -5px;
  border-radius: 7px;
  overflow: hidden;
}
.community-base-info-container .community-base-info .community-info-box .member-info-box .member-avatar-box > img {
  width: 100%;
  height: 100%;
}
.community-base-info-container .community-base-info .community-info-box .member-info-box .member-avatar-box:first-child {
  margin: 0;
}
.community-base-info-container .community-base-info .community-info-box .member-info-box .member-number-box {
  padding: 0 0 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.community-base-info-container .community-base-info .join-tag-btn {
  padding: 5px 0 0;
}
.community-base-info-container .community-base-info .join-tag-btn > a {
  display: block;
  width: 80px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
}
.community-base-info-container .community-base-info .join-tag-btn > a.type-1 {
  background-color: #0d6ce4;
  color: #fff;
}
.community-base-info-container .community-base-info .join-tag-btn > a.type-2 {
  background-color: rgba(237, 145, 0, 0.1);
  color: #ed9100;
}
.community-base-info-container .community-details-info {
  width: 100%;
  height: 32px;
}
.community-base-info-container .community-details-info.multi-row-overflow::after {
  background: none;
  color: rgba(255, 255, 255, 0.85);
}
.community-base-info-container .community-details-info .text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.85);
}
.community-base-info-container.lighter-image .community-base-info .community-info-box .community-name {
  color: #333;
}
.community-base-info-container.lighter-image .community-base-info .community-info-box .member-info-box .member-number-box {
  color: rgba(0, 0, 0, 0.65);
}
.community-base-info-container.lighter-image .community-base-info .join-tag-btn > a {
  color: #333;
  background-color: rgba(0, 0, 0, 0.3);
}
.community-base-info-container.lighter-image .community-details-info.multi-row-overflow::after {
  color: rgba(0, 0, 0, 0.85);
}
.community-base-info-container.lighter-image .community-details-info .text {
  color: rgba(0, 0, 0, 0.85);
}
.community-main-part-container {
  width: 100%;
  padding: 5px 0 0;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  min-height: calc(100vh - 205px);
}
.community-main-part-container .nodata-container {
  width: 100%;
  margin: 16vh 0 0;
  padding: 81px 0 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../../image/common/icon/empty.png);
}
.community-main-part-container .nodata-container .nodata-text {
  width: 100%;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  text-align: center;
}
.fixed-tab .community-details-page-container {
  background: none!important;
  background-color: #fff;
}
.fixed-tab .community-details-page-container .page-header-container .back-btn {
  color: #333;
}
.fixed-tab .community-details-page-container .page-header-container .back-btn span {
  display: block;
}
.fixed-tab .community-main-part-container {
  border-radius: 0;
}
.fixed-tab .community-main-part-container .tab-content-container {
  height: calc(100vh - 126px);
  overflow: auto;
}
.edit-msg {
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  border-radius: 22px;
}
.community-dynamic-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 28px;
  padding: 0 15px;
}
.community-dynamic-bar .community-dynamic-number {
  font-size: 12px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
}
.top-info-block {
  width: 100%;
  padding: 0 15px;
}
.top-info-block .top-info-block-inside {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px dashed #ebebeb;
}
.top-info-block .top-info-block-inside .top-info-block-item {
  display: flex;
  width: 100%;
  padding: 10px 0;
  overflow: auto;
}
.top-info-block .top-info-block-inside .top-info-block-item .top-tag {
  width: 28px;
  height: 16px;
  margin: 0 10px 0 0;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  border-radius: 3px;
  background-color: #f8ac30;
  color: #fff;
}
.top-info-block .top-info-block-inside .top-info-block-item .top-title {
  min-width: calc(100% - 138px);
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.community-dynamic-scroll {
  height: ;
}
.community-dynamic-list {
  padding: 0 15px;
}
.community-dynamic-list .community-dynamic-item {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px dashed #ebebeb;
  overflow: auto;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details {
  flex: 1;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-title {
  width: 100%;
  padding: 0 0 6px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-text {
  width: 100%;
  margin: 0 0 5px;
  height: 34px;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-text .text {
  font-size: 12px;
  line-height: 17px;
  color: #666;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-info {
  display: flex;
  justify-content: space-between;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-info .user-info .user-avatar {
  float: left;
  width: 14px;
  height: 14px;
  margin: 0 5px 0 0;
  border-radius: 7px;
  overflow: hidden;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-info .user-info .user-avatar > img {
  width: 100%;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-info .user-info .user-name {
  float: left;
  font-size: 11px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.55);
}
.community-dynamic-list .community-dynamic-item .community-dynamic-details .community-dynamic-info .time-box {
  font-size: 11px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.55);
}
.community-dynamic-list .community-dynamic-item .community-dynamic-picture {
  width: 100px;
  height: 75px;
  margin: 0 0 0 15px;
  border-radius: 5px;
  overflow: hidden;
}
.community-dynamic-list .community-dynamic-item .community-dynamic-picture > img {
  height: 100%;
}
.community-dynamic-list .community-dynamic-item:last-child {
  border-bottom: none;
}
.community-summary-block {
  width: 100%;
}
.summary-section-block {
  width: 100%;
  padding: 0 15px 10px;
  margin: 0 0 9px;
  border-bottom: 4px solid #f7f7f7;
}
.summary-section-block .section-title-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 26px;
  margin: 0 0 5px;
}
.summary-section-block .section-title-row .title-box {
  height: 26px;
  font-size: 16px;
  line-height: 26px;
}
.summary-section-block .section-title-row .title-box::before {
  content: "";
  display: block;
  float: left;
  margin: 11px 10px 0 0;
  width: ;
  height: ;
  border-width: 3px;
  border-style: solid;
  border-radius: 3px;
}
.summary-section-block .section-title-row .tag-box {
  font-size: 13px;
  line-height: 26px;
}
.summary-section-block .info-box-row {
  width: 100%;
  padding: 0 0 7px 15px;
}
.summary-section-block .info-box-row .info-box-title {
  height: 24px;
  max-width: 45%;
  margin: 0 20px 0 0;
  line-height: 24px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.85);
}
.summary-section-block .info-box-row .info-box-tag {
  height: 24px;
  padding: 0 12px;
  line-height: 24px;
  font-size: 13px;
  border-radius: 5px;
}
.summary-section-block .info-box-row .info-box-text {
  height: 24px;
  line-height: 24px;
  font-size: 13px;
}
.summary-section-block .section-details-part {
  width: 100%;
  padding: 0 0 0 15px;
}
.summary-section-block .section-details-part .section-detail-item {
  display: flex;
  width: 100%;
}
.summary-section-block .section-details-part .section-detail-item .item-title-box {
  width: 90px;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
}
.summary-section-block .section-details-part .section-detail-item .item-text-box {
  flex: 1;
}
.summary-section-block .section-details-part .section-detail-item .item-text-box > p {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.summary-section-block:last-child {
  border-bottom: none;
}
.check-select {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #bfbfbf;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.check-select > .fa {
  display: none;
  position: absolute;
  top: -2px;
  left: 0px;
  font-size: 22px;
}
.check-select > input {
  zoom: 2;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 100;
  opacity: 0;
  cursor: pointer;
}
.check-select.active {
  border: none;
}
.check-select.active > .fa {
  display: block;
}
.community-member-list {
  width: 100%;
  padding: 0 15px;
}
.community-member-list .community-member-item {
  display: flex;
  width: 100%;
  min-height: 66px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.community-member-list .community-member-item .member-select {
  display: flex;
  height: 46px;
  margin: 0 10px 0 0;
  align-content: center;
  align-items: center;
}
.community-member-list .community-member-item .member-order {
  width: 28px;
  height: 46px;
  font-size: 18px;
  line-height: 46px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
}
.community-member-list .community-member-item .community-member-avatar {
  width: 46px;
  height: 46px;
  margin: 0 15px 0 0;
  overflow: hidden;
  border-radius: 23px;
}
.community-member-list .community-member-item .community-member-avatar > img {
  width: 100%;
}
.community-member-list .community-member-item .community-member-info {
  flex: 1;
  padding: 0 0 0;
}
.community-member-list .community-member-item .community-member-info .community-member-title {
  display: flex;
}
.community-member-list .community-member-item .community-member-info .community-member-title .community-member-name {
  heihgt: 24px;
  margin: 0 10px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.community-member-list .community-member-item .community-member-info .community-member-title .tag-box {
  heihgt: 24px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 24px;
  border-radius: 5px;
}
.community-member-list .community-member-item .community-member-info .community-member-title .user-number {
  heihgt: 24px;
  font-size: 13px;
  line-height: 24px;
  border-radius: 5px;
  color: #999;
}
.community-member-list .community-member-item .community-member-info .community-member-class {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.55);
}
.community-member-list .community-member-item .community-interview-tag {
  display: flex;
  height: 46px;
  align-content: center;
  align-items: center;
}
.community-member-list .community-member-item .community-interview-tag .tag-box {
  padding: 0 10px;
  height: 24px;
  margin: 0;
  font-size: 13px;
  line-height: 24px;
  border-radius: 5px;
}
.community-member-list .community-member-item .community-interview-tag .tag-box.type-1 {
  background-color: rgba(13, 108, 228, 0.1);
  color: #0d6ce4;
}
.community-member-list .community-member-item .community-interview-tag .tag-box.type-2 {
  background-color: rgba(237, 145, 0, 0.1);
  color: #ed9100;
}
.community-member-list .community-member-item .community-interview-tag .tag-box.type-3 {
  background-color: rgba(0, 153, 68, 0.1);
  color: #009944;
}
.community-member-list .community-member-item .community-interview-tag .tag-box.type-4 {
  background-color: rgba(203, 10, 10, 0.1);
  color: #cb0a0a;
}
.community-member-list .community-member-item .community-interview-tag .tag-box.type-5 {
  background-color: rgba(76, 76, 76, 0.1);
  color: #4c4c4c;
}
.community-member-list .community-member-item .community-interview-score {
  width: 65px;
  height: 46px;
  line-height: 46px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  word-break: keep-all;
}
.community-member-list .community-member-item .community-interview-score > span {
  font-size: 24px;
}
.community-member-list .community-member-item .community-interview-score > font {
  font-size: 15px;
}
.community-member-list .community-member-item .icon-box {
  height: 46px;
  line-height: 46px;
  padding: 0 0 0 10px;
  align-content: center;
  align-items: center;
}
.community-member-list .community-member-item .icon-box .fa-ellipsis-v {
  font-size: 16px;
  line-height: 46px;
}
.community-member-list .community-member-item .arrow-box {
  display: none;
  height: 46px;
  padding: 0 0 0 10px;
  align-content: center;
  align-items: center;
  font-size: 24px;
  color: #ccc;
}
.community-member-list .community-member-item .input-box {
  padding: 1px 0;
}
.community-member-list .community-member-item .input-box .text-input {
  width: 79px;
  height: 44px;
  border: 1px solid #ccc;
  background-color: rgba(238, 238, 238, 0.2);
  border-radius: 5px;
}
.community-member-list .community-member-item .slide-btn-box {
  height: 66px;
  margin: -10px 0;
}
.community-member-list .community-member-item .slide-btn-box > a {
  display: block;
  width: 87px;
  height: 66px;
  padding: 20px 0;
  line-height: 26px;
}
.community-member-list .community-member-item .slide-btn-box .delete-btn {
  background-color: ;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background-color: #d01010;
}
.community-member-list .community-member-item:last-child {
  border-bottom: none;
}
.community-member-list.slide-list {
  padding: 0 0 0 15px;
}
.community-member-list.slide-list .community-member-item {
  position: relative;
  width: 100%;
  height: 67px;
  padding: 0 0 0 0;
  overflow: auto;
  display: block;
  border-bottom: none;
}
.community-member-list.slide-list .community-member-item .community-member-item-slide {
  display: flex;
  height: 67px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.community-member-list.slide-list .community-member-item .community-member-item-slide::after {
  content: "";
  position: absolute;
  width: 15px;
  bottom: 0;
  left: calc(100% - 15px);
  border-bottom: 1px solid #fff;
}
.community-member-list.slide-list .community-member-item:first-child {
  padding: 0 0 0 0!important;
}
.community-member-list.slide-list .community-member-item.one-slide-btn .community-member-item-slide {
  width: calc(100% + 87px);
}
.community-member-list.slide-list .community-member-item.disabled .community-member-item-slide {
  width: 100%;
}
.community-member-list.slide-list .community-member-item.disabled .community-member-item-slide .more-btn {
  display: none;
}
.community-member-list.slide-list .community-member-item.disabled .community-member-item-slide .slide-btn-box {
  display: none;
}
.community-member-list.slide-list .community-member-item::-webkit-scrollbar {
  display: none;
}
.community-attendance-record {
  margin: 0 0;
}
.community-attendance-record-list {
  width: 100%;
  padding: 0 15px;
}
.community-attendance-record-list .attendance-record-item {
  display: flex;
  width: 100%;
}
.community-attendance-record-list .attendance-record-item .time-line {
  width: 4px;
  padding: 15px 0 0;
  margin: 0 15px 0 0;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside {
  flex: 1;
  padding: 0 0 16px;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .time-box {
  display: flex;
  padding: 10px 0 6px;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .attendance-record-details {
  display: flex;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .attendance-record-details .member-attendance-record {
  flex: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .attendance-record-details .member-attendance-record::after {
  content: "";
  position: absolute;
  display: block;
  width: 1;
  height: 32px;
  top: 4px;
  left: 50%;
  border-right: 1px dashed #ccc;
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .attendance-record-details .member-attendance-record .info-box {
  width: 50%;
  padding: 0 10px 0;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
}
.community-attendance-record-list .attendance-record-item .attendance-record-inside .attendance-record-details .more-box > a {
  font-size: 24px;
  color: #ccc;
  line-height: 36px;
}
.community-time-line-point {
  width: 10px;
  height: 10px;
  margin: 0 -3px;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #999;
}
.attendance-recordtime-tag-inside {
  width: 108px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.05);
}
.community-attendance-details-list {
  padding: 5px 15px;
}
.community-attendance-details-list .attendance-details-item {
  width: 100%;
  padding: 10px;
  margin: 0 0 15px;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
}
.community-attendance-details-list .attendance-details-item .attendance-details-tit {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5px 0;
}
.community-attendance-details-list .attendance-details-item .attendance-details-tit .tag-box {
  height: 24px;
  padding: 0 5px;
  margin: 0 0 0 -5px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.85);
}
.community-attendance-details-list .attendance-details-item .attendance-details-tit .time-box {
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.55);
}
.community-attendance-details-list .attendance-details-item .info-form-row {
  display: flex;
}
.community-attendance-details-list .attendance-details-item .info-form-row .title-box {
  font-size: 13px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.55);
}
.community-attendance-details-list .attendance-details-item .info-form-row .text-box {
  font-size: 13px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.7);
}
.community-attendance-details-list .attendance-details-item.color-orange {
  border-color: rgba(237, 145, 0, 0.15);
  box-shadow: 0px 3px 3px 3px rgba(237, 145, 0, 0.03);
}
.community-attendance-details-list .attendance-details-item.color-orange .tag-box {
  background-color: #ed9100;
  color: #fff;
}
.community-attendance-details-list .attendance-details-item.color-orange .time-box {
  color: #ed9100;
}
.community-score-record-operation {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px 15px 15px;
}
.community-score-record-operation .all-title {
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.community-score-record-operation .operation-btn-box {
  display: flex;
}
.community-score-record-operation .operation-btn-box > a {
  display: block;
  height: 24px;
  padding: 0 10px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  border-radius: 12px;
}
.community-score-record-operation .operation-btn-box > a.bg-color-orange {
  background-color: #ed9100;
}
.community-score-record-list {
  width: 100%;
  padding: 0 15px;
}
.community-score-record-list .score-record-item {
  display: flex;
  width: 100%;
}
.community-score-record-list .score-record-item .time-line {
  width: 4px;
  padding: 15px 0 0;
  margin: 0 15px 0 0;
}
.community-score-record-list .score-record-item .time-line.bg-oragne-10 {
  background-color: rgba(237, 145, 0, 0.1);
}
.community-score-record-list .score-record-item .time-line .border-oragne-100 {
  border-color: #ed9100;
}
.community-score-record-list .score-record-item .score-record-inside {
  flex: 1;
  display: flex;
  justify-content: space-between;
  height: 44px;
  padding: 0 15px 0 0;
  margin: 0 0 25px;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  overflow: hidden;
}
.community-score-record-list .score-record-item .score-record-inside .time-box {
  border-left-style: solid;
  border-left-width: 3px;
  padding: 10px;
  line-height: 22px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}
.community-score-record-list .score-record-item .score-record-inside .time-box.border-orange-100 {
  border-left-color: #ed9100;
}
.community-score-record-list .score-record-item .score-record-inside .tag-box {
  width: 64px;
  height: 24px;
  margin: 9px 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
}
.community-score-record-list .score-record-item .score-record-inside .tag-box.color-orange {
  background-color: rgba(237, 145, 0, 0.1);
  color: #ed9100;
}
.content-form-outside {
  width: 100%;
  height: calc(100vh - 330px);
  overflow: auto;
}
.content-form-list {
  width: 100%;
  padding: 0 30px;
}
.content-form-list .enlist-progress-title {
  display: flex;
  width: 100%;
  height: 49px;
  padding: 14px 0;
  border-bottom: 1px dashed #ccc;
}
.content-form-list .enlist-progress-title .title-box {
  display: flex;
  flex: 1;
}
.content-form-list .enlist-progress-title .title-box .title-text {
  margin: 0 17px 0 0 ;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.content-form-list .enlist-progress-title .title-box .tag-text {
  padding: 0 10px;
  height: 24px;
  margin: -2px 0;
  font-size: 13px;
  line-height: 24px;
  border-radius: 5px;
}
.content-form-list .enlist-progress-title .title-box .tag-text.type-1 {
  background-color: rgba(13, 108, 228, 0.1);
  color: #0d6ce4;
}
.content-form-list .enlist-progress-title .title-box .tag-text.type-2 {
  background-color: rgba(237, 145, 0, 0.1);
  color: #ed9100;
}
.content-form-list .enlist-progress-title .text-box {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.content-form-list .enlist-progress-item {
  display: flex;
  width: 100%;
  min-height: 49px;
  padding: 14px 0;
  border-bottom: 1px dashed #ccc;
}
.content-form-list .enlist-progress-item .title-box {
  width: 70px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
}
.content-form-list .enlist-progress-item .text-box {
  flex: 1;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
.content-form-list .enlist-progress-item:last-child {
  border-bottom: none;
}
.content-form-btn-box {
  display: flex;
  width: 100%;
  height: 74px;
  padding: 15px 10px;
}
.content-form-btn-box > a {
  display: block;
  flex: 1;
  height: 44px;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  margin: 0 9px;
  cursor: pointer;
  border-radius: 22px;
}
.content-form-btn-box > a.btn-default {
  border: 1px solid #ccc;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
}
.content-form-btn-box > a.btn-primary {
  line-height: 24px;
  color: #fff;
}
.content-form-btn-box.two-btn {
  padding: 15px 6px;
}
.content-form-btn-box.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 -20px 20px 10px rgba(255, 255, 255, 0.9);
}
.interview-score-container {
  width: 100%;
  padding: 0 0 16px;
}
.interview-score-container .interview-score-number {
  width: 100%;
  padding: 34px 0 0 ;
  text-align: center;
  font-size: 48px;
  line-height: 54px;
}
.interview-score-container .interview-score-number.no-scroe {
  padding: 23px 0 0 ;
  font-size: 30px;
  line-height: 42px;
}
.interview-score-container .interview-score-title {
  width: 100%;
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}
.interview-score-container .interview-tag-box {
  display: flex;
  justify-content: center;
}
.interview-score-container .interview-tag-box .tag-box {
  padding: 0 10px;
  height: 24px;
  margin: -2px 0;
  font-size: 13px;
  line-height: 24px;
  border-radius: 5px;
}
.interview-score-container .interview-tag-box .tag-box.type-1 {
  background-color: rgba(13, 108, 228, 0.1);
  color: #0d6ce4;
}
.interview-score-container .interview-tag-box .tag-box.type-2 {
  background-color: rgba(237, 145, 0, 0.1);
  color: #ed9100;
}
.test-name-input {
  padding: 5px 15px 5px;
}
.test-name-input input {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  color: #666;
  border: 1px solid #dedede;
  border-radius: 5px;
}
.community-interview-container,
.main-page-container {
  padding: 0 0 58px;
}
.community-interview-container .community-member-list .community-member-item:first-child,
.main-page-container .community-member-list .community-member-item:first-child {
  height: 67px;
  padding: 10px 0;
}
.community-interview-container.list-mod,
.main-page-container.list-mod {
  padding: 0;
}
.community-interview-container.list-mod .member-select,
.main-page-container.list-mod .member-select,
.community-interview-container.list-mod .community-operation-container,
.main-page-container.list-mod .community-operation-container {
  display: none;
}
.community-interview-container.list-mod .arrow-box,
.main-page-container.list-mod .arrow-box {
  display: flex;
}
.community-interview-title {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
.community-interview-title .title-box {
  display: flex;
}
.community-interview-title .title-box .title-text {
  margin: 0 10px 0 0;
  font-size: 13px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.community-interview-title .title-box .info-text {
  font-size: 11px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.community-interview-title .btn-box .send-btn {
  display: block;
  width: 68px;
  height: 24px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}
.community-interview-title .btn-box .send-btn.bg-color-red {
  background-color: #d80000;
}
.community-interview-title .van-dropdown-menu {
  height: 24px;
  box-shadow: none;
}
.community-interview-title .van-dropdown-menu .van-dropdown-menu__bar {
  height: 24px;
  box-shadow: none;
}
.community-interview-title .van-dropdown-menu .van-dropdown-menu__bar .van-dropdown-menu__item {
  box-shadow: none;
}
.community-interview-title .van-dropdown-menu .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title {
  padding: 0;
}
.community-interview-title .van-dropdown-menu .van-dropdown-menu__bar .van-dropdown-menu__item .van-dropdown-menu__title .van-ellipsis {
  margin: 0 5px 0 0;
  font-size: 15px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.community-operation-container {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 58px;
  padding: 5px 15px 9px;
  background-color: #fff;
}
.community-operation-container .link-btn-box {
  display: flex;
  align-content: center;
  align-items: center;
  height: 44px;
}
.community-operation-container .link-btn-box .select-all {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 0 15px 0 0;
}
.community-operation-container .link-btn-box .select-all .select-all-text {
  font-size: 16px;
  margin: 0 0 0 14px;
}
.community-operation-container .link-btn-box .select-info {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.85);
}
.community-operation-container .btn-box {
  height: 44px;
}
.community-operation-container .btn-box .send-btn {
  display: block;
  width: 175px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  border-radius: 22px;
  text-align: center;
}
.mini-program-hybrid-content {
  width: 100%;
  padding: 0 0 0;
}
.main-page-container {
  width: 100%;
  height: calc(100vh - 64px);
  overflow: auto;
  background-color: #f9f9f9;
}
.main-page-container.with-btn .form-page-content {
  height: calc(100vh - 154.01px);
}
.main-page-container.bg-white {
  background-color: #fff;
}
.time-bar-container {
  width: 100%;
  padding: 15px 15px 10px;
}
.time-bar-container .time-bar-btn {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  border-radius: 5px;
}
.time-bar-container .time-bar-btn > span {
  font-size: 16px;
}
.search-container input {
  font-size: 14px;
}
.list-user-picture {
  width: 100px;
  height: 100px;
  margin: 20px auto 10px;
  overflow: hidden;
  border-radius: 50px;
}
.list-user-picture > img {
  width: 100%;
}
.main-page-search {
  width: 100%;
  padding: 15px;
  margin: 0 0 5px;
}
.main-page-search .main-page-search-content {
  width: 100%;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 4px 15px;
}
.main-page-search .main-page-search-content .fa-search {
  float: left;
  margin: 6px 10px 0 0;
  font-size: 18px;
  color: #546572;
}
.main-page-search .main-page-search-content .search-input {
  float: left;
  height: 30px;
  width: calc(100% - 30px);
  line-height: 30px;
  border: none;
  padding: 0 5px;
  font-size: 15px;
  color: #666;
}
input {
  float: left;
  height: 36px;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #666;
}
input::-webkit-input-placeholder {
  color: rgba(90, 113, 143, 0.2);
}
input::-moz-placeholder {
  color: rgba(90, 113, 143, 0.2);
}
input:-moz-placeholder {
  color: rgba(90, 113, 143, 0.2);
}
input:-ms-input-placeholder {
  color: rgba(90, 113, 143, 0.2);
}
.tag-select-container {
  padding: 5px 0 0;
}
.tag-select-class {
  width: 100%;
  padding: 6px 0 0 ;
}
.tag-select-class .tag-select-title {
  width: 100%;
  padding: 0 15px 11px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.85);
}
.tag-select-class .tag-select-sectitle {
  width: 100%;
  padding: 0 15px 11px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
}
.tag-select-class .tag-select-box {
  width: 100%;
  padding: 0 0 0 15px;
}
.tag-select-class .tag-input-box {
  width: calc(100% - 30px);
  padding: 0 0 11px;
  margin: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tag-select-class .tag-input-box > input {
  width: 100%;
  height: 20px;
  border: none;
  line-height: 20px;
  font-size: 13px;
  padding: 0;
  border-radius: 0;
}
.tag-select-class.with-border {
  border-bottom: 1px solid #ddd;
}
.tag-select-class.with-bg {
  padding: 0;
}
.tag-select-class.with-bg .tag-select-title {
  width: 100%;
  padding: 11px 15px 11px;
  background-color: #f5f5f5;
}
.daily-tag-item {
  float: left;
  height: 24px;
  padding: 0 10px;
  margin: 0 15px 15px 0;
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(204, 204, 204, 0.3);
  background-color: rgba(204, 204, 204, 0.3);
  font-size: 13px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.daily-tag-item.old-active {
  opacity: 0.6;
  border-style: dashed;
}
.history-btn-box {
  position: relative;
  left: -5px;
  width: 48px;
  top: -40px;
}
.history-btn-box .history-btn {
  width: 100%;
  height: 40px;
  display: inline-block;
}
.history-btn-box .history-btn > img {
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto 5px;
}
.history-btn-box .history-btn .history-text {
  color: #333;
}
.many-change {
  position: relative;
  right: -63px;
}
.student-life {
  text-align: center;
  width: 100%;
  display: block;
}
.history-content {
  padding: 15px 15px 0px;
}
.history-content .content-box {
  padding: 8px 15px 0px;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  box-shadow: 3px 3px 7px rgba(13, 108, 228, 0.1);
  box-sizing: border-box;
}
.history-content .content-box .content-title {
  font-size: 17px;
  color: #333;
  margin-bottom: 17px;
  font-weight: bold;
}
.history-content .content-box .content-title .img-content {
  width: 75px;
  height: 25px;
  position: relative;
}
.history-content .content-box .content-title .img-content .img-box {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
}
.history-content .content-box .content-title .img-content .img-box > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.history-content .content-box .label-content {
  width: calc(100% + 15px);
  border-bottom: dashed 1px #dedede;
  margin-bottom: 9px;
  max-height: 77px;
  overflow: hidden;
}
.history-content .content-box .label-content .label-box {
  background-color: rgba(204, 204, 204, 0.3);
  border-radius: 12px;
  padding: 0px 11px;
  float: left;
  margin-right: 15px;
  font-size: 13px;
  color: #333;
  text-align: center;
  margin-bottom: 15px;
  line-height: 23px;
  cursor: pointer;
}
.history-content .content-box .footer-btn {
  height: 24px;
  line-height: 24px;
  position: relative;
  margin-bottom: 10px;
}
.history-content .content-box .footer-btn .text-box {
  width: 50%;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.history-content .content-box .footer-btn .gray-line {
  position: absolute;
  width: 1px;
  background-color: #dedede;
  height: 24px;
  left: 50%;
}
.middle-content {
  padding: 0px 15px;
}
.middle-content .small-title {
  color: #333;
  font-size: 15px;
  margin-bottom: 15px;
}
.middle-content .photo-content {
  width: 100%;
}
.middle-content .photo-content .photo-box {
  position: relative;
  margin: 0 0 10px;
  width: 20%;
  height: 76px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.middle-content .photo-content .photo-box .icon-box {
  width: 46px;
  height: 46px;
  margin: 0 0 5px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #eee;
}
.middle-content .photo-content .photo-box .icon-box > img {
  max-width: 100%;
  max-height: 100%;
}
.middle-content .photo-content .photo-box .name-box {
  width: 46px;
  height: 46px;
  margin: 0 0 5px;
  line-height: 46px;
  font-size: 12px;
  color: #666;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 50%;
}
.middle-content .panel-content {
  padding: 13px 15px 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  box-shadow: 3px 3px 14px rgba(13, 108, 228, 0.1);
}
.middle-content .panel-content .border-orange-100 {
  border-color: #fd9526;
}
.middle-content .panel-content .content-tit {
  font-size: 15px;
  color: #333;
  padding: 0px 5px;
  border-left-style: solid;
  border-left-width: 3px;
  line-height: 16px;
  margin-bottom: 4px;
}
.middle-content .panel-content .label-num-bb {
  border-bottom: 1px dashed #dedede;
}
.middle-content .panel-content .label-num {
  padding: 10px 0px;
}
.middle-content .panel-content .label-num .label-box {
  background-color: rgba(204, 204, 204, 0.3);
  border-radius: 12px;
  padding: 0px 11px;
  float: left;
  margin-right: 15px;
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 23px;
  cursor: pointer;
}
.middle-content .panel-content .label-num .cart {
  float: right;
}
.middle-content .panel-content .label-num .cart .step {
  font-size: 13px;
  border: 1px solid #dedede;
  border-radius: 12px;
}
.middle-content .panel-content .label-num .cart .step > button {
  background-color: #fff;
  font-size: 13px;
  line-height: 21px;
  width: 30px;
  border-radius: 12px;
  color: #999;
}
.middle-content .panel-content .label-num .cart .step .num-input {
  width: 35px;
  padding: 0px;
  line-height: 21px;
  height: auto;
  text-align: center;
  font-size: 13px;
  border-top: 0px;
  border-bottom: 0px;
  border-radius: 0px;
}
.middle-content .panel-content .label-num .cart .step > input::-webkit-input-placeholder {
  color: #0d6ce4;
}
.middle-content .panel-content .label-num .num-box {
  line-height: 21px;
  border: 1px solid #dedede;
  border-radius: 5px;
  width: 35px;
  text-align: center;
}
.info-part-container {
  width: calc(100% - 30px);
  display: flex;
  padding: 6px 10px 6px 30px;
  margin: 10px 15px -5px;
  background-color: rgba(13, 108, 228, 0.1);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: 10px 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvklEQVRIib3Wu24TQRiG4cfDRkiRjFwikpCaiFNIAyh0lOESONbQ04QmDVDQAC1EuQW4AyIXSIhwEC4oSLBBSHSJ5IJIhmLWxFkce23jfSvrn5n/Xa89M1+pfLuhDyXMYxFnMINyOraDOt5hHW/xu2ezHsKAJdxMJXmo4zleojWI8BjuYy6nKMsn3MX37EDoMnkBayPIpGvXcK6f8DyeoDKCrE0FT3Ghs5h0fJ7FQ0z06rL9eGohWzty59ubA6ZP4AGuYou9bxiwgsm+zz04k2nv0ClcMtpv1o85XGkLS+Jff9zcQCkRN3Xefeb1l1/bQwpnMJ+IJ0huLj/6+XlIISwGnB6hwaCcSnB8kBW1laMns7UTyz8+5lw+m9g7iHMxVTl0eJD5GcrdjraxEsQrpih2Ar4WKNwKeF+g8EMQb+qiWA9iLKgXIKtjI4gZZLUA4Spa7W3xQowF46KWOv5eTy3cQ3MMsiaWU8e+iLEpBp/d/yjbTXtutgvdUttFMbGNevs3U1m1s9jtaKvimvjeh6WW9qhmB5J/5yK+guti9LiF6ZyiBp4ZIgh3EnAWl8SoP21/1G+IUf8VNg4StfkDH6JZf94EhpkAAAAASUVORK5CYII=);
}
.info-part-container .text-part > p {
  font-size: 14px;
  color: #373f4a;
}
.info-part-container .close-part {
  width: 20px;
}
.info-part-container .close-part .closr-btn {
  display: block;
  width: 20px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAABCklEQVQ4jaXVLU4DQRgG4IcNgaYJYDkHCCSpAG7QI0CC4wycAGqw3ACB4MehQOMIBkE94GpAdCfZkN2Zr9txX7J55u/9ZlfOzi9gAxW+LDcqbGNa1eg7PrC3BDrEHT5xXNWzrGMLDz3xIW5xUNeDtP0jfGOzB57QUV1fYVLVxQsOe+Bt6Cl+q8ZHi+KdKPPzbY4onkXb4AheRLvgHB5Cc3Ab/oinCFqCm/iPeSPtRtAIDK94a9QzXOfQCJzONK10hjXcK+Q8B7dd1L5gzrvgrtt/FmyiNrgUqVAT/YejOS3iTTgc/gie4EXRIp4e+pseaA7fSf+o9PIvinbh41VMcYIBJj3QJj7CGJd/08lusy78j1oAAAAASUVORK5CYII=);
}
.classselect-main-list {
  width: 100%;
  padding: 0 15px;
}
.classselect-main-list .classselect-item {
  width: 100%;
  margin: 0 0 15px;
  padding: 0 15px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid rgba(13, 108, 228, 0.15);
}
.classselect-main-list .classselect-item .classselect-title-row {
  width: 100%;
  padding: 10px 0;
  min-height: 45px;
  line-height: 20px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #ddd;
}
.classselect-main-list .classselect-item .classselect-title-row .s-mark {
  transform: translateY(2px);
  display: inline-block;
  width: 30px;
  height: 18px;
  line-height: 17px;
  margin: 0 7px 0 0;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 18px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-image: url(data:image/png;base64,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);
}
.classselect-main-list .classselect-item .classselect-info-row {
  width: 100%;
  display: flex;
  padding: 10px 0;
}
.classselect-main-list .classselect-item .classselect-info-row > p {
  width: 50%;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.classselect-main-list .classselect-item .classselect-info-row > p > span {
  font-size: 14px;
  color: #333;
}
@media screen and (max-width: 1400px) {
  .community-list-container .community-list-item {
    width: calc(100% / 3 - 14px);
  }
}
@media screen and (max-width: 1200px) {
  .community-list-container .community-list-item {
    width: calc(100% / 2 - 14px);
  }
}
@media screen and (max-width: 767px) {
  .community-list-container .community-list-item {
    width: calc(100% - 14px);
  }
}