/* 活动样式 */
::-webkit-scrollbar {
    display: none;
}

/* common */
.tip-act-chunjie {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #926852;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/bg-index.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 60;
    overflow: hidden;
}
.tip-act-chunjie .tip-act-pr {
    position: relative;
}
.tip-act-chunjie .tip-act-pa {
    position: absolute;
}
.tip-act-chunjie .tip-act-btns,
.tip-act-chunjie .tip-act-tits {
    display: block;
    text-indent: -9999rem;
}

.tip-act-chunjie .tip-act-tits {
    margin-left: .2rem;
}

.tip-act-chunjie .tip-act-radius-img {
    width: 70%;
    /* height: 80%; */
    /* border-radius: 50%; */
    object-fit: contain;
}

/* 主内容区域开始 */
.tip-act-chunjie .tip-act-content {
    width: 14.11rem;
    height: 6.62rem;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/bg-content.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    transform: translate(-42%,-45%) scale(.9);
}

/* 关闭按钮 */
.tip-act-chunjie .tip-act-close {
    width: .36rem;
    height: .39rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-close.png") no-repeat;
    background-size: 100% 100%;
    top: -.6rem;
    right: 1.2rem;
}

/* slogan标题 */
.tip-act-chunjie .tip-act-slogan-tit {
    width: 7.07rem;
    height: .64rem;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/slogan-tit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -.56rem;
    left: .2rem;
}

.tip-act-chunjie .tip-act-about {
    width: 1.14rem;
    height: .29rem;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/slogan-tit-tips.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -.3rem;
    right: 2.4rem;
}
/* 我的背包按钮 */
.tip-act-chunjie .tip-act-mypage {
    width: 1.14rem;
    height: .29rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/my-page.png") no-repeat;
    background-size: 100% 100%;
    top: -.3rem;
    right: 3.8rem;
}

/* 左边内容区部分整体 */
.tip-act-chunjie .tip-act-left-list {
    width: 7rem;
    height: 5.6rem;
    left: .6rem;
    top: .6rem;
    overflow: auto;
}


/* 内容部分 */
.tip-act-chunjie .tip-act-smtit1,
.tip-act-chunjie .tip-act-smtit2{
    width: 6.51rem;
    height: .43rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/sm-tit1.png") 0 0/100% no-repeat;
    text-indent: -9999rem;
    margin-bottom: .1rem;
    margin-left: .1rem;
}
.tip-act-chunjie .tip-act-smtit2{
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/sm-tit2.png") 0 0/100% no-repeat;
    margin-top: .4rem;
    margin-bottom: .2rem;
}

.tip-act-chunjie .tip-act-preferential{
    position: absolute;
    width: 6.6rem;
    height: auto;
    top: .16rem;
    left: .2rem;
}
/* 大牌特惠部分 开始*/
.tip-act-chunjie .tip-act-lists {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.tip-act-chunjie .tip-act-welfare-list{
    /* background-color: red; */
    display: block;
}

.tip-act-chunjie .tip-act-lists::-webkit-scrollbar {
    display: none
}
.tip-act-chunjie .tip-act-lists.shadow::after {
    content: "";
    display: block;
    width: 100%;
    height: 110%;
    box-shadow: -.06rem 0 .1rem 0 rgb(119, 118, 118) inset;
    position: absolute;
    top: -5%;
    left: 0;
    pointer-events: none;
}

.tip-act-chunjie .van-swipe {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    /* height: 4.6rem; */
}
.tip-act-chunjie .van-swipe-item {
    width: 2.99rem !important;
    height: 1.52rem;
    flex-shrink: 0;
    overflow: hidden;
    margin: 0 .02rem;
    position: relative;
}
.tip-act-chunjie .van-swipe__track {
    width: 100% !important;
    height: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
}


/* 列表子元素部分 */
.tip-act-chunjie .tip-act-business-list .tip-act-item {
    width: 2.99rem;
    height: 1.52rem;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/preferential_2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    height: 1rem;
    width: 2.6rem;
    top: 50%;
    left: .2rem;
    transform: translateY(-50%);
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-top::before{
    /* content: "";
    display: block;
    width: .95rem;
    height: .94rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/preferential-img-bg.png") 0 0/100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; */
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-top .tip-act-welfare-shop{
    width: 58%;
    height: .26rem;
    color: #3f2d8f;
    font-size: .22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-top .tip-act-welfare-range{
    width: 58%;
    color: #ac382f;
    font-size: .18rem;
    position: absolute;
    right: 0;
    top: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-top img{
    width: .91rem;
    height: .92rem;
    z-index: 2;
    margin-left: .02rem;
    margin-top: .01rem;
}
.tip-act-chunjie .tip-act-welfare-main .tip-act-welfare-img{
    display: none;
}
.tip-act-chunjie .tip-act-welfare-main .tip-act-welfare-info{
    display: none;
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-btn-wrap{
    position: absolute;
    bottom: .2rem;
    right: .3rem;
}
.tip-act-chunjie .tip-act-business-list .tip-act-welfare-btn{
    width: 1.46rem;
    height: .48rem;
    text-indent: -9999rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-get.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-business-list .tip-act-got-btn{
    width: 1.46rem;
    height: .48rem;
    text-indent: -9999rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-get.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-business-list .tip-act-use-btn{
    width: 1.46rem;
    height: .48rem;
    text-indent: -9999rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-use.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-business-list .tip-act-out-btn{
    width: 1.46rem;
    height: .48rem;
    text-indent: -9999rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-over.png") 0 0/100% no-repeat;
}

/* 更多福利部分开始 */
.tip-act-chunjie .tip-act-more-list,.tip-act-chunjie .tip-act-more-list .van-swipe{
    height: 1.92rem !important;
}
.tip-act-chunjie .tip-act-more-list .van-swipe-item {
    width: 1.4rem !important;
    height: 1.92rem;
    flex-shrink: 0;
    overflow: hidden;
    margin: 0 ;
    position: relative;
}
.tip-act-chunjie .tip-act-more-list .tip-act-item {
    width: 1.4rem;
    height: 1.92rem;
    background-image: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/preferential_1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .16rem;
    color: #3f2d8f;
    margin-top: .14rem;
}
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-top::before{
    /* content: "";
    display: block;
    width: .76rem;
    height: .76rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/preferential-img-bg2.png") 0 0/100% no-repeat;
    position: absolute;
    top: .14rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; */
}
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-top img{
    width: .76rem;
    height: .75rem;
    margin-bottom: .14rem;
    z-index: 2;
}
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-top .tip-act-welfare-shop,
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-top .tip-act-welfare-range{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tip-act-chunjie .tip-act-more-list .tip-act-welfare-btn{
    width: 1.2rem;
    height: .33rem;
    text-indent: -9999rem;
    margin: .06rem auto 0;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-get2.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-more-list .tip-act-got-btn{
    width: 1.2rem;
    height: .33rem;
    text-indent: -9999rem;
    margin: .06rem auto 0;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-get2.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-more-list .tip-act-use-btn{
    width: 1.2rem;
    height: .33rem;
    text-indent: -9999rem;
    margin: .06rem auto 0;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-use2.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-act-more-list .tip-act-out-btn{
    width: 1.2rem;
    height: .33rem;
    text-indent: -9999rem;
    margin: .06rem auto 0;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-recommend-over2.png") 0 0/100% no-repeat;
}

/* 大牌特惠部分 结束*/

/* 邀好友，开奖部分 开始 */
.tip-act-chunjie .tip-act-right-arena {
    width: 3.84rem;
    height: 5.7rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/right-bg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    right: 2.56rem;
    top: .4rem;
}
.tip-act-chunjie .tip-act-right-arena .tip-act-right-get-btn{
    width: 2.64rem;
    height: .75rem;
    /* background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-right-get.png") 0 0/100% no-repeat; */
    position: absolute;
    left: 50%;
    transform: translateX(-48%);
    bottom: .86rem;
    text-indent: -9999rem;
}

/* 邀好友，开奖部分 结束 */

/* 弹窗部分 */
.tip-act-chunjie .tip-comp-cover{
    background-color: rgba(41, 39, 39,.9);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.tip-act-chunjie .tip-comp-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
/* 规则弹窗 */
.tip-act-chunjie .tip-comp-explain-close{
    width: .36rem;
    height: .39rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-close.png") 0 0/100% no-repeat;
    position: absolute;
    right: .2rem;
    top: -.4rem;
}
.tip-act-chunjie .tip-comp-explain-tip{
    width: 10.22rem;
    height: 5.2rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/pop-bg1.png") 0 0/100% no-repeat;
}
.tip-act-chunjie .tip-comp-explain-title{
    width: 3.06rem;
    height: .78rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/pop-tit1.png") 0 0/100% no-repeat;
    text-indent: -9999rem;
    margin: -.6rem auto 0;
}
.tip-act-chunjie .tip-comp-explain-detail{
    width: 80%;
    height: 60%;
    margin: .9rem auto 0;
    overflow-y: auto;
    font-size: .2rem;
    color: #525191;
}

/* 获取弹窗 */
.tip-act-chunjie .tip-comp-dialog--fullpage-received{
    width: 100%;
    height: 5.44rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/pop-bg2.png") no-repeat;
    background-size: cover;
    background-position: top center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .2rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-received::before{
    content: "";
    display: block;
    width: 3.06rem;
    height: .73rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/pop-tit2.png") 0 0/100% no-repeat;
    position: absolute;
    top: -.2rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-center{
    width: 2.21rem;
    height: 3.17rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/pop-prize-bg.png") 0 0/100% no-repeat;
    margin: 0 .1rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-centeritem img{
    display: block;
    width: 1.86rem;
    height: 1.82rem;
    object-fit: cover;
    margin: .2rem auto .1rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-baseInfo {
    margin-top: .2rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-tradename{
    font-size: .22rem;
    color: #3f2d8f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 86%;
    text-align: center;
    margin: 0 auto .1rem;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-tips{
    display: none;
}
.tip-act-chunjie .tip-comp-dialog--fullpage-limi-time{
    font-size: .2rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 86%;
    margin: 0 auto;
    text-align: center;
}
.tip-act-chunjie .tip-comp-dialog--Stay-out{
    display: none;
}
.tip-act-chunjie .tip-comp-btn-medium-secondary{
    width: .36rem;
    height: .39rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-close.png") 0 0/100% no-repeat;
    position: absolute;
    right: 1.2rem;
    top: -.2rem;
    text-indent: -9999rem;
}
.tip-act-chunjie .tip-comp-btn-large-primary{
    width: 2.16rem;
    height: .67rem;
    background: url("https://image-1251917893.file.myqcloud.com/2023/a20231020spj/btn-pop-gouse.png") 0 0/100% no-repeat;
    display: block;
    text-indent: -9999rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.4rem;
}