.article {
  position: relative;
  overflow: hidden;
  margin: 1.6vw 2.66666667vw 2.66666667vw;
  padding: 2.66666667vw 3.2vw;
  background-color: #fff;
  border-radius: 1.06666667vw;
}
/* 文章标题和作者 */
.article-TI h2 {
  margin: 1.6vw 0;
  font-size: 5.33333333vw;
  line-height: 1.35;
  font-weight: 500;
}
.article-TI ul li {
  float: left;
  margin-right: 2.66666667vw;
  font-size: 3.2vw;
  line-height: 2;
  color: #888;
}
.article-TI ul li a {
  display: inline-block;
  max-width: 17.33333333vw;
  color: #666;
  vertical-align: bottom;
}
.article-TI ul.time-stamp {
  border-bottom: 0.26666667vw solid #ddd;
}
.article-TI ul .superior {
  display: none;
}
.article-TI .author {
  display: flex;
  margin: 2.66666667vw 0 4vw;
}
.article-TI .author img {
  height: 4.8vw;
  margin-right: 0.53333333vw;
  image-rendering: crisp-edges;
}
.article-TI .author > img {
  width: 9.6vw;
  height: 9.6vw;
  margin: 1.06666667vw 2.13333333vw 1.06666667vw 0;
}
.article-TI .author span {
  display: inline-block;
  max-width: 24vw;
  vertical-align: middle;
}
.article-TI .author .floor {
  flex: 1;
  margin-top: 6.13333333vw;
  text-align: right;
}
.article-CRY video {
  width: 100%;
  padding-bottom: 2.13333333vw;
}
.article-CRY img {
  max-width: 100%;
}
.article-CRY p {
  max-width: 100%;
}
/* 内容不可见 通用帖子提示模版 */
.article-empty {
  padding: 8vw 0 2.66666667vw;
  text-align: center;
  line-height: 3;
}
.article-empty .layui-icon-tips {
  font-size: 21.33333333vw;
  color: #f44336;
  line-height: 1.5;
}
.article-empty h3 {
  font-size: 4.26666667vw;
}
.article-empty p {
  margin: 2.66666667vw;
  color: #666;
  line-height: 1.2;
}
.article-empty .btn-link {
  display: flex;
  justify-content: center;
  text-decoration: none;
}
.article-empty .btn-link a {
  display: block;
  margin: 1.33333333vw;
  padding: 0 3.73333333vw;
  background-color: #3f79ec;
  font-size: 3.46666667vw;
  color: #fff;
  line-height: 8vw;
  border-radius: 1.06666667vw;
}
.article-empty .btn-link a:hover {
  background-color: #4e83ec;
  text-decoration: none;
}
/* 说明和点赞、点踩、收藏、打赏按钮 */
.article-sum {
  padding-top: 13.33333333vw;
  text-align: center;
  font-size: 3.2vw;
}
.article-sum p {
  color: #999;
}
.article-sum p span {
  display: none;
}
.article-sum p em {
  margin-right: 0.53333333vw;
  font-size: 3.46666667vw;
  color: #ffa600;
}
.article-sum ul {
  display: flex;
  justify-content: center;
  margin: 8vw 0;
}
.article-sum ul li {
  margin: 0 0.53333333vw;
}
.article-sum ul li label {
  width: 21.33333333vw;
  font-weight: 400;
  cursor: pointer;
}
.article-sum ul li label:hover i {
  color: #ffa600;
  border-color: #ffa600;
}
.article-sum ul li i {
  display: block;
  width: 11.2vw;
  height: 11.2vw;
  margin: 0 auto 2.66666667vw;
  border: 0.26666667vw solid #ddd;
  font-size: 4.8vw;
  line-height: 10.66666667vw;
  color: #666;
  border-radius: 50%;
}
.article-sum .opt-box {
  padding: 1.6vw 0 0;
  border-top: 0.26666667vw dashed #ddd;
  text-align: right;
}
.article-sum .opt-box a {
  display: inline-block;
  height: 5.33333333vw;
  padding: 0 1.6vw;
  color: #666;
  line-height: 5.33333333vw;
}
.article-sum .opt-box a:hover {
  color: #3f79ec;
}
.article-sum .opt-box a:nth-child(-n+4) {
  border-right: 0.26666667vw solid #ddd;
}
.article-sum .opt-box .gocomment {
  border: 0.26666667vw solid #3f79ec;
  color: #3f79ec;
  border-radius: 1.06666667vw;
}
/* 打赏列表 */
.reward-list {
  display: none;
  position: relative;
  margin: 2.66666667vw 0;
  padding: 3.2vw;
  border: 0.53333333vw solid #FFF4DD;
  text-align: left;
}
.reward-list h3 {
  width: 40vw;
  margin: -2.13333333vw 0 2.13333333vw -5.33333333vw;
  padding: 1.6vw 2.66666667vw 1.6vw 4vw;
  background: #FFF4DD url(../images/arw.gif) no-repeat 100% 50%;
  font-size: 3.73333333vw;
}
.reward-list h3 i {
  margin-right: 0.53333333vw;
  color: #974c19;
  font-weight: 800;
}
.reward-list p u {
  color: #444;
  font-size: 3.46666667vw;
  margin-right: 2.66666667vw;
}
.reward-list p em {
  font-size: 3.73333333vw;
}
.reward-list ul {
  display: block;
  margin: 0.53333333vw 0;
}
.reward-list ul li {
  float: left;
  width: 78.66666667vw;
  margin: 1.6vw 3.46666667vw 0 0;
  padding: 1.06666667vw 0.53333333vw;
  border-bottom: 0.26666667vw solid #f6f6f6;
  font-size: 3.2vw;
}
.reward-list ul li img {
  width: 5.33333333vw;
  height: 5.33333333vw;
  margin-right: 1.33333333vw;
}
.reward-list ul li u {
  display: inline-block;
  width: 40vw;
  vertical-align: middle;
  color: #666;
}
.reward-list ul li em {
  float: right;
  color: #ffa600;
  font-size: 3.46666667vw;
  line-height: 5.33333333vw;
}
.reward-list ul li:nth-child(2n) {
  margin-right: 0;
}
.reward-list > .check-all {
  display: none;
  margin-top: 2.66666667vw;
  border: 0;
  text-align: center;
  line-height: 6.4vw;
}
.download-term {
  padding: 1.06666667vw 2.66666667vw;
  margin: 6.66666667vw 0 2.66666667vw;
  border: 0.26666667vw solid #f2e2c3;
  font-size: 3.46666667vw;
  color: #974c19;
  background-color: #fffeee;
  text-align: left;
}
.download-term em {
  font-weight: 600;
}
.next {
  margin: 2.66666667vw;
}
.next span {
  display: inline-block;
  margin-right: 2.66666667vw;
  padding-right: 2.66666667vw;
  border-right: 0.26666667vw solid #ddd;
}
/* 帖子评论 */
.comment {
  margin: 1.6vw 2.66666667vw 2.66666667vw;
  padding: 2.66666667vw 3.2vw;
  background-color: #fff;
  border-radius: 1.06666667vw;
}
.comment .comment-CRY {
  padding-bottom: 2.66666667vw;
  border-bottom: 0.26666667vw dashed #ddd;
}
.comment .comment-AU {
  display: flex;
  margin-top: 4vw;
  font-size: 3.2vw;
}
.comment .comment-AU img {
  height: 4.26666667vw;
  margin-left: 0.26666667vw;
  vertical-align: top;
  image-rendering: crisp-edges;
}
.comment .comment-AU > img {
  width: 6.4vw;
  height: 6.4vw;
  margin: -0.53333333vw 2.13333333vw 0 0;
  border: 0.26666667vw solid #ddd;
  border-radius: 50%;
}
.comment .comment-AU > div {
  flex: 1;
}
.comment .comment-AU .au-name {
  display: inline-block;
  max-width: 26.66666667vw;
  font-size: 3.2vw;
}
.comment .comment-AU .floor {
  float: right;
  margin-right: 1.33333333vw;
}
.comment .comment-AU ul {
  display: flex;
}
.comment .comment-AU ul li {
  height: 4.8vw;
  padding: 0 2.66666667vw;
  color: #666;
  line-height: 4.8vw;
}
.comment .comment-AU ul li a {
  color: #666;
}
.comment .comment-AU ul li:first-child {
  padding-left: 0;
  border: 0;
}
.comment .comment-AU .right {
  justify-content: end;
  margin: 2.66666667vw 0 0;
}
.comment .comment-AU .right li {
  border-left: 0.26666667vw solid #ddd;
}
.comment .comment-AU .right .iconfont {
  font-size: 3.2vw;
  color: #999;
  line-height: 3.73333333vw;
}
.comment .comment-AU .right .xiachen {
  display: inline-block;
  transform: rotate(180deg);
}
.comment .comment-AU .right .support:hover,
.comment .comment-AU .right .support:hover .iconfont {
  color: #f44336;
}
.comment .comment-AU .right .against:hover,
.comment .comment-AU .right .against:hover .iconfont {
  color: #4caf50;
}
/* 发表评论：富文本编辑器 */
.editor {
  margin: 8vw 2.66666667vw 0;
  padding: 4vw 0;
  border-top: 1.6vw solid #ddd;
  color: #666;
}
.editor .btn-send {
  margin-bottom: 1.6vw;
  padding: 0 3.73333333vw;
  border: 0.26666667vw solid #3f79ec;
  background-color: #3f79ec;
  color: #fff;
  line-height: 7.46666667vw;
  border-radius: 1.06666667vw;
  cursor: pointer;
}