@import "./common/variables.scss";

.detail-card {
  padding: 20px;
}
.detail-card .header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.detail-card .header .icon {
  width: 4px;
  height: 16px;
  margin-right: 8px;
  background: $main-bg;
}
.detail-card .header .title {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  color: rgba(69, 75, 80, 1);
}
.detail-card .content {
  display: flex;
  flex-direction: column;
}
.detail-card .content li:nth-child(odd) {
  background: rgba(246, 248, 249, 1);
}
.detail-card .content li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 54px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: rgba(69, 75, 80, 1);
}
.detail-card .content li span {
  flex-basis: 550px;
}
.detail-card .desc {
  margin: 24px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: rgba(69, 75, 80, 1);
}
.layui-border-box {
  margin-top: 0;
}