.seagull-main {
      width: 100%;
      background: #fff;
    }

    .carousel {
      background: url(../imgs/help/banner.png) 50% 50% no-repeat;
      width: 100%;
      height: 17.41rem;
      background-size: cover;
      margin-top: 3.66rem;
    }

    .carousel .title {
      font-weight: 600;
      font-size: 1.33rem;
      color: #000000;
      padding-top: 2.22rem;
      text-align: center;
    }

    .carousel .search {
      position: relative;
      width: calc(100% - 0.66rem);
      padding: 0 0.66rem;
    }

    .carousel #searchInput {
      border-radius: 1.77rem;
      text-indent: 1.33rem;
      padding-left: 0.88rem;
      padding-right: 0.88rem;
      height: 2.44rem;
      margin-top: 1.11rem;
      border: none;
      width: 100%;
    }

    .carousel .searchIcon {
      position: absolute;
      left: 1.33rem;
      top: 1.72rem;
      cursor: pointer;
      width: 1.33rem;
    }

    ::placeholder {
      /* 标准语法 */
      font-size: 0.88rem;
      color: #6E7A93;
    }

    input:focus-visible {
      outline-offset: 0px;
      outline: none;
    }

    .popularGuide {
      background: #F7F8FB;
    }

    .popularGuide .popularGuide-container {
      margin-top: -7.67rem;
      position: relative;
      padding: 0 0.88rem;
    }

    .popularGuide .popularGuide-container .popularGuide-container-item {
      width: 100%;
      height: 210px;
      background: #FFFFFF;
      box-shadow: 0px 0px 10px 0px rgba(9, 95, 193, 0.16);
      border-radius: 0.44rem;
    }

    .popularGuide .popularGuide-container .popularGuide-container-item:nth-child(2) {
      margin-top: 1.1rem;
    }

    .popularGuide .box1 {
      background: url(../imgs/help/bg1.png) 50% 50% no-repeat;
      background-size: cover;
      height: 3.05rem;
    }

    .popularGuide .popularGuide-container .popularGuide-container-item .popularGuide-header .title {
      display: flex;
      align-items: center;
      align-content: center;
      height: 3.05rem;
      gap: 0.44rem;
      padding: 0.66rem;
      font-weight: 500;
      font-size: 1rem;
      color: #07021B;
    }

    .popularGuide .popularGuide-container .popularGuide-container-item .popularGuide-header .title img {
      width: 1.33rem;
      height: 1.33rem;
    }

    .popularGuide-body {
      padding: 10px 24px;
    }

    .popularGuide-body .popularGuide-item {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      gap: 0.44rem;
      margin-top: 0.66rem;
      cursor: pointer;
    }

    .popularGuide-body .popularGuide-item .dot {
      width: 0.33rem;
      height: 0.33rem;
      background: #ADB9D3;
      border-radius: 50%;
    }

    .popularGuide-body .popularGuide-item .hot {
      width: 1.33rem;
      height: 0.67rem;
      background: linear-gradient(197deg, #FF0B00 0%, #FF9326 100%);
      border: 0px solid #FFFFFF;
      font-size: 0.66rem;
      color: #fff;
      border-radius: 0.22rem 0.22rem 0.22rem 0px;
      text-align: center;
      line-height: 0.67rem;
    }

    .popularGuide-body .popularGuide-item .hot em {
      display: block;
      transform: scale(0.8);
    }

    .ability {
      padding-top: 3.88rem;
      background: #F7F8FB;
    }

    .ability .header-title {
      font-weight: 600;
      font-size: 1.33rem;
      color: #07021B;
      text-align: center;
    }

    .example {
      display: flex;
      margin-top: 0.88rem;
      flex-wrap: wrap;
      padding:0 0.88rem;
    }

    .example .item {
      width: 464px;
      height: 260px;
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      border: 1px solid #DCDFE6;
      padding: 24px;
      width: 464px;
      height: 260px;
      margin-top:0.88rem;
    }

    .example .item .title {
      display: flex;
      gap: 8px;
      border-bottom: 1px solid #EBEEF5;
      padding-bottom: 16px;
    }

    .example .item .title img {
      width: 24px;
      height: 24px;
    }

    .item-body {
      margin-top: 24px;
      height: 99px;
    }

    .item-body .body-item {
      margin-top: 16px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .item-body .body-item .dot {
      width: 6px;
      height: 6px;
      background: #ADB9D3;
      border-radius: 50%;
    }

    .item .more {
      font-weight: 400;
      font-size: 16px;
      color: #095FC1;
      margin-top: 30px;
      cursor: pointer;
      display:block;
    }
    .common {
      padding-top: 3.88rem;
      background: #F7F8FB;
    }

    .common .header-title {
      font-weight: 600;
      font-size: 1.33rem;
      color: #07021B;
      text-align: center;
    }

    .common-tabs-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 1.66rem;
      background: #FFFFFF;
      border: 1px solid #DCDFE6;
      overflow: hidden;
      margin-left:-1px;
    }

    .common-tabs-container .tab {
      text-align: center;
      line-height: 1.78rem;
      position: relative;
      flex: 1;
      cursor: pointer;
      font-size:0.66rem;
    }

    .common-tabs-container .active {
      background: linear-gradient(138deg, #004BFF 0%, #095FC1 53.42%, #008EFF 100%);
      font-weight: 500;
      font-size: 0.66rem;
      border: none;
      color: #FFFFFF;
      display: block;
    }

    .common-tabs-container .tab::before {
      border-right: 1px solid #DCDFE6;
      content: "";
      width: 1px;
      height: 0.88rem;
      position: absolute;
      left: 6.92rem;
      top: 0.44rem;
    }

    .common-tabs-content {
      margin-top: 40px;
      padding-bottom: 140px;
      display: none;
    }

    .common-body {
      background: #FFFFFF;
      border-radius: 0.44rem;
      border: 1px solid #DCDFE6;
      padding: 0.66rem;
      margin:0 0.88rem;
    }

    .common-body .common-item .common-item-title {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 48px;
    }

    .common-body .common-item .common-item-desc {
      font-weight: 400;
      font-size: 14px;
      color: #737C8E;
      margin-top: 16px;
      margin-left:32px;
    }

    .common-tabs-content .more {
      width: 126px;
      height: 40px;
      border-radius: 118px 118px 118px 118px;
      border: 1px solid #095FC1;
      margin: 0 auto;
      margin-top: 2.22rem;
      text-align: center;
      font-weight: 400;
      font-size: 0.77rem;
      color: #095FC1;
      line-height: 38px;
      cursor: pointer;
      display:block;
    }

    .seagull-footer {
      margin-top: 0px;
    }