*{margin:0;padding:0;box-sizing:border-box}
html{height:100%;scroll-behavior:smooth}
body{height:100%;background:#fff;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none;color:#232323}
input[disabled]{color:#333333;opacity:1}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,li{list-style:none}
i{font-style:normal}
body{line-height:0.4rem;font-size:0.28rem;color:#333}
img{border:none;vertical-align:top}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline{display:inline-block;*display:inline;*zoom:1}
.load_bg,.load_load{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:60}
.httips{position:fixed;top:4rem;left:0;display:inline-block;width:100%;z-index:80;text-align:center}
.httips span{display:inline-block;line-height:30px;background:#000;font-size:0.24rem;color:#fff;border-radius:0.1rem;padding:0 0.2rem}
.httipsbg,.httipsbgajax{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:79}
.httipsbgajax{z-index:99}
.img_wid{display:block;width:100%}
.img_none{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}
.mask_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:70}
.mask_box{position:fixed;left:50%;top:4rem;width:5.4rem;margin-left:-2.7rem;background:#FFFFFF;padding:0.1rem;border-radius:0.2rem}
.mask_box .box{background:#fff;border-radius:0.2rem;padding:0.6rem 0.2rem 0.3rem}
.mask_box .title{position:absolute;left:0;top:-1rem;width:100%;height:1.56rem;overflow:hidden;background:url(../img/bg2.png) center no-repeat;background-size:auto 100%}
.mask_box .title text{color:#ff4e4e}
.mask_suc .title{background:url(../img/bg1.png) center no-repeat;background-size:auto 100%}
.mask_colse .title{background:url(../img/bg3.png) center no-repeat;background-size:auto 100%}
.mask_box .text{text-align:center;line-height:0.44rem;color:#666;word-wrap:break-word;padding-top:0.16rem}
.mask_box .text text,.mask_box .text i{color:#be0808}
.mask_box .but{line-height:0.8rem;width:3.6rem;text-align:center;border-radius:0.52rem;text-align:center;font-size:0.32rem;color:#5e2a03;background-image:linear-gradient(#ffeebc,#ffdd7b);margin:0.42rem auto 0;border-bottom:5px solid #f49d5b}
.mask_box .but_box{display:flex;justify-content:space-around}
.mask_box .but_box .but{width:2.2rem;line-height:0.7rem;border-radius:0.35rem;font-size:0.28rem}
.mask_box .close,.mask_box .over{position:absolute;right:0;top:-0.8rem;width:0.5rem;height:0.5rem;background:url(../img/cha.png) no-repeat;background-size:100% 100%;z-index:10}
.main_box{display:block;padding:0 0.3rem 0.28rem}
.rule_box{position:relative;background:#FFFFFF;border-radius:0.12rem}
.rule_title{position:absolute;left:0;top:-0.34rem;width:100%;height:1.1rem;line-height:0.9rem;text-align:center;background:url(../img/tit.png) center no-repeat;background-size:auto 100%;color:#FFFFFF;z-index:10}
.rule_text{padding:0.1rem 0.3rem 0.3rem;text-align:justify;line-height:0.4rem;font-size:0.24rem;color:#333}
.none_dongxi{display:block;width:2rem;margin:0.4rem auto 0}
.none_text{text-align:center;color:#333333;padding-top:0.1rem;padding-bottom:0.4rem}
table{width:100%;border-color:#e9e9e9}
table td,table th{color:#5c6b77;padding:8px 6px;font-size:0.24rem;text-align:center}
table .waitfor td,table .waitfor{color:#ffaeae}
table th{background:#fff6dd;color:#ca6c00}
table .but{display:inline-block;background:#e65233;color:#fff;padding:0.06rem 0.2rem;border-radius:0.08rem}
table img{display:inline-block;width:0.6rem}
.index_href{position:absolute;top:3.24rem;width:0.52rem;height:1.4rem;line-height:0.32rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.4);font-size:0.24rem;color:#FFFFFF;z-index:10}
.index_href1{left:0;border-radius:0 0.12rem 0.12rem 0}
.index_href2{right:0;border-radius:0.12rem 0 0 0.12rem}
.return_box{position:absolute;right:0;top:0.3rem;min-width:1.2rem;line-height:0.3rem;background:rgba(0,0,0,0.4);font-size:0.24rem;color:#FFFFFF;padding:0.2rem 0.12rem 0.2rem 0.26rem;border-radius:0.36rem 0 0 0.36rem;border-right:none;text-align:center;z-index:10}
.tit_pub{height:0.6rem;text-align:center}
.tit_pub span{position:relative;display:inline-block;font-size:0.3rem;line-height:0.6rem;color:#90b770}
.tit_pub span::before{content:'';position:absolute;top:50%;left:-0.5rem;display:inline-block;width:0.4rem;height:1px;background:#90b770}
.tit_pub span::after{content:'';position:absolute;top:50%;right:-0.5rem;display:inline-block;width:0.4rem;height:1px;background:#90b770}
.mask_box .pho{display:block;width:90%;height:0.88rem;line-height:0.88rem;background:#f8f8f8;border-radius:0.4rem;border:1px solid #eaeaea;padding:0 0.2rem;color:#4d2c0e;text-align:center;margin:0.2rem auto}
.tetx_all{background:#FFFFFF;border-radius:0.2rem;padding:0.02rem 0.3rem 0.3rem}
.tetx_all .list{position:relative;background:#c5e5f3;border:1px solid #2ba2d5;border-radius:0.2rem;margin-top:0.28rem;padding:0.16rem 0.1rem 0.2rem 0.6rem}
.tetx_all .list .icon_img{position:absolute;left:0.3rem;top:50%;width:1.32rem;height:1.32rem;margin-top:-0.66rem}
.tetx_all .list .mon{line-height:0.48rem;font-size:0.28rem;color:#333333}
.tetx_all .list .mon .cor1{font-weight:bold;font-size:0.34rem;padding-right:0.04rem}
.tetx_all .list .text{line-height:0.4rem;font-size:0.24rem;color:#dc5e05}
.tetx_all .list .text .cor1{font-size:0.4rem}
.tetx_all .list .but{width:2rem;line-height:0.56rem;padding:0 0.2rem;background:#ec9514;border-radius:0.1rem;margin-top:0.1rem;text-align:center;color:#FFFFFF;font-size:0.28rem}
.cor1{color:#ff3737 !important}
.cor2{color:#565656 !important}
.logo_img{position:absolute;left:0;top:0;height:0.7rem}
.jp_box{padding:0 0.32rem 0.32rem}
.jp_box .list{position:relative;margin:0.12rem 0}
.jp_box .text_box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-self:center}
.jp_box .text_box .money{display:flex;text-align:center;justify-content:center;text-align:center;width:2.1rem}
.jp_box .text_box .mon{font-size:0.22rem;color:#fa1c28}
.jp_box .text_box .mon i{font-size:0.68rem}
.jp_box .text_box .text_list{font-size:0.26rem;padding-left:0.26rem}
.jp_sty{padding:0.2rem 0.4rem 0.4rem}
.jp_sty .list{position:relative;margin-top:0.24rem}
.jp_sty .list:first-child{margin-top:0}
.jp_sty .list .text_box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;padding-left:1.7rem;padding-right:0.12rem}
.jp_sty .list .text_box .name{line-height:0.44rem;font-size:0.32rem;color:#cf282f}
.jp_sty .list .text_box .text{line-height:0.36rem;font-size:0.24rem;color:#705129}
.quan_tit{padding:0.2rem 0;line-height:0.36rem;text-align:center;font-size:0.24rem}
.list_qu{padding:0 0.24rem 0.24rem}
.list_qu .list{position:relative;background:#fff4cc;height:1.7rem;border-radius:0.12rem;margin-bottom:0.24rem;display:flex;align-items:center;justify-content:center}
.list_qu .list::before{content:'';position:absolute;left:4.2rem;bottom:-0.14rem;width:0.28rem;height:0.28rem;background:#fff;border-radius:0.14rem}
.list_qu .list::after{content:'';position:absolute;left:4.2rem;top:-0.14rem;width:0.28rem;height:0.28rem;background:#fff;border-radius:0.14rem}
.list_qu .list .text_box{flex:1;padding-left:0.44rem;padding-top:0.04rem}
.list_qu .list .text_box .name{line-height:0.52rem;font-size:0.34rem;color:#fd7142}
.list_qu .list .text_box .text{line-height:0.32rem;font-size:0.22rem;color:#666666}
.list_qu .list .but_box{width:2rem;display:flex;align-items:center;justify-content:center}
.list_qu .list .but_box .but{width:1.5rem;line-height:0.6rem;background:#fd7142;color:#FFFFFF;font-size:0.32rem;border-radius:0.3rem;text-align:center;opacity:0.6}
.list_qu .list .but_box .but_lq{opacity:1}
.jl_box{position:relative;background:#FFFFFF;border-radius:0.16rem;padding:0rem 0.32rem 0}
.jl_box .title{position:absolute;left:0;top:-0.14rem;width:100%;height:0.6rem;text-align:center}
.jl_box .title img{display:inline-block;height:100%}
.jl_box .list{position:relative;padding:0.22rem 1.5rem 0.22rem 0;border-bottom:1px solid #dddddd}
.jl_box .list:last-child{border-bottom:none}
.jl_box .list .name{line-height:0.44rem;font-weight:bold;font-size:0.3rem;color:#333333}
.jl_box .list .time{line-height:0.36rem;font-size:0.26rem;color:#666666;padding-top:0.1rem}
.jl_box .list .but,.jl_box .list .but_none{position:absolute;right:0;top:50%;height:0.56rem;margin-top:-0.24rem;display:block;width:1.2rem;background-image:linear-gradient(#ffd160,#ff993e);line-height:0.48rem;border-radius:0.1rem;text-align:center;font-size:0.28rem;color:#FFFFFF;border:0.04rem solid #fdd85c}
.jl_box .list .but_none{width:auto;background:#dcdcdc;border-color:#dcdcdc;padding:0 0.1rem}
.jp_tstext{padding:0.12rem 0.4rem;text-align:center;background:#ffe8da;margin:0 0 0.3rem;border-radius:0.12rem;color:#be0808}
.tit_pub1{height:0.6rem;text-align:center}
.tit_pub1 span{position:relative;display:inline-block;font-size:0.32rem;line-height:0.6rem;color:#f53b22}
.tit_pub1 span::before{content:'';position:absolute;top:44%;left:-0.7rem;display:inline-block;width:0.34rem;height:0.12rem;background:url(../img/icon_z.png) no-repeat;background-size:100% 100%}
.tit_pub1 span::after{content:'';position:absolute;top:44%;right:-0.7rem;display:inline-block;width:0.34rem;height:0.12rem;background:url(../img/icon_y.png) no-repeat;background-size:100% 100%}
.fq_box{padding:0 0.14rem 0.1rem}
.fq_box .list{position:relative;margin-bottom:0.2rem}
.fq_box .list .text_box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center}
.fq_box .flexbox{flex:1;padding-left:0.5rem;padding-right:0.04rem}
.fq_box .flexbox .name{color:#f53b22;line-height:0.48rem;font-size:0.44rem}
.fq_box .flexbox .text{padding-top:0.06rem;line-height:0.48rem;font-size:0.22rem;color:#333333}
.fq_box .but_box{display:flex;justify-content:center;width:2rem}
.fq_box .but_box span{display:flex;align-items:center;justify-content:center;border:1px solid #ff5908;width:1.2rem;height:1.2rem;border-radius:0.6rem;font-size:0.3rem;color:#ff5908;background-image:linear-gradient(#fef5df,#fbf4ab)}
.box1{position:relative;width:50px;height:50px;margin:10px auto}
.out-box{width:50px;height:50px;border-top:4px solid #e0787f;border-right:4px solid #e0787f;border-bottom:4px solid #f0f0f0;border-left:4px solid #f0f0f0;border-radius:100%;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;animation:2.5s ease-in-out 0s normal none infinite rotateTwo;-webkit-animation:2.5s ease-in-out 0s normal none infinite rotateTwo}
.inner-box{width:40px;height:40px;border-bottom:2px solid #99749d;border-top:2px solid #f0f0f0;border-right:2px solid #f0f0f0;border-left:2px solid #99749d;border-radius:100%;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;animation:2.5s linear 0s normal none infinite rotate;-webkit-animation:2.5s linear 0s normal none infinite rotate}
.text-box{width:50px;height:50px;position:absolute;left:0;top:0;color:#4d2c0e;font-size:24px;line-height:50px;text-align:center}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}@keyframes rotate{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}@-webkit-keyframes rotateTwo{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(-360deg)}
}@keyframes rotateTwo{from{transform:rotate(0deg)}
to{transform:rotate(-360deg)}
}@-webkit-keyframes flash{from,50%,to{opacity:1}
25%,75%{opacity:0}
}@keyframes flash{from,50%,to{opacity:1}
25%,75%{opacity:0}
}.game_start{position:fixed;left:50%;bottom:1.1rem;width:5rem;height:2.4rem;background:url(../img/but.png) no-repeat;background-size:100% 100%;text-align:center;line-height:2.3rem;font-size:0.4rem;color:#fe5983;margin:0 auto;margin-left:-2.5rem;z-index:10}
.dis_box{position:absolute;left:0;top:0.3rem;width:100%;display:flex;justify-content:center;z-index:10}
.dis_list{position:relative}
.dis_list .text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:0.24rem;color:#631a1c}
.dis_num{margin-top:0.12rem}
.dis_num .text{color:#fff3ae;padding:0 0 0.16rem 0.34rem}
.foot_box{position:fixed;left:0;bottom:0;width:100%;height:1rem;background:#fff;z-index:10}
.foot_box .list{float:left;width:25%;line-height:0.88rem;text-align:center}
.foot_box .list_on{color:#90b770}
.pages{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:none}
.page_game,.page_index{overflow-y:hidden}
.page_game{background:url(../img/game_bg.png) no-repeat;background-size:100% auto}
.game_fot{position:absolute;left:0;bottom:0;width:100%;z-index:2}
.games_box{display:block;position:absolute;left:5%;top:15%;width:90%;height:80%}
.games_box .list{position:absolute;display:inline-block;animation:plusate 3s linear infinite}
@keyframes plusate{0%{transform:scale(1) translateY(0px)}
50%{transform:scale(1.1) translateY(-50px);transform:}
100%{transform:scale(1.2) translateY(-100px)}
}.games_box .list img{display:block;width:1.5rem}
.games_box .gamenumtop{position:absolute;display:inline-block;font-size:0.4rem;color:#fe5983;font-weight:bold;z-index:10}
.game_nav{position:absolute;top:0.3rem;height:0.6rem;z-index: 10;}
.game_nav img{display:block;height:100%;width:auto}
.fraction_box{right:0.5rem}
.fraction_box1{left:0.5rem}
.game_nav .text{position:absolute;left:0;top:0;width:100%;height:100%;color:#6b4d54;font-size:0.28rem;display:flex;align-items:center;justify-content:left;padding-left:0.7rem}
.mask_xf .mask_box{top:1.2rem;background:none;width:7rem;margin-left:-3.5rem}
.mask_xfover .mask_box{top:2rem;background:none;width:7rem;margin-left:-3.5rem}
.mask_xf .box,.mask_xfover .box{background:none}
.mask_xfover .over{top:0.4rem;right:0.8rem}
.mask_xf .over{top:0.4rem;right:0.2rem}
.mask_xfover .text{position:relative}
.mask_xfover .wz{position:absolute;left:0;top:0;width:100%;padding-top:1.4rem;font-size:0.3rem;line-height:0.52rem;color:#333}
.mask_xfover .wz i{color:#e93966;font-size:0.48rem}
.time_text{position:fixed;left:0;bottom:1.24rem;width:100%;color:#c31414}
.ka_box{display:flex}
.ka_box .list{position:relative;margin:0.12rem}
.ka_box .list::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4)}
.ka_box .list_on::before{display:none}
.but_wxqd{position:relative;overflow:hidden}
.launch-btn{position:absolute;left:0;top:0;width:200px;height:60px}
.index_but{position:absolute;left:50%;bottom:3rem;width:4rem;margin-left:-2rem;z-index:5}
.index_text{position:absolute;left:15%;bottom:1.6rem;width:70%;line-height:0.4rem;text-align:center;color:#583c00;z-index:3;background:rgba(250,250,250,0.6);padding:0.12rem 0;border-radius:0.12rem}
.index_fot{position:absolute;left:0;bottom:0;width:100%}
.masksta_box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.masksta_box .sta_box{position:relative;width:4.2rem;margin:0 auto}
.masksta_box .num_text{text-align:center;font-size:1.6rem;color:#fff}
.masksta_box .sta_text{text-align:center;font-size:0.5rem;color:#ffffff;padding-top:1rem;line-height:0.76rem}
.masksta_box .hot{position:absolute;right:-0.5rem;bottom:-0.6rem;width:2rem;animation:mymove 3s infinite}
.page_zp .time_text{position:relative;bottom:0}
.canvas_box .can{position:absolute;left:50%;top:50%}
#canvas_bg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.canvas_ani{animation:loading 90s linear 0s infinite}
@keyframes loading{0%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}#pointer{position:absolute;left:50%;top:0%;display:block;width:48px;height:46px;margin:6px 0 0 -24px}
#pointer1{position:absolute;left:50%;top:0%;display:block;width:56px;height:66px;margin:3px 0 0 -28px}
#pointer2{position:absolute;left:0;top:0;display:block;width:100%}
#pointer_but{position:absolute;left:50%;top:50%;display:block;width:120px;height:120px;margin:-60px 0 0 -60px}
.canvas_box{position:relative;margin:0 auto;overflow:hidden}
.cjtime_text{color:#fff}
.cj_butbox{display:flex;align-items:center;justify-content:space-around;padding:0.2rem 0;display:none}
.cj_but{width:2rem;line-height:0.62rem;background:#f58832;color:#fff;border-radius:0.12rem;text-align:center}
.share_text{position:absolute;left:0;top:5.9rem;width:100%;height:1rem;display:flex;align-items:center;justify-content:center;text-align:center}
.game_box{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:url(../img/game_bg.png) no-repeat;background-size:100% 100%}
.game_list{position:absolute;left:0;top:0;width:100%;height:80%;z-index: 8;}
.game_list li{position:absolute}
.game_list li span{
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	background: url(../img/2new.png);
	background-size: 200% 100%;
}
.game_list .on span{
	animation: listani steps(2) 0.4s infinite;
}
@keyframes listani{0%{background-position:0 0}
100%{background-position:200% 0}
}
.gamebox_bot{position:absolute;left:23%;top:80%;width:54%;z-index: 5;}