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

.global-alert-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999; }
  .global-alert-wrap .global-alert {
    position: fixed;
    width: 280PX;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    background-color: #fff;
    border-radius: 8PX;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    .global-alert-wrap .global-alert-content {
      flex: 0 0 auto;
      font-size: 16PX;
      color: #222;
      text-align: center;
      line-height: 1.375;
      font-weight: bold;
      margin: 24PX 0 20PX; }
    .global-alert-wrap .global-alert-operation {
      flex: 0 0 auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      border-top: 0.0625rem solid #ededed; }
      .global-alert-wrap .global-alert-operation-btn {
        flex: 1 1 auto;
        font-size: 16PX;
        text-align: center;
        line-height: 2.75;
        font-weight: bold; }
        .global-alert-wrap .global-alert-operation-btn.btn-confirm {
          color: #002FA7; }
        .global-alert-wrap .global-alert-operation-btn.btn-cancel {
          color: #666;
          border-right: 0.0625rem solid #ededed; }

.global-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: calc(100% - 96PX);
  transform: translate3d(-50%, -50%, 0);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8PX;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16PX;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  padding: 12PX;
  z-index: 99999; }

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

.index-header .title {
  margin-bottom: 20PX;
  color: #212228;
  font-weight: 700;
  font-size: 26PX;
  line-height: 36PX;
  letter-spacing: 0;
  text-align: left;
  word-break: break-word; }

.author {
  margin: 0.5rem 0;
  font-size: 0.75rem;
  color: #99A0AA;
  line-height: 1.125rem; }

.media {
  font-size: 14PX;
  line-height: 20PX;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center; }

.media-name {
  font-weight: 700;
  color: #222A75;
  margin-right: 5PX; }

.media-other {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  .media-other.add-top-3 {
    margin-top: 3PX; }
  .media-other .media-gap {
    flex: 0 0 2PX;
    height: 10PX;
    margin-right: 5PX;
    background-color: #E8AD83; }
  .media-other .media-publish-time {
    flex: 0 0 auto;
    margin-right: 8PX;
    color: #A4ACB6; }
  .media-other .media-view-cnt {
    flex: 0 0 auto;
    color: #A4ACB6;
    margin: 0; }

.index-media-header {
  display: flex;
  padding-bottom: 6PX; }
  .index-media-header-left {
    width: 3PX;
    background: rgba(0, 38, 154, 0.5);
    position: relative; }
    .index-media-header-left::after {
      content: '';
      display: block;
      width: 3PX;
      height: 5PX;
      background-color: #FAFAFB;
      position: absolute;
      left: 0;
      bottom: 0; }
  .index-media-header-right {
    overflow: hidden;
    flex: 1;
    margin-left: 14PX; }
    .index-media-header-right .media-info {
      height: 52PX;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .index-media-header-right .media-info-left {
      flex: 1;
      display: flex;
      align-items: center;
      overflow: hidden;
      box-sizing: border-box; }
    .index-media-header-right .media-icon {
      box-sizing: border-box;
      width: 52PX;
      height: 52PX;
      border-radius: 100%;
      vertical-align: middle;
      margin-right: 12PX;
      border: 1PX solid rgba(0, 0, 0, 0.05); }
    .index-media-header-right .media-content {
      overflow: hidden;
      flex: 1; }
      .index-media-header-right .media-content .media-title-wrap {
        height: 24PX;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .index-media-header-right .media-content .media-title-wrap .media-title {
          overflow: hidden;
          flex: 1;
          font-weight: 700;
          font-size: 15PX;
          color: #0D141E;
          line-height: 18PX;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .index-media-header-right .media-content .media-title-wrap .media-btn-care {
          margin-left: 12PX;
          margin-right: 1PX;
          background-color: #00269A;
          color: #ffffff;
          width: 58PX;
          height: 24PX;
          border-radius: 12PX;
          font-size: 12PX;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          -webkit-tap-highlight-color: transparent;
          box-sizing: border-box; }
          .index-media-header-right .media-content .media-title-wrap .media-btn-care.careBg {
            background-color: #F5F6F7;
            color: #99A0AA; }
          .index-media-header-right .media-content .media-title-wrap .media-btn-care .iconfont {
            font-size: 12PX;
            position: absolute;
            left: 8PX;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1; }
            .index-media-header-right .media-content .media-title-wrap .media-btn-care .iconfont.iconfont-android {
              transform: translateY(-45%); }
          .index-media-header-right .media-content .media-title-wrap .media-btn-care .detail-raleted-add {
            width: 12PX;
            height: 12PX; }
            .index-media-header-right .media-content .media-title-wrap .media-btn-care .detail-raleted-add::before {
              display: block;
              content: '';
              width: 12PX;
              height: 12PX;
              background-image: url("/snow-book/images/icon/icon_c_add.svg");
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center; }
          .index-media-header-right .media-content .media-title-wrap .media-btn-care .detail-raleted-careIcon {
            padding-left: 2PX; }
            .index-media-header-right .media-content .media-title-wrap .media-btn-care .detail-raleted-careIcon.nopadding {
              padding-left: 0; }
      .index-media-header-right .media-content .media-desc {
        line-height: 20PX;
        font-size: 14PX;
        color: #99A0AA;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 3PX;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; }
        .index-media-header-right .media-content .media-desc .media-publish-time {
          flex: 0 0 auto;
          margin-right: 8PX; }
        .index-media-header-right .media-content .media-desc .media-view-cnt {
          flex: 0 0 auto;
          margin: 0; }
    .index-media-header-right .title {
      font-weight: 700;
      font-size: 26PX;
      color: #212228;
      margin-top: 20PX;
      margin-bottom: 0;
      line-height: 36PX; }

.error-content-tip {
  background-color: white;
  overflow: hidden;
  position: relative; }
  .error-content-tip .error-content-tip_reload {
    margin: 1.25rem auto;
    width: 5.625rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
    color: #153D9A;
    text-align: center;
    background-color: #f2f3f9;
    border-radius: 1rem; }
  .error-content-tip .error-content-tip_moveforward {
    margin: 1.25rem auto;
    width: 6.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 0.875rem;
    color: #153D9A;
    text-align: center;
    background-color: #f2f3f9;
    border-radius: 1.125rem; }
  .error-content-tip img {
    display: block;
    width: 12.5rem;
    height: 8.75rem;
    margin: 12.25rem auto 0; }
  .error-content-tip p {
    max-width: 15rem;
    margin: 0.6875rem auto 0;
    font-size: 1rem;
    color: #737B87;
    text-align: center; }
  .error-content-tip.error-content-tip__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    min-height: 42.5rem;
    box-sizing: border-box; }
    .error-content-tip.error-content-tip__top img {
      margin: 0 !important; }
  .error-content-tip.error-content-isClient img {
    margin: 0 auto; }
  .error-content-tip.error-content-isHalf img {
    margin-top: 5.25rem; }
  .error-content-tip .error-content-title {
    color: #48505A;
    font-weight: 600; }
  .error-content-tip .error-content-title-move {
    max-width: 15rem;
    font-size: 0.875rem;
    margin-bottom: -0.25rem; }
  .error-content-tip .error-content-desc {
    font-size: 1rem;
    color: #737B87;
    text-align: center; }

.recommend-lazy-image {
  background: #F5F6F6;
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  overflow: hidden; }
  .recommend-lazy-image > img {
    width: 100%;
    opacity: 1;
    transition: opacity 0.2s ease-in-out; }
    .recommend-lazy-image > img.hidden {
      opacity: 0; }

@keyframes keyframes-live_animate {
  0% {
    width: 12PX;
    height: 12PX;
    background-image: url("/snow-book/images/animation/living.png");
    background-size: 120PX 12PX; }
  6.67% {
    background-position: -12PX 0PX; }
  13.33% {
    background-position: -24PX 0PX; }
  20.00% {
    background-position: -36PX 0PX; }
  26.67% {
    background-position: -48PX 0PX; }
  33.33% {
    background-position: 0PX 0PX; }
  40.00% {
    background-position: -12PX 0PX; }
  46.67% {
    background-position: -24PX 0PX; }
  53.33% {
    background-position: -36PX 0PX; }
  60.00% {
    background-position: -48PX 0PX; }
  66.67% {
    background-position: -60PX 0PX; }
  73.33% {
    background-position: -72PX 0PX; }
  80.00% {
    background-position: -84PX 0PX; }
  86.67% {
    background-position: -96PX 0PX; }
  93.33%,
  100% {
    background-position: -108PX 0PX; } }

@keyframes keyframes-deepblue_play {
  0% {
    width: 16PX;
    height: 16PX;
    background-image: url("/snow-book/images/animation/deepblue_play.png");
    background-size: 160PX 16PX; }
  3.33% {
    background-position: -16PX 0PX; }
  6.67% {
    background-position: -32PX 0PX; }
  10.00% {
    background-position: -48PX 0PX; }
  13.33% {
    background-position: -64PX 0PX; }
  16.67% {
    background-position: -80PX 0PX; }
  20.00% {
    background-position: -96PX 0PX; }
  23.33% {
    background-position: -112PX 0PX; }
  26.67% {
    background-position: -128PX 0PX; }
  30.00% {
    background-position: -144PX 0PX; }
  33.33% {
    background-position: 0PX 0PX; }
  36.67% {
    background-position: -16PX 0PX; }
  40.00% {
    background-position: -32PX 0PX; }
  43.33% {
    background-position: -48PX 0PX; }
  46.67% {
    background-position: -64PX 0PX; }
  50.00% {
    background-position: -80PX 0PX; }
  53.33% {
    background-position: -96PX 0PX; }
  56.67% {
    background-position: -112PX 0PX; }
  60.00% {
    background-position: -128PX 0PX; }
  63.33% {
    background-position: -144PX 0PX; }
  66.67% {
    background-position: 0PX 0PX; }
  70.00% {
    background-position: -16PX 0PX; }
  73.33% {
    background-position: -32PX 0PX; }
  76.67% {
    background-position: -48PX 0PX; }
  80.00% {
    background-position: -64PX 0PX; }
  83.33% {
    background-position: -80PX 0PX; }
  86.67% {
    background-position: -96PX 0PX; }
  90.00% {
    background-position: -112PX 0PX; }
  93.33% {
    background-position: -128PX 0PX; }
  96.67%,
  100% {
    background-position: -144PX 0PX; } }

@keyframes keyframes-white_play_16 {
  0% {
    width: 16PX;
    height: 16PX;
    background-image: url("/snow-book/images/animation/white_play.png");
    background-size: 160PX 16PX; }
  3.33% {
    background-position: -16PX 0PX; }
  6.67% {
    background-position: -32PX 0PX; }
  10.00% {
    background-position: -48PX 0PX; }
  13.33% {
    background-position: -64PX 0PX; }
  16.67% {
    background-position: -80PX 0PX; }
  20.00% {
    background-position: -96PX 0PX; }
  23.33% {
    background-position: -112PX 0PX; }
  26.67% {
    background-position: -128PX 0PX; }
  30.00% {
    background-position: -144PX 0PX; }
  33.33% {
    background-position: 0PX 0PX; }
  36.67% {
    background-position: -16PX 0PX; }
  40.00% {
    background-position: -32PX 0PX; }
  43.33% {
    background-position: -48PX 0PX; }
  46.67% {
    background-position: -64PX 0PX; }
  50.00% {
    background-position: -80PX 0PX; }
  53.33% {
    background-position: -96PX 0PX; }
  56.67% {
    background-position: -112PX 0PX; }
  60.00% {
    background-position: -128PX 0PX; }
  63.33% {
    background-position: -144PX 0PX; }
  66.67% {
    background-position: 0PX 0PX; }
  70.00% {
    background-position: -16PX 0PX; }
  73.33% {
    background-position: -32PX 0PX; }
  76.67% {
    background-position: -48PX 0PX; }
  80.00% {
    background-position: -64PX 0PX; }
  83.33% {
    background-position: -80PX 0PX; }
  86.67% {
    background-position: -96PX 0PX; }
  90.00% {
    background-position: -112PX 0PX; }
  93.33% {
    background-position: -128PX 0PX; }
  96.67%,
  100% {
    background-position: -144PX 0PX; } }

@keyframes keyframes-white_play_18 {
  0% {
    width: 18PX;
    height: 18PX;
    background-image: url("/snow-book/images/animation/white_play.png");
    background-size: 180PX 18PX; }
  3.33% {
    background-position: -18PX 0PX; }
  6.67% {
    background-position: -36PX 0PX; }
  10.00% {
    background-position: -54PX 0PX; }
  13.33% {
    background-position: -72PX 0PX; }
  16.67% {
    background-position: -90PX 0PX; }
  20.00% {
    background-position: -108PX 0PX; }
  23.33% {
    background-position: -126PX 0PX; }
  26.67% {
    background-position: -144PX 0PX; }
  30.00% {
    background-position: -162PX 0PX; }
  33.33% {
    background-position: 0PX 0PX; }
  36.67% {
    background-position: -18PX 0PX; }
  40.00% {
    background-position: -36PX 0PX; }
  43.33% {
    background-position: -54PX 0PX; }
  46.67% {
    background-position: -72PX 0PX; }
  50.00% {
    background-position: -90PX 0PX; }
  53.33% {
    background-position: -108PX 0PX; }
  56.67% {
    background-position: -126PX 0PX; }
  60.00% {
    background-position: -144PX 0PX; }
  63.33% {
    background-position: -162PX 0PX; }
  66.67% {
    background-position: 0PX 0PX; }
  70.00% {
    background-position: -18PX 0PX; }
  73.33% {
    background-position: -36PX 0PX; }
  76.67% {
    background-position: -54PX 0PX; }
  80.00% {
    background-position: -72PX 0PX; }
  83.33% {
    background-position: -90PX 0PX; }
  86.67% {
    background-position: -108PX 0PX; }
  90.00% {
    background-position: -126PX 0PX; }
  93.33% {
    background-position: -144PX 0PX; }
  96.67%,
  100% {
    background-position: -162PX 0PX; } }

@keyframes keyframes-brand_loading {
  0% {
    width: 50PX;
    height: 50PX;
    background-image: url("/snow-book/images/animation/page_loading.png");
    background-size: 1000PX 50PX; }
  5.00% {
    background-position: -50PX 0PX; }
  10.00% {
    background-position: -100PX 0PX; }
  15.00% {
    background-position: -150PX 0PX; }
  20.00% {
    background-position: -200PX 0PX; }
  25.00% {
    background-position: -250PX 0PX; }
  30.00% {
    background-position: -300PX 0PX; }
  35.00% {
    background-position: -350PX 0PX; }
  40.00% {
    background-position: -400PX 0PX; }
  45.00% {
    background-position: -450PX 0PX; }
  50.00% {
    background-position: -500PX 0PX; }
  55.00% {
    background-position: -550PX 0PX; }
  60.00% {
    background-position: -600PX 0PX; }
  65.00% {
    background-position: -650PX 0PX; }
  70.00% {
    background-position: -700PX 0PX; }
  75.00% {
    background-position: -750PX 0PX; }
  80.00% {
    background-position: -800PX 0PX; }
  85.00% {
    background-position: -850PX 0PX; }
  90.00% {
    background-position: -900PX 0PX; }
  95.00%,
  100% {
    background-position: -950PX 0PX; } }

@keyframes keyframes-loading_gray {
  0% {
    width: 18PX;
    height: 18PX;
    background-image: url("/snow-book/images/animation/loading_gray.png");
    background-size: 270PX 18PX; }
  6.67% {
    background-position: -18PX 0PX; }
  13.33% {
    background-position: -36PX 0PX; }
  20.00% {
    background-position: -54PX 0PX; }
  26.67% {
    background-position: -72PX 0PX; }
  33.33% {
    background-position: -90PX 0PX; }
  40.00% {
    background-position: -108PX 0PX; }
  46.67% {
    background-position: -126PX 0PX; }
  53.33% {
    background-position: -144PX 0PX; }
  60.00% {
    background-position: -162PX 0PX; }
  66.67% {
    background-position: -180PX 0PX; }
  73.33% {
    background-position: -198PX 0PX; }
  80.00% {
    background-position: -216PX 0PX; }
  86.67% {
    background-position: -234PX 0PX; }
  93.33%,
  100% {
    background-position: -252PX 0PX; } }

.com-list {
  list-style: none;
  padding: 0; }
  .com-list .list-item {
    width: 100%;
    padding: 0.5rem 0; }
    .com-list .list-item .link {
      display: block;
      position: relative;
      text-decoration: none; }
      .com-list .list-item .link .content-right {
        min-height: 4.6875rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-right: 7.5rem; }
      .com-list .list-item .link .content .title, .com-list .list-item .link .content .other {
        padding: 0;
        margin: 0; }
      .com-list .list-item .link .content .title {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #0d141e;
        margin-bottom: 0.5rem;
        text-overflow: -o-ellipsis-lastline;
        overflow-y: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical; }
        .com-list .list-item .link .content .title span {
          vertical-align: middle; }
      .com-list .list-item .link .content .other {
        font-size: 0.75rem;
        color: #99a0aa;
        line-height: 0.875rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .com-list .list-item .link .img {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 6.75rem;
        height: 4.5rem;
        border: 0.5px solid rgba(0, 0, 0, 0.05);
        vertical-align: middle;
        border-radius: 0.25rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        box-sizing: border-box; }
        .com-list .list-item .link .img.img-bgcolor {
          background-color: #F1F2F3; }
    .com-list .list-item .list-item-icon {
      position: absolute;
      top: 4.5rem;
      right: 0.25rem;
      display: flex;
      align-items: center;
      color: white;
      height: 16PX;
      line-height: 16PX;
      padding: 0 0.125rem;
      border-radius: 0.125rem;
      background-color: rgba(0, 0, 0, 0.5);
      transform: translate(0, -1.25rem);
      box-sizing: border-box;
      z-index: 10; }
      .com-list .list-item .list-item-icon-left {
        position: unset;
        display: inline-flex;
        transform: unset;
        margin-right: 0.25rem;
        vertical-align: middle; }
      .com-list .list-item .list-item-icon.living-bg {
        background-color: #F22B41; }
      .com-list .list-item .list-item-icon.live-start {
        background-color: #305FFF; }
      .com-list .list-item .list-item-icon.hide {
        display: none; }
      .com-list .list-item .list-item-icon .icon-text {
        font-size: 12PX;
        font-weight: 600;
        transform: scale(0.85);
        font-family: PingFangSC-Medium, sans-serif; }
        .com-list .list-item .list-item-icon .icon-text .fontfamily {
          font-weight: bold; }
      .com-list .list-item .list-item-icon .iconfont {
        width: 0.75rem;
        font-size: 0.75rem; }
      .com-list .list-item .list-item-icon .list-living {
        display: inline-block;
        width: 0.75rem;
        display: inline-flex;
        align-items: center;
        width: 12PX;
        height: 12PX !important;
        background-image: url("/snow-book/images/animation/living.png");
        background-size: 12PX 12PX;
        animation-name: keyframes-live_animate;
        animation-duration: 1s;
        background-repeat: no-repeat;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
        animation-timing-function: steps(1); }

.recommend-special {
  white-space: nowrap;
  padding: 0 1rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737B87;
  font-size: 0.875rem;
  box-sizing: border-box;
  background-color: #ffffff; }
  .recommend-special .special-line {
    margin-left: 1rem;
    height: 0.0625rem;
    background: #F5F6F7;
    border: 0; }
  .recommend-special h1 {
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1242B3;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0 0.1875rem; }
  .recommend-special i {
    font-size: 0.875rem;
    color: #5d646e; }
  .recommend-special .colorIcon {
    color: #737B87; }
  .recommend-special .downIcon {
    font-size: 1.25rem; }

.recommend-channel {
  white-space: nowrap;
  padding: 0 1rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737B87;
  font-size: 0.875rem;
  box-sizing: border-box;
  background-color: #ffffff; }
  .recommend-channel .special-line {
    margin-left: 1rem;
    height: 0.0625rem;
    background: #F5F6F7;
    border: 0; }
  .recommend-channel h1 {
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #1242B3;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0 0.1875rem; }
  .recommend-channel i {
    font-size: 0.875rem;
    color: #5d646e; }
  .recommend-channel .colorIcon {
    color: #737B87; }
  .recommend-channel .downIcon {
    font-size: 1.25rem; }

.recommend-content {
  overflow-x: hidden;
  padding: 0 1rem;
  background-color: #FAFAFB;
  display: none; }
  .recommend-content.show {
    display: block; }
  .recommend-content .recommend-content-title {
    height: 3.25rem;
    display: flex;
    align-items: center;
    font-size: 16PX;
    color: #0D141E;
    letter-spacing: 0;
    font-weight: 700;
    background-color: #FAFAFB; }
  .recommend-content .com-list {
    padding: 0 0 0.5rem 0;
    margin: 0; }
  .recommend-content hr {
    height: 0.0625rem;
    background: #F5F6F7;
    border: 0; }

.recommend-special, .recommend-channel {
  background-color: #FAFAFB;
  margin-top: -0.5rem; }

.recommend-content-line {
  height: 0.5rem;
  background-color: #F5F6F7; }

.c-skeleton-container {
  margin: 1.5rem 1rem;
  position: relative; }
  .c-skeleton-container .c-skeleton-paragraph {
    width: 100%;
    height: 1.5rem;
    margin-bottom: 1.125rem; }
    .c-skeleton-container .c-skeleton-paragraph.large {
      height: 1.875rem; }
    .c-skeleton-container .c-skeleton-paragraph.small {
      height: 1.125rem; }
    .c-skeleton-container .c-skeleton-paragraph.w-40 {
      width: 40%; }
    .c-skeleton-container .c-skeleton-paragraph.w-50 {
      width: 50%; }
    .c-skeleton-container .c-skeleton-paragraph.w-80 {
      width: 80%; }

.comment-list {
  padding: 0 1rem; }
  .comment-list .comment-item {
    padding: 0.75rem 0;
    display: flex;
    align-items: flex-start; }
    .comment-list .comment-item_avatar {
      width: 2rem;
      height: 2rem;
      object-fit: cover;
      border-radius: 50%; }
    .comment-list .comment-item_info {
      margin-left: 0.75rem;
      flex: 1;
      font-size: 16PX;
      color: #212228; }
      .comment-list .comment-item_info h4 {
        font-weight: bold;
        line-height: 21PX;
        font-size: 15PX;
        color: #48505A; }
      .comment-list .comment-item_info .comment-item_message {
        word-break: break-word;
        margin-top: 0.5rem;
        line-height: 22PX;
        font-family: 'PingFangSC-Regular', 'PingFangSC', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', sans-serif;
        white-space: pre-wrap; }
      .comment-list .comment-item_info .comment-item_create_time {
        margin-top: 0.5rem;
        line-height: 18PX;
        font-size: 13PX;
        display: flex; }
        .comment-list .comment-item_info .comment-item_create_time .comment-item_time {
          line-height: 18PX;
          color: #99A0AA; }
        .comment-list .comment-item_info .comment-item_create_time .comment-item_replay {
          line-height: 18PX;
          margin-left: 1rem;
          color: #737B87; }
    .comment-list .comment-item_like {
      font-size: 12PX;
      color: #99A0AA;
      display: flex; }
      .comment-list .comment-item_like span {
        line-height: 18PX; }
      .comment-list .comment-item_like i {
        margin-left: 0.25rem;
        width: 18PX;
        height: 18PX;
        color: #99A0AA;
        background-image: url("/snow-book/images/icon/love.svg");
        background-size: contain; }

.comment-more {
  padding: 0 1rem; }
  .comment-more_container {
    position: relative;
    padding: 0.9375rem 0;
    text-align: center;
    color: #737B87;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15PX;
    line-height: 1.3125rem; }
    .comment-more_container::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 0.0625rem;
      background: #F5F6F6;
      left: 0;
      top: 0;
      transform: scale(1, 0.5); }
    .comment-more_container .comment-more_name {
      font-weight: bold;
      color: #1242B3; }
    .comment-more_container i {
      margin-left: 0.25rem;
      width: 0.9375rem;
      height: 0.9375rem;
      background: url("/snow-book/images/icon/narrow.svg") no-repeat;
      background-size: contain; }

.comment {
  background: #fff; }

.comment-header {
  color: #212228;
  padding: 14PX 1rem;
  line-height: 22PX;
  font-size: 16PX;
  font-weight: 700; }

.comment-spacer {
  height: 0.5rem;
  background: #F5F6F7; }

.comment-bar_placeholder {
  background: #fff;
  height: 3rem; }

.comment-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 3rem;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff; }
  .comment-bar::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #F5F6F7;
    left: 0;
    top: 0;
    transform: scale(1, 0.5); }
  .comment-bar_input {
    box-sizing: border-box;
    flex: 1;
    width: 17.75rem;
    height: 2rem;
    padding: 0.375rem 0.75rem;
    background: #F5F6F7;
    border-radius: 1rem;
    font-size: 0.875rem;
    color: #737B87; }
  .comment-bar_icon {
    position: relative;
    margin-left: 1.5rem;
    display: flex; }
    .comment-bar_icon i {
      display: block;
      width: 1.5rem;
      height: 1.5rem;
      background-image: url("/snow-book/images/icon/icon_c_comment_default.svg");
      background-size: contain; }
      .comment-bar_icon i.comment-bar_icon_total {
        background-image: url("/snow-book/images/icon/icon_c_comment.svg"); }
    .comment-bar_icon .comment-bar_num {
      margin-top: -0.25rem;
      margin-left: -0.375rem;
      font-size: 0.625rem;
      font-weight: 600;
      color: #F22B41; }