/* 头部Banner配置 */
.bannerImg {
    width: 100%;
    display: flex;
    aspect-ratio: 375 / 365;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.bannerImg img {
    width: 100%;
    height: auto;
    /* object-fit: cover; */
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
}

#banner .swiper-pagination {
    z-index: 2;
    bottom: .1rem;
    display: flex;
    justify-content: center;
}

#banner .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    opacity: 1;
    background-color: transparent;
    border: .01rem solid #fff;
    margin: 0 .04rem;
    box-sizing: border-box;
}

#banner .swiper-pagination-bullet-active {
    background-color: #fff;
}


/* Banner横栏说明文案 */
.bannerHoverLists {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerHoverLists .xian {
    width: .01rem;
    height: .12rem;
    background-color: #CBCBCB;
    margin: 0 .05rem;
    flex-shrink: 0;
}

.bannerHoverList {
    display: flex;
    align-items: center;
    color: #666;
    font-size: .12rem;
    cursor: pointer;
    position: relative;
}

.bannerHoverList img {
    width: .16rem;
    height: auto;
    margin-right: .03rem;
    flex-shrink: 0;
}

.bannerHoverList .text {
    transform: scale(0.8);
}


/* 商品分类列表 */
.goodsClsLists {
    width: 100%;
    display: flex;
    overflow-x: auto;
}

.goodsClsList {
    width: 1.2rem;
    margin-right: .2rem;
    flex-shrink: 0;
}

.goodsClsList:nth-child(1) {
    margin-left: .15rem;
}

.goodsClsList:last-child {
    margin-right: .15rem;
}

.goodsClsList .goodsImgBox {
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    cursor: pointer;
}

.goodsClsList .goodsImgBox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .35s;
}

.goodsClsList .goodsTit {
    width: 100%;
    font-size: .12rem;
    color: #333;
    text-align: center;
    white-space: nowrap;
}

/* Slogan */
.sloganButList {
    margin-top: .15rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.sloganButList .sloganBut {
    width: calc((100% - .1rem) / 2);
    height: .32rem;
    border: .01rem solid #FA6E07;
    color: #FA6E07;
    box-sizing: border-box;
    border-radius: .05rem;
    font-size: .14rem;
    font-weight: 700;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .1rem;
}

.sloganButList .sloganBut:nth-child(1) {
    margin-left: 0;
}


/* 轮播图 */
.swiperImg {
    width: 100%;
    display: flex;
    cursor: pointer;
    border-radius: .05rem;
    overflow: hidden;
    aspect-ratio: 488 / 325;
}

.swiperImg img {
    width: 100%;
    height: auto;
    transition: all .35s;
    object-fit: cover;
}


#swiper .swiper-pagination {
    width: 100%;
    margin-top: .1rem;
    position: static;
    z-index: 2;
    display: flex;
    justify-content: center;
}

#swiper .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    opacity: 1;
    background-color: #FF9C523D;
    margin: 0 .025rem;
}

#swiper .swiper-pagination-bullet-active {
    background-color: #FF9C52;
}


/* 运营图样式 */
.cutItem {
    width: 100%;
}

.cutItem .cutImgBox {
    width: 100%;
    display: flex;
    cursor: pointer;
    border-radius: .05rem;
    overflow: hidden;
    margin-bottom: .06rem;
}

.cutItem .cutImgBox a{
    width: 100%;
    display: flex;
}

.cutItem .cutImgBox img {
    width: 100%;
    height: auto;
    transition: all .35s;
}

.cutItem .cutTit {
    width: 100%;
    font-size: .18rem;
    color: #333;
    font-weight: 700;
    margin-bottom: .08rem;
}

.cutItem .cutDesc {
    width: 100%;
    font-size: .14rem;
    color: #333;
    margin-bottom: .1rem;
}

.cutItem .cutButs {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .14rem;
    color: #FA6E07;
}

.cutItem .cutButs .jtBut {
    width: .11rem;
    margin-left: .03rem;
    display: flex;
}

.cutItem .cutButs .jtBut svg {
    width: 100%;
    height: auto;
}


/* 商品板块tab切换 */
.goodsSprTab{
    width: auto;
    height: .3rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: .17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.goodsSprTab li{
    width: 1.05rem;
    height: 100%;
    border-radius: .17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    font-size: .12rem;
    cursor: pointer;
}

.goodsSprTab .active{
    color: #FFFFFF;
    background-color: #333333;
    font-weight: 700;
}

.goodsBestselling .swiper-slide,
.goodsRecommend .swiper-slide{
    max-width: calc(63% - .1rem);
}


/* 推荐轮播图 */
#recommendSwiper .swiper-pagination {
    width: 100%;
    margin-top: .1rem;
    position: static;
    z-index: 2;
    display: flex;
    justify-content: center;
}

#recommendSwiper .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    opacity: 1;
    background-color: #FF9C523D;
    margin: 0 .025rem;
}

#recommendSwiper .swiper-pagination-bullet-active {
    background-color: #FF9C52;
}

/* 快速搜索标签 */
.quickLists {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.quickList {
    padding: 0 .08rem;
    height: .3rem;
    display: flex;
    align-items: center;
    font-size: .12rem;
    color: #666666;
    border: .01rem solid #999999;
    border-radius: .05rem;
    box-sizing: border-box;
    margin: .05rem;
    cursor: pointer;
}


/* 运营方块图 */
.cutLists {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cutLists .cutItem {
    width: 100%;
    margin-top: .1rem;
}

.cutLists .cutItem:nth-child(1) {
    margin-top: 0;
}

#cutieCube .swiper-pagination {
    width: 100%;
    margin-top: .1rem;
    position: static;
    z-index: 2;
    display: flex;
    justify-content: center;
}

#cutieCube .swiper-pagination-bullet {
    width: .06rem;
    height: .06rem;
    opacity: 1;
    background-color: #FF9C523D;
    margin: 0 .025rem;
}

#cutieCube .swiper-pagination-bullet-active {
    background-color: #FF9C52;
}

/* 运营轮播图 */
#cutieSwiper .swiper-pagination {
    width: 100%;
    margin-top: .1rem;
    position: static;
    z-index: 2;
    display: flex;
    justify-content: center;
}

#cutieSwiper .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    opacity: 1;
    background-color: #C3C3C380;
    margin: 0 .04rem;
    box-shadow: 0 .01rem .02rem 0 #0000001A;
}

#cutieSwiper .swiper-pagination-bullet-active {
    background-color: #FDB783;
}

.cutSwiperBox .cutItem {
    display: flex;
    border-radius: .05rem;
    background-color: #fff;
    box-shadow: 0 .01rem .02rem 0 #0000001A;
}

.cutSwiperBox .cutItem .cutImgBox {
    width: 1.72rem;
    flex-shrink: 0;
    margin-bottom: 0;
}

.cutSwiperBox .cutItem .cutRetBox {
    width: calc(100% - 1.72rem);
    flex: 1;
    padding: .12rem .1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.cutSwiperBox .cutItem .cutRetBox .cutTit{
    overflow: hidden;     /* 隐藏超出部分 */
    white-space: nowrap;  /* 防止换行 */
    text-overflow: ellipsis; /* 添加省略号（需要与 white-space 配合使用） */
}

.cutSwiperBox .cutItem .cutRetBox .cutTit,
.cutSwiperBox .cutItem .cutRetBox .cutDesc {
    font-size: .12rem; 
}

.cutSwiperBox .cutItem .cutRetBox .cutButs {
    margin-top: auto;
}


/* 板块图片 */
.contImgBox {
    width: 100%;
    border-radius: .05rem;
    overflow: hidden;
    display: flex;
    cursor: pointer;
}

.contImgBox a{
    width: 100%;
    display: flex;
}

.contImgBox img {
    width: 100%;
    height: auto;
    transition: all .35s;
}

/* 博客配置  */
.blogBox{
    width: 100%;
}

.blogBox .blogItem{
    width: 100%;
    border-radius: .08rem;
    background-color: #fff;
    box-shadow: 0 .01rem .02rem 0 #0000001A;
}

.blogItem .blogImgBox {
    width: 100%;
    display: flex;
    cursor: pointer;
    border-radius: .08rem;
    overflow: hidden;
}

.blogItem .blogImgBox a{
    width: 100%;
    display: flex;
}

.blogItem .blogImgBox img {
    width: 100%;
    height: auto;
    transition: all .35s;
}

.blogItem .blogTit {
    width: 100%;
    font-size: .12rem;
    color: #333;
    font-weight: 700;
    box-sizing: border-box;
}

.blogItem .blogDesc {
    width: 100%;
    font-size: .12rem;
    color: #333;
    box-sizing: border-box;
}

.blogItem .blogButs {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .14rem;
    color: #333;
    box-sizing: border-box;
}

.blogItem .blogButs .jtBut {
    width: .38rem;
    margin-left: .05rem;
    display: flex;
}

.blogItem .blogButs .jtBut svg {
    width: 100%;
    height: auto;
    fill: #FA6E07;
}


.blogList .blogItem{
    display: flex;
    margin-top: .1rem;
}

.blogList .blogItem .blogImgBox{
    width: 1.35rem;
}

.blogList .blogItem .blogRetBox{
    width: calc(100% - 1.35rem);
    flex: 1;
    padding: .1rem .1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.blogList .blogItem .blogRetBox .blogButs{
    margin-top: auto;
}