html .app-content {
  min-height: calc(100vh - 245px - 157px);
    display: grid;
}
html .app-content-main {
  width: 1440px;
  min-width: 1440px;
  min-height: 100%;
  margin: auto ;
  padding: 0 32px 60px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.06);
}
html .app-content-main .crumb-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
html .app-content-main .crumb-wrapper .operate {
  display: flex;
    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;
  max-width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
html .title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #333333;
  line-height: 54px;
  margin: auto;
}
html .title.subject {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 15px;
}
html .title.subtitle {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 15px;
}
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 .info-msg-value {
  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: 10px 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, html .content-small p, html .content-small span {
  font-size: 16px!important;
}
html .content-mid, html .content-mid p, html .content-mid span  {
  font-size: 18px!important;
}
html .content-large, html .content-large p, html .content-large span {
  font-size: 20px!important;
}
/*html .attachments {*/
/*  display: flex;*/
/*}*/
html .attachments__title {
  height: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
    margin-bottom: 20px;
}
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 .author {
  font-size: 18px;
    color: #333333;
}
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;
  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;
}

/* 移动端 */
.app.isMobile .logoImg {
    width: 80%;
    margin: 20px auto;
}
.app.isMobile .app-header-bar {
    display: none;
}
.app.isMobile .info {
    display: block;
    margin-top: 10px;
    height: auto;
}

.app.isMobile .title {
    display: block;
}

.app.isMobile .content-wrapper {
    padding-top: 10px;
}

.app.isMobile .title {
    font-size: 20px;
    line-height: 1.1;
}


.app.isMobile .info-msg, .app.isMobile .info-size {
    height: auto;
    margin-bottom: 5px;
}

html .app.isMobile .content-small, html .app.isMobile .content-small p, html .app.isMobile .content-small span {
    font-size: 14px!important;
}
html .app.isMobile .content-mid, html .app.isMobile .content-mid p, html .app.isMobile .content-mid span {
    font-size: 16px!important;
}
html .app.isMobile .content-large, html .app.isMobile .content-large p, html .app.isMobile .content-large span {
    font-size: 18px!important;
}
.app.isMobile .share-wrapper {
    height: auto;
    display: block;
    margin-top: 10px;
}