.blog-container .blog-data-list {
  display: flex;
  grid-gap: 8rem;
  justify-content: center;
  width: 137.2rem;
  margin: 8rem auto; }
  .blog-container .blog-data-list .right_box {
    flex: 1;
    min-width: 1px; }
  .blog-container .blog-data-list .data_list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 4rem;
    margin-bottom: 8.6rem; }
    .blog-container .blog-data-list .data_list .data_item {
      width: 46.1rem;
      border-bottom: 0.1rem solid #EEEEEE; }
      .blog-container .blog-data-list .data_list .data_item .item_image {
        width: 46.1rem;
        height: 25.9rem;
        position: relative; }
        .blog-container .blog-data-list .data_list .data_item .item_image img {
          object-fit: cover; }
        .blog-container .blog-data-list .data_list .data_item .item_image .item_tag {
          width: 7.9rem;
          height: 7.9rem;
          background-color: #FFFC3B;
          position: absolute;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          bottom: -2.4rem;
          right: 2.4rem; }
          .blog-container .blog-data-list .data_list .data_item .item_image .item_tag > span:nth-child(1) {
            font-size: 3.6rem;
            font-weight: bold;
            border-bottom: 0.2rem solid #000000; }
          .blog-container .blog-data-list .data_list .data_item .item_image .item_tag > span:nth-child(2) {
            padding-top: 0.6rem;
            font-size: 1.8rem; }
      .blog-container .blog-data-list .data_list .data_item .item_content {
        padding: 2.6rem 1.8rem; }
      .blog-container .blog-data-list .data_list .data_item .item_text {
        color: #333333;
        font-size: 1.4rem; }
      .blog-container .blog-data-list .data_list .data_item .item_title {
        margin-top: 1.6rem;
        font-size: 3rem;
        transition: .3s ease-in-out; }
        .blog-container .blog-data-list .data_list .data_item .item_title:hover {
          color: var(--ui-color-primary); }
      .blog-container .blog-data-list .data_list .data_item .item_desc {
        margin-top: 1.6rem;
        color: #3F3F3F;
        font-family: sans-serif;
        line-height: 1.4;
        font-size: 1.6rem; }
      .blog-container .blog-data-list .data_list .data_item .module-btn {
        margin-top: 3.2rem; }
      .blog-container .blog-data-list .data_list .data_item.first_item_template {
        width: 96.2rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .item_image {
          width: 96.2rem;
          height: 54.2rem; }
          .blog-container .blog-data-list .data_list .data_item.first_item_template .item_image .item_tag {
            width: 11rem;
            height: 11rem;
            bottom: -2.5rem;
            right: 3.6rem; }
            .blog-container .blog-data-list .data_list .data_item.first_item_template .item_image .item_tag > span:nth-child(1) {
              font-size: 4.8rem;
              font-weight: bold;
              border-bottom: 0.3rem solid #000000; }
            .blog-container .blog-data-list .data_list .data_item.first_item_template .item_image .item_tag > span:nth-child(2) {
              padding-top: 0.6rem;
              font-size: 2.4rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .item_content {
          padding: 2.5rem 2.2rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .item_text {
          font-size: 1.4rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .item_title {
          margin-top: 2rem;
          font-size: 3.6rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .item_desc {
          margin-top: 2.6rem; }
        .blog-container .blog-data-list .data_list .data_item.first_item_template .module-btn {
          margin-top: 3.2rem; }

@media (max-width: 992px) {
  .container_body .blog-container .blog-data-list {
    flex-direction: column-reverse;
    width: 100%;
    margin: 0;
    align-items: center; }
    .container_body .blog-container .blog-data-list .data_list {
      flex-direction: column;
      padding: 4.8rem 1.5rem; }
      .container_body .blog-container .blog-data-list .data_list .data_item {
        width: 100%; }
        .container_body .blog-container .blog-data-list .data_list .data_item .item_image {
          width: 100%;
          height: 19.4rem; }
          .container_body .blog-container .blog-data-list .data_list .data_item .item_image .item_tag {
            width: 8.6rem;
            height: 8rem;
            bottom: -2.2rem;
            right: 1rem; }
            .container_body .blog-container .blog-data-list .data_list .data_item .item_image .item_tag > span:nth-child(1) {
              font-size: 2.8rem; }
            .container_body .blog-container .blog-data-list .data_list .data_item .item_image .item_tag > span:nth-child(2) {
              font-size: 1.6rem; }
        .container_body .blog-container .blog-data-list .data_list .data_item .item_content {
          padding: 2.2rem 0; }
        .container_body .blog-container .blog-data-list .data_list .data_item .item_title {
          margin-top: 1.6rem;
          font-size: 2.4rem; }
        .container_body .blog-container .blog-data-list .data_list .data_item .item_desc {
          margin-top: 1.6rem;
          font-size: 1.4rem; } }

/*# sourceMappingURL=blog.css.map */
