@charset "UTF-8";

@media only screen and (min-width: 992px) {
  #operate .pc-basic-common {
    background: transparent !important;
  }
}

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

body {
  width: 100% !important;
  background-color: #fff !important;
}

.margin-lr {
  padding-left: 0.68267rem;
  padding-right: 0.68267rem;
}

.article-title {
  text-align: center;
  padding-top: 0.96rem;
  font-size: 0.98133rem;
  line-height: 1.45067rem;
  font-weight: 700;
  color: #222;
}

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

.period-time {
  font-size: 0.61867rem;
  color: #999;
  text-align: center;
  line-height: 1.57867rem;
  border-bottom: 0.08533rem solid #999;
}

[data-dpr='1'] .article-pretitle {
  margin-left: 0.21333rem;
}

.article-content {
  -margin-top: 0.78933rem;
  color: #222;
  overflow-x: hidden;
}

.pic-content {
  -margin-top: 0.78933rem;
  font-family: 'Microsoft YaHei' !important;
  font-size: 0.68267rem !important;
}

.pic-content .pic-item {
  margin-bottom: 0.21333rem;
}

.pic-content .pic-item p {
  text-align: center;
  color: #999;
  line-height: 1.152rem !important;
}

.pic-content img {
  width: 100%;
  border-radius: 0.10667rem;
}

.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: 1.28rem !important;
}

.article-content *:not(hr) {
  font-size: inherit !important;
  line-height: inherit !important;
  word-wrap: break-word !important;
  padding: 0 !important;
  padding-bottom: 0.5rem !important;
}

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

#operate {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

#operate ul {
  width: 100%;
  padding: 0 0.64103rem;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#operate li {
  padding-right: 1.28205rem;
}

#operate li a {
  display: block;
  width: 1.28205rem;
  height: 1.28205rem;
  background-color: #f54d42;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.8547rem 0.8547rem;
}

.operate_flex {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#operate li.last {
  padding-right: 0;
}

#operate li.operate_toTop_li {
  padding-right: 0.64103rem;
  position: absolute;
  top: -1.7094rem;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

#backPage {
  background-image: url("../../image/epaper/back.png");
}

#fontLarger {
  background-image: url("../../image/epaper/font-larger.png");
}

#fontSmaller {
  background-image: url("../../image/epaper/font-smaller.png");
}

#broadcast {
  background-image: url("../../image/epaper/voice_ready.png");
}

#broadcast.play {
  background-image: url("../../image/epaper/voice_play.png");
  background-size: 1.28205rem 1.28205rem;
  background-position: 0.08547rem;
}

#broadcast.pause {
  background-image: url("../../image/epaper/voice_pause.png");
  background-size: 1.28205rem 1.28205rem;
}

#operate li a.disabled {
  background-color: #d3d3d3;
}

#toTop {
  display: none;
  background-image: url("../../image/epaper/up.png");
}

body #operate {
  bottom: 1.28205rem;
}

body.have-footer-nav-bottom .article-content {
  padding-bottom: 2.1367rem !important;
}

body.have-footer-nav-bottom #operate {
  bottom: 2.99145rem;
}

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

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

.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 :not(.click-sign-up) 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 :not(.click-sign-up) 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 .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 .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;
}

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

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,
.app_theme_android {
  background-color: #1d1d1e!important;
}