:root {
  --zeroacticle-default-color: #11192d;
  --zeroacticle-hover-color: #757575;
  --zeroacticle-border-color: #f0f0f0;
  --zeroacticle-button-color: #11192d;
  --zeroacticle-button-hover-color: #11192d;
  --zeroacticle-tag-bgcolor: #f1f1f1;
  --zeroacticle-tag-textcolor: #606060;
  --zeroacticle-radius: 2px;
  --zeroacticle-font-size: 14px;
  --zeroacticle-h1: 28px;
  --zeroacticle-h2: 24px;
  --zeroacticle-h3: 22px;
  --zeroacticle-h4: 20px;
  --zeroacticle-family: PingFangSC-Semibold;
}

/* 全站轮播 */
.carousel-fade {
  height: 100%;
}

.carousel-inner {
  height: 100%;
}

.carousel-inner .carousel-item {
  height: 100%;
}

.carousel-inner .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.z-nav-index span,
.z-nav-index .z-nav {
  color: var(--zeroacticle-default-color);
}

.zero-article-title h1 {
  font-size: var(--zeroacticle-h1);
  color: var(--zeroacticle-default-color);
  line-height: 40px;
  font-weight: 600;
}

.zero-article-info {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.zero-article-info .zero-article-info-item {
  color: var(--zeroacticle-tag-textcolor);
  font-size: var( --zeroacticle-font-size);
  display: flex;
  align-items: center;
}

.zero-article-info-item .item-tag-box:hover {
  background: #5D87FF !important;
}

.zero-article-info-item .item-tag-box:hover a {
  color: #ffffff !important;
}

.zero-article-info .zero-article-info-item i {
  margin-right: 2px;
  -webkit-text-stroke-width: unset;
}

.zero-article-info .zero-article-info-item .item-tag-box {
  background: var(--zeroacticle-tag-bgcolor);
  border-radius: var(--zeroacticle-radius);
  padding: 5px;
  overflow: hidden;
}

.zero-article-info .zero-article-info-item .item-tag-box a {
  padding: 5px;
  color: var(--zeroacticle-tag-textcolor);
}

.zero-article-content {
  color: var(--zeroacticle-default-color);
  font-size: 16px;
  line-height: 30px;
  font-family: var(--zeroacticle-family);
}

.zero-article-content img {
  max-width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.zero-article-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  z-index: 1;
}

.zero-article-author-name {
  font-size: 20px;
}

.zero-article-author-t {
  font-weight: 600;
  color: var(--zeroacticle-default-color);
}

.zero-article-author-summary {
  font-size: var(--zeroacticle-font-size);
  color: var(--zeroacticle-tag-textcolor);
  margin-top: 5px;
}

.zero-article-author-name span {
  margin-right: 5px;
}

.zero-article-author-name img {
  max-width: 40px;
  width: 100%;
  height: 100%;
}

.zero-article-author-name-achievement {
  display: flex;
  align-items: center;
  gap: 5px;
}

.zero-article-author-name-achievement img {
  max-width: 30px;
  height: 100%;
  height: 100%;
}

.zero-article-author-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: 15px;
}

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

.zeroui-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
  word-wrap: break-word;
}

.zeroui-ellipsis-2 {
  -webkit-line-clamp: 2 !important;
}

.zeroui-ellipsis-3 {
  -webkit-line-clamp: 3 !important;
}

.zero-article-content-corre::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
}

.zero-article-content-corre-body {
  color: var(--zeroacticle-default-color);
  font-family: var(--zeroacticle-family);
  margin-top: 15px;
  background: #F9F9F9;
  padding: 20px;
  border-radius: 10px;
}

.zero-article-content-corre-centent ul {
  margin-bottom: 0;
  gap: 10px;
  display: inline-grid;
}

.zero-article-content-corre-centent ul li {
  display: flex;
  align-items: center;
}

.zero-article-content-corre-centent ul li span {
  margin-right: 5px;
}

.zero-article-content-corre-centent ul li a {
  color: var(--zeroacticle-default-color);
  font-size: 14px;
}

.zero-article-content-corre-centent ul li:hover a {
  color: #5d87ff;
}

.zero-article-content-corre-centent ul li:hover span {
  color: #5d87ff;
}

.zero-article-content-corre-title {
  display: flex;
  align-items: center;
  font-size: var(--zeroacticle-h4);
  font-weight: 600;
  margin-bottom: 15px;
}

.zero-article-content-corre-title::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1726746325200' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='54685' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M458 836.4L778.4 516c2.1-2.1 2.1-5.5 0-7.6L464.8 194.8c-27.2-27.2-71.2-27.2-98.4 0l-268 268c-27.3 27.3-27.3 71.4 0 98.7l274.8 274.8c23.5 23.5 61.4 23.5 84.8 0.1z' fill='%23ff5f5f' p-id='54686' data-spm-anchor-id='a313x.search_index.0.i34.1c5c3a81Bt7B2b' class=''%3E%3C/path%3E%3Cpath d='M736.7 557.7c25.1-25.1 25.1-65.9 0-91L606.9 336.9l50.1-50.1c25.1-25.1 65.9-25.1 91 0l179.9 179.9c25.1 25.1 25.1 65.9 0 91L748 737.6c-25.1 25.1-65.9 25.1-91 0l-50.1-50.1 129.8-129.8z' fill='%23ffae19' p-id='54687' data-spm-anchor-id='a313x.search_index.0.i37.1c5c3a81Bt7B2b' class='selected'%3E%3C/path%3E%3Cpath d='M605 685.7l139.1-139.1c19-19 19-49.7 0-68.7L605 338.8 462.2 481.6c-16.9 16.9-16.9 44.3 0 61.2L605 685.7z' fill='%23ff5f5f' p-id='54688'%3E%3C/path%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.zero-article-content-corre-centent {
  color: var(--zeroacticle-default-color);
}

.zero-article-recommend-card {
          margin-bottom: 30px;
        }
        
        .zero-article-recommend-item:hover .zero-article-recommend-item-name {
          color: #5d87ff;
        }

        .zero-article-recommend-item:hover .zero-article-recommend-item-img img {
          transform: scale(1.1);
          transition: all .3s;
        }
        
        .zero-article-recommend-item-img {
          width: 100%;
          height: 150px;
          border-radius: 7px;
          overflow: hidden;
          margin-bottom: 10px;
        }

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

        .zero-article-recommend-item-name {
          font-size: 16px;
          color: var(--zeroacticle-default-color);
          line-height: 24px;
          font-family: var(--zeroacticle-family);
          font-weight: 600;
        }

.z-user-info {
                  display: flex;
                  align-items: center;
              }

              .z-user-more {
                  font-size: 14px;
                  color: #9b9b9b;
              }

              .z-user-separate {
                  font-size: 16px;
                  margin: 0px 5px;
                  font-weight: 600;
              }

              .z-user-info .z-user-avatar {
                  width: 30px;
                  height: 30px;
                  flex-shrink: 0;
                  margin-right: 5px;
              }

              .z-user-info .z-user-avatar .z-avatar-img {
                  border-radius: 50%;
                  width: 100%;
                  height: 100%;
              }

              .z-user-info .z-user-name {
                  font-size: 16px;
                  color: #222222;
              }

              .z-circle-c {
                                      margin-top: 20px;
                                  }

                                  .z-circle-c .z-circle-name {
                                      padding: 0 12px 0 8px;
                                      height: 30px;
                                      line-height: 18px;
                                      background-color: #f6f7f9;
                                      border-radius: 16px;
                                      font-size: 13px;
                                      color: #61666D;
                                      display: flex;
                                      align-items: center;
                                      grid-gap: 4px;
                                  }

                                  .z-circle-c .z-circle-name i {
                                      width: 20px;
                                      height: 20px;
                                      text-align: center;
                                      line-height: 20px;
                                      border-radius: 50px;
                                      background: rgba(56, 88, 246, var(--opacity,0.1));
                                      color: #3858f6;
                                      font-weight: 600;
                                      font-size: 14px;
                                      -webkit-text-stroke-color:unset;
                                      -webkit-text-stroke-width: unset;
                                  }

                                  .z-circle-c .z-circle-meta {
                                      gap: 20px;
                                  }

                                  .z-circle-c .z-circle-meta .circle-meta {
                                      font-size: 14px;
                                      color: #61666D;
                                  }

                                  .z-circle-c .z-circle-meta .circle-meta a {
                                      color: #61666D;
                                  }

                                  .z-circle-c .z-circle-meta .circle-meta i {
                                      -webkit-text-stroke-width:unset;
                                      margin-right: 5px;
                                      font-size: 16px;
                                  }

                                  .zerocz-btn-body {
                                      padding: 0px 0px 20px 0px;
                                  }

                                  .zerocz-btn-body .zerocz-btn-box {
                                      display: flex;
                                      justify-content: space-between;
                                  }

                                  .zerocz-btn-box .cz-btn-list, .cz-btn-list {
                                      display: flex;
                                      align-items: center;
                                      margin-bottom: 0;
                                      gap: 35px;
                                  }

                                  .zerocz-btn-box .cz-btn-list .cz-btn-item a, .cz-btn-list .cz-btn-item a {
                                      color: #222222;
                                  }

                                  .zerocz-btn-box .cz-btn-list .cz-btn-item.cz-activa, .cz-btn-list .cz-btn-item.cz-activa {
                                      background-color: #5D87FF;
                                      border-radius: 3px;
                                      display: flex;
                                      align-items: center;
                                      justify-content: center;
                                  }

                                  .zerocz-btn-box .cz-btn-list .cz-btn-item.cz-activa a, .cz-btn-list .cz-btn-item.cz-activa a {
                                      color: #FFF;
                                      margin: 5px 15px;
                                  }

                                  .c-user-item .c-user-more .c-user-grade,
                              .c-user-grade {
                                  margin-left: 5px;
                                  width: 35px;
                                  height: auto;
                              }

                              .c-user-item .c-user-more .c-user-grade img,
                              .c-user-grade img {
                                  width: 100%;
                                  height: auto;
                              }

                              .zero-c-btn {
                              border: 0;
                              background-color: #5D87FF;
                              color: #FFF;
                              font-size: 12px;
                              border-radius: 3px;
                              display: flex;
                              align-items: center;
                              justify-content: center;
                              padding: 5px;
                          }

                          .circle-body .circle-text textarea,
.circle-text textarea {
background-color: #F6F6F6 !important;
border: 1px solid #F6F6F6 !important;
}

.zero-article-author:hover .zero-article-author-t {
            color: #FF6600 !important;
          }

          .zero-article-author:hover .zero-article-author-img img {
            transform: scale(1.1);
            transition: all .3s;
          }
          
          .zero-article-author-card {
            position: relative;
            overflow: hidden;
          }

          .zero-article-author-card::after {
            content: "";
            display: block;
            width: 150px;
            height: 150px;
            background-image: linear-gradient(90deg, rgba(253, 220, 220, .1) 35%, rgb(255 71 15 / 20%) 99%);
            box-shadow: 5px -5px 30px rgb(255 93 93 / 18%);
            border-radius: 100% 50% 100% 50%;
            position: absolute;
            transform: rotate(70deg);
            top: -100px;
            left: 0px;
          }

          .zero-article-author-card::before {
            content: "";
            display: block;
            width: 240px;
            height: 240px;
            background-image: linear-gradient(70deg, rgba(253, 220, 220, .1) 35%, rgb(255 71 15 / 15%) 99%);
            box-shadow: 5px -5px 30px rgb(255 93 93 / 10%);
            border-radius: 100% 50% 100% 50%;
            position: absolute;
            transform: rotate(70deg);
            top: -140px;
            left: 0px;
          }
          
          .zero-article-author-info {
            padding-bottom: 15px;
            border-bottom: 1px solid var(--zeroacticle-border-color);
            margin-bottom: 15px;
          }
          

          .zero-article-author-info-list {
            margin-bottom: 0;
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-between;
          }

          .zero-article-author-item {
            text-align: center;
          }
          
          .zero-article-author-item a {
            display: flex;
            flex-direction: column;
            color: var(--zeroacticle-default-color);
          }

          .zero-article-author-item a span {
            font-weight: 600;
          }

          .zero-article-author-item a small {
            color: var(--zeroacticle-tag-textcolor);
            margin-top: 2px;
          }

          .zero-article-author-post {
            
          }
          
          .zero-article-author-post-list {
            margin-bottom: 0;
          }

          .zero-article-author-post-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
          }

          .zero-article-author-post-item:nth-last-child(1) {
            margin-bottom: 0;
          }

          .zero-article-author-post-item span {
            margin-right: 5px;
            flex-shrink: 0;
          }

          .zero-article-author-post-item a {
            color: var(--zeroacticle-default-color);
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
          }

          .zero-article-absite-card {
          position: relative;
          overflow: hidden;
          padding: 15px !important;
        }
        
        .zero-article-absite {
          position: relative;
        }

        .zero-article-absite-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 0.1;
          top: 0;
          right: 0;
          filter: blur(15px);
          display: none;
        }

        .zero-article-absite-bg img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transform: scale(1.1);
        }
        
        .zero-article-absite-body {
          z-index: 1;
          color: #222222;
        }

        .zero-article-absite-jxicon {
          height: 22px;
          position: absolute;
          right: -10px;
          top: -10px;
        }

        .zero-article-absite-zdicon {
              position: absolute;
              top: -8px;
              left: -8px;
              background: #ff0000;
              color: #FFF;
              padding: 3px;
              border-radius: 50%;
              width: 20px;
              height: 20px;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 12px;
        }

        .zero-article-absite-jxicon img {
          max-width: 100%;
          height: 100%;
        }

        .zero-article-absite-body:hover .zero-article-absite-img img {
          transform: scale(1.1);
          transition: all .3s;
        }

        .zero-article-absite-body:hover .zero-article-absite-content-title,
        .zero-article-absite-body:hover .zero-article-absite-content p {
          color: #5d87ff;
        }

        .zero-article-absite-content-sum {
          margin-top: 10px;
          font-size: 14px;
          line-height: 24px !important;
          margin-bottom: 0;
          height: 48px;
        }

        .zero-article-absite-img {
          width: 60px;
          height: 60px;
          border-radius: 4px;
          overflow: hidden;
          flex-shrink: 0;
          margin-right: 15px;
          background-color: #FFF;
          border-radius: 12px;
        }

        .zero-article-absite-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .zero-article-absite-content {
          color: var(--zeroacticle-default-color);
        }

        .zero-article-absite-content p {
          margin-bottom: 0;
          width: 100%;
          height: 20px;
          color: var(--zeroacticle-tag-textcolor);
        }

        .zero-article-absite-content-title {
          font-size: 20px;
          margin-bottom: 10px;
          width: 100%;
          height: 25px;
          font-weight: 600;
          color: var(--zeroacticle-default-color);
        }



        .zero-article-right-sticky {
          top: 90px;
          position: sticky !important;
          margin-bottom: 30px;
        }

        .zero-article-directory-card {
          padding: 15px !important;
        }
        
        .zero-article-directory {
          
        }

        .zero-article-directory-title {
          font-size: 18px;
          color: var(--zeroacticle-default-color);
          padding-bottom: 10px;
          border-bottom: 1px solid var(--zeroacticle-border-color);
          margin-bottom: 15px;
        }

        .zero-article-directory-content a {
          color: var(--zeroacticle-default-color);
        }

        .zero-article-directory-content-list {
          padding: 0px;
          margin-bottom: 0;
          gap: 10px;
          display: inline-grid;
        }
        
        .zero-article-directory-item {
            display: flex;
            align-items: center;
        }
        
        .zero-article-directory-item a {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          width: 100%;
        }
        
        .zero-article-directory-content-h1 {
          font-size: 16px;
          font-weight: 600;
        }

        .zero-article-directory-content-h1 a {
          width: 100%;
          height: 25px;
        }

        .zero-article-directory-content-h1::before,
        .zero-article-directory-content-h2::before {
          content: "#";
          margin-right: 5px;
        }
        
        .zero-article-directory-content-h1::before {
            color: #FE5F29;
        }
        
        .zero-article-directory-content-h2::before {
            color: #ff9875;
        }
        
        .zero-article-directory-content-h3::before, 
        .zero-article-directory-content-h4::before, 
        .zero-article-directory-content-h5::before, 
        .zero-article-directory-content-h6::before {
            content: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1726747819258' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='49551' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M503.40574719 27.41455869c272.57931079 0 492.15708882 219.57777812 492.15708883 492.15708884s-219.57777812 492.15708882-492.15708883 492.15708883-492.15708882-219.57777812-492.15708886-492.15708883c0-268.79348701 219.57777812-492.15708882 492.15708886-492.15708884z' fill='%23ffefd1' p-id='49552' data-spm-anchor-id='a313x.search_index.0.i21.7cf23a81WNp8ER' class='selected'%3E%3C/path%3E%3Cpath d='M495.83409964 269.70727932c136.28965539 0 246.0785445 109.78888905 246.07854449 246.07854443s-109.78888905 246.0785445-246.07854449 246.07854442-246.0785445-109.78888905-246.07854442-246.07854442 113.57471274-246.0785445 246.07854442-246.07854443z' fill='%23ff5f5f' p-id='49553' data-spm-anchor-id='a313x.search_index.0.i19.7cf23a81WNp8ER' class=''%3E%3C/path%3E%3C/svg%3E");
            width: 10px;
            margin-right: 5px;
        }
        
        .zero-article-directory-content-h2 {
          font-size: 15px;
          margin-left: 10px;
        }
        
        .zero-article-directory-content-h3 {
          margin-left: 20px;
        }
        
        .zero-article-directory-content-h4 {
          margin-left: 25px;
        }
        
        .zero-article-directory-content-h5 {
          margin-left: 30px;
        }
        
        .zero-article-directory-content-h6 {
          margin-left: 35px;
        }

        .zero-article-directory-content-h3 a,
        .zero-article-directory-content-h4 a,
        .zero-article-directory-content-h5 a,
        .zero-article-directory-content-h6 a{
          color: #606060;
          
        }
        
        .zero-article-directory-content-h6 a {
            font-size: 12px;
        }

        .ranklist-imgbox-num {
            margin-left: 10px;
            font-weight: 600;
            color: var(--zeroacticle-default-color);
          }

          .zero-article-absite-content-ranklist.z-norank .ranklist-imgbox-num {
            margin-left: 0;
            font-weight: 500;
          }
          
          .ranklist-imgbox-item {
            display: flex;
            align-items: center;
            gap: 4px;
          }
          
          .ranklist-imgbox-item .rank-item-icon {
            width: 17px;
            height: 17px;
            display: block;
          }

          .rank-item-icon.active .zeroui-rank-icon {
            fill: #FE5F29;
          }

          .rank-item-icon .zeroui-rank-icon {
            fill: #CCC;
            display: inherit;
          }

          .zero-article-right-ad {
            position: relative;
            border-radius: 7px;
            overflow: hidden;
          }

          .zero-article-right-ad span {
            position: absolute;
            top: 10px;
            left: 10px;
            background: #5f5f5f;
            padding: 1px 8px;
            color: #ffffff;
            font-size: 12px;
            z-index: 1;
            border-radius: 3px;
          }
          
          .zero-article-right-ad img {
            width: 100%;
            max-height: 100%;
          }



/* 产品页CSS开始 */
.zero-article-newdetail {
  position: relative;
}

.zero-article-mobile-box {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
}

.zero-mobile-nlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zero-mobile-nlist-item {
  position: relative;
}

.zero-mobile-nlist-item small {
  position: absolute;
  top: 0;
  right: -4px;
  font-size: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff2929;
  color: #ffffff;
  border-radius: 10px;
  white-space: nowrap;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
  font-family: cursive;
}

.zero-mobile-nlist-item .total {
  position: absolute;
  top: 0;
  right: -4px;
  font-size: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff2929;
  color: #ffffff;
  border-radius: 10px;
  white-space: nowrap;
  transform: translate(50%, -50%);
  transform-origin: 100% 0;
  font-family: cursive;
}

.zero-mobile-nlist-item-author img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}

.zero-mobile-nlist-item.dropdown .dropdown-menu {
  z-index: 100;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  min-width: 70px;
  text-align: center;
}

.zero-mobile-nlist-item.dropdown .dropdown-menu li {
  padding: 5px 10px;
}

.zero-mobile-nlist-item.dropdown .dropdown-menu li a {
  color: var(--zeroacticle-default-color);
  font-size: 14px;
}

.zero-mobile-nlist-item-hover {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--zeroacticle-default-color);
  padding: 0 !important;
  border: 0 !important;
  background: 0 !important;
}

.zero-mobile-nlist-item-hover span {
  font-size: 12px;
}

.zero-mobile-nlist-item-hover i {
  -webkit-text-stroke-width: unset;
  font-size: 20px;
  margin-bottom: 3px;
}

.zero-mobile-nlist-item-hover img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
}

.zero-article-mobile-nav {
  display: none;
}

.zero-product-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zero-product-header-left {
  display: flex;
  align-items: center;
}

.zero-product-header-logo {
  background-color: #FFFFFF;
  border-radius: 1rem;
  border: 1px solid #f9f9f9;
  width: 90px;
  height: 90px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}

.zero-product-header-logo img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.zero-product-header-info h1 {
  font-size: 24px;
  font-weight: 600;
  width: 100%;
}

.zero-article-absite-content-ranklist {
  
}

.zero-product-header-summary {
  color: var(--zeroacticle-default-color);
  margin-top: 10px;
  font-size: 14px;
}

.zero-product-header-right {
  flex-shrink: 0;
}

.zero-product-header-right-btn {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-end;
}

.zero-product-header-right-btn .btn {
  font-size: 16px;
  border-radius: 5px !important;
}

.zero-product-header-right-fun {
  margin-bottom: 20px;
}

.zero-product-header-right-fun-list {
  display: flex;
  align-items: center;
}

.zero-product-header-right-fun a {
  color: var(--zeroacticle-default-color);
  display: flex;
  align-items: center;
  font-size: 14px;
}

.zero-product-header-right-fun a i {
  -webkit-text-stroke-width: unset;
  margin-right: 5px;
}

.zero-product-header-right-fun a::after {
  content: "";
  width: 1px;
  background-color: #e9e9e9;
  height: 15px;
  display: block;
  margin: 0px 15px;
}

.zero-product-header-right-fun a:nth-last-child(1)::after {
  display: none;
}

.zero-product-header-menu {
  margin-top: 30px;
}

.zero-product-header-menu::before {
  content: "";
  display: block;
  width: 100%;
  background-color: #e9e9e9;
  height: 1px;
  margin: 20px 0px;
}

.zero-product-header-menu-list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.zero-product-header-menu-item {
  position: relative;
  padding: 0px 10px 0px 10px;
}

.zero-product-header-menu-item a {
  font-size: 16px;
  color: var(--zeroacticle-default-color);
}

.zero-product-header-menu-item .active {
  position: relative;
}

.zero-product-header-menu-item a.active {
  color: #5D87FF !important;
  font-weight: 600;
}

.zero-product-header-menu-item .active::after {
  content: "";
  display: block;
  background-color: #5D87FF;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -15px;
  border-radius: 5px;
}

.zero-product-header-menu-item-small {
  position: absolute;
  top: -5px;
  right: -10px;
  background: #ff5000;
  padding: 0px 5px;
  border-radius: 50px;
}

.zero-product-header-menu-item-small span {
  font-size: 10px;
  color: #FFF;
}

.zero-product-header-right .zero-product-header-summary {
  display: none;
}

/*产品详情页手机端开始*/
@media (max-width: 768px) {
  .zero-edit-user .row .col-xl-12, .zero-edit-user .row .col-xl-9, .zero-edit-user .row .col-xl-3 {
    padding: 0;
  }

  .card.zeroui-card-20 {
    margin-bottom: 0;
  }
  
  .zero-product-header {
    flex-wrap: wrap;
  }

  .zero-product-header-left {
    width: 100%;
  }

  .zero-product-header-logo {
    width: 65px;
    height: 65px;
  }

  .zero-product-header-logo img {
    width: 50px;
    height: 50px;
  }

  .zero-product-header-info h1 {
    font-size: 20px;
    margin-bottom: 2px;
  }
  
  .zero-article-absite-content-ranklist .zero-product-header-summary {
    display: none;
  }

  .zero-product-header-right {
    flex-shrink: unset !important;
  }

  .zero-product-header-right-fun-list {
    display: none;
  }

  .zero-product-header-right .zero-product-header-summary {
    display: block;
  }

  .zero-product-header-right-btn {
    width: 100%;
  }

  .zero-product-header-right-btn .btn {
    width: 75%;
    border-radius: 50px !important;
  }
  
  .zero-product-header-right-btn .btn:nth-last-child(1) {
    width: 25%;
  }

  .zero-product-newdetail-qalist .zero-product-body-box-title {
    margin-bottom: 15px !important;
  }

  .zero-product-newdetail-articlelist .zero-product-body-box-title {
    margin-bottom: 15px !important;
  }

  .zero-product-comment-body-commentbox .product-comment-box-item {
    padding: 0;
  }

  .product-comment-box-avatar {
    width: 35px !important;
    height: 35px !important;
  }

  .zero-product-comment-body-commentbox .product-comment-rank-detail {
    padding: 8px 10px;
  }

  .product-comment-box-author-sum {
    font-size: 12px;
  }

  .zero-product-comment-card {
    padding: 10px !important;
  }

  .zero-product-comment-body-header-more .comment-header-table .comment-table-column.table-title {
    display: none;
  }

  .zero-product-comment-body-header-more .comment-header-table .comment-table-column-item {
    margin-bottom: 10px;
  }

  .zero-product-comment-body-header-more .comment-header-table .comment-table-column {
    margin-right: 17px;
  }

  .zero-product-comment-body-header-box {
    flex-wrap: wrap;
  }

  .zero-product-comment-body-header-right {
    margin-top: 10px;
  }

  .product-comment-box-rank {
    margin-bottom: 10px !important;
  }

  .product-comment-box-rank-star .ranklist-imgbox img {
    width: 55px !important;
  }

  .product-comment-content-text {
    line-height: 22px !important;
    font-size: 14px !important;
  }

  .zerocz-btn-box .cz-btn-list, .cz-btn-list {
    gap: 10px !important;
  }

  .zerocz-btn-box .cz-btn-list .cz-btn-item.cz-activa a, .cz-btn-list .cz-btn-item.cz-activa a {
    margin: 5px 10px !important;
  }

  .z-user-info {
    display: none !important;
  }
}

.zeroui-hide {
  display: none !important;
  pointer-events: none;
}

.zero-sticky-header {
  position: fixed !important;
  top: 90px;
  max-width: 100%;
  width: 1415px;
  z-index: 10; /* 确保覆盖其他元素 */
  transition: all 0.3s ease; /* 平滑过渡效果 */
  border-radius: 50px !important;
  box-shadow: 0 0 30px rgb(0 0 0 / 20%) !important;
  background-color: rgb(255 255 255 / 75%) !important;
  backdrop-filter: saturate(180%) blur(6px);
  overflow: hidden;
}

.zero-sticky-header .zero-product-header-menu-item a {
  font-weight: 600;
}

.zero-sticky-header .zero-sticky-header-bg {
  filter: blur(30px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.zero-sticky-header .zero-sticky-header-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 60%);
  position: absolute;
  top: 0;
  right: 0;
}

.zero-sticky-header .zero-sticky-header-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zero-sticky-header .zero-product-header {
  z-index: 1;
}

.zero-sticky-header .zero-product-header-left {
  width: auto;
  flex: 3 1 0;
}

.zero-sticky-header .zero-product-header-logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
}

.zero-sticky-header .zero-product-header-logo img {
  width: 100%;
  height: 100%;
  transform: scale(0.8);
}

.zero-sticky-header .zero-product-header-info {
  width: 100%;
}

.zero-sticky-header .zero-product-header-info h1 {
  font-size: 18px;
  margin-bottom: 3px;
}

.zero-sticky-header .ranklist-imgbox-item .rank-item-icon {
  width: 14px;
  height: 14px;
  display: inherit;
}

.zero-sticky-header .zero-product-header-menu {
  margin-top: unset;
  flex: 1 1 auto;
  flex-shrink: 0;
}

.zero-sticky-header .zero-product-header-menu-item .active::after {
  content: "";
  display: block;
  background-color: #5D87FF;
  height: 5px;
  width: 10px;
  position: absolute;
  bottom: -40px;
  border-radius: 5px;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.zero-sticky-header .zero-product-header-menu::before {
  display: none;
}

.zero-sticky-header .zero-product-header-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.zero-sticky-header .zero-product-header-right-btn {
  flex: 1 1 auto;
  justify-content: end;
  margin-right: 20px;
  flex-shrink: 0;
}

.zero-sticky-header .zero-product-header-right-btn .btn {
  border-radius: 50px !important;
  font-size: 14px;
}

.zero-product-body-box {
        
      }
      
      .zero-product-body-box-title {
        color: var(--zeroacticle-default-color);
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
      }

      .zero-product-body-box-title i {
        -webkit-text-stroke-width: unset;
        margin-right: 5px;
        font-size: 20px;
      }

      .zero-product-body-box-content {
        position: relative;
        margin-bottom: 30px;
      }

      .zero-product-body-box-content,
      .zero-product-body-box-content p {
        font-size: 15px;
        line-height: 25px;
        color: var(--zeroacticle-default-color);
        margin-bottom: 20px;
      }

      .zero-product-body-box-content p  {
        
      }

      .zeroui-product-hidden-content {
        max-height: 160px;
        overflow: hidden;
      }

      .zeroui-product-hidden-content.collapsed::before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: "";
        background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 50%);
      }

      .zeroui-product-morebtn {
        background: unset !important;
        border: unset !important;
        width: 100%;
        text-align: center;
        color: #5D87FF;
        z-index: 1;
        position: relative;
        font-weight: 600;
        font-size: 16px;
      }

      .zero-product-body-box-company {
        margin-top: 30px;
        margin-bottom: 30px;
      }

      .zero-product-body-box-company-item {
        padding: 15px;
      }

      .zero-product-body-box-company-item .box-company-item-title {
        font-size: 16px;
        margin-bottom: 5px;
        color: var(--zeroacticle-default-color);
        font-weight: 600;
        display: flex;
        align-items: center;
      }

      .zero-product-body-box-company-item .box-company-item-title i {
        -webkit-text-stroke-width: unset;
        margin-right: 5px;
        font-size: 18px;
      }

      .zero-product-body-box-company-item .box-company-item-text {
        gap: 10px;
        display: inline-flex;
      }
      
      .zero-product-body-box-company-item .box-company-item-text,
      .zero-product-body-box-company-item .box-company-item-text a {
        color: var(--zeroacticle-default-color);
        font-size: 14px;
      }

      .box-company-item-text .box-company-item-link {
        background-color: #f3f3f3;
        padding: 2px 5px;
        border-radius: 3px;
      }

      .zero-product-body-box-images-list {
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
        overflow: auto;
      }
      
      .zero-product-body-box-images-item {
        width: 300px;
        height: 200px;
        overflow: hidden;
        flex-shrink: 0;
        padding-bottom: 10px;
        border-radius: 5px;
      }

      .zero-product-body-box-images-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .zero-product-price-body {
        
      }

      .zero-product-price-text.default-beta {
        width: 100%;
        background-color: #f3f3f3;
        padding: 30px;
        border-radius: 5px;
        text-align: center;
      }

      .zero-product-price-text.default-beta span {
        color: var(--zeroacticle-default-color);
        font-size: 14px;
      }

.zero-product-price-text.close-beta {
          background: linear-gradient(180deg, #f4f7fc, #fff);
          border-radius: 8px;
          padding: 18px 24px 24px;
          transition: all .2s;
          position: relative;
          cursor: default;
          width: 100%;
        }
        
        .zero-product-price-text.close-beta .colse-beta-title {
          font-size: 16px;
          color: var(--zeroacticle-default-color);
          font-weight: 600;
          margin-bottom: 10px;
        }

        .zero-product-price-text.close-beta .colse-beta-content {
          font-size: 14px;
          color: var(--zeroacticle-tag-textcolor);
          margin-bottom: 15px;
          line-height: 25px;
        }

        .zero-product-price-text.close-beta .colse-beta-content p {
          margin-bottom: 5px;
        }

        .zero-product-price-text.close-beta .colse-beta-cbeta {
          display: flex;
          flex-direction: column;
          gap: 10px;
          color: var(--zeroacticle-default-color);
        }

        .zero-product-price-text.close-beta .colse-beta-cbeta span {
          color: var(--zeroacticle-default-color);
          font-size: 16px;
          font-weight: 600;
        }

        .zero-product-price-text.charge-beta .charge-beta-body::before,
        .zero-product-price-text.close-beta::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: linear-gradient(117deg, #74a3ff, #0060ff);
          border-radius: 8px 8px 0 0;
        }

        .zero-product-price-text.charge-beta {
          display: flex;
          gap: 20px;
        }

        .zero-product-price-text.charge-beta .charge-beta-body {
          background: linear-gradient(180deg, #f4f7fc, #fff);
          border-radius: 8px;
          padding: 18px 24px 24px;
          transition: all .2s;
          position: relative;
          cursor: default;
          width: 25%;
        }

        .zero-product-price-text.charge-beta .charge-beta-title {
          font-size: 18px;
          font-weight: 600;
          color: var(--zeroacticle-default-color);
          margin-bottom: 5px;
          text-align: center;
        }

        .zero-product-price-text.charge-beta .charge-beta-cbeta {
          font-size: 32px;
          font-weight: 600;
          color: var(--zeroacticle-default-color);
          text-align: center;
          margin-bottom: 5px;
        }

        .zero-product-price-text.charge-beta .charge-beta-cbeta small {
          font-size: 20px;
        }

        .zero-product-price-text.charge-beta .charge-beta-content {
          font-size: 14px;
          color: var(--zeroacticle-tag-textcolor);
          line-height: 25px;
        }

        .zero-product-price-text.charge-beta .charge-beta-content span {
          color: var(--zeroacticle-tag-textcolor);
          margin-bottom: 2px;
        }

        .zero-product-body-box-title-btn i {
          font-size: 16px;
        }

        .zero-product-body-box-title-btn .btn {
          background-color: transparent !important;
          border: unset;
          padding: 0px;
          height: 22px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .zero-product-body-box-title-btn .btn {
          font-size: 12px;
          color: var(--zeroacticle-default-color);
        }

        .zero-product-body-box-title-btn .btn img {
          max-width: 100%;
          height: 100%;
        }

        .zero-product-qa-box .zero-product-body-box-title,
        .zero-product-article-box .zero-product-body-box-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .zero-product-qa-title {
          display: flex;
          align-items: center;
          margin-bottom: 10px;
        }

        .zero-product-qa-title .zero-product-qa-icon {
          background-color: #303030;
          font-size: 12px;
          color: #FFF;
          border-radius: 2px;
          margin-right: 5px;
          padding: 0px 5px;
        }

        .zero-product-qa-title h4 {
          font-size: 16px;
          color: var(--zeroacticle-default-color);
          margin-bottom: 0;
          font-weight: 600;
        }

        .zero-product-qa-content {
          background-color: #f3f3f3;
          padding: 20px;
          border-radius: 5px;
        }

        .zero-product-qa-content-info {
          font-size: 14px;
          color: var(--zeroacticle-default-color);
        }

        .zero-product-author-item {
        display: flex;
      }

      .zero-product-author-item-img {
        width: 50px;
        height: 50px;
        overflow: hidden;
        flex-shrink: 0;
        border-radius: 50%;
        margin-right: 10px;
      }

      .zero-product-author-item-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      .zero-product-author-item-name {
        font-size: 16px;
        color: var(--zeroacticle-default-color);
      }

      .zero-product-author-item-name img {
        max-width: 50px;
      }

      .zero-product-author-item-name span {
        font-weight: 600;
        margin-right: 5px;
      }

      .zero-product-author-item-name p {
        margin-bottom: 0;
        color: var(--zeroacticle-tag-textcolor);
        font-size: 14px;
        margin-top: 5px;
      }

      .zero-product-author-btngroup {
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .zeroui-v4-btngroup {
        width: 100%;
        display: flex;
        align-items: center;
      }

      .zeroui-v4-btngroup .btn {
        width: 100%;
        border-radius: 4px;
        font-size: 14px;
        padding: 5px 15px;
      }

      .zero-product-author-btngroup .btn {
        font-size: 14px;
        padding: 5px 15px;
        width: 50%;
        border-radius: 4px;
      }

      .zero-product-author-btngroup i {
        -webkit-text-stroke-width: unset;
        margin-right: 5px;
      }

      .zero-product-class-ranking-list {
        margin-bottom: 20px;
        gap: 10px;
        display: grid;
      }

      .zero-product-class-ranking-item {
        
      }

      .zero-product-class-ranking-item.rank-product {
        background-color: #f3f3f3;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
      }

      .zero-product-class-ranking-item.rank-product::after {
        content: "";
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M495.396857 245.242494l33.444716 0L528.841573 115.218138l-27.841092 0-0.596588 3.875261c-0.596588 3.934612-1.759063 7.153934-3.517103 9.628288-1.759063 2.533706-3.964288 4.620227-6.52767 6.200212-2.712785 1.609661-5.782703 2.772136-9.151427 3.3984-3.219321 0.596588-6.408967 0.924045-9.419534 0.924045l-6.52767-0.208754 0 27.78174 30.136368 0L495.396857 245.242494z' fill='%23231F20' p-id='4414'%3E%3C/path%3E%3Cpath d='M868.272239 571.855226 678.809143 571.855226c-3.934612 0-7.898901 0.417509-11.803837 1.251503L667.005306 327.365886c0-30.404474-24.442692-55.116295-54.490032-55.116295L412.767951 272.249591c-30.077016 0-54.519708 24.710798-54.519708 55.116295l0 117.326149c-3.845585-0.804319-7.809873-1.221828-11.803837-1.221828L157.009963 443.470207c-30.642904 0-55.56348 24.830525-55.56348 55.384401l0 354.990037c0 30.28577 24.442692 54.937217 54.490032 54.937217l713.378473 0c30.04734 0 54.490032-24.651446 54.490032-54.937217L923.80502 627.657136C923.806044 596.894506 898.885468 571.855226 868.272239 571.855226zM667.005306 627.657136c0-1.520633 1.221828-2.772136 2.742461-2.772136l198.525496 0c1.430582 0 2.712785 1.311879 2.712785 2.772136l0.89437 226.187509c0 1.430582-1.162476 2.622734-2.563382 2.622734L667.005306 856.467379 667.005306 627.657136zM410.174893 327.365886c0-1.489934 1.162476-2.683109 2.593058-2.683109l199.747323 0c1.400906 0 2.563382 1.192152 2.563382 2.683109l0 529.101493L410.174893 856.467379 410.174893 327.365886zM154.298202 498.854609c0-1.489934 1.221828-2.683109 2.712785-2.683109l198.733227 0c1.489934 0 2.712785 1.192152 2.712785 2.653433l-0.208754 357.64347L155.937538 856.468402c-1.400906 0-2.563382-1.192152-2.563382-2.622734L154.298202 498.854609z' fill='%23231F20' p-id='4415'%3E%3C/path%3E%3Cpath d='M749.724263 520.375761c4.263094 4.113691 9.568936 7.333012 15.769149 9.568936 6.081509 2.116197 12.788258 3.15997 19.942191 3.15997 6.259564 0 12.370749-0.953721 18.183128-2.801812 5.842055-1.877767 11.148921-4.709255 15.708773-8.375761 4.620227-3.78521 8.346085-8.495488 11.05887-13.980409 2.742461-5.573949 4.113691-11.95324 4.113691-18.957771 0-7.898901-2.206248-14.814404-6.52767-20.567431-2.324952-3.069919-5.187139-5.603625-8.525164-7.571443 2.2656-1.759063 4.202719-3.904936 5.723352-6.408967 3.248997-5.126764 4.888334-11.178597 4.888334-17.944697 0-6.229888-1.400906-11.833513-4.202719-16.632819-2.653433-4.620227-6.229888-8.644891-10.552334-11.923564-4.232394-3.189645-9.061376-5.603625-14.337543-7.18361-11.655458-3.457752-24.14491-3.099594-34.161031 0.983397-5.664 2.295276-10.522658 5.514597-14.486946 9.598612-4.02364 4.054339-7.18361 9.031701-9.419534 14.755052-2.175549 5.573949-3.3984 11.774161-3.63683 18.511609l-0.179079 4.739954 32.520671 0-0.089028-4.649903c-0.089028-5.126764 1.1328-9.360182 3.607154-12.579503 2.235924-2.921539 5.603625-4.352121 10.313903-4.352121 3.428076 0 6.349615 1.043772 8.942673 3.15997 2.324952 1.877767 3.457752 4.590552 3.457752 8.316409 0 2.354628-0.506537 4.202719-1.489934 5.425569-1.162476 1.460258-2.653433 2.593058-4.560876 3.428076-2.116197 0.89437-4.441149 1.430582-6.885827 1.609661-2.742461 0.268106-5.276167 0.268106-7.601118 0l-4.978385-0.447185 0 26.857694 4.560876 0c2.891863 0 5.872754 0.089028 9.092076 0.268106 2.683109 0.149403 5.216815 0.685615 7.512091 1.550309 1.907443 0.804319 3.517103 2.056845 4.799306 3.755534 1.1328 1.579985 1.759063 4.29277 1.759063 7.839549 0 4.560876-1.37123 7.988951-4.143367 10.492982-2.921539 2.653433-6.438643 3.934612-10.790764 3.934612-2.861164 0-5.246491-0.476861-7.124258-1.460258-1.997494-0.983397-3.607154-2.235924-4.888334-3.815909-1.400906-1.759063-2.444679-3.815909-3.130294-6.170536-0.804319-2.444679-1.251503-5.126764-1.37123-8.018627l-0.119727-4.381797-32.074509 0-0.029676 4.470825c-0.149403 7.66047 0.953721 14.546298 3.278673 20.389376C741.944066 510.926552 745.342466 516.113691 749.724263 520.375761z' fill='%23231F20' p-id='4416'%3E%3C/path%3E%3Cpath d='M288.913109 387.757325l-51.241035 0c1.013073-0.983397 2.056845-1.877767 3.130294-2.742461 3.725858-2.951215 7.630794-5.812379 11.625782-8.465812 4.143367-2.712785 8.257058-5.484921 12.311397-8.257058 4.381797-2.951215 8.286734-6.259564 11.625782-9.896394 3.487428-3.666506 6.349615-7.988951 8.584516-12.877285 2.206248-5.067412 3.278673-10.82044 3.278673-17.61724 0-6.497994-1.251503-12.489452-3.755534-17.85567-2.474354-5.276167-5.812379-9.68764-10.1645-13.443174-4.173043-3.577478-9.061376-6.349615-14.546298-8.257058-11.864212-4.113691-27.245528-3.517103-38.154995 1.251503-6.14086 2.742461-11.326976 6.677073-15.440667 11.625782-4.024663 4.888334-7.064906 10.671037-9.061376 17.140379-1.967818 6.438643-2.831488 13.413498-2.593058 20.74651l0.119727 4.411473 32.31294 0 0-4.560876c0-2.921539 0.297782-5.90243 0.835018-8.852622 0.596588-2.891863 1.520633-5.484921 2.712785-7.690146 1.1328-2.056845 2.593058-3.696182 4.501524-4.978385 1.669012-1.1328 3.815909-1.729387 6.408967-1.729387 4.02364 0 7.213285 1.192152 9.717316 3.607154 2.474354 2.444679 3.666506 5.872754 3.666506 10.492982 0 2.891863-0.626263 5.365194-1.907443 7.571443-1.37123 2.474354-3.15997 4.709255-5.276167 6.677073-2.384303 2.206248-4.888334 4.173043-7.482415 5.812379-3.040243 1.937119-5.90243 3.845585-8.55484 5.723352-5.15644 3.607154-10.075473 7.153934-14.755052 10.611685-4.799306 3.577478-9.121751 7.630794-12.847609 12.012591-3.725858 4.470825-6.706749 9.598612-8.912997 15.231913-2.145873 5.693676-3.248997 12.400425-3.248997 19.971867l0 4.560876 97.115851 0L288.917202 387.757325z' fill='%23231F20'%3E%3C/path%3E%3C/svg%3E");
        width: 80px;
        height: 80px;
        right: 0;
        bottom: 0;
        opacity: 0.06;
      }

      .zero-product-class-ranking-item-box {
        display: flex;
        align-items: center;
        position: relative;
        padding: 10px;
      }

      .rank-product .zero-product-class-ranking-item-ranknum{
        font-size: 18px;
        color: #ff5000;
      }

      .zero-product-class-ranking-item-ranknum {
        font-size: 18px;
        font-weight: 600;
        margin-right: 10px;
        color: var(--zeroacticle-tag-textcolor);
      }

      .zero-product-class-ranking-item-img {
        width: 60px;
        height: 60px;
        overflow: hidden;
        flex-shrink: 0;
        border-radius: 1rem;
        margin-right: 10px;
        background-color: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(0, 0, 0, 0.05);
      }

      .zero-product-class-ranking-item-img img {
        width: 40px;
        height: auto;
        object-fit: cover;
        border-radius: 50%;
      }
      
      .zero-product-class-ranking-item-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--zeroacticle-default-color);
        margin-bottom: 5px;
      }

      .zero-product-class-ranking-item-text {
        font-size: 12px;
        color: var(--zeroacticle-tag-textcolor);
      }

      .zeroui-card-5 {
        padding: 5px !important;
      }

      .zeroui-card-15 {
        padding: 15px !important;
      }

      .zeroui-card-20 {
        padding: 20px !important;
      }

      .zeroui-relative {
        position: relative;
      }

      .zero-product-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
      }

      .zero-product-button .btn {
        font-size: 16px;
        color: var(--zeroacticle-default-color);
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .zero-product-button .btn i {
        -webkit-text-stroke-width: unset;
        font-size: 18px;
        margin-left: 5px;
      }

      .zero-product-article-item-box {
          margin-bottom: 10px;
          display: block;
        }
        
        .zero-product-article-item {
          background-color: #FFF;
          box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
          padding: 10px;
          border-radius: 5px;
        }

        .zero-product-article-item-box:hover .zero-product-article-item-img img {
          transform: scale(1.1);
          transition: all .3s;
        }

        .zero-product-article-item-box:hover .zero-product-article-item-title h4 {
          color: #5D87FF;
        }

        .zero-product-article-item-box:hover .zero-product-article-item-sum {
          background-color: #f5f8ff;
          transition: all .3s;
        }

        .zero-product-article-item-img {
          width: 100%;
          height: 150px;
          overflow: hidden;
          border-radius: 5px;
          margin-bottom: 10px;
        }

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

        .zero-product-article-item-title h4 {
          font-size: 16px;
          line-height: 25px;
          font-weight: 600;
          margin-bottom: 5px;
          color: var(--zeroacticle-default-color);
        }

        .zero-product-article-item-sum {
          background-color: #f6f6f6;
          padding: 5px;
          border-radius: 5px;
        }

        .zero-product-article-item-sum p {
          margin-bottom: 0;
          font-size: 12px;
          line-height: 22px;
          color: var(--zeroacticle-tag-textcolor);
        }

        .zero-product-article-item-footer {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .zero-product-article-item-footer-author {
          display: flex;
          align-items: center;
        }

        .zero-product-article-item-footer-author .footer-author-name {
          color: var(--zeroacticle-default-color);
          font-size: 14px;
        }

        .zero-product-article-item-footer-author img {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          margin-right: 5px;
          object-fit: cover;
        }

        .zero-product-article-item-footer-right {

        }

        .zero-product-article-item-footer-cate {
          background-color: var(--zeroacticle-tag-bgcolor);
          color: var(--zeroacticle-tag-textcolor);
          font-size: 12px;
          border-radius: 2px;
          overflow: hidden;
          padding: 2px 5px;
          display: block;
        }

        .zero-product-article-item-footer-cate span {
          
        }

        .zero-product-article-item-footer-left:hover .footer-author-name {
          color: #5D87FF;
        }

        .zero-product-circle-item {
          padding: 10px;
          border-radius: 5px;
          background-color: #FFF;
          box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
        }

        .zero-product-circle-item-header {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
          padding: 10px;
          background-color: #f6f6f6;
          border-radius: 5px;
          align-items: center;
        }

        .zero-product-circle-item-header-left {
          display: flex;
          align-items: center;
        }

        .product-circle-item-img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 5px;
          flex: 0 0 auto;
        }

        .product-circle-item-img img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        .product-circle-item-info {
          width: 80%;
        }

        .product-circle-item-info-name {
          margin-bottom: 5px;
        }

        .product-circle-item-info-name h4 {
          color: var(--zeroacticle-default-color);
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 0;
        }

        .product-circle-item-info-sum p {
          margin-bottom: 0;
          font-size: 12px;
        }

        .zero-product-circle-item-header-right {
          flex: 0 0 auto;
        }

        .zero-product-circle-item-header-right .btn {
          padding: 2px 8px !important;
        }

        .zero-product-circle-item-body-left-list {
        }
        
        .zero-product-circle-item-body-left-list-item {
          border-bottom: 1px solid #f6f6f6;
          padding: 10px;
          display: block;
        }

        .zero-product-circle-item-body-left-list-item:nth-last-child(1) {
          border-bottom: unset;
        }

        .product-circle-item-body-author {
          display: flex;
          align-items: center;
        }

        .product-circle-item-body-img {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 5px;
        }

        .product-circle-item-body-img img {
          width: 100%;
          height: 100%;
        }

        .product-circle-item-body-name h4 {
          font-size: 14px;
          color: var(--zeroacticle-default-color);
          margin-bottom: 0px;
        }

        .product-circle-item-body-dynamics {
          margin-bottom: 10px;
        }

        .product-circle-item-body-dynamics span {
          color: var(--zeroacticle-default-color);
        }

        .product-circle-item-body-dynamics-info {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .product-circle-item-body-dynamics-info span {
          font-size: 12px;
          color: #8f8f8f;
        }

        .product-circle-item-body-dynamics-info span i {
          -webkit-text-stroke-width: unset;
          margin-right: 2px;
        }

        .zero-product-circle-item-body-box-name {
          margin-bottom: 5px;
        }

        .product-circle-item-body-author {
          margin-bottom: 5px;
        }

        .zero-product-circle-item-body-right-list {
                            padding: 10px;
                            gap: 15px;
                            display: inline-grid;
                            display: -ms-inline-grid;
                          }

                          .zero-product-circle-item-body-right-item {
                            display: flex;
                            align-items: center;
                          }

                          .zero-product-circle-item-body-right-item-img {
                            width: 30px;
                            height: 30px;
                            border-radius: 50%;
                            overflow: hidden;
                            margin-right: 8px;
                          }

                          .zero-product-circle-item-body-right-item-img img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                          }

                          .zero-product-circle-item-body-right-item-name {
                            color: var(--zeroacticle-default-color);
                            font-size: 14px;
                          }

                          .zero-product-comment-card {
                            background: linear-gradient(to right, #262a39 40%, #3a3f54 99%);
                            position: relative;
                            overflow: hidden;
                          }

                          .zero-product-comment-card::after {
                            content: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M866.986667 68.266667A88.746667 88.746667 0 0 1 955.733333 157.013333v613.1712a88.746667 88.746667 0 0 1-88.746666 88.746667h-255.146667c-13.482667 0-26.077867 6.724267-33.553067 17.954133l-45.397333 68.061867a24.234667 24.234667 0 0 1-40.277333 0l-45.397334-68.061867a40.3456 40.3456 0 0 0-33.553066-17.954133H157.013333a88.746667 88.746667 0 0 1-88.746666-88.746667V157.013333A88.746667 88.746667 0 0 1 157.013333 68.266667z m0 48.401066H157.013333c-22.289067 0-40.3456 18.090667-40.3456 40.3456v613.1712c0 22.254933 18.090667 40.311467 40.3456 40.311467h256.682667a88.746667 88.746667 0 0 1 73.796267 39.5264l25.258666 37.853867 25.258667-37.853867a88.746667 88.746667 0 0 1 67.925333-39.3216l5.905067-0.2048H866.986667c22.289067 0 40.3456-18.056533 40.3456-40.311467V157.013333c0-22.289067-18.090667-40.3456-40.3456-40.3456zM490.018133 243.712a24.234667 24.234667 0 0 1 43.963734 0l57.924266 125.986133 137.762134 16.1792a24.234667 24.234667 0 0 1 15.906133 39.389867l-2.321067 2.4576-101.956266 94.0032 27.204266 136.021333a24.234667 24.234667 0 0 1-32.529066 27.306667l-3.072-1.467733L512 615.662933l-120.9344 67.925334a24.234667 24.234667 0 0 1-36.010667-22.528l0.443734-3.310934 27.170133-136.021333-101.922133-94.0032a24.234667 24.234667 0 0 1 10.274133-41.233067l3.310933-0.6144 137.728-16.1792zM512 311.739733l-41.608533 90.555734a24.234667 24.234667 0 0 1-19.182934 13.9264l-98.952533 11.605333 73.250133 67.549867a24.234667 24.234667 0 0 1 7.748267 18.978133l-0.443733 3.549867-19.5584 97.6896 86.903466-48.776534a24.234667 24.234667 0 0 1 20.48-1.501866l3.208534 1.501866 86.869333 48.776534-19.524267-97.6896a24.234667 24.234667 0 0 1 4.846934-19.899734l2.4576-2.628266 73.216-67.584-98.9184-11.5712a24.234667 24.234667 0 0 1-17.442134-10.786134l-1.7408-3.140266L512 311.739733z' fill='%23dbdbdb'%3E%3C/path%3E%3C/svg%3E");
                            width: 200px;
                            height: 50px;
                            position: absolute;
                            display: block;
                            top: -45px;
                            left: -40px;
                            opacity: 0.03;
                            transform: rotate(-20deg);
                          }

                          .zero-product-comment-card-text {
                            color: hsla(0,0%,100%,.6);
                            font-size: 12px;
                            display: flex;
                            align-items: center;
                            margin-bottom: 10px;
                          }

                          .zero-product-comment-card-text i {
                            -webkit-text-stroke-width: unset;
                          }

                          .zero-product-comment-body-header-rankinfo {
                            display: flex;
                            align-items: center;
                          }

                          .zero-product-comment-body-header-rankinfo span {
                            font-size: 30px;
                            font-weight: 600;
                            color: #FE5F29;
                            margin-right: 10px;
                          }

                          .zero-product-comment-body-header-rankstar {
                            margin-right: 20px;
                          }

                          .zero-product-comment-body-header-rankstar svg {
                            overflow: hidden;
                            background-color: #FFFFFF;
                            border-radius: 5px;
                          }

                          .zero-product-comment-body-header-box {
                          display: flex;
                          justify-content: space-between;
                        }

                        .zero-product-comment-body-header-left {
                          flex: 0 0 auto;
                        }

                        .zero-product-comment-body-header-right {
                          flex: 0 0 auto;
                        }

                        .zero-product-comment-body-header-right-title {
                          color: #fff;
                          line-height: 28px;
                          font-size: 14px;
                          margin-bottom: 12px;
                        }

                        .zero-product-comment-body-header-rankuser {
                          display: flex;
                          align-items: center;
                        }

                        .zero-product-comment-body-header-rankuser-avatar {
                          display: flex;
                          align-items: center;
                          margin-right: 5px;
                        }

                        .zero-product-comment-body-header-rankuser-img {
                          width: 25px;
                          height: 25px;
                          overflow: hidden;
                          border-radius: 50%;
                          margin-left: -5px;
                          background-color: #FFF;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                        }
                        
                        .zero-product-comment-body-header-rankuser-avatar img{
                          object-fit: cover;
                          height: 22px;
                          width: 22px;
                          border-radius: 50%;
                        }

                        .zero-product-comment-body-header-rankuser-text p {
                          margin-bottom: 0px;
                          font-size: 12px;
                          color: hsla(0,0%,100%,.6);
                        }

                        .comment-rank-item-icon {
                          display: flex;
                          align-items: center;
                          margin-bottom: 5px;
                        }

                        .comment-rank-item-icon .ranklist-imgbox-item {
                          margin-right: 15px;
                          width: 81px;
                          justify-content: flex-end;
                        }

                        .comment-rank-item-icon .ranklist-imgbox-item .rank-item-icon {
                          width: 13px;
                          height: 13px;
                          background-color: #FFFFFF;
                          border-radius: 4px;
                        }

                        .comment-rank-item-icon .progress {
                          height: 8px;
                          background: linear-gradient(179deg, rgba(245, 248, 255, .1), hsla(0, 0%, 100%, .1));
                          border-radius: 8px;
                        }

                        .comment-rank-item-icon .progress .zero-progress {
                          width: 170px;
                        }

                        .comment-rank-item-icon .progress .zero-progress .progress-bar {
                          height: 8px;
                        }

                        .comment-rank-item-nmu {
                          font-size: 12px;
                          color: #fff;
                          line-height: 17px;
                          margin-left: 16px;
                          opacity: .6;
                          flex: 0 0 auto;
                        }

                        .zero-product-comment-body-header-more {
                        position: relative;
                      }

                      .zero-product-comment-body-header-more::after {
                        content: "";
                        background-color: #2f3344;
                        position: absolute;
                        width: 500px;
                        height: 90px;
                        top: -20px;
                        right: -15px;
                        border-radius: 5px;
                      }

                      .zero-product-comment-body-header-more .comment-header-table {
                        font-size: 14px;
                        font-weight: 400;
                        color: #fff;
                        line-height: 18px;
                        margin-bottom: 20px;
                        margin-top: 26px;
                        display: flex;
                        z-index: 1;
                        position: inherit;
                      }

                      .zero-product-comment-body-header-more .comment-header-table .table-title .comment-table-column-item {
                        text-align: left;
                      }

                      .zero-product-comment-body-header-more .comment-header-table .comment-table-column {
                        margin-right: 20px;
                        
                      }

                      .zero-product-comment-body-header-more .comment-header-table .comment-table-column-item {
                        text-align: center;
                        margin-bottom: 15px;
                      }

                      .zero-product-comment-body-header-more .comment-header-table .comment-table-column-item:nth-last-child(1) {
                        margin-bottom: 0px;
                      }

                      .product-comment-box-list {
                          margin-bottom: 30px;
                        }

                        .product-comment-box-item {
                          padding: 20px;
                        }

                        .product-comment-box-item::after {
                          content: "";
                          background-color: #cfcfcf;
                          opacity: .25;
                          width: 100%;
                          height: 1px;
                          display: block;
                          margin-top: 20px;
                          margin-bottom: 20px;
                        }

                        .product-comment-box-author {
                          display: flex;
                          align-items: center;
                          color: var(--zeroacticle-default-color);
                          margin-bottom: 15px;
                        }

                        .product-comment-box-avatar {
                          width: 45px;
                          height: 45px;
                          overflow: hidden;
                          border-radius: 50%;
                          margin-right: 10px;
                          flex: 0 0 auto;
                        }

                        .product-comment-box-avatar img {
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                        }

                        .product-comment-box-info {
                          
                        }

                        .product-comment-box-name {
                          gap: 5px;
                          display: flex;
                          align-items: center;
                          font-size: 16px;
                          font-weight: 600;
                          margin-bottom: 2px;
                        }

                        .product-comment-box-author-sum {
                          font-size: 12px;
                          color: #838383;
                        }

                        .product-comment-box-name .c-user-grade {
                          width: 35px;
                          height: auto;
                          display: block;
                          margin-left: 0;
                        }

                        .product-comment-box-name .c-user-grade img {
                          width: 100%;
                          height: auto;
                        }

                        .product-comment-box-author-sum p {
                          margin-bottom: 0;
                        }

                        .product-comment-box-rank {
                          background-color: #f6f9fd;
                          border-radius: 5px;
                          display: flex;
                          margin-bottom: 20px;
                        }

                        .product-comment-rank-detail {
                          text-align: center;
                          flex: 1 0 auto;
                          height: 100%;
                          padding: 13px 18px;
                          position: relative;
                        }

                        .product-comment-rank-detail::after {
                          position: absolute;
                          right: 0;
                          top: 50%;
                          transform: translateY(-50%);
                          content: "";
                          width: 1px;
                          height: 14px;
                          opacity: .2;
                          background: #979797;
                        }

                        .product-comment-rank-detail:nth-last-child(1)::after {
                          display: none;
                        }

                        .product-comment-rank-detail .product-comment-rank-detail-value {
                          font-size: 14px;
                          font-weight: 700;
                          color: #333;
                          line-height: 16px;
                          margin-bottom: 8px;
                        }

                        .product-comment-rank-detail .product-comment-rank-detail-label {
                          font-size: 13px;
                          font-weight: 400;
                          color: rgba(38, 38, 38, .4);
                          line-height: 18px;
                        }

                        .product-comment-box-rank-star {
                          margin-bottom: 10px;
                        }

                        .product-comment-box-rank-star .ranklist-imgbox img {
                          width: 50px;
                          height: auto;
                          margin-right: 5px;
                        }

                        .product-comment-box-rank-star .ranklist-imgbox-num {
                          color: #FE5F29;
                          font-size: 15px;
                        }

                        .product-comment-box-content {
                          margin-bottom: 20px;
                        }

                        .product-comment-box-content p {
                          font-size: 15px;
                          color: #333;
                          line-height: 28px;
                          margin-bottom: 0px;
                          word-break: break-all;
                        }
                        
                        .product-comment-content-text {
                          font-size: 15px;
                          color: #333;
                          line-height: 28px;
                          margin-bottom: 0px;
                          word-break: break-all;
                        }

                        .product-comment-box-footer {
                          display: flex;
                          justify-content: space-between;
                          align-items: center;
                        }

                        .product-comment-box-footer-left-text {
                          font-size: 14px;
                          color: #262626;
                          line-height: 24px;
                          opacity: .4;
                        }

                        .product-comment-box-footer-right {
                          display: flex;
                          align-items: center;
                          gap: 25px;
                        }

                        .product-comment-box-footer-right a {
                          color: var(--zeroacticle-default-color);
                          font-size: 14px;
                        }

                        .product-comment-box-footer-right a i {
                          -webkit-text-stroke-width: unset;
                          margin-right: 3px;
                        }

                        .zero-product-class-related-item {
          margin-bottom: 10px;
          display: block;
        }

        .zero-product-class-related-item:hover .zero-product-class-related-item-title {
          color: #5D87FF;
        }
        
        .zero-product-class-related-item:hover .zero-product-class-related-item-img img {
          transform: scale(1.1);
          transition: all .3s;
        }

        .zero-product-class-related-item::after {
          content: "";
          background-color: #cfcfcf;
          opacity: .25;
          width: 100%;
          height: 1px;
          display: block;
          margin-top: 20px;
          margin-bottom: 20px;
        }

        .zero-product-class-related-item:nth-last-child(1)::after {
          display: none;
        }
        
        .zero-product-class-related-item-img {
          width: 60px;
          height: 60px;
          overflow: hidden;
          border-radius: 1rem;
          background-color: #FFFFFF;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
          margin-right: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
        }

        .zero-product-class-related-item-img img {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          object-fit: cover;
        }

        .zero-product-class-related-item-title {
          font-size: 18px;
          font-weight: 600;
          color: var(--zeroacticle-default-color);
          margin-bottom: 5px;
        }

        .zero-product-class-related-item-rank {
          display: flex;
          align-items: center;
        }
        
        .zero-product-class-related-item-rank .ranklist-imgbox-num {
          color: var(--zeroacticle-default-color);
          font-size: 14px;
        }

        .zero-product-class-related-item-sum {
          margin-top: 10px;
          font-size: 14px;
          line-height: 24px;
          color: var(--zeroacticle-default-color);
        }

        .zero-product-class-sticky {
          position: sticky;
          top: 170px;
          margin-bottom: 30px;
        }

                      .zero-product-class-ad {
          position: relative;
          border-radius: 7px;
          overflow: hidden;
        }

        .zero-product-class-ad span {
          position: absolute;
          top: 10px;
          left: 10px;
          background: #5f5f5f;
          padding: 1px 8px;
          color: #ffffff;
          font-size: 12px;
          z-index: 1;
          border-radius: 3px;
        }

        .zero-product-class-ad img {
          width: 100%;
          max-height: 100%;
        }

        .zero-product-body-box-class {
                                      margin-bottom: 20px;
                                  }
                                  
                                  .zero-product-body-box-class-list {
                                      display: flex;
                                      align-items: center;
                                      gap: 10px;
                                      margin-bottom: 10px;
                                  }

                                  .zero-product-body-box-class-list a {
                                      color: var(--zeroacticle-tag-textcolor);
                                      background-color: var(--zeroacticle-tag-bgcolor);
                                      border-radius: 20px;
                                      padding: 2px 10px;
                                  }

                                  .zero-product-body-box-class-list a.active {
                                      color: #FFFFFF;
                                      background-color: #5D87FF;
                                  }

                                  .zero-product-body-box-class-num-text {
                                      color: var(--zeroacticle-default-color);
                                  }
                                  
                                  .zero-product-qa-list {
                                      margin-bottom: 30px;
                                      display: block;
                                  }

                                  .zero-product-qa-list .zero-product-qa-body {
                                      margin-bottom: 10px;
                                      display: block;
                                  }
                                  
                                  .zero-product-qa-footer {
                                      display: flex;
                                      align-items: center;
                                      justify-content: space-between;
                                  }

                                  .zero-product-qa-footer-left {
                                      font-size: 13px;
                                      color: #262626;
                                      line-height: 24px;
                                      opacity: .4;
                                  }

                                  .zero-product-qa-footer-right a {
                                      color: var(--zeroacticle-default-color);
                                  }

                                  .zero-product-qa-footer-right i {
                                      -webkit-text-stroke-width: unset;
                                      margin-right: 3px;
                                  }

                                  .zero-product-qadetail-bg {
                          position: relative;
                          overflow: hidden;
                      }
                      
                      .zero-product-qadetail-bg-img {
                          position: absolute;
                          width: 100%;
                          height: auto;
                          top: 0;
                          right: 0;
                      }

                      .zero-product-qadetail-bg-img img {
                          width: 100%;
                          height: 100%;
                      }

                      .zero-product-qadetail-submit {
                          z-index: 1;
                          margin-bottom: 20px;
                      }

                      .zero-product-qadetail-submit span {
                          color: #FFFFFF;
                          font-size: 16px;
                      }

                      .zero-product-qadetail-submit-btn {
                          z-index: 1;
                      }

                      .zero-product-qadetail-submit-btn button {
                          width: 108px;
                          height: 32px;
                          background: #fff !important;
                          border-radius: 4px;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          font-size: 14px;
                          font-weight: 600;
                          color: #002efa !important;
                          line-height: 20px;
                          border: unset;
                      }

                      .zero-product-qadetail-body-head {
                          margin-bottom: 20px;
                      }

                      .zero-product-qadetail-body-content-author {
                          display: flex;
                          align-items: center;
                          margin-bottom: 10px;
                      }

                      .zero-product-qadetail-body-content-item {
                          margin-bottom: 30px;
                      }
                      
                      .zero-product-qadetail-body-content-item-avatar {
                          width: 32px;
                          height: 32px;
                          border-radius: 50%;
                          overflow: hidden;
                          display: inline-block;
                          margin-right: 10px;
                      }

                      .zero-product-qadetail-body-content-item-avatar img {
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                      }

                      .zero-product-qadetail-body-content-item-name span {
                          font-size: 16px;
                          color: var(--zeroacticle-default-color);
                          font-weight: 600;
                          line-height: 24px;
                      }

                      .zero-product-qadetail-body-content-item-text {
                          margin-left: 40px;
                          margin-bottom: 10px;
                      }

                      .zero-product-qadetail-body-content-item-text p {
                          font-size: 15px;
                          font-weight: 400;
                          color: rgba(38, 38, 38, .8);
                          line-height: 26px;
                          white-space: pre-wrap;
                      }

                      .zero-product-qadetail-body-content-item-footer {
                          margin-left: 40px;
                      }

                      .zero-product-qadetail-body-content-item-footer span {
                          font-size: 13px;
                          color: rgba(38, 38, 38, .4);
                          line-height: 24px;
                      }

                      .zero-product-qadetail-title {
              
          }
          
          .zero-product-qadetail-title h1 {
              font-size: 28px;
              font-weight: 600;
              color: var(--zeroacticle-default-color);
              line-height: 40px;
          }

          .zero-product-qadetail-content {
              display: flex;
              align-items: center;
          }

          .zero-product-qadetail-content-text a {
              color: #999;
          }

          .zero-product-qadetail-content .zero-product-qadetail-content-text {
              display: flex;
              align-items: center;
              position: relative;
          }

          .zero-product-qadetail-content .zero-product-qadetail-content-text::after {
              content: "";
              width: 1px;
              background-color: #e9e9e9;
              height: 10px;
              display: block;
              margin: 0px 15px;
          }

          .zero-product-qadetail-content .zero-product-qadetail-content-text:nth-last-child(1)::after {
              display: none;
          }

          .zero-product-qadetail-content span {
              font-size: 13px;
              color: #999;
              line-height: 26px;
          }

          .zero-product-qadetail-askbtn button {
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 14px;
              font-weight: 600;
              color: #206cff !important;
              line-height: 20px;
              height: 32px;
              background: rgba(32, 108, 255, .1) !important;
              border-radius: 4px;
              cursor: pointer;
              margin-top: 12px;
              border: unset;
          }

          .zero-product-qadetail-askbtn button i {
              -webkit-text-stroke-width: unset;
              margin-right: 5px;
          }

          .zero-product-qadetail-body-head {
              border-bottom: 1px solid #f4f4f4;
          }

          .zero-product-qadetail-body-head span {
              margin-bottom: 5px;
              display: block;
              font-size: 14px;
              color: var(--zeroacticle-default-color);
          }





          /*文章list开始简朴*/
          .zero-article-newlist-head {
              margin-bottom: 30px;
              padding-top: 30px;
          }
          
          .zero-articlelist-header {
              
          }

          .zero-articlelist-header-title {
              width: 100%;
              display: flex;
              justify-content: center;
              flex-direction: column;
              align-items: center;
              
          }

          .zero-articlelist-header-title-box {
              display: flex;
              align-items: center;
              margin-bottom: 15px;
          }

          .zero-articlelist-header-title-box i {
              -webkit-text-stroke-width: unset;
              margin-left: 10px;
              font-size: 24px;
              color: var(--zeroacticle-default-color);
          }

          .zero-articlelist-header-title-box .dropdown:hover .dropdown-menu {
              display: block !important;
              transition: all .3s;
          }

          .zero-articlelist-header-title h2 {
              font-size: 30px;
              line-height: 32px;
              color: var(--zeroacticle-default-color);
              font-weight: 600;
              margin-bottom: 0;
          }

          .zero-articlelist-header-subtitle {
              font-size: 15px;
              color: var(--zeroacticle-tag-textcolor);
              margin-bottom: 30px;
              line-height: 30px;
              text-align: center;
              width: 80%;
          }
          
          .zero-articlelist-header-desc {
              font-weight: 14px;
              color: var(--zeroacticle-tag-textcolor);
          }

          .zero-articlelist-box {
              margin-bottom: 30px;
              display: block;
          }

          .zero-articlelist-box .zero-articlelist-item:hover .zero-articlelist-item-img img {
            transform: scale(1.1);
            transition: all .3s;
          }

          .zero-articlelist-box .zero-articlelist-item:hover .zero-articlelist-item-img::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
          }

          .zero-articlelist-box .zero-articlelist-item:hover .zero-articlelist-item-content-title h4 {
            color: #000;
          }

          .zero-articlelist-item-img {
              width: 100%;
              height: 200px;
              border-radius: 5px;
              overflow: hidden;
              margin-bottom: 20px;
              position: relative;
          }

          .zero-articlelist-item-img img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }

          .zero-articlelist-item-content-title h4 {
              font-size: 18px;
              color: var(--zeroacticle-default-color);
              line-height: 28px;
              font-weight: 600;
          }

          .zero-articlelist-item-content-desc {
              font-size: 14px;
              color: var(--zeroacticle-tag-textcolor);
              line-height: 25px;
              margin-bottom: 10px;
          }

          .zero-articlelist-item-content-desc p {
            margin-bottom: 0;
          }

          .zero-articlelist-item-footer {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }

          .zero-articlelist-item-footer-left-author {
              display: flex;
              align-items: center;
          }

          .zero-articlelist-item-footerleft-avatar {
              width: 25px;
              height: 25px;
              border-radius: 50%;
              overflow: hidden;
              margin-right: 10px;
          }

          .zero-articlelist-item-footerleft-avatar img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }

          .zero-articlelist-item-footerleft-name {
              color: var(--zeroacticle-tag-textcolor);
              font-size: 15px;
          }
          
          .zero-articlelist-item-footer-right {
              color: var(--zeroacticle-default-color);
              font-size: 15px;
          }

          .zero-articlelist-item-footer-right i {
              -webkit-text-stroke-width: unset;
              margin-right: 3px;
          }

          .zero-articlelist-category {
              width: 100%;
          }

          .zero-articlelist-category-fixed {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }

          .zero-articlelist-category-list {
              display: flex;
              align-items: center;
              gap: 15px;
              flex: 0 0 auto;
              width: 80%;
          }

          .zero-articlelist-category-list-btn {
              display: flex;
              align-items: center;
              gap: 15px;
              flex: 0 0 auto;
          }

          .zero-articlelist-category-item {
              color: var(--zeroacticle-default-color);
              font-size: 15px;
              padding: 3px 12px;
              border-radius: 20px;
              border: 1px solid #e9e9e9;
          }

          .zero-articlelist-category-item.zero-article-tgbtn {
              display: flex;
              align-items: center;
              background-color: #ee3e31;
              color: #FFFFFF;
              border: 1px solid #ee3e31;
          }

          .zero-articlelist-category-item.zero-article-tgbtn i {
              -webkit-text-stroke-width: unset;
              margin-right: 3px;
          }

          .zero-articlelist-category-item.active {
              background-color: #5D87FF;
              color: #FFFFFF;
              border: 1px solid #5D87FF;
          }

          .zero-articlelist-headercategory-list {
              display: flex;
              justify-content: center;
              flex-direction: column;
              padding: 0px 10px;
          }

          .zero-articlelist-right-categorylist-item-box {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }

          .zeroui-category-fixed {
              position: fixed;
              top: 100px;
              width: 100%;
              z-index: 1000; /* 确保固定元素在其他内容之上 */
              border-radius: 50px !important;
              box-shadow: 0 0 30px rgb(0 0 0 / 20%) !important;
              background-color: rgb(255 255 255 / 75%) !important;
              backdrop-filter: saturate(180%) blur(6px);
              padding: 20px;
              max-width: 1415px;
              transition: all .3s;
          }

          .zeroui-category-fixed .zero-category-fixed-box {
              display: block !important;
              flex: 0 0 auto;
          }
          
          .zeroui-category-fixed .zero-articlelist-category-item {
              border: unset;
              flex: 0 0 auto;
          }

          .zeroui-category-fixed .zero-articlelist-category-list {
              margin-left: 20px;
              width: 80%;
          }

          .zeroui-category-fixed .zero-articlelist-category-list-btn {
              margin-right: 20px;
          }
          
          .zero-category-fixed-box {
              display: none;
          }
          
          .zero-category-fixed-box .dropdown:hover .dropdown-menu {
              display: block !important;
              transition: all .3s;
          }

          .zero-category-fixed-title {
              display: flex;
              align-items: center;
          }

          .zero-category-fixed-title h4 {
              font-size: 16px;
              margin-bottom: 0;
              color: var(--zeroacticle-default-color);
              font-weight: 600;
          }

          .zero-category-fixed-title i {
              -webkit-text-stroke-width: unset;
              margin-left: 5px;
              font-size: 18px;
              color: var(--zeroacticle-default-color);
          }

          .zero-articlelist-category-body {
              gap: 15px;
              display: flex;
              flex-wrap: wrap;
          }
          
          .zeroui-category-fixed .zero-articlelist-category-body {
              flex-wrap: nowrap;
              overflow: auto;
          }

          .zero-articlelist-right-categorylist {
                          display: flex;
                          flex-direction: column;
                          gap: 10px;
                      }

                      .zero-articlelist-right-categorylist-item {
                          font-size: 16px;
                          color: var(--zeroacticle-default-color);
                          line-height: 24px;
                          padding: 5px 5px;
                          width: 100%;
                      }

                      .zero-articlelist-right-categorylist-item:hover .zero-articlelist-right-categorylist-item-box i {
                          color: #5D87FF;
                      }

                      .zero-articlelist-right-categorylist-item::after {
                          content: "";
                          width: 100%;
                          height: 1px;
                          background-color: #e9e9e9;
                          display: inline-block;
                          margin-top: 5px;
                          margin-bottom: 5px;
                      }

                      .zero-articlelist-right-categorylist-item:nth-last-child(1):after {
                          display: none;
                      }

                      .zero-articlelist-right-categorylist-item i {
                          -webkit-text-stroke-width: unset;
                          font-size: 14px;
                      }

                    /*文章分类list简朴结束*/

                    /*产品分类list简朴开始*/
                    .zero-product-0mo-head {
                        padding-top: 30px;
                        padding-bottom: 40px;
                    }

                    .zero-product-header-taghover {
                                  display: flex;
                                  align-items: center;
                                  gap: 30px;
                              }
                              
                              .zero-product-header-taghover-list {
                                  display: flex;
                                  flex-wrap: wrap;
                                  align-items: center;
                                  gap: 10px;
                                  flex: 0 0 auto;
                              }

                              .zero-product-header-taghover-item {
                                  background-color: var(--zeroacticle-tag-bgcolor);
                                  color: var(--zeroacticle-default-color);
                                  padding: 5px 12px;
                                  border-radius: 20px;
                              }

                              .zero-product-header-tagright {
                                  flex: 0 0 auto;
                              }

                              .zero-product-header-tagright-list {
                                  display: flex;
                                  align-items: center;
                                  gap: 10px;
                              }

                              .zero-product-header-tagright-item {
                                  display: flex;
                                  align-items: center;
                                  justify-content: center;
                                  width: 40px;
                                  height: 40px;
                                  border-radius: 50%;
                                  border: 1px solid rgb(229, 229, 229);
                                  color: var(--zeroacticle-default-color);
                                  font-size: 20px;
                              }
                              
                              .zero-product-header-tagright-item i {
                                  -webkit-text-stroke-width: unset;
                              }

                              .zero-product-header-tagright-item:hover {
                                  background-color: rgb(237, 237, 237);
                                  color: #000000;
                                  transition: all .3s;
                              }

                              .zero-product-header-tagbtn .zero-product-header-tagbtn-item {
                                  padding: 7px 15px;
                                  border-radius: 50px;
                                  display: inline-block;
                              }

                              .zero-articlelist-header-subtitle .subtitle-link {
                                  color: var(--zeroacticle-default-color);
                                  position: relative;
                                  font-size: 16px;
                                  font-weight: 600;
                                  margin: 4px;
                              }

                              .zero-articlelist-header-subtitle .subtitle-link span {
                                  display: inline-block;
                                  z-index: 1;
                                  position: relative;
                              }

                              .zero-articlelist-header-subtitle .subtitle-link::after {
                                  content: "";
                                  position: absolute;
                                  bottom: 0px;
                                  left: 0;
                                  width: 100%;
                                  height: 5px;
                                  background: linear-gradient(to left, #ffe8bd, #ffcccc);
                                  border-radius: 5px;
                              }

                              .zero-product-0mo-body-function {
                  margin-bottom: 30px;
                  width: 100%;
              }
              
              .zero-product-0mo-body-function-box {
                  display: flex;
                  align-items: center;
                  width: 100%;
              }

              .zero-product-0mo-body-function-left {
                  flex: 0 0 auto;
                  width: 85%;
              }

              .zero-product-0mo-bfl-cg {
                width: 100%;
                overflow: auto;
                flex-wrap: nowrap;
                display: flex;
              }

              .zero-product-0mo-bfl-cg-list {
                  display: flex;
                  align-items: center;
              }

              .zero-product-0mo-body-function-right {
                  flex: 0 0 auto;
                  display: flex;
                  align-items: center;
                  gap: 10px;
                  width: 15%;
                  justify-content: end;
              }

              .zero-product-0mo-bfl-cg-item {
                  color: rgba(0,0,0,0.75);
                  font-size: 15px;
                  font-weight: 600;
                  padding: 7.5px 15px;
                  display: flex;
                  align-items: center;
                  opacity: .85;
                  flex: 0 0 auto;
              }

              .zero-product-0mo-bfl-cg-item img {
                width: 25px;
                height: 25px;
                margin-right: 5px;
              }

              .zero-product-0mo-bfl-cg-item i {
                  -webkit-text-stroke-width: unset;
                  margin-right: 5px;
                  font-size: 20px;
              }

              .zero-product-0mo-bfl-cg-item.active {
                  background-color: rgba(96,135,243,.08);
                  border-radius: 20px;
                  color: rgba(0,0,0,0.93);
              }

              .zero-product-0mo-bfr-btn .btn-0mo {
                  background-color: rgba(0,0,0,0.06) !important;
                  color: rgba(0,0,0,0.75) !important;
                  border-radius: 20px !important;
                  font-weight: 600;
                  border: unset !important;
                  padding: 8px 20px;
              }

              .zero-product-0mo-pitem-card {
                  overflow: hidden;
                  border: 1px solid #f9f9f9;
                  position: relative;
                  margin-bottom: 10px !important;
              }

              .zero-article-absite-tag {
                margin-top: 7px;
              }

              .zero-article-absite-tag-item {
                color: var(--zeroacticle-default-color);
                background: var(--zeroacticle-tag-bgcolor);
                font-size: 12px;
                padding: 1px;
                border-radius: 4px;
              }

              .zero-article-absite-tag-item span {
                transform: scale(.85);
                display: inline-block;
              }

              .zero-article-absite-tag-list {
                display: flex;
                align-items: center;
                gap: 5px;
              }

              .zero-product-0mo-pitem:hover .zero-product-0mo-pitem-card {
                transition: all .3s;
                border: 1px solid rgba(0, 0, 0, 0.1);
              }

              .zero-product-0mo-pitem .zero-article-absite-body:hover .zero-article-absite-content-title {
                color: unset !important;
              }

              .zero-product-0mo-pitem .zero-article-absite-body:hover .zero-article-absite-content-sum {
                color: var(--zeroacticle-tag-textcolor);
              }

              .zero-product-0mo-pitem-card .zero-article-absite-img {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
                  width: 55px;
                  height: 55px;
                  margin-right: 10px;
              }

              .zero-product-0mo-pitem-card .zero-article-absite-img img {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
              }

              .zero-product-0mo-pitem-card .zero-article-absite-content-title {
                font-size: 18px;
                height: 22px;
                margin-bottom: 2px;
              }

              .zero-product-0mo-pitem-card .ranklist-imgbox-item {
                gap: 3px;
              }

              .zero-product-0mo-pitem-card .zero-article-absite-content-sum {
                margin-top: 5px;
                color: var(--zeroacticle-tag-textcolor);
              }

              .zero-product-0mo-pitem-card .ranklist-imgbox-item .rank-item-icon {
                width: 15px;
                height: 15px;
              }

              .zero-product-0mo-pitem-card .ranklist-imgbox-num {
                color: #6f6f6f;
                margin-left: 7px;
              }

              .zero-product-0mo-bfr-btn .btn-0mo {
                                  display: flex;
                                  align-items: center;
                              }

                              .zero-product-0mo-bfr-btn i {
                                  -webkit-text-stroke-width: unset;
                                  margin-right: 5px;
                                  font-size: 16px;
                              }

                              .zero-product-0mo-bfr-btn .dropdown-menu .dropdown-item {
                                  color: var(--zeroacticle-default-color);
                                  font-size: 15px;
                                  display: flex;
                                  align-items: center;
                              }

                    /*产品分类list简朴结束*/

                    /*文章简朴分类模板自适应开始*/
.zero-product-0mo-body-function-left button i {
                  -webkit-text-stroke-width: unset;
                  font-size: 16px;
              }
              
              .zero-product-0mo-body-function-left button {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 35px;
                  height: 35px;
              }

              .zero-product-0mo-body-function-left {
                  position: relative;
              }
              
              .arrow-left, .arrow-right {
                  background-color: #f1f1f1;
                  border: none;
                  cursor: pointer;
                  padding: 10px;
                  display: none; /* 初始状态隐藏 */
                  z-index: 1;
                  border-radius: 50%;
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
              }
              .arrow-left {
                  left: 0;
              }
              .arrow-right {
                  right: -1px;
              }
              .zero-product-0mo-bfl-cg-list {
                  overflow: hidden;
                  white-space: nowrap;
                  transition: transform 0.3s ease-in-out;
                  display: flex;
                  overflow-x: auto;
                  -webkit-overflow-scrolling: touch; /* 使iOS设备上的滚动更流畅 */
                  scroll-snap-type: x mandatory; /* 可选：使每个项目卡位 */
                  scrollbar-width: none; /* 隐藏滚动条（Firefox） */
                  -ms-overflow-style: none;  /* 隐藏滚动条（IE 和 Edge） */
              }

              .zero-product-0mo-bfl-cg-list::-webkit-scrollbar {
                  display: none; /* 隐藏滚动条（Chrome, Safari 和 Opera） */
              }

              .zero-product-0mo-bfl-cg-item {
                  scroll-snap-align: start; /* 可选：使每个项目对齐到开始位置 */
              }

              .zero-product-0mo-body-function {
                  position: relative;
                  transition: all 0.3s ease-in-out;
              }

              .zero-fixed-top {
                  position: fixed;
                  top: 65px;
                  left: 0;
                  width: 100%;
                  background-color: white;
                  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                  padding: 20px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  z-index: 10;
              }

              .zero-fixed-top .zero-product-0mo-body-function-box {
                  max-width: 1440px !important;
              }

              .zero-fixed-top .zero-product-0mo-body-function-left {
                  width: 65% !important;
                  transition: all .3s;
              }
              
              .zero-fixed-top .zero-product-0mo-body-function-right {
                  width: 35% !important;
                  transition: all .3s;
              }

              .zeroui-col-xl-20 {
                  width: 20% !important;
              }

              @media (max-width: 1260px) {
                  .zeroui-col-xl-20 {
                      width: 25% !important;;
                  }

                  .zero-product-0mo-body-function-left {
                      width: 80% !important;
                  }

                  .zero-product-0mo-body-function-right {
                      width: 20% !important;
                      gap: 5px !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-left {
                      width: 60% !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-right {
                      width: 40% !important;
                  }

                  .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 8px 12px !important;
                  }
                  
                  .zero-product-header-tagbtn .zero-product-header-tagbtn-item {
                      padding: 7px 12px !important;
                  }
              }

              @media (max-width: 992px) {
                  .zeroui-col-xl-20 {
                      width: 33.33333333% !important;
                  }

                  .zero-product-0mo-bfl-cg-item {
                      padding: 7.5px 10px !important;
                      font-size: 14px !important;
                  }

                  .zero-product-0mo-body-function-left {
                      width: 80% !important;
                  }

                  .zero-product-0mo-body-function-right {
                      width: 20% !important;
                      gap: 5px !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-left {
                      width: 70% !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-right {
                      width: 30% !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 10px !important;
                      width: 40px;
                      height: 40px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                  }
                  
                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 8px 10px !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo span {
                      display: none;
                  }
                  
                  .zero-fixed-top .dropdown-toggle::after {
                      display: none !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn i {
                      margin-right: 0px !important;
                  }

                  .zero-product-header-tagbtn .zero-product-header-tagbtn-item {
                      padding: 7px 12px !important;
                  }
              }

              @media (max-width: 768px) {
                  .zeroui-col-xl-20 {
                      width: 50% !important;
                  }

                  .zero-product-0mo-bfl-cg-item {
                      padding: 7.5px 10px !important;
                      font-size: 14px !important;
                  }

                  .zero-product-0mo-body-function-left {
                      width: 75% !important;
                  }

                  .zero-product-0mo-body-function-right {
                      width: 25% !important;
                      gap: 5px !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 10px !important;
                      width: 40px;
                      height: 40px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                  }
                  
                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 8px 10px !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn .btn-0mo span {
                      display: none;
                  }
                  
                  .zero-fixed-top .dropdown-toggle::after {
                      display: none !important;
                  }

                  .zero-fixed-top .zero-product-0mo-bfr-btn i {
                      margin-right: 0px !important;
                  }
              }

              @media (max-width: 576px) {
                  .zeroui-col-xl-20 {
                      width: 100% !important;
                  }

                  .zero-product-0mo-head {
                      padding-top: 20px !important;
                      padding-bottom: 25px !important;
                  }

                  .zero-articlelist-header-title h2 {
                      font-size: 26px !important;
                      line-height: 24px !important;
                  }

                  .zero-articlelist-header-subtitle {
                      margin-bottom: 10px !important;
                      line-height: 27px !important;
                      font-size: 14px !important;
                  }

                  .zero-articlelist-header-subtitle .zeroui-ellipsis-2 {
                      -webkit-line-clamp: 3 !important;
                  }

                  .zero-articlelist-header-subtitle .subtitle-link {
                      font-size: 14px !important;
                      font-weight: 500 !important;
                  }

                  .zero-articlelist-header-subtitle .subtitle-link::after {
                      display: none;
                  }

                  .zero-product-header-taghover {
                      gap: 10px !important;
                  }

                  .zero-product-0mo-body-function-left {
                      width: 85% !important;
                  }

                  .zero-product-0mo-body-function-right {
                      width: 15% !important;
                      gap: 5px !important;
                  }
                  
                  .zero-product-0mo-bfl-cg-item {
                      padding: 7.5px 10px !important;
                      font-size: 14px !important;
                  }

                  .zero-product-0mo-bfr-btn .btn-0mo {
                      padding: 10px !important;
                      width: 40px;
                      height: 40px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                  }

                  .zero-product-0mo-bfr-btn .btn-0mo span {
                      display: none;
                  }
                  
                  .dropdown-toggle::after {
                      display: none !important;
                  }

                  .zero-product-0mo-bfr-btn i {
                      margin-right: 0px !important;
                  }

                  .zero-product-0mo-bfr-btn-tgbtn {
                      display: none !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-left {
                      width: 76% !important;
                  }

                  .zero-fixed-top .zero-product-0mo-body-function-right {
                      width: 25% !important;
                  }

                  .zero-article-0mo-body .zero-articlelist-box .zero-articlelist-item {
                      display: flex;
                      flex-direction: row-reverse;
                      width: 100%;
                  }
                  
                  .zero-articlelist-item-content {
                      width: 100%;
                  }

                  .zero-articlelist-item .zero-articlelist-item-img {
                      width: 100px !important;
                      height: 90px !important;
                      flex: 0 0 auto;
                      margin-bottom: 0 !important;
                      margin-left: 10px;
                  }

                  .zero-articlelist-item .zero-articlelist-item-content-title h4 {
                      font-size: 15px;
                      line-height: 20px !important;
                  }

                  .zero-articlelist-item .zero-articlelist-item-content-desc {
                      font-size: 12px !important;
                      margin-bottom: 0 !important;
                      line-height: 20px !important;
                  }

                  .zero-articlelist-box .zero-articlelist-item-footer {
                      top: -12px;
                      position: relative;
                  }

                  .zero-articlelist-box .zero-articlelist-item-footerleft-avatar {
                      width: 20px !important;
                      height: 20px !important;
                      margin-right: 5px !important;
                  }

                  .zero-articlelist-box .zero-articlelist-item-footerleft-name {
                      font-size: 14px !important;
                  }

                  .zero-articlelist-item-footer-right {
                      display: none;
                  }

                  .zero-article-0mo-body .zero-articlelist-box::after {
                      content: "";
                      display: block;
                      width: 100%;
                      height: 1px;
                      background-color: #F7F7F7;
                  }
              }

              .zero-product-0mo-body-function-right div {
                  flex: 0 0 auto;
              }
                    /*文章简朴分类模板自适应结束*/



                    /*排行榜开始*/
                    .zero-rank-home-box {
                  display: flex;
                  width: 100%;
              }

              .zero-rank-sidebar-menus-list {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  gap: 15px;
              }
              
              .zero-rank-sidebar-menus-item {
                  padding: 5px;
              }
              
              .zero-rank-sidebar-menus-item .dropdown-menu .dropdown-item {
                  color: var(--zeroacticle-default-color);
                  font-size: 15px;
              }

              .zero-rank-sidebar-menus-item .dropdown-menu.show {
                  z-index: 1;
              }

              .zero-rank-sidebar-menus-item span {
                  font-size: 12px;
                  color: var(--zeroacticle-default-color);
              }

              .zero-rank-sidebar-menus-link {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  color: var(--zeroacticle-default-color);
                  font-size: 16px;
              }

              .zero-rank-sidebar-menus-item:hover.active .zero-rank-sidebar-menus-link {
                  color: #fff;
              }

              .zero-rank-sidebar-menus-item.active {
                  background: #5d87ff;
                  width: 100%;
                  border-radius: 5px;
                  padding: 8px;
              }

              .zero-rank-sidebar-menus-item.active .zero-rank-sidebar-menus-link {
                  color: #FFF;
              }
              .zero-rank-sidebar-menus-link i {
                  -webkit-text-stroke-width: unset;
                  margin-right: 5px;
              }

              .zero-rank-pc-sidebar {
                  flex: 0 0 auto;
                  background-color: #FFF;
                  padding: 20px;
                  border-radius: 7px;
                  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
                  width: 180px;
                  
              }

              .zero-rank-sidebar-body {
                  position: sticky;
                  top: 90px;
              }

              .zero-rank-content-body {
                  flex: 1 1 auto;
                  margin-left: 30px;
              }

              .zero-rank-sidebar-menus-item button {
                  width: 100%;
                  border-radius: 5px;
                  background: rgba(0,0,0,0.06) !important;
                  color: rgba(0,0,0,0.75) !important;
                  border: none;
                  cursor: pointer;
                  outline: none;
                  transition: all .3s ease;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  padding: 5px 10px;
              }

              .zero-rank-sidebar-menus-item button span {
                  color: rgba(0,0,0,0.75) !important;
                  font-size: 14px;
              }

              .zero-rank-sidebar-menus-item.zeroui-itemselect i {
                  -webkit-text-stroke-width: unset;
                  margin-right: 5px;
              }

              .zero-rank-content-list {
                      margin-bottom: 10px;
                  }
                  
                  .zero-rank-content-list-item {
                      display: flex;
                      align-items: center;
                      margin-bottom: 10px;
                      padding: 15px;
                      justify-content: space-between;
                  }

                  .zero-rank-content-list-item:hover {
                      background: rgb(250, 250, 250);
                      border-radius: 5px; 
                  }

                  .zero-rank-content-list-item-num {
                      font-size: 15px;
                      margin-right: 10px;
                      font-weight: 600;
                      position: relative;
                      color: var(--zeroacticle-default-color);
                      flex-shrink: 0;
                  }

                  .zero-rank-content-list-item-num.rank-top1 {
                      color: #fd691f !important;
                  }

                  .zero-rank-content-list-item-num.rank-top2 {
                      color: #7e8186 !important;
                  }

                  .zero-rank-content-list-item-num.rank-top3 {
                      color: #8b3715 !important;
                  }

                  .zero-rank-content-list-item-num span {
                      position: absolute;
                      top: 5px;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: 0 auto;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                  }

                  .zero-rank-content-list-item-num img {
                      width: 30px;
                      height: 30px;
                  }

                  .zero-rank-content-list-item-img {
                      width: 60px;
                      height: 60px;
                      border-radius: 1rem;
                      overflow: hidden;
                      margin-right: 10px;
                      cursor: pointer;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      flex: 0 0 auto;
                      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
                      border: 1px solid #f9f9f9;
                  }

                  .zero-rank-content-list-item-img img {
                      width: 40px;
                      height: 40px;
                      object-fit: cover;
                      border-radius: 50%;
                  }

                  .zero-rank-content-list-item-title {
                      font-size: 16px;
                      color: var(--zeroacticle-default-color);
                      font-weight: 600;
                      margin-bottom: 10px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      display: -webkit-box;
                      -webkit-box-orient: vertical;
                      -webkit-line-clamp: 1;
                  }

                  .zero-rank-content-list-item-desc {
                      margin-bottom: 0;
                      color: var(--zeroacticle-tag-textcolor);
                  }

                  .zero-rank-content-title {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      margin-bottom: 20px;
                  }

                  .zero-rank-content-title-right {
                      color: #a7a7a7;
                  }

                  .zero-rank-content-title .zero-product-body-box-title {
                      margin-bottom: 0;
                  }

                  .zero-product-body-box-title span {
                      background: red;
                      font-size: 14px;
                      padding: 0px 5px;
                      color: #FFF;
                      border-radius: 5px;
                      transform: scale(0.7);
                  }

                  .zero-rank-content-list-item-box {
                      display: flex;
                      align-items: center;
                      width: 90%;
                  }

                  .zero-rank-content-list-item-right {
                      font-size: 24px;
                      font-weight: 500;
                      color: var(--zeroacticle-default-color);
                      font-family: cursive;
                      position: relative;
                      letter-spacing: -0.5;
                  }

                  .zero-rank-content-list-item-right small {
                      font-size: 26px;
                      margin-left: -3px;
                      position: absolute;
                      top: 0;
                  }

                  .zero-rank-product-list .zero-rank-content-list-item-title {
                      margin-bottom: 5px;
                  }
                  
                  .zero-rank-product-list .zero-rank-content-list-item {
                      margin-bottom: 8px;
                  }

                  .zero-rank-content-more {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                  }

                  .zero-rank-content-more a {
                      background: #f8f8f8;
                      color: #8F8F8F;
                      padding: 10px 15px;
                      border-radius: 5px;
                  }

                  .zero-rank-content-more a:hover {
                      background: #5d87ff;
                      color: #FFF;
                  }

                  .zero-rank-article-list .zero-rank-content-list-item-img {
                          width: 140px;
                          max-height: 78px;
                          overflow: hidden;
                          margin-right: 15px;
                          border-radius: 5px;
                          border: unset;
                          box-shadow: unset;
                          height: 100px;
                      }

                      .zero-rank-article-list .zero-rank-content-list-item-img img {
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                          border-radius: unset;
                      }

                      .zero-rank-article-list .zero-rank-content-list-item-desc {
                          -webkit-line-clamp: 2 !important;
                          font-size: 12px;
                      }

                      .zero-rank-users-list .zero-rank-content-list-item-img {
                          border-radius: 50%;
                          width: 50px;
                          height: 50px;
                      }

                      .zero-rank-users-list .zero-rank-content-list-item-title {
                          margin-bottom: 5px;
                      }

                      .zero-rank-circle-list .zero-rank-content-list-item-title {
                          margin-bottom: 5px;
                      }
                      
                      .zero-rank-circle-list .zero-rank-content-list-item-img {
                          width: 50px;
                          height: 50px;
                          border-radius: 5px;
                      }

                      .zero-rank-circle-list .zero-rank-content-list-item-img img {
                          width: 100%;
                          height: 100%;
                          border-radius: 5px;
                      }

                      .zero-rank-shop-list .zero-rank-content-list-item-img {
                          width: 140px;
                          max-height: 78px;
                          overflow: hidden;
                          margin-right: 15px;
                          border-radius: 5px;
                          border: unset;
                          box-shadow: unset;
                          height: 100px;
                      }

                      .zero-rank-shop-list .zero-rank-content-list-item-img img {
                          width: 100%;
                          height: 100%;
                          object-fit: cover;
                          border-radius: unset;
                      }

                      .zero-rank-shop-list .zero-rank-content-list-item-title {
                          font-weight: 500;
                          line-height: 28px;
                          -webkit-line-clamp: 2 !important;
                      }

                      .zero-rank-pc-sidebar {
                        display: block;
                      }

                      .zero-rank-mobile-sidebar {
                        display: none;
                    }

                    .zero-rank-mobile-header {
                      display: none;
                    }

                    .zero-rank-sidebar-pc-category {
                      display: block;
                      background-color: #FFF;
                      padding: 20px;
                      border-radius: 7px;
                      box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
                      width: 180px;
                      flex: 0 0 auto;
                    }

                    .zero-rank-sidebar-category {
                      position: sticky;
                      top: 90px;
                    }

                    .zero-rank-sidebar-mobile-category {
                      display: none;
                    }

                    /*排行榜结束*/


                    /*手机端排行榜开始*/
                    @media (max-width: 768px) {
                      .zero-rank-home {
                        padding: 0;
                      }

                      .zero-rank-home-box {
                        display: unset;
                      }
                      
                      .zero-rank-mobile-sidebar {
                          display: block;
                      }

                      .zero-rank-pc-sidebar {
                          display: none;
                      }

                      .zero-rank-home-box .zero-rank-content-body {
                        margin: 0;
                      }

                      .zero-rank-product-list,
                      .zero-rank-article-list,
                      .zero-rank-users-list,
                      .zero-rank-circle-list,
                      .zero-rank-shop-list {
                        padding: 0px;
                      }

                      .zero-rank-content-body .zeroui-card-20 {
                        margin-bottom: 0px;
                      }

                      .zero-rank-content-title {
                        margin-bottom: 10px;
                      }

                      .zero-rank-content-list-item {
                        padding: 10px;
                      }

                      .zero-rank-article-list .zero-rank-content-list-item-img {
                        width: 80px;
                      }

                      .zero-rank-shop-list .zero-rank-content-list-item-img {
                        width: 80px;
                      }

                      .zero-rank-content-list-item-box {
                        position: relative;
                      }

                      .zero-rank-content-list-item-num {
                        position: absolute;
                        top: -10px;
                        left: -10px;
                      }

                      .zero-rank-mobile-header {
                        display: block;
                      }

                      .zero-rank-sidebar-pc-category {
                        display: none;
                      }

                      .zero-rank-sidebar-mobile-category {
                        display: block;
                      }

                      .zero-rank-content-body .col-xl-12 {
                        padding: 0;
                      }

                      .zero-rank-content-details .zero-product-body-box-title {
                        display: none;
                      }

                      .zero-rank-content-details .zero-rank-content-title {
                        justify-content:space-around;
                      }
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-item {
                      padding: 10px;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-item.active {
                      padding: 5px 15px;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-item.active .dropdown-toggle span {
                      color: #FFFFFF !important;
                      font-size: 15px;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-item.active i {
                      margin-right: 3px;
                      -webkit-text-stroke-width: unset;
                    } 

                    .zero-rank-mobile-sidebar .dropdown-menu .zero-rank-sidebar-menus-link {
                      color: var(--zeroacticle-default-color) !important;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-body {
                      position: unset;
                      background-color: #FFF;
                      padding: 6px;
                      z-index: 1;
                      width: 100%;
                      right: 0;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-list-box {
                      display: flex;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-list-box .zeroui-itemtext {
                      display: none;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-list {
                      margin-bottom: 0;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-list-box {
                      margin-bottom: 0;
                    }

                    .zero-rank-mobile-header {
                      position: relative;
                    }

                    .zero-rank-mobile-header-img {
                      width: 100%;
                      height: 180px;
                      overflow: hidden;
                      opacity: 0.45;
                    }

                    .zero-rank-mobile-header-img img {
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                    }

                    .zero-rank-mobile-header-box {
                      position: absolute;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      z-index: 1;
                    }

                    .zero-rank-mobile-header-title {
                      position: relative;
                    }

                    .zero-rank-mobile-header-title h4 {
                      font-size: 22px;
                      font-weight: 600;
                      color: #EE9C3C;
                      margin-bottom: 0;
                    }

                    .zero-rank-mobile-header-title img {
                      position: absolute;
                      top: 0;
                      left: -36px;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 160px;
                    }

                    .zero-rank-sidebar-mobile-category .zero-rank-sidebar-category-list {
                      padding: 12px 0px;
                    }

                    .zero-rank-sidebar-mobile-category .zero-rank-sidebar-category-list ul {
                      display: flex;
                      overflow: auto;
                      margin-bottom: 0;
                    }

                    .zero-rank-sidebar-mobile-category .zero-rank-sidebar-category-litm {
                      flex: 0 0 auto;
                    }

                    .zero-rank-mobile-sidebar .zero-rank-sidebar-menus-item.active::before {
                      display: none;
                    }

                    /*h5产品详情页开始*/
                    .zeroui-product-h5-header {
                      position: relative;
                    }

                    .zeroui-product-h5-header-img::before {
                      position: absolute;
                      top: 88px;
                      bottom: 0;
                      right: 0;
                      z-index: 1;
                      width: 100%;
                      height: 65%;
                      content: "";
                      background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0) 90%);
                    }
                    
                    .zeroui-product-h5-header-btn {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      gap: 10px;
                      flex: 0 0 auto;
                    }
                    
                    .zeroui-product-h5-header-btn button {
                      background-color: #5D87FF;
                      border-radius: 20px;
                      padding: 5px 15px;
                      flex: 0 0 auto;
                    }

                    .zeroui-product-h5-header-btn button:nth-child(1) {
                      background-color: transparent;
                      border: 1px solid #5D87FF;
                      width: 30px;
                      height: 30px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                    }

                    .zeroui-product-h5-header-btn button i {
                      -webkit-text-stroke-width: unset;
                      font-size: 20px;
                      color: #5D87FF;
                    }

                    .zeroui-product-h5-header-imgbox {
                      background-color: #262626;
                      border-radius: 20px;
                      padding: 8px 15px;
                      position: absolute;
                      right: 15px;
                      bottom: 15px;
                      z-index: 1;
                      display: flex;
                      align-items: center;
                    }

                    .zeroui-product-h5-header-imgbox-item {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      gap: 5px;
                      margin-right: 15px;
                    }

                    .zeroui-product-h5-header-imgbox-item img.active {
                      border: 2px solid #ffbb00;
                      border-radius: 2px;
                      width: 22px;
                      height: 22px;
                    }

                    .zeroui-product-h5-header-imgbox-text {
                      color: #FFF;
                      font-size: 14px;
                    }

                    .zeroui-product-h5-header-imgbox-text i {
                      margin-left: 3px;
                    }
                    
                    .zeroui-product-h5-header-imgbox-item img {
                      width: 20px;
                      height: 20px;
                      object-fit: cover;
                    }

                    .zeroui-product-h5-header-img {
                      width: 100%;
                      height: 240px;
                  }
                  
                  .zeroui-product-h5-header-img img {
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                  }
              
                  .zeroui-product-h5-box {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      margin-bottom: 20px;
                  }

                  .zeroui-product-h5-m {
                    margin-top: 25px;
                  }

                  .zeroui-product-h5-header-title h1 {
                    font-size: 24px;
                    font-weight: 600;
                    color: var(--zeroacticle-default-color);
                    margin-bottom: 0;
                  }
              
                  .zeroui-product-h5-rank {
                      background-color: #f5f5f5;
                      padding: 15px;
                      border-radius: 7px;
                      margin-bottom: 20px;
                  }
              
                  .zeroui-product-h5-rank-box {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                  }
              
                  .zeroui-product-h5-rank-meta {
                      display: flex;
                      align-items: center;
                  }

                  .zeroui-product-h5-rank-num .rank-item-num {
                    font-size: 30px;
                    margin-right: 15px;
                    font-family: auto;
                    color: var(--zeroacticle-default-color);
                    font-weight: 600;
                  }

                  .zeroui-product-h5-rank-item .rank-item-title {
                    font-size: 14px;
                    color: var(--zeroacticle-tag-textcolor);
                    margin-bottom: 2px;
                  }

                  .zeroui-product-h5-rank-btn button {
                    background-color: transparent !important;
                    border: unset;
                    padding: 0px;
                    height: 22px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                  }

                  .zeroui-product-h5-rank-btn button img {
                    width: 100%;
                    height: 100%;
                  }

                  .zeroui-product-h5-rank-btn button i {
                    -webkit-text-stroke-width: unset;
                    font-size: 17px;
                    color: #5F87FF;
                  }

                  .zeroui-product-h5-title {
                    font-size: 16px;
                    font-weight: 600;
                    color: var(--zeroacticle-default-color);
                    margin-bottom: 15px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                  }

                  .zeroui-product-h5-title i {
                    -webkit-text-stroke-width: unset;
                    margin-right: 5px;
                    font-size: 18px;
                  }

                  .zeroui-product-h5-summary {
                    margin-bottom: 30px;
                  }

                  .zeroui-product-h5-summary .zero-product-body-box-content .zeroui-product-morebtn {
                    color: var(--zeroacticle-default-color);
                    font-size: 15px;
                  }

                  .zeroui-product-h5-summary .zero-product-body-box-content .zeroui-product-hidden-content {
                    max-height: 130px;
                  }

                  .zeroui-product-h5-summary .zero-product-body-box-content .zeroui-product-hidden-content.collapsed::before {
                    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 100%);
                  }

                  .zeroui-product-h5-summary-content {
                    font-size: 14px;
                    color: var(--zeroacticle-default-color);
                    line-height: 24px;
                  }

                  .zeroui-product-h5-price {
                    margin-bottom: 30px;
                  }

                  .zero-product-qa-list {
                    margin-bottom: 15px;
                  }
                  
                  .zeroui-product-h5-article {
                    margin-bottom: 30px;
                  }

                  .zeroui-product-h5-article-content-item a {
                    display: flex;
                    align-items: center;
                  }
                  
                  .zeroui-product-h5-article-content-item img {
                    width: 100px;
                    height: 60px;
                    object-fit: cover;
                    margin-right: 10px;
                    border-radius: 5px;
                  }

                  .zeroui-product-h5-article-content-item-title h4 {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 5px;
                    color: var(--zeroacticle-default-color);
                  }

                  .zeroui-product-h5-article-content-item-title p {
                    font-size: 14px;
                    color: var(--zeroacticle-tag-textcolor);
                    margin-bottom: 0;
                  }

                  .zeroui-product-h5-qa {
                    margin-bottom: 30px;
                  }

                  .zeroui-product-h5-qa-btn {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                  }

                  .zeroui-product-h5-qa-btn button {
                    color: var(--zeroacticle-default-color);
                    font-size: 14px;
                    font-weight: 600;
                  }

                  .zeroui-product-h5-circle {
                    margin-bottom: 30px;
                  }

                  .zeroui-product-h5-circle-content-item {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                  }

                  .zeroui-product-h5-circle-content-item-box {
                    display: flex;
                    align-items: center;
                  }

                  .zeroui-product-h5-circle-content-item-box img {
                    width: 50px;
                    height: 50px;
                    border-radius: 5px;
                    margin-right: 15px;
                  }

                  .zeroui-product-h5-circle-content-item-title h4 {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 5px;
                    color: var(--zeroacticle-default-color);
                  }

                  .zeroui-product-h5-circle-content-item-title p {
                    font-size: 14px;
                    color: var(--zeroacticle-tag-textcolor);
                    margin-bottom: 0;
                  }

                  .zeroui-product-h5-circle-content-item-more {
                    display: flex;
                    align-items: center;
                  }

                  .zeroui-product-h5-circle-content-item-morelist {
                    display: flex;
                    align-items: center;
                    color: var(--zeroacticle-default-color);
                  }

                  .zeroui-phccim-box {
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                  }

                  .zeroui-product-h5-circle-content-item-morelist::after {
                    content: "";
                    width: 1px;
                    height: 20px;
                    background-color: #e5e5e5;
                    display: inline-block;
                    margin: 0 15px;
                  }

                  .zeroui-product-h5-circle-content-item-morelist:last-child::after {
                    display: none;
                  }

                  .zeroui-product-h5-circle-content-item-morelist span {
                    font-size: 12px;
                    color: var(--zeroacticle-default-color);
                  }

                  .zeroui-product-h5-circle-content-item-morelist span:nth-child(1) {
                    font-size: 14px;
                    font-weight: 600;
                    margin-bottom: 3px;
                  }

                  .zeroui-product-h5-comment {
                    margin-bottom: 60px;
                  }
                  
                  @media (max-width: 768px) {
                    .zero-product-price-text.charge-beta {
                      gap: 10px;
                      display: -webkit-box;
                      overflow: auto;
                    }

                    .zero-product-price-text.charge-beta .charge-beta-body {
                      width: 50%;
                      padding: 15px;
                      margin-right: 10px;
                    }

                    .zero-product-price-text.charge-beta .charge-beta-title {
                      font-size: 16px;
                    }

                    .zero-product-price-text.charge-beta .charge-beta-cbeta {
                      font-size: 22px;
                    }

                    .zero-product-price-text.charge-beta .charge-beta-content {
                      font-size: 12px;
                      line-height: 22px;
                    }

                    .zero-product-price-text.charge-beta .charge-beta-content p {
                      margin-bottom: 0;
                    }

                    .zero-product-qa-title {
                      margin-bottom: 5px;
                    }

                    .zero-product-qa-title h4 {
                      font-size: 15px;
                      font-weight: 500;
                    }

                    .zero-product-qa-title .zero-product-qa-icon {
                      font-size: 10px;
                    }

                    .zero-product-qa-content {
                      padding: 10px;
                    }

                    .zeroui-product-h5-comment .zerocz-btn-body {
                      padding: 0;
                    }

                    .zeroui-product-h5-comment .product-comment-box-item {
                      padding: 0px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-avatar {
                      width: 35px;
                      height: 35px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-name {
                      margin-bottom: 2px;
                      font-size: 14px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-rank {
                      margin-bottom: 10px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-author-sum {
                      font-size: 12px;
                    }

                    .zeroui-product-h5-comment .product-comment-rank-detail {
                      padding: 10px;
                    }

                    .zeroui-product-h5-comment .product-comment-rank-detail .product-comment-rank-detail-value {
                      font-size: 15px;
                      margin-bottom: 5px;
                    }

                    .zeroui-product-h5-comment .product-comment-rank-detail .product-comment-rank-detail-label {
                      font-size: 12px;
                    }

                    .zeroui-product-h5-comment .zerocz-btn-body .zerocz-btn-box {
                      align-items: center;
                    }

                    .zeroui-product-h5-comment .zerocz-btn-box .cz-btn-list, .cz-btn-list {
                      gap: 15px;
                    }

                    .zeroui-product-h5-comment .zerocz-btn-box .cz-btn-list .cz-btn-item.cz-activa a, .cz-btn-list .cz-btn-item.cz-activa a {
                      margin: 5px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-rank-star .ranklist-imgbox img {
                      width: 55px;
                    }

                    .zeroui-product-h5-comment .ranklist-imgbox-item {
                      gap: 2px;
                    }

                    .zeroui-product-h5-comment .product-comment-content-text {
                      font-size: 14px;
                      line-height: 22px;
                    }

                    .zeroui-product-h5-comment .product-comment-box-footer-right {
                      gap: 15px;
                    }

                    .zeroui-product-h5-comment .comment-list {
                      padding-left: 0px !important;
                    }

                    .rating-tooltip {
                      right: unset !important;
                      left: 0px !important;
                    }

                    .rating-tooltip::after {
                      right: unset !important;
                    }
                    
                  }
                    /*h5产品详情页结束*/

                    /* h5文章详情页开始 */
                    @media (max-width: 768px) {
                      .zero-article-mobile-nav {
                        display: block;
                      }

                      .zero-article-newdetail .col-xl-9 {
                        padding: 0 !important;
                      }

                      .zero-article-newdetail .card-body {
                        padding: 15px !important;
                      }

                      .zero-article-body {
                        padding: 15px;
                      }

                      .zero-article-title h1 {
                        font-size: 18px;
                        line-height: 26px;
                      }

                      .zero-article-info {
                        margin-bottom: 15px;
                        gap: 10px;
                      }

                      .zero-article-info .zero-article-info-item .item-tag-box {
                        padding: 3px;
                      }

                      .zero-article-info .zero-article-info-item .item-tag-box a {
                        font-size: 12px;
                      }

                      .zero-article-content-corre-title {
                        font-size: 18px;
                        margin-bottom: 10px;
                      }

                      .zero-article-content-corre-title::before {
                        width: 20px;
                        height: 20px;
                        margin-right: 5px;
                      }

                      .zero-article-content-corre-body {
                        background: unset;
                        padding: unset;
                      }

                      .zero-article-recommend-box {
                        margin: 0 !important;
                        padding: 0 !important;
                        flex-wrap: nowrap;
                        overflow: auto;
                      }

                      .zero-article-recommend-list {
                        width: 36%;
                        padding: 0 !important;
                      }

                      .zero-article-recommend-item {
                        padding: 5px;
                        display: block;
                      }

                      .zero-article-recommend-item-img {
                        height: 65px;
                        margin-bottom: 5px;
                      }

                      .zero-article-recommend-item-name {
                        font-size: 14px;
                        line-height: 22px;
                        font-weight: 500;
                      }

                      .zero-article-author-card {
                        display: none;
                      }

                      .zero-article-absite-card {
                        display: none;
                      }

                      .zero-article-directory-card {
                        display: none;
                      }
                      
                    }
                    /* h5文章详情页结束 */
                    
                    
                    /* 底部开始 */
                    .zerov4-footer {
                        background: url(../images/home/bg-shape.png);
                        background-size: cover;
                        background-position: center;
                        background-color: #FFFFFF;
                        padding: 48px 0 24px;
                      }
                      
                      .zerov4-footer-logo {
                          display: flex;
                          flex-direction: column;
                          align-items: center;
                          justify-content: center;
                          margin-right: 30px;
                      }
                      
                      .zeromo-footer-right {
                          margin-bottom: 25px;
                      }

                      .zerov4-footer .z-footer-logo {
                        width: 260px;
                        margin-bottom: 20px;
                      }

                      .zerov4-footer .z-footer-logo img {
                        width: 100%;
                      }
                      
                      .zerov4-footer .z-right-soc-item {
                        padding: 15px;
                        background-color: #FFF;
                        border-radius: 10px;
                        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
                        border: 1px solid #f9f9f9;
                        width: 55px;
                        height: 55px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                      }
                      
                      .zerov4-footer .z-right-soc-item i {
                        -webkit-text-stroke-width: unset;
                        font-size: 24px;
                        color: #4f4f4f;
                      }
                      
                      footer {
                        font-size: 14px;
                      }
              
                      footer h6 {
                        font-size: 16px;
                        font-weight: 600;
                        color: #333;
                        margin-bottom: 16px;
                      }
              
                      footer .list-unstyled li {
                        margin-bottom: 8px;
                      }
              
                      footer .list-unstyled a {
                        font-size: 14px;
                        color: #666;
                        text-decoration: none;
                      }
              
                      footer .list-unstyled a:hover {
                        color: #333;
                      }
              
                      footer .small {
                        font-size: 14px;
                        line-height: 1.5;
                        color: #666;
                      }
              
                      footer .gap-3 {
                        gap: 1rem !important;
                      }
              
                      footer .gap-3 a,
                      footer .gap-3 span {
                        font-size: 14px;
                        color: #666;
                        text-decoration: none;
                      }
              
                      footer .gap-3 a:hover {
                        color: #333;
                      }
              
                      /* 版权信息 */
                      footer .mt-3 p {
                        font-size: 14px;
                        color: #999;
                        line-height: 1.5;
                      }
                      
                      .zerov4-home-link {
                        gap: 10px;
                      }
              
                      .zerov4-home-link a {
                        font-size: 12px !important;
                        color: #666;
                      }

/* 2025.03.30 头部CSS信息 */

.zeroui-pc-nav {
  width: 100%;
  justify-content: space-between;
}
  
/* 搜索框样式 */
.header i {
  -webkit-text-stroke-width: unset;
}

.nav-link i {
  font-size: 24px;
}

.search-box {
  position: relative;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper input:focus {
  box-shadow: none;
}

/* 下拉框样式 */
.search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 360px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  margin-top: 8px;
  display: none;
  z-index: 1000;
}

.search-box input:focus+.search-dropdown,
.search-dropdown:hover {
  display: block;
}

/* 搜索历史样式 */
.search-history {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}

.history-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  color: #999;
  font-size: 13px;
}

.clear-history {
  color: #999;
  text-decoration: none;
}

.history-list li {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}

.history-item {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  color: #666;
  text-decoration: none;
}

.history-item i {
  margin-right: 8px;
  font-size: 14px;
  color: #999;
}

/* 热门内容样式 */
.hot-content {
  padding: 12px 16px;
}

.hot-header {
  margin-bottom: 8px;
  color: #999;
  font-size: 13px;
}

.hot-item {
  display: flex;
  align-items: center;
  padding: 4px 0;
  color: #333;
  text-decoration: none;
}

.hot-rank {
  width: 18px;
  margin-right: 12px;
  color: #ff6b6b;
  font-weight: bold;
}

.hot-text {
  flex: 1;
  font-size: 13px;
}

.hot-tag {
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 2px;
  background: #f5f5f5;
  color: #999;
  margin-left: 8px;
}

/* 停效果 */
.history-item:hover,
.hot-item:hover {
  background: #f5f5f5;
}

/* 添加或修改样式 */
.navbar-brand {
  margin-right: 32px !important;
}

.nav-link, .menu-item.nav-link a {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 15px;
}

.menu-item.nav-link{
  padding: 0;
}

/* 下拉菜单基础样式 */
.dropdown-menu {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin-top: 8px;
}

.dropdown-header {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  padding: 8px 0;
}

.dropdown-item {
  font-size: 13px;
  padding: 8px 16px;
  color: #666;
}

.dropdown-item:hover {
  background: #f5f5f5;
  color: #ff6b6b;
}

/* 产品圈下拉菜单样式 */
.product-menu {
  display: flex;
  padding: 20px;
  white-space: nowrap;
}

.product-category {
  padding: 0 20px;
  border-right: 1px solid #f0f0f0;
}

.product-category:last-child {
  border-right: none;
}

.product-category h6 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

.product-category .dropdown-item {
  padding: 8px 0;
  font-size: 13px;
  color: #666;
}

.product-category .dropdown-item:hover {
  background: transparent;
  color: #ff6b6b;
}

/* 更多菜单样式 */
.more-menu {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  min-width: 200px;
  white-space: nowrap;
}

.more-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.more-item:hover {
  background: #f5f5f5;
  color: #ff6b6b;
}

.more-item .badge {
  font-size: 10px;
  padding: 2px 6px;
  font-weight: normal;
}

/* 导航项悬停效果 */

.dropdown:hover .dropdown-menu {
  display: block;
}

/* 修改下拉菜单相关样式 */
.nav-item.dropdown {
  position: relative;
}

.dropdown-menu {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  margin-top: 0;
  /* 移除上边距 */
  padding-top: 8px;
  /* 添加内边距 */
}

/* 添加一个透明的覆盖区域，用于连接导航项和下拉菜单 */
.dropdown::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  /* 覆盖导航项和下拉菜单之间的间隙 */
}

/* 修改下拉菜单的示逻辑 */
.dropdown:hover .dropdown-menu,
.dropdown-menu:hover {
  display: block;
}

/* 确保下拉菜单在导航项正下方 */
.dropdown-menu {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/* 添加下拉菜单的过渡动画 */
.dropdown-menu {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  display: block;
  visibility: hidden;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

/* 调整下拉菜单的箭头指示器 */
.dropdown-toggle::after {
  margin-left: 0.5em;
  vertical-align: middle;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}

/* 调整下拉菜单的定位 */
.dropdown-menu {
  min-width: auto;
  padding: 0;
}

/* 移除之前的固定宽度设置 */
.dropdown-menu.show {
  display: block;
}

/* 发现下拉菜单样式 */
.discover-menu {
  display: flex;
  padding: 24px;
  white-space: nowrap;
  min-width: 600px;
}

.discover-category {
  padding: 0 10px;
  border-right: 1px solid #f0f0f0;
  min-width: 160px;
}

.discover-featured {
  flex: 1;
  display: flex;
  gap: 20px;
  padding-left: 24px;
}

.featured-item {
  flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.featured-link {
  display: block;
  position: relative;
  height: 160px;
}

.featured-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.featured-link:hover img {
  transform: scale(1.05);
}

.featured-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff;
}

.featured-info h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px;
}

.featured-info p {
  font-size: 13px;
  margin: 0;
  opacity: 0.8;
}

/* 调整下拉菜单的显示位置 */
.dropdown-menu {
  margin-top: 0;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 0;
}

.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
}

/* 修改下拉菜单定位相关的样式 */
.nav-item.dropdown {
  position: relative !important;
}



/* 调整发现和产品圈菜单的宽度和位置 */
.discover-menu,
.product-menu {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
}

/* 更多菜单特殊处理 */
.dropdown-menu-end {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

/* 保持动画效果 */
.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

/* 调整下拉菜单的箭头指示器位置 */
.dropdown-toggle::after {
  position: relative;
  left: 1px;
}

/* 消息通知样式 */
.message-menu {
  width: 180px;
  padding: 8px 0;
  border-radius: 8px;
}

.message-type-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  color: #333;
  text-decoration: none;
  transition: background-color 0.2s;
}

.message-type-item:hover {
  background-color: #f5f5f5;
  color: #333;
}

.message-type-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.message-type-info i {
  font-size: 16px;
  color: #666;
}

.message-count {
  background: #ff6b6b;
  color: #ffffff;
  font-size: 10px;
  padding: 1px 2px;
  border-radius: 10px;
  min-width: 16px;
  text-align: center;
}

/* 保持徽章样式 */
.message-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #ff6b6b;
  color: #fff;
  font-size: 10px;
  padding: 1px 2px;
  border-radius: 10px;
  min-width: 16px;
  text-align: center;
}

/* 用户菜单样式 */
.user-menu {
  width: 240px;
  padding: 0;
  border-radius: 8px;
}

.user-info {
  padding: 16px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}

.user-avatar {
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.user-name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
}

.user-meta {
  font-size: 12px;
  color: #666;
}

.user-stats {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}

.stat-item {
  flex: 1;
  text-align: center;
}

.stat-value {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.stat-label {
  font-size: 12px;
  color: #666;
}

.user-menu-list {
  padding: 8px 0;
}

.menu-item {
  display: flex;
  align-items: center;
  color: #333;
  padding: 8px 16px;
  text-decoration: none;
}

.menu-item:hover {
  background: #f5f5f5;
}

.menu-item i {
  font-size: 16px;
  margin-right: 8px;
  color: #666;
}

.menu-tag {
  font-size: 12px;
  color: #ff6b6b;
  margin-left: auto;
}

/* 添加管理员入口相关样式 */
.menu-divider {
  height: 1px;
  background-color: #f0f0f0;
  margin: 4px 0;
}

.admin-divider,
.admin-entry {
  display: none;
}

/* 当用户是管理员时显示 */
.user-menu.is-admin .admin-divider,
.user-menu.is-admin .admin-entry {
  display: block;
}

.admin-entry i {
  color: #ff6b6b;
}

/* 移动端样式 */
@media (max-width: 991.98px) {

  .header + * {
      margin-top: 65px;
  }

  .mobile-sidebar {
      position: fixed;
      top: -5px;
      left: -280px;
      width: 280px;
      height: calc(100vh - 65px);
      background: #fff;
      z-index: 1000;
      transition: all 0.3s ease;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
      overflow-y: auto;
  }

  .mobile-sidebar.show {
      left: 0;
  }

  .mobile-sidebar-content {
      padding: 20px;
  }

  .navbar-collapse {
      position: fixed;
      top: 65px;
      left: 0;
      right: 0;
      background: #fff;
      padding: 1rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      z-index: 999;
  }

  .sidebartoggler {
      font-size: 24px;
      color: #333;
      padding: 0;
  }

  .navbar-toggler i {
      font-size: 24px;
      color: #333;
  }

  .nav-icon-hover {
      padding: 0.5rem;
      font-size: 1.25rem;
  }

  /* 移动端导航菜单样式 */
  .mobile-main-nav .nav-link {
      padding: 12px 0;
      border-bottom: 1px solid #f5f5f5;
      font-size: 16px;
      color: #333;
  }

  /* 修改移动端下拉菜单样式和动画 */
  .mobile-nav-collapse {
      display: none;
      position: fixed;
      top: 65px;
      left: 0;
      right: 0;
      background: #fff;
      padding: 1rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      z-index: 999;
      transform: translateY(-100%);
      transition: transform 0.3s ease-in-out;
  }

  .mobile-nav-collapse.show {
      display: block;
      transform: translateY(0);
  }

  /* 确保动画平滑 */
  .mobile-nav-collapse.collapsing {
      display: block;
      height: auto !important;
      transform: translateY(-100%);
      transition: transform 0.3s ease-in-out;
  }

  .mobile-nav-collapse.collapsing.show {
      transform: translateY(0);
  }
  
  .custom-logo-link img {
      width: 140px !important;
  }

  /* 移动端搜索模态框样式 */
  #searchModal .modal-dialog {
      margin: 0;
  }

  #searchModal .modal-content {
      border: none;
      border-radius: 0;
  }

  #searchModal .modal-header {
      padding: 0.5rem 1rem;
  }

  .mobile-search-form {
      width: 100%;
  }

  .mobile-search-form .input-group {
      background-color: #f5f5f5;
      border-radius: 8px;
      padding: 4px 8px;
  }
  
  .mobile-search-form .input-group i {
      -webkit-text-stroke-width: unset !important;
      font-size: 22px;
  }
  
  .mobile-search-form .input-group .btn-close {
      background-color: #CCC;
      color: #000;
      border-radius: 50% !important;
  }

  .mobile-search-form .form-control {
      background: transparent;
      font-size: 16px;
      height: 40px;
  }

  .mobile-search-form .btn-close {
      background-size: 14px;
      opacity: 0.5;
  }

  /* 搜索历史样式 */
  .mobile-search-history .history-item .badge {
      padding: 8px 12px;
      font-weight: normal;
      font-size: 14px;
      border-radius: 20px;
      background-color: #f5f5f5 !important;
  }

  /* 热门搜索样式 */

  .hot-items .hot-item:hover {
      background-color: #f8f9fa;
  }

  .hot-items .hot-rank {
      font-weight: bold;
      color: #ff6b6b;
      width: 20px;
      text-align: center;
  }

  .hot-items .hot-text {
      font-size: 14px;
  }

  .hot-items .hot-tag {
      font-size: 12px;
      color: #999;
  }
}

@media (min-width: 992px) {
  .mobile-nav-collapse {
      display: none !important;
  }
}

/* 修改用户菜单的定位方式 */
.user-dropdown .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

/* 确保其他下拉菜单的居中定位不受影响 */
.nav-item.dropdown:not(.user-dropdown) .dropdown-menu {
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991.98px) {
  .user-dropdown .dropdown-menu {
      position: fixed;
      left: 0 !important;
      right: 0 !important;
      width: 100%;
      margin: 0;
      border-radius: 0;
  }
}

/* 首页图片格式开始 */
/* 基础样式 */
.zeroui-home-imgblock {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  margin-bottom: 20px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* 隐藏 Webkit 浏览器的滚动条 */
.zeroui-home-imgblock::-webkit-scrollbar {
  display: none;
}

.zeroui-home-imgitem {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.zeroui-home-imgitem:hover {
  transform: translateY(-5px);
}

.zeroui-home-imgitem a {
  display: block;
  width: 100%;
  height: 100%;
}

.zeroui-home-imgitem img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* 单图样式 */
.zeroui-home-imgblock-single .zeroui-home-imgitem {
  width: 100%;
  height: 120px; /* 可根据需要调整高度 */
}

/* 2-6张图片样式 */
.zeroui-home-imgblock:not(.zeroui-home-imgblock-single):not(.zeroui-home-imgblock-carousel) {
  justify-content: space-between;
}

.zeroui-home-imgblock:not(.zeroui-home-imgblock-single):not(.zeroui-home-imgblock-carousel) .zeroui-home-imgitem {
  height: 120px; /* 可根据需要调整高度 */
}

/* 轮播样式 */
.zeroui-home-imgblock-carousel {
  display: block;
  position: relative;
  --items-per-view: 3; /* 默认值，会被JS覆盖 */
}

.zeroui-home-imgblock-carousel-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.zeroui-home-imgblock-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease;
  width: 100%;
}

.zeroui-home-imgblock-carousel .zeroui-home-imgitem {
  flex: 0 0 calc(100% / var(--items-per-view));
  max-width: calc(100% / var(--items-per-view));
  height: 120px;
  padding: 0 5px;
  box-sizing: border-box;
}

.zeroui-home-imgblock-carousel-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 2;
}

.zeroui-carousel-prev,
.zeroui-carousel-next {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin: 0 10px;
}

.zeroui-carousel-prev:hover,
.zeroui-carousel-next:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .zeroui-home-imgblock-carousel {
    --items-per-view: 2;
  }
  
  .zeroui-home-imgblock:not(.zeroui-home-imgblock-single):not(.zeroui-home-imgblock-carousel) .zeroui-home-imgitem {
    width: calc(50% - 5px) !important;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .zeroui-home-imgblock-carousel {
    --items-per-view: 1;
  }
  
  .zeroui-home-imgblock:not(.zeroui-home-imgblock-single):not(.zeroui-home-imgblock-carousel) .zeroui-home-imgitem {
    width: 100% !important;
  }
}

/* 图片占位符样式 */
.zeroui-home-imgitem-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  color: #999;
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
} 


.search-edit-items .search-dropdown {
    border: 1px solid #dee2e6;
}

.search-edit-items .dropdown-item {
    cursor: pointer;
}

.search-edit-items .dropdown-item:hover {
    background-color: #f8f9fa;
}

.search-edit-items .selected-item {
    transition: all 0.2s;
}

.search-edit-items .selected-item .btn-remove:hover {
    color: #dc3545 !important;
}

.zerov4-comment-ad {
    max-height: 120px;
    margin-bottom: 30px;
    border-radius: 7px;
    overflow: hidden;
}

.zerov4-ad-box {
  height: 100%;
  width: 100%;
}

.zerov4-ad-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zerov4-header-vip {
  position: relative;
  width: 120px;
  height: 50px;
  padding: 5px !important;
}

.zerov4-header-vip img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}

.zerov4-header-promotion {
    position: relative;
    width: 120px;
    height: 50px;
    padding: 5px !important;
}

.zerov4-header-promotion img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}

.zerov4-header-promotion span {
    position: absolute;
    top: -10px;
    right: -5px;
    z-index: 1;
    background: #ffe5d4;
    padding: 5px;
    border-radius: 50px;
    height: 55%;
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zerov4-header-notice {
    background-color: #f1f1f1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zerov4-header-notice i {
    font-size: 18px !important;
}