html {
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}
body,
html {
  margin: 0;
  padding: 0;
  background-color: #fff;
}
body {
    margin: 0 auto;
    max-width: 660px;
}
.app {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@font-face {
  font-family: iconfont;
  src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPEAAsAAAAACNgAAAN2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKgqEVINnATYCJAMUCwwABCAFhGcHYhubBxEVnIfIfiZkcv1YhmCaTXvMBj+u9K+tLo2NZyL42g/dd3c/RKQIx4dVZFQmRsRGtcLVKDSmsgrpYFzeQ5wZhSS5SfXhtLmKiU5EFDfnmnpAYaPeDeVb9OgHKQ3SS9OHoP7j3un/DS+B1waAOTYWfkrzgAIaa1OEXeeBdKm3oGdQXIBSabxHoMEaL8jToOBooD5kVJeCEJrdGGTF8VCQlwF4Xad0kEOdskY6t4jnUJGekBvAs+j18Z9r4EmqzN7kLDcwGxZvrZ8KUY3/jeQPggYB+ydUyFjamSHuu213gEpiS1AamiJom4B710n8sr5bfir8/yfCkuBU3M78BhRp/J8XNezCJnCImuLO+B6Lwu8lFonfyywy/wsFr6OwAg2YeIn3TJzif0DmGCPbkiG+ZIRVladsGu5mZ+cqugcbOTnZMpVc3qfk5eUEbOqg4aZRekaahonkjvqhhEyWwTISZWQputnRmCl8g1Bu1DeOkXPkPCUvTqkde0FerIKrYMvY0TKVWt43wItDNw71jCAw13IOcauaEBvjNEl4m21j3hEWrhKZCFVhEV1Yp4gh6qwIi3H2nkG/xCSzw2JRz7NhPjHg/WKEYio0pQQ2sredxcP6if/G7+l0XCVU6Q0pVBMRg5piMCgFJsKug4CI3tEI98ODLsIkGxy6R4z2RgQc5Pj4zKLQ14YpSQyRCaIfL2QIG2C3EWLRbkgaINUw7f4MjTRQOmxnPySFeoCH8iOKDkD+kt4A+Wv6AKRPaeo/8Bnj764UaTSPV/y6gC8n0o5IV4znfYd8Me8bl98KMYvBIXlpqvYsgqF3nMuQ0OAY+ZJTdDidx9EJMkuo0/kISa1ByOpMoIW4AJVGG1Cjzh40WBS4uFGnckCJUo8ZLQChzRAkLd5C1mYZLcRjqPS4gxptfqEB4x3b9dZwiKwTYy3YQfMH29KkXKVErd5Rx6HmuvAbOVgMQpkV5eQNJ+QpJoSPrkQUKKYRruphOAwEnslhK5kR8cc8V01PyVoakxOGagJ1QOMPWC0yUQG2FN/vDmnRoMZC9B1jgcXWQSlTCNCbbBLV3Enn4EOrCKF4kMLICFwNCxqcGAG+uZeDWiJjRkS8o5ywlFSWra8Y3+AmaAD7FytEihwlqqgxy4v11Ni9r+0vBmJJna0nXSQFg971n2KtWEJrmSQAAA==")
      format("woff2"),
    url(//at.alicdn.com/t/c/font_4163473_0qu9im5ijvrb.woff?t=1689742855569)
      format("woff"),
    url(//at.alicdn.com/t/c/font_4163473_0qu9im5ijvrb.ttf?t=1689742855569)
      format("truetype");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
  content: "\e628";
}
.icon-jiang:before {
  content: "\e7c6";
}
.icon-sheng:before {
  content: "\e7c7";
}
.icon-close:before {
  content: "\eb6a";
}
.vjs-error-display .vjs-modal-dialog-content {
  display: none;
}
html {
  font-size: 12px;
  word-break: break-all;
}
a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
}
a,
a:focus {
  outline: none;
}
input:focus,
select:focus,
textarea:focus {
  outline: 0 auto -webkit-focus-ring-color;
}
li,
ul {
  padding: 0;
  list-style: none;
}
.flex {
  display: flex;
}
.flex-box {
  align-items: center;
  -webkit-align-items: center;
}
.flex-justify {
  justify-content: space-between;
}
.flex-center {
  justify-content: center;
}
.flex-one {
  flex: 1;
}
.flex-direction {
  flex-direction: column;
}
.articleCont {
    padding: .3rem;
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}
.articleCont p {
  margin: 0 0 0.8em;
  word-break: break-word;
}
.articleCont a {
  text-decoration: underline;
}
.articleCont img {
  display: block;
  width: 100%;
  height: auto;
}
.articleCont .image  {
    margin: 0;
    width: 100%;
}
.articleCont .image figcaption {
  margin: 10px 0;
  color: #9496a1 !important;
  font-size: 14px;
}
.article-compo .img-caption {
  display: block;
  margin: 10px 0;
  color: #9496a1 !important;
  font-size: 14px !important;
}
.articleCont .image figcaption * {
  color: #9496a1 !important;
}
.articleCont video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.header-info {
  padding: 0.3rem 0.3rem 0.3rem;
}
.header-info .title {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.56rem;
  word-break: break-word;
}

.header-info .info,
.header-info .column {
  color: #999;
  font-size: 0.24rem;
}

.header-info .column {
  margin-top: 0.16rem;
}

.header-info .info {
  margin-top: 0.07rem;
}

.header-info .author {
  margin-right: 5px;
  color: #6789bc;
}