.no-bar{margin:0;padding:0}
*{margin:0;padding:0;box-sizing:border-box}
.main{position:relative;width:7.5rem;margin:0 auto;overflow-x:hidden;min-height:100vh;padding:0 0.32rem 0.32rem}
.head-tools-wrapper{font-size:0.28rem;display:flex;justify-content:space-between;position:absolute;width:calc(100% - 0.64rem);top:0.3rem;left:0.32rem}
.head-tools-wrapper .right-wrapper{display:flex;flex-direction:column;gap:0.16rem}
.head-tools-wrapper .right-wrapper .item{width:0.6rem;height:0.6rem;background:rgba(0,0,0,0.4);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}
.head-tools-wrapper .right-wrapper .item .iconfont{font-size:0.32rem}
.swiper-users-container{overflow:hidden;height: 32px;padding-bottom: 2px}
.swiper-users-container .swiper-slide{border-radius:20px;height:30px;background:rgba(0,0,0,0.4);display:flex;align-items:center;padding:0 8px}
.swiper-users-container .swiper-slide .avatar{width:20px;height:20px;border-radius:50%;display:block}
.swiper-users-container .swiper-slide .nickname{color:#fff;font-size:12px;padding-left:5px}
.logo-wrapper{width:100%;padding:0.32rem;margin-top:1.2rem;display:flex;justify-content:center}
.logo-wrapper img{width:100%}
.prize-wrapper .swiper-wrapper{display:flex}
.prize-wrapper .swiper-slide{width:88%;padding:0.24rem 0.24rem 0.48rem;border-radius:0.24rem;background:#fff}
.prize-wrapper .poster-wrapper{width:100%;border-radius:0.24rem;overflow:hidden;position:relative;font-size:0;display:flex;justify-content:center}
.prize-wrapper .poster-wrapper img{width:100%;object-fit:contain}
.prize-wrapper .poster-wrapper .num{background:rgba(0,0,0,0.4);font-size:0.26rem;height:0.48rem;line-height:0.48rem;border-radius:0.08rem;color:#fff;display:inline-block;position:absolute;bottom:0.16rem;left:0.16rem;padding:0 0.08rem}
.prize-wrapper .prize-name{color:#000;font-size:0.32rem;font-weight:bold;line-height:0.8rem;margin-top:0.1rem}
.prize-wrapper .prize-luck{font-size:0.28rem;display:flex;gap:0.16rem;align-items:center;color:#999}
.prize-wrapper .prize-luck .status{font-size:0.24rem;background:#d3f8e4;color:#0ebf65;border-radius:0.08rem;line-height:0.48rem;padding:0 0.16rem}
.prize-wrapper .prize-luck .disabled{background:#eee;color:#999}
.join-wrapper{display:flex;margin-top:0.6rem;align-items:center;justify-content:center}
.join-wrapper .expand-circle{position:absolute;width:2.2rem;height:2.2rem;border-radius:50%;transform:scale(1);transform-origin:center center;opacity:1;z-index:0;animation:expand 3s ease-out infinite}
.join-wrapper .expand-1{background:radial-gradient(circle,rgba(236,188,187,0) 0%,rgba(236,188,187,1) 100%)}
.join-wrapper .expand-2{background:radial-gradient(circle,rgba(236,188,187,0) 0%,rgba(236,188,187,0.8) 100%);animation-delay:1.2s}
@keyframes expand{0%{transform:scale(1);opacity:1}
100%{transform:scale(1.5);opacity:0}
}.join-wrapper .text{font-size:0.36rem;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(90deg,#f96438 10%,#ea324a 100%);color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.join-wrapper .disabled{background:linear-gradient(90deg,#eca388 1%,#ee726d 100%) !important}
.join-users-wrapper{margin-top:0.4rem}
.join-users-wrapper .join-num{font-size:0.28rem;line-height:0.48rem;color:#999;display:flex;justify-content:center}
.join-users-wrapper .join-num a{color:rgb(69 147 213);display:flex;align-items:center;text-decoration:none}
.join-users-wrapper .join-num span .iconfont{font-size:0.28rem;line-height:0.48rem}
.join-users-wrapper .users-wrapper{margin-top:0.24rem;display:flex;gap:0.1rem;align-items:center;justify-content:center}
.join-users-wrapper .users-wrapper .item{width:0.6rem;height:0.6rem;border-radius:50%;overflow:hidden;font-size:0}
.join-users-wrapper .users-wrapper .item img{width:100%;display:block;font-size:0}
.join-users-wrapper .feedback{display:flex;align-items:center;justify-content:center;font-size:0.28rem;margin-top:0.24rem;line-height:0.48rem;color:#999;text-decoration:none;opacity:0.6;}
#feedback{display:none}
.join-users-wrapper .feedback .iconfont{line-height:0.48rem;font-size:0.28rem}
.luck-table{margin-top:0.64rem;background:#fff;border-radius:0.24rem;overflow:hidden}
.luck-table .table-head{display:flex;line-height:1rem;height:1rem}
.luck-table .table-head .active{background:#fff !important;border-radius:0 !important}
.luck-table .table-head .active:before{content:"";position:absolute;bottom:0;left:50%;width:0.64rem;height:0.4rem;transform:translateX(-50%);border:0.08rem solid #f96538;border-color:transparent transparent #f96538 transparent;border-radius:50%;pointer-events:none}
.luck-table .table-head .item{flex:1;font-size:0.32rem;font-weight:bold;color:#000;text-align:center;background:#f6f6f6;position:relative}
.luck-table .table-head .item:first-child{border-bottom-right-radius:0.32rem}
.luck-table .table-head .item:last-child{border-bottom-left-radius:0.32rem}
.luck-table .table-content .item{display:none;font-size:0.28rem}
.luck-table .content-record .content{display:flex;padding:0.32rem;flex-direction:column;gap:0.32rem}
.luck-table .content-record .prize{padding:0.24rem;border:0.01rem solid #eee;border-radius:0.16rem;font-size:0.28rem;width:100%;display:flex;gap:0.32rem;align-items:center}
.luck-table .prize .prize-info{flex:1}
.luck-table .prize .prize-info .prize-name{font-size:0.32rem;font-weight:500;line-height:0.48rem}
.luck-table .prize .prize-info .prize-date{margin-top:0.16rem;color:#999}
.luck-table .prize .prize-status{height:0.72rem;line-height:0.72rem;padding:0 0.32rem;border-radius:0.4rem;background:#f7f7f7;color:#666}
.luck-table .prize .prize-img{display:flex;align-items:center;text-decoration:unset;cursor:pointer}
.luck-table .prize .prize-img img,.luck-table .prize .prize-img .icon-wrapper{width:0.6rem;height:0.6rem;border-radius:0.6rem;margin-left:-0.1rem;border:0.02rem solid #fff}
.luck-table .prize .prize-img .icon-wrapper{border-color:#ccc;display:flex;align-items:center;justify-content:center}
.luck-table .prize .prize-img .icon-wrapper .iconfont{font-size:0.36rem;font-weight:bold;color:#333}
.luck-table .prize .prize-img .icon-right{font-size:0.32rem;color:#ccc}
.copyRightBox{font-size:0.24rem;margin:0.4rem 0;line-height:0.48rem;text-align:center;height:unset}
.copyRightBox a{color:#999;font-size:0.26rem;text-decoration:none;border:unset}
.record-continue{position:relative;width:7.5rem;margin:0 auto;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;background:rgb(242 242 242)}
.record-continue .record-tab{background:rgb(226 69 60);height:1rem;line-height:1rem;display:flex;font-size:0.32rem;color:rgb(251 217 157)}
.record-continue .record-tab .item{flex:1;text-align:center}
.record-continue .record-tab .active{color:rgb(254 236 170);font-weight:bold;position:relative}
.record-continue .record-tab .active:before{content:"";position:absolute;bottom:0.1rem;left:calc(50% - 0.5rem);width:1rem;height:0.04rem;background:rgb(254 236 170)}
.record-continue .record-content{background:rgb(242 242 242);flex:1}
.record-continue .users-wrapper{padding:0.24rem 0.32rem}
.record-continue .users-wrapper .fans-total{font-size:0.28rem;color:#777;line-height:0.48rem}
.record-continue .fans-list{background:#fff;border-radius:0.16rem;padding:0.16rem;margin-top:0.16rem;font-size:0.28rem;display:flex;flex-direction:column}
.record-continue .fans-list .item{padding:0.24rem 0.16rem;display:flex;align-items:center;gap:0.32rem;border-bottom:1px solid #f6f6f6}
.record-continue .fans-list .item:last-child{border: none}
.record-continue .empty{line-height:2rem;text-align:center;color:#999;font-size:0.28rem}
.record-continue .avatar{width:0.8rem;height:0.8rem;border-radius:100%;overflow:hidden}
.record-continue .avatar img{width:100%;object-fit:cover}
.record-continue .info{flex:1}
.record-continue .info .nickname{font-weight:bold;color:#000;line-height:0.48rem}
.record-continue .info .date{font-size:0.26rem;color:#999;line-height:0.4rem}
.record-continue .copyright a{color:#999}
.record-continue .codes-wrapper{padding:0.24rem 0.32rem}
.record-continue .codes-wrapper .fans-list{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.record-continue .fans-list .num{color:#999;font-size:0.28rem;width:0.4rem;height:0.4rem;line-height:0.4rem;text-align:center;border-radius:100%}
.record-continue .fans-list .item:nth-child(1) .num{background:rgb(253 193 3);color:#fff}
.record-continue .fans-list .item:nth-child(2) .num{background:rgb(158 169 186);color:#fff}
.record-continue .fans-list .item:nth-child(3) .num{background:rgb(215 161 132);color:#fff}
.record-continue .fans-list .code-num{font-size:0.32rem;font-weight:500;color:rgb(226 69 60);text-decoration:unset}
.record-continue .title-wrapper{display:flex;justify-content:space-between;color:#999;border-bottom:0.02rem solid rgb(242 242 242);padding:0.16rem 0.32rem !important;font-size:0.32rem;background:#fff;margin-top:0.16rem;border-top-left-radius:0.16rem;border-top-right-radius:0.16rem;line-height:0.68rem}
.record-continue .record-item{display:none}
.luck-table .table-content .content-explain{display:block;padding:0.4rem;line-height:2}
.my-codes-wrapper,.timing-finish-wrapper{border-radius:0.16rem;background:#fff;margin-top:0.4rem;font-size:0.28rem;padding:0.32rem 0.24rem;position:relative}
.my-codes-wrapper .user-info-wrapper{display:flex;align-items:center}
.my-codes-wrapper .avatar{width:1rem;height:1rem;border-radius:50%;overflow:hidden;margin-right:0.2rem}
.my-codes-wrapper .avatar img{width:100%}
.my-codes-wrapper .code-info{text-decoration:none;color:#000;flex:1}
.my-codes-wrapper .code-info .title{font-size:0.32rem;font-weight:500;line-height:1.6}
.my-codes-wrapper .code-info .title span{color:#f96538}
.my-codes-wrapper .code-info .title .iconfont{color:#ccc;margin-left:3px;}
.my-codes-wrapper .code-info .desc{font-size:0.26rem;color:#999;line-height:2}
.my-codes-wrapper .codes-wrapper{display:flex;margin-top:0.16rem;flex-wrap:wrap;gap:0.2rem;}
.my-codes-wrapper .codes-wrapper .item{display:flex;align-items:center;background:#feeadd;border:0.04rem solid rgb(231 35 21 / 10%);width:calc(50% - 0.1rem);margin:auto;padding:0.16rem 0.1rem}
.my-codes-wrapper .codes-wrapper .item .origin{padding:0.08rem 0.16rem;text-align:center;width:1rem;font-size:0.24rem;line-height:0.32rem;border-right:0.01rem dashed #aaa;font-weight:bold}
.my-codes-wrapper .codes-wrapper .item .code{text-align:center;font-weight:bold;color:#f96538;flex:1}
.my-codes-wrapper .user-info-wrapper .status-wrapper{display:flex;align-items:center;font-weight:bold;color:#f96538}
.my-codes-wrapper .user-info-wrapper .disabled{color:#999 !important}
.my-codes-wrapper .user-info-wrapper .status-wrapper .iconfont{font-size:0.32rem;margin-right:0.08rem}
.code-continue{position:relative;width:7.5rem;margin:0 auto;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;background:#f2f2f2;padding:0.24rem;justify-content:space-between}
.code-continue .my-codes-wrapper{margin-top:0}
.code-continue .my-codes-wrapper .avatar{border-radius:0.12rem;display:flex;justify-content:center;align-items:center;border:0.04rem solid #f3cc93;background:#fef6eb}
.code-continue .my-codes-wrapper .avatar .iconfont{font-size:0.6rem;color:#fe570f}
.code-continue .code-list{display:flex;font-size:0.28rem;margin-top:0.32rem;gap:0.12rem;flex-wrap:wrap}
.code-continue .code-list .item{width:calc(50% - 0.06rem);border:0.02rem solid #f2f2f2;background:#fff;border-radius:0.08rem;padding:0.08rem;position:relative}
.code-continue .code-list .item .line{position:absolute;top:0;left:50%;width:0.5rem;height:0.06rem;margin-left:-0.25rem;background:#999}
.code-continue .code-list .item .line-footer{top:unset !important;bottom:0}
.code-continue .code-list .item .content{background:#f2f2f2;text-align:center;padding:0.24rem 0}
.code-continue .code-list .active{color:#f96538 !important}
.code-continue .code-list .active .line{background:#333 !important}
.code-continue .code-list .active .content{background:#feeadd}
.code-continue .code-list .active .emblem-wrapper{color:#f96538 !important}
.code-continue .code-list .active .code{color:#f96538 !important}
.code-continue .code-list .item .code{font-size:0.36rem;font-weight:bold;line-height:0.6rem;color:#999}
.code-continue .code-list .item .origin{font-size:0.26rem;line-height:0.28rem;color:#999}
.timing-finish-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.timing-finish-wrapper .header{font-size:0.36rem;font-weight:bold;display:flex;justify-content:space-between;align-items:center;width:100%}
.timing-finish-wrapper .header .desc{font-size:0.24rem;font-weight:normal;color:#999}
.timing-finish-wrapper .footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:2vw;}
.timing-finish-wrapper .footer .desc{font-size:0.28rem;color:#999}
.timing-finish-wrapper .luck-time-wrapper{display:flex;align-items:center;position:relative}
.timing-finish-wrapper .luck-time-wrapper .num{background:#999;color:#fff;padding:0.08rem;border-radius:0.08rem;position:relative;line-height:0.48rem}
.timing-finish-wrapper .luck-time-wrapper .num:before{content:'';width:100%;height:50%;left:0;bottom:0;position:absolute;background:rgba(255,255,255,0.4)}
.timing-finish-wrapper .luck-time-wrapper .point{color:#999;margin:0 0.08rem}
.timing-finish-wrapper .emblem-wrapper{position:absolute;top:0;right:0;z-index:10}
.timing-finish-wrapper .emblem-wrapper .content{color:#dcdcdc;position:relative;transform:rotate(-45deg)}
.timing-finish-wrapper .emblem-wrapper .content .iconfont{font-size:1.2rem}
.timing-finish-wrapper .emblem-wrapper .content .text{font-size:0.28rem;position:absolute;top:0.4rem;left:0;line-height:0.4rem;text-align:center;width:100%}
.luck-prize-wrapper{border-radius:0.16rem;background:#fff;margin-top:0.32rem;font-size:0.28rem;padding:0.24rem 0.24rem 0.48rem;display:none}
.my-prize-wrapper .title{font-size:0.4rem;font-weight:bold;color:#ea324a;line-height:1.6}
.my-prize-wrapper .desc{font-size:0.28rem;color:#666;line-height:0.48rem}
.my-prize-wrapper .prize-info{background:#f96538;border-radius:0.16rem;padding:0.64rem 0.32rem;margin-top:0.24rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.my-prize-wrapper .disabled{background:#eee !important}
.my-prize-wrapper .prize-info:before{content:'';position:absolute;top:0.2rem;left:0.2rem;width:calc(100% - 0.45rem);height:calc(100% - 0.45rem);border:0.02rem dashed rgba(254,232,184,0.3);border-radius:0.16rem}
.my-prize-wrapper .disabled:before{border:0.02rem dashed rgb(255 255 255)}
.my-prize-wrapper .prize-info .img-wrapper{width:1.6rem;height:1.6rem;border-radius:0.08rem;overflow:hidden;background:#fee8b8}
.my-prize-wrapper .disabled .img-wrapper{background:unset !important}
.my-prize-wrapper .disabled .img-wrapper img{height:unset !important}
.my-prize-wrapper .prize-info .img-wrapper img{width:100%;object-fit:cover;height:100%}
.my-prize-wrapper .prize-info .name{color:#fee8b8;font-size:0.32rem;font-weight:bold;line-height:0.8rem}
.my-prize-wrapper .disabled .name{color:#333 !important}
.my-prize-wrapper .disabled .btn{color:#8e4734 !important}
.my-prize-wrapper .prize-info .btn{width:70%;height:0.88rem;margin-top:0.4rem;line-height:0.88rem;font-weight:bold;background:#fee8b8;color:#ea324a;text-align:center;border-radius:0.88rem;position:relative;z-index:1;}
.code-continue .emblem-wrapper{position:absolute;bottom:0.08rem;right:0.08rem;color:#999}
.code-continue .emblem-wrapper .content{position:relative;transform:rotate(-45deg);padding:0 !important;background:none !important}
.code-continue .emblem-wrapper .content .iconfont{font-size:0.8rem}
.code-continue .emblem-wrapper .content .text{font-size:0.2rem;position:absolute;top:0.2rem;left:0;line-height:0.4rem;text-align:center;width:100%}
.subscription-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;display:none}
.subscription-modal .body{width:80%;height:auto;background:#fff;border-radius:0.16rem;margin:auto;font-size:0.28rem;margin-top:50%}
.subscription-modal .title{padding-top:0.4rem;font-weight:600;text-align:center;margin-bottom:.16rem;color:#1c2534;font-size:.36rem}
.subscription-modal .content{color:#666;text-align:center;font-size:0.3rem;padding:0 0.48rem;line-height:1.6}
.subscription-modal .footer{display:flex;align-items:stretch;border-top:0.01rem solid #eee;font-size:.32rem;line-height:.48rem;justify-content:space-around;height:auto}
.subscription-modal .footer .btn{padding:.2rem;flex:1;text-align:center;cursor:pointer;height:auto}
.subscription-modal .cancel{color:#1c2534}
.subscription-modal .active{color:rgb(10,108,255);border-left:0.01rem solid #eee;position:relative}
#subscribe-btn{position:absolute;top:0;left:0;width:100%;height:100%}
.prize-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999}
.prize-modal .prize_bg1{width:6rem;position:relative;top:calc(50% - 5rem);left:calc(50% - 3rem);font-size:0}
.prize-modal .money{width:4.8rem;position:absolute;top:2rem;left:0.6rem;text-align:center;color:#32312c}
.prize-modal .money .title{font-weight:600;font-size:0.36rem;line-height:0.4rem;margin:0.2rem 0}
.prize-modal .money .code{font-weight:600;font-size:0.4rem;color:#ac1a12;margin-top:1.1rem}
.prize-modal .money .date{font-size:0.26rem;line-height:0.4rem;margin-top:0.6rem}
.prize-modal .code-btn{width:5rem;height:0.88rem;line-height:0.88rem;background:linear-gradient(90deg,#faf9ee 1%,#fcc58e 100%);color:#ac1a12;font-size:0.30rem;font-weight:bold;text-align:center;border-radius:0.8rem;position:absolute;bottom:0.8rem;left:0.5rem;cursor:pointer;text-decoration:none}
.prize-modal .close-wrapper{position:absolute;left:50%;margin-left:-0.26rem;bottom:-1rem;cursor:pointer}
.prize-modal .close-wrapper .iconfont{font-size:0.52rem;color:#fff}
.logo-wrapper-full{margin-top:0;padding:0;margin-bottom:0.32rem;width:100vw;margin-left:-0.32rem;max-width:7.5rem}
.logo-wrapper-width{padding:0;margin-bottom:0.32rem;width:100vw;margin-left:-0.32rem;max-width:7.5rem}
#audio-btn{width:0.6rem;height:0.6rem}
.rotate{width:0.6rem;height:0.6rem;background-size:100%;background-image:url(/images/music_off.png);animation:music 2s linear infinite}
.off{background:url("/images/music_off.png") no-repeat center/30px}
@-webkit-keyframes music{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@-moz-keyframes music{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@-o-keyframes music{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}.prize-tips-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:none;justify-content:center;align-items:flex-end}
.prize-tips-modal .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55)}
.prize-tips-modal .tips-content{position:relative;width:100%;max-width:7.5rem;background:#fff;padding:0.32rem 0.32rem 1rem;border-top-left-radius:0.24rem;border-top-right-radius:0.24rem;overflow:hidden;bottom:0;font-size:0.28rem;display:flex;justify-content:center}
.prize-tips-modal .tips-content .luck-prize-wrapper{margin-top:0}
.prize-tips-modal .tips-content .my-prize-wrapper{width:100%}
.main #marquee{
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.24rem;
}
.main #marquee + .head-tools-wrapper{
    top: 0.6rem !important;
}
.record-item .more{font-size: 0.26rem;color: #999;line-height: 0.4rem;text-align: center;margin: 0.32rem 0;cursor: pointer;-webkit-tap-highlight-color: transparent;display: none}