.appBox .mainBody {
  width: 100%;
  box-sizing: border-box;
}
.detailLeftBox .whiteBox {
  padding: 15px 30px;
}
.detailLeftBox .whiteBox.contentBox {
  padding: 16px;
  margin-top: 12px;
  min-height: 100px;
}
.detailLeftBox .whiteBox .at-title {
  font-weight: normal;
  color: #252525;
  font-size: 28px;
}
.detailLeftBox .whiteBox .bottomInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 42px;
}
.detailLeftBox .whiteBox .bottomInfo .left {
  display: flex;
  align-items: center;
  gap: 5px;
}
.detailLeftBox .whiteBox .bottomInfo .left span {
  font-size: 14px;
  color: #a6a6a6;
}
.detailLeftBox .whiteBox .bottomInfo .right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.detailLeftBox .whiteBox .bottomInfo .right div {
  color: #a6a6a6;
  font-size: 14px;
}
.detailLeftBox .whiteBox .bottomInfo .right .comment {
  display: flex;
  align-items: center;
  gap: 5px;
}
.detailLeftBox .whiteBox .bottomInfo .right .comment img {
  width: 16px;
}
.appBox.dark .detailLeftBox .whiteBox.contentBox p,
.appBox.dark .detailLeftBox .whiteBox.contentBox li,
.appBox.dark .detailLeftBox .whiteBox.contentBox span {
  color: #FFF;
}
.appBox.dark .whiteBox .at-title {
  color: #FFF;
}
/*# sourceMappingURL=articleDetail.css.map */