@charset "UTF-8";
/**************************************红色系********************************************/
/*
主色 #F54D23 , rgb(245,77,35)
 */
.app_theme_red .objItem_active,
.app_theme_red .footerActive,
.app_theme_red .participatedFooter div {
  background: rgba(245, 77, 35, 1);
  color: rgba(255, 255, 255, 1);
}

.app_theme_red .btn,
.app_theme_red .submit-btn,
.app_theme_red .intro-header:before {
  background: rgba(245, 77, 35, 1);
}

/*语言播报按钮*/
.app_theme_red .broadcast-container {
  border-color: #f54d23;
}

.app_theme_red .broadcast-container span {
  color: #f54d23;
}

/*.app_theme_red .icon-play  {
    border-left: 6px solid #F54D23;
}
.app_theme_red .icon-pause   {
    border-color: #F54D23;
}*/

/*是否关注按钮*/
.app_theme_red .article-wemedia .follow {
  border-color: #f54d23;
  background-color: #f54d23;
}

.app_theme_red .article-wemedia .followed {
  border-color: #e0e0e0;
  background-color: #fff;
}

/*投票*/
.app_theme_red .vote-btn,
.app_theme_red .btns-box a.result-view {
  background-color: #fff;
  border-color: #e1e1e1;
  color: #222;
  box-shadow: none;
}

.app_theme_red .vote-submit,
.app_theme_red .btns-box a.vote-submit {
  background-color: #fff;
  border-color: #f54e42;
  color: #f54e42;
}

/**************************************蓝色系********************************************/
/*
主色 #4385F4 , rgb(67,133,244)
 */
.app_theme_blue .objItem_active,
.app_theme_blue .footerActive,
.app_theme_blue .participatedFooter div {
  background: rgba(67, 133, 244, 1);
  color: rgba(255, 255, 255, 1);
}

.app_theme_blue .btn,
.app_theme_blue .submit-btn,
.app_theme_blue .intro-header:before {
  background: rgba(67, 133, 244, 1);
}

/*语言播报按钮*/
.app_theme_blue .broadcast-container {
  /*border-color: #4385F4;*/
  background: url(../../image/play_bg.png) no-repeat;
  background-size: 100% auto;
}

.app_theme_blue .broadcast-container span {
  /*color: #4385F4;*/
}

/*.app_theme_blue .icon-play  {
    border-left: 6px solid #4385F4;
}*/
/*.app_theme_blue .icon-pause   {
    border-color: #4385F4;
}*/

/*是否关注按钮*/
.app_theme_blue .article-wemedia .follow {
  border-color: #4385f4;
  background-color: #4385f4;
}

.app_theme_blue .article-wemedia .followed {
  border-color: #e0e0e0;
  background-color: #fff;
}

/*投票*/
.app_theme_blue .vote-submit,
.app_theme_blue .btns-box a.vote-submit {
  background: linear-gradient(180deg, rgba(73, 136, 244, 1) 0%, rgba(87, 144, 255, 1) 100%);
  border-color: #4988f4;
}

.app_theme_blue .vote-btn {
  background: #4988f4;
  border-color: #4988f4;
}

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

body {
  /* opacity: 0; */
}

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

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

.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;
}

#articleContent embed,
#articleContent video {
  background-image: url("../../image/16.9@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#articleContent .play-video,
#content .play-video,
.detail-content .play-video {
  background-image: url("../../image/16.9@2x.png") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/**************************************黑色系********************************************/
/*
 #1d1d1e; //背景基色
 #262628; //背景大多数
 #2a2a2c; //搜索框
 #4385F4; //按钮
 #dddddd; //字体基色
 #999999; //字体大多数
 #4385f4; //醒目字
 #dddddd; //字体主标题
 #666666; //时间、注释、图片、音频、视频等说明
 #313136; //分割线
 #b8b8b8; //一级评论作者
 #666666; //二级评论作者
 $bg-icon-play: url('../../image/common/icon-play-blue.png');
 $bg-icon-pause: url('../../image/common/icon-pause.png');
 */

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

.app_theme_dark {
  background-color: #1d1d1e !important;
  color: #dddddd;
}

.app_theme_dark * {
  background-color: rgba(0, 0, 0, 0);
  color: #dddddd;
}
.app_theme_dark .clear-white-line {
  background-color: #1d1d1e;
}

.app_theme_dark .broadcast-pack:before {
  background-color: #999;
}
.app_theme_dark .button-go-app,
.app_theme_dark .button-open-app {
  background-color: #262628 !important;
  border-color: #7a302b !important;
}

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

.app_theme_dark #wrapper {
  background-color: #1d1d1e;
}

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

.app_theme_dark .margin-lr p {
  background-color: rgba(0, 0, 0, 0);
  color: #dddddd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.app_theme_dark .list-content a {
  border-color: #313136;
}

.app_theme_dark .list-content a h2 {
  color: #dddddd;
}

/* .app_theme_dark .swiper-pagination-footer-nav.swiper-pagination-bullets {
    background: rgba(0, 0, 0, 0);
} */

.app_theme_dark .broadcast-container {
  border-color: #4385f4;
  background-image: url(../../image/common/icon-play-dark.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.app_theme_dark .broadcast-container span {
  color: #4385f4;
}

.app_theme_dark .article-wemedia .follow {
  border-color: #4385f4 !important;
  color: #4385f4 !important;
  background-color: rgba(0, 0, 0, 0);
}

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

.app_theme_dark .follow {
  border-color: #4385f4;
  background-color: #4385f4;
}

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

.app_theme_dark .article-detail {
  background-color: #1d1d1e !important;
}

/* .app_theme_dark .article-content > section {
    background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_dark .article-content > section p {
    background-color: rgba(0, 0, 0, 0);
}

.app_theme_dark .article-content > section p span,
.app_theme_dark .article-content > section p strong {
    color: inherit;
}

.app_theme_dark .article-content > section > section p {
    color: inherit;
}

.app_theme_dark .article-content > section > section > section {
    background-color: rgba(0, 0, 0, 0) !important;
}

.app_theme_dark .article-content > section > section span {
    color: inherit !important;
    background: rgba(0, 0, 0, 0) !important;
}

.app_theme_dark .article-content > section > p > span {
    color: #dddddd;
    background-color: rgba(0, 0, 0, 0) !important;
} */

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

.app_theme_dark .article-content p,
.app_theme_dark .article-content span,
.app_theme_dark .article-content strong {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #dddddd;
}

.app_theme_dark .article-content > p:not(.click-server-skip) {
  color: #dddddd !important;
}

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

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

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

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

.app_theme_dark .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_dark .too-long-pack.show {
  background-image: none !important;
}

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

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

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

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

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

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

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

.app_theme_dark .audio_area .audio-pack-title,
.app_theme_dark .audio_area .audio-bg {
  color: #dddddd !important;
  background-color: #262628;
  border-color: #262628;
  border-bottom-color: #ebebeb;
}

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

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

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

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

.app_theme_dark .audio_area .tips_global {
  color: #999999;
}

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

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

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

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

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