/* zerofoam主题首页CSS开始
作者：陈沫
发布时间：2024.01.16 */

.header {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

/* 首页pills开始 */
.zero-site-push .nav-pills .nav-link.active,
.zero-site-push .nav-pills .show>.nav-link {
    background-color: #F60 !important;
}

#zeromo-home-pro .zero-pro-list {
            gap: 10px;
            margin-top: 30px;
        }

#zeromo-home-pro .zero-pro-list .z-pro-item {
            /* box-shadow: 0 0 2rem 0 rgba(41,48,66,0.10); */
            margin-top: 0px;
            padding: 0;
        }

#zeromo-home-pro .zero-pro-list .z-pro-item .z-item {
            color: #000;
            font-size: 14px;
            padding: 5px 10px;
            border: 1px solid #f3f3f3;
            border-radius: 5px;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item:hover {
          border: 1px solid rgb(255, 238, 227);
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item:hover .z-name {
          color: #F60;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item:hover .z-icon i {
          margin-right: -4px;
          transition: all .3s;
          color: #F60;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item .z-img {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item .z-img img {
            width: 100%;
            height: 100%;
            background-color: #FFF;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item .z-name {
            margin-left: 5px;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            width: 80%;
        }

        #zeromo-home-pro .zero-pro-list .z-pro-item .z-item .z-icon i {
            -webkit-text-stroke-width: unset;
            font-size: 16px;
            color: #dbdbdb;
        }


@media (min-width: 992px) {
            .row-cols-lg-8>* {
                flex: 0 0 auto;
                width: 12.5%;
            }

            .row-cols-lg-10>* {
                flex: 0 0 auto;
                width: 10%;
            }
        }


@media (max-width: 570px) {
            #zeromo-home-pro .zero-pro-list .z-pro-item {
                padding-right: calc(var(--bs-gutter-x) * .5) !important;
                padding-left: calc(var(--bs-gutter-x) * .5) !important;
                margin-top: var(--bs-gutter-y) !important;
            }

            #zeromo-home-pro .zero-pro-list {
                gap: 0;
            }
        }

/* 首页TAB切换 */

.zero-tab .z-home-title {
          font-size: 22px;
          margin-bottom: 15px;
          color: #2A3547;
          font-weight: 600;
        }

        .zero-tab .z-home-more {
          background-color: #FFF;
          height: 40px;
          border-radius: 3px;
      border: 1px solid #F60;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #F60;
      padding: 0 5px 0 15px;
        }
    
    .zero-tab .z-home-more i {
      -webkit-text-stroke-width: unset;
      font-size: 16px;
      margin: 0 10px 0 5px;
    }
    
    .zero-tab .z-home-more:hover i {
      margin: 0 5px 0 10px;
      transition: all .3s;
    }
    
    .zero-tab .z-home-more:hover {
      background-color: #F60;
      color: #FFF;
    }


/* 首页网址区块开始 */

.zeromo-site-list .zero-sitelist .z-sites {
          color: #2A3547;
        }

        /*.zeromo-site-list .zero-sitelist .z-sites::before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-top: 11px solid transparent;
          border-bottom: 21px solid transparent;
          border-left: 14px solid #ff0000;
          transform: rotate(324deg);
          top: -4px;
          right: -1px;
          border-radius: 5px 5px 5px;
        }*/

        .zeromo-site-list .zero-sitelist .z-sites-direct {
          
        }

        .zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-name {
          color: #F60 !important;
        }

        .zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-img img {
          transform: scale(1.2);
          transition: all .3s;
        }

        .zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-direct::before {
          opacity: 0.5;
          transition: all .3s;
      top: 3px;
      right: 3px;
        }

        .zeromo-site-list .zero-sitelist .z-sites-direct::before {
          content: "";
          position: absolute;
          width: 15px;
          height: 15px;
          background: #F60;
          opacity: .1;
          clip-path: polygon(0 0, 100% 0, 100% 100%);
          top: 5px;
          right: 5px;
          border-radius: 4px;
        }

        .zeromo-site-list .zero-sitelist .z-sites-item .card {
          margin-bottom: 0;
          position: relative;
        }

        .zeromo-site-list .zero-sitelist .z-sites .z-sites-img {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          overflow: hidden;
          flex-shrink: 0;
        }

        .zeromo-site-list .zero-sitelist .z-sites .z-sites-img img {
          width: 100%;
          height: 100%;
        }

        .zeromo-site-list .zero-sitelist .z-sites .z-sites-info {
          margin-left: 10px;
        }

        .zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-name {
          font-size: 16px;
          margin-bottom: 5px;
          font-weight: 600;
        }

        .zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-inc {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          line-height: 1.5;
          color: rgb(141 141 141 / 80%);
          font-size: 12px;
        } 

/* 首页商城区块开始 */

.zeromo-buy-list .z-buy .card {
          padding: 15px;
        }

        .zeromo-buy-list .z-buy .z-buy-img {
          width: 100%;
          height: 140px;
          overflow: hidden;
          border-radius: 10px;
        }

        .zeromo-buy-list .z-buy:hover .z-buy-img img {
          transform: scale(1.1);
          transition: all .3s;
        }

        .zeromo-buy-list .z-buy:hover .z-buy-info .z-title {
          color: #F60;
        }

        .zeromo-buy-list .z-buy .z-buy-price .btn:hover {
          background-color: #F60;
          color: #FFF;
          transition: all .3s;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-author a:hover .z-author-name {
          color: #F60;
          font-weight: 600;
        }

        .zeromo-buy-list .z-buy .z-buy-img img {
          width: 100%;
          /*height: 100%;
          object-fit: cover;*/
        }

        .zeromo-buy-list .z-buy .z-buy-info {
          margin-top: 10px;
        }

        .zeromo-buy-list .z-buy .z-buy-info a {
          color: #2A3547;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-title {
          font-size: 15px;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          line-height: 1.6;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-author {
          margin-top: 10px;
          background-color: #FAFAFA;
          border-radius: 5px;
          padding: 10px;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-author .z-author-img {
          width: 25px;
          height: 25px;
          border-radius: 50%;
          overflow: hidden;
          flex-shrink: 0;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-author .z-author-img img {
          width: 100%;
          height: 100%;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-author .z-author-name {
          margin-left: 5px;
          font-size: 14px;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-service {
          gap: 5px;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-service i {
          -webkit-text-stroke-width: unset;
          font-size: 16px;
          background-color: #231f18;
          color: #f6cb86;
          padding: 5px;
          border-radius: 50%;
          width: 25px;
          height: 25px;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-service i.not {
          background-color: #e3e3e3;
          color: #999;
          position: relative;
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-service i.not::after {
          content: "";
          position: absolute;
          top: 12px;
          left: 0;
          width: 100%;
          height: 1px;
          background: #999;
          transform: rotate(315deg);
        }

        .zeromo-buy-list .z-buy .z-buy-info .z-buy-price {
          margin-top: 15px;
        }

        .zeromo-buy-list .z-buy .z-buy-price .z-price {
          font-size: 20px;
          font-weight: 600;
          color: #F60;
        }

        .zeromo-buy-list .z-buy .z-buy-price .z-price span {
          font-size: 14px;
        }

        .zeromo-buy-list .z-buy .z-buy-price .btn {
          background-color: rgb(255, 238, 227);
          color: #F60;
          border-radius: 5px;
          padding: 5px 10px;
        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img {
          position: relative;
        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not img {
          display: none;
        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img .z-web-br {
          position: absolute;
          right: 0;
          top: 25%;
          z-index: 1;
          margin: auto;
          bottom: 25%;
          left: 55%;
          color: #FFF;
          font-size: 14px;
          gap: 5px;
        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not::after {
          width: 100%;
          opacity: 1;
        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not .z-web-br {

        }

        .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img::after {
          content: "";
          width: 50%;
          background-color: #000;
          opacity: 0.7;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
        }

/* 首页商城右侧推荐开始 */

.zeromo-buy-list .z-buy-hot .z-buy-body {
                background-color: #FFF;
                border-radius:10px;
                height: 692px;
                overflow: hidden;
                box-sizing: border-box;
              }

              .zeromo-buy-list .z-buy-hot .z-buy-header {
                font-size: 18px;
                padding: 20px;
              }

              .zeromo-buy-list .z-buy-hot .z-buy-header .z-header-right {
                font-size: 14px;
              }

              .zeromo-buy-list .z-buy-hot .z-buy-header .z-header-right a {
                color: #a7a7a7;
                font-weight: 500;
              }

              .zeromo-buy-list .z-buy-hot .z-buy-content {
                padding: 0 20px;
                position: relative;
              }

              .z-buy-content .z-hot-num1 i {
                position: absolute;
                z-index: 2;
                top: -20px;
                left: 10px;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic {
                width: 100%;
                height: 150px;
                border-radius: 5px;
                overflow: hidden;
                position: relative;
                margin-bottom: 20px;
                display: inline-flex;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic:hover img {
                transform: scale(1.1);
                transition: all .3s;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic:hover .z-num1-info .z-hot-title {
                color: #F60;
                z-index: 2;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic::before {
                content: '';
                background: linear-gradient(to bottom, #12121340 0%, rgb(0 0 0 / 77%) 60%);
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic .z-num1-info {
                position: absolute;
                width: 100%;
                bottom: 0;
                left: 0;
              }

              .z-buy-content .z-hot-num1 .z-hot-pic .z-num1-info .z-hot-title {
                font-size: 16px;
                color: #FFF;
                padding: 10px;
                font-weight: 600;
                z-index: 2;
                position: relative;
              }

              .z-buy-content .z-hot-item {

              }

              .z-buy-content .z-hot-pic .z-hot-price {
                position: absolute;
                background-color: #F60;
                color: #FFF;
                top: 5px;
                right: 5px;
                padding: 0 3px;
                font-size: 14px;
                border-radius: 5px;
                z-index: 2;
              }

              .z-buy-content .z-hot-pic .z-hot-price span {
                display: none;
              }

              .z-buy-content .z-hot-pic {
                position: relative;
              }

              .z-buy-content .z-hot-pic img {
                width: 100%;
              }

              .z-buy-content .z-hot-item .z-hot-list {
                margin-bottom: 10px;
              }

              .z-buy-content .z-hot-item .z-hot-list:nth-child(3),
              .z-buy-content .z-hot-item .z-hot-list:nth-child(4) {
                margin-bottom: 0;
              }

              .z-buy-content .z-hot-item .z-hot-list .z-hot-pic {
                width: 100%;
                height: 100px;
                border-radius: 5px;
                overflow: hidden;
              }

              .z-buy-content .z-hot-item .z-hot-list .z-hot-title {
                font-size: 14px;
                color: #2a2a32;
                margin-top: 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-height: 1.6;
              }

              .z-buy-content .z-hot-item .z-hot-list:hover .z-hot-pic img {
                transform: scale(1.1);
                transition: all .3s;
              }

              .z-buy-content .z-hot-item .z-hot-list:hover .z-hot-title {
                color: #F60;
              }

/* 首页文章区块开始 */

.zeromo-article-list .z-article-nobg {
          padding: 15px;
          height: 365px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-height {
          height: 300px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment {
          padding: 10px;
          background-color: #f7f7f7;
          border-radius: 10px;
          margin-top: 20px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-com-txt {
          transform: translate(0%,-100%);
          background-color: #FFF;
          width: 90px;
          border-radius: 100px;
          padding: 0px 3px 0px 10px;
          font-size: 12px;
          box-shadow: 3px 3px 5px 0px rgb(103 103 103 / 40%);
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-info {
          margin-top: -8px;
          color: #2A3547;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-info img {
          width: 20px;
          height: 20px;
          border-radius: 100%;
          margin-right: 5px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-info .z-article-comment-name {
          font-size: 15px;
          margin-right: 3px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-content {
          margin-top: 5px;
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          color: #858585;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-int {
          font-size: 14px;
        
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-int span {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          line-height: 1.8;
          color: #858585;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-box {
          margin-top: 10px;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list .z-article-box:hover .z-article-author-name {
          color: #F60;
        }
        
        .zeromo-article-list .z-article-nobg .z-article-list {
          z-index: 1;
        }
        
        .zeromo-article-list .z-article-bg {
          padding: 15px;
          height: 365px;
        }

        .zeromo-article-list .z-article-rank {
          padding: 15px;
          height: 365px;
          background: url(https://image.uisdc.com/wp-content/uploads/2021/05/uisdc-widget-news.jpg);
          background-repeat: no-repeat;
          background-position: top right;
          background-color: #FFF;
        }

        .zeromo-article-list .z-homesite-rank {
          padding: 15px;
          height: 365px;
        }
        
        .zeromo-article-list .z-article-bg .z-article-img {
          height: 140px;
          flex-shrink: 0;
          position: relative;
          overflow: hidden;
          display: block;
          border-radius: 10px;
        }
        
        .zeromo-article-list .z-article-bg .z-article-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
        
        .zeromo-article-list .z-article-bg .z-article-list .z-article-height {
          height: 150px;
          display: block;
        }
        
        .zeromo-article-list .z-article-list .z-article-title {
          font-size: 17px;
          font-weight: 600;
          color: #2A3547;
          height: 55px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
        
        .zeromo-article-list .z-article-bg .z-article-list .z-article-int {
          font-size: 12px;
          background-color: #fafafa;
          padding: 10px;
          border-radius: 7px;
        }
        
        .zeromo-article-list .z-article-bg .z-article-list .z-article-int span {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-height: 1.6;
          color: #8a8a8a;
        }
        
        .zeromo-article-list .z-article-bg .z-article-list .z-article-box {
          margin-top: 0px;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-right {
          margin-left: auto;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site {
          font-size: 12px;
          color: #858585;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site i {
            -webkit-text-stroke-color: unset;
            -webkit-text-stroke-width: inherit;
        
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site a {
          font-size: 12px;
          color: #858585;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right {
          color: #969696;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right .right-class {
          width: 20px;
          height: 20px;
          background-color: rgba(255,140,52,0.1);
          border-radius: 50%;
          text-align: center;
          overflow: hidden;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right .c-ico {
          color: #F60;
          font-size: 13px;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right span {
          margin-left: 5px;
          font-size: 14px;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right:hover .right-class {
          background-color: #f60;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right:hover .c-ico {
          color: #FFF;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .author-right:hover span {
          color: #F60;
        }

        .z-article-directory .z-article-author-m {
          display: none;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-author {
        
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-img {
          width: 25px;
          height: 25px;
          margin-right: 10px;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-img img {
          width: 100%;
          height: 100%;
          border-radius: 100%;
        }
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-name {
          font-size: 14px;
          color: #2A3547;
        } 
        
        .zeromo-article-list .z-article-list .z-article-box .z-article-author:hover .z-article-author-name {
          color: #F60;
        }

        .z-article-bg .z-bg-hover:hover .z-article-img img {
          transform: scale(1.1);
          transition: all .2s;
        }

        .z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-title {
          color: #F60;
        }

        .z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-int {
          background-color: rgba(255,140,52,0.1);
        }

        .z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-int span {
          color: #F60;
        }

/* 文章无图模式 */
.z-article-nobg .z-nobg-body {
    height: 295px;
    margin-top: 10px;
  }

  .z-article-nobg .z-nobg-body:hover .z-nobg-header .z-nobg-title h5 {
    color: #F60;
  }

  .z-article-nobg .z-nobg-body:hover .z-nobg-comment .comment-content {
    background-color: rgba(255,140,52,0.1);
  }

  .z-article-nobg .z-nobg-body:hover .z-nobg-comment .comment-content span {
    color: #F60;
  }

  .z-article-nobg .z-nobg-header .z-nobg-title h5 {
    font-size: 18px;
    font-weight: 600;
    color: #2A3547;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
  }

  .z-article-nobg .z-nobg-header .z-nobg-sum {
    /* background-color: #fafafa; */
    font-size: 13px;
    /* padding: 5px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .z-article-nobg .z-nobg-header .z-nobg-sum span {
    color: #8a8a8a;
    line-height: 1.6;
  }

  .z-article-nobg .z-nobg-comment {
    margin-top: 15px;
  }

  .z-article-nobg .z-nobg-comment .comment-pic img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }

  .z-article-nobg .z-nobg-comment .comment-pic img:nth-child(2) {
    margin-left: -10px;
  }
  
  .z-article-nobg .z-nobg-comment .comment-pic img:nth-child(3) {
    margin-left: -10px;
  }

  .z-article-nobg .z-nobg-comment .comment-right {
    font-size: 12px;
    color: #b7b7b7;
  }

  .z-article-nobg .z-nobg-comment .comment-content {
    background-color: #fafafa;
    padding: 10px;
    border-radius: 7px;
    margin-top: 15px;
  }

  .z-article-nobg .z-nobg-comment .comment-content span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #858585;
    line-height: 1.6;
  }

  .z-article-nobg .z-nobg-author .author-pic {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }

  .z-article-nobg .z-nobg-author a:hover .author-name {
    color: #F60;
  }

  .z-article-nobg .z-nobg-author .author-right:hover .right-class {
    background-color: #F60;
  }

  .z-article-nobg .z-nobg-author .author-right:hover .c-ico {
    color: #FFF;
  }

  .z-article-nobg .z-nobg-author .author-right:hover span {
    color: #F60;
  }

  .z-article-nobg .z-nobg-author .author-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }

  .z-article-nobg .z-nobg-author .author-name {
    font-size: 14px;
    color: #2A3547;
  }

  .z-article-nobg .z-nobg-author .author-right {
    color: #969696;
  }

  .z-article-nobg .z-nobg-author .author-right .right-class {
    width: 20px;
    height: 20px;
    background-color: rgba(255,140,52,0.1);
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
  }

  .z-article-nobg .z-nobg-author .author-right .c-ico {
    color: #F60;
    font-size: 13px;
  }

  .z-article-nobg .z-nobg-author .author-right span {
    margin-left: 5px;
    font-size: 14px;
  }

/* 首页文章排行区块 */

.zeromo-article-list .z-rank-title {
                font-size: 18px;
                font-weight: 600;
                color: #2A3547;
                margin-bottom: 10px;
              }

              .zeromo-article-list .z-article-rank .homerank-list {

              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item {
                margin-bottom: 15px;
                display: block;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic::after {
                content: "";
                background-color: #ffffff;
                opacity: 0.6;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic {
                width: 100%;
                height: 60px;
                position: relative;
                border-radius: 5px;
                overflow: hidden;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover {
                transition: all .3s;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover .homerank-pic::after {
                background: #000;
                transition: all .3s;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover .homerank-info .homerank-num {
                color: #FFF;
                margin-left: 10px;
                transition: all .3s;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover .homerank-pic .homerank-title {
                color: #FFF;
                font-weight: 600;
                margin-left: 25px;
                width: 100%;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover .homerank-info .homerank-hot {
                color: #FFF;
                display: none;
                transition: all .3s;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic img {
                width: 100%;
                opacity: 0.2;
                height: 100%;
                object-fit: cover;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic .homerank-info {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 10px;
                z-index: 1;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-num {
                font-size: 45px;
                font-weight: 600;
                color: #ff660052;
                margin-right: 10px;
                position: absolute;
                left: -5px;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-title {
                font-size: 13px;
                color: #2A3547;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                margin-left: 20px;
                width: 75%;
              }

              .zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-hot {
                color: #2A3547;
                margin-left: auto;
              }

/* 首页产品关联排行区块 */

.z-homesite-rank .homerank-list {
                margin-top: 15px;
              }

              .z-homesite-rank .homerank-list .homerank-num1 {
                padding: 10px;
                border-radius: 5px;
                border: 1px solid #f7f7f7;
                position: relative;
              }

              .z-homesite-rank .homerank-list .homerank-num1:hover {
                background-color: #F60;
                width: 100%;
                transition: all .3s;
              }

              .z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-p img {
                background-color: #FFF;
                transform: scale(1.1);
                border-radius: 50%;
              }

              .z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i h5 {
                color: #FFF;
              }

              .z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i .num1-i-meta {
                color: rgb(255, 238, 227);
              }

              .z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i .num1-i-meta b {
                color: #FFF;
              }

              .z-homesite-rank .homerank-num2 .num2-item:hover .num2-box .num2-pic {
                background-color: rgb(255, 238, 227);
                transition: all .3s;
              }

              .z-homesite-rank .homerank-num2 .num2-item:hover .num2-box .num2-pic img {
                background-color: #FFF;
                border-radius: 50%;
                transform: scale(1.1);
                transition: all .3s;
              }

              .z-homesite-rank .homerank-num2 .num2-item:hover .num2-title {
                color: #F60;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-a i {
                position: absolute;
                top: -15px;
                left: 5px;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-p {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                overflow: hidden;
                padding: 5px;
                flex-shrink: 0;
                box-shadow: 0 0 10px 0 rgba(41,48,66,0.10);
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-p img {
                width: 100%;
                height: 100%;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i {
                margin-left: 10px;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i h5 {
                font-size: 16px;
                font-weight: 600;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i .num1-i-meta {
                color: #a7a7a7;
              }

              .z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i .num1-i-meta b {
                font-size: 14px;
                color: #F60;
              }

              .z-homesite-rank .homerank-list .homerank-num2 {
                padding: 15px 0px;
                width: 100%;
              }

              .z-homesite-rank .homerank-num2 .num2-item {
                width: 33.3333%;
                margin-bottom: 15px;
              }

              .z-homesite-rank .homerank-num2 .num2-item .num2-box {
                align-items: center;
                display: flex;
                justify-content: center;
              }

              .z-homesite-rank .homerank-num2 .num2-item .num2-box .num2-pic {
                width: 60px;
                height: 60px;
                border-radius: 10px;
                overflow: hidden;
                padding: 8px;
                box-shadow: 0 0 10px 0 rgba(41,48,66,0.10);
              }

              .z-homesite-rank .homerank-num2 .num2-item .num2-box .num2-pic img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
              }

              .z-homesite-rank .homerank-num2 .num2-item .num2-title {
                margin-top: 5px;
                font-size: 12px;
                color: #2A3547;
              }

/* 首页模型区块 */

.zeromo-model-list .zero-modellist .z-model-list .model-item {
          position: relative;

        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic {
          width: 100%;
          height: 260px;
          border-radius: 7px;
          overflow: hidden;
          display: block;
        }

        .zeromo-model-list .zero-modellist .z-model-list:nth-child(odd) .model-item .model-pic {
          height: 260px;
        }

        .zeromo-model-list .zero-modellist .z-model-list:nth-child(even) .model-item .model-pic {
          height: 200px;
        }

        .zeromo-model-list .zero-modellist .z-model-list:nth-child(7),
        .zeromo-model-list .zero-modellist .z-model-list:nth-child(9) {
          margin-top: -44px;
        }

        .zeromo-model-list .zero-modellist .z-model-list {
          height: 100%;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-like {
          opacity: 1;
          transition: all .3s;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-pic img {
          transform: scale(1.1);
          transition: all .3s;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-author {
          background-color: rgb(255 102 0 / 40%);
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-like {
          position: absolute;
          right: 10px;
          top: 10px;
          background-color:rgb(0 0 0 / 40%);
          backdrop-filter:saturate(180%) blur(6px);
          border-radius: 50%;
          padding: 5px;
          opacity: 0;
          border: 0;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-like i {
          color: #FFF;
          font-size: 22px;
          -webkit-text-stroke-width: unset;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic {
          
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-author {

        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-author img {
          width: 25px;
          height: 25px;
          border-radius: 50%;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-author {
          content: "";
          background-color: rgb(0 0 0 / 40%);
          position: absolute;
          backdrop-filter: saturate(180%) blur(6px);
          -webkit-backdrop-filter: saturate(180%) blur(6px);
          bottom: 10px;
          left: 10px;
          right: 10px;
          padding: 10px;
          border-radius: 5px;
        }

        .zeromo-model-list .zero-modellist .z-model-list .model-item .model-author .model-title {
          margin-left: 10px;
          color: #FFF;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          line-height: 1.5;
          font-size: 12px;
        }

/* 首页收藏夹区块 */
              
.zeromo-model-list .z-model-hot .z-model-body {
                background-color: #FFF;
                border-radius: 10px;
                height: 475px;
                overflow: hidden;
                box-sizing: border-box;
              }

              .zeromo-model-list .z-model-hot .z-model-header {
                font-size: 18px;
                padding: 20px 20px 10px 20px;
                color: #2A3547;
              }
              

              .zeromo-model-list .z-model-hot .z-model-header .z-model-right {
                font-size: 14px;
                color: #a7a7a7;
                font-weight: 500;
              }

              .zeromo-model-list .z-model-hot .z-model-content {
                padding: 0 20px;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-model-shadow {
                background-color: #000;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-model-shadow::before {
                content: "";
                position: absolute;
                top: 1px;
                left: 20px;
                width: 75%;
                height: 8px;
                background-color: inherit;
                opacity: 0.1;
                border-radius: 8px 8px 0 0;
                transform: scale(0.8);
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-model-shadow::after {
                content: "";
                position: absolute;
                top: 8px;
                left: 16px;
                width: 80%;
                height: 8px;
                background-color: inherit;
                opacity: 0.2;
                border-radius: 8px 8px 0 0;
                transform: scale(0.9);
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list {
                position: relative;
                margin-bottom: 10px;
                height: 125px;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-title {
                margin-top: 2px;
                font-size: 14px;
                color: #2A3547;
                display: none;
                text-align: center;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-pic {
                margin-top: 0;
                transition: all .3s;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-title {
                display: block;
                transition: all .3s;
                color: #F60;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-pic img {

              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-pic {
                height: 110px;
                overflow: hidden;
                margin-top: 15px;
              }

              .zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-pic img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
                z-index: 2;
                position: relative;
              }

/* 原首页支持区块 */
    /* 20231116新增banner右侧 */
    
.home-banner-right .right-item {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block; 
    }
                    
.home-banner-right .right-item .right-item-img {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
}
                    
.home-banner-right .right-item .right-item-img::before {
    content: '';
    top: 0;
    right: 0;
    background: linear-gradient(90deg, #12121340 0%, rgba(0, 0, 0, 0) 46.6%);
    width: 100%;
    height: 100%;
    position: absolute;
}
                    
.home-banner-right .right-item .right-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
                    
.home-banner-right .right-item .right-item-content {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding: 1.5rem;
    position: absolute;
    justify-content: center;
}
                    
.home-banner-right .right-item .right-item-content .item-content-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

   .zeromo-new-item .z-new-post {
      width: 100%;
      font-size: 16px;
      color: #323232;
      margin-right: 15px;
    }

    .zeromo-new-item .z-new-post .z-post-date {
      font-size:12px; 
      color: #c2c2c2;
    }

    .zeromo-new-item .z-post-right-pic {
      width: 150px;
      height: 80px;
      background-position: center center;
      background-size:cover;
      background-repeat:no-repeat;
      border-radius: 8px;
      margin-left: auto;
    }

    .zeromo-banner-new {
      height: 315px;
      border-radius: 10px;
    }

    .zeromo-banner-new .z-right-new-title {
      font-size: 22px;
      z-index: 1;
    }

    .zeromo-banner-new .z-right-new-title a{
      font-size: 14px;
      margin-left: 5px;
      background-color: #e9e9e9;
      color: #6b6b6b;
      padding: 2px 10px 2px 10px;
      border-radius: 5px;
      font-weight: 100;
    }

    .zeromo-home-pic .z-pic-item .z-pic-banner {
      max-height: 450px;
      object-fit: cover;
      height: 350px;
    }

    .zeromo-home-pic .z-pic-item .z-item-mask {
      position: absolute;
      right: 100px;
      top: 25px;
      color: #ffffff;
      width: 300px;
      height: 270px;
      background-color: rgb(0 0 0 / 60%);
      border-radius: 10px;
    }

    .zeromo-home-pic .z-pic-item .z-item-mask h5 {
      padding: 10px;
      color: #FFF;
      text-align: center;
    }

    .zeromo-home-pic .z-pic-item .z-item-mask h5 i {
      margin-right: 10px;
      background-color: rgba(0,0,0,0.08);
      color: rgba(255,255,255,0.7);
      border-radius: 100%;
      width: 40px;
      height: 40px;
    }

    .zeromo-banner-new:before {
      content: "";
      display: block;
      width: 100px;
      height: 100px;
      background-image: linear-gradient(45deg, rgba(253,246,244,0) 13%, #FFE6E1 98%);
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 0 0 100% 0;
    }

    .zeromo-banner-new {
      background-image: linear-gradient(180deg, #FFF2EF 0%, #FFFFFF 30%);
      position: relative;
    }

    .zeromo-list-title .items a:hover strong{
      background-color: rgb(255, 238, 227);
      color: #F60;
      border-radius: 4px;
      padding: 6px;
    }

    .zeromo-list-title .items strong {
      font-weight: normal;
      display: inline-block;
      line-height: 20px;
      color: hsl(0,0%,25%);
      background-color: transparent;
      padding: 6px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      white-space: nowrap;
    }

    .zeromo-list-title .items {
      float: left;
      display: block;
    }


    .zeromo-list-title .items .current strong{
      color: #F60!important;
      background-color: rgb(255, 238, 227);
      padding: 6px;
      border-radius: 4px;
      font-weight: 100!important;
    }

    .zeromo-list-title .items:nth-child(1) a{
      margin-left: 0;
    }

    .zeromo-list-title .items a {
      margin: 10px;
    }

    .zeromo-list-title .items a strong{
      color: #2a3547;
      font-size: 15px;
      font-weight: 400;
    }

    .zeromo-group-links h5 {
      font-size: 20px;
    }

    .zeromo-group-links .zeromo-group-itea a:hover {
      background-color: #ff6000;
      color: #FFF;
      border-radius: 4px;
      transition: all .2s;

    }

    .zeromo-group-links i {
      background-color: #ea613b;
      color: #FFF;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      font-size: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      -webkit-text-stroke-width: revert;
    }

    .zeromo-group-links:nth-child(2) .icon{
      background-color: #eeb94d;
    }

    .zeromo-group-links:nth-child(2) span{
      background-color: #eeb94d;
    }

    .zeromo-group-links:nth-child(3) .icon{
      background-color: #71c89d;
    }

    .zeromo-group-links:nth-child(3) span{
      background-color: #71c89d;
    }

    .zeromo-group-links:nth-child(4) .icon{
      background-color: #7a9cf3;
    }

    .zeromo-group-links:nth-child(4) span{
      background-color: #7a9cf3;
    }

    .zeromo-group-links:nth-child(5) .icon{
      background-color: #ea6e84;
    }

    .zeromo-group-links:nth-child(5) span{
      background-color: #ea6e84;
    }

    .zeromo-group-links span {
      background-color: #ff6000;
      font-size: 12px;
      color: #FFF;
      padding: 2px 5px 2px 5px;
      border-radius: 4px;
      margin-left: 10px;
      font-weight: 100;
    }

    .zeromo-group-itea {
      margin-top: 20px;
    }

    .zeromo-group-itea a {
      display: inline-block;
      white-space: nowrap;
      margin-right: 0.4em;
      color: #8a8a8a;
      line-height: 1.42857143em;
      margin-bottom: 0.8em;
      background-color: transparent;
      -webkit-border-radius: 0.28571429em;
      -moz-border-radius: .28571429em;
      border-radius: 0.28571429em;
      padding: 0 0.42857143em;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
    }

    .zeromo-sitebanner {
      padding: 0px 15px 0px 15px;
    }

    .zeromo-sitebanner a {
      color: #FFF;
    }

    .zeromo-sitebanner a img {
      width: 20px;
      margin-right: 5px;
      border-radius: 50%;
      opacity: 0.8;
    }

/*新块开始*/
  .zeromo-list-item .z-item-wrap {
      background-color: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      height: 436px;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb {
    display: block;
      overflow: hidden;
      position: relative;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb img {
    max-width: 100%;
    width: auto;
    height: auto;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb .z-item-hot {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.6em;
    padding: 2px 7px;
    color: #323232;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb .z-item-hot i {
    color: #FF4E4E;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;
    -webkit-text-stroke-width: inherit;
    margin-bottom: 3px;
  }

  /*.zeromo-list-item .z-item-wrap .z-item-thumb::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 13%, #FFE6E1 98%);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 100%;
  }*/

  .zeromo-list-item .z-item-wrap .z-item-thumb img {
    display: block;
      position: absolute;
      left: 0;
      opacity: 0;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb .thumb {
    padding-top: 250px;
  }

  .thumb {
    -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      display: block;
      background-position: center center;
      background-size: cover;
      width: 100%;
      height: 0;
      background-repeat: no-repeat;
  }

  .zeromo-list-item .z-item-wrap .z-item-thumb .thumb::after {
    content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: #000;
      opacity: .3;
  }

  .zeromo-item .z-item-thumb {
    width: 100%;
      overflow: hidden;
      display: block;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  .zeromo-list-item .z-item-thumb:after {
    content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 20px;
      background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, #fff 100%);
      background-image: -o-linear-gradient(top, rgba(255,255,255,0.9) 0%, #fff 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(#fff));
      background-image: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, #fff 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffffff', GradientType=0);
      background-color: #fff\9;
      z-index: 10;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }

  .zeromo-list-item .z-item-wrap .z-item-main {
    padding: 35px 30px 30px;
      position: relative;
      background-color: #fff;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }

  .zeromo-list-item .z-item-wrap .z-item-author {
    position: absolute;
      top: -50px;
  }

  .zeromo-list-item .z-item-wrap .z-item-author .z-author-thumb {
    display: inline-block;
      width: 50px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      vertical-align: top;
      overflow: hidden;
      margin-right: 10px;
  }

  .zeromo-list-item .z-item-wrap .z-item-author .z-author-thumb .thumb {
    padding-top: 100%;
  }

  .zeromo-list-item .z-item-wrap .z-item-author .z-author-title {
    display: inline-block;
      vertical-align: top;
      color: #fff;
      font-size: 16px;
      font-weight: 600;
  }

  .zeromo-list-item .z-item-title {
    margin-top: -15px;
      margin-bottom: 37px;
      font-size: 20px;
      line-height: 30px;
      height: 60px;
      overflow: hidden;
      margin-bottom: 22px;
  }

  .zeromo-list-item .z-item-title a {
    display: block;
    color: #323232;
  }


  .zeromo-list-item .z-item-wrap:hover .z-item-title a {
    color: #ff6000;
  }

  .zeromo-list-item .z-item-title .tag {
    color: #ff6000;
  }

  .zeromo-list-item .z-item-title .tag::after {
    content: ' - ';
    color: #b5b5b5;
  }

  .zeromo-list-item .z-item-meta {
    font-size: 14px;
      color: #b5b5b5;
      font-weight: normal;
      margin-bottom: 15px;
      line-height: 20px;
      height: 20px;
      overflow: hidden;
      position: relative;
      z-index: 1;
  }

  .zeromo-list-item .z-item-meta .z-meta-sites a{
    color: #b5b5b5;
    white-space: nowrap;
    display: inline-block;
    margin: 0 7px;
  }

  .zeromo-list-item .z-item-meta .z-meta-sites strong {
    font-weight: 100;
  }

  .zeromo-list-item .z-item-wrap:hover .thumb {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .zeromo-list-item .z-item-wrap:hover .z-item-main {
    margin-top: -55px;
  }

  .zeromo-list-item .z-item-wrap:hover .z-hunter-entry {
    visibility: visible;
      opacity: 1;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      height: auto;
  }

  .zeromo-list-item .z-item-wrap:hover .z-item-tags {
    visibility: hidden;
      opacity: 0;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      height: 0px;
  }

  .zeromo-list-item .z-item-wrap:hover .z-item-thumb::after {
    bottom: 55px;
  }

  .zeromo-list-item .z-hunter-entry {
    color: #8a8a8a;
      font-size: 14px;
      line-height: 25px;
      height: 100px;
      overflow: hidden;
      position: relative;
      height: 1px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }

  .zeromo-list-item .z-hunter-entry::after {
    content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.05)), color-stop(80%, #fff));
      background: -webkit-linear-gradient(top, rgba(255,255,255,0.05), #fff 80%);
      background: -o-linear-gradient(top, rgba(255,255,255,0.05), #fff 80%);
      background: linear-gradient(to bottom, rgba(255,255,255,0.05), #fff 80%);
      background: -ms-linear-gradient(to bottom, rgba(255,255,255,0.05), #fff 80%);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='rgba(255,255,255,0.05)', endColorstr='#fff');
  }

  .zeromo-list-item .z-hunter-entry .z-entry-btns {
    position: absolute;
      left: 0;
      right: 0;
      bottom: 20px;
      text-align: center;
      padding: 18px 0 0;
      z-index: 2;
  }

  .zeromo-list-item .z-item-tags {
    background-color: #fafafa;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      font-size: 14px;
      line-height: 40px;
      height: 40px;
      overflow: hidden;
      font-weight: normal;
      color: #b5b5b5;
      padding: 0 10px;
  }

  .zeromo-list-item .z-item-tags a{
    display: inline-block;
      white-space: nowrap;
      color: #b5b5b5;
      margin: 0 7px;
  }

  .zeromo-list-item .z-item-tags .ico {
    color: #ff6000;
      margin-right: 5px;
  }

  .btn-outline-danger {
    background-color: #FFF;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap {
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    height: 100%;
    background: #ff6000;
    /*background-image: radial-gradient( circle farthest-corner at 70% 80%,  rgba(255,211,211,0.5) 10%, rgba(255,255,255,0) 99.7% );*/
    background-image: linear-gradient(360deg, #ffffffa1 0%, #ff6000 70%);

  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title {
    z-index: 1;
    color: #FFF;
    padding: 20px;
    font-size: 18px;
    margin-bottom: 0;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title .z-item-site-title-left {
    margin-left: auto;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title .z-item-site-title-left a {
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title .z-item-site-title-left a:hover {
    color: #3d3d3d;
    transition: all .3s;
    background-color: #FFF;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title {
    padding: 30px 30px 20px;
    font-size: 22px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title .z-item-prompt-title-left {
    margin-left: auto;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title .z-item-prompt-title-left a {
    font-size: 15px;
    color: #a7a7a7;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title .z-item-prompt-title-left a:hover {
    color: #FFF;
    transition: all .3s;
    background-color: #F66000;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-before:after {
    content: "";
    display: block;
    width: 360px;
    height: 220px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(155deg, rgba(253,246,244,0) 25%, #ffe6e1a1 80%);
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap:after {
    content: "";
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap:before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap:before {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-hot {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    font-size: 14px;
    line-height: 1.5em;
    -webkit-box-align: center;
    color: #FFF;
    background-color: #FF6000;
    border-radius: 1.6em;
    box-shadow: 0px 0px 100px 5px rgb(255 71 0);
    padding: 2px 7px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap a:hover h2{
    color: #FF6000;
    transition: all .2s;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-hot i {
    color: #FFF;
    margin-right: 5px;
    font-size: 18px;
    -webkit-text-stroke-width: inherit;
    margin-bottom: 3px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-title {
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-title .nopic-txt {
    background-color: #FF6000;
    padding: 3px;
    font-size: 14px;
    color: #FFF;
    font-style: normal;
    font-weight: 100;
    border-radius: 3px;
    margin-right: 5px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-h {
    height:300px
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item {
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: normal;
    color: #b5b5b5;
    padding: 0 10px;
    position: relative;
    z-index: 1;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a:hover {
    color: #FF6000;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a:hover .ico {
    color: #b5b5b5;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a{
    display: inline-block;
    white-space: nowrap;
    color: #b5b5b5;
    margin: 0 7px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item .ico {
    color: #ff6000;
    margin-right: 5px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author {
    margin-top: 5px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author .z-author-img img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author .z-author-name {
    font-size: 14px;
    margin-left: 10px;
    color: #b5b5b5;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author a:hover .z-author-name span {
    color: #FF6000;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content {
    margin-top: 10px;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 25px;
    padding: 5px;
    position: relative;
    z-index: 1;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    text-align: center;
    padding: 18px 0 0;
    
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn a {
    z-index: 2;
    position: relative;
    padding: 5px 40px;
    border-radius: 3px;
  }

  .zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.05)), color-stop(80%, #fff));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.05), #fff 80%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.05), #fff 80%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.05), #fff 80%);
    background: -ms-linear-gradient(to bottom, rgba(255,255,255,0.05), #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='rgba(255,255,255,0.05)', endColorstr='#fff');
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list {
    padding: 0 20px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content{
    background-color: #FFF;
    padding: 15px 20px;
    border-radius: 10px;
    z-index: 1;
    position: relative;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a:hover .site-content img {
    transform: scale(1.1);
    transition: all .2s;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a:hover .site-content .site-content-meta h5 {
    color: #ff6000;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content img {
    width: 40px;
    height: 40px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta {
    margin-left: 10px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta h5 {
    margin-bottom: 5px;
  }

  .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta .site-content-meta-intd {
    color: #9f9f9f;
    font-size: 12px;
  }

  .zeromo-list-title .z-list-mobile::-webkit-scrollbar {
    display: none;
  }

  @media (max-width: 768px) {
    .zeromo-list-title .items a {
      margin: 10px;
    }

    .zeromo-post-list {
      padding-top: 10px!important;
    }

    .zero-tab-hua {
      padding-top: 10px!important;
    }
  }

  @media (max-width: 768px) {
    .zeromo-home-pic .z-pic-item .z-item-mask {
      display: none;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1160px) {
    .zeromo-group-links h5 {
      font-size: 15px;
    }

    .zeromo-group-links span  {
      display: none;
    }

    .zeromo-group-links i {
      height: 30px;
      width: 30px;
      font-size: 20px;
    }

    .zeromo-banner-new .z-right-new-title {
      font-size: 18px;
    }

    .zeromo-banner-new .z-right-new-title a {
      margin-left: 2px;
      padding: 2px 5px 2px 5px;
      font-size: 13px;
    }
  }

  @media (max-width: 1050px) {
    .zeromo-new-item .z-post-right-pic {
      display: none;
    }

    .zeromo-list-title .items a {
      margin: 10px;
    }

    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content {
      padding: 10px 15px;
    }

    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta h5 {
      font-size: 16px;
    }
  }

  @media (min-width: 1051px) and (max-width: 1107px) {
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content {
      padding: 12px 10px;
    }
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-left-thumb {
    width: 60%;
    margin-right: 10px;
    flex-shrink: 0;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-left-thumb img {
    height: 170px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb {
    margin-left: auto;
    width: 40%;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-top-cl {
    margin-bottom: 10px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-top-cl img,
  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-bottom-cl img{
    height: 80px;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection img {
    width: 100%;
    border-radius: 8px;
    object-fit:cover;
  }

  .zeromo-list-item .z-item-wrap .z-item-prompt a:hover .z-prompt-collection img {
    transform: scale(.99);
    transition: all .2s;
    box-shadow: 5px 5px 5px 2px rgb(103 103 103 / 37%) !important;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-title {
    padding: 30px 30px 20px;
    font-size: 22px;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-title .z-item-prompt-hd-title-left {
    margin-left: auto;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-title .z-item-prompt-hd-title-left a {
    font-size: 15px;
    color: #2f2f2f;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-title .z-item-prompt-hd-title-left a:hover {
    color: #FFF;
    transition: all .3s;
    background-color: #F66000;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
    overflow: hidden;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-1 {
    height: 495px;
    animation: 35s linear 0s normal none running slideup;
    animation-iteration-count: infinite;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-1 img,
  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-2 img {
    width: 150px;
    height: 200px;
    border-radius: 10px;
    padding: 5px;
    object-fit: cover;
  }

  .zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-2 {
    height: 525px;
    animation: 35s linear 0s normal none running slideDown;
    animation-iteration-count: infinite;

  }

  @keyframes slideup {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(0,-100%,0)
    }
  }

  @keyframes slideDown {
    0% {
        transform: translate3d(0,-100%,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
  }

  @keyframes slide {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(-100%,0,0)
    }
  }

  .zero-author .zeromo-author-list .z-author-h5 {
    font-size: 22px;
  }

  .zero-author .zeromo-author-list .z-author {
    height: 445px;
    overflow: hidden;
  }

  .zero-author .zeromo-author-list .z-author.z-author-bg {
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    background: #ff6000;
    /* background-image: radial-gradient( circle farthest-corner at 70% 80%, rgba(255,211,211,0.5) 10%, rgba(255,255,255,0) 99.7% ); */
    background-image: linear-gradient(360deg, #ffffffa1 0%, #ff6000 70%);
  }

  .zero-author .zeromo-author-list .z-author.z-author-bg::before {
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zero-author .zeromo-author-list .z-author.z-author-bg::after {
    content: "";
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    right: -100px;
    top: 100px;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zero-author .zeromo-author-list .z-author.z-author-bg .z-author-bg2::before {
    content: "";
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    left: -20px;
    bottom: -100px;
    border-radius: 100% 100% 100% 100%;
    background-image: linear-gradient(50deg, rgba(253,246,244,0) 20%, #ffe6e1a1 99%);
  }

  .zero-author .zeromo-author-list .z-author .z-author-content {
    padding: 35px;
    background-color: #FFF;
    z-index: 1;
    height: 100%;
    border-radius: 10px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-content .z-author-join {
    width: 100%;
    background-color: #FF6000;
    border: 1px solid #FF6000;
    color: #FFF;
  }

  .zero-author .zeromo-author-list .z-author .z-author-content .z-author-join:hover {
    background-color: #e15500;
    border: 1px solid #e15500;
    transition: all .2s;
  }

  .zero-author .zeromo-author-list .z-author .z-author-content h3 i {
    -webkit-text-stroke-color: unset;
    font-size: 30px;
    margin-right: 5px;
    bottom: -3px;
    position: relative;
    color: #2A3547;
  }

  .zero-author .zeromo-author-list .z-author .z-author-content .z-content-int {
    font-size: 15px;
    line-height: 1.8;
    color: #6b6b6b;
  }

  .zero-author .zeromo-author-list .z-author .z-author-content .z-content-int a {
    color: #FF6000;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main .z-author-img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 7px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main button {
    margin-left: auto;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main a:hover .z-author-name h3 {
    color: #FF6000;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main a:hover img {
    transform: scale(1.1);
    transition: all .2s;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main img {
    width: 100%;
    height: 100%;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main .z-author-name h3{
    font-size: 20px;
    font-weight: 600;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main .z-author-name span i{
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
    color: #ffb807;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main .z-author-meta {
    font-size: 14px;
    color: #9a9a9a;
    font-weight: 100;
    margin-top: 10px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-main .z-author-meta span {
    margin-right: 10px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-info {
    font-size: 14px;
    color: #9a9a9a;
    margin-top: 20px;
    line-height: 1.6;
    height: 45px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-info i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
    margin-right: 5px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title::before {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #efefef;
    margin: auto;
    margin-right: 5px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title::after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #efefef;
    margin: auto;
    margin-left: 5px;
  }

  .zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title {
    font-size: 14px;
    color: #b5b5b5;
    margin: 20px 0;
    display: flex;
  }

  .zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-list a:hover .z-newpost-t{
    color: #FF6000;
  }

  .zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-list a:hover .z-newpost-img img{
    transform: scale(1.1);
    transition: all .2s;
  }

  .zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main {
    margin-bottom: 20px;
  }

  .zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-img {
    max-width: 150px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 6px;
  }

  .zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main img {
    width: 150px;
    height: 75px;
    border-radius: 6px;
    object-fit: cover;
  }

  .zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-t {
    font-size: 14px;
    line-height: 1.6;
    color: #323232;
    width: 200px;
  }

  .zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-t p {
    color: rgba(0,0,0,0.3);
    font-size: 12px;
  }

  .zero-link .zeromo-link-list .z-link-h5 {
    font-size: 22px;
  }

  .zero-link .zeromo-link-list .z-link-h5 small{
    font-size: 14px;
    margin-left: 10px;
    color: #323232;
    font-weight: 100;
  }

  .zero-link .zeromo-link-list .z-link-list .z-link-item{
    color: #323232;
    position: relative;
    display: inline-block;
  }

  .zero-link .zeromo-link-list .z-link-list .z-link-item span {
    margin: 12px;
  }

  .zero-link .zeromo-link-list .z-link-list .z-link-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    width: 0;
    border-right: 1px solid #8a8a8a;
    opacity: .5;
  }

  .zero-link .zeromo-link-list .z-link-list .z-link-item:nth-child(1) span{
    margin-left: 0;
  }

  .zero-link .zeromo-link-list .z-link-list .z-item-end {
    color: #FF6000;
    font-weight: 600;
  }

  .zero-link .zeromo-link-list .z-link-list .z-item-end i {
    margin-right: 2px;
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: unset;
    font-weight: 600;
  }

  .zero-link .zeromo-link-list .z-link-list .z-item-end:after {
    display: none!important;
  }

/* 全局底部开始 */

  .zero-footer .zeromo-footer-left:before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
  }

  .zero-footer .zeromo-footer-left {
    padding-right: 60px;
    position: relative;
  }

  .zero-footer .zeromo-footer-center {
    position: relative;
  }

  .zero-footer .zeromo-footer-center:before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
  }

  .zero-footer .zeromo-footer-center .z-footer-list {
    padding: 0 20px;
    list-style: none;
    text-align: center;
  }

  .zero-footer .zeromo-footer-center .z-footer-list .z-list-title {
    color: #FFF;
    font-size: 18px;
  }

  .zero-footer .zeromo-footer-center .z-footer-list .z-list-item {
    margin-top: 15px;
  }

  .zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content {
    padding: 2px;
  }

  .zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content a {
    color: #949498;
    font-size: 14px;
  }

  .zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content a:hover {
    color: #FFF;
  }

  .zero-footer .zeromo-footer-right .z-right-soc {

  }

  .zero-footer .zeromo-footer-right .z-right-soc a i{
    -webkit-text-stroke-width: unset;
    -webkit-text-stroke-color: unset;
    color: #FFF;
    font-size: 26px;
    margin-right: 20px;
    background-color: #535353;
    padding: 10px;
    border-radius: 5px;
  }

  .zero-footer .zeromo-footer-right .z-footer-qr img {
    width:100px;
    padding: 5px;

   }

.z-bg-image .abi-user-poster::after {
                    content: '';
                    background-color: #000;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: block;
                    opacity: 0.2;
                    top: 0;
                }

/* 全局列表页面开始 */
.info-score {
                                    }
                                    .score-wrap {
                                        position: relative;
                                    }
                                    .score-show {
                                        overflow: hidden;
                                    }
                                    .info-score .score-show .show-wrap {
                                        float: left;
                                    }
                                    .info-score .score-show strong {
                                        display: block;
                                        color: #ff6000;
                                        font-size: 25px;
                                        line-height: 33px;
                                        height: 33px;
                                        overflow: hidden;
                                        font-family: Arial-BoldMT;
                                        text-align: center;
                                    }
                                    .info-score .score-show span {
                                        display: block;
                                        font-size: 14px;
                                        color: #8a8a8a;
                                    }
                                    .info-score .add-score-wrap .component-add-score {
                                        font-size: 22px;
                                        display: block;
                                    }
                                    .info-score .add-score-wrap .component-add-score .score {
                                        height: 33px;
                                        margin-bottom: 14px;
                                    }
                                    .info-score .add-score-wrap .component-add-score .star {
                                        margin-left: 0px;
                                        margin-right: 0px;
                                    }
                                    .component-score-show .score-stars .star.show-color,
                                    .component-add-score .score-stars .star.show-color {
                                        color: #ffc168;
                                    }
                                    .component-score-show .score-stars .star,
                                    .component-add-score .score-stars .star {
                                        display: inline-block;
                                        position: relative;
                                        color: #d3d3d3;
                                        font-size: 18px;
                                    }
                                    .info-score .add-score-wrap .score-info {
                                        font-size: 12px;
                                        text-align: center;
                                        color: #8a8a8a;
                                    }

                                    .z-site-right img {
                                        border-radius: 5px;
                                        display: block;
                                        position: relative;
                                        left: 50%;
                                        top: 50%;
                                        transform: translate(-50%, -50%);
                                        width: auto;
                                        height: auto;
                                        max-width: 100%;
                                        max-height: 100%;
                                        visibility: visible;
                                        object-fit: cover;
                                    }

/* 全局列表筛选开始 */
.z-site-classlist {
          
                }

                .z-site-sort dl dt {
                  float: left;
                  line-height: 20px;
                  position: relative;
                  font-size: 15px;
                }

                .z-site-sort dl dd {
                  overflow: hidden;
                  gap: 20px;
                  display: flex;
                  flex-wrap: wrap;
                  margin: 10px;
                }
          
                .z-site-sort dl dd a {
                  color: #353535;
                  padding: 0 5px;
                  display: inline-block;
                }

                .z-site-sort dl dd a span {
                    font-size: 14px;
                }
          
                .z-site-sort dl dd a:hover {
                  color: #F60;
                  border-radius: 3px;
                }
          
                .z-site-classlist dl dt {
                  float: left;
                  width: 100px;
                  line-height: 20px;
                  position: relative;
                  font-size: 15px;
          
                }
          
                .z-site-classlist dl dd {
                  overflow: hidden;
                  gap: 30px;
                  display: flex;
                  flex-wrap: wrap;
                  margin: 10px;
                }
          
                .z-site-classlist dl dd a {
                  color: #353535;
                  padding: 0 5px;
                  display: inline-block;
                }

                .z-site-classlist dl dd a span {
                    font-size: 14px;
                }
          
                .z-site-classlist dl dd a:hover {
                  color: #F60;
                  border-radius: 3px;
                }
          
                .z-site-classlist dd .z-selected {
                  color: #F60;
                  border-radius: 3px;
                  overflow: hidden;
                  text-align: center;
                }

                .z-site-classlist dd .z-selected2 {
                    background-color: rgb(255, 238, 227);
                    color: #F60;
                    padding: 0px 10px;
                    border-radius: 3px;
                }

                .z-site-classlist dd .z-selected::after {
                    content: '';
                    width: 100%;
                    height: 10px;
                    display: block;
                    margin: 0 auto;
                    border-bottom:2px solid #F60;
                    padding:1px;
                }
          
                .z-site-classlist dd .z-selected span {
                  
                }

/* 全局列表右侧栏开始 */

.zero-article-right .z-author-rank,
                                        .zero-article-right .z-product-related {
                                            box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
                                        }

                                        .zero-article-right .z-author-rank .plug-title h5,
                                        .plug-title h5 {
                                            margin-bottom: 2px;
                                            color: #2b2b2b;
                                        }

                                        .zero-article-right .z-author-rank .plug-title small,
                                        .plug-title small {
                                            color: #a9a9a9;
                                        }

                                        .zero-article-right .z-author-rank .plug-hr,
                                        .plug-hr {
                                            color: #e5e5e5;
                                            margin: 5px 0px 20px 0px;
                                        }

                                        .zero-article-right .rank-list .rank-item {
                                            /* margin-bottom: 35px; */
                                            padding: 20px 0px 20px 0;
                                            border-bottom: 1px solid #f9f9f9;
                                        }

                                        .zero-article-right .rank-list .rank-item .rank-num {
                                            color: #faa90e;
                                            margin-right: 10px;
                                            font-size: 20px;
                                            font-weight: 600;
                                        }

                                        .zero-article-right
                                            .rank-list
                                            .rank-item:nth-child(1)
                                            .rank-num {
                                            color: #fe2d46;
                                        }

                                        .zero-article-right
                                            .rank-list
                                            .rank-item:nth-child(2)
                                            .rank-num {
                                            color: #ff6000;
                                        }

                                        .zero-article-right .rank-list .rank-item:nth-child(5) {
                                            border-bottom: unset;
                                            padding: 20px 0px 0px 0;
                                        }

                                        .zero-article-right .rank-list .rank-item .rank-pic {
                                            width: 40px;
                                            height: 40px;
                                            flex-shrink: 0;
                                            overflow: hidden;
                                            border-radius: 8px;
                                        }

                                        .zero-article-right .rank-list .rank-item .rank-pic img {
                                            width: 100%;
                                            height: 100%;
                                        }

                                        .zero-article-right
                                            .rank-list
                                            .rank-item:hover
                                            .rank-info
                                            h5 {
                                            color: #f60;
                                            font-weight: 600;
                                        }

                                        .zero-article-right
                                            .rank-list
                                            .rank-item:hover
                                            .rank-info
                                            span {
                                            color: rgb(255, 169, 111);
                                        }

                                        .zero-article-right .rank-list .rank-item:hover .rank-pic {
                                            border-radius: 50%;
                                            transition: all 0.3s;
                                        }

                                        .zero-article-right
                                            .rank-list
                                            .rank-item:hover
                                            .rank-pic
                                            img {
                                            transform: scale(1.1);
                                            transition: all 0.3s;
                                        }

                                        .zero-article-right .rank-list .rank-info {
                                            margin-left: 10px;
                                        }

                                        .zero-article-right .rank-list .rank-info h5 {
                                            margin-bottom: 3px;
                                            font-size: 16px;
                                            color: #595959;
                                        }

                                        .zero-article-right .rank-list .rank-info span {
                                            font-size: 12px;
                                            color: #a5a5a5;
                                            overflow: hidden;
                                            text-overflow: ellipsis;
                                            display: -webkit-box;
                                            -webkit-box-orient: vertical;
                                            -webkit-line-clamp: 1;
                                        }

                                        .zero-article-right .rank-list .rank-articlenum {
                                            flex-shrink: 0;
                                            color: #a9a9a9;
                                        }

.z-product-related .product-item {
                                                margin-bottom: 30px;
                                            }

                                            .z-product-related
                                                .product-item:hover
                                                .product-info
                                                .info-title
                                                h5 {
                                                color: #f60;
                                                font-weight: 600;
                                            }

                                            .z-product-related
                                                .product-item:hover
                                                .product-info
                                                .info-snm {
                                                color: rgb(255, 169, 111);
                                            }

                                            .z-product-related .product-item:hover .product-pic {
                                                background-color: rgb(255, 202, 168);
                                            }

                                            .z-product-related .product-item .product-pic {
                                                width: 50px;
                                                height: 50px;
                                                border-radius: 50%;
                                                overflow: hidden;
                                                flex-shrink: 0;
                                                background-color: #eaeaea;
                                            }

                                            .z-product-related .product-item .product-pic img {
                                                width: 100%;
                                                height: 100%;
                                                transform: scale(0.8);
                                                border-radius: 50%;
                                                background-color: #fff;
                                            }

                                            .z-product-related .product-item .product-info {
                                                margin-left: 10px;
                                            }

                                            .z-product-related
                                                .product-item
                                                .product-info
                                                .info-title {
                                                font-size: 18px;
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                display: -webkit-box;
                                                -webkit-box-orient: vertical;
                                                -webkit-line-clamp: 1;
                                            }

                                            .z-product-related
                                                .product-item
                                                .product-info
                                                .info-title
                                                h5 {
                                                margin-bottom: 5px;
                                            }

                                            .z-product-related
                                                .product-item
                                                .product-info
                                                .info-snm {
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                                display: -webkit-box;
                                                -webkit-box-orient: vertical;
                                                -webkit-line-clamp: 2;
                                                line-height: 1.5;
                                                color: #8a8a8a;
                                                font-size: 12px;
                                            }

/* 全局导航条开始 */
.z-nav-index .z-nav a {
                    color: #434343;
                    font-size: 14px;
                }

                .z-nav-index .z-nav i {
                    color: #434343;
                    font-size: 14px;
                    -webkit-text-stroke-color: #8a8a8a;
                    -webkit-text-stroke-width: initial;
                    padding: 0 5px;
                }

/* 文章导航条开始 */
.zeromo-article .z-nav-index .z-nav {
  color: #FFF;
  font-size: 14px;
}

.zeromo-article .z-nav-index .z-nav i {
  color: #ffffff;
  font-size: 14px;
  -webkit-text-stroke-color: #8a8a8a;
  -webkit-text-stroke-width: initial;
  padding: 0 5px;
}

.zeromo-article .z-nav-index .z-nav a {
  color: #FFF;
  font-size: 14px;
}

/* 全局CSS设置开始old */
.zeromo-post-content .z-post-header {
                height: 400px;
                background-color: #7a9cf3;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
            }

            .zeromo-post-content .z-post-header::after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 40%;
                background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    from(#f9f9f9),
                    to(rgba(0, 0, 0, 0))
                );
                background: -webkit-linear-gradient(bottom, #f9f9f9, rgba(0, 0, 0, 0));
                background: -o-linear-gradient(bottom, #f9f9f9, rgba(0, 0, 0, 0));
                background: linear-gradient(0deg, #f9f9f9, rgba(0, 0, 0, 0));
            }

            .zeromo-post-content .z-nav-index .z-nav {
                color: #ffffff;
                font-size: 14px;
            }

            .zeromo-post-content .z-nav-index .z-nav a {
                color: #ffffff;
                font-size: 14px;
            }

            .zeromo-post-content .z-nav-index .z-nav i {
                color: #ffffff;
                font-size: 14px;
                -webkit-text-stroke-color: #8a8a8a;
                -webkit-text-stroke-width: initial;
                padding: 0 5px;
            }

            .zeromo-post-content .z-post-header .z-post-bg {
                position: absolute;
                left: 50%;
                right: 0;
                top: 0;
                bottom: 0;
                overflow: hidden;
            }

            .zeromo-post-content .z-post-header .z-post-bg::after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: -webkit-linear-gradient(
                    192.6deg,
                    rgba(250, 250, 250, 0.2) 2%,
                    #7a9cf3 80%
                );
                background: -o-linear-gradient(192.6deg, rgba(250, 250, 250, 0.2) 2%, #7a9cf3 80%);
                background: linear-gradient(257.4deg, rgba(250, 250, 250, 0.2) 2%, #7a9cf3 80%);
            }

            .zeromo-post-content .z-post-header .z-post-bg .post-bg-1 {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                -webkit-transform: rotate(30deg);
                -ms-transform: rotate(30deg);
                transform: rotate(30deg);
                -webkit-filter: blur(4px);
                filter: blur(4px);
            }

            .zeromo-post-content .z-post-header .z-post-bg .post-bg-1 img {
                position: absolute;
                right: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transform: scale(2);
                -ms-transform: scale(2);
                transform: scale(2);
            }

            .zeromo-post-content .z-card {
                background-color: #fff;
                background: -webkit-gradient(
                    linear,
                    left top,
                    left bottom,
                    from(rgba(255, 255, 255, 0.5)),
                    to(#ffffff)
                );
                background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
                background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
                border: 1px solid #fff;
                border-radius: 7px 7px 0 0;
            }

/* 关联页分类开始 */

.zeromo-category .z-category-info .z-category-img {
                margin-right: 20px;
                width: 200px;
                height: 140px;
            }

            .zeromo-category .z-category-info .z-category-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
            }

            .zeromo-category .z-category-info .z-category-meta {
                width: 65%;
            }

            .zeromo-category .z-category-info .z-category-meta .z-category-title {
                font-size: 24px;
                font-weight: 600;
                color: #2a3547;
                margin-bottom: 10px;
            }

            .zeromo-category .z-category-info .z-category-meta .z-category-int {
                font-size: 15px;
                line-height: 1.7;
                margin-bottom: 20px;
            }

            .zeromo-category .z-category-info .z-category-meta .z-category-site {
                font-size: 15px;
            }

.zeromo-category
                .z-category-info
                .z-category-meta
                .z-category-site
                .z-category-sitelist {
            }

            .zeromo-category
                .z-category-info
                .z-category-meta
                .z-category-site
                .z-category-sitelist
                .z-category-siteitem {
                background-color: rgba(255, 140, 52, 0.1);
                padding: 3px;
                border-radius: 5px;
                margin: 0 10px 0 0;
                color: #ff6000;
                font-size: 14px;
            }

            .zeromo-category .z-category-info .z-category-left {
                margin-left: auto;
            }

            .zeromo-category .z-category-info .z-category-left .z-category-num {
                font-size: 30px;
                color: #ff6000;
                margin-bottom: 5px;
            }

            .zeromo-category .z-category-info .z-category-left .z-category-txt {
                color: #7f7f7f;
                font-size: 14px;
            }

            .zeromo-category .z-category-info .z-category-left .z-category-button {
                margin-top: 5px;
            }

            .zeromo-category .z-category-info .z-category-left .z-category-button button {
                color: #fff !important;
                background-color: #ff6000;
                border-radius: 4px;
                font-weight: 100 !important;
                border: 1px solid #ff6000;
            }

            .zeromo-category .z-category-card {
                border-radius: 0 0 7px 7px;
                position: relative;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.37) 0%, #ffffff 100%);
                background: -o-linear-gradient(top, rgba(255, 255, 255, 0.37) 0%, #ffffff 100%);
                background: -webkit-gradient(
                    linear,
                    left top,
                    left bottom,
                    from(rgba(255, 255, 255, 0.37)),
                    to(#ffffff)
                );
                background-color: rgba(255, 255, 255, 0.37);
            }

            .zeromo-category .z-category-card .zeromo-list-title .z-list-mobile {
                white-space: nowrap;
                overflow-y: hidden;
                overflow-x: auto;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items a:hover strong {
                background-color: #ff6000;
                color: #fff;
                border-radius: 4px;
                padding: 6px;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items strong {
                font-weight: normal;
                display: inline-block;
                line-height: 20px;
                color: hsl(0, 0%, 25%);
                background-color: transparent;
                padding: 6px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                white-space: nowrap;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items strong i {
                -webkit-text-stroke-color: unset;
                -webkit-text-stroke-width: inherit;
                margin-right: 5px;
                font-size: 16px;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items {
                float: left;
                display: block;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items .current strong {
                color: #fff !important;
                background-color: #ff6000;
                padding: 6px;
                border-radius: 4px;
                font-weight: 100 !important;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items:nth-child(1) a {
                margin-left: 0;
            }

            .zeromo-category .z-category-card .zeromo-list-title .items a {
                margin: 20px;
            }

/* 全局列表网址块开始 */

.z-siteitems-sitelist .z-siteitems-sitegroup {
                        margin-right: 10px;
                      }

                      .z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-sitename {
                        font-size: 16px;
                        margin-bottom: 10px;
                        font-weight: 600;
                        color: #2A3547;
                      }

                      .z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-siteinc {
                        font-size: 12px;
                        color: #979797;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        width: 120px;
                      }

                      .z-siteitems-sitelist .z-siteitems-siteimg {
                        width: 50px;
                        height: 50px;
                        background-color: #ebebeb;
                        border-radius: 50%;
                        overflow: hidden;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank {
                        margin-left: auto;
                        color: #999999;
                        opacity: 0;
                        margin-right: 10px;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-rank {
                        opacity: 1 !important;
                        margin-right: 0px;
                        transition: all 250ms ease-in-out 0s;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-ranknum {
                        font-size: 15px;
                        margin-bottom: 10px;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like {
                        font-size: 36px;
                        color: #999999;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like:hover {
                        transform: scale(1.2);
                        transition: all .3s;
                        color: #FF6000;
                        display: block;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like i {
                        -webkit-text-stroke-color: unset;
                        -webkit-text-stroke-width: inherit;
                      }

                      .z-siteitems-sitelist a:hover .z-siteitems-sitegroup .z-siteitems-sitename {
                        color: #FF6000;
                      }

                      .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-siteimg {
                        opacity: 0;
                        position: absolute;
                      }

                      .z-siteitems-sitelist .d-flex {
                        height: 70px;
                      }

                      .z-siteitems-sitelist .z-siteitems-siteimg img {
                        height: 100%;
                        transform: scale(0.8);
                        border-radius: 50%;
                        background-color: #fff;
                      }

/* 20240106新网址详情页开始 */

.zeromo-product-nitem .container {
                    position: relative;
                }

                .zeromo-product-nitem .z-sidebar-list {
                    width: 100%;
                    /*background-color: #FFF;*/
                    border-radius: 10px;
                    position: fixed;
                    width: 60px;
                    top: 165px;
                }

                .zeromo-product-nitem .z-sidebar-list ul {
                }

                .zeromo-product-nitem .z-sidebar-list ul li {
                    padding: 0px 0px 25px 0px;
                }

                .zeromo-product-nitem .z-sidebar-list ul li a {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                }

                .zeromo-product-nitem .z-sidebar-list ul li a span {
                    margin-top: 5px;
                    color: #000;
                    font-size: 14px;
                }

                .zeromo-product-nitem .z-sidebar-list ul li a small {
                    position: absolute;
                    background-color: #eecc9f;
                    color: #253258;
                    top: -5px;
                    right: -5px;
                    padding: 0 10px;
                    border-radius: 20px;
                }

                .zeromo-product-nitem .z-sidebar-list ul li a i {
                    font-size: 28px;
                    color: #253258;
                    background-color: #f9f9f9;
                    border-radius: 50%;
                    padding: 12px;
                    -webkit-text-stroke-width: unset;
                }

.zeromo-product-nitem .zero-product-mate .zero-product-image {
                                    width: 100%;
                                    height: 100%;
                                }

                                .zeromo-product-nitem .zero-product-mate .zero-product-image img {
                                    width: 100%;
                                    height: 160%;
                                    object-fit: cover;
                                }

                                .zeromo-product-nitem
                                    .zero-product-mate
                                    .zero-product-image::after {
                                    content: '';
                                    background-color: #000;
                                    position: absolute;
                                    width: 100%;
                                    height: 100%;
                                    display: block;
                                    opacity: 0.2;
                                    top: 0;
                                }

.zeromo-product-nitem .zero-product-mate {
                                        margin-left: 120px;
                                        margin-bottom: 30px;
                                    }

                                    @media (max-width: 638px) {
                                        .zeromo-product-nitem .zeromo-content .z-nav-index {
                                            margin-bottom: 0px !important;
                                        }

                                        .zeromo-product-nitem .zero-product-mate {
                                            margin-left: 0;
                                        }

                                        .zeromo-product-nitem .zero-product-mate .z-siteauthor {
                                            display: block !important;
                                            position: absolute;
                                            right: 30px;
                                            top: 40px;
                                        }

                                        .zeromo-product-nitem
                                            .zero-product-mate
                                            .z-siteauthor
                                            .author-show {
                                            display: flex;
                                            flex-direction: column;
                                            align-items: center;
                                            justify-content: center;
                                        }

                                        .zeromo-product-nitem .z-sidebar-mobile {
                                            display: flex;
                                            position: fixed;
                                            bottom: 30px;
                                            width: 90%;
                                            height: 60px;
                                            background-color: #FFFFFF17;
                                            z-index: 99;
                                            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                                            top: unset;
                                            border-radius: 50px;
                                            margin: auto;
                                            right: 0;
                                            left: 0;
                                            backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
                                            -webkit-backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
                                        }

                                        .zeromo-product-nitem .z-sidebar-mobile ul li a span {
                                            font-size: 12px !important;
                                            margin-top: 0px !important;
                                        }

                                        .zeromo-product-nitem .z-sidebar-mobile ul li a i {
                                            background-color: unset;
                                            margin: 3px 5px 3px;
                                            font-size: 20px !important;
                                            padding: 0px !important;
                                        }

                                        .zeromo-product-nitem .z-sidebar-list ul li a small {
                                            padding: 0px 5px !important;
                                            top: -10px !important;
                                            font-size: 12px !important;
                                        }

                                        .zeromo-product-nitem .z-sidebar-mobile ul li {
                                            padding: 5px;
                                        }

                                        .zeromo-product-nitem .z-sidebar-mobile ul {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            margin-bottom: 0;
                                            gap: 20px;
                                            width: 100%;
                                        }

                                        .zeromo-product-nitem .zero-product-mate .z-siteqr-mb {
                                            width: 100px !important;
                                        }

                                        .zeromo-product-nitem .zero-product-mate .z-siteqr {
                                            display: none !important;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-logo {
                                            margin-top: 5px !important;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic {
                                            width: 60px !important;
                                            height: 60px !important;
                                        }

                                        .zeromo-product-nitem
                                            .z-sitemeta-i
                                            .sitemeta-logo-pic
                                            .z-sitemeta-rank {
                                            display: block !important;
                                            position: absolute;
                                            top: -10px;
                                            right: -10px;
                                            background: #f60;
                                            color: #fff;
                                            border-radius: 10px;
                                            padding: 0px 5px;
                                            font-size: 12px;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m {
                                            padding-left: 0px !important;
                                            margin-top: 0px !important;
                                            display: block !important;
                                            position: relative;
                                        }

                                        .zeromo-product-nitem
                                            .z-sitemeta-i
                                            .z-sitemeta-m
                                            .z-sitemeta-title {
                                            margin-left: 80px;
                                        }

                                        .zeromo-product-nitem
                                            .z-sitemeta-i
                                            .z-sitemeta-m
                                            .z-sitemeta-title
                                            small {
                                            position: absolute;
                                            left: 0;
                                            margin-top: 10px;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn {
                                            width: 100%;
                                            gap: 10px;
                                            margin-top: 45px;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn {
                                            margin: 0 !important;
                                            width: 42.5%;
                                        }

                                        .zeromo-product-nitem
                                            .z-sitemeta-i
                                            .z-sitemeta-btn
                                            .btn:nth-child(3) {
                                            width: 15%;
                                        }

                                        .zeromo-product-nitem .z-sitemeta-i {
                                            margin-bottom: 10px !important;
                                        }

                                        .nav-pills .nav-link {
                                            min-width: 0px;
                                        }

                                        .zeromo-product-nitem .zero-p-info h5 {
                                            font-size: 16px !important;
                                            margin-bottom: 10px !important;
                                        }

                                        .zeromo-product-nitem .zero-p-info p {
                                            font-size: 14px !important;
                                            margin-bottom: 10px !important;
                                        }

                                        .zeromo-product-nitem .zero-p-info .mb-5 {
                                            margin-bottom: 2rem !important;
                                        }

                                        .zeromo-product-nitem .z-siteright-mobile .z-siteauthor-m {
                                            display: none;
                                        }

                                        .zeromo-product-nitem .z-siteright-mobile .z-siterank-m {
                                            display: none;
                                        }
                                    }

                                    .zeromo-product-nitem .zero-product-mate .z-siteqr-mb {
                                        background-color: #000;
                                        position: absolute;
                                        height: 100%;
                                        width: 120px;
                                        right: 0;
                                        opacity: 0.4;
                                    }

                                    .zeromo-product-nitem .zero-product-mate .z-siteqr {
                                        position: absolute;
                                        right: 20px;
                                        bottom: 20px;
                                        margin: 0;
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i {
                                        padding: 20px;
                                        position: relative;
                                        margin-bottom: 30px;
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-logo {
                                        margin-top: -40px;
                                        position: absolute;
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic {
                                        width: 100px;
                                        height: 100px;
                                        background-color: #fff;
                                        border-radius: 10px;
                                        box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic img {
                                        width: 100%;
                                        height: 100%;
                                        transform: scale(0.8);
                                        border-radius: 20px;
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m {
                                        padding-left: 120px;
                                        margin-top: -5px;
                                    }

                                    .zeromo-product-nitem
                                        .z-sitemeta-i
                                        .z-sitemeta-m
                                        .z-sitemeta-title
                                        h4 {
                                        font-size: 24px;
                                        font-weight: 600;
                                        margin-bottom: 10px;
                                    }

                                    .zeromo-product-nitem
                                        .z-sitemeta-i
                                        .z-sitemeta-m
                                        .z-sitemeta-title
                                        p {
                                        font-size: 14px;
                                        color: #3b3b3b;
                                        margin-bottom: 5px;
                                    }

                                    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn {
                                        background: #f60;
                                        color: #fff;
                                        margin: 22px 5px;
                                        border-radius: 4px;
                                        height: 38px;
                                    }

                                    .zeromo-product-nitem
                                        .z-sitemeta-i
                                        .z-sitemeta-btn
                                        .btn:nth-child(2) {
                                        color: #838383;
                                        border: 1px solid #e5e5e5;
                                        background: unset;
                                    }

                                    .zeromo-product-nitem
                                        .z-sitemeta-i
                                        .z-sitemeta-btn
                                        .btn:nth-child(3) {
                                        color: rgb(255, 72, 0);
                                        border: 1px solid rgb(255, 72, 0);
                                        padding: 7px;
                                        background: unset;
                                    }

                                    .zeromo-product-nitem .zero-p-info h5 {
                                        color: #000;
                                        margin-bottom: 15px;
                                        font-weight: 600;
                                        font-size: 20px;
                                    }

                                    .zeromo-product-nitem .zero-p-info h5 i {
                                        margin-right: 5px;
                                        color: #ffb07b;
                                    }

                                    .zeromo-product-nitem .zero-p-info p {
                                        font-size: 16px;
                                        line-height: 28px;
                                        color: #595959;
                                        margin-bottom: 20px;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul {
                                        width: 100%;
                                        height: auto;
                                        overflow: hidden;
                                        padding: 15px 0 18px 0;
                                        border-top: 1px solid #f6f6f6;
                                        border-bottom: 1px solid #f6f6f6;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul li {
                                        float: left;
                                        width: 14.2%;
                                        border-right: 1px solid #f6f6f6;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul li:nth-last-child(1) {
                                        border-right: unset;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul li span {
                                        display: block;
                                        text-align: center;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul li span:nth-child(1) {
                                        font-size: 16px;
                                        font-weight: 600;
                                        color: #333333;
                                    }

                                    .zeromo-product-nitem .zero-p-info ul li span:nth-child(2) {
                                        font-size: 12px;
                                        color: #999;
                                    }

                                    .zeromo-product-nitem
                                        .item-profile-tab
                                        .nav-item
                                        .nav-link.active {
                                        color: #5d87ff;
                                        border-bottom: 2px solid #5d87ff;
                                        font-weight: 600;
                                    }

                                    .zeromo-product-nitem .item-profile-tab .nav-item .nav-link {
                                        color: #5a6a85;
                                    }

.zeromo-content {
            }

            .zeromo-content .z-bg-image {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                opacity: 0.3;
                overflow: hidden;
            }

            .zeromo-content .z-bg-image .thumb {
                padding-top: 0;
                height: 100%;
                -webkit-filter: blur(30px) opacity(0.7) saturate(2);
                filter: blur(30px) opacity(0.7) saturate(2);
                display: none \9;
                background-position: center;
                box-shadow: inset 30px 0px 100px 50px #f9f9f9, inset -31px 0px 100px 51px #f9f9f9;
            }

            .z-bg-image .thumb {
                width: 100%;
                padding-top: 0;
                height: 100%;
            }

            .thumb {
                display: block;
                background-repeat: no-repeat;
                background-position: center;
                -webkit-background-size: cover;
                background-size: cover;
                width: 100%;
                height: 0;
            }

            .zeromo-content .z-nav-index .z-nav a {
                color: #8a8a8a;
                font-size: 14px;
            }

            .zeromo-content .z-nav-index .z-nav i {
                color: #8a8a8a;
                font-size: 14px;
                -webkit-text-stroke-color: #8a8a8a;
                -webkit-text-stroke-width: initial;
                padding: 0 5px;
            }

            @media (max-width: 638px) {
                .zeromo-site-meta .z-site .z-site-logo {
                    width: 40px !important;
                    height: 40px !important;
                    border-radius: 10px !important;
                }

                .zeromo-site-meta .z-site .z-site-title .z-sitename {
                    font-size: 16px;
                }

                .zeromo-site-meta .z-site .z-site-title {
                    margin-bottom: 10px !important;
                }

                .zeromo-site-meta .z-site-meta {
                    padding: 0 5px !important;
                    font-size: 12px !important;
                }

                .zeromo-site-meta .z-site .z-site-btn {
                    display: flex;
                    width: 100%;
                    margin-top: 10px;
                }

                .zeromo-site-meta .z-site .z-site-btn .btn-mobile {
                    width: 50%;
                    margin-top: 0.5rem;
                }

                .zeromo-site-meta .z-site .z-site-btn .btn-mobile a {
                    width: 95%;
                }

                .zeromo-site-more {
                    margin-top: 30px;
                }

                .zeromo-site-author .z-author .info-score {
                    background-color: #fff;
                    margin: auto;
                    margin-top: 20px;
                    padding: 10px 20px;
                    border-radius: 10px;
                }
            }

            .zeromo-site-meta .z-site .z-site-btn {
                margin-left: auto;
            }

            .zeromo-site-meta .z-site .z-site-logo {
                width: 60px;
                height: 60px;
                margin-right: 15px;
                background-color: #e7e7e7;
                border-radius: 15px;
            }

            .zeromo-site-meta .z-site-meta {
                padding: 0 20px;
                position: relative;
                color: #525252;
                font-size: 14px;
            }

            .zeromo-site-meta .z-site-meta .ico {
                color: #ff6000;
            }

            .zeromo-site-more {
                margin-bottom: 40px !important;
            }

            .zeromo-site-more .z-site-tag .ico {
                color: #ff6000;
                margin-right: 5px;
            }

            .zeromo-site-more .z-site-tag a {
                color: #8a8a8a;
                padding: 0 5px;
                position: relative;
                font-size: 12px;
            }

            .zeromo-site-meta .z-site-meta a {
                color: #525252;
            }

            .zeromo-site-meta .z-site-meta::after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -5px;
                height: 10px;
                width: 0;
                border-right: 1px solid #8a8a8a;
                opacity: 0.5;
            }

            .zeromo-site-author .z-author .z-author-avatar {
                width: 50px;
                height: 50px;
                margin-right: 15px;
            }

            .zeromo-site-author .z-author .z-author-avatar i {
                width: 50px;
                height: 50px;
                border-radius: 10px;
            }

            .zeromo-site-author .z-author .info-score {
                margin-left: auto;
            }

/* 交易列表页开始 */

.business-screen {
                }

                .business-screen dl dt {
                    float: left;
                    width: 100px;
                    line-height: 20px;
                    position: relative;
                    font-size: 15px;
                }

                .business-screen dl dd {
                    overflow: hidden;
                    gap: 20px;
                    display: flex;
                    flex-wrap: wrap;
                }

                .business-screen dl dd a {
                    color: #353535;
                    padding: 0 5px;
                    display: inline-block;
                }

                .business-screen dl dd a:hover {
                    background-color: #609bfb;
                    border-radius: 3px;
                    color: #fff;
                }

                .business-screen dd .z-selected {
                    color: #fff;
                    border-radius: 3px;
                    overflow: hidden;
                    background-color: #609bfb;
                }

                .business-screen dd .z-selected span {
                }

                .zero-businesslist .z-nav-index .z-nav a {
                    color: #434343;
                    font-size: 14px;
                }

                .zero-businesslist .z-nav-index .z-nav i {
                    color: #434343;
                    font-size: 14px;
                    -webkit-text-stroke-color: #8a8a8a;
                    -webkit-text-stroke-width: initial;
                    padding: 0 5px;
                }

.business-code {
                    }

                    .z-pd-0 {
                        padding: 0 !important;
                    }

                    .z-codeitem .z-codeitem-img {
                        width: 100%;
                        height: 180px;
                    }

                    .z-codeitem .z-codeitem-img img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .z-codeitem .z-codeitem-meta {
                        padding: 15px;
                    }

                    .z-codeitem .z-codeitem-meta .z-codeitem-p {
                        background-color: #fafafa;
                        color: #8a8a8a;
                        padding: 10px;
                        border-radius: 8px;
                        margin-bottom: 10px;
                    }

                    .z-codeitem .z-codeitem-meta .z-codeitem-p .z-item-price {
                        color: #f60;
                        font-size: 16px;
                        font-weight: 600;
                    }

                    .z-codeitem .z-codeitem-meta .z-codeitem-p .z-item-price span {
                        font-size: 12px;
                        font-weight: 500;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-title h4 {
                        font-size: 15px;
                        line-height: 25px;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author {
                        margin-top: 15px;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author .z-item-service {
                        gap: 5px;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author .z-item-service .item-service {
                        padding: 0 3px;
                        border-radius: 20px;
                    }

                    .z-item-author .z-item-service .item-service.service-1 {
                        background: #fff5ee;
                        color: #f60;
                        border: 1px solid #f60;
                    }

                    .z-item-author .z-item-service .item-service.service-2 {
                        background: #f9f9f9;
                        color: #999;
                        border: 1px solid #ddd;
                    }

                    .z-item-author .z-item-service .item-service.service-3 {
                        background: #eff;
                        color: #6a4;
                        border: 1px solid #6a4;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author .author-name {
                        margin-left: 5px;
                        color: #858585;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author .author-img {
                        width: 25px;
                        height: 25px;
                    }

                    .z-codeitem .z-codeitem-meta .z-item-author .author-img img {
                        width: 100%;
                        border-radius: 50%;
                    }

/* 商城详情页开始 */
.z-b-item-info ul {
                                                    width: 100%;
                                                    height: auto;
                                                    overflow: hidden;
                                                    padding: 15px 0 18px 0;
                                                    border-top: 1px solid #f6f6f6;
                                                    border-bottom: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-info ul li {
                                                    float: left;
                                                    width: 25%;
                                                    border-right: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-info ul li:nth-last-child(1) {
                                                    border-right: unset;
                                                }

                                                .z-b-item-info ul li span {
                                                    display: block;
                                                    text-align: center;
                                                }

                                                .z-b-item-info ul li span:nth-child(1) {
                                                    font-size: 16px;
                                                    font-weight: 600;
                                                    color: #333333;
                                                }

                                                .z-b-item-info ul li span:nth-child(2) {
                                                    font-size: 12px;
                                                    color: #999;
                                                }

                                                .z-b-item-btn {
                                                    width: 100%;
                                                    display: flex;
                                                    margin-top: 20px;
                                                    gap: 20px;
                                                }

                                                .z-b-item-btn .btn {
                                                    width: 33%;
                                                    color: #fff;
                                                    border-radius: 3px;
                                                }

                                                .z-b-item-btn a:nth-child(1) {
                                                    background-color: #00b788;
                                                }

                                                .z-b-item-btn a:nth-child(2) {
                                                    background-color: #046eee;
                                                }

                                                .z-b-item-btn a:nth-child(3) {
                                                    background-color: #f68325;
                                                }

                                                .z-b-item-authinfo ul {
                                                    width: 100%;
                                                    height: auto;
                                                    overflow: hidden;
                                                    padding: 15px 0 18px 0;
                                                    border-top: 1px solid #f6f6f6;
                                                    border-bottom: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-authinfo ul li {
                                                    float: left;
                                                    width: 33%;
                                                    border-right: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-authinfo ul li:nth-last-child(1) {
                                                    border-right: unset;
                                                }

                                                .z-b-item-authinfo ul li span {
                                                    display: block;
                                                    text-align: center;
                                                }

                                                .z-b-item-authinfo ul li span:nth-child(1) {
                                                    font-size: 16px;
                                                    font-weight: 600;
                                                    color: #333333;
                                                }

                                                .z-b-item-authinfo ul li span:nth-child(2) {
                                                    font-size: 12px;
                                                    color: #999;
                                                }
.z-b-item-detailsinfo ul {
                                                    width: 100%;
                                                    height: auto;
                                                    overflow: hidden;
                                                    padding: 15px 0 18px 0;
                                                    border-top: 1px solid #f6f6f6;
                                                    border-bottom: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-detailsinfo ul li {
                                                    float: left;
                                                    width: 16.6%;
                                                    border-right: 1px solid #f6f6f6;
                                                }

                                                .z-b-item-detailsinfo ul li:nth-last-child(1) {
                                                    border-right: unset;
                                                }

                                                .z-b-item-detailsinfo ul li span {
                                                    display: block;
                                                    text-align: center;
                                                }

                                                .z-b-item-detailsinfo ul li span:nth-child(1) {
                                                    font-size: 16px;
                                                    font-weight: 600;
                                                    color: #333333;
                                                }

                                                .z-b-item-detailsinfo ul li span:nth-child(2) {
                                                    font-size: 12px;
                                                    color: #999;
                                                }

/* 源码交易首页开始 */

.business-button {
                      width: 100%;
                      text-align: center;
                      background: linear-gradient(to right, #609bfb, #ff6582);
                      overflow: hidden;
                      line-height: 35px;
                      border-radius: 7px;
                      height: 35px;
                      display: flex;
                      justify-content: space-evenly;
                      flex-shrink: 0;
                      margin-bottom: 10px;
                    }

                    .business-button a {
                      color: #FFF;
                    }

                    .business-button .business-button-code {
                      color: #FFF;
                      width: 50%;
                      display: block;
                      background: #609bfb;
                    }

                    .business-button .business-button-code:after {
                      content: '';
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      background: #609bfb;
                      -webkit-transform-origin: 100% 0;
                      -ms-transform-origin: 100% 0;
                      transform-origin: 100% 0;
                      -webkit-transform: skew(-45deg);
                      -ms-transform: skew(-45deg);
                      transform: skew(-45deg);
                      z-index: -1;
                    }

                    .business-button .business-button-website {
                      color: #FFF;
                      width: 50%;
                      display: block;
                      background: #ff6582;
                    }

.z-pd-20 {
            padding: 20px !important;
          }

          .zero-businesshome .business-class .z-item-flex {
            align-items: center;
            justify-content: space-between;
          }

          .business-class .zero-item .z-item-mate h4 {
            font-size: 18px;
            font-weight: 600;
          }

          .business-class .zero-item .z-item-mate p {
            margin-bottom: 0px !important;
            font-size: 14px;
            color: #2c2f3280;
          }

          .business-class .zero-item .z-item-icon {
            width: 32px;
            height: 32px;
            overflow: hidden;
          }

          .business-class .zero-item .z-item-icon img {
            width: 100%;
            height: 100%;
          }

/* 商城结算页开始 */

.zero-payment-list {
                                            gap: 10px;
                                        }

                                        .zero-payment-list .payment-list {
                                            gap: 10px;
                                            border-radius: 5px;
                                            padding: 10px;
                                            width: 33%;
                                            border: 1px solid #f3f3f3;
                                        }

                                        .zero-payment-list .payment-list.active {
                                            border: 1px solid #f60;
                                        }

                                        .zero-payment-list .payment-list .text-sm {
                                            font-size: 16px;
                                        }

                                        .zero-payment-list .payment-list img {
                                            width: 25px;
                                        }

/* 用户中心设置开始 */

#sidebarnav .sidebar-item {
        position: relative;
      }

      #sidebarnav .sidebar-item .sidebar-link.has-arrow::after {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #2a3547;
        margin-left: 10px;
        -webkit-transform: rotate(135deg) translate(0, -50%);
        -ms-transform: rotate(135deg) translate(0, -50%);
        -o-transform: rotate(135deg) translate(0, -50%);
        transform: rotate(135deg) translate(0, -50%);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        top: 25px;
        right: 15px;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
      }

      .sidebar-item .first-level {
        background-color: #ededed6e;
        border-radius: 10px;
        margin-top: 10px;
      }

      .sidebar-item .first-level li a {
        background-color: unset;
      }

      .sidebar-item .first-level li a i {
        -webkit-text-stroke-width: unset;
      }

      .sidebar-item .first-level li a:hover {
        color: #3772ff;
        background-color: #3772ff40 !important;
      }

/* 用户中心头部开始 */

.zeromo-user-header {
        position: absolute !important;
        background-color: rgb(0 0 0 / 30%) !important;
        backdrop-filter: saturate(180%) blur(30px);
        box-shadow: 0 0 25px rgb(0 0 0 / 25%);
      }

      .zeromo-user-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #FFF;
        font-weight: 400!important;
      }

      .zeromo-user-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        color: #ffe9dc;
        background-color: rgb(255 255 255 / 18%);
      }

      .zeromo-user-header .zeromo-nav .zeromo-nav-right a {
        color: #f5f5f5;
        font-weight: 600;
        position: relative;
        vertical-align: top;
      }

      .zeromo-user-header .zeromo-nav .zeromo-nav-right .ti-diamond-filled {
        color:#ffda77;
      }

      .zeromo-user-header .zeromo-nav .zeromo-nav-right a .ti {
        -webkit-text-stroke-width: inherit;
        -webkit-text-stroke-color: unset;

      }

 .zeromo-user-header .zeromo-nav .zeromo-nav-right a .z-nav-drop {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  color: #fff;
  padding: 0 5px;
  height: 18px;
  border-radius: 10px;
  white-space: nowrap;
  background-color: #ee3e31;
  font-weight: 400;
  font-style: inherit;
 }

 .zeromo-user-header .zeromo-nav .zeromo-nav-right .z-nav-search {
  display: block;
  background: #f5f5f5;
  border-radius: 18px;
  font-size: 14px;
  color: #666;
 }

 .zeromo-user-header .zeromo-nav .zeromo-nav-right .z-nav-search .ti-search {
  font-size: 16px;
  -webkit-text-stroke-width: inherit;
  margin-top: 3px;
  margin-right: 10px;
 }

/* 用户中心设置开始 */
.cs-cover_photo {
      position: relative;
      height: 350px;
      background-position: cover;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .cs-edit_cover {
      border: none;
      outline: none;
      background: #fff;
      height: 45px;
      width: 45px;
      border-radius: 5px;
      position: absolute;
      right: 30px;
      bottom: 30px;
    }
    .cs-prifile_wrap {
      display: flex;
    }
    .cs-profile_sidebar {
      width: 250px;
      border-radius: 10px;
      padding: 20px 20px 30px;
    }
    .cs-white_bg {
      background-color: #FFF;
    }
    .cs-box_shadow {
      -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05);
      box-shadow: 2px 2px 30px rgb(0 0 0 / 20%);
      margin-top: -150px;
      border-radius: 10px;
    }
    .cs-profile_pic {
      width: 200px;
      height: 200px;
      border-radius: 15px;
      margin: auto;
      position: relative;
      z-index: 1;
      overflow: hidden;
    }
    .cs-profile_pic img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    .cs-profile_title {
      font-size: 28px;
      text-align: center;
      margin-top: 15px;
      margin-bottom: 0;
    }
    .cs-name {
      text-align: center;
      margin-top: 5px;
    }
    .cs-profile_meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 14px;
      line-height: 1.5em;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin-top: 10px;
    }

    @media screen and (min-width: 992px) {
      .cs-height_30 {
        height: 30px;
      }
      .cs-height_50 {
        height: 50px;
      }
    }

    .cs-profile_nav {
      color: #050023;
    }

    .cs-profile_nav li:not(:last-child) {
      margin-bottom: 10px;
    }

    .cs-profile_nav a:hover, .cs-profile_nav a.active {
      background-color: #3772ff;
      color: #fff;
    }

    .cs-profile_nav a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 5px;
      padding: 13px 20px;
      background-color: #f8fafc6e;
      color: #050023;
    }

    .cs-profile_nav a svg, .cs-profile_nav a i {
      margin-right: 15px;
      font-size: 22px;
    }

    .cs-profile_right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 30px;
    }

    .cs-edit_profile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .cs-edit_profile_img {
      height: 90px;
      width: 90px;
      margin-right: 25px;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      border-radius: 10px;
      overflow: hidden;
    }
    .cs-edit_profile_img img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
    }
    .cs-edit_profile_btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 10px;
    }
    .cs-delete_btn {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 500;
      color: #050023;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .cs-delete_btn i {
      color: #fc466b;
      margin-right: 2px;
      font-size: 20px;
    }
    .cs-edit_profile p {
      margin: 0;
      font-size: 14px;
      line-height: 1.5em;
      color: rgba(115, 122, 153, 0.5);
    }

/* 文章详情页开始 */
.zeromo-article .z-bg-image {
  position: absolute;
  left: -50px;
  right: -50px;
  top: -50px;
}

.zeromo-article .z-bg-image .abi-user-poster::after {
  content: '';
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: .4;
  top: 0;
}

.zeromo-article .article-header {
  position: relative;
  color: #FFF;
  text-align: center;
}

.zeromo-article .article-header .article-title {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 600;
  color: #FFF;
}

.zeromo-article .article-header .article-mate {
  margin-bottom: 15px;
}

.zeromo-article .article-header .article-mate .article-info-text {
  font-size: 16px;
  margin-bottom: 0;
}

.zeromo-article .article-header .article-mate .article-info-text li::after {
  content: "";
  border-right: 2px solid #CCC;
  margin: 0px 15px 0px 15px;
  height: 10px;
  display: inline-flex;
}

.zeromo-article .article-header .article-mate .article-info-ico {

}

.zeromo-article .article-header .article-mate .article-info-ico ul {
  margin-bottom: 0;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li i {
  -webkit-text-stroke-width: unset;
  font-size: 15px;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li span {
  margin-left: 3px;
}

.zeromo-article .article-header .article-author {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zeromo-article .article-header .article-author .author-img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}

.zeromo-article .article-header .article-author .author-img img {
  width: 100%;
  height: 100%;
}

.zeromo-article .article-header .article-author .author-name {
  font-size: 16px;
  color: #FFF;
  margin-left: 10px;
}

.zeromo-article .article-header .article-author .author-btn {
  margin-left: 15px;
}

.zeromo-article .article-header .article-author .author-btn .btn {
  background-color: #F60;
  color: #FFF;
  height: 25px;
  padding: 0 10px;
  border-radius: 3px;
}

.zeromo-article .article-header .article-hot {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  opacity: .7;
}

.zeromo-article .article-header .article-hot i {
  
}

.zeromo-article .article-header .article-hot span {
  margin-left: -15px;
  font-style: italic;
  font-weight: 600;
}

.zeromo-article .z-article-directory .z-article-author {
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.zeromo-article .z-article-directory .z-article-author .z-author-new:hover .author-pic img {
 transform: scale(1.1);
 transition: all .3s;
}

.zeromo-article .z-article-directory .z-article-author .z-author-new:hover .author-title {
  color: #F60;
}

.zeromo-article .z-article-directory .z-article-author .author-pic {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}

.zeromo-article .z-article-directory .z-article-author .author-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zeromo-article .z-article-directory .z-article-author .author-info {
  color: #2A3547;
  margin-left: 10px;
}

.zeromo-article .z-article-directory .z-article-author .author-info .author-title {
  font-size: 16px;
  font-weight: 600;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 0 10px 0;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate {
  margin-top: 15px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li {
  float: left;
  width: 33.3333%;
  border-right: 1px solid #f6f6f6;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li:nth-child(3) {
  border-right: 0;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span {
  display: block;
  text-align: center;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span:nth-child(2) {
  font-size: 12px;
  color: #999;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5 {
  font-size: 14px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5::before {
  content: '';
  flex: 1 1;
  border-bottom: 1px solid #efefef;
  margin: auto;
  margin-right: 5px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5::after {
  content: '';
  flex: 1 1;
  border-bottom: 1px solid #efefef;
  margin: auto;
  margin-left: 5px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item {
  padding-bottom: 15px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a {
  color: #2A3547;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a:hover {
  color: #F60;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a i {
  font-size: 16px;
  color: #F60;
  margin-right: 5px;
  font-weight: 600;
}

.zeromo-article .z-article-directory .directory-box {
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: fixed;
}

.directory-box .directory-title {
  margin-bottom: 15px;
}

.directory-box .directory-title h4 {
  font-size: 16px;
  margin-bottom: 0;
}

.directory-box .directory-content {

}

.directory-box .directory-content .directory-list {
  width: 195px;
}

.directory-box .directory-content .directory-list .directory-item {
  padding: 10px 0;
}

.directory-box .directory-content .directory-list .directory-item a {
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.directory-box .directory-content .directory-list .directory-item i {
  -webkit-text-stroke-width: unset;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-title {

}

.directory-box .directory-content .directory-list .directory-item:hover .directory-item-title {
  color: #F60;
  transition: all .3s;
}

.directory-box .directory-content .directory-list .directory-item:hover .directory-item-subtitle {
  color: rgb(255 154 88);
  transition: all .3s;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-subtitle {
  margin-left: 10px;
  color: #a1a1a1;
} 

.zeromo-article .z-articel-new {
  
}

.zeromo-article .z-articel-new .z-articel-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.z-articel-new .z-articel-mobile {
  display: none;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous {
  padding: 15px 0;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa {
  font-size: 18px;
  font-weight: 600;
  color: #2A3547;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa .previous-title {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .previous-right {
  text-align: end;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa:nth-child(2) i {
  margin-right: 0;
  margin-left: 10px;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa i {
  -webkit-text-stroke-width: unset;
  margin-right: 10px;
}

.z-articel-box .article-content .article-text {
  
}

/*.z-articel-box .article-content .article-text::after {
  content: "";
  border-right: 1px solid #F9F9F9;

}*/

.z-articel-box .article-content .article-text .article-post {
  padding: 10px;
}

.z-articel-box .article-content .article-text .article-post h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 5px;
}

.z-articel-box .article-content .article-text .article-post p {
  line-height: 1.9;
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959;
}

.z-articel-box .article-content .article-right {
  padding: 20px;
}

.z-articel-box .article-content .article-right .right-sites {
  margin-bottom: 20px;
}

.article-right hr {
  color: #dbdbdb;
  margin: 30px 0;
}

.article-right h5 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
}

.article-right .right-sites .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-tag .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-article .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-sites .sites-info {
  display: flex;
  align-items: center;
}

.article-right .right-sites .sites-info:hover .sites-logo img {
  transform: scale(1.1);
  transition: all .3s;
}

.article-right .right-sites .sites-info:hover .sites-name .name-product {
  color: #F60;
}

.article-right .right-sites .sites-info .sites-logo {
  width: 70px;
  height: 70px;
  border-radius: 15px;
  padding: 8px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.article-right .right-sites .sites-info .sites-logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.article-right .right-sites .sites-info .sites-name {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

.article-right .right-sites .sites-info .sites-name .name-product {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.article-right .right-sites .sites-info .sites-name .sum-product {
  color: #535353;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.article-right .right-tag .tag-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.article-right .right-tag .tag-name .tag-item {
  margin: 5px;
}

.article-right .right-tag .tag-name .tag-item:nth-child(1) {
  margin-left: 0;
}

.article-right .right-tag .tag-name .tag-item:hover a {
  color: #F60;
  background-color: rgb(255, 238, 227);
  transition: all .3s;
}

.article-right .right-tag .tag-name a {
  font-size: 14px;
  color: #b5b5b5;
  background-color: #fafafa;
  padding: 5px;
  border-radius: 5px;
}

.article-right .right-tag .tag-name a i {
  color: #F60;
  padding: 2px;
  margin-right: 5px;
}

.article-right .right-article .article-list {

}

.article-right .right-article .article-list .article-item:hover .article-img img {
  transform: scale(1.1);
  transition: all .3s;
}

.article-right .right-article .article-list .article-item:hover .article-title {
  color: #F60;
}

.article-right .right-article .article-list .article-item {
  display: flex;
  margin-bottom: 30px;
  color: #000;
}

.article-right .right-article .article-list .article-item .article-img {
  width: 85px;
  height: 55px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}

.article-right .right-article .article-list .article-item .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-right .right-article .article-list .article-item .article-title {
  font-size: 14px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 100%;
  line-height: 25px;
}

/* 文章返回首页开始 */
.z-articel-more .z-article-function {
    right: 30px;
    bottom: 30px;
    flex-direction:column;
    position: inherit;
  }

  .z-articel-more .z-article-function a {
    color: #253258;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
  }

  .z-articel-more .z-article-function .z-author-m {
    display: none;
  }

  .z-articel-more .z-article-function a:hover {
    color: #F60;
    background-color: rgb(255, 238, 227);
    transition: all .3s;
  }

  .z-articel-more .z-article-function a small {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #eecc9f;
    padding: 0 5px;
    border-radius: 20px;
    color: #253258;
  }

  .z-articel-more .z-article-function a i {
    -webkit-text-stroke-width: unset;
    font-size: 24px;
  }

  /* 文章手机版开始 */

  @media (max-width: 1199px) {
    .zeromo-article .z-article-directory .directory-box {
      display: none;
    }
  }

  @media (max-width: 600px) {
    .article-header {
      display: none;
    }

    .zeromo-article .article-header .article-title {
      font-size: 18px;
    }

    .zeromo-article .article-header .article-mate .article-info-text {
      font-size: 12px;
    }

    .zeromo-article .article-header .article-hot i {
      display: none;
    }

    .zeromo-article .article-header .article-hot {
      top: -25px;
      font-size: 20px;
    }

    .zeromo-article .article-header .article-mate .article-info-text li::after {
      margin: 0px 5px 0px 5px;
    }

    .zeromo-article .article-header .article-mate .article-info-ico ul li {
      margin-right: 5px;
    }

    .zeromo-article .z-bg-image {
      overflow: hidden;
    }

    .zeromo-article .abi-user-poster {
      height: 250px;
    }

    .z-article-author {
      display: none;
    }

    .z-article-directory .z-article-author-m {
      display: block;
      margin-top: 0px;
      z-index: 1;
      position: relative;
    }

    .z-article-directory .z-article-author-m .author-pic {
      width: 80px;
      height: 80px;
      overflow: hidden;
      border-radius: 50%;
      background-color: #FFF;
    }

    .z-article-directory .z-article-author-m .author-pic img {
      width: 100%;
      height: 100%;
      transform: scale(0.9);
      border-radius: 50%;
    }

    .z-articel-new .z-articel-mobile {
      display: block;
    }

    .z-articel-new .z-articel-mobile h4 {
      margin-top: 20px;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.6;
    }

    .z-articel-new .z-articel-mobile .tag-name {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item {
      margin: 10px 10px 10px 0px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item a {
      color: #000;
      margin: 5px;
      background-color: #FAFAFA;
      padding: 5px;
      border-radius: 3px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item a i {
      color: #F60;
      margin-right: 5px;
    }

    .zeromo-article .z-articel-new .z-articel-box {
      box-shadow: none;
      border: 0;
      padding: 0;
    }

    .z-articel-box .article-content .article-text .article-post h2 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px;
      color: #000;
    }

    .z-articel-box .article-content .article-text .article-post p {
      font-size: 14px;
      margin-bottom: 15px;
      line-height: 1.7;
      color: #898989;
    }

    .z-articel-more {
      z-index: 99;
    }

    .z-articel-more .z-article-function {
      flex-direction: row;
      background-color: #FFFFFF17;
      width: 90%;
      right: 0;
      left: 0;
      bottom: 30px;
      margin: auto;
      border-radius: 50px;
      -webkit-backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
      backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      justify-content: space-around;
      height: 60px;
      align-items: center;
      z-index: 99;
    }

    .z-articel-more .z-article-function a {
      padding: 15px;
      margin-bottom: 0;
      width: 20%;
      text-align: center;
      background-color: unset;
    }

    .z-articel-more .z-article-function a small {
      top: -10px;
      right: 12px;
      padding: 0 10px;
      font-size: 13px;
    }

    .z-articel-more .z-article-function .z-author-m {
      display: block;
    }

    .z-articel-more .z-article-function .z-author-m .author-m-pic {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      overflow: hidden;
    }

    .z-articel-more .z-article-function .z-author-m .author-m-pic img {
      width: 100%;
      height: 100%;
    }

    .zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa {
      font-size: 14px;
    }

    .zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa .previous-title {
      width: 140px;
      font-size: 12px;
      line-height: 1.6;
    }

    .z-post-meta .article-right {
      display: none;
    }
  }
  
  /* 首页TAB切换 */

.zero-tab .z-home-title {
    font-size: 22px;
    margin-bottom: 15px;
    color: #2a3547;
    font-weight: 600;
}

.zero-tab .z-home-more {
    background-color: #fff;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #f60;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f60;
    padding: 0 5px 0 15px;
}

.zero-tab .z-home-more i {
    -webkit-text-stroke-width: unset;
    font-size: 16px;
    margin: 0 10px 0 5px;
}

.zero-tab .z-home-more:hover i {
    margin: 0 5px 0 10px;
    transition: all 0.3s;
}

.zero-tab .z-home-more:hover {
    background-color: #f60;
    color: #fff;
}

.zero-tab .zwap-tab {
    overflow: auto;
}

.seach-edit-items {
  position: relative;
}
.search-suggestions {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  z-index: 1000;
  margin-top: 2px;
  display: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.search-suggestions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-suggestions li, 
.search-suggestions div {
  padding: 5px 5px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  color: #222222;
  font-size: 12px;
}
.search-suggestions li:last-child,
.search-suggestions div:last-child {
  border-bottom: none;
}
.search-suggestions li:hover,
.search-suggestions div:hover {
  background-color: #f5f5f5;
}
.search-suggestions .no-results {
  padding: 10px;
  color: #888;
  text-align: center;
  font-style: italic;
}
.added-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.added-item {
  display: inline-flex;
  align-items: center;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 4px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.item-title {
  margin-right: 8px;
}
.remove-item {
  cursor: pointer;
  font-size: 12px;
  color: #000000;
}
.remove-item i {
  -webkit-text-stroke-width: unset !important;
}
.remove-item:hover {
  color: #f00;
}
.search-loading {
  text-align: center;
  padding: 10px;
  color: #888;
}