*{margin: 0;padding: 0;}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0);font-family: PingFang-SC-Regular,Helvetica,sans-serif;}
ul,li{list-style:none}
a{display: block;text-decoration: none;}
input,textarea{outline: none;resize: none;}
[v-cloak]{display: none !important;}
.Shell{height: 100vh;position: relative;z-index: 1;}
.ce-show{display: flex;flex-direction: column;background: #FFFFFF;position: relative;height: 100%;}
.ce-show .stateBar{height: .44rem;padding: 0rem .1rem;display: flex;align-items: center;flex-shrink: 0;}
.ce-show .stateBar img{width: 100%;}
.ce-show .back{height: .44rem;background-color: white;display: flex;align-items: center;justify-content: center;position: sticky;flex-shrink: 0;top: 0;z-index: 2;}
.ce-show .back.android{margin-top: .3rem}
.ce-show .back img{height: .22rem;width: .22rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: .1rem;}
.ce-show .back span{font-size: .18rem;font-weight: bold;color: #313233;}
.ce-show .preview{height: .32rem;background: #FFECDE;line-height: .32rem;font-size: .12rem;font-weight: 500;color: #FF3333;padding-left: .13rem;position: sticky;z-index: 2;}
.ce-show .bottom{height: .7rem;display: flex;justify-content: center;gap: .12rem;padding: .1rem .15rem 0rem;flex-shrink: 0;position: fixed;box-sizing: border-box;bottom: 0rem;width: 100%;}
.ce-show .bottom.panBtn{background-color: #FFDEDB;}
.ce-show .bottom.panBtn::before{content: '';position: absolute;top: -.2rem;left: 0rem;width: 100%;height: .2rem;background: linear-gradient(to top,#FFDEDB 0% ,transparent 100%);}
.ce-show .bottom.panBtn.none::before{display: none;}
.ce-show .bottom.gridBtn{background-color: #E74435;}
.ce-show .bottom .left{width: 1.38rem;height: .4rem;background: url(../images/btnBg.png) no-repeat;background-size: contain;font-size: .14rem;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.ce-show .bottom .right{width: 1.95rem;height: .4rem;border: .01rem solid #FC4C4A;background: linear-gradient(90deg, #FFFFFF 0%, #FFEAE5 100%);border-radius: .2rem;display: flex;align-items: center;justify-content: center;flex: 1;box-sizing: border-box;}
.ce-show .bottom .right img{width: .22rem;height: .22rem;margin-right: .08rem;}
.ce-show .bottom .right span{font-size: .14rem;font-weight: bold;color: #FF1736;}
.ce-show .bottom .bar{background: url(../images/btnBg2.png) no-repeat;background-size: contain;height: .4rem;text-align: center;margin: 0rem .18rem;font-size: .14rem;font-weight: bold;color: #FFFFFF;line-height: .4rem;width: 3.38rem;}
.ce-show .pan,.ce-show .grid{flex: 1;}
.ce-show .pan{background-color: #FFDEDB;position: relative;padding-bottom: .8rem;}
.ce-show .background{position: absolute;top: 0;left: 0;width: 100%;}
.ce-show .background img{width: 100%;}
.ce-show .pan .background::before{content: '';position: absolute;bottom: 0rem;left: 0rem;width: 100%;height: 2.2rem;background: linear-gradient(to top,#FFDEDB 65% ,transparent 100%);}
.ce-show .pan .wheel{margin: auto;margin-top: 100px;}
.ce-show .pan .background.none::before{display: none;}
.ce-show .swiper{position: relative;height: .48rem;display: flex;align-items: center;}
.ce-show .swiper .linerLeft{-webkit-mask: -webkit-gradient(linear, 0% center , 10% center, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));width: 100%;height: 100%;}
.ce-show .swiper .linerRight{-webkit-mask: -webkit-gradient(linear, 100% center , 80% center , from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));height: 100%;display: flex;}
.ce-show .swiper ul{display: flex;align-items: center;gap: .05rem;box-sizing: border-box;animation: marquee 20s infinite linear;}
.ce-show .swiper .stop{transition: none;}
.ce-show .swiper ul .item{display: flex;min-width: 1.92rem;height: .3rem;background: rgba(0,0,0,.6);border-radius: .14rem;align-items: center;box-sizing: border-box;padding-left: .03rem;flex-shrink: 0;padding-right: .24rem;box-sizing: border-box;}
.ce-show .swiper ul .item .photo{width: .24rem;height: .24rem;background: #FFD2B4;border: .01rem solid #FFD2B4;border-radius: .12rem;margin-right: .05rem;overflow: hidden;display: flex;}
.ce-show .swiper ul .item .photo img{width: 100%;height: 100%;object-fit: cover;}
.ce-show .swiper ul .item .tip{display: flex;align-items: center;font-size: .12rem;font-weight: 500;color: #FFFFFF;}
.ce-show .swiper ul .item .tip .user{max-width: .8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ce-show .swiper ul .item .tip .gift{color: #FFF3B4;}
.ce-show .swiper .explain{display: flex;align-items: center;justify-content: center;width: .5rem;height: .3rem;background: rgba(255,255,255);border-radius: .14rem 0rem 0rem .14rem;font-size: .14rem;font-weight: bold;color: #DA3323;flex-shrink: 0;}
.ce-show .swiper .music{width: .33rem;height: .33rem;flex-shrink: 0;position: relative;margin:0rem .1rem;}
.ce-show .swiper .music div{width: 100%;height: 100%;background: rgba(0,0,0,.6);position: relative;z-index: 1;border-radius: .16rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.ce-show .swiper .music img{width: .18rem;height: .18rem;}
.ce-show .pan .title{font-weight: bold;color: #FFFFFF;font-size: .48rem;text-align: center;position: relative;}
.ce-show .pan .chance{text-align: center;font-size: .16rem;font-weight: bold;color: #FFFFFF;position: relative;}
.ce-show .pan .chance .times{font-size: .2rem;font-weight: 800;font-style: italic;color: #FFFFFF;text-shadow: 0rem .04rem .04rem #DB0003;-webkit-text-stroke: .01rem #FFEDC7;}
.ce-show .pan .startTime,.ce-show .grid .startTime{position: relative;color: white;font-size: .12rem;text-align: center;margin-top: .14rem;}
.ce-show .pan .people{font-size: .12rem;font-weight: 500;color: #FFFFFF;text-align: center;margin-top: .05rem;position: relative;}
.ce-show .activity{width: calc(100% - .24rem);border-radius: .1rem;background: linear-gradient(to top,#FFF2DD 0% , #FFD1D3 100%);display: flex;align-items: center;justify-content: center;position: relative;padding: .04rem;box-sizing: border-box;margin: .12rem .12rem 0rem;}
.ce-show .activity .content{background-color: white;border-radius: .1rem;padding: .16rem 0rem .25rem 0rem;width: 100%;}
.ce-show .activity .content .text{font-size: .18rem;font-weight: bold;color: #FF1736;display: flex;align-items: center;justify-content: center;}
.ce-show .activity .content .text::before,.ce-show .activity .content .text::after{content: '';width: .14rem;height: .1rem;background: url(../images/circle.png);background-size: contain;margin: 0rem .09rem;}
.ce-show .activity .content .text::after{transform: rotateY(180deg);}
.ce-show .activity .content ul{margin-top: .18rem;padding:0rem .2rem;display: flex;flex-direction: column;gap: .12rem;}
.ce-show .activity .content li,.ac-explain li,.ac-organizer li{display: flex;font-size: .13rem;font-weight: 500;color: #45464D;word-break: break-all;line-height: .18rem;}
.ce-show .activity .content li::before,.ac-explain li::before,.ac-organizer li::before{content: '';width: .03rem;height: .03rem;background: #FD2745;border-radius: 50%;margin-right: .07rem;flex-shrink: 0;margin-top: .04rem;}
.ce-show .activity .content .blank::before,.ac-explain .blank::before,.ac-organizer .blank::before{display: none;}
.ce-show .activity .content li div,.ac-explain li div,.ac-organizer li div{margin-right: .08rem;flex-shrink: 0;}
.ce-show .activity .content li .time,.ac-explain li .time,.ac-organizer li .time{font-weight: bold;}
.ce-show .grid{position: relative;background-color: #E74435;padding-bottom: .8rem;}
.ce-show .grid .gridWheel{width: 3.51rem;height: 4.35rem;margin: auto;background: url(../images/gridBox.png) no-repeat;background-size: 100% 100%;position: relative;margin-top: 1.3rem;display: flex;flex-direction: column;align-items: center;}
.ce-show .grid .gridWheel .congratulation{padding-top: .5rem;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.ce-show .grid .gridWheel .congratulation .tip{width: 1.05rem;height: .25rem;}
.ce-show .grid .gridWheel .congratulation .warn{display:flex;align-items: center;font-size: .26rem;font-weight: 800;color: #FFEA03;justify-content: center;}
.ce-show .grid .gridWheel .congratulation .warn img{height: .24rem;}
.ce-show .grid .gridWheel .notimes,.ce-show .grid .gridWheel .endAct{font-size: .16rem;font-weight: bold;color: #FFFFFF;text-align: center;padding-top: .56rem;line-height: .23rem;}
.ce-show .grid .gridWheel #grid{margin-top: .10rem;} 
.ce-show .grid .gridWheel .willDo{color: white;font-weight: bold;font-size: .16rem;padding-top: .56rem;text-align: center;line-height: .23rem;}
.ce-show .grid .gridWheel .willDo span{color: #FFFE00;}
.ce-show .grid .joinPeople{font-size: .12rem;font-weight: 500;color: #FFFFFF;text-align: center;margin-top: .08rem;}
.ce-show .grid .activity{background: white;}
.ce-show .grid .activity .content{border: .01rem dashed #CAA387;}
.bottomPop{position: fixed;top: 0rem;left: 0rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 4;}
.actExplain,.myPrize{max-height: 5.8rem;background: #FFFFFF;position: absolute;bottom: 0rem;width: 100%;background: linear-gradient(90deg, #F9E5DD 0%, #FFF0DD 100%);border-radius: .25rem .25rem 0rem 0rem;overflow: hidden;display: flex;flex-direction: column;transition: all .3s;}
.a-close{width: .2rem;height: .2rem;position: absolute;top: .15rem;right: .15rem;}
.a-content,.m-content{width: 100%;background: linear-gradient(to top, white 70%, transparent 100%);box-sizing: border-box;overflow-x: auto;flex: 1;padding-bottom: .3rem;}
.ac-title{font-size: .18rem;font-weight: bold;color: #FF1736;display: flex;align-items: center;justify-content: center;padding-top: .24rem;padding-bottom: .05rem;}
.ac-title::before,.ac-title::after{content: '';background: url(../images/circle.png);width: .14rem;height: .1rem;background-size: contain;margin: 0rem .09rem;}
.ac-title::after{transform: rotateY(180deg);}
.ac-explain,.ac-organizer{display: flex;align-items: baseline;flex-wrap: wrap;flex-direction: column;padding-left: .25rem;padding-right: .2rem;}
.ac-explain li,.ac-organizer li{display: flex;margin-top: .19rem;}
.ac-organizer{margin-top: .4rem;}
.aco-title{margin-bottom: .04rem;font-size: .14rem;font-weight: bold;color: #45464D;}
.m-title{font-size: .2rem;font-weight: 800;color: #000000;height: .6rem;display: flex;align-items: center;padding-left: .24rem;flex-shrink: 0;}
.m-content{padding: 0rem .15rem .3rem;}
.mc-noData{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1rem 0rem;}
.mc-noData img{width: 1.2rem;height: .9rem;}
.mc-noData span{font-size: .13rem;font-weight: 500;color: #666666;margin-top: .2rem;}
.mc-prize{display: flex;flex-direction: column;gap: .15rem;}
.mcp-entity.one,.mcp-entity.two,.mcp-entity.three{height: 1.15rem;background: #FFFFFF;box-shadow: 0rem .05rem .15rem 0rem rgba(212,51,52,0.1);border-radius: .1rem;box-sizing: border-box;align-items: center;}
.mcp-entity.one .entity,.mcp-entity.two .entity,.mcp-entity.three .entity{width: .90rem;height: .95rem;background: linear-gradient(143deg, #FF133F 0%, #AA45FF 54%, #3363FF 100%);border-radius: .06rem;}
.mcp-entity.two .entity,.mcp-entity.three .entity{background: linear-gradient(143deg, #FF3952 0%, #FFCCD4 100%);}
.mcp-entity.one .entity .level,.mcp-entity.two .entity .level,.mcp-entity.three .entity .level{font-size: .12rem;font-weight: bold;color: #FFFFFF;text-align: center;height: .17rem;}
.mcp-entity.one .entity .picture,.mcp-entity.two .entity .picture,.mcp-entity.three .entity .picture{height: .76rem;background: #FFFFFF;border-radius: .04rem;margin:0rem .02rem;display: flex;}
.mcp-entity.one .entity .picture img,.mcp-entity.two .entity .picture img,.mcp-entity.three .entity .picture img{object-fit: contain;width: 100%;height: 100%;}
.mcp-entity.one .info,.mcp-entity.two .info,.mcp-entity.three .info{display: flex;flex-direction: column;justify-content: flex-start;height: 100%;flex: 1;}
.mcp-entity .btn{width: .68rem;height: .28rem;background: rgba(0,0,0,0);border: .01rem solid #FF3333;border-radius: .14rem;font-size: .12rem;font-weight: 500;color: #FF3333;display: flex;align-items: center;justify-content: center;margin-left: .13rem;flex-shrink: 0;}
.mcp-entity{height: .95rem;background: #FFF5F5;border-radius: .1rem;padding: .1rem;box-sizing: border-box;display: flex;align-items: center;}
.mcp-entity .entity{width: .88rem;height: 100%;flex-shrink: 0;}
.mcp-entity .entity .picture{width: .86rem;height: 100%;display: flex;}
.mcp-entity .entity .picture img{width: 100%;height: 100%;object-fit: contain;}
.mcp-entity .info{margin-left: .13rem;flex: 1;}
.mcp-entity .info .title{font-size: .16rem;font-weight: 800;color: #000000;padding-top: .04rem;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;}
.mcp-entity .info .desc{font-size: .11rem;font-weight: 500;color: #808080;padding-top: .05rem;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;padding-right: .2rem;}
.mcp-entity .info .state{font-size: .12rem;font-weight: bold;color: #FF3333;margin-top: .09rem;display: flex;align-items: center;justify-content: space-between;}
.mcp-entity.one .info .state,.mcp-entity.two .info .state,.mcp-entity.three .info .state{margin-top: .15rem;}
.mcp-entity.used .btn{background: #CACBCC;border-radius: .14rem;border: 0;color: white;margin-bottom: 0;}
.mcp-entity.used .info .state{color: #8A8D99;}
.mcp-entity.invalid{background-color: #F5F7FA;box-shadow: none;}
.mcp-entity.invalid .info .title,.mcp-entity.invalid .info .desc,.mcp-entity.invalid .info .state{color: #AAABB3;}
.mcp-entity.invalid .entity{background: #CACBCC;}
.mcp-entity.invalid .entity .picture{background-color: #5C6066;opacity: .4;}
.mcp-entity.invalid .btn{display: none;}
.mcp-money{height: .9rem;background: url(../images/redEnvelope1.png) no-repeat;background-size: 100% 100%;padding: .05rem .1rem .05rem 0rem;box-sizing: border-box;display: flex;align-items: center;}
.mcp-money .money{width: 30%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: .26rem;font-weight: bold;color: #FF3333;font-family: 'coregtd6';}
.mcp-money .money::before{content: '\ffe5';font-size: .15rem;margin-top: .09rem;flex-shrink: 0;margin-top: .09;}
.mcp-money .info{flex: 1;padding-left: .16rem;}
.mcp-money .info .title{font-size: .16rem;font-weight: 800;color: #FFFFFF;margin-bottom: .07rem;}
.mcp-money .info .time{font-size: .11rem;font-weight: 500;color: #FFE5EA;}
.mcp-money .btn{width: .68rem;height: .3rem;background: linear-gradient(-90deg, #FFE6B0 0%, #FFF9E9 100%);box-shadow: 0rem .05rem .1rem 0rem rgba(217,0,3,0.1);border-radius: .15rem;font-size: .14rem;font-weight: bold;color: #F52222;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.mcp-money.used .btn{background: rgba(255,255,255,.3);color: white;font-weight: 500;}
.mcp-money.invalid{background: url(../images/redEnvelope2.png) no-repeat;background-size: 100% 100%;}
.mcp-money.invalid .money{color: #AAABB3;}
.mcp-money.invalid .info .title,.mcp-money.invalid .info .time{color: white;}
.mcp-money.used .info .time .end,.mcp-money.invalid .info .time .end{display: none;}
.mcp-money.invalid .btn{display: none;}
.mcp-coupon{height: .85rem;border-radius: .1rem;display: flex;align-items: center;padding-right: .1rem;}
.mcp-coupon.shop{background-color: #FFF5F5;}
.mcp-coupon.waimai,.mcp-coupon.jifen{background-color: #FFF8ED;}
.mcp-coupon.invalid{background-color: #F5F7FA;}
.mcp-coupon .couponType{width: 1rem;height: 100%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border-right:.01rem dashed rgba(223, 194, 198, .6);flex-direction: column;flex-shrink: 0;}
.mcp-coupon.shop .couponType{color: #FF3333;}
.mcp-coupon.waimai .couponType,.mcp-coupon.jifen .couponType{color: #FF9500;}
.mcp-coupon .couponType .amount{font-size: .26rem;font-weight: bold;display: flex;align-items: baseline;font-family: 'coregtd6';}
.mcp-coupon .couponType .amount.money::before{content: '\ffe5';font-size: .15rem;}
.mcp-coupon .couponType .amount.discount::after{content: '\6298';font-size: .15rem;}
.mcp-coupon .couponType .amount.points::before{content: '';width: .18rem;height: .18rem;background: url(../images/coin.png) no-repeat;background-size: 100%;}
.mcp-coupon.invalid .couponType .amount.points::before{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.mcp-coupon .couponType .limit{font-size: .12rem;font-weight: 500;}
.mcp-coupon .info{flex: 1;margin-left: .13rem;}
.mcp-coupon.invalid .info .title,.mcp-coupon.invalid .info .desc,.mcp-coupon.invalid .couponType{color: #AAABB3;}
.mcp-coupon .info .title{font-size: .16rem;font-weight: 800;}
.mcp-coupon .info .desc{font-size: .11rem;font-weight: 500;color: #808080;margin-top: .04rem;}
.mcp-coupon .btn{width: .63rem;height: .28rem;background: rgba(0,0,0,0);border: .01rem solid;border-radius: .14rem;font-size: .12rem;font-weight: 500;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.mcp-coupon.shop .btn{border-color:#FF3333;color: #FF3333;}
.mcp-coupon.waimai .btn,.mcp-coupon.jifen .btn{color:#FF9500;border-color:#FF9500;}
.mcp-coupon.used .btn{background-color: #CACBCC;border: 0rem;color: white;}
.mcp-coupon.invalid .btn{display: none;}
.mcp-tip{font-size: .12rem;font-weight: 500;color: #B3B3B3;text-align: center;}
.bindwx{position: absolute;bottom: 0;left: 0;width: 100%;height: 3.1rem;background-color: white;border-radius: .25rem .25rem 0rem 0rem;box-sizing: border-box;padding: .23rem .15rem 0px;transition:all .3s}
.b-title{font-size: .16rem;font-weight: 800;color: #000000;text-align: center;line-height: 100%;}
.b-tip{font-size: .14rem;font-weight: 500;color: #666666;line-height: .2rem;margin-top: .3rem;}
.b-link{position: relative;margin-top: .4rem;}
.b-link input{width: 100%;height: .45rem;border-radius: .08rem;background-color: #F5F7FA;display: flex;align-items: center;padding-left: .13rem;box-sizing: border-box;font-size: .13rem;color: #666666;outline: none;border: 0;}
.b-link div{width: .75rem;height: .45rem;background: #FFFFFF;border: .01rem solid #FF3333;border-radius: .08rem;display: flex;align-items: center;justify-content: center;font-size: .13rem;font-weight: bold;color: #FF3333;box-sizing: border-box;position: absolute;top: 0;right: 0;}
.tipPop{position: fixed;top: 28%;width: 100%;text-align: center;padding: 0rem .2rem;box-sizing: border-box;display: none;z-index: 9;pointer-events: none;}
.tipPop div{min-width: 1.2rem;min-height: .5rem;background: #141414;opacity: 0.98;border-radius: .1rem;font-size: .13rem;font-weight: 500;color: #FFFFFF;display: inline-flex;align-items: center;justify-content: center;padding: 0rem .2rem;box-sizing: border-box;}
.prizePop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;z-index: -1;}
.popCon{display: inline-flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 1rem;transition: all .2s;}
.p-end,.p-code,.p-entity,.p-coupon,.p-points{background: url(../images/popBg.png) no-repeat white;background-size: 100%;}
.p-code{height: 1.8rem;border-radius: .15rem;display: flex;flex-direction: column;align-items: center;width: 3.2rem;}
.pc-title{font-size: .16rem;font-weight: 800;color: #212121;height: .58rem;line-height: .58rem;}
.pc-input{width: 2.8rem;height: .45rem;background: #F7F9FC;border: .01rem solid transparent;box-shadow: 0rem .01rem .05rem 0rem rgba(0,17,51,0.04) inset;border-radius: .05rem;box-sizing: border-box;margin-bottom: .2rem;padding-left: .11rem;display: flex;}
.pc-input input{width: 100%;height: 100%;outline: none;border: 0;background: transparent;font-size: .15rem;}
.pc-input:focus{border:.01rem solid #FFA085}
.pc-input::placeholder{font-size: .15rem;font-weight: 500;color: #333333;opacity: 0.4;}
.pc-btn{width: 2.5rem;height: .4rem;background: linear-gradient(90deg, #FF7B0D 0%, #FF4228 100%);border-radius:.2rem;font-size: .15rem;font-weight: bold;color: #FFFFFF;text-align: center;line-height: .4rem;}
.p-code.loading .pc-btn{opacity: .6;}
.p-close{margin-top: .12rem;display: flex;}
.p-close img{width: .4rem;height: .4rem;}
.p-end{width: 2.8rem;border-radius: .15rem;padding-top: .2rem;box-sizing: border-box;margin-bottom: 1.18rem;}
.pe-title{font-size: .16rem;font-weight: 800;color: #212121;text-align: center;}
.pe-tip{font-size: .13rem;font-weight: 500;color: #666666;text-align: center;margin-top: .14rem;}
.pe-btn{height: .5rem;line-height: .5rem;text-align: center;box-sizing: border-box;border-top: .01rem solid #EDEDED;font-size: .15rem;font-weight: bold;color: #FF3333;margin-top: .25rem;}
.p-entity{border-radius: .2rem;width: 2.8rem;display: flex;flex-direction: column;align-items: center;padding-top: .25rem;box-sizing: border-box;}
.pn-title{font-size: .22rem;font-weight: 800;}
.pn-title span{color: #FF4800;}
.pn-prize{width: 1.8rem;height: 1.35rem;background: #FFFFFF;border-radius: .06rem;margin-top: .18rem;}
.pn-prize img{width: 100%;height: 100%;object-fit: contain;}
.pn-name{font-size: .16rem;font-weight: 800;margin-top: .11rem;}
.pn-btn{margin-top: .20rem;}
.pn-btn .level{width: 1.8rem;height: .44rem;background: linear-gradient(90deg, #FF7B0D 0%, #FF4228 100%);box-shadow: 0rem .02rem .06rem 0rem rgba(255,69,39,0.47);border-radius: .22rem;font-size: .16rem;font-weight: bold;color: #FFFFFF;text-align: center;line-height: .44rem;}
.pn-btn .other{display: flex;gap: .12rem;}
.pn-btn .other .end,.pob-use,.ppb-use{width: .9rem;height: .44rem;border: .01rem solid transparent;background-image:linear-gradient(to right, #fff, #fff), linear-gradient(to right, #FF4327, #FF790D);border-radius: .22rem;box-sizing: border-box; background-clip: padding-box, border-box;background-origin: padding-box, border-box;font-size: .15rem;font-weight: bold;color: #FF3333;display: flex;align-items: center;justify-content: center;}
.pn-btn .other .again,.ppb-again,.pob-again{width: 1.3rem;height: .44rem;background: linear-gradient(90deg, #FF7B0D 0%, #FF4228 100%);box-shadow: 0rem .02rem .06rem 0rem rgba(255,69,39,0.47);border-radius: .22rem;font-size: .15rem;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.pn-tip{font-size: .11rem;font-weight: 500;color: #808080;height: .45rem;line-height: .45rem;}
.p-cash{width: 3.45rem;display: flex;flex-direction: column;align-items: center;}
.pa-title{font-size: .24rem;font-weight: 800;color: #FFF2CC;padding-left: .18rem;}
.pa-title span{-webkit-text-stroke: .01rem #FFB46C;text-stroke: .01rem #FFB46C;color: #FF4800;margin-left: .05rem;}
.pc-envelope{width: 100%;height: 3.30rem;background: url(../images/redEnvelope3.png) no-repeat;background-size: contain;margin-top: .05rem;display: flex;align-items: center;flex-direction: column;}
.pce-title{font-size: .12rem;font-weight: 500;color: #E76546;text-align: center;padding: .09rem 0rem;}
.pce-money{font-size: .42rem;font-weight: bold;color: #FF2626;display: flex;align-items: center;justify-content: center;margin-top: .15rem;}
.pce-money span{font-size: .2rem;color: black;margin-top: .13rem;}
.pce-text{font-size: .12rem;font-weight: 500;color: #808080;text-align: center;}
.pce-btn{width: 1.8rem;height: .44rem;background: linear-gradient(90deg, #F7CC9A 0%, #F7E5CC 100%);box-shadow: 0rem .04rem .07rem 0rem rgba(194,69,25,0.3);border-radius: .22rem;font-size: .16rem;font-weight: bold;color: #9E1818;text-align: center;line-height: .44rem;margin-top: 1.18rem;}
.pce-tip{font-size: .11rem;font-weight: 500;color: #FFFFFF;opacity: 0.7;margin-top: .14rem;}
.p-coupon{width: 2.8rem;height: 3.1rem;border-radius: .2rem;display: flex;flex-direction: column;align-items: center;}
.po-title{font-size: .22rem;font-weight: 800;color: #000000;height: .85rem;display: flex;align-items: center;justify-content: center;}
.po-title span{color: #FF4800;}
.po-coupon{width: 2.46rem;height: .85rem;background: #FFF2F2;border: .01rem solid #FFDCDC;border-radius: .1rem;box-sizing: border-box;display: flex;align-items: center;}
.poc-amount{width: .85rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-right: .01rem dashed #FFDCDC;height: 100%;}
.poc-amount .amount{font-size: .26rem;font-weight: bold;color: #FF3333;display: flex;align-items: baseline;}
.poc-amount .amount.money::before{content: '\ffe5';font-size: .15rem;}
.poc-amount .amount.discount::after{content: '\6298';font-size: .15rem;}
.poc-amount .limit{font-size: .12rem;font-weight: 500;color: #FF3333;}
.poc-info{margin-left: .13rem;}
.poc-info .title{font-size: .16rem;font-weight: bold;color: #000000;}
.poc-info .desc{font-size: .11rem;font-weight: 500;color: #808080;margin-top: .05rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.po-btn,.pp-btn{display: flex;gap: .12rem;margin-top: .5rem;}
.po-tip{font-size: .11rem;font-weight: 500;color: #808080;height: .45rem;line-height: .45rem;}
.p-points{border-radius: .2rem;width: 2.8rem;display: flex;flex-direction: column;align-items: center;padding-bottom: .4rem;}
.pp-title{height: .75rem;text-align: center;line-height: .75rem;font-size: .22rem;font-weight: 800;color: #000000;}
.pp-title span{color: #FF4800;}
.pp-points{width: .9rem;height: .6rem;position: relative;display: flex;}
.pp-points img{width: 100%;height: 100%;}
.pp-points div{width: .65rem;height: .2rem;background: #FFE9D7;border-radius: .1rem .1rem .1rem .01rem;font-size: .12rem;font-weight: bold;color: #FF3333;display: flex;align-items: center;justify-content: center;position: absolute;top: 0rem;right: -.38rem;}
.pp-tip{font-size: .13rem;font-weight: 500;color: #808080;text-align: center;line-height: .22rem;margin-top: .2rem;}
.pp-btn{margin-top: .26rem;}
.p-lose{width: 2.8rem;height: 3rem;border-radius: .2rem;padding: .03rem;background: linear-gradient(to bottom, #CCCCCC, #FFFFFF);position: relative;}
.p-box{background: linear-gradient(0deg, #E6E6E6 0%, #FFFFFF 100%);width: 100%;height: 100%;border-radius: .2rem;display: flex;flex-direction: column;align-items: center;padding-top: .46rem;box-sizing: border-box;}
.p-pic{position: absolute;top: -.32rem;left: 50%;transform: translateX(-50%);width: 1.9rem;height: .6rem;}
.pb-pic{width: .55rem;height: .55rem;}
.pb-title{font-size: .2rem;font-weight: 800;color: #000000;margin-top: .1rem;}
.pb-tip{font-size: .13rem;font-weight: 500;color: #666666;margin-top: .15rem;}
.pb-btn{width: 1.8rem;height: .44rem;background: linear-gradient(90deg, #FF7B0D 0%, #FF4228 100%);box-shadow: 0rem .02rem .06rem 0rem rgba(255,69,39,0.47);border-radius: .22rem;font-size: .15rem;font-weight: bold;color: #FFFFFF;text-align: center;line-height: .44rem;margin-top: .44rem;}
.p-withdraw{width: 2.8rem;background: #FFFFFF;border-radius: .15rem;}
.pw-title{display: flex;align-items: center;padding-top: .25rem;justify-content: center;}
.pw-title span{font-size: .17rem;font-weight: 800;color: #000000;}
.pw-title img{width: .24rem;height: .24rem;margin-right: .06rem;}
.pw-tip{font-size: .13rem;font-weight: 500;color: #666666;text-align: center;margin-top: .08rem;padding: 0rem .1rem;word-break: break-all;}
.pw-btn{height: .5rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border-top: .01rem solid #EDEDED;font-size: .15rem;font-weight: bold;color: #256CFA;margin-top: .3rem;}
/* 详情页 */
.entityDetail{background: url(../images/detailBg.png) no-repeat #FFECE3;background-size: 100% auto;position: fixed;top: 0rem;right: 0rem;z-index: 5;transform: translateX(100%);transition: all .3s;width: 100%;}
.backDetail{height: .44rem;display: flex;align-items: center;}
.backDetail img{width: .24rem;height: .24rem;filter: invert(100%) sepia(93%) saturate(30%) hue-rotate(45deg) brightness(108%) contrast(109%);padding-left: .1rem;}
.infoCode{text-align: center;padding-bottom: .20rem;}
.i-title{font-size: .22rem;font-weight: bold;color: #FFFFFF;}
.i-tip{font-size: .13rem;font-weight: 500;color: #FFFFFF;opacity: 0.6;margin-top: .06rem;}
.i-code{font-size: .2rem;font-weight: normal;color: #FFFFFF;margin-top: .14rem;font-family: 'DINMittelschriftStd';}
.bottomBtn{height: .4rem;background: #FF2643;border-radius: .2rem;display: flex;align-items: center;justify-content: center;font-size: .14rem;font-weight: bold;color: #FFFFFF;flex: 1;}
.prizeInfo{background: #FFFFFF;border-radius: .1rem;margin: 0rem .15rem;padding-bottom: .15rem;}
.p-prize{width: 100%;height: 1.2rem;box-sizing: border-box;border-bottom: .01rem dashed rgba(223, 194, 198, .6);position: relative;padding: .15rem;display: flex;}
.p-prize::before,.p-prize::after{content: '';position: absolute;bottom: -.07rem;width: .07rem;height: .14rem;background: #FFE1DA;border-radius: 0rem .5rem .5rem 0rem;}
.p-prize::before{left: 0rem;}
.p-prize::after{right: 0rem;transform: rotateZ(180deg);}
.pp-picture{width: .9rem;height: .9rem;object-fit: contain;margin-right: .14rem;}
.ppi-title{font-size: .16rem;font-weight: 800;color: #000000;padding-top: .05rem;}
.ppi-tip{font-size: .12rem;font-weight: 500;color: #808080;padding-top: .09rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ppi-value{font-size: .15rem;font-weight: 800;color: #FD274F;padding-top: .15rem;font-family: PingFang SC;}
.p-code2d{width: 1.6rem;height: 1.6rem;background: #FFFFFF;border: .01rem solid #EDEDED;display: flex;align-items: center;justify-content: center;margin: .24rem auto;}
.p-code2d img{width: 1.5rem;height: 1.5rem;}
.p-info{display: flex;flex-direction: column;padding-top: .07rem;}
.p-info li{display: flex;align-items: baseline;font-size: .13rem;font-weight: 500;padding: 0rem .16rem;margin-top: .05rem;}
.p-info li div{color: #808080;margin-right: .12rem;flex-shrink: 0;}
.p-info li span{color: #292B33;line-height: .18rem;word-break: break-all;}
.popkefu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 2;}
.kefucontent{min-height: 3.3rem;background: #FFFFFF;border-radius: .25rem .25rem 0rem 0rem;position: absolute;bottom: 0rem;left: 0rem;width: 100%;box-sizing: border-box;padding-bottom: .49rem;transition: all .3s;}
.kefucontent .wxCode{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.c-title{font-size: .14rem;font-weight: bold;color: #1B1C21;padding-top: .2rem;}
.c-code{width: 1.6rem;height: 1.6rem;background: #FFFFFF;border: .01rem solid #EDEDED;display: flex;align-items: center;justify-content: center;margin-top: .34rem;}
.c-code img{width: 1.5rem;height: 1.5rem;}
.c-wx{font-size: .13rem;font-weight: 500;color: #999999;margin-top: .21rem;}
.c-wx span{color: #666666;}
.kefucontent .phone{padding: 0rem .15rem;margin-top: .45rem;}
.cp-text{font-size: .13rem;font-weight: 500;color: #999999;padding-left: .08rem;}
.cp-label{height: .7rem;background: #FFF5F1;border-radius: .1rem;margin-top: .09rem;display: flex;align-items: center;justify-content: space-between;padding: 0rem .12rem;box-sizing: border-box;}
.cpl-tip{font-size: .15rem;font-weight: bold;color: #FF1736;}
.cpl-tip span{margin-left: .05rem;color: #292B33;}
.cpl-btn{width: .7rem;height: .32rem;background: #FF2643;border-radius: .16rem;font-size: .13rem;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.entityDetail.invalid{background: #F7F8FA;}
.entityDetail.invalid .backDetail img,.entityDetail.used .backDetail img{filter: none;}
.entityDetail.invalid .i-title{color: #FD274F;}
.entityDetail.invalid .i-tip{color: rgba(0,0,0,.6);}
.entityDetail.invalid .i-code{color: black;}
.entityDetail.invalid .prizeInfo{position: relative;}
.entityDetail.invalid .prizeInfo::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(198, 200, 204, .4);}
.entityDetail.invalid .prizeInfo::after{content: '';position: absolute;top: 0rem;left: 0;width: 100%;height: 1.2rem;border-bottom: .01rem dashed rgba(207, 208, 210, .6);z-index: 2;}
.entityDetail.invalid .p-prize{border: 0;}
.entityDetail.invalid .p-prize::before,.entityDetail.invalid .p-prize::after{background:#F7F8FA;z-index: 3;}
.entityDetail.invalid .pp-picture{background-color: #EDEDED;border-radius: .05rem;}
.entityDetail.invalid .ppi-value{color: #808080;}
.entityDetail.used{background: #FFEFE8;}
.entityDetail.used .i-title{color: #FD274F;}
.entityDetail.used .i-tip,.entityDetail.used .i-code{color: black;}
.entityDetail.used .p-prize::before,.entityDetail.used .p-prize::after{background:#FFEFE8}
.entityDetail.used .operateBtn{display: flex;gap: .09rem;flex: 1;}
.entityDetail.used .operateBtn div{border-radius: .2rem;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: .14rem;}
.entityDetail.used .kefuBtn{width: 1rem;height: .4rem;background: rgba(255,38,67,0);border: .01rem solid #FF2643;color: #FF2643;flex-shrink: 0;}
.entityDetail.used .backBtn{flex: 1;height: .4rem;background: #FF2643;color: white;}
.entityDetail .operate{position: fixed;bottom: 0;background-color: #FFECE3;left: 0rem;height: .65rem;padding: 0rem .15rem;width: 100%;box-sizing: border-box;display: flex;align-items: center;z-index: 1;}
.entityDetail.used .operate{background: #FFEFE8;}
.entityDetail.invalid .operate{background: #F7F8FA;}
/* 分享 */
.sharePop,.qrCode,.wxShare{position: fixed;z-index: 13;top: 0rem;left: 0rem;width: 100%;height: 100vh;background-color: rgba(0,0,0,.5);}
.s-content,.q-content{position: absolute;bottom: 0rem;width: 100%;background-color: white;border-radius: .25rem .25rem 0rem 0rem;transition: all .2s;padding-bottom: env(safe-area-inset-bottom);}
.sc-title{height: .55rem;display: flex;align-items: center;justify-content: center;font-size:.14rem;font-weight: bold;}
.sc-way{display: flex;grid-column-gap: .2rem;padding: 0rem .2rem .28rem .2rem;overflow-x: auto;}
.sc-way::-webkit-scrollbar{display: none;}
.sc-way .item,.sc-operate .item{display: inline-flex;justify-content: center;align-items: center;flex-direction: column;}
.sc-way .item div,.sc-operate .item div{width: .48rem;height: .48rem;background-color: #F5F7FA;border-radius: .08rem;display: flex;align-items: center;justify-content: center;}
.sc-way .item img,.sc-operate .item img{width: .32rem;height: .32rem;}
.sc-way .item span,.sc-operate .item span{font-size: .12rem;color: #212121;margin-top: .08rem;}
.sc-operate{margin: 0rem .15rem;border-top: .01rem solid #EDEDED;padding: .27rem 0rem .27rem .1rem;display: flex;grid-column-gap: .2rem;}
.qc-btn{background-color: #F5F7FA;box-shadow: 0 .02rem .08rem rgba(0,0,0,0.13);line-height: .6rem;text-align: center;color: #999999;font-size: .15rem;}
.qc-img{display: flex;flex-direction: column;justify-content: center;align-items: center;color: #212121;font-size: .12rem;padding: .35rem 0rem .33rem;}
.qc-img img{width: 1.4rem;height: 1.4rem;margin-bottom: .15rem;}
.wxShare img{width: 2.69rem;height: 1.34rem;float: right;}
#bgMusic{width: 0;height: 0;opacity: 0;z-index: -1;}
@keyframes marquee{
    0%{
        transform: translateX(100vw);
    }
    100%{
        transform: translateX(calc(-100% - 100vw));
    }
}
@font-face {
    font-family: 'coregtd6';
    src: url('../fonts/coregtd6.eot'),
        url('../fonts/coregtd6.otf'),
        url('../fonts/coregtd6.ttf'),
        url('../fonts/coregtd6.woff'),
        url('../fonts/coregtd6.woff2');
}
@font-face {
    font-family: 'DINMittelschriftStd';
    src: url('../fonts/DINMittelschriftStd.eot'),
        url('../fonts/DINMittelschriftStd.otf'),
        url('../fonts/DINMittelschriftStd.ttf'),
        url('../fonts/DINMittelschriftStd.woff'),
        url('../fonts/DINMittelschriftStd.woff2');
}