.card-line[data-v-8cd2dec4] {
  height: 515px;
}
.card-line .title-content[data-v-8cd2dec4] {
  padding: 24px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-line .title-content .title[data-v-8cd2dec4] {
  font-size: 17px;
  font-weight: 600;
  color: #3f4255;
  margin-bottom: 10px;
}
.card-line .title-content .title-desc[data-v-8cd2dec4] {
  color: #b5b5c3;
  font-size: 12px;
}
.card-line .title-content .more[data-v-8cd2dec4] {
  font-size: 14px;
  cursor: pointer;
  color: #74788d;
}
.card-line .pay-content[data-v-8cd2dec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0 24px;
}
.card-line .pay-content .pay-item[data-v-8cd2dec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 50px;
  margin-bottom: 20px;
}
.card-line .pay-content .pay-item .pay-item-left[data-v-8cd2dec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.card-line .pay-content .pay-item .icon[data-v-8cd2dec4] {
  width: 50px;
  height: 50px;
  background-color: #f3f6f8;
  margin-right: 20px;
}
.card-line .pay-content .pay-item .pay-title-content[data-v-8cd2dec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 42px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-line .pay-content .pay-item .pay-title-content .title[data-v-8cd2dec4] {
  font-size: 15px;
  font-weight: 600;
  color: #3f4255;
}
.card-line .pay-content .pay-item .pay-title-content .desc[data-v-8cd2dec4] {
  color: #b5b5c3;
  font-size: 12px;
}
.card-line .pay-content .pay-item .money[data-v-8cd2dec4] {
  padding: 2px 6px;
  color: #7e8298;
  background-color: #f3f6f8;
  border-radius: 5px;
}

.card1[data-v-35578520] {
  background-size: cover;
}
.card1 .info-wrap[data-v-35578520] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  padding: 20px 28px;
}
.card1 .info-wrap .title[data-v-35578520] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  color: #3f4255;
  font-weight: 600;
  height: 40px;
}
.card1 .info-wrap .title[data-v-35578520]:hover {
  color: #6993ff;
}

.dashboard4-card2 {
  height: 150px;
  padding: 24px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.dashboard4-card2 .ivu-card-body {
  width: 100%;
}
.dashboard4-card2 .info-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboard4-card2 .info-wrap .title-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard4-card2 .info-wrap .title-content .title {
  font-size: 20px;
  color: #3f4254;
  font-weight: 600;
  margin-bottom: 5px;
}
.dashboard4-card2 .info-wrap .title-content .desc {
  color: #7e8299;
}

.card3[data-v-7b604f63] {
  background-size: 40% auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-color: #6f42c1;
  height: 175px;
  padding: 24px 28px;
}
.card3 .info-wrap[data-v-7b604f63] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card3 .info-wrap .title[data-v-7b604f63] {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}

.card-content[data-v-87ec2916] {
  height: 150px;
  padding: 24px 28px;
}
.card1[data-v-87ec2916] {
  background-position: right top;
  background-size: 30% auto;
  background-repeat: no-repeat;
}
.card1 .card-body[data-v-87ec2916] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 102px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.card5[data-v-4b34dfe9] {
  background-size: cover;
  height: 345px;
  padding: 24px 28px;
}
.card5 .info-wrap[data-v-4b34dfe9] {
  height: 289px;
  width: 160px;
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card5 .info-wrap .title-content[data-v-4b34dfe9] {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.card5 .info-wrap .desc[data-v-4b34dfe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffa801;
  cursor: pointer;
}

.card5[data-v-707539c9] {
  height: 500px;
  background-color: #f64e61;
  background-image: radial-gradient(circle, rgba(255, 226, 230, 0.4), #f64e61 70%);
}
.card5 .title-content[data-v-707539c9] {
  padding: 24px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.card5 .title-content .title[data-v-707539c9] {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}
.card5 .title-content .more[data-v-707539c9] {
  font-size: 14px;
  cursor: pointer;
}
.card5 .white-content[data-v-707539c9] {
  background: #fff;
  border-radius: 5px 5px 4px 4px;
  padding: 24px 28px;
  height: 217px;
}
.card5 .white-content .row[data-v-707539c9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card5 .white-content .row .title-item[data-v-707539c9] {
  height: 85px;
  width: 50%;
  padding: 24px 28px;
}
.card5 .white-content .row .title-item .desc[data-v-707539c9] {
  color: #b5b5c3;
  font-size: 12px;
}
.card5 .white-content .row .title-item .data[data-v-707539c9] {
  font-size: 17px;
  font-weight: 600;
  color: #3f4255;
}

.card5[data-v-531a7d29] {
  height: 500px;
  padding: 20px;
}
.card5 .title-content[data-v-531a7d29] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 17px;
  font-weight: 600;
  color: #3f4255;
  margin-bottom: 10px;
}
.card5 .title-content .refresh[data-v-531a7d29] {
  font-size: 14px;
  cursor: pointer;
  color: #74788d;
}
.card5 .title-desc[data-v-531a7d29] {
  color: #3f4255;
  font-weight: 500;
}
.card5 .refresh[data-v-531a7d29] {
  cursor: pointer;
}

.dashboard-page .margin[data-v-21b44b2e] {
  margin-bottom: 20px;
}