html .app {
  width: 100%;
  min-width: 1400px;
}
html .app-content {
  padding-top: 20px;
  background: linear-gradient(180deg, #fff2e0, #f9f9f9 608px, #f9f9f9), no-repeat;
}
html .app-content-main {
  width: 1400px;
  min-width: 1400px;
  min-height: 800px;
  margin: auto ;
  padding: 32px 32px 40px;
  background-color: #fff;
}
html .app-content-main .crumb-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .app-content-main .crumb-wrapper .printf {
  cursor: pointer;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
html .content-wrapper {
  padding-top: 44px;
  margin: 0 auto;
  width: 1100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
html .title {
  width: 930px;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 54px;
  margin: auto;
}
html .info {
  width: 1100px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  height: 39px;
  border-bottom: 1px dashed #d6d6d6;
}
html .info-msg {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
html .info-msg span {
  margin-right: 30px;
}
html .info-size {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #081626;
}
html .info-size .size-btn {
  display: inline-block;
  margin-left: 9px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #081626;
  cursor: pointer;
}
html .info-size .size-btn:first-child {
  margin-left: 6px;
}
html .info-size .size-btn--active {
  background: linear-gradient(137deg, #e40a0c, #c50405 96%);
  color: #fff;
}
html .content {
  padding: 47px 0 0;
  margin-bottom: 25px;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
  color: #333333;
  line-height: 42px;
}
html .content img {
  display: inline-block;
}
html .content-small p {
  font-size: 16px!important;
}
html .content-mid p {
  font-size: 18px!important;
}
html .content-large p {
  font-size: 20px!important;
}
html .attachments {
  display: flex;
}
html .attachments__title {
  height: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
html .attachments__content__item {
  margin-bottom: 17px;
}
html .attachments__content__item span {
  margin-right: 16px;
  width: 209px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
html .attachments__content__item a {
  width: 32px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  text-align: left;
  color: #c50405;
}
html .share-wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
}
html .share-wrapper .share-wrapper__left {
  display: flex;
}
html .share-wrapper .share-wrapper__left__item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
html .share-wrapper .share-wrapper__left__item span {
  margin-left: 6px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  color: #666666;
}
html .share-wrapper .share-wrapper__right {
  display: flex;
  align-items: center;
}
html .share-wrapper .share-wrapper__right .share-to {
  margin-left: 8px;
}
html .share-wrapper .share-wrapper__right .share-icon {
  margin-left: 24px;
  cursor: pointer;
}
video{
  display: inline-block !important;
}
/*# sourceMappingURL=detail.css.map */