*{box-sizing:border-box}
html,body{height:100%}
.main{position:relative;display:none;height:100%;width:7.5rem;margin:0 auto;padding-bottom:0.4rem;overflow-x:hidden;overflow-y:scroll}
.main #hdk-top{text-align:center}
.main #hdk-top .luck-banner{width:80%;margin:10% auto 2%}
.main #hdk-top .topTips{font-size:0.24rem;position:absolute;width:4.22rem;height:0.58rem;line-height:0.58rem;left:0.19rem;top:0.5rem;padding-left:0.5rem;color:#ffeace;background:#d12a1b;border-radius:0.29rem;opacity:0.7}
.main #hdk-top .topTips img{position:absolute;width:0.48rem;height:0.48rem;top:0.05rem;left:0.1rem;border-radius:50%}
.main #hdk-top p{position:relative;top:2rem;font-size:0.43rem;width:3rem;height:4rem;margin:0 auto;color:#fff;text-align:center}
.main #hdk-center{position:relative;width:7.5rem;height:7.4rem;background:url(/tmp_nine/img/hdk-draw-up.png?t=1) no-repeat;background-size:100%}
.main #hdk-center #prizebox{display:flex;flex-wrap:wrap;justify-content:space-evenly;position:absolute;left:50%;transform:translateX(-50%);top:2.18rem;width:5rem;height:4.5rem;padding:0.2rem}
.main #hdk-center #prizebox .pitem{width:1.36rem;height:1.36rem;margin-bottom:0.04rem;border-radius:0.1rem;text-align:center;background:url(/tmp_nine/img/prizeBG.png) no-repeat;background-size:100% 100%}
.main #hdk-center #prizebox .pitem img{display:block;height:0.78rem;margin:0.1rem auto 0}
.main #hdk-center #prizebox .pitem span{font-size:0.2rem;color:#d74a28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.main #hdk-center #prizebox .pitem.startBtn{position:relative;top:-0.02rem;text-align:center;line-height:1.12rem;background:none;box-shadow:none;color:#fff}
.main #hdk-center #prizebox .pitem.startBtn .starticon{width:100%;height:100%;margin-top:0;transform:scale(1);transition:transform 0.5s}
.main #hdk-center #prizebox .pitem.startBtn .starticon.start{transform:scale(0.6)}
.main #hdk-center #prizebox .pitem.active{background:url(/tmp_nine/img/activePrizeBG.png) no-repeat;background-size:100%}
.main .inviteBtn{width:5.1rem;height:0.84rem;line-height:0.84rem;text-align:center;color:#ea5835;background:linear-gradient(180deg,#fbef84 0%,#fbbd84 100%);border:0.05rem solid #f39942;box-shadow:0 0.04rem 0.04rem #db4e2c;border-radius:10000px;margin:-0.3rem auto 0;font-weight:600;}
.main .bond{position:absolute;bottom:-0.89rem;left:50%;transform:translateX(-50%);width:5.84rem;height:1.38rem;background:url(/tmp_nine/img/bond.png) no-repeat;background-size:100%;z-index:2}
.main #bottom{position:relative;left:0.2rem;height:9.48rem;width:7.1rem;margin-top:0.4rem;padding:0.69rem 0.21rem 0.3rem;background-color:#feefc4;background-size:100%;border-radius:0.2rem}
.main #bottom .tab{display:flex;justify-content:space-between;position:relative;width:6.68rem;height:0.76rem;padding:0.05rem;background-color:#fee1a5;border-radius:0.38rem}
.main #bottom .tab .tabitem{font-size:0.28rem;font-weight:700;flex: 1;height:0.66rem;line-height:0.66rem;text-align:center;color:#8e5923}
.main #bottom .tab .tabitem.active{border-radius:0.33rem;background-color:#fff}
.main #bottom .tabcontent{display:none;height:calc(100% - 0.8rem);overflow-y:scroll;line-height:0.48rem;}
.main #bottom .tabcontent img{max-width:100%;}
.main #bottom .tabcontent .rule{font-size:0.24rem;margin-top:0.2rem;color:#8e5923;padding:0 0.1rem;line-height:0.48rem}
.main #bottom .tabcontent .recordItem{display:flex;justify-content:space-between;width:6.67rem;height:0.9rem;line-height:0.6rem;padding:0.15rem;background:#ffffff;border-radius:0.2rem;margin:0.2rem 0}
.main #bottom .tabcontent .recordItem .profilePhoto{width:0.6rem;height:0.6rem;border-radius:50%;margin-right:0.23rem}
.main #bottom .tabcontent .recordItem .name{flex:1;font-size:0.26rem;color:#333333}
.main #bottom .tabcontent .prizeitem{display:flex;justify-content:space-between;height:1.6rem;padding:0.1rem 0.15rem;margin:0.3rem 0;background-color:#fff;border-radius:0.2rem}
.main #bottom .tabcontent .prizeitem .pLeft{width:1.41rem;height:1.41rem;margin-right:0.2rem;text-align:center;display:flex;align-items:center;justify-content:center}
.main #bottom .tabcontent .prizeitem .pLeft img{height:1.1rem}
.main #bottom .tabcontent .prizeitem .pMiddle{flex:1;font-size:0.28rem;color:#333333;padding-top:0.28rem}
.main #bottom .tabcontent .prizeitem .pMiddle span{display:block}
.main #bottom .tabcontent .prizeitem .pMiddle span:nth-child(2){font-size:0.26rem}
.main #bottom .tabcontent .prizeitem .pRight{position:relative;top:50%;transform:translateY(-50%);padding:0 0.2rem;height:0.6rem;line-height:0.6rem;text-align:center;color:#fff;background-color:#ea5835;border-radius:0.33rem;font-size:0.24rem}
.main .footer{font-size:0.24rem;margin:0.4rem 0 0;line-height:0.48rem;text-align:center}
.main .footer a{color:rgba(255,255,255,0.5)}
#popup{display:none;position:fixed;top:0;left:50%;transform:translateX(-50%);width:7.5rem;height:100%;background-color:rgba(0,0,0,0.8);z-index:10;overflow-y:scroll}
#popup .popupBody{position:absolute;top:2.25rem;width:100%;height:8.29rem;background:url(/tmp_nine/img/sunicon.png) no-repeat;background-size:100%;overflow:hidden;transform:scale(0);transform-origin:center center;transition:transform 0.5s ease-in-out}
#popup .popupBody.show{transform:scale(1)}
#popup .losingLottery,#popup .getLottery{display:none;position:relative;width:100%;height:100%}
#popup .losingLottery{background:url(/tmp_nine/img/noLotteryBG.png) no-repeat;background-size:100%}
#popup .losingLottery .content{position:absolute;top:2.1rem;left:1.5rem;width:4.6rem;height:5.3rem;padding-top:0.2rem;text-align:center}
#popup .losingLottery .content span{font-size:0.38rem;line-height:0.8rem;display:block}
#popup .losingLottery .content img{height:2.24rem;margin:0.3rem 0}
#popup .losingLottery .content .goOn{width:3.4rem;height:0.74rem;margin:0.3rem auto;line-height:0.74rem;color:#db2a0c;font-weight:700;background-color:#ffcd39;box-shadow:0 0.04rem 0.08rem #da340a,inset 0 -0.08rem 0.06rem rgba(255,153,45,0.5);border-radius:0.37rem}
#popup .getLottery{background:url(/tmp_nine/img/winingBG.png) no-repeat;background-size:100%}
#popup .getLottery .content{position:absolute;left:1.6rem;top:1.8rem;width:4.32rem;height:3.64rem;padding-top:0.77rem;text-align:center}
#popup .getLottery .content img{height:1.74rem;margin-bottom:0.15rem}
#popup .getLottery .content .gifttext{font-size:0.28rem;line-height:0.6rem;color:#714e0c}
#popup .getLottery .content .getgift{position:absolute;bottom:-1.6rem;left:50%;transform:translateX(-50%);width:3.4rem;height:0.74rem;margin:0.3rem auto;line-height:0.74rem;color:#db2a0c;background-color:#ffcd39;box-shadow:0 0.04rem 0.08rem #da340a,inset 0 -0.08rem 0.06rem rgba(255,153,45,0.5);border-radius:0.37rem}
#popup .popupClose{position:absolute;top:11rem;left:50%;transform:translateX(-50%);width:0.6rem;height:0.6rem;background:url(/tmp_nine/img/close.png) no-repeat;background-size:100%}
#marquee{width:100%;height:0.48rem;line-height:0.48rem;margin:0;background-color:rgba(0,0,0,0.7);font-size:0.24rem;color:#fff;position:fixed;z-index:1;top:0}
.details,.products_description,.enroll_description,.qrcode,.lose{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:998}
.model-box{width:260px;background:#fff;border-radius:8px;box-sizing:border-box;position:fixed;top:50%;margin-top:-150px;left:50%;margin-left:-130px}
.model-box img{width:100%;padding:10px;border-bottom:0.5px dashed #eee}
.model-box p{color:#666;text-align:center;font-size:14px;margin:10px}
.model-close{font-size:34px;text-align:center;color:#fff;width:34px;height:34px;border-radius:50%;position:absolute;bottom:0;left:50%;margin-left:-20px;margin-bottom:-100px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:url("/tmp_nine/img/close.png");background-size:100%}
.enroll_description_rule{text-align:center;position:relative;width:380px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);border-radius:10px}
.disappear{position:absolute;bottom:-160px;left:50%;margin-left:-18px}
.information{width:80%;position:relative;background:#fceee4;margin:-80px auto 0;border-radius:10px;border:1px solid #fceee4;padding-bottom:15px;font-size:0;padding-top:30px}
.header{width:100%;position:absolute;top:-80px}
.input-block{display:flex;align-items:center;margin:12px auto;padding:0 10px;width:84%;height:46px;background-color:#f6f6f6;-webkit-box-sizing:border-box;z-index:1;position:relative;border-radius:5px;border:1px solid #eaeaea;}
.input-block>input{margin-left:5px;border:0;background:0;outline:0;font-size:14px;width:100%;}
.bg{position:absolute;left:5%;bottom:-15px;height:60px;background:#a72724;border-radius:30px;width:90%;z-index:-2}
.btn_bg{width:86%;height:90px;background:#d9341b;border-radius:0 0 40px 40px;margin:0 auto;z-index:-3;position:absolute;left:7%}
.btn_bg>button{width:240px;height:42px;font-size:16px;font-weight:600;color:#da351b;background:#ecc73d;border:0;border-radius:5px;display:block;margin:30px auto 0;}
.order,.code{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;overflow-y:scroll;background:#eee}
.hide{position:absolute;top:3px;right:10px;color:#996;font-size:28px}
.skin{max-width:560px;height:100%;background:#f6f6f6;margin:0 auto}
.skin_top{width:100%;height:180px;background:#1593ff;text-align:center}
.skin_top>h2{font-size:26px;font-weight:400;color:#fff;padding-top:46px}
.skin_top>p{font-size:14px;color:#fff;margin:18px auto}
.skin_top>span{font-size:14px;color:#fff;padding:4px 14px;background:#4268a7;border-radius:25px}
.skin_center{background:#fff;text-align:center;border-top:3px dashed #1593ff;padding-bottom:15px}
#order_num{display:inline-block}
.skin_center>p{margin-top:14px;font-size:16px}
#order_val,#code_val{border:0;width:120px;font-size:14px;background:0}
.skin_center #code_num #copy{color:#1593ff;font-size:14px;margin-left:5px;}
.qrUrl{width:120px;margin:15px auto;display:list-item}
.skin_bottom,#luck-explain{margin-top:15px;background:#fff;padding:10px 20px;}
.subtitle,.luck-explain-title{width:100%;line-height:40px;font-size:16px;font-weight:bold;border-bottom:1px solid #eee}
#luck-explain>.luck-explain-content{line-height:26px;margin-top:10px;font-size:14px;}
.skin_bottom>p,#luck-explain>p{font-size:14px;line-height:40px}
#luck-explain img{max-width: 100%}
.order .btn,.code .btn{background-color:#07bb04;margin-top:15px;margin-bottom:15px;font-size:14px;}
.btn{text-align:center;width:89%;height:42px;line-height:42px;background:red;color:#fff;padding:0;margin:0 5%;border-radius:5px}
.tncode_msg_ok,.tncode_msg_error{box-sizing:initial}
#prize-explain{right:0.21rem;font-size:0.2rem;border-radius:100%;color:#fff;align-items:center;z-index:1;justify-content:center;position:absolute;width:0.8rem;height:0.8rem;background:rgb(234,88,53);top:5rem;flex-direction:column;display:none}
#prize-explain p{line-height:0.24rem}
#luck-prize-explain{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;padding:30px;display:none;opacity:0;z-index:2}
.plug-right{right:0;text-align:right!important}
.plug{position:absolute;top:25px}
.plug>div{color:#fff;font-size:14px;background:rgba(0,0,0,0.52);padding:4px 10px;border-radius:25px 0 0 25px;margin-bottom:10px}
#audio-btn{position:absolute;left:0;top:20px;z-index:1;width:50px;height:50px}
.on{background:url(/images/music.gif) no-repeat center/60px}
.rotate{position:absolute;top:10px;left:10px;width:30px;height:30px;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)}
}.no-bar::-webkit-scrollbar{display:none!important}
.hidden{display:none !important}
#activityRules{padding:0.2rem}
#bottom .not-exist-invite .tabitem{width:50% !important}
.not-exist-invite #luck-invite-warpper{height:2.3rem}
#luck-invite-warpper{position:relative;height:3.2rem}
.not-exist-invite #luck-invite-warpper img{top:-0.9rem}
#luck-invite-warpper img{width:100%;position:absolute;left:0;top:0;z-index:-1}
.not-exist-invite #luck-invite-warpper .cjtips{margin-top:-0.2rem}
#luck-invite-warpper .cjtips{text-align:center;margin-top:0.2rem;color:#ea5835}
.order{padding-bottom: calc(env(safe-area-inset-bottom) + 30px);}
#goldEgg-share{width: 90%;max-width: 675px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: center;color: #fff;position: fixed;left: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);bottom: 0.68rem;z-index: 3;column-gap: 0.32rem;}
#goldEgg-share .goldEgg-share-share {background: rgb(255, 202, 67);color: rgb(222, 59, 55);}
#goldEgg-share .goldEgg-share-subscribe {width: 38%;background: rgb(255, 145, 32);}
#goldEgg-share p {width: 57%;height: 0.88rem;line-height: 0.88rem;border-radius: 0.44rem;font-size: 0.32rem;text-align: center;}


#goldEgg-notify {color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0.3);width: 52.8%;height: 26px;margin: 0 auto 15px;border-radius: 26px;display: none;align-items: center;padding: 0 16px;position: relative;z-index: 1;overflow: hidden}
#goldEgg-notify #notify-list {flex: 1;height: 100%;position: relative}
#goldEgg-notify #notify-list #notify-list-wrapper {position: absolute;width: 100%}
#goldEgg-notify img {width: 16px;margin-right: 6px}
#goldEgg-notify #notify-list p {font-size: 12px;font-weight: normal;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}