.breadcrumb-box {
  padding: 15rem 0;
}

.list-container {
  width: 100%;
  background-color: #fff;
}
.list-container .header-title {
  font-size: 14rem;
  padding: 17rem 15rem;
}
.list-container .list-main {
  border-top: 1rem solid #eeeeee;
  padding: 20rem 15rem;
}
.list-container .list-main .list-item {
  border: 0.5rem solid #eeeeee;
  margin-bottom: 25rem;
}
.list-container .list-main .list-item:last-child {
  margin-bottom: 0;
}
.list-container .list-main .list-item .list-header {
  padding: 10rem 15rem;
  font-size: 12rem;
  color: #999;
  background-color: #f5f5f5;
}
.list-container .list-main .list-item .list-header .ordersn {
  margin-bottom: 10rem;
}
.list-container .list-main .list-item .list-body {
  padding: 0 15rem;
}
.list-container .list-main .list-item .list-body .project-info {
  margin-top: 15rem;
  display: flex;
}
.list-container .list-main .list-item .list-body .project-info .thumb {
  width: 94rem;
  height: 67rem;
  flex-shrink: 0;
}
.list-container .list-main .list-item .list-body .project-info .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-container .list-main .list-item .list-body .project-info .info {
  margin-left: 10rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.list-container .list-main .list-item .list-body .project-info .info .title {
  font-size: 14rem;
  font-weight: bold;
  line-height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.list-container .list-main .list-item .list-body .project-info .info .money {
  margin-top: auto;
  font-size: 12rem;
  color: #999;
}
.list-container .list-main .list-item .list-body .project-info .info .money span {
  color: #EF2B36;
}
.list-container .list-main .list-item .list-body .project-info .info .donate-type {
  margin-top: 2rem;
  color: #999;
  font-size: 12rem;
}
.list-container .list-main .list-item .list-body .donate-info {
  color: #999;
  font-size: 12rem;
  padding: 14rem 0;
}
.list-container .list-main .list-item .list-body .donate-info div {
  margin-bottom: 5rem;
}
.list-container .list-main .list-item .list-body .donate-info div:last-child {
  margin-bottom: 0;
}
.list-container .list-main .list-item .list-body .bottom {
  padding: 15rem 0 20rem;
  border-top: 1rem solid #eeeeee;
  display: flex;
}
.list-container .list-main .list-item .list-body .bottom .btn {
  margin-left: auto;
  width: 72rem;
  height: 29rem;
  background: #EF2B36;
  border-radius: 100px;
  color: #fff;
  font-size: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  outline: none;
  border: none;
}

.certificate-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  height: calc(100% - var(--page-header-height));
  display: flex;
  align-items: center;
  justify-content: center;
}
.certificate-modal img {
  width: 90%;
  height: auto;
  background: #fff;
  object-fit: contain;
}

/*# sourceMappingURL=mb_donate_record.css.map */