.com-img {
  width: 100%;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-align: center;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .com-img.show-placeholder {
    background: #F5F5F5; }
  .com-img > img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
    .com-img > img.hidden {
      opacity: 0; }

.container-like-list {
  margin-top: 1.75rem;
  margin-bottom: 1.5rem;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .container-like-list > .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 6.8125rem;
    height: 2.25rem;
    background-color: #ffffff;
    border-radius: 1.125rem;
    border: 0.0625rem solid #F5F6F7;
    -webkit-tap-highlight-color: transparent; }
    .container-like-list > .item.item-one {
      width: 10.5rem; }
    .container-like-list > .item .icon-like {
      height: 1.375rem;
      width: 1.375rem;
      background: url("/snow-book/images/icon/love.svg") no-repeat center center;
      background-size: 1.375rem auto; }
      .container-like-list > .item .icon-like.active {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.375rem auto; }
    .container-like-list > .item .icon-wechat {
      height: 1.375rem;
      width: 1.375rem;
      background: url("/snow-book/images/icon/wechat.png") no-repeat center center;
      background-size: 1.375rem auto; }
    .container-like-list > .item .icon-moments {
      height: 1.375rem;
      width: 1.375rem;
      background: url("/snow-book/images/icon/moment.svg") no-repeat center center;
      background-size: 1.375rem auto; }
    .container-like-list > .item .item-text {
      font-size: 0.875rem;
      color: #48505A;
      letter-spacing: 0;
      display: block;
      padding-left: 0.375rem; }
      .container-like-list > .item .item-text.active {
        color: #F22B41; }
  .container-like-list .space {
    width: 0.5rem;
    height: 1.25rem; }

.logo-placeholder-container {
  height: 2rem;
  padding-left: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative; }
  .logo-placeholder-container .logo-placeholder-image {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.1875rem;
    overflow: hidden; }
  .logo-placeholder-container .logo-placeholder-title {
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.125rem; }
  .logo-placeholder-container .logo-placeholder-subtitle {
    font-size: 0.75rem;
    color: #737B87;
    line-height: 0.875rem;
    transform-origin: left bottom;
    transform: scale(0.8333); }

@charset "UTF-8";
.article-content {
  margin-top: 22PX;
  color: #0D141E;
  font-size: 18PX;
  line-height: 1.6667;
  word-wrap: break-word;
  text-align: justify;
  /* widget相关样式 */
  /** 绿色高级挂件文字超出换行兼容 */
  /** 黄色高级挂件样式超出换行兼容 */
  /* 节日挂件  类名与icon重复了  基于标签加类名方式 兼容*/ }
  .article-content.article-content-android .cms-cke-widget-title-text {
    padding-top: 0.125rem !important; }
  .article-content.article-content-android .cms-cke-widget-title-number-1 .cms-cke-widget-title-container .cms-cke-widget-title-text {
    top: 0.125rem !important; }
  .article-content.article-content-ios .cms-cke-widget-title-number-1 .cms-cke-widget-title-container .cms-cke-widget-title-nubmer {
    padding-right: 0.5rem !important; }
  .article-content p {
    margin: 0 0 16PX 0;
    text-indent: 0 !important;
    min-height: 18PX; }
  .article-content .cms-cke-widget-tpl p:empty {
    min-height: 0; }
  .article-content h1 {
    font-size: 32PX; }
  .article-content h3 {
    font-size: 19PX;
    margin-bottom: 16PX; }
    .article-content h3 > p {
      margin-bottom: 16PX; }
  .article-content h1,
  .article-content h3 {
    color: #0D141E;
    font-weight: bold; }
  .article-content strong {
    font-weight: bold; }
  .article-content a {
    color: #153D9A;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 0.0625rem solid #153D9A; }
  .article-content .page-break {
    width: 100%;
    height: 0.4375rem;
    margin: 1.6875rem 0;
    background-color: gray; }
  .article-content hr {
    margin: 2.5rem 1.25rem; }
  .article-content .color-c00000 {
    color: #c00000; }
  .article-content .color-ff0000 {
    color: #f00; }
  .article-content .color-ffc000 {
    color: #ffc000; }
  .article-content .color-ffff00 {
    color: #ff0; }
  .article-content .color-92d050 {
    color: #92d050; }
  .article-content .color-00b050 {
    color: #00b050; }
  .article-content .color-00b0f0 {
    color: #00b0f0; }
  .article-content .color-0070c0 {
    color: #0070c0; }
  .article-content .color-002060 {
    color: #002060; }
  .article-content .color-7030a0 {
    color: #7030a0; }
  .article-content .color-ffffff {
    color: #fff; }
  .article-content .color-001966 {
    color: #001966; }
  .article-content .color-00269a {
    color: #00269a; }
  .article-content .color-305fff {
    color: #305fff; }
  .article-content .color-82c198 {
    color: #82c198; }
  .article-content .color-ff7572 {
    color: #ff7572; }
  .article-content .color-ebad7d {
    color: #ebad7d; }
  .article-content .color-fffbae {
    color: #fffbae; }
  .article-content .color-fbefe5 {
    color: #fbefe5; }
  .article-content .color-212228 {
    color: #212228; }
  .article-content .color-48505a {
    color: #48505a; }
  .article-content .color-737b87 {
    color: #737b87; }
  .article-content .color-a4acb6 {
    color: #a4acb6; }
  .article-content .color-bfc4ca {
    color: #bfc4ca; }
  .article-content .color-ecedee {
    color: #ecedee; }
  .article-content .border-1pxsolid333 {
    border: 0.0625rem solid #333; }
  .article-content .text_indent-2em {
    text-indent: 2em; }
  .article-content .text_indent-0em {
    text-indent: 0; }
  .article-content .font_family-MicrosoftYaHei {
    font-family: '\5FAE\8F6F\96C5\9ED1', 'MicrosoftYaHei', serif; }
  .article-content .font_family-SimSun {
    font-family: '\5B8B\4F53', 'SimSun', serif; }
  .article-content .font_family-KaiTi {
    font-family: '\6977\4F53', '\6977\4F53_GB2312', 'KaiTi', serif; }
  .article-content .font_family-SimHei {
    font-family: '\9ED1\4F53', 'SimHei', serif; }
  .article-content .font_family-FangSong {
    font-family: 'FangSong', serif; }
  .article-content .font_size-12px {
    font-size: 12PX; }
  .article-content .font_size-14px {
    font-size: 14PX; }
  .article-content .font_size-16px {
    font-size: 16PX; }
  .article-content .font_size-18px {
    font-size: 18PX; }
  .article-content .font_size-20px {
    font-size: 20PX; }
  .article-content .font_size-22px {
    font-size: 22PX; }
  .article-content .font_size-24px {
    font-size: 24PX; }
  .article-content .font_size-26px {
    font-size: 26PX; }
  .article-content .font_size-28px {
    font-size: 28PX; }
  .article-content .font_size-30px {
    font-size: 30PX; }
  .article-content .font_size-36px {
    font-size: 36PX; }
  .article-content .font_size-38px {
    font-size: 38PX; }
  .article-content .font_size-41px {
    font-size: 41PX; }
  .article-content .text_align-center {
    text-align: center; }
  .article-content .text_align-left {
    text-align: left; }
  .article-content .text_align-right {
    text-align: right; }
  .article-content .text_align-justify {
    text-align: justify; }
  .article-content .mobile-editor-align-right {
    text-align: right; }
  .article-content .mobile-editor-align-left {
    text-align: left; }
  .article-content .mobile-editor-align-center {
    text-align: center; }
  .article-content .cms-cke-widget-title-text-wrap p {
    margin: 0;
    padding: 0; }
  .article-content .cms-cke-widget-quote-content p {
    margin: 0;
    padding: 0; }
  .article-content .cms-cke-widget-title-normal-2 .text-wrapper {
    height: auto !important; }
  .article-content .cms-cke-widget-title-normal-2 .text-wrapper .cms-cke-widget-title-text {
    height: auto !important; }
  .article-content .cms-cke-widget-title-number-5 .cms-cke-widget-title-text-wrap {
    height: auto !important; }
  .article-content .cms-cke-widget-title-normal-2 .text-wrapper {
    height: auto !important; }
  .article-content .cms-cke-widget-title-normal-2 .text-wrapper .cms-cke-widget-title-text {
    height: auto !important; }
  .article-content .cms-cke-widget-title-number-5 .cms-cke-widget-title-text-wrap {
    height: auto !important; }
  .article-content .cms-cke-widget-title-icon-1 .cms-cke-widget-title-container section {
    flex-shrink: 0; }
  .article-content .cms-cke-widget-title-icon-2 .cms-cke-widget-title-container section {
    flex-shrink: 0; }
  .article-content .cms-cke-widget-title-icon-1 section.cms-cke-widget-title-container {
    flex-shrink: 0; }
  .article-content .cms-cke-widget-title-icon-1 section.cms-cke-widget-title-text {
    white-space: nowrap;
    overflow: hidden;
    white-space: normal; }
  .article-content .cms-cke-widget-title-icon-2 section.cms-cke-widget-title-container {
    flex-shrink: 0; }
  .article-content .cms-cke-widget-title-icon-2 section.cms-cke-widget-title-text {
    white-space: nowrap;
    overflow: hidden;
    white-space: normal; }
  .article-content .cms-cke-widget-title-number-1 .cms-cke-widget-title-nubmer {
    flex-shrink: 0; }
  .article-content .cms-cke-widget-title-normal-5 .cms-cke-widget-title-container {
    height: auto !important; }
  .article-content .cms-cke-widget-title-tpl-nowrap .cms-cke-widget-title-text {
    max-width: none;
    white-space: normal; }
  .article-content .cms-cke-widget-title-wrap p {
    padding: 0;
    margin: 0; }
  .article-content blockquote {
    margin: 0;
    padding: 2.125rem 0 0 0;
    color: #737B87;
    background-image: url("/snow-book/images/icon/quote.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 1.75rem auto; }

.article-cctv_history {
  margin-top: 0.9375rem;
  color: #0D141E;
  font-size: 1.0625rem;
  line-height: 1.67;
  word-wrap: break-word; }
  .article-cctv_history .container-img {
    margin: 0 !important; }
    .article-cctv_history .container-img .com-img {
      border-radius: 0 !important; }
  .article-cctv_history p {
    margin: 0.9375rem 0 0 0;
    font-size: 1.0625rem; }
    .article-cctv_history p > .container-img {
      margin: 0 !important; }
  .article-cctv_history section > p {
    margin: 0 !important; }

.detail-content {
  box-sizing: border-box;
  padding: 1rem 1rem 0;
  overflow-x: hidden;
  background-color: #FAFAFB; }
  .detail-content hr {
    height: 0.0625rem;
    background: #F5F6F7;
    border: 0; }
  .detail-content .article-content,
  .detail-content .article-cctv_history {
    text-align: justify; }
    .detail-content .article-content .container-img,
    .detail-content .article-cctv_history .container-img {
      margin: 1.75rem 0; }
      .detail-content .article-content .container-img > .desc,
      .detail-content .article-cctv_history .container-img > .desc {
        margin: 0.75rem 0 0 0;
        color: #737B87;
        font-size: 0.875rem;
        line-height: 1.25rem; }
        .detail-content .article-content .container-img > .desc.link,
        .detail-content .article-cctv_history .container-img > .desc.link {
          color: #153D9A; }
    .detail-content .article-content .container-img-list .container-img,
    .detail-content .article-cctv_history .container-img-list .container-img {
      margin: 0; }
      .detail-content .article-content .container-img-list .container-img:last-of-type,
      .detail-content .article-cctv_history .container-img-list .container-img:last-of-type {
        margin-bottom: 1.75rem; }
      .detail-content .article-content .container-img-list .container-img:not(:last-of-type) .desc,
      .detail-content .article-cctv_history .container-img-list .container-img:not(:last-of-type) .desc {
        display: none !important; }
      .detail-content .article-content .container-img-list .container-img .com-img,
      .detail-content .article-cctv_history .container-img-list .container-img .com-img {
        border-radius: 0; }
      .detail-content .article-content .container-img-list .container-img:first-child .com-img,
      .detail-content .article-cctv_history .container-img-list .container-img:first-child .com-img {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; }
      .detail-content .article-content .container-img-list .container-img:last-child .com-img,
      .detail-content .article-cctv_history .container-img-list .container-img:last-child .com-img {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem; }
    .detail-content .article-content .container-video,
    .detail-content .article-cctv_history .container-video {
      margin: 1.75rem 0; }
      .detail-content .article-content .container-video > .video-component,
      .detail-content .article-cctv_history .container-video > .video-component {
        overflow: hidden;
        border-radius: 0.25rem; }
      .detail-content .article-content .container-video > .desc,
      .detail-content .article-cctv_history .container-video > .desc {
        margin: 0.75rem 0 0 0;
        color: #737B87;
        font-size: 0.875rem;
        line-height: 1.25rem; }
    .detail-content .article-content .container-audio,
    .detail-content .article-cctv_history .container-audio {
      margin: 1.75rem 0; }
      .detail-content .article-content .container-audio .sound-box,
      .detail-content .article-cctv_history .container-audio .sound-box {
        position: relative;
        background: #FFF;
        border-radius: 0.25rem;
        box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.05); }
        .detail-content .article-content .container-audio .sound-box .controller,
        .detail-content .article-cctv_history .container-audio .sound-box .controller {
          position: absolute;
          top: 50%;
          right: 1.25rem;
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          font-size: 0.75rem;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          .detail-content .article-content .container-audio .sound-box .controller .btn-start,
          .detail-content .article-cctv_history .container-audio .sound-box .controller .btn-start {
            width: 2.875rem;
            height: 2.875rem;
            margin: -0.1875rem 0 0 -0.1875rem;
            color: transparent;
            border: none; }
          .detail-content .article-content .container-audio .sound-box .controller .btn-stop,
          .detail-content .article-cctv_history .container-audio .sound-box .controller .btn-stop {
            display: none; }
          .detail-content .article-content .container-audio .sound-box .controller .status-pause,
          .detail-content .article-content .container-audio .sound-box .controller .status-play,
          .detail-content .article-cctv_history .container-audio .sound-box .controller .status-pause,
          .detail-content .article-cctv_history .container-audio .sound-box .controller .status-play {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 5;
            display: inline-block;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
        .detail-content .article-content .container-audio .sound-box .title,
        .detail-content .article-cctv_history .container-audio .sound-box .title {
          padding: 0;
          overflow: hidden;
          white-space: nowrap;
          text-align: left;
          text-overflow: ellipsis; }
        .detail-content .article-content .container-audio .sound-box .title,
        .detail-content .article-content .container-audio .sound-box .progress-bar,
        .detail-content .article-content .container-audio .sound-box .timer,
        .detail-content .article-cctv_history .container-audio .sound-box .title,
        .detail-content .article-cctv_history .container-audio .sound-box .progress-bar,
        .detail-content .article-cctv_history .container-audio .sound-box .timer {
          margin: 0 4.375rem 0 0; }
        .detail-content .article-content .container-audio .sound-box .progress-bar,
        .detail-content .article-cctv_history .container-audio .sound-box .progress-bar {
          width: auto;
          margin-top: 0.25rem;
          margin-bottom: 0.25rem; }
        .detail-content .article-content .container-audio .sound-box .timer p,
        .detail-content .article-cctv_history .container-audio .sound-box .timer p {
          margin: 0;
          padding: 0;
          text-align: left; }
  .detail-content > .title {
    margin: 0 0 1.5rem 0;
    color: #212228;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2.375rem;
    letter-spacing: 0.125rem;
    text-align: justify;
    word-break: break-word; }
  .detail-content > .media,
  .detail-content .author {
    margin: 0.5rem 0;
    color: #99A0AA;
    font-size: 0.75rem;
    line-height: 1.125rem; }
  .detail-content .media-name {
    color: #222A75;
    font-weight: bold; }
  .detail-content .media-line {
    position: relative;
    padding: 0 0.375rem; }
    .detail-content .media-line::after {
      position: absolute;
      top: 50%;
      left: 50%;
      display: inline-block;
      box-sizing: border-box;
      width: 0.125rem;
      height: 0.5rem;
      background-color: #E8AD83;
      transform: translate(-50%, -50%);
      content: ''; }
  .detail-content .media-view-cnt {
    margin-left: 0.375rem; }
  .detail-content > .editor {
    margin-bottom: 1.75rem;
    color: #737B87;
    font-size: 14PX;
    line-height: 1.6667;
    text-align: justify; }
  .detail-content > .location {
    margin-bottom: 2.5rem; }
    .detail-content > .location .list-location {
      padding: 0;
      overflow: hidden;
      list-style: none; }
      .detail-content > .location .list-location .item {
        float: left;
        margin-right: 0.5rem; }
      .detail-content > .location .list-location .link-special {
        display: block;
        height: 1.5rem;
        padding: 0 0.75rem;
        color: #737B87;
        font-size: 0.75rem;
        line-height: 1.5rem;
        text-align: justify;
        text-decoration: none;
        border: 0.0625rem solid #F5F6F7;
        border-radius: 0.875rem; }

.loading-blank-image {
  width: 100%; }
  .loading-blank-image img {
    display: block;
    width: 100%; }

.temp-content .detail-content {
  background-color: #ffffff; }
  .temp-content .detail-content > p {
    margin: 1.75rem 0 0;
    text-indent: 0 !important; }

.temp-content .title {
  font-weight: bold;
  font-size: 1.5rem; }

.__android .search-title {
  font-family: 'FZLTZHK'; }

.goto-app-banner-wrap {
  background-color: white; }
  .goto-app-banner-wrap .placeholder {
    height: 3.375rem; }

.goto-app-banner {
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 3.375rem;
  text-decoration: none;
  padding: 0 1rem;
  border-top: 0.0625rem solid #f5f6f7;
  z-index: 1000; }
  .goto-app-banner .logo {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/snow-book/images/logo.png");
    background-size: cover; }
  .goto-app-banner .text {
    margin-left: 0.75rem;
    flex: 1; }
    .goto-app-banner .text .name {
      font-weight: 700;
      font-size: 1rem;
      line-height: 1.375rem;
      color: #0d141e; }
    .goto-app-banner .text .desc {
      font-size: 0.75rem;
      line-height: 1.0625rem;
      color: #99a0aa; }
  .goto-app-banner .button {
    height: 1.875rem;
    margin-left: 0.75rem;
    background: #00269a;
    font-size: 0.875rem;
    color: #fff;
    padding: 0 1rem;
    border-radius: 0.9375rem;
    display: flex;
    align-items: center; }