.main {
  padding-top: 80px;
  color: #fff;
  font-family: Almarai, Almarai;
}

.filterScreen {
  background: rgba(85, 82, 82, 0.2);
  backdrop-filter: blur(10px);
  padding: 20px 80px;
  border-radius: 20px;
  border: 2px solid rgba(190, 189, 189, 0.3);
  margin-top: 80px;
}

.ytitle {
  background: linear-gradient(to right,#faaf38,#d6580b); display: inline-block; padding: 0px 40px; 
  border-radius: 35px;border-bottom-left-radius: 0; margin: 0;
  position: absolute;left: 0;top: -35px;
  font-size: 45px;
}
.rjiao{
  width: 0;
  height: 0;
  border-top: 5px solid transparent; 
  border-right: 5px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 5px solid transparent;
}

.upbtn {
  margin: 0px auto;
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: 2px solid transparent;
  background-image: linear-gradient(90deg, #353EFF 0%, #A700FA 100%),
    linear-gradient(93deg, rgba(56, 255, 255, 1), rgba(171, 86, 249, 1), rgba(8, 30, 208, 1), rgba(3, 226, 251, 1));
  color: white;
  border-radius: 35px;
  width: 260px;
  line-height: 70px;
  font-size: 32px;
}

.reward-program {
  padding-top: 120px;
  background: #060a10 url("https://cdn.tradingtop.com/public/questions_bg.png") top /cover no-repeat;
}
.reward-program-content{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .filterScreen {
    padding: 12px 20px;
    margin-top: 40px;
    border-radius: 12px;
  }
  
  .ytitle {
    font-size: 32px;
    padding: 0 24px;
    top: -24px;
  }
  
  .upbtn {
    width: 90%;
    line-height: 48px;
    font-size: 24px;
    padding: 0 16px;
  }
  
  .reward-program-content {
    max-width: 100%;
    padding: 0 16px;
  }
}

.aside1 h1 {
  font-size: 60px;
  text-align: center;
}

.aside1 .h5 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

.faq-item {
  font-size: 16px;
  margin-bottom: 32px;
}

.faq-item h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.reward-card-number {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 26px;
  background: linear-gradient(#383cff, #a502fb);
  font-size: 18px;
  border-radius: 50%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align: center;
  margin-right: 16px;
}

.faq-item p {
  color: rgba(255, 255, 255, 0.9);
}

.faq-item .combined {
  color: #78EDFF;
}

.reward-program-details {
  padding: 18px 21px;
  background: #2E3951;
  border-radius: 2px 2px 2px 2px;
}

.reward-item {
  margin-bottom: 12px;
}

.reward-program-list .li {
  margin-bottom: 12px;
}

.reward-program-list{
  justify-content: space-between;
}
.reward-program-list .reward-program-details{
  padding: 9px 12px;
}

/* 菜单按钮图标 */
.menu-btn-icon {
  width: 24px;
}

/* 头像样式 */
.avatar-small {
  --el-avatar-size: 30px;
}

.avatar-large {
  --el-avatar-size: 40px;
}

.avatar-image {
  object-fit: cover;
}

/* 图标间距 */
.icon-spacing {
  margin: 0 5px;
}

/* 列表项图标 */
.list-icon {
  width: 14px;
  margin-right: 10px;
}

/* 详情文本样式 */
.details-text {
  font-size: 14px;
}

/* 详情容器样式 */
.details-container {
  font-size: 14px;
  height: 58px;
}

/* 详情容器宽度变体 */
.details-width-82 {
  width: 82px;
}

.details-width-130 {
  width: 130px;
}

.details-width-160 {
  width: 160px;
}

.details-width-176 {
  width: 176px;
}

.details-width-188 {
  width: 188px;
}

.details-width-225 {
  width: 225px;
}

.details-width-290 {
  width: 290px;
}

/* 底部间距 */
.mb-12 {
  margin-bottom: 12px;
}


@media screen and (max-width: 768px) {
  .aside1 h1 {
    font-size: 36px;
  }

  .aside1 .h5 {
    font-size: 16px;
  }

  .faq-item {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .faq-item h3 {
    font-size: 18px;
  }

  .reward-card-number {
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 16px;
    margin-right: 12px;
  }

  .reward-program-details {
    padding: 12px 16px;
  }

  .reward-program-list {
    flex-direction: column;
  }

  .reward-program-list .reward-program-details {
    width: 100% !important;
    margin-bottom: 8px;
    height: auto;
    min-height: 40px;
  }

  .icon-spacing {
    display: none;
  }

  .fx {
    align-items: flex-start;
  }
}