.zyjx-box {
    margin: 0 .9375rem 1.25rem;
    border-radius: .9375rem;
    box-shadow: 0 0.09375rem 0.8125rem rgba(39,49,58,.08);
    border: .0625rem solid #fff;
    position: relative;
    background: #fff;
    padding-bottom: .9375rem;
}

.placeholer-square {
    position: absolute;
    width: 100%;
    height: 6.625rem;
    top: .0625rem;
    left: .0625rem;
    border-radius: .9375rem;
    background: linear-gradient(to bottom,#ffe7e7,#fff);
    z-index: 1;
}

.zyjx-box-tc {
    background: linear-gradient(to bottom,#e3f3f4,#fff)
}

.cherry-pick {
    width: 21.5625rem;
    margin: 0;
    padding: 1.25rem;
    padding-bottom: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.dlt {
    background: linear-gradient(0deg,#fff 0%,#eefafb 100%)
}

.h357 {
    height: 9.375rem
}

.check-btn-text {
    font-size: .875rem;
    color: #feffba;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center
}

.push-box {
    display: flex;
    align-items: center;
    padding-right: .625rem;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 1.25rem
}

.push-box-left {
    display: flex;
    flex-direction: row;
    align-items: center
}

.push-box-text {
    color: #fff;
    font-size: .875rem
}

.ml20 {
    margin-left: .5rem
}

.push-list-item-item {
    display: flex;
    flex-direction: row
}

.numColor {
    color: #ff6565;
    font-size: .8125rem;
    margin: 0 .15625rem
}

.jx-tip {
    width: 17.90625rem;
    height: 1.40625rem
}

.font-weight-b {
    font-weight: 700
}

.lottery-box {
    width: 5.59375rem;
    height: 2.53125rem;
    color: #666;
    font-weight: 700;
    line-height: 1.4375rem;
    text-align: center
}

.lottery-box-text {
    width: 5.59375rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.375rem
}

.lottery-box-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.59375rem;
    height: 2.53125rem
}

.cherry-pick-top {
    display: flex;
    justify-content: space-between
}

.cherry-pick-head {
    display: flex;
    flex-direction: row
}

.font-weight-n {
    font-weight: 400;
    font-size: 1.125rem;
    color: #666
}

.cherry-pick-title {
    margin-left: -.625rem;
    /*margin-bottom: 1.25rem;*/
    font-size: 1.125rem;
    font-weight: 700;
    color: #333
}

.ml16 {
    margin-left: .5rem
}

.chrry-pick-bottom {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    padding: .25rem .46875rem 0 .9375rem;
    margin-top: .625rem
}

.bottom-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 3.0625rem
}
.bottom-bg img{
    width: 100%;
}

.chrry-pick-bottom-tc {
    background: #4ebaa0
}

.rule_information-text {
    color: #a45d5d;
    font-size: .9375rem;
    font-weight: 700
}

.jx-btn {
    width: 4.40625rem;
    height: 2.375rem;
    margin-top: .3125rem;
    z-index: 2;
}
.jx-btn img{
    width:100%;
}

.cherry-pick_rule {
    font-size: .8125rem
}

.cherry-pick_rule_item {
    display: flex;
    align-items: center;
    border-radius: .25rem;
    height: 1.8125rem;
    flex-direction: row;
    line-height: 1.8125rem;
    width: 12.6875rem;
    background: #f4f5f6;
    margin-bottom: .5rem;
    padding: 0 .125rem;
    font-weight: 400
}

.rule_logo_zhong {
    margin-right: .3125rem;
    border-radius: .25rem;
    width: 1.4375rem;
    height: 1.4375rem;
    line-height: 1.4375rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(to bottom,#703f32,#c47b69)
}

.rule_logo_jiang {
    margin-right: .3125rem;
    border-radius: .25rem;
    width: 1.4375rem;
    font-size: .8125rem;
    height: 1.4375rem;
    line-height: 1.4375rem;
    color: #fff;
    text-align: center;
    background: #ec6359
}

.cherry-award-rate {
    display: flex;
    flex-direction: row
}

.rate-text {
    font-weight: 700;
    font-size: 1.5625rem;
    color: #900
}

.rate-percent {
    font-weight: 700;
    font-size: 1.5625rem;
    color: red;
    margin-left: .625rem
}

.rule_information {
    display: flex;
    align-items: center;
    flex-direction: row
}

.font_strong {
    font-size: .8125rem;
    font-weight: 700
}

.rule_winning_chance {
    color: #fc4d2c;
    font-weight: 700;
    font-size: .8125rem;
    font-family: PingFang SC-Regular,PingFang SC
}

.ml40 {
    margin-left: 1.25rem
}

.rule_jiang_title {
    color: #faff04;
    font-size: .9375rem;
    font-weight: 700
}

.shield-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .625rem;
    right: 1.4375rem;
    z-index: 10
}

.shield-box-image {
    position: absolute;
    top: 0;
    right: 1.4375rem
}

.shield-box-tc {
    position: absolute;
    top: 1.5625rem;
    right: .25rem
}

.shield-box-imgs {
    width: 5.3125rem;
    height: 5.34375rem
}
.shield-box-imgs img{
    width: 100%;height: 100%;
}

.shield-box-image-image {
    width: 4rem!important;
    height: 6.125rem!important;
    flex-shrink: 0
}
.shield-box-image-image img{
    width:100%;
}

.shield-box-tc-image {
    width: 6.25rem!important;
    height: 6.875rem!important;
    flex-shrink: 0
}

.font24 {
    font-size: .75rem;
    color: #333
}

.font26 {
    font-size: .8125rem;
    color: #333
}

.bold {
    font-weight: 700
}

.close-btn[data-v-660115a7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 999
}

.close[data-v-660115a7] {
    cursor: pointer;
    width: 2.25rem;
    height: 2.25rem
}

.popup-foot[data-v-660115a7] {
    width: 17.5rem;
    height: 2rem;
    margin-top: .3125rem
}

.popup-box[data-v-660115a7] {
    position: relative;
    background: #fff;
    border-radius: .625rem;
    width: 18.75rem;
    padding: .9375rem .625rem;
    box-sizing: border-box;
    margin-top: .9375rem
}

.text[data-v-660115a7] {
    text-align: center;
    font-size: .75rem;
    color: #fff;
    font-weight: 700;
    margin-top: 1.09375rem
}

.date[data-v-660115a7] {
    position: absolute;
    width: 18.75rem;
    top: 1.125rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.popup-date[data-v-660115a7] {
    color: #921226;
    font-weight: 700;
    font-size: .8125rem
}

.title-img[data-v-660115a7] {
    width: 15.34375rem;
    height: 2.90625rem;
    margin: 0 1.25rem
}

.title[data-v-660115a7] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    height: 1.875rem;
    box-sizing: border-box
}

.period[data-v-660115a7] {
    font-size: .875rem;
    color: #999;
    margin-left: .1875rem
}

.popup-item[data-v-660115a7] {
    position: relative;
    margin-top: .625rem;
    height: 7.625rem
}

.card[data-v-660115a7] {
    width: 17.5rem;
    height: 7.625rem;
    position: absolute;
    top: 0;
    left: 0
}

.popup-notice[data-v-660115a7] {
    margin-top: .3125rem;
    border-top: .0625rem solid #dca7bb;
    padding-top: .25rem;
    margin: .25rem 2.34375rem 0
}

.notice-item[data-v-660115a7] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 12.5rem;
    line-height: 1.4375rem;
    margin: 0 auto
}

.last-view[data-v-660115a7] {
    justify-content: flex-end
}

.w100[data-v-660115a7] {
    width: 3.125rem
}

.font32[data-v-660115a7] {
    font-size: 1rem;
    color: #333;
    line-height: 1.4375rem;
    font-weight: 700
}

.notice-flex[data-v-660115a7] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.numColor[data-v-660115a7] {
    color: #ff6565!important
}

.dltNotice .font32[data-v-660115a7] {
    color: #fff
}

.dltNotice .numColor[data-v-660115a7] {
    color: #ff0!important
}

.dlt[data-v-660115a7] {
    border: none
}

.dltNotice[data-v-660115a7] {
    margin: .1875rem auto;
    color: #fff
}

.firstdlt[data-v-660115a7] {
    margin-top: 1.25rem
}

.colorspe[data-v-660115a7] {
    color: #fff!important
}

.jxgs-box-sku[data-v-793b5fb9] {
    background: #f5f5f5
}

.jxgs-box-sku .list-item[data-v-793b5fb9] {
    background: #fff;
    margin-bottom: .9375rem;
    padding: .9375rem 0;
    height: 6.25rem;
    box-sizing: border-box
}

.jxgs-box-sku .list-item .item-head[data-v-793b5fb9] {
    width: 6.8125rem;
    height: .9375rem;
    margin-left: .9375rem;
    background: #f5f5f5
}

.jxgs-box-sku .list-item .item-bottom[data-v-793b5fb9] {
    width: 6.25rem;
    height: .9375rem;
    margin: 0 auto;
    background: #f5f5f5
}

.jxgs-box-sku .list-item .item-body[data-v-793b5fb9] {
    margin-bottom: .625rem
}

.jxgs-box-sku .list-item .item-body .item-detail[data-v-793b5fb9] {
    width: 19.6875rem;
    height: .9375rem;
    margin-top: .75rem;
    margin-left: .9375rem;
    background: #f5f5f5
}


.welfare_img {
    width: 18.75rem;
    height: 23.4375rem
}

.page-text {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 2.75rem;
    justify-content: space-between;
    width: 23.4375rem;
    box-sizing: border-box;
    line-height: 2.75rem;
    padding: 0 .9375rem
}

.page-text-text {
    color: #999;
    font-size: .8125rem;
    font-weight: 700
}

 .uni-popup {
    z-index: 999!important
}

.award-text {
    font-size: .875rem;
    font-weight: 700;
    color: #3259ce
}

.banner-box {
    position: relative;
    z-index: 20;
    height: 8.3125rem
}

.banner-swiper {
    position: relative;
    z-index: 3
}

 uni-page-body {
    padding-bottom: .9375rem!important
}

 .uni-tabbar-bottom .uni-tabbar {
    padding-bottom: .9375rem!important
}
uni-text {
    display: inline;
        position: relative;
    border: 0px solid #000000;
    box-sizing: border-box;
}
.marquee{display: flex;align-items: center}
        @layer utilities {
            .marquee-container {
                flex:1;
                overflow: hidden;
                position: relative;
            }
            .marquee-content {
                display: flex;
                width: max-content;
                animation: marquee 20s linear infinite;
            }
            .marquee-pause:hover .marquee-content {
                animation-play-state: paused;
            }
            .seamless-marquee {
                display: flex;
                animation: seamless 30s linear infinite;
            }
        }
        
        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        @keyframes seamless {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }