*{padding: 0;margin: 0;outline: none;}
html{font-size: calc(100vw / 750 * 100);}
ul,li{list-style-type: none;}
em,i{font-style: normal;}
img{display: block;border: none;}
a{text-decoration: none;}
table{border-collapse:collapse;border-spacing:0}
body{font-size: 0.24rem;}
[v-cloak]{
    display: none;
}

.t{text-indent: -9999px;display: block;overflow: hidden;}
.flex{display: flex;align-items: center;justify-content: center;}

.toast{width: 100%;height: 100%;position: fixed;top: 0;left: 0;color: #fff;z-index: 99999;display: none;}
.toast-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0.2rem;background: rgba(0,0,0,0.7);border-radius: 0.1rem;text-align: center;}

.index{width: 100vw;height: 100vh;background: url(../image/index.jpg) no-repeat top / cover;position: relative;}
.index-reserve{width: 3.68rem;height: 1.13rem;background: url(../image/index-reserve.png) no-repeat top / cover;position: absolute;bottom: 1.5rem;left: 1.9rem;}
.logo{width: 4.26rem;height: 0.55rem;position: absolute;top: 0.14rem;left: 0.19rem;pointer-events: none;z-index: 3;}
.slogan{width: 6.54rem;height: 2.7rem;position: absolute;bottom: 1.9rem;left: 0.4rem;}
.index-btn{width: 5rem;height: 1.28rem;background: url(../image/index-btn.png) no-repeat top / cover;position: absolute;bottom: 2.7rem;left: 1.25rem;}

.login{position: absolute;top: 0.25rem;right: 0.2rem;color: #fff;}
.login a{color: #fbff03;}

.skin .game-box{background: url(../image/game-box1.jpg) no-repeat top / cover;}

.game{width: 100vw;height: 100vh;background: #000;position: relative;overflow: hidden;}
.game-box{width: 15rem;height: 23rem;background: url(../image/game-box.jpg) no-repeat top / cover;position: absolute;top: -4.5rem;left: -4rem;}
.reserve{width: 1.51rem;height: 0.58rem;background: url(../image/reserve.png) no-repeat top / cover;position: absolute;top: 0.3rem;right: 0.15rem;z-index: 3;}

.game-data li{position: absolute;width: 0.35rem;height: 0.35rem;}
.game-data li img{position: absolute;}
.game-info{width: 5rem;position: absolute; z-index: 2; margin: -1.8rem 0 0 -1.83rem;}
.game-that{width: 5rem;position: absolute;top: 0;left: 0;}
.that-arrow{width: 0.95rem;height: 1.43rem;background: url(../image/arrow.png) no-repeat top / cover;position: absolute;top: -0.4rem;left: 1.55rem;z-index: 3;
    animation: arrow 1s linear infinite;
    -webkit-animation: arrow 1s linear infinite;
}
@keyframes arrow {
    0%,100%{transform: translateY(0);}
    50%{transform: translateY(-10px);}
}
@-webkit-keyframes arrow {
    0%,100%{-webkit-transform: translateY(0);}
    50%{-webkit-transform: translateY(-10px);}
}
.game-icon1{width: 1.37rem;height: 1rem;background: url(../image/game-i1.png) no-repeat top / cover;font-size: 0.2rem;color: #fff;position: absolute;top: -0.33rem;left: -0.48rem;text-align: center;box-sizing: border-box;padding-top: 0.76rem;line-height: 0.24rem;z-index: 1;}
.game-icon2{width: 0.51rem;height: 0.51rem;background: url(../image/game-i2.png) no-repeat top / cover;position: absolute;top: -0.07rem;left: -0.08rem;z-index: 1;}

.menu{position: absolute;top: 1.05rem;left: 0.15rem;z-index: 10;}
.menu a{text-align: center;margin: 0.1rem 0;display: block;color: #222;line-height: 0.36rem;}
.mc1,.mc2,.mc3,.mc4,.mc5{width: 1.27rem;height: 1.26rem;background: url(../image/menu.png) no-repeat top / 1.27rem 6.7rem;margin: 0 auto;}
.mc1{background-position: 0 0;}
.mc2{background-position: 0 -1.36rem;}
.mc3{background-position: 0 -2.72rem;}
.mc4{background-position: 0 -4.08rem;}
.mc5{background-position: 0 -5.44rem;}
.sieve{width: 1.97rem;height: 1.95rem;background: url(../image/sieve.png) no-repeat top / cover;position: absolute;bottom: 0.7rem;right: 0.6rem;border-radius: 50%;z-index: 10;}
.sieve-image{width: 2.34rem;}
.pop-sieve{width: 2.34rem;height: 2.34rem;}
.sieve-number{color: #fff;text-shadow: 1px 0 1px #f97a29,-1px 0 1px #f97a29,0 1px 1px #f97a29,0 -1px 1px #f97a29;font-size: 0.2rem;text-align: center;position: absolute;bottom: -0.3rem;width: 100%;white-space: nowrap;}
.sieve-end{width: 0.97rem;height: 0.98rem;}

.pop{position: relative;display: none;}
.pop-close{width: 0.51rem;height: 0.51rem;background: url(../image/pop-close.png) no-repeat top / 100% 100%;position: absolute;top: -0.1rem;right: -0.52rem;}
.pop1{width: 5.79rem;height: 5.12rem;background: url(../image/pop1.png) no-repeat top / cover;}
.pop2{width: 5.79rem;height: 3.02rem;background: url(../image/pop2.png) no-repeat top / cover;}
.pop3{width: 5.79rem;height: 3.92rem;background: url(../image/pop3.png) no-repeat top / cover;}
.pop4{width: 5.79rem;height: 4.92rem;background: url(../image/pop4.png) no-repeat top / cover;}
.pop5{width: 5.79rem;height: 4.43rem;background: url(../image/pop5.png) no-repeat top / cover; transform: scale(1.13);}
.pop6{width: 6.19rem;height: 6.02rem;background: url(../image/pop6.png) no-repeat top / cover;}
.pop8{width: 7.5rem;height: 6.01rem;background: url(../image/pop8.png) no-repeat top / 100% auto;box-sizing: border-box;overflow: hidden;}

.pop6 .pop-close,.pop5 .pop-close{bottom: -0.8rem;top: auto;left: 50%;margin-left: -0.25rem;}
.pop-title{line-height: 0.52rem;text-align: center;padding: 0.19rem 0 0.05rem;color: #4191ab;font-size: 0.32rem;font-weight: bold;
    background-image: linear-gradient(90deg,#4397b1 45%, #68ac91 55% );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.pop-table{width: 5rem;margin: 0 auto;text-align: left;}
.pop-table th{color: #333;font-size: 0.22rem;border-bottom: 1px solid #ffa234;height: 0.52rem;}
.pop-table td{color: #333;font-size: 0.22rem;height: 0.58rem;}
.pop-table tr td:nth-child(2){color: #777;}
.pop-table tr td:nth-child(3) a{margin-left: 0.2rem;}
.pop-scroll{height: 3.2rem;overflow-y: scroll;margin: 0.1rem 0.1rem 0;}

.rule-scroll{width: 5rem;height: 3.65rem;overflow-y: scroll;margin: 0.18rem auto 0;border-top: 1px solid #ffa234;padding-top: 0.15rem;}
.rule-text{color: #444;font-size: 0.22rem;line-height: 0.34rem;}
.pop-rule{width: 5rem;margin: 0.18rem auto 0;color: #444;font-size: 0.22rem;}
.pop-rule li{text-indent: -1.6em;padding: 0 0 0.15rem 1.6em;}

.pop-alert{height: 1.3rem;color: #444;text-align: center;padding: 0.4rem 0 0.2rem;flex-wrap: wrap;}
.pop-alert b{width: 100%;display: block;font-size: 0.28rem;color: #ff7914;}
.pop-btn{width: 1.92rem;height: 0.58rem;background: url(../image/pop-btn.png) no-repeat top / cover;color: #66332b;margin: 0 0.09rem;position: relative;z-index: 3;}

.pop7{width: 5.79rem;background: url(../image/pop7.png) no-repeat top right / 5.79rem auto;padding-left: 0.3rem;}
.pop7::after{content: '';width: 5.79rem;height: 0.59rem;background: url(../image/pop7.png) no-repeat bottom / 100% 100%; transform: rotate(180deg);display: block;margin-top: -0.03rem;}

.popSkin{padding-left: 0;}
.popSkin .pop-info-text{padding: 0 0 0.4rem;min-height: auto;}

.pop-info{width: 5.79rem;background: #fcfcfc;color: #444;text-align: center;padding: 0.1rem 0.2rem;margin-top: 0.58rem;box-sizing: border-box;}
.pop-info-text{min-height: 4.5rem;padding: 0 0.2rem 0.4rem 0.7rem;text-align: center;min-height: 3rem;position: relative;z-index: 3;display: flex;align-items: center;justify-content: center;}
.pop-info-text a{color: #ff7914;}
.pop-info-image{width: 4.07rem;height: 4.53rem;position: absolute;top: 0.5rem;left: -1.15rem;z-index: 3;}


.copy-text{font-size: 0.22rem;color: #444;text-align: center;line-height: 0.58rem;border-bottom: 1px solid #ffa234;margin: 0 0.4rem;}
.copy-info{margin: 0 0.4rem;height: 1.26rem;font-weight: bold;color: #444;padding-bottom: 0.15rem;}
.copy-info span{width: 1.06rem;text-align: left;}
.copy-info input{width: 3.9rem;height: 0.48rem;background: #fff;border: 1px solid #cfcecd;text-align: center;color: #444;font-size: 0.22rem;}
.pop-task{margin: 0.2rem 0.4rem 0;border-top: 1px solid #ffa234;padding-top: 0.2rem;font-size: 0.22rem;}
.pop-task li{height: 0.48rem;display: flex;align-items: center;justify-content: center;}
.pop-task li span:nth-child(1){width: 1.9rem;}
.pop-task li span:nth-child(2){width: 1.25rem;}
.pop-task li span:nth-child(3){width: 0.75rem;text-align: center;}

.pop-btn-min{width: 1.3rem;height: 0.38rem;background: url(../image/pop-btn.png) no-repeat top / 100% 100%;color: #66332b;}
.pop-address{border-top: 1px solid #ffa234;margin: 0.25rem 0.4rem;padding: 0.2rem 0 0.1rem;font-size: 0.22rem;}
.pop-address li{display: flex;align-items: center;height: 0.72rem;}
.pop-address li span{width: 1.06rem;text-align: left;}
.pop-address li input{width: 3.9rem;height: 0.48rem;background: #fff;border: 1px solid #cfcecd;color: #444;font-size: 0.22rem;text-indent: 0.15rem;}
.pop-address li input.phone-code{width: 2.35rem;}

.pop-address-error{margin: -0.25rem 0.4rem 0;line-height: 0.3rem;padding-bottom: 0.2rem;font-size: 0.2rem;text-align: center;color: red;}

.phone-get{width: 1.41rem;height: 0.43rem;background: url(../image/phone-get.png) no-repeat top / 100% 100%;text-align: center;line-height: 0.42rem;color: #66332b;font-size: 0.2rem;margin-left: 0.14rem;}

.lottery-arc{width: 4.55rem;height: 4.56rem;margin: 0.4rem auto 0;position: relative;}
.lottery-arc img{display: none;}
.lottery-arc .swfcontent_hover{background-size: cover;}
.lottery-arc .swfcontent_start,.lottery-arc .swfcontent_disable{width: 1.43rem;height: 1.57rem;display: block;margin: -0.8rem 0 0 -0.7rem !important;z-index: 3;transform: scale(1)!important;}

.lottery-square{width: 4.4rem;margin: 0.42rem auto 0;position: relative;}
.lottery-square ul{flex-wrap: wrap;justify-content: center;}
.lottery-square li{width: 1.42rem;height: 1.42rem;background: url(../image/lottery-square.png) no-repeat top / cover;margin: 0.02rem;position: relative;display: flex;align-items: center;justify-content: center;}
.lottery-square-btn{width: 1.42rem;height: 1.41rem;background: url(../image/lottery-square-btn.png) no-repeat top / cover;}
.pro-sy{font-size: 0.18rem;color: #fff;position: absolute;top: 0;left: 0.06rem;line-height: 0.22rem;}
.pro-image{max-width: 60%;max-height: 55%;}
.pro-name{width: 100%;text-align: center;font-size: 0.22rem;line-height: 0.4rem;position: absolute;bottom: 0;}

.cdk-item{width: 5rem;display: flex;align-items: center;justify-content: center;border-top: 1px solid #ffa234;margin: 0.2rem auto 0;}
.cdk-item li{width: 1.42rem;text-align: center;font-size: 0.22rem;color: #444444;line-height: 0.42rem;margin: 0.35rem 0.05rem;}
.cdk-image{height: 1.62rem;background: url(../image/cdk-item.png) no-repeat top / 100% 100%;}
.cdk-image img{max-width: 80%;max-height: 80%;}
.cdk-info{width: 5.04rem;height: 0.66rem;background: url(../image/cdk-info.png) no-repeat top / cover;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.cdk-info p{padding-right: 0.25rem;font-size: 0.22rem;color: #444;}

.sa-btn{width: 2.43rem;height: 0.58rem;background: url(../image/sa-btn.png) no-repeat top / cover;margin: 4.3rem 0 0 0.82rem;}

.gray{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#_overlay_{height: 100vh!important;}