.detail-content{
  padding-top: 100px;
}
.detail-content .dc-head{
  padding-bottom: 28px;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
.detail-content .dc-head .title{
  font-size: 20px;
  color: #393939;
  line-height: 30px;
  font-weight: 600;
}
.detail-content .dc-head .time{
  margin-top: 15px;
  font-size: 14px;
  color: #a8a8a8;
}
.detail-content .dc-body{
  padding: 45px 0;
  line-height: initial;
}
.detail-content .dc-body img{
  max-width: 100%;
}
.detail-content .dc-footer{
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
}
.detail-content .dc-footer a.btn-back{
  font-size: 12px;
  color: #2c3740;
}
.detail-content .dc-footer a.btn-back img{
  margin-right: 4px;
  height: 14px;
}
.detail-content .dc-footer .btns-right{
  display: flex;
}
.detail-content .dc-footer .btns-right a{
  margin-left: 4px;
  width: 38px;
  height: 38px;
  border: 1px solid #d8d8d8;
}
.detail-content .dc-footer .btns-right a img{
  width: 75%;
}
@media (max-width: 1200px) {
  .detail-content{
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 640px) {
  .detail-content{
    padding-top: 40px;
  }
  .detail-content .dc-head{
    padding-bottom: 12px;
  }
  .detail-content .dc-body{
    padding: 20px 0;
  }
}