.warpper{
      height:auto;
    }

    .header.is-active,
    .header.is-default,
    .header:not(.is-active):hover {
      --tw-border-opacity: 1;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    
    .crumb-item {
      align-items: center;
      display: flex;
      gap: 5px
    }

    .crumb-item .crumb-item__separator {
      --tw-text-opacity: 1;
      color: rgb(144 147 153/var(--tw-text-opacity, 1))
    }

    .crumb-item:last-child .crumb-item__separator {
      display: none
    }

    .crumb-item .crumb-item__link {
      cursor: pointer;
      --tw-text-opacity: 1;
      color: rgb(144 147 153/var(--tw-text-opacity, 1))
    }

    .crumb-item .crumb-item__link:hover {
      --tw-text-opacity: 1;
      color: rgb(36 104 242/var(--tw-text-opacity, 1))
    }

    .crumb-box {
      align-items: center;
      display: flex;
      font-size: 14px;
      gap: 3px
    }

    .preNext {
      justify-content: center;
    }

    .pre {
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #2468F2;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #2468F2;
      width: 240px;
      height: 48px;
    }

    .next {
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #2468F2;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #2468F2;
      width: 240px;
      height: 48px;
      margin-left: 100px;
    }

    .pre:disabled {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #CED5DD;
      width: 240px;
      height: 48px;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #CED5DD;
    }

    .next:disabled {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 16px;
      color: #CED5DD;
      width: 240px;
      height: 48px;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #CED5DD;
      margin-left: 100px;
    }

    .details-container {
      display: flex;
      gap:24px;
    }

    .details-container .details {
      width: 1036px;
      margin-bottom:80px;
    }
    .newsList-right {
      width: 380px;
      height: 864px;
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #DCDFE6;
      padding: 24px;
    }

    .newsList-right .item {
      border-bottom: 1px solid #EBEEF5;
      padding-bottom: 24px;
    }

    .newsList-right .title {
      display: flex;
      gap: 3px;
      font-weight: 500;
      font-size: 18px;
      color: #000000;
    }

    .newsList-right .item-img {
      margin-top: 24px;
      position: relative;
      border-radius: 8px;
    }
    .newsList-right .item-img img {
      border-radius: 8px;
    }
    .newsList-right .item-img .label {
      position: absolute;
      width: 54px;
      height: 24px;
      background: #095FC1;
      border-radius: 8px 0px 8px 0px;
      left: 0px;
      top: 0px;
      text-align: center;
      font-weight: 400;
      font-size: 12px;
      color: #FFFFFF;
      line-height: 24px;
    }

    .newsList-right .item .title {
      font-weight: 500;
      font-size: 14px;
      color: #07021B;
      margin-top: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .newsList-right .info {
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
    }

    .newsList-right .info .time {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
      width:82px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .newsList-right .info .time .iconfont {
      font-size: 12px;
    }

    .newsList-right .info .view {
      display: flex;
      align-items: center;
      gap: 3px;
      font-weight: 400;
      font-size: 12px;
      color: #505764;
    }

    .newsList-right .info .view .iconfont {
      font-size: 12px;
    }

    .newsList-right .list .list-item {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .newsList-right .list .list-item .item-img {
      width: 120px;
      height: 84px;
    }

    .newsList-right .list .list-item .item-img img {
      width: 120px;
      height: 84px;
    }

    .newsList-right .list .list-item .list-item-content {
      width: 196px;
    }

    .newsList-right .list .list-item .list-item-content .title {
      font-weight: 500;
      font-size: 14px;
      color: #07021B;
      margin-top: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
    }

    .newsList-right .list .list-item .list-item-content .info {
      margin-top: 26px;
    }