.no-bar::-webkit-scrollbar{display:none !important}
html{background-color:#fff}
body{max-width:560px;margin:0 auto}
*{margin:0;padding:0}
a{display:block;text-decoration:none;color:#fff;font-size:14px}
li{list-style:none}
.details,.products_description,.prize,.enroll_description,.qrcode,.lose{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,0.9);z-index:998}
.enroll_description_rule{text-align:center;position:relative;width:380px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);border-radius:10px}
.btn{text-align:center;width:89%;height:42px;line-height:42px;background:red;color:#fff;padding:0;margin:0 5%;border-radius:5px}
.commodity{max-width:560px;background:#aa292a;margin:0 auto;position:relative}
.themes{height:30%;margin:0 auto;position:relative}
.log{width:100%;text-align:center}
.log > img{width:80%;margin:10% auto 0}
.rule{width:310px;height:80%;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);background:#fff;border-radius:10px}
.prize_bg1{width:280px;height:290px;position:fixed;top:50%;left:50%;font-size:small;-webkit-transform:translate(-50%,-50%)}
.time > p > span{background:#8c6038;color:#fff;padding:3px 5px;border-radius:4px}
.money{width:70%;position:absolute;top:85px;left:50%;margin-left:-35%;text-align:center}
.money > span{font-weight:600;font-size:24px;color:#c73535}
.money > p{font-size:14px;color:#ccc;line-height:26px}
.share{width:270px;height:100px;position:absolute;bottom:-50px;left:5px;background:#c74d35;text-align:center;border-radius:0 0 25px 25px}
.share > a{width:80%;line-height:42px;display:inline-block;border-radius:5px;background:#efb263;color:#c74d35;font-size:14px;font-weight:700}
.share > p{color:#efb263;font-size:13px;line-height:50px}
.rule > h1{text-align:center;line-height:50px;color:#000;font-size:26px}
.content{width:92%;height:calc(100% - 15px);margin:0 auto;color:#563733;font-size:16px;line-height:28px;background:#fff;border-radius:10px;padding:0 2%;padding-top:15px;box-sizing:border-box;overflow:auto;max-height:100%}
.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{width:100%;margin-left:5px;border:0;background:0;outline:0;font-size:14px;}
.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;color:#da351b;font-size:16px;font-weight:600;background:#ecc73d;border:0;border-radius:5px;display:block;margin:30px auto 0;}
.disappear{position:absolute;bottom:-180px;left:50%;margin-left:-18px;}
.time-line{width:90%;height:60px;margin:auto;margin-bottom:15px;text-align:center;line-height:60px;background:#fff;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.time_text{font-size:14px;margin:0 3px}
.primary-bg-color{padding:0 3px;border-radius:5px;font-size:14px;background:#fa3d3e;color:#fff}
.hide{position:absolute;top:3px;right:10px;color:#996;font-size:28px}
.message{width:160px;text-align:center;line-height:30px;color:#fff;border-radius:25px 25px;margin:0 auto;font-size:14px;border:1px solid #fff}
.banner{display:block;width:100%;margin:20px auto 20px}
.turnplate{border-radius:50%;background-image:-webkit-linear-gradient(top,#c43679,#d56152);background-image:linear-gradient(180deg,#c43679,#d56152);background-size:100% 100%;display:block;position:relative;overflow:hidden;margin:0 auto;max-width:560px;max-height:560px;width:4rem;height:4rem}
.item{width:100%}
.pointer{position:absolute;width:31.5%;left:34.4%;top:30.4%}
.pointer-position{position:absolute;width:23%;height:23%;left:38.8%;top:38.4%;border-radius:50%;background-image:linear-gradient(180deg,#ffe2a4,#ffc03a)}
.pointer-text{position:absolute;width:50%;left:25%;top:23.2%}
.wrapper{overflow:hidden;margin-top:-1px;border-radius:25px;background:#c3472f;padding:0 15px}
.wrapper .scroller li{float:left;line-height:40px;font-size:12px}
.wrapper .scroller li a{color:#e7b5ab;margin:0 15px}
.wrapper .scroller li.cur{border-bottom:1px solid #fff}
.clearfix li{margin-left:0;margin-right:0}
.hdk-Players{width:95%;margin:10px auto;text-align:center}
.tab{display:none}
.wrap{max-width:560px;margin:0 auto;padding:60px 2% 10px}
.wrap > li{height:280px}
.title{font-size:medium;text-align:center;margin-bottom:30px}
.center-left{width:48%;float:left;background:#fff;display:inline-block;margin:0 1%;margin-bottom:2%}
.right{float:right}
.img{width:100%;height:200px;overflow:hidden}
.img > img{width:100%;height:100%;object-fit:cover}
.text{margin-left:4%}
.text > p{color:#e02e24;white-space:nowrap;font-size:14px;line-height:30px}
.wheel-bulb{position:absolute;width:3.11rem;height:3.11rem;left:50%;top:.066rem;margin-left:-1.555rem;border-radius:100%}
.bulb{position:absolute;top:.06rem;left:50%;margin-left:-.03rem;width:.06rem;height:.06rem;border-radius:100%;background-color:#fff;-webkit-transform-origin:50% 1.585rem;transform-origin:50% 1.87rem}
.bulb:nth-child(2n){background-color:#ffd88c;-webkit-animation:bulb0 1s infinite;animation:bulb0 1s infinite}
.bulb:nth-child(odd){background-color:rgba(255,202,93,.3);-webkit-animation:bulb1 1s infinite;animation:bulb1 1s infinite}
@-webkit-keyframes bulb0{50%{background-color:rgba(255,202,93,.3)}
}@keyframes bulb0{50%{background-color:rgba(255,202,93,.3)}
}@-webkit-keyframes bulb1{50%{background-color:#fbc356}
}@keyframes bulb1{50%{background-color:#fbc356}
}.prize_bg{max-width:560px;position:relative}
.prize_bg > img{width:86%;margin:0 auto;display:block}
.list{background:#fcefc8;width:86%;margin:0 auto;text-align:center;padding-bottom:70px;position:relative}
.list > p{line-height:60px;color:#fc453a;font-weight:600;margin:0 auto}
.bg_tottom{color:#fff;text-align:center;margin:0 auto;background:url(/basic/img/prizeBg.png);background-repeat:no-repeat;background-size:100% 100%;width:94%;z-index:1;padding:10px;box-sizing:border-box;position:relative}
.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}
.skin_center > p{margin-top:14px;font-size:16px}
.skin_center > p > span{font-size:14px;padding:3px 10px;background:#1593ff;border-radius:5px;color:#fff}
.skin_bottom{margin-top:15px;background:#fff;padding:10px 20px;}
.subtitle{width:100%;line-height:40px;font-size:16px;font-weight:bold;border-bottom:1px solid #eee}
.skin_bottom>p{font-size:14px;line-height:40px;color:#999;}
.skin_bottom>p>span{color:#333;}
.skin_bottom>p>i{margin-top:7px;float:right;height:24px;border:1px solid #ccc}
.skin_bottom>p>img{margin:3px 10px;float:right;vertical-align:middle}
.introduce{margin-top:10px;height:50px;background:#fff;display:-webkit-flex;-webkit-align-items:center;padding-left:10px}
.introduce > p{font-size:16px;-webkit-flex-grow:1}
.introduce > img{width:24px;margin-right:10px}
.skin_btn{position:absolute;bottom:10px;left:50%;margin-left:-45%;background:#07bb04}
.info_comment_center{width:90%;height:46px;margin:0 auto;display:flex;align-items:center;position:relative}
.info_comment_center > div{width:49%;float:left;margin-left:1%;color:#ff5a15;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px}
.info_comment_center .click{position:absolute;right:0;z-index:1}
.more{width:116px;line-height:30px;height:30px;background:#fc453a;color:#fff;border-radius:5px;position:absolute;left:50%;margin-left:-58px;bottom:20px}
.return{font-size:12px;width:100px;line-height:30px;background:#fff;color:#f73c3d;position:fixed;right:0;bottom:32px;border-radius:10px 0 0 10px;z-index:11}
.return > img{vertical-align:middle;width:18px}
.plug{position:absolute;top:25px}
plug-left{left:0}
.plug-right{right:0;text-align:right !important}
.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}
.plug-left > div{border-radius:0 25px 25px 0 !important}
.model-close{font-size:35px;line-height:34px;text-align:center;color:#fff;width:35px;height:35px;border:2px solid #ccc;border-radius:50%;position:absolute;bottom:0;left:50%;margin-left:-21px;margin-bottom:-100px}
#marquee{width:100%;height:24px;line-height:24px;margin:0;background-color:rgba(0,0,0,0.7);font-size:12px;color:#fff;position:fixed;z-index:9999;top:0;max-width:560px}
.prize_border{color:#ff5a15;font-size:12px;display:inline-block;border:1px solid #ff5915;border-radius:3px;width:100px;box-sizing:border-box;line-height:24px;height:24px}
.banner{margin:10px auto 20px}
.order,.code{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;overflow-y:scroll;background:#eee}
.order .btn,.code .btn{background-color:#07bb04;margin-top:15px;margin-bottom:15px}
#order_num{display:inline-block}
#copy{font-size:14px;padding:3px 10px;background:#1593ff;border-radius:5px;color:#fff;margin-left:10px;line-height:24px}
#contact{margin-top:7px;color:#878787;font-size:16px}
#order_val,#code_val{border:0;width:120px;font-size:14px;background:0}
.lose_text{margin-top:-35px;height:60px;line-height:45px;background:url(/basic/img/title.png) no-repeat;background-size:100%;color:red;font-size:18px}
.regret{width:110px;line-height:36px;font-size:18px;color:#fff;background:#ecc73d;border-radius:25px;margin:15px auto 0;padding:0 20%}
#explain{padding:15px;text-align:left}
#explain img{max-width:100%}
.qrcode .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;font-size:0}
.qrcode .model-box img{width:100%;padding:10px;border-bottom:0.5px dashed #eee;box-sizing:border-box}
.qrcode .model-box p{color:#666;text-align:center;font-size:14px;margin:10px}
#luck-explain{margin-top:15px;background:#fff;padding:10px 20px;}
#luck-explain>.luck-explain-content{line-height:26px;font-size:14px;color:#333;margin-top:10px}
.luck-explain-title{width:100%;line-height:40px;font-size:16px;font-weight:bold;border-bottom:1px solid #eee}
#luck-explain>p{font-size:13px;line-height:40px}
#luck-explain img{max-width:100%}