@charset "UTF-8";

body,
menu,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

html,
body {
  -webkit-touch-callout: none;
  background-color: rgba(255, 255, 255, 1);
  font-family: "PingFang SC", -apple-system-font, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  overflow-y: auto;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* 需要区分 */
@media screen {

  /* 手机端CSS代码 */
  body {
    width: 100%;
  }

  html {
    font-size: -webkit-calc(100vw / 7.5);
    font-size: -moz-calc(100vw / 7.5);
    font-size: calc(100vw / 7.5);
  }
}

@media screen and (min-width: 750px) {

  /* 电脑端CSS代码 */
  body {
    width: 750px;
    margin: 0px auto;
  }

  html {
    font-size: 100px;
  }
}

#app {
  width: 100%;
  /* height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden; */
}

/* // 判断iphoneX 将 footerBox 的 padding-bottom 填充到最底部 */
/* @supports (bottom: env(safe-area-inset-bottom)) {
	body,
	.bottom_review_view {
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
} */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

em {
  font-style: normal;
}

strong {}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

abbr,
acronym {
  border: 0;
}

strike {
  display: inline;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

#htmlDetail * {
  max-width: 100% !important;
  -webkit-box-sizing: border-box !important;
  word-wrap: break-word !important;
}

#htmlDetail video {
  width: 100%;
  height: auto;
  display: block;
}

/* video AI生成内容水印标识 */
#htmlDetail .video-ai-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

#htmlDetail .video-ai-wrapper video {
  display: block;
  width: 100%;
}

#htmlDetail .video-ai-label {
  position: absolute;
  left: 4px;
  bottom: 4px;
  color: #fff;
  font-size: 9px;
  background: transparent;
  padding: 0;
  border-radius: 0;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
  line-height: 1;
  display: flex;
  align-items: center;
}

#htmlDetail .video-ai-wrapper.android .video-ai-label {
  bottom: 4px;
}

.video-ai-icon {
  display: block;
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0) !important;
  margin-right: 4px;
}

.video_container .video-ai-label {
  position: absolute;
  left: 4px;
  bottom: 4px;
  color: #fff;
  font-size: 9px;
  background: transparent;
  padding: 0;
  border-radius: 0;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
  line-height: 1;
  display: flex;
  align-items: center;
}

.original-tips {
  font-size: 0.28rem;
  color: #999;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hide from IE Mac */

.clearfix {
  display: block;
}

.source-icon {
  float: left;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.1rem;
}

.left {
  float: left;
  line-height: 0.28rem;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.none {
  display: none;
}

.wrapper {
  position: relative;
  padding: 0 16px 20px 16px;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  /* width: 90.625%; */
  /* max-width: 650px; */
}

@media screen and (min-width: 674px) {
  .wrapper {
    margin: 0 auto;
  }
}

.head {
  padding-top: 0.26rem;
}

.head .sho_title {
  font-size: 0.146rem;
  color: #868686;
  line-height: 144%;
  font-weight: normal;
  margin-bottom: 5px;
}

.head .title {
  color: #333;
  font-size: 22px;
  line-height: 27px;
  /* font-weight: 600; */
  letter-spacing: 0.28px;
  /* font-family: "SourceHanSerifCNBold", serif !important; */
}

.head .sub_title {
  font-size: 0.146rem;
  color: #333;
  line-height: 144%;
  font-weight: normal;
  margin-bottom: 4px;
}

.head .info {
  color: #999;
  font-size: 14px;
  margin-top: 10px;
  line-height: 20px;
}

.source {
  margin-right: 10px;
}

.head .info .time {
  margin-right: 10px;
}

.red {
  color: #f12727;
}

.introduction {
  padding: 10px 10px 9px 10px;
  font-size: 0.1365rem;
  line-height: 0.24rem;
  color: #929292;
  border-bottom: 1px solid #ccc;
  background: #f3f3f3;
  text-align: justify;
  text-justify: distributed;
}

.topContent {
  margin-top: 0 !important;
}

.detail {
  /* font-family: 'LTHYSZK'; */
  /* font-family: PingFangSC-Regular; */
  overflow-x: hidden;
  overflow-y: hidden;
  word-wrap: break-word;
  text-align: center;
  text-justify: distributed;
  /* font-size: 0.18rem; */
  color: #333;
  margin: 16px 0 10px;
  /* letter-spacing: 0.22px;
	line-height: 30px; */
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.4px;
}

.font_middle .detail {
  font-size: 0.15rem;
}

.font_min .detail {
  font-size: 0.126rem;
}

.font_big .detail {
  font-size: 0.216rem;
}

.detail img {
  max-width: 100%;
  background: no-repeat center center #ebeaea;
  background-size: 30% auto;
}

.detail p {
  line-height: 1.5em;
  margin-bottom: 10px;
  text-align: justify;
  text-justify: distributed;
}

.detail strong {
  font-weight: bold;
}

.htmlMedias {
  border-top: 0;
}

.video_warp,
.image_warp,
.audio_warp {
  margin: 16px 0;
}

.video_warp {
  width: 100%;
}

#video_player {
  width: 100%;
}

.video_warp video,
.image_warp {
  width: 100%;
  height: auto;
}

.audio_warp audio {
  width: 100%;
}

.video_container {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
}

.poster_warp {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.poster_img_wrap {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  /* width: 100%; */
}

.poster_img_wrap .video-ai-label {
  position: absolute;
  left: 4px;
  bottom: 4px;
  color: #fff;
  font-size: 9px;
  background: transparent;
  padding: 0;
  border-radius: 0;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
  line-height: 1;
}

.poster_img {
  background-size: auto;
  /* max-height: 100%; */
  /* margin: 0 auto; */
  display: block;
  height: 100%;
}

.video-playbtn {
  width: 44px;
  height: 44px;
  position: absolute;
  left: calc(50% - 22px);
  top: calc(50% - 22px);
}

.video_width_screen {
  width: 100% !important;
  height: auto !important;
}

.video_height_screen {
  width: auto !important;
  /* height: 100vw !important; */
  height: 7.5rem !important;
  /* margin: 0 auto; */
}

.poster_btn {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.video_warp p,
.audio_warp p,
.image_warp p {
  color: #999999;
  line-height: 26px;
  letter-spacing: 0.2px;
  font-size: 16px;
  margin-top: 6px;
  text-align: left;
}

.survey_block {
  margin-top: 25px;
  margin-left: 10px;
}

.survey_block .items li {
  margin-bottom: 15px;
  padding: 3px 6px 3px 3px;
  position: relative;
}

.survey_block .items li.on {
  background: #eaeaea;
  border-radius: 13px 4px 4px 13px;
}

.survey_block .items li.checkbox_li.on {
  border-radius: 5px 4px 4px 5px;
}

.survey_block .items.checkbox_ul li.on {
  border-radius: 4px;
}

.survey_block .items.items_checkbox li.on {
  border-radius: 4px;
}

.survey_title {
  line-height: 19px;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: normal;
}

.survey_title .smaller {
  color: #999;
  font-size: 14px;
}

.survey_block .radio_warp input,
.survey_block .checkbox_warp input {
  display: inline-block;
  width: 0.19rem;
  height: 0.19rem;
  opacity: 0;
}

.survey_block .radio_warp {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  line-height: 0.19rem;
  background: #fff;
  border: 1px solid #f15353;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: 3px;
}

.survey_block .checkbox_warp {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  line-height: 19px;
  background: #fff;
  border: 1px solid #f15353;
  border-radius: 4px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  left: 0.3rem;
}

.survey_block .on .radio_warp,
.survey_block .on .checkbox_warp {
  background: url("/selected@2x.png") no-repeat center center #f15353;
  background-size: 100% 100%;
}

.survey_block .items li label {
  display: block;
  line-height: 24px;
  font-size: 0.14rem;
  padding-left: 25px;
  position: relative;
  z-index: 2;
}

.survey_block .sub_btn {
  display: block;
  background: #db2b2b;
  width: 1.6rem;
  height: 0.34rem;
  border-radius: 17px;
  margin: 25px auto;
  text-align: center;
  font-size: 0.14rem;
  line-height: 34px;
  box-shadow: 0px 1px 2px #aaa;
}

.survey_block .sub_btn:link,
.survey_block .sub_btn:visited {
  color: #fff;
  text-decoration: none;
}

.survey_block .items_result li h5 {
  font-size: 14px;
  padding-bottom: 5px;
}

.survey_block .items_result li .proportion {
  height: 0.18rem;
  line-height: 18px;
  background: #f1f1f1;
  width: 100%;
  position: relative;
}

.survey_block .items_result li .proportion .bar {
  width: 0;
  height: 0.18rem;
  line-height: 18px;
  background-color: #f07f7f;
  display: inline-block;
}

.survey_block .items_result li:nth-child(1n + 0) .proportion .bar {
  background: #99ccff;
}

.survey_block .items_result li:nth-child(2n + 0) .proportion .bar {
  background: #ff9999;
}

.survey_block .items_result li:nth-child(3n + 0) .proportion .bar {
  background: #ffcc66;
}

.survey_block .items_result li .proportion .preo_val {
  position: absolute;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.12rem;
  color: #666666;
  right: 3px;
  top: 0;
}

.survey_block .result_intr {
  font-size: 0.14rem;
  color: #0088cc;
  margin-bottom: 20px;
}

.surveyItem_warp {
  margin-bottom: 20px;
  padding-top: 10px;
}

.ali_ngo {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.ali_ngo a:link,
.ali_ngo a:visited {
  background: #db2b2b;
  width: 1.6rem;
  height: 0.3rem;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  display: block;
  margin: 10px auto;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 2px 1px #ccc;
}

.ali_ngo .intr {
  font-size: 0.12rem;
  color: #0066ff;
}

/* 0301 */

.subscribe_warp {
  padding: 10px 12px;
  margin-bottom: 30px;
  margin-left: 1px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-shadow: 0px 1px 1px rgba(102, 102, 102, 0.05);
  position: relative;
  top: 10px;
}

.subscribe_warp .org_logo {
  width: 0.5rem;
  height: 0.5rem;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 12px;
  border-radius: 10%;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -25px;
}

.subscribe_warp_text {
  display: block;
  float: left;
}

.subscribe_warp .t_warp {
  margin-left: 60px;
  margin-right: 48px;
}

.subscribe_warp h3 {
  font-size: 0.16rem;
  color: #494949;
  padding-top: 4px;
  font-weight: normal;
  line-height: 22px;
}

.subscribe_warp h3 a:link,
.subscribe_warp h3 a:visited {
  color: #333333;
  vertical-align: center;
}

.subscribe_warp h3 .icon_enter {
  display: inline-block;
  height: 0.08rem;
  width: 0.08rem;
  border-top: 1px solid #ed8282;
  border-right: 1px solid #ed8282;
  vertical-align: center;
  transform: translate(0, -1px) rotate(45deg);
  -ms-transform: translate(0, -1px) rotate(45deg);
  -moz-transform: translate(0, -1px) rotate(45deg);
  -webkit-transform: translate(0, -1px) rotate(45deg);
  margin-top: 1px;
  margin-left: 10px;
}

.subscribe_warp .number {
  font-size: 0.1rem;
  color: #999;
  display: inline-block;
  margin-top: 5px;
  padding-bottom: 5px;
}

.subscribe_warp .subscribe_btn {
  width: 0.42rem;
  height: 0.24rem;
  line-height: 24px;
  display: inline-block;
  border: 1px solid #ea0c0c;
  text-align: center;
  font-size: 0.12rem;
  border-radius: 20px;
  color: #ea0c0c;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 12px;
}

.subscribe_warp .subscribe_btn i {
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  background-size: 100% auto;
  background-image: url("/icon_dy.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
  top: 0;
  right: 0;
}

.subscribe_warp .subscribe_btn:link,
.subscribe_warp .subscribe_btn:visited {
  color: #ea0c0c;
}

.subscribe_warp .subscribe_btn.subscribed {
  color: #11cb08;
  border-color: #11cb08;
}

.subscribe_warp .subscribe_btn.subscribed i {
  background-position: center bottom;
}

/* 20150301 */

.relat_block1 {
  border: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 30px;
}

.relat_block1 .block_titile {
  font-size: 0.16rem;
  color: #dc2121;
  border-left: 4px solid #dc2121;
  padding-left: 5px;
  margin-bottom: 10px;
}

.relat_block2 {
  margin-bottom: 30px;
}

.relat_block2 .block_titile {
  font-size: 0.16rem;
  color: #dc2121;
  border-left: 4px solid #dc2121;
  padding-left: 5px;
  margin-bottom: 10px;
}

.comment_box>ul>li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.comment_box .comment_info {
  font-size: 0.12rem;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.comment_info .text {
  float: left;
  color: #7e7e7e;
  height: 0.22rem;
  line-height: 22px;
}

.comment_info .text .name {
  display: inline-block;
  max-width: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.comment_info .text .time {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.comment_info .text a:link,
.comment_info .text a:visited {
  color: #7e7e7e;
}

.comment_box .con_text a:link,
.comment_box .con_text a:visited,
.comment_box .con_text a:active {
  color: #000;
}

.comment_info .praise {
  padding: 0 10px 0 20px;
  background: url("/icon_good.png") no-repeat 6px 5px;
  background-size: auto 50%;
  height: 0.22rem;
  line-height: 22px;
  box-sizing: border-box;
  display: inline-block;
  float: right;
}

.comment_info .praise:link,
.comment_info .praise:visited {
  color: #333;
}

.comment_info .praise.praised:link,
.comment_info .praise.praised:visited {
  background-image: url("/icon_good_ed.png");
  color: #c00;
}

.comment_info .reply_btn {
  width: 0.2rem;
  padding: 0 10px;
  background: url("/reply.png") no-repeat center 7px;
  background-size: auto 50%;
  height: 0.22rem;
  line-height: 22px;
  box-sizing: border-box;
  display: inline-block;
  float: right;
}

.comment_box .comment_con {
  float: left;
  width: 100%;
  line-height: 0.14rem;
  font-size: 0.118rem;
}

.comment_box .comment_con .con_text a {
  display: block;
}

.triangle-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f1f9fc;
  position: absolute;
  top: -8px;
  left: 8px;
  z-index: 2;
}

.triangle-up_shadow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
  position: absolute;
  top: -9px;
  left: 8px;
  z-index: 1;
}

.reply_con {
  position: relative;
  margin-left: 12px;
  background: #f1f9fc;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  margin-top: 20px;
  color: #666;
}

.reply_con .reply_item {
  padding: 10px 5px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 0.9em;
}

.reply_con .reply_item .reply_info {
  margin-bottom: 5px;
}

.reply_con .reply_item .reply_info .name {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.reply_con .reply_item.open_all_item {
  padding: 10px 0;
}

.open_all {
  display: block;
  background: #d8eef5;
  text-align: center;
  line-height: 36px;
  height: 0.36rem;
  color: #6699cc;
}

.admin_reply {
  border-top: 1px solid #e2e2e2;
  margin-top: 10px;
  padding: 10px 0 0 0;
  margin-left: 15px;
  line-height: 0.14rem;
}

.darkRed {
  color: #900;
}

.lightblue {
  color: #6699cc;
}

.ad_banner {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.ad_banner {
  width: 100%;
}

#content {
  z-index: 2;
  margin-top: 48px;
}

.pre_text {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #666;
  text-shadow: 0px 0px 1px #fff;
  box-sizing: border-box;
  background: no-repeat center center #f2f2f2;
  background-size: 25% auto;
  z-index: 1;
  display: none;
}

.pre_loading {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -70px;
  margin-left: -20px;
  background: url("/loadding.png") no-repeat center center;
  background-size: 65%;
  -webkit-animation-name: x-loading-spinner-rotate;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes x-loading-spinner-rotate {
  from {
    -webkit-transform: rotate(30deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.pre_text.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

#content.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.tip {
  margin: 20px 0;
  text-align: center;
  color: #999;
}

.v_bigplaybtn i {
  opacity: 0;
}

#showit {
  word-wrap: break-word;
  word-break: break-all;
}

#loadMore {
  display: none;
  height: 0.4rem;
  line-height: 40px;
  font-size: 0.16rem;
  text-align: center;
  background-color: #f1f9fc;
  -webkit-border-radius: 10px;
  border: 1px solid #cccccc;
}

#loadMore:active {
  background-image: #cccccc;
}

.survey_item_ {
  max-height: 100px;
  max-width: 100px;
  vertical-align: top;
  display: block;
}

.share_logo {
  width: 0.5rem;
}

.share_box td {
  text-align: center;
}

.model_head {
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  font-weight: bolder;
  margin-top: 12px;
}

.model_head .review_icon {
  display: inline-block;
  height: 0.2rem;
  width: 0.06rem;
  background: #f76e6b;
  background-size: auto 100%;
  float: left;
  margin-right: 0.08rem;
  margin-top: 0.15rem;
  border-radius: 0.05rem;
}

.model_head .recommend_icon {
  display: inline-block;
  height: 100%;
  width: 0.5rem;
  background: url("../../img/subscription/recommend.png");
  background-size: auto 100%;
  float: left;
  margin-right: 0.1rem;
}

/* 评论位置 */
.review_warp {
  margin-top: 0.2rem;
}

.review_warp .line {
  width: 0.31rem;
  height: 0.04rem;
  background: rgba(194, 201, 208, 1);
  border-radius: 2px;
  margin: 8px auto 16px;
}

.review_items {
  padding: 14px 0;
  display: block;
  position: relative;
}

.review_items+.review_items {
  border-top: 0.5px #eee solid;
}

.review_items:after {
  content: "";
  display: block;
  clear: both;
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.review_items .photo {
  width: 24px;
  min-height: 0.5rem;
  height: 100%;
  float: left;
  margin-right: 10px;
}

.review_items .photo img {
  border-radius: 50%;
  width: 100%;
}

.review_items .body {
  font-size: 0.16rem;
  float: left;
  width: 79%;
  min-height: 0.5rem;
}

.review_items .like {
  min-height: 0.5rem;
  float: right;
  text-align: right;
}

.review_items .like img {
  display: inline-block;
  width: 16px;
  vertical-align: text-top;
}

.review_child {
  background: #f6f8fa;
  border-radius: 2px;
  margin-left: 34px;
}

.review_child_more {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0.15px;
  line-height: 26px;
  padding: 6px 6px 6px 6px;
}

.review_child_items {
  padding: 0 6px 0 6px;
}

.review_child_items+.review_child_items {
  padding-top: 4px;
}

.review_child_items .body {
  float: none;
  width: unset;
  font-size: 14px;
  min-height: unset;
}

.review_child_items .nickname {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.17px;
  line-height: 26px;
}

.review_child_items .review {
  font-size: 14px;
  color: #151515;
  letter-spacing: 0.17px;
  line-height: 26px;
}

.review_child_items .nickname,
.review_child_items .review {
  display: inline;
}

.review_child .review_items {
  border-bottom: 0;
}

.unlove_review {
  font-size: 12px;
  color: #666;
  letter-spacing: 0.15px;
  text-align: right;
  line-height: 24px;
}

.love_review {
  font-size: 12px;
  color: #f21910;
  letter-spacing: 0.15px;
  text-align: right;
  line-height: 24px;
}

.model_time {
  width: 100%;
  text-align: left;
  margin-bottom: 0.04rem;
  font-size: 10px;
  color: #999999;
  letter-spacing: 0.12px;
  line-height: 16px;
}

/* 评论 */
.review_items .nickname {
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.17px;
  line-height: 20px;
}

.review_items .topFlag {
  padding: 2px 6px;
  margin: 0 5px;
  font-size: 10px;
  color: #ff2d3c;
  border: 1px solid #ff2d3c;
  border-radius: 20px;
}

.review {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0.2px;
  line-height: 24px;
  margin-bottom: 10px;
}

#load_review {
  font-size: 0.16rem;
  width: 100%;
  height: 0.6rem;
  text-align: center;
}

.load_review_button {
  display: inline-block;
  line-height: 0.6rem;
  padding: 0px 20px;
  color: #787878;
  font-size: 0.18rem;
}

.more-review {
  display: block;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0.17px;
  text-align: center;
  margin-bottom: 24px;
}

.more-review-icon {
  width: 22px;
  height: 22px;
  background: url(../../img/button/right_arrow@2x.png) center/contain no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.more-review-btn {
  display: block;
  margin: 0 auto 0.32rem;
  width: 6.86rem;
}

.author {
  font-size: 0.16rem;
  width: 100%;
  text-align: right;
  color: #bfbfbf;
}

.recommend_news_items {
  width: 100%;
  height: 0.75rem;
  padding: 0.1rem 0;
}

.recommend_news_items .photo {
  float: left;
  width: 38%;
  height: 0.75rem;
  overflow: hidden;
  text-align: center;
}

.recommend_news_items img {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.recommend_news_items .body {
  font-size: 0.16rem;
  margin-left: 42%;
}

.recommend_news_items .title {
  line-height: 0.25rem;
  height: 0.55rem;
  overflow: hidden;
  text-align: justify;
  text-justify: distributed;
}

.recommend_time {
  clear: none;
  height: 0.16rem;
  line-height: 0.25rem;
  margin-bottom: 0px;
}

.clear_line {
  clear: both;
  width: 100%;
  height: 1px;
  background: #bfbfbf;
  margin-top: 0.1rem;
}

#downloadApp {
  width: 100%;
}

#downloadApp img {
  max-width: 100%;
}

#footdownloadapp {
  width: 100%;
  height: 0.4rem;
  background: url(../../img/subscription/line.png) repeat-x;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

#footdownloadapp a {
  display: inline-block;
  font-size: 0.17rem;
  width: 100%;
  height: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-decoration: none;
  color: wheat;
}

.ad {
  max-width: 750px;
  margin: 0 auto;
}

.subscription {
  margin-top: 0.16rem;
  font-size: 0.16rem;
  color: #959595;
}

.subscription table {
  width: 100%;
  border-spacing: 0.1rem;
}

.subscription .photo {
  height: 0.5rem;
  width: 0.6rem;
}

.subscription .photo img {
  height: 90%;
  width: 90%;
  border-radius: 50%;
}

.subscription .follow {
  width: 0.75rem;
}

.subscription .follow .tag {
  padding: 0.05rem;
  border-radius: 1rem;
  text-align: center;
}

.subscription .follow .followed {
  border: 1px #959595 solid;
}

.subscription .follow .unfollow {
  color: #fff;
  background: #007fc0;
}

.subscription .follow img {
  height: 0.12rem;
}

.subscription_desc {
  font-size: 0.15rem;
  line-height: 0.2rem;
  margin-bottom: 15px;
  color: #999;
}

/*投票样式*/
.vote {
  font-size: 0.17em;
  /* border: 1px solid #e6e6e6; */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fafafa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-bottom: 1em;
  position: relative;
}

.vote .voteTitle {
  font-size: 18px;
  line-height: 34px;
  margin: 12px 8px 0;
  display: inline-block;
}

/* .vote .voteIcon{
  width: 36px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 19px;
  background-size: 100% 100%;
} */

.vote_oneIcon::before,
.vote_twoIcon::before {
  content: "";
  width: 36px;
  height: 20px;
  display: inline-block;
  /* position: relative;  */
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 5px;
}

.vote_oneIcon::before {
  background: url(../../img/news/vote_one.png) no-repeat;
  background-size: 100% 100%;
}

.vote_twoIcon::before {
  background: url(../../img/news/vote_two.png) no-repeat;
  background-size: 100% 100%;
}

.vote .voteItem {
  border-bottom: 0.8px solid #eee;
  padding: 12px 10px;
  line-height: 30px;
  position: relative;
  box-sizing: border-box;
}

/* .vote input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
} */

.vote .voteItem:last-child,
.vote .voteResultItem:last-child {
  border: none;
}

.vote .voteResultItem {
  border-bottom: 1px solid #e6e6e6;
}

.voteResultItem .result {
  width: 100%;
}

.result .progress {
  height: 0.5em;
  width: 65%;
  background-color: #e6e6e6;
  display: inline-block;
  position: relative;
}

.progress .progressBar {
  position: absolute;
  background-color: #04be02;
  height: 100%;
}

.result .voteCount {
  display: inline-block;
}

.vote .voteBtn {
  width: 100%;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
  color: #ff482a;
  display: inline-block;
  border: none;
  background-color: #fafafa;
  outline: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.vote .isVote {
  color: #4a4a4a;
}

.vote .isOver {
  color: #999;
}

/*checkbox样式*/

.labelInfo {
  display: inline-block;
  font-weight: 400;
  line-height: 30px;
  margin: 0 5px 0 38px;
  font-size: 16px;
  color: #4a4a4a;
  position: relative;
}

.labelInfo input {
  width: 18px;
  height: 18px;
  line-height: 30px;
  vertical-align: middle;
  position: absolute;
  top: 6px;
  left: -28px;
  opacity: 0;
}

.labelInfo .spot {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../../img/news/vote_noSelect.png") no-repeat;
  /*默认的样式图片*/
  background-size: 100% 100%;
  position: absolute;
  top: 6px;
  left: -28px;
  z-index: 5;
}

.labelInfo .spot-disabled {
  opacity: 0.3;
}

.labelInfo input:checked+.spot {
  background: url("../../img/news/vote_select.png") no-repeat;
  /*选中后的样式图片*/
  background-size: 100% 100%;
}

/* 版权声明 */
#copyright,
#disclaimer {
  margin: 10px 0 12px;
  position: relative;
}

#copyright img {
  width: 210px;
  height: 16px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background: white;
}

#copyright p {
  z-index: -1;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

/* 免责声明 */
#disclaimer img {
  width: 6.9rem;
  margin: 0 auto;
  display: block;
}

/* 新版内容 */
/* 评论输入框 */
.bottom_review_view {
  width: 100%;
  height: 58px;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
  /* border-top: 1px solid #ddd; */
  position: fixed;
  bottom: -1px;
  left: 0;
  padding: 10px 16px;
  background: white;
  box-sizing: border-box;
  display: flex;
  z-index: 1001;
}

#send_comment_view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* width: calc(4.8rem + 1.1rem); */
  height: 34px;
  background-color: #f7f7f7;
  border-radius: 17px;
  padding-right: 12px;
  box-sizing: border-box;
  flex: 1;
}

#send_comment_view label {
  position: relative;
  width: 13px;
  height: 14px;
  padding: 0 6px 0 14px;
  background-color: transparent;
}

#send_comment_view label img {
  width: 100%;
  height: 100%;
}

#send_comment_view input {
  height: 100%;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  outline: 0;
  width: 100%;
  font-size: 14px;
}

#noSend_view {
  display: flex;
  align-items: center;
}

#commentCount_btn,
#like_btn {
  color: #666;
  height: 22px;
  padding: 6px 0;
  box-sizing: border-box;
  margin-left: 16px;
  display: flex;
  font-size: 14px;
  align-items: center;
}

#commentCount_btn img,
#like_btn img {
  width: 22px;
  height: 22px;
  margin-right: 3px;
}

#send_btn {
  line-height: 34px;
  height: 34px;
  width: 60px;
  border-radius: 17px;
  color: white;
  text-align: center;
  font-size: 14px;
  margin-left: 43px;
  background: linear-gradient(135deg, #ff5720 0%, #ff1c13 100%);
}

#send_btn img {
  width: 20px;
  height: 20px;
  margin: 7px auto;
  vertical-align: middle;
  animation: rotate 1s linear 0s infinite;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

#send_comment_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
}

/*************************文章**************************/
#htmlDetail iframe {
  width: 100%;
}

#htmlDetail p {
  font-size: 16px !important;
  color: #4a4a4a;
  letter-spacing: 0.2px !important;
  line-height: 28px !important;
  background: transparent !important;
}

.font-s {
  margin-bottom: 16px !important;
}

.font-m {
  margin-bottom: 18px !important;
}

.font-l {
  margin-bottom: 20px !important;
}

.font-xl {
  margin-bottom: 22px !important;
}

/* 小字体 */
#htmlDetail p.font-s {
  font-size: 16px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}

/* 中字体 */
#htmlDetail p.font-m {
  font-size: 18px !important;
  line-height: 32px !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 18px !important;
}

/* 大字体 */
#htmlDetail p.font-l {
  font-size: 20px !important;
  line-height: 36px !important;
  letter-spacing: 0.6px !important;
  margin-bottom: 20px !important;
}

/* 加大字体 */
#htmlDetail p.font-xl {
  font-size: 22px !important;
  line-height: 40px !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 22px !important;
}

#htmlDetail p[label="大标题"] {
  font-size: 20px !important;
  color: #f21910 !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
  line-height: 30px !important;
  font-weight: 900 !important;
  margin-bottom: 18px;
  margin-top: 14px;
  background: transparent !important;
}

#htmlDetail p[label="大标题"].font-s {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="大标题"].font-m {
  font-size: 22px !important;
  line-height: 32px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="大标题"].font-l {
  font-size: 24px !important;
  line-height: 34px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="大标题"].font-xl {
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="小标题"] {
  font-size: 18px !important;
  color: #333333 !important;
  letter-spacing: 0.19px !important;
  line-height: 28px !important;
  font-weight: 900 !important;
  background: transparent !important;
}

#htmlDetail p[label="小标题"].font-s {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.19px !important;
}

#htmlDetail p[label="小标题"].font-m {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="小标题"].font-l {
  font-size: 22px !important;
  line-height: 32px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="小标题"].font-xl {
  font-size: 24px !important;
  line-height: 34px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="正文"] {
  font-size: 16px !important;
  color: #4a4a4a !important;
  letter-spacing: 0.4px !important;
  line-height: 30px !important;
  background: transparent !important;
}

#htmlDetail p[label="正文"].font-s {
  font-size: 16px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="正文"].font-m {
  font-size: 18px !important;
  line-height: 34px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="正文"].font-l {
  font-size: 20px !important;
  line-height: 36px !important;
  letter-spacing: 0.6px !important;
}

#htmlDetail p[label="正文"].font-xl {
  font-size: 22px !important;
  line-height: 40px !important;
  letter-spacing: 0.8px !important;
}

#htmlDetail p[label="图片说明"] {
  font-size: 14px !important;
  color: #999999 !important;
  letter-spacing: 0.17px !important;
  line-height: 22px !important;
  margin-top: -8px;
  background: transparent !important;
}

#htmlDetail p[label="图片说明"] * {
  color: #999;
}

#htmlDetail p[label="图片说明"].font-s {
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0.17px !important;
  margin-top: -8px !important;
}

#htmlDetail p.font-s imgtext span[data-type="desc"] {
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 0.17px !important;
}

#htmlDetail p[label="图片说明"].font-m {
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0.2px !important;
  margin-top: -10px !important;
}

#htmlDetail p.font-m imgtext span[data-type="desc"] {
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="图片说明"].font-l {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.3px !important;
  margin-top: -12px !important;
}

#htmlDetail p.font-l imgtext span[data-type="desc"] {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="图片说明"].font-xl {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
  margin-top: -14px !important;
}

#htmlDetail p.font-xl imgtext span[data-type="desc"] {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}


#htmlDetail [label="原文链接"] {
  font-size: 16px !important;
  color: #4a90e2 !important;
  letter-spacing: 0.2px !important;
  line-height: 28px !important;
  background: transparent !important;
  text-align: left;
}

#htmlDetail a {
  text-decoration: none;
  color: #4a90e2;
  text-decoration: none !important;
}

#htmlDetail [label="原文链接"] a {
  color: #4a90e2;
}

#htmlDetail p[label="原文链接"].font-s {
  font-size: 16px !important;
  line-height: 28px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="原文链接"].font-m {
  font-size: 18px !important;
  line-height: 30px !important;
  letter-spacing: 0.22px !important;
}

#htmlDetail p[label="原文链接"].font-l {
  font-size: 20px !important;
  line-height: 32px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="原文链接"].font-xl {
  font-size: 22px !important;
  line-height: 34px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="空行"] {
  margin-bottom: 0px !important;
  line-height: 0px !important;
  background: transparent !important;
}

#htmlDetail p[label="空行"].font-s {
  line-height: 0px !important;
}

#htmlDetail p[label="空行"].font-m {
  line-height: 16px !important;
}

#htmlDetail p[label="空行"].font-l {
  line-height: 18px !important;
}

#htmlDetail p[label="空行"].font-xl {
  line-height: 20px !important;
}

#htmlDetail p[label="原标题/作者"] {
  font-size: 16px !important;
  color: #cacaca !important;
  letter-spacing: 0.2px !important;
  line-height: 26px !important;
  background: transparent !important;
}

#htmlDetail p[label="原标题/作者"].font-s {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="原标题/作者"].font-m {
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0.22px !important;
}

#htmlDetail p[label="原标题/作者"].font-l {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="原标题/作者"].font-xl {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="作者"] {
  font-size: 16px !important;
  color: #cacaca !important;
  letter-spacing: 0.2px !important;
  line-height: 26px !important;
  background: transparent !important;
  margin-bottom: 10px !important;
}

#htmlDetail p[label="作者"].font-s {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="作者"].font-m {
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0.22px !important;
}

#htmlDetail p[label="作者"].font-l {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="作者"].font-xl {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="引文"] {
  font-size: 14px !important;
  color: #333333 !important;
  letter-spacing: 0.18px !important;
  line-height: 24px !important;
  background-color: #f7f7f8 !important;
  display: block;
  padding: 6px 12px;
  text-indent: 28px;
  position: relative;
  margin: 15px 0px 18px 10px;
  text-indent: 2em !important;
}

#htmlDetail p[label="引文"].font-s {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 0.18px !important;
}

#htmlDetail p[label="引文"].font-m {
  font-size: 16px !important;
  line-height: 26px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="引文"].font-l {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="引文"].font-xl {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="引文"]::after {
  content: "";
  display: block;
  width: 28px;
  height: 26px;
  position: absolute;
  background: url(../../img/news/quotes.png) center/contain no-repeat;
  top: -7px;
  left: -4px;
}

#htmlDetail p[label="*小标题"] {
  font-weight: 900 !important;
  font-size: 18px;
  color: #333333;
  letter-spacing: 0.19px;
  line-height: 28px;
  position: relative;
  padding-left: 10px;
  padding-top: 8px;
  background: transparent !important;
}

#htmlDetail p[label="*小标题"].font-s {
  font-size: 18px !important;
  line-height: 28px !important;
  letter-spacing: 0.18px !important;
}

#htmlDetail p[label="*小标题"].font-m {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="*小标题"].font-l {
  font-size: 22px !important;
  line-height: 32px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="*小标题"].font-xl {
  font-size: 24px !important;
  line-height: 34px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="*小标题"]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 20px;
  background: #f21910;
}

#htmlDetail p[label="*小标题"].font-s:after {
  top: 12px;
  /* width: 3px; */
  height: 20px;
}

#htmlDetail p[label="*小标题"].font-m:after {
  top: 12px;
  /* width: 5px; */
  height: 22px;
}

#htmlDetail p[label="*小标题"].font-l:after {
  top: 12px;
  /* width: 4px; */
  height: 24px;
}

#htmlDetail p[label="*小标题"].font-xl:after {
  top: 12px;
  /* width: 4px; */
  height: 26px;
}

#htmlDetail p[label="*大标题"] {
  font-weight: 900 !important;
  font-size: 20px;
  color: #f21910 !important;
  letter-spacing: 0.2px;
  line-height: 32px;
  position: relative;
  margin-bottom: 16px;
  margin-top: 8px;
  display: inline-block;
  background: transparent !important;
}

#htmlDetail p[label="*大标题"].font-s {
  font-size: 20px !important;
  line-height: 32px !important;
  letter-spacing: 0.2px !important;
}

#htmlDetail p[label="*大标题"].font-m {
  font-size: 22px !important;
  line-height: 32px !important;
  letter-spacing: 0.22px !important;
}

#htmlDetail p[label="*大标题"].font-l {
  font-size: 24px !important;
  line-height: 34px !important;
  letter-spacing: 0.3px !important;
}

#htmlDetail p[label="*大标题"].font-xl {
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.4px !important;
}

#htmlDetail p[label="*大标题"]:after {
  content: "";
  display: block;
  position: absolute;
  left: -5%;
  width: 110%;
  height: 12px;
  background: #ffe7e0;
  z-index: -1;
  bottom: 2px;
}

#htmlDetail>img {
  margin-bottom: 12px;
}

.img_btn {
  position: relative;
  display: inline-block;
}

.img_btn img {
  border: 0;
  pointer-events: none;
  display: block;
  width: 100%;
}

.heatView {
  display: flex;
  position: relative;
  text-align: right;
  line-height: 0.48rem;
  font-size: 0.22rem;
  color: #999;
  justify-content: flex-end;
}

.heatView .heatIcon {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: -0.1rem;
}

/* #htmlDetail p[label="*大标题"].font-s:after {
    height: 8px;
}
#htmlDetail p[label="*大标题"].font-m:after {
    height: 9px;
}
#htmlDetail p[label="*大标题"].font-l:after {
    height: 10px;
}
#htmlDetail p[label="*大标题"].font-xl:after {
    height: 11px;
} */

/* 订阅 */
.subscribe-wrap {
  width: 100%;
  margin-top: 16px;
  margin: 16px auto 0;
}

.subscribe-item {
  background: #f7f7f8;
  /* height: 0.6rem; */
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  padding: 0.2rem 0.24rem;
  margin-bottom: 0.2rem;
  box-sizing: border-box;
  border-radius: 4px;
}

.subscribe-item .head-pic {
  flex-shrink: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.3rem;
}

.subscribe-item .name {
  width: 100%;
  padding: 0 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #333;
}

.subscribe-item .dingyue-btn {
  width: 1.06rem;
  margin-left: auto;
}

#htmlDetail div p[label="图片说明"].font-m {
  margin-top: 0 !important;
}

.gray-class {
  filter: grayscale(100%);
}

.detail vote {
  opacity: 0;
}

/* 投票框 */
.vote-result {
  margin: 4px 0px 0px 28px;
  line-height: 0;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.vote-progress {
  width: calc(100% - 74px);
  background: #ddd;
  border-radius: 5px;
  height: 10px;
  margin-top: 7px;
  line-height: 10px;
  display: inline-block;
}

.vote-progress p,
#htmlDetail .vote-progress p {
  height: 100%;
  background: #ff482a !important;
  border-radius: 5px;
}

.vote-progress-label {
  width: 54px;
  margin-left: 15px;
  text-align: right;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}

.vote-date {
  line-height: 22px;
  font-size: 14px;
  color: #999;
  letter-spacing: 0.2px;
  margin-bottom: 12px;
}

#insertVoteWrap {
  opacity: 0;
}

/* 自定义音频播放 */
.custom-audio {
  display: flex;
  width: 100%;
  padding-top: 22px;
  margin: auto;
  position: relative;
}

.audio-bg {
  background: #eff2f5;
  border-radius: 4px;
  height: 50px;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
}

.audio-phonograph-box {
  height: 56px;
  width: 56px;
  position: relative;
  bottom: 9px;
  margin-left: 10px;
}

.phonograph-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  background-image: url("https://static.fscm.tech/foshanplus-news/icon_phonograph_3.png");
}

.phonograph-icon-2 {
  position: absolute;
  top: 6px;
  right: 0;
  width: 9px;
  height: 43px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  background-image: url("https://static.fscm.tech/foshanplus-news/icon_phonograph_2.png");
  transform-origin: 4.5px 4px;
  transition: all ease 0.5s;
}

.play .phonograph-icon-2 {
  transform: rotateZ(20deg);
}

.pause .phonograph-icon-2 {
  transform: rotateZ(0deg);
}

.phonograph-cover {
  height: 23px;
  width: 23px;
  object-fit: fill;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  animation: turnaround 10s linear infinite;
}

@keyframes turnaround {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

.play .phonograph-cover {
  animation-play-state: running;
}

.pause .phonograph-cover {
  animation-play-state: paused;
}

.audio-progress {
  height: 40px;
  width: 60%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.progress-line {
  position: absolute;
  top: 13.5px;
  width: 100%;
  height: 2px;
  border: 10px;
  background: #dadde1;
  z-index: 1;
}

.progress-line-fill {
  position: absolute;
  top: 13.5px;
  width: 0%;
  height: 2px;
  border: 10px;
  background: #000;
  z-index: 2;
  pointer-events: none;
}

.progress-dot {
  height: 10px;
  width: 10px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  z-index: 3;
}

.progress-time {
  display: flex;
  align-items: center;
  font-size: 0.6em;
  justify-content: space-between;
  color: #666666;
  height: 15px;
}

.audio-status-btn {
  height: 44px;
  width: 44px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
  top: 8px;
  margin-right: 4px;
}

.play .audio-status-btn {
  background-image: url("https://static.fscm.tech/foshanplus-news/icon_audio_pause.png");
}

.pause .audio-status-btn {
  background-image: url("https://static.fscm.tech/foshanplus-news/icon_audio_play.png");
}

#original-url {
  font-size: 0.28rem;
  word-break: break-all;
  color: #b9b9b9;
}

#original-url a {
  color: #999;
}

/* 党员标识 */
.dang-wrap {
  position: relative;
  height: 23px;
  z-index: 0;
  margin-top: 0.24rem;
  box-sizing: border-box;
  display: none;
}

.dang-wrap-content {
  display: flex;
  align-items: center;
  padding-right: 24px;
  letter-spacing: 0.02rem;
}

.dang-wrap .dang-wrap-bg {
  position: absolute;
  height: 0.4rem;
  left: 0.4rem;
  width: calc(100% - 0.46rem);
  top: 0.03rem;
  bottom: 0.03rem;
  z-index: -1;
}

.dang-wrap .dang-wrap-icon {
  width: 0.46rem;
  height: 0.46rem;
  display: block;
}

.dang-wrap .dang-wrap-photo {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.16rem;
  border: 1px solid white;
  box-sizing: border-box;
  display: block;
  margin: 0 0.12rem;
}

.dang-wrap .dang-wrap-name {
  color: white;
  font-size: 0.24rem;
}

.dang-wrap .dang-wrap-share {
  color: white;
  font-size: 0.24rem;
  opacity: 0.8;
}

.nickname-box {
  position: relative;
  width: fit-content;
  display: flex;
  align-items: center;
}

.nickname-box .offcial {
  /* position: absolute; */
  color: #fff;
  background: rgb(249, 78, 38);
  padding: 1px 2px;
  border-radius: 4px;
  margin-left: 3px;
}

/* ============================================
 * 商品推广（评论内商品卡 + 评论「推广」角标）
 * newsDetails / simpleNewsDetails 共用；
 * 原先只写在 css/nversion/index.css，但 simpleNewsDetails 不加载该文件，故统一挪到这里
 * ============================================ */
.review-shop-recomment-box {
  width: min(90%,343px);
  height: 56px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 251, 251, 1) 0%, rgba(247, 248, 253, 1) 100%);
  border: 1px solid rgba(242, 242, 250, 1);
  margin: 0 auto 10px 34px;
  display: flex;
  align-items: center;
}

.review-shop-recomment-box .goods-img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  display: block;
}

.review-shop-recomment-box .goods-info {
  width: 58%;
  margin: 0 auto;
}

.review-shop-recomment-box .goods-info .goods-name {
  font-size: 14px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: 16px;
  margin-bottom: 5px;
  /* 商品名可能较长，限制单行省略，避免撑破 56px 高的盒子 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-shop-recomment-box .goods-info .goods-price {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 22px;
  color: rgba(255, 47, 55, 1);
}

.review-shop-recomment-box .go-goods-detail {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 12px;
  color: rgba(102, 102, 102, 1);
  margin-left: auto;
  margin-right: 10px;
}

/* 二级评论（子回复）内的推广商品卡：复用主卡全部样式，
   仅把固定 343px 宽改为自适应（子容器已缩进 34px，再固定宽会溢出），
   高度与图片比例保持不变 */
.review_child_items .review-shop-recomment-box {
  width: auto;
   width: min(100%,343px);
  margin: 6px 6px 6px 0;
}

/* 评论右上角"推广"标签：仅当该评论配置了商品推荐时出现。
   此时该评论的点赞按钮(.like)整块隐藏，位置正好让给标签 */
.review_items .promote-tag {
  position: absolute;
  top: 8px;
  right: 0;
  z-index: 2;
  font-size: 10px;
  color: #ff6b00;
  background: #fff7f0;
  border: 1px solid #ffd9b3;
  border-radius: 8px;
  padding: 1px 8px;
  flex-shrink: 0;
}