/* ========================================================
 * 文件名称：luckybuy.css
 * 文件作用：幸运购功能页面样式，包含轮播、会员等模块样式
 * 适用页面：幸运购功能介绍页
 * ======================================================== */

/* 顶部横幅 */
.top-banner {
  height: 560px;
  background: #06112f;
  position: relative;
  z-index: 1;
}

.top-banner .bannerItem {
  height: 560px !important;
}

.top-banner .bannerItem .ani-img {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/* 横幅背景图 */
.top-banner .top-banner-bg {
  width: 1920px;
  height: 560px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* 副标题样式1 */
.sub-title1 {
    padding-top: 66px;
    margin-top: 80px;
}

/* 市场会员模块标题 */
.market-member .item h4{
    margin-bottom: 40px;
}

/* 副标题样式2 */
.sub-title2 {
    padding-top:58px
}

/* 幸运购轮播指示器激活状态 - 渐变背景 */
.luckybuy .swiper-container .swiper-pagination-bullet-active {
    background: linear-gradient(86.69deg, #FF3F4E -1.3%, #FF3838 -1.29%, #FF5C28 99.66%);
    color: #fff; 
}

/* 幸运购轮播指示器悬停状态 */
.luckybuy .swiper-container .swiper-pagination-bullet:hover {
        border-color: #FF572A; 
}

/* 市场会员图片底部间距 */
.market-member > div img {
            padding-bottom: 120px;
        }