@charset "UTF-8";

@import url("../component/font-reset.css");

@media only screen and (min-width: 992px) {
  div[data-apply="discuss-pack"] {
    width: 750px !important;
    margin: 0 auto !important;
  }

  div[data-apply="relate-subject"],
  div[data-apply="relate-recomen"],
  div[data-apply="discuss-pack"] {
    margin-top: 0.2136rem !important;
  }
}

body {
  zoom: 1 !important;
}

/******************** 编辑器样式 ********************/

.extend-video-p {
  width: 100% !important;
  position: static !important;
}

.article-content.font-smaller {
  font-size: 0.55467rem !important;
}

.article-content.font-small {
  font-size: 0.64rem !important;
}

.article-content.font-normal {
  font-size: 0.72533rem !important;
}

.article-content.font-large {
  font-size: 0.81067rem !important;
}

.article-content.font-larger {
  font-size: 0.896rem !important;
}

.article-content.font-largest {
  font-size: 0.98133rem !important;
}

.article-content {
  font-size: 0.72533rem !important;
  line-height: 1.7 !important;
  font-family: "Microsoft YaHei" !important;
  word-wrap: break-word !important;
  padding-bottom: 0.64rem !important;
}

.article-content *:not(hr) {
  font-size: inherit !important;
  line-height: inherit !important;
  word-wrap: break-word !important;
  /*text-align: justify;*/
  /*暂时注释避免影响微信格式*/
}

.article-content .insert-img-container * {
  padding-bottom: 0 !important;
}

.article-content:not(.content-wx) *:not(hr) {
  padding: 0;
  padding-bottom: 0.25rem;
}

.article-content:not(.content-wx) section > section {
  padding-bottom: 0;
}

.article-content:not(.content-wx) [data-sign="load-pack"] {
  padding-bottom: 0;
}

.content-wx section {
  max-width: 100%;
}

.article-content a {
  color: #1d69f1 !important;
  text-decoration: underline;
}

/*图说字体大小*/

.article-content .editor-news-title {
  font-size: 0.64rem !important;
  color: #999;
}

.article-content .editor-news-title.font-small {
  font-size: 0.55467rem !important;
}

.article-content .editor-news-title.font-normal {
  font-size: 0.64rem !important;
}

.article-content .editor-news-title.font-large {
  font-size: 0.72533rem !important;
}

.article-content .editor-news-title.font-larger {
  font-size: 0.81067rem !important;
}

.article-content p:last {
  margin-bottom: 0rem !important;
}

.article-content img {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 100% !important;
}

.article-content .play-video > img {
  width: 100% !important;
  height: 100% !important;
  background: #000;
  -o-object-fit: contain;
  object-fit: contain;
}

.article-content video,
.article-content embed {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 100% !important;
  background-size: cover;
}

.article-content embed {
  height: 8.29227rem !important;
  background: transparent url("../../image/content/16.9@2x.png") 50% 50% no-repeat;
}

.article-content video {
  height: auto;
  background-image: url("../../image/content/16.9@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.article-content video ~ em,
.article-content img ~ strong,
.article-content .wrap-video ~ em {
  color: #999;
  font-size: 0.6838rem;
}

.article-content.font-smaller .article-content video ~ em,
.article-content.font-smaller .article-content img ~ strong,
.article-content.font-smaller .article-content .wrap-video ~ em {
  font-size: 0.5128rem;
}

.article-content.font-small .article-content video ~ em,
.article-content.font-small .article-content img ~ strong,
.article-content.font-small .article-content .wrap-video ~ em {
  font-size: 0.5983rem;
}

.article-content.font-normal .article-content video ~ em,
.article-content.font-normal .article-content img ~ strong,
.article-content.font-normal .article-content .wrap-video ~ em {
  font-size: 0.6838rem;
}

.article-content.font-large .article-content video ~ em,
.article-content.font-large .article-content img ~ strong,
.article-content.font-large .article-content .wrap-video ~ em {
  font-size: 0.7692rem;
}

.article-content.font-larger .article-content video ~ em,
.article-content.font-larger .article-content img ~ strong,
.article-content.font-larger .article-content .wrap-video ~ em {
  font-size: 0.8547rem;
}

.article-content.font-largest .article-content video ~ em,
.article-content.font-largest .article-content img ~ strong,
.article-content.font-largest .article-content .wrap-video ~ em {
  font-size: 0.9402rem;
}

.article-content audio {
  display: none !important;
}

/*******************************************************************************************/

/*135编辑器内容样式*/

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

#articleContent video,
#articleContent embed {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 100% !important;
  background-size: cover;
}

#articleContent embed {
  height: 8.29227rem !important;
  background: transparent url("../../image/content/16.9@2x.png") 50% 50% no-repeat;
}

#articleContent video {
  height: auto;
  background-image: url("../../image/content/16.9@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#articleContent .play-video > img {
  width: 100% !important;
  height: 100% !important;
  background: #000;
  -o-object-fit: contain;
  object-fit: contain;
}

#articleContent .play-video {
  background-image: url("../../image/content/16.9@2x.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 0;
}

/********************************** 项目中样式 *********************************/

body {
  min-height: 100%;
}

.article-source {
  color: #333;
  font-size: 0.5982905983rem;
  line-height: 0.8547008547rem;
}

.article-time {
  color: #aaa;
  font-size: 0.5128205128rem;
  line-height: 0.7051282051rem;
}

.margin-lr {
  padding-left: 0.68267rem;
  padding-right: 0.68267rem;
  background-color: #F8F9FA;
}

.article-title {
  color: #333;
  padding-top: 0.641025641rem;
  font-size: 0.9401709402rem;
  line-height: 1.3675213675rem;
  font-family: "FZZCYSK", "Microsoft YaHei", "微软雅黑", serif !important;
  font-weight: normal !important;
}

.article-broadcast {
  position: relative;
  min-height: 1.28rem;
  padding: 0.641025641rem 0 0.641025641rem 0;
}

.broadcast-container {
  position: absolute;
  right: 0;
  bottom: 0.933333rem;
  border: none !important;
  margin-right: 0.21333rem;
  line-height: 0.93867rem;
  text-align: center;
  border-radius: 1.06667rem;
  height: 0.93867rem;
  padding-left: 0.36267rem;
}

.icon-audio {
  /*float: left;*/
  /*display: block;*/
  /*margin: -0.04267rem 0.064rem 0 0.29867rem;*/
  /*width: 0.59733rem;*/
  /*height: 0.59733rem;*/
  /*margin-top: 0.14933rem;*/
  float: left;
  display: none;
}

.icon-play {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 0.7863rem;
  height: 0.7863rem;
}

.icon-pause {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 0.7863rem;
  height: 0.7863rem;
}

.broadcast-container span {
  float: left;
  color: #4385f4;
  font-size: 0.512rem;
}

.article-info {
  float: left;
  font-size: 0.512rem;
  /*line-height: 0.42667rem;*/
  color: rgb(102, 102, 102);
}

.wrap-video {
  position: relative;
  width: 100%;
  min-height: 8.29227rem !important;
}

.article-content .wrap-video {
  padding-bottom: 0 !important;
}

.play-video {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 1.70667rem;
  height: 1.70667rem;
  background: url("../../image/content/play.png") no-repeat;
  background-size: contain;
}

.play-btn::before {
  content: "";
  position: absolute;
  width: 300%;
  height: 200%;
  left: -1.70667rem;
  top: -1.3rem;
}

.article-pretitle {
  margin-left: 0.21333rem;
}

.info-item {
  padding-bottom: 0.0641025641rem;
}

.article-editor {
  padding: 0 0 0.641025641rem 0;
  font-size: 0.72533rem !important;
  color: rgb(102, 102, 102);
  position: relative;
}

.article-editor:after {
  content: " ";
  border-bottom: 0.0213675214rem solid #EEEEEE;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0.641025641rem;
  right: 0.641025641rem;
}

ol {
  margin-left: 1.28rem !important;
  width: calc(100% - 1.28rem) !important;
  font-size: 0.64rem;
}

.related-border {
  width: 0.17067rem;
  height: 100%;
  margin-right: 0.21333rem;
  float: left;
  background: #f45d53;
  border-radius: 0.10667rem;
}

body {
  position: relative;
  width: 16rem;
}

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

.hidden {
  display: none;
}

.nav-section {
  padding: 0.064rem 0 0;
}

.nav-section-fixed {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 16rem;
  margin: 0 auto;
  background: #fff;
  z-index: 1000;
}

.scence-livecontent .scence-livetab {
  background-color: #df4141;
  text-align: center;
  font-size: 0;
  width: 100%;
  height: 1.64267rem;
  position: relative;
}

.scence-livecontent .scence-livetab .close-btn {
  background: url("../../image/content/close-comment.png") center center no-repeat;
  background-size: 0.768rem;
  position: absolute;
  top: 0.42667rem;
  right: 0.42667rem;
  width: 0.768rem;
  height: 0.768rem;
}

.scence-live-broadcast {
  /*background: url(../image/scence-livetab.png)no-repeat left top;
    background-size: 100% 100%;*/
}

.scence-live-comment {
  /*background: url(../image/scence-livetab1.png)no-repeat left top;
    background-size: 100% 100%;*/
}

.scence-livecontent .scence-livetab span {
  position: relative;
  font-size: 0.65536rem;
  padding: 0 0.42667rem 0.32rem 0.42667rem;
  text-align: center;
  color: #fff;
  line-height: 1.70667rem;
}

.scence-livecontent .scence-livetab span.curr {
  border-bottom: 2px solid #ffdf6f;
}

.main-ul {
  padding-top: 0.576rem;
  list-style-type: none;
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.main-ul > li {
  border-left: 0.08533rem solid #d5d5d5;
  position: relative;
  padding: 0 0 1.06667rem 0.75733rem;
  margin: 0 0 0 0.96rem;
  width: 13.44rem;
}

.main-ul > li a {
  color: #262626;
}

.label-group {
  position: absolute;
  top: -0.21333rem;
  left: -0.49067rem;
  z-index: 1;
}

.main-ul > li:first-child .label-group {
  top: 0;
}

.msg-content {
  font-size: 0.43691rem;
  line-height: 0.896rem;
  width: 10.02667rem;
}

.msg-content time {
  color: #848383;
}

.msg-content p {
  margin-top: 0.08533rem;
  color: #848383;
  line-height: 0.42667rem;
}

.txt-content {
  font-size: 0.59733rem;
  line-height: 0.87467rem;
}

.img-content {
  position: relative;
  margin: 0.42667rem 0 0.42667rem 0;
}

.img-content li {
  text-align: center;
  font-size: 0;
}

.img-content img {
  width: 100%;
  height: 100%;
}

.list4 .img-content li {
  float: left;
  width: 6.69867rem;
  height: 5.03467rem;
  margin-bottom: 1px;
  border-left: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list4 .img-content li:nth-child(2n + 1) {
  border: 0;
}

.list1 .img-content li {
  width: 100%;
  height: 7.56rem;
}

.img-content video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.img-content .thumb {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.img-content .thumb img {
  width: 100%;
  height: 100%;
}

.img-content .list-player {
  position: absolute;
  display: block;
  background: url("../../image/content/play.png") no-repeat center center;
  background-size: 100%;
  width: 1.70667rem;
  height: 1.70667rem;
  bottom: 8px;
  left: 8px;
}

.list2 .img-content {
  margin-left: -1px;
}

.list2 .img-content li {
  float: left;
  width: 4.992rem;
  height: 3.73333rem;
  border-left: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.list2 .img-content li:first-child {
  border: 0;
}

.list3 .img-content li {
  float: left;
  width: 4.48rem;
  height: 3.34933rem;
  overflow: hidden;
  border-left: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.list3 .img-content li:first-child {
  border: none;
}

.margin-top10 {
  margin-top: 0.2136752137rem;
}

.cut-off-rule {
  margin-left: 0.4273rem;
  margin-right: 0.4273rem;
}

.read-pack {
  padding-left: 0.8547rem;
  background-image: url("../../image/content/read-icon.png");
  background-repeat: no-repeat;
  background-size: 0.5555rem auto;
  background-position: left center;
}

/**************** 服务样式 ****************/

.article-content .click-server-skip {
  display: none;
  position: relative;
  padding-right: 3.1778rem !important;
  min-height: 3.1196rem;
  background-color: #ffffff;
  border-radius: 0.1282rem;
  padding-top: 0.3419rem !important;
  padding-bottom: 0.3419rem !important;
  margin-bottom: 0.4274rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.article-content .click-server-skip .click-server-left {
  position: relative;
  display: block;
  padding-left: 3rem !important;
}

.article-content .click-server-skip .click-server-left > span {
  display: block !important;
  position: static !important;
}

.article-content .click-server-skip .click-server-left .click-server-b {
  color: #222222;
  font-size: 0.5983rem !important;
  line-height: 0.8974rem !important;
  padding-bottom: 0 !important;
  padding-top: 0.2282rem !important;
  display: block;
  font-style: normal;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.article-content .click-server-skip .click-server-left .click-server-i {
  display: block;
  color: #999;
  font-style: normal;
  padding-bottom: 0 !important;
  font-size: 0.5128rem !important;
  line-height: 0.6838rem !important;
  padding-top: 0.1282rem !important;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.article-content .click-server-skip .click-server-left .click-server-img {
  position: absolute;
  top: 0.2282rem;
  left: 0.641rem;
  width: 1.9231rem;
  height: 1.9231rem;
}

.article-content .click-server-skip .click-server-right {
  position: absolute;
  top: 50%;
  right: 0.641rem;
  font-size: 0.5128rem !important;
  line-height: 0.7692rem !important;
  color: #999;
  margin-top: -0.3846rem;
  background-image: url("../../image/component/skip-icon.png");
  background-size: 0.2137rem auto;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 0.4273rem !important;
  padding-bottom: 0 !important;
}

/**************************************** 根据具体情况 **************************************/

.cut-off-rule,
.read-pack {
  display: none;
}

/*******************************************************************************************/

.list-paddingleft-2 {
  padding-left: 0.34rem;
}

.list-paddingleft-2 li {
  list-style: inherit !important;
}

.extend-audio-p {
  text-align: center;
}

.click-questionnaire {
  width: 14.74358rem !important;
  height: 7.350427rem !important;
  overflow: hidden;
}

.click-questionnaire img {
  width: 100%;
}

#activity {
  padding: 0 !important;
  margin: 0.78rem 0 0.75rem !important;
}

.errorTipBox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0);
  text-align: center;
}

.errorTipBox .tipContent {
  width: 12.65rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  padding: 0.5rem;
  font-size: 0.55rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.errorTipBox .tipContent span {
  font-size: 0.55rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #fff;
}

.layer-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 100;
}

p.click-sign-up,
p.click-vote,
p.questionnaire {
  border-radius: 0.3rem;
}

.click-media-skip > [data-sign="load-pack"],
.click-sign-up > [data-sign="load-pack"],
.click-vote > [data-sign="load-pack"],
.click-questionnaire > [data-sign="load-pack"] {
  width: auto !important;
  padding-bottom: 0 !important;
  position: static !important;
}

.click-media-skip > [data-sign="load-pack"] img,
.click-sign-up > [data-sign="load-pack"] img,
.click-vote > [data-sign="load-pack"] img,
.click-questionnaire > [data-sign="load-pack"] img {
  margin-bottom: 0 !important;
}

.success-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.75214rem;
  min-height: 4.70085rem;
  margin-left: -5.87607rem;
  margin-top: -3.73932rem;
  padding-top: 0.64103rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.25641rem;
  text-align: center;
  -webkit-animation-name: layui-scale;
  animation-name: layui-scale;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.success-close {
  position: absolute;
  right: 0.17094rem;
  top: 0.17094rem;
  width: 0.68376rem;
  height: 0.68376rem;
  background-size: 100% 100%;
  background: url("../../image/survey/closeBtn.png") no-repeat center center;
  background-size: 0.51282rem 0.51282rem;
}

.success-content > div > img {
  width: 1.81624rem;
  height: 1.81624rem;
}

.success-content > h2 {
  margin: 0.42735rem 0;
  font-size: 0.81197rem;
  font-weight: bold;
}

.success-content > p {
  height: 1.06838rem;
  line-height: 1.06838rem;
  font-size: 0.55556rem;
  font-weight: 400;
  color: #999;
}

.success-content > .result-view {
  display: block;
  width: 100%;
  height: 2.13675rem;
  line-height: 2.13675rem;
  margin-top: 0.64103rem;
  border-top: 0.04274rem solid #e5e5e5;
  font-size: 0.59829rem;
}

.successTip {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
}

.successMsg {
  position: fixed;
  z-index: 5;
  left: 50%;
  margin-left: -6.325rem;
  top: 50%;
  margin-top: -4.2rem;
  width: 12.65rem;
  background: white;
  -webkit-box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  padding: 1.675rem 0 1.775rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.closeBtn {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0.6rem;
  right: 0.65rem;
  z-index: 9999999;
  cursor: pointer;
}

.closeBtn span {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: url("../../image/survey/closeBtn.png") no-repeat;
  background-size: 100% 100%;
}

.img {
  width: 2.125rem;
  height: 2.125rem;
  background: url("../../image/survey/tijiao.png") no-repeat;
  background-size: 100% 100%;
}

.text {
  font-size: 0.95rem;
  font-family: PingFangSC-Regular;
  font-weight: bold;
  color: #333333;
}

.participate {
  font-size: 0.55rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}

.iframe-click-sign-up,
.iframe-click-questionnaire,
.iframe-click-vote {
  display: none;
}

.button-statement-pack {
  padding: 0.641rem 0.5555rem;
}

.adverStyle {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 0.5rem;
  font-size: 12px;
  line-height: 0.7rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  font-style: normal;
  z-index: 9999;
}

.voiceBtn {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../../image/component/voice.png") no-repeat;
  z-index: 9999;
  background-size: 100%;
}

.voiceBtn.yes {
  background: url("../../image/component/novoice.png") no-repeat;
  background-size: 100%;
}

.button-statement-pack .button-statement {
  font-size: 0.555rem;
  line-height: 1.111rem;
  min-width: 3.2478rem;
  border: 0.0441rem solid #17C6A3;
  display: inline-block;
  text-align: center;
  border-radius: 0.5555rem;
  color: #17C6A3;
}

.article-editor {
  padding-left: 0.68267rem;
  padding-right: 0.68267rem;
}

.article-editor .editor {
  line-height: 1.5384615385rem;
  word-break: break-all;
}

.adverVideo {
  width: 100%;
  display: inline-block;
  border-radius: 2px;
}

.source-bottom__Wrap {
  padding: 0.641025641rem 0.641025641rem 0.9615384615rem;
}

.source-bottom__divider {
  margin: 0 0.1282051282rem;
}

.source-bottom {
  font-size: 0;
  font-weight: normal;
  color: #222222;
  line-height: 0.811965812rem;
  text-align: justify;
}

.source-bottom__text {
  font-size: 0.6837606838rem;
  display: inline;
}

/********************************** 黑夜主题色设置 基线*********************************/

/* 黑夜新增 统一部分 */

.app_theme_ios .btn-red-dark {
  background-color: #262628!important;
  border-color: #7a302b!important;
}

.app_theme_android .btn-red-dark {
  background-color: #262628!important;
  border-color: #7a302b!important;
}

.app_theme_ios .button-go-app,
.app_theme_ios
.button-open-app {
  background-color: #262628!important;
  border-color: #7a302b!important;
}

.app_theme_android .button-go-app,
.app_theme_android
.button-open-app {
  background-color: #262628!important;
  border-color: #7a302b!important;
}

/* 黑夜重写 通用部分 */

.app_theme_ios,
.app_theme_android {
  background-color: #1d1d1e;
  color: #dddddd;
}

.app_theme_ios *:not(.footer-nav),
.app_theme_android *:not(.footer-nav) {
  background-color: rgba(0, 0, 0, 0);
  color: #dddddd;
}

.app_theme_ios .footer-comment {
  background-color: #1d1d1e!important;
  border-color: #313136!important;
}

.app_theme_ios .footer-comment .footer-comment_input {
  background-color: #262628!important;
}

.app_theme_android .footer-comment {
  background-color: #1d1d1e!important;
  border-color: #313136!important;
}

.app_theme_android .footer-comment .footer-comment_input {
  background-color: #262628!important;
}

.app_theme_ios .margin-top10 {
  border-top: 0.21368rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-color: #313136;
}

.app_theme_android .margin-top10 {
  border-top: 0.21368rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-color: #313136;
}

.app_theme_ios .margin-lr {
  background-color: #1d1d1e;
}

.app_theme_ios .margin-lr p {
  background-color: #1d1d1e;
  color: #dddddd;
}

.app_theme_android .margin-lr {
  background-color: #1d1d1e;
}

.app_theme_android .margin-lr p {
  background-color: #1d1d1e;
  color: #dddddd;
}

.app_theme_ios .layer-mask {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.app_theme_android .layer-mask {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.app_theme_ios .layer-content {
  background-color: #262628;
}

.app_theme_ios .layer-content * {
  color: #dddddd;
  background-color: #262628;
}

.app_theme_ios .layer-content .layer-btns,
.app_theme_ios .layer-content .layer-btns * {
  border-color: #313136;
}

.app_theme_ios .layer-content .layer-btns .layer-confirm,
.app_theme_ios .layer-content .layer-btns * .layer-confirm {
  color: #4385f4;
}

.app_theme_ios .layer-content input,
.app_theme_ios .layer-content .code-btn {
  background-color: #262628;
  border-color: #313136;
}

.app_theme_android .layer-content {
  background-color: #262628;
}

.app_theme_android .layer-content * {
  color: #dddddd;
  background-color: #262628;
}

.app_theme_android .layer-content .layer-btns,
.app_theme_android .layer-content .layer-btns * {
  border-color: #313136;
}

.app_theme_android .layer-content .layer-btns .layer-confirm,
.app_theme_android .layer-content .layer-btns * .layer-confirm {
  color: #4385f4;
}

.app_theme_android .layer-content input,
.app_theme_android .layer-content .code-btn {
  background-color: #262628;
  border-color: #313136;
}

.app_theme_ios .layer-msg {
  background-color: #262628;
}

.app_theme_android .layer-msg {
  background-color: #262628;
}

.app_theme_ios .list-head {
  color: #999999;
}

.app_theme_ios .list-head .horizon::before {
  background-color: #999999;
}

.app_theme_android .list-head {
  color: #999999;
}

.app_theme_android .list-head .horizon::before {
  background-color: #999999;
}

.app_theme_ios .list-content .tpl-list-pack {
  border-color: #313136;
}

.app_theme_ios .list-content .tpl-list-pack:not(:first-child)::before {
  background-color: #313136;
}

.app_theme_ios .list-content .tpl-list-pack .m-tpl-pack .name {
  color: #dddddd;
}

.app_theme_ios .list-content .tpl-list-pack .tpl-pack .hint span {
  color: #666666;
}

.app_theme_android .list-content .tpl-list-pack {
  border-color: #313136;
}

.app_theme_android .list-content .tpl-list-pack:not(:first-child)::before {
  background-color: #313136;
}

.app_theme_android .list-content .tpl-list-pack .m-tpl-pack .name {
  color: #dddddd;
}

.app_theme_android .list-content .tpl-list-pack .tpl-pack .hint span {
  color: #666666;
}

.app_theme_ios .list-content .comment-list {
  border-color: #313136!important;
}

.app_theme_ios .list-content .comment-list .user-name {
  color: #b8b8b8!important;
}

.app_theme_ios .list-content .comment-list .create-time {
  color: #666666!important;
}

.app_theme_android .list-content .comment-list {
  border-color: #313136!important;
}

.app_theme_android .list-content .comment-list .user-name {
  color: #b8b8b8!important;
}

.app_theme_android .list-content .comment-list .create-time {
  color: #666666!important;
}

.app_theme_ios .list-content .child-comment {
  background-color: #262628;
}

.app_theme_ios .list-content .child-comment p,
.app_theme_ios .list-content .child-comment span,
.app_theme_ios .list-content .child-comment i {
  background-color: #262628;
}

.app_theme_ios .list-content .child-comment .isAskName {
  color: #666666;
}

.app_theme_ios .list-content .child-comment .small-btn,
.app_theme_ios .list-content .child-comment .big-btn {
  color: #4385f4;
}

.app_theme_ios .list-content .child-comment .show-more-comment {
  color: #dddddd;
}

.app_theme_android .list-content .child-comment {
  background-color: #262628;
}

.app_theme_android .list-content .child-comment p,
.app_theme_android .list-content .child-comment span,
.app_theme_android .list-content .child-comment i {
  background-color: #262628;
}

.app_theme_android .list-content .child-comment .isAskName {
  color: #666666;
}

.app_theme_android .list-content .child-comment .small-btn,
.app_theme_android .list-content .child-comment .big-btn {
  color: #4385f4;
}

.app_theme_android .list-content .child-comment .show-more-comment {
  color: #dddddd;
}

.app_theme_ios .swiper-pagination-footer-nav.swiper-pagination-bullets {
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_android .swiper-pagination-footer-nav.swiper-pagination-bullets {
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_ios .broadcast-container {
  border-color: #7a302b;
}

.app_theme_ios .broadcast-container span {
  color: #7a302b;
}

.app_theme_android .broadcast-container {
  border-color: #7a302b;
}

.app_theme_android .broadcast-container span {
  color: #7a302b;
}

.app_theme_ios .icon-play {
  background-image: url("../../image/common/icon-play-dark.gif");
}

.app_theme_android .icon-play {
  background-image: url("../../image/common/icon-play-dark.gif");
}

.app_theme_ios .icon-pause {
  background-image: url("../../image/common/icon-pause.png");
}

.app_theme_android .icon-pause {
  background-image: url("../../image/common/icon-pause.png");
}

.app_theme_ios .article-wemedia .follow {
  border-color: #7a302b!important;
  color: #7a302b!important;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_android .article-wemedia .follow {
  border-color: #7a302b!important;
  color: #7a302b!important;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_ios .article-wemedia .followed {
  border-color: #dddddd;
  color: #dddddd;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_android .article-wemedia .followed {
  border-color: #dddddd;
  color: #dddddd;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_ios .follow {
  border-color: #7a302b;
  background-color: #7a302b;
}

.app_theme_android .follow {
  border-color: #7a302b;
  background-color: #7a302b;
}

.app_theme_ios .followed {
  border-color: #dddddd;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_android .followed {
  border-color: #dddddd;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_ios .article-detail {
  background-color: #1d1d1e;
}

.app_theme_android .article-detail {
  background-color: #1d1d1e;
}

.app_theme_ios .article-content section {
  color: inherit !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: #313136;
}

.app_theme_ios .article-content p:not(.click-server-skip),
.app_theme_ios .article-content span,
.app_theme_ios .article-content strong {
  color: inherit !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: #313136;
}

.app_theme_ios .article-content a {
  color: #4385f4!important;
}

.app_theme_ios .article-content p img {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_android .article-content section {
  color: inherit !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: #313136;
}

.app_theme_android .article-content p:not(.click-server-skip),
.app_theme_android .article-content span,
.app_theme_android .article-content strong {
  color: inherit !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-color: #313136;
}

.app_theme_android .article-content a {
  color: #4385f4!important;
}

.app_theme_android .article-content p img {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_ios .article-title {
  color: #dddddd;
}

.app_theme_android .article-title {
  color: #dddddd;
}

.app_theme_ios .article-source,
.app_theme_ios
.article-time {
  background-color: #1d1d1e;
}

.app_theme_android .article-source,
.app_theme_android
.article-time {
  background-color: #1d1d1e;
}

.app_theme_ios .too-long-pack {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1d1d1e), color-stop(35%, #1d1d1e), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, #1d1d1e 0, #1d1d1e 35%, rgba(0, 0, 0, 0) 100%);
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_ios .too-long-pack.show {
  background-image: none !important;
}

.app_theme_android .too-long-pack {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1d1d1e), color-stop(35%, #1d1d1e), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, #1d1d1e 0, #1d1d1e 35%, rgba(0, 0, 0, 0) 100%);
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_android .too-long-pack.show {
  background-image: none !important;
}

.app_theme_ios .list-player,
.app_theme_ios
.play-btn,
.app_theme_ios
.article-content span.play-btn {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_android .list-player,
.app_theme_android
.play-btn,
.app_theme_android
.article-content span.play-btn {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_ios .editor-news-title {
  color: #666666!important;
}

.app_theme_ios .editor-news-title span {
  color: #666666;
  z-index: 100;
  position: relative;
}

.app_theme_android .editor-news-title {
  color: #666666!important;
}

.app_theme_android .editor-news-title span {
  color: #666666;
  z-index: 100;
  position: relative;
}

.app_theme_ios .sy-video-content {
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_ios .sy-video-content .sy-tools,
.app_theme_ios .sy-video-content .sy-tools * {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_android .sy-video-content {
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_android .sy-video-content .sy-tools,
.app_theme_android .sy-video-content .sy-tools * {
  background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_ios .play-video {
  padding-bottom: 0 !important;
}

.app_theme_android .play-video {
  padding-bottom: 0 !important;
}

.app_theme_ios #articleContent embed,
.app_theme_ios
#articleContent video {
  background-image: url("../../image/common/16.9dark@2x.png") !important;
}

.app_theme_android #articleContent embed,
.app_theme_android
#articleContent video {
  background-image: url("../../image/common/16.9dark@2x.png") !important;
}

.app_theme_ios #articleContent .play-video,
.app_theme_ios
#content .play-video,
.app_theme_ios
.detail-content .play-video {
  background-image: url("../../image/common/16.9dark@2x.png");
}

.app_theme_android #articleContent .play-video,
.app_theme_android
#content .play-video,
.app_theme_android
.detail-content .play-video {
  background-image: url("../../image/common/16.9dark@2x.png");
}

.app_theme_ios .audio_area {
  color: #dddddd;
  background-color: #262628!important;
}

.app_theme_ios .audio_area .audio-pack-title,
.app_theme_ios .audio_area .audio-bg {
  color: #dddddd!important;
  background-color: #262628;
  border-radius: 0.3418rem;
}

.app_theme_ios .audio_area.have-title {
  background-color: #262628!important;
}

.app_theme_ios .audio_area .audio-bg *:not(.progress-bar) {
  background-color: #262628;
}

.app_theme_ios .audio_area .progress-bar {
  background-color: #f8f8f8 !important;
}

.app_theme_ios .audio_area .progress_bar {
  background-color: #f54d42 !important;
}

.app_theme_ios .audio_area .audio-time-pack,
.app_theme_ios .audio_area .audio-time-pack * {
  color: #999999 !important;
}

.app_theme_android .audio_area {
  color: #dddddd;
  background-color: #262628!important;
}

.app_theme_android .audio_area .audio-pack-title,
.app_theme_android .audio_area .audio-bg {
  color: #dddddd!important;
  background-color: #262628;
  border-radius: 0.3418rem;
}

.app_theme_android .audio_area.have-title {
  background-color: #262628!important;
}

.app_theme_android .audio_area .audio-bg *:not(.progress-bar) {
  background-color: #262628;
}

.app_theme_android .audio_area .progress-bar {
  background-color: #f8f8f8 !important;
}

.app_theme_android .audio_area .progress_bar {
  background-color: #f54d42 !important;
}

.app_theme_android .audio_area .audio-time-pack,
.app_theme_android .audio_area .audio-time-pack * {
  color: #999999 !important;
}

.app_theme_ios .click-server-skip {
  background-color: #262628!important;
}

.app_theme_ios .click-server-skip * {
  background-color: #262628!important;
}

.app_theme_ios .click-server-skip .click-server-left .click-server-b {
  color: #dddddd !important;
}

.app_theme_android .click-server-skip {
  background-color: #262628!important;
}

.app_theme_android .click-server-skip * {
  background-color: #262628!important;
}

.app_theme_android .click-server-skip .click-server-left .click-server-b {
  color: #dddddd !important;
}

.app_theme_ios .article-content .click-server-skip {
  background-color: #262628!important;
}

.app_theme_ios .article-content .click-server-skip * {
  background-color: #262628!important;
}

.app_theme_ios .article-content .click-server-skip .click-server-left .click-server-b {
  color: #dddddd !important;
}

.app_theme_android .article-content .click-server-skip {
  background-color: #262628!important;
}

.app_theme_android .article-content .click-server-skip * {
  background-color: #262628!important;
}

.app_theme_android .article-content .click-server-skip .click-server-left .click-server-b {
  color: #dddddd !important;
}

.app_theme_ios .article-editor:after {
  border-bottom-color: #313136;
}

.app_theme_android .article-editor:after {
  border-bottom-color: #313136;
}

.app_theme_ios .broadcast-pack:before {
  background-color: #313136;
}

.app_theme_android .broadcast-pack:before {
  background-color: #313136;
}

/***************** 兼容黑夜白天闪屏幕处理 ***************/

html {
  background-color: rgba(0, 0, 0, 0);
}

body {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
}

.app_theme_red,
.app_theme_blue {
  background-color: #f6f6f6;
}

.app_theme_red .article-detail,
.app_theme_blue .article-detail {
  background-color: #fff;
}

.app_theme_red #entryBox .page,
.app_theme_blue #entryBox .page {
  background-color: #fff;
}

/* 黑夜主题色重写（通用不生效时） */

.app_theme_ios .article-source,
.app_theme_android .article-source {
  color: #999999;
}

.app_theme_ios .article-time,
.app_theme_android .article-time {
  color: #666666;
}

.app_theme_red,
.app_theme_blue {
  background-color: #F2F4F5;
}

.app_theme_red .article-detail,
.app_theme_blue .article-detail {
  background-color: #F8F9FA;
}

/****************************    音频播放器   ****************************/

.app_theme_ios .audio_area .audio-pack-title,
.app_theme_ios .audio_area .audio-bg {
  background-color: #262628 !important;
}

.app_theme_android .audio_area .audio-pack-title,
.app_theme_android .audio_area .audio-bg {
  background-color: #262628 !important;
}

.article-content .trans_video_tag {
  background: #FF8823;
  border-radius: 0.1709401709rem;
  padding-bottom: 0 !important;
  padding-left: 0.2564102564rem !important;
  padding-right: 0.2564102564rem !important;
  height: 0.8547008547rem;
  line-height: 0.8547008547rem !important;
  font-weight: 400;
  font-size: 0.4700854701rem !important;
  color: #FFFFFF;
  display: inline-block;
  position: absolute;
  right: 0.2564102564rem;
  top: 0.2564102564rem;
}

.article-content .trans_video_tag.transcoding_fail {
  background: #FF2B2B;
}