.notice {
     width: 100%;
     height: 40px;
     padding-left: 5px;
     opacity: 1;
     border-radius: 10px;
     background: rgba(255, 255, 255, 1);
     margin: 10px 0px;
     display: flex;
     align-items: center;
     /* justify-content: center; */
 }

 .notice-icon {
     left: 9.47px;
     top: 7.94px;
     width: 24.21px!important;
     height: 24.21px;
     opacity: 1;
 }

 .notice-span {
     padding-left: 20px;
     margin: 0 5px;
     white-space: nowrap;
     overflow: hidden;
 }

 .notice span {
     opacity: 1;
     /** 文本1 */
     font-size: 14.74px;
     font-weight: 400;
     letter-spacing: 0px;
     line-height: 21.34px;
     color: rgba(56, 56, 56, 1);
     text-align: left;
     vertical-align: top;
     display: inline-block;
     animation: scroll 30s linear infinite;

 }

  .banner {
      left: 0px;
      top: 0px;
      width: 100%;
      height: 160px;
      /* 调整盒子高度 */
      opacity: 1;
      overflow: hidden;
  }

  .banner2 {
      border-radius: 10px;
      margin-top: -160px;
  }

  .banner img {
      border-radius: 10px;
      position: relative;
      /* 将定位属性改为相对定位 */
      opacity: 0;
      max-width: 400px;
      height: 160px;
      transition: opacity 1s ease-in-out;
  }

  .banner img.active {
      opacity: 1;
      /* 显示当前图片 */
  }

.heada {
    width: 100%;
    height: 42px;
    opacity: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(210.18deg, rgb(52, 98, 210) 0%, rgb(87, 157, 255) 100%);
}
.heada p {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 40px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    text-align: center;
}

  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-100%);
      }
  }

   .search_icon {
       position: absolute;
       left: 1rem;
       fill: #9e9ea7;
       width: 1rem;
       height: 1rem;
       line-height: 28px;
   }

   .groupss {
       display: flex;
       line-height: 28px;
       align-items: center;
       position: relative;
       max-width: 100%;
   }

   form {
       all: inherit;
       width: 100%;
   }

   .input {
       width: 100%;
       height: 40px;
       line-height: 28px;
       padding: 0 1rem;
       padding-left: 2.5rem;
       border: 2px solid transparent;
       border-radius: 8px;
       outline: none;
       background-color: #ffffff;
       color: #0d0c22;
       transition: .3s ease;
   }

   .seabtn {
       margin-left: 5px;
       height: 40px;
       background: linear-gradient(210.18deg, rgb(224, 233, 255) 0%, rgb(255, 255, 255) 100%);
       opacity: 1;
       border-radius: 8px;
       color: #333333;
   }

   button:last-child {
       margin-right: 0;
   }

   .search-box {
       text-align: center;
       margin: 10px 0px;
   }

   .overlayxy {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.5);
       z-index: 9999;
   }
   #popupContenta {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       max-width: 380px;
       width: 100%;
       background-color: #fff;
       padding: 5px;
       text-align: center;
       border-radius: 10px;
   }
   #phoneContainera {
       width: 100%;
       height: 100%;
   }
   #phoneContainera div {
       max-height: 420px;
       overflow: auto;
   }
   .closebtn {
       max-width: 100px;
       min-width: 100px;
       height: 36px;
       border-radius: 10px;
       font-size: 16px;
       line-height: 30px;
       color: #fff;
       border: none;
       overflow: hidden;
       background: #4262f4;
       margin: 10px;
   }

.navBar1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}
.navBar1 ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.navBar1 li {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 24.62px;
    color: rgba(52, 98, 210, 1);
    text-align: left;
    vertical-align: top;
    text-align: center;
    flex: 1;
    position: relative;
}
.navBar1 li.action::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid rgb(52, 98, 210);
}

.navBar2 {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    font-size: 14px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 42px;
    margin-bottom: 13px;
}

.navBar2 ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 40px;
    -webkit-box-align: center;
    align-items: center;
}
.navBar2 li {
    display: inline-block;
    text-align: center;
    padding: 4px;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
}

 .itembot {
     display: flex;
     /* justify-content: space-between; */
     height: 30px;
     margin: 0 10px;
     white-space: nowrap;
     scrollbar-width: none;
     -ms-overflow-style: none;
     overflow-x: hidden;
     overflow-x: auto;
 }

 .itembot span {
     border-radius: 5px;
     height: 25px;
     display: inline-block;
     padding: 5px;
     margin-right: 10px;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 0px;
     line-height: 15px;
     color: #333333;
     text-align: left;
     vertical-align: top;
     white-space: nowrap;
     filter: brightness(1.05);
 }

 .spanc1 {
     background: #C9D6FF;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to left, #E2E2E2, #C9D6FF);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to left, #E2E2E2, #C9D6FF);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc2 {
     background: #FFEEEE;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #DDEFBB, #FFEEEE);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #DDEFBB, #FFEEEE);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc3 {
     background: #FFEFBA;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #FFFFFF, #FFEFBA);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc4 {
     background: #D3CCE3;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #E9E4F0, #D3CCE3);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #E9E4F0, #D3CCE3);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc5 {
     background: #ccbbc6;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #fffcdc, #d9a7c7);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #fffcdc, #ebd6e3);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc6 {
     background: #ECE9E6;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #FFFFFF, #ECE9E6);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc7 {
     background: #E0EAFC;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #CFDEF3, #E0EAFC);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .spanc8 {
     background: #D3CCE3;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #E9E4F0, #D3CCE3);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #E9E4F0, #D3CCE3);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .listitem {
     width: 100%;
     height: 170px;
     margin-bottom: 10px;
     opacity: 1;
     border-radius: 10px;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 0px 10.53px rgba(0, 0, 0, 0.05);
     display: flex;
     flex-direction: column;
 }

 .limitbarcontent {
     display: none;
     /* 默认隐藏所有的内容 */
 }

 .limitbarcontent:first-child {
     display: block;
     /* 显示第一个 Tab 的内容 */
 }

 .navBar li.action::after {
     content: "";
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 10px solid rgba(52, 98, 210, 1);
 }

 .navBar li {
     font-size: 17px;
     font-weight: 700;
     letter-spacing: 0px;
     line-height: 24.62px;
     /* color: rgba(52, 98, 210, 1); */
     /* text-align: left; */
     vertical-align: top;
     text-align: center;
     flex: 1;
     position: relative;
 }

 .navBar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 50px;
 }