*[data-v-4c0c32cd] {
  margin: 0;
  padding: 0;
}
li[data-v-4c0c32cd] {
  list-style: none;
}
.rank-wrap[data-v-4c0c32cd] {
  width: 1000px;
  height: 2000px;
  background-color: #ccc;
  margin: 0 auto;
}
.project-tab[data-v-4c0c32cd] {
  width: 100%;
  height: 142px;
  background: #ca3e3c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-tab div[data-v-4c0c32cd] {
  width: 644px;
  height: 70px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  display: flex;
}
.project-tab div span[data-v-4c0c32cd] {
  flex: 1;
  color: #ffffff;
  font-size: 44px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 100%;
}
.project-tab div span[data-v-4c0c32cd]:nth-child(1) {
  border-radius: 10px 0 0 10px;
}
.project-tab div span[data-v-4c0c32cd]:nth-child(3) {
  border-radius: 0 10px 10px 0;
}
.sort-tab[data-v-4c0c32cd] {
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 2px solid #fcdf8f;
  background: #ca3e3c;
}
.sort-tab span[data-v-4c0c32cd] {
  flex: 1;
  height: 100%;
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.content[data-v-4c0c32cd] {
  background-image: url(../img/bg.3e1eba08.png);
  background-size: 100% 100%;
}
.content .top[data-v-4c0c32cd] {
  height: 682px;
  position: relative;
}
.content .top .top1[data-v-4c0c32cd],
.content .top .top2[data-v-4c0c32cd],
.content .top .top3[data-v-4c0c32cd],
.content .top .top1-info[data-v-4c0c32cd],
.content .top .top2-info[data-v-4c0c32cd],
.content .top .top3-info[data-v-4c0c32cd] {
  position: absolute;
  text-align: center;
  font-family: Source Han Sans CN;
  color: #ffffff;
}
.content .top .title[data-v-4c0c32cd] {
  position: absolute;
  top: 45px;
  left: 111px;
}
.content .top .top1[data-v-4c0c32cd] {
  background-image: url(../img/top1.4687100f.png);
  background-size: 100% 100%;
  width: 420px;
  height: 420px;
  left: 300px;
  top: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .top .top1 img[data-v-4c0c32cd] {
  border-radius: 50%;
  transform: translate(0, -5%);
  width: 200px;
  height: 200px;
}
.content .top .top2[data-v-4c0c32cd] {
  background-image: url(../img/top2.cb979513.png);
  background-size: 100% 100%;
  width: 350px;
  height: 350px;
  top: 250px;
  left: 630px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .top .top2 img[data-v-4c0c32cd] {
  border-radius: 50%;
  transform: translate(0, -8%);
  width: 135px;
  height: 135px;
}
.content .top .top3[data-v-4c0c32cd] {
  background-image: url(../img/top3.c5f73283.png);
  background-size: 100% 100%;
  width: 300px;
  height: 300px;
  left: 80px;
  top: 343px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .top .top3 img[data-v-4c0c32cd] {
  border-radius: 50%;
  transform: translate(-1%, -10%);
  width: 100px;
  height: 100px;
}
.content .top .top1-info > p[data-v-4c0c32cd]:nth-child(1),
.content .top .top2-info > p[data-v-4c0c32cd]:nth-child(1),
.content .top .top3-info > p[data-v-4c0c32cd]:nth-child(1) {
  height: 70px;
  font-size: 36px;
  font-weight: 500;
  line-height: 70px;
}
.content .top .top1-info > p[data-v-4c0c32cd]:nth-child(2),
.content .top .top2-info > p[data-v-4c0c32cd]:nth-child(2),
.content .top .top3-info > p[data-v-4c0c32cd]:nth-child(2) {
  font-size: 24px;
  font-weight: 400;
}
.content .top .top1-info > p[data-v-4c0c32cd]:nth-child(3),
.content .top .top2-info > p[data-v-4c0c32cd]:nth-child(3),
.content .top .top3-info > p[data-v-4c0c32cd]:nth-child(3) {
  font-size: 24px;
  font-weight: 400;
  opacity: 0.8;
}
.content .top .top1-info[data-v-4c0c32cd] {
  top: 490px;
  left: 400px;
}
.content .top .top2-info[data-v-4c0c32cd] {
  top: 500px;
  left: 710px;
}
.content .top .top3-info[data-v-4c0c32cd] {
  top: 545px;
  left: 130px;
}
.content .list[data-v-4c0c32cd] {
  height: 1112px;
  background-image: url(../img/list_bg.cb277737.png);
  background-size: 100% 100%;
  padding: 60px;
  box-sizing: border-box;
}
.content .list .list-head[data-v-4c0c32cd] {
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  line-height: 100px;
  opacity: 0.6;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.content .list .list-head .rank[data-v-4c0c32cd] {
  flex: 1;
}
.content .list .list-head .user[data-v-4c0c32cd],
.content .list .list-head .money[data-v-4c0c32cd],
.content .list .list-head .target[data-v-4c0c32cd] {
  flex: 2;
}
.content .list .list-body[data-v-4c0c32cd] {
  font-size: 36px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  line-height: 100px;
  text-align: center;
  height: 892px;
  overflow-y: auto;
}
.content .list .list-body li[data-v-4c0c32cd] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.content .list .list-body li .rank[data-v-4c0c32cd] {
  font-weight: bold;
  opacity: 0.75;
  flex: 1;
}
.content .list .list-body li .user[data-v-4c0c32cd],
.content .list .list-body li .money[data-v-4c0c32cd],
.content .list .list-body li .target[data-v-4c0c32cd] {
  flex: 2;
}
.project-active[data-v-4c0c32cd] {
  background: #ffffff;
  color: #cb3e3c !important;
}
.sort-active[data-v-4c0c32cd] {
  background: #fd6f61;
}