@charset "utf-8";
/*Clear Default Style*/

.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*index*/
.digital_tray{display: none;}
.digital_tray.index{display: block;}
.digital_tray,.base_page{width: 100%;height: 100%;overflow: hidden;position: relative;}
.home_bg img{width: 100%;}
.activity_kits{position: fixed;top: .05rem;right: .05rem;z-index: 9;}
.kits_ico{animation: kitsAni 3s linear infinite;}
@keyframes kitsAni{
	0%   {transform: scale(.8);}
	50%  {transform: scale(1);}
	100% {transform: scale(.8);}
}
.kits_ico img{display: block;width: .7rem;height: .7rem;}
.kits_mian{display: flex;flex-direction: column;width: 100%;height: 100%;padding: .1rem 0;background: rgba(0,0,0,.8);position: fixed;top: 0;right: 0;transform: scale(0,0);transition: .4s;transform-origin: 90% 35px;}
.kits_mian.active{transform: scale(1,1);}
.kits_head{height: .58rem;padding: .05rem 0 0;margin: 0 .12rem;border-bottom: 1px solid rgba(255,255,255,.6);position: relative;}
.kits_nav{float: left;width: 3.1rem;height: 100%;}
.kits_nav ul{display: flex;height: 100%;}
.kits_nav li{flex: 1;height: 100%;position: relative;}
.kits_nav li:before{content: "";display: none;width: 70%;height: 3px;background: #fff;position: absolute;bottom: -3px;left: 15%;}
.kits_nav li:after{content: "";display: none;border-left: .06rem solid transparent;border-right: .06rem solid transparent;border-bottom: .07rem solid #fff;position: absolute;bottom: 0;left: 50%;margin: 0 0 0 -.05rem;}
.kits_nav li.active:before,.kits_nav li.active:after{display: block;}
.kits_nav li .red_dot{width: .1rem;height: .1rem;position: absolute;border-radius: .2rem;background-color: red;top: .1rem;right: .1rem;animation: redDotTada .6s ease infinite;}
@keyframes redDotTada {
	0% {transform: scale3d(1,1,1);}
	10%,20% {transform: scale3d(.9,.9,.9);}
	30%,50%,70%,90% {transform: scale3d(1.3,1.3,1.3);}
	40%,60%,80% {transform: scale3d(1.3,1.3,1.3);}
	100% {transform: scale3d(1,1,1);}
}
.kits_nav li a{display: block;line-height: .52rem;color: #fff;text-align: center;font-size: .14rem;position: relative;}
.kits_nav li a:after{content: "";display: block;width: 1px;height: 30%;background: rgba(255,255,255,.3);position: absolute;top: 35%;right: 0;}
.kits_nav li:last-child a:after{display: none;}
.kits_close{width: .52rem;height: .52rem;background: url(../images/index/close.png) no-repeat;background-size: 70%;background-position: center;position: absolute;top: 0;right: 0;}
.kits_list{flex: 1;overflow-y: auto;}
.kits_item{display: none;padding: 0 .1rem;height: 100%;}
.kits_item.active{display: block;}
.explain_item{margin: .17rem 0 0;}
.main_title{display: inline-block;width: .72rem;height: .28rem;line-height: .28rem;margin: 0 0 .13rem;font-size: .14rem;background: #fff;color: #000;text-align: center;}
.explain_item p,.explain_item span{color: #fff;font-size: .14rem;}
.explain_item a{color: #fff000;font-size: .14rem;}
.rank_main{padding: 017rem 0 0 .06rem;font-size: .16rem;color: #fff;}
.rank_tab{padding: 0 .1rem;margin: .13rem 0 0;}
.rank_tab table{width: 100%;text-align: center;color: #fff;font-size: .16rem;}
.rank_tab th{font-weight: bold;}
.rank_tab tbody tr{line-height: .65rem;}
.rank_tab .head_portrait{display: block;width: .47rem;height: .47rem;border-radius: 50%;margin: 0 auto;}
.rank_tab td{border-bottom: 1px solid rgba(255,255,255,.4);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.award_info{display: flex;flex-direction: column;height: 100%;}
.code_list{flex: 1;overflow-y: auto;margin: .05rem 0 0;}
.code_info{width: 3.1rem;height: 1.3rem;padding: .187rem 0 0;border: .02rem solid #fff;margin: .2rem auto .3rem;border-radius: .05rem;position: relative;}
.go_detail{width: .2rem;position: absolute;top: .234rem;right: .12rem;}
.djq_img{width: .41rem;position: absolute;top: -2px;left: -2px;}
.is_empty_award{margin: 0 0 0 .15rem;font-size: .155rem;color: #fff;}
.codeperiod{line-height: .32rem;margin: .06rem .15rem;color: #fff;font-size: .14rem;}
.code_status{margin: 0 0 0 .15rem;color: #ecb208;font-size: .14rem;}
.follow_us a{display: block;width: 2.34rem;height: .4rem;line-height: .4rem;margin: 0 auto; text-align: center;color: #fff;background: linear-gradient(0deg,rgba(218,160,84,1),rgba(248,196,128,1));border-radius: .5rem;font-size: .15rem;}
.kits_bottom{padding: .2rem 0;text-align: center;}
.kits_bottom a{display: inline-block;height: .28rem;line-height: .28rem;padding: 0 .35rem 0 .24rem;border: 1px solid #fff;border-radius: .2rem; color: #fff;font-size: 14px;position: relative;}
.kits_bottom a img{display: block;width: .09rem;position: absolute;top: .1rem;right: .2rem;animation: runningAd 1s infinite;}
@keyframes runningAd {
	0% {right: .2rem;}
	100% {right: .1rem;}
}
.digital_title{width: 3.1rem;position: absolute;top: .11rem;left: .31rem;}
.digital_title img{width: 100%;}
.start_btn{width: 1.5rem;height: 1.3rem;position: absolute;top: 4.3rem;left: 1.12rem;animation-delay: 1s;}
.start_btn a,.start_btn img{display: block;width: 100%;height: 100%;}
.join_num{width: 2.1rem;text-align: center;color: #e5294a;text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;position: absolute;top: 1.72rem;left: .825rem;font-size: .176rem;}
.technical_support{width: 100%;height: .3rem;line-height: .3rem;font-size: .15rem;text-align: center;position: absolute;bottom: 0;background-color: rgba(0,0,0,.4);color: #fff;}
/*game process*/
.mask_bg{width: 3.1rem;height: 3.1rem;position: absolute;top: 1.53rem;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.2);}
.game_topbar{width: 100%;padding: .1rem 0;position: absolute;top: 0;color: #fff;z-index: 2;}
.user_infobox{margin: 0 0 0 .1758rem;}
.user_imgbox{display: inline-block;width: .6328rem;height: .6328rem;border-radius: 999px;border: .023rem solid rgba(255,255,255,.3);overflow: hidden;}
.user_imgbox img{display: block;width: 100%;height: 100%;}
.user_infobox .grade{display: inline-block;line-height: .6328rem;vertical-align: top;margin-left: .07rem;font-size: .23rem;color: #0188f0;}
.sound_icon{width: 40px;height: 40px;background: url(../images/gameProcess/musicOn.png) no-repeat;background-size: 100%;position: absolute;top: 20px;right: 15px;z-index: 3;}
.sound_icon:not(.off){animation: soundIcon 2s linear infinite;}
@keyframes soundIcon {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.sound_icon.off{background-image: url(../images/gameProcess/musicOff.png);}     
.time_box{width: .9375rem;line-height: 1.27;margin: auto;margin-top: .1172rem;position: absolute;left: 0;right: 0;top: 0;text-align: center;font-size: .18rem;color: #0188f0;}
.time_box span{font-size: .3rem;font-weight: bold;}
.game_layer{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.wrap_box{width: 3.1rem;height: 3.1rem;position: absolute;top: 2.18rem;left: .316rem;cursor: url("../images/gameProcess/cursor.png"),pointer;}
.wrap_box .top1,.wrap_box .top2,.wrap_box .top3{width: .9375rem;height: .9375rem;position: absolute;overflow: hidden;}
.wrap_box .top1{top: .246rem;}
.wrap_box .top2{top: 1.174rem;}
.wrap_box .top3{top: 2.144rem;}
.wrap_box .left1{left: 0;}
.wrap_box .left2{left: 1.1rem;}
.wrap_box .left3{left: 2.227rem;}
.wrap_box .hole1{width: .9375rem;height:.6855rem;position: absolute;left: 0;top: 0.0293rem;background: url(../images/gameProcess/hole1.png) no-repeat center;background-size: 100%;}
.wrap_box .top1.left1 .hole1{background-image: url(../images/gameProcess/hole_01.png);}
.wrap_box .top1.left2 .hole1{background-image: url(../images/gameProcess/hole_02.png);}
.wrap_box .top1.left3 .hole1{background-image: url(../images/gameProcess/hole_03.png);}
.wrap_box .top2.left1 .hole1{background-image: url(../images/gameProcess/hole_04.png);}
.wrap_box .top2.left2 .hole1{background-image: url(../images/gameProcess/hole_05.png);}
.wrap_box .top2.left3 .hole1{background-image: url(../images/gameProcess/hole_06.png);}
.wrap_box .top3.left1 .hole1{background-image: url(../images/gameProcess/hole_07.png);}
.wrap_box .top3.left2 .hole1{background-image: url(../images/gameProcess/hole_08.png);}
.wrap_box .top3.left3 .hole1{background-image: url(../images/gameProcess/hole_09.png);}

.wrap_box .hole2{width: .9375rem;height: .5273rem;position: absolute;left: 0;top: .5156rem;background: url(../images/gameProcess/hole2.png) no-repeat center;background-size: 100%;}
.hamster{width: .8789rem;height: .7617rem;position: absolute;left: 0;top: 7em;background-repeat: no-repeat;background-position: center;background-size: 100%;transition: all .5s;background-image: url(../images/gameProcess/hamster1.png);}
.item.active .hamster{animation: topUp 2.2s linear;}
@keyframes topUp {
	0% {top: 7em;}
	50% {top: 0;}
	100% {top: 7em;}
}
.hamster.hamster2{background-image: url(../images/gameProcess/hamster2.png);top: 0;}
.edit_target{width: 3.1rem;height: 3.1rem;margin: 0 auto;position: absolute;top: 1.53rem;left: 0;right: 0;}
.edit_item{float: left;width: .7rem;height: .7rem;margin-right: .06rem;margin-top: .06rem;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;}
.edit_item:nth-child(4n+1){margin-left: .06rem;}
.guide_box{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.6);color: #fff;text-align: center;}
.mbta{font-size: .16rem;position: absolute;top: 1.2rem;left: 0;right: 0;}
.guide_tip{font-size: .14rem;position: absolute;top: 4.7rem;left: 0;right: 0;}
.guide_close{width: .8em;height: .34rem;line-height: .34rem;border: 1px solid #fff;margin: auto;border-radius: .05rem;font-size: .14rem;position: absolute;top: 5.0rem;left: 0;right: 0;}
/*prize detail*/
.digital_tray.prize_detail{overflow-y: auto;}
.prize_main{min-height: 100%;padding: .1rem .115rem 0;background: #982642;overflow-y: auto;position: relative;}
.award_scroll{border-radius: .15rem;overflow: hidden;}
.award_close{width: .28rem;height: .28rem;background-image: url(../images/prizeDetail/iconClose.png);background-repeat:  no-repeat;background-size: .105rem .105rem;background-position: center;background-color: #f0f0f0;border-radius: 50%;position: absolute;right: .267rem;top: .252rem;z-index: 202;}
.award_infor{padding: 0 .176rem;background: #fff;position: relative;text-align: center;}
.award_collect{width: 1.06rem;height: .3rem;padding: .07rem .08rem;background: rgba(212,54,92,.1);position: absolute;top: .152rem;left: .152rem;border-radius: .146rem;color: #d4365c;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .14rem;}
.award_collect i{display: inline-block;width: .152rem;height: .152rem;background: url(../images/prizeDetail/iconshoucang.png) no-repeat;background-size: 100% 100%;margin-right: .035rem;}
.host_name{padding-top: .54rem;text-align: center;margin-bottom: .1rem;font-size: .13rem;color: #535353;word-break: break-word;}
.prize_detail .award_name{margin-bottom: .1rem;font-size: .23rem;color: #000;font-weight: bold;word-break: break-word;}
.award_codetime{line-height: .1875rem;font-size: .13rem;}
.code_img{padding: .1rem .152rem 0;margin: 0 0 .023rem;font-weight: bold;font-size: .17rem;color: rgba(212,54,92,1);}
.icon_copy{display: inline-block;width: .61rem;height: .21rem;line-height: .21rem;margin: 0 0 0 .07rem;background: rgba(242,242,242);border-radius: .1rem;color: #898989;font-size: .11rem;vertical-align: top;}
.icon_copy i{display: inline-block;width: .105rem;height: .105rem;background: url(../images/prizeDetail/iconfuzhi.png) no-repeat;background-size: 100% 100%;margin-right: .03rem;vertical-align: middle;}
.expiry_btn{display: block;width: 2.4rem;height: .4rem;line-height: .4rem;margin: .117rem auto;background: rgba(212,54,92);box-shadow: 0 .0175rem .082rem 0 rgba(212,54,92,.4);border-radius: .2rem;font-size: .17rem;color: #fff;}
.expiry_tips{padding:  .047rem .176rem .117rem;font-size: .13rem;color: #b2b2b2;}
.split_line{height: .094rem;background: url(../images/prizeDetail/splitLine.png) no-repeat;background-size: 100% 100%;background-repeat: repeat;}
.ticket_detail{padding: .111rem .152rem;background: #fff;}
.ticke_title{line-height: .33rem;font-size: .16rem;}
.ticket_info .item_list{padding: .07rem 0;font-size: .14rem;}
.item_list .title{float: left;color: #898989;}
.item_list .box{margin-left: .66rem;color: #535353;}
.item_list .address{color: #b2b2b2;}
.notice{color: #999;}
.service_phone,.jumpto_host,.award_cus{height: .48rem;line-height: .48rem;padding-left: .14rem;position: relative;color: #000;background-color: #fff;font-size: .16rem;}
.service_phone:before,.jumpto_host:before,.award_cus:before{content: "";width: 100%;height: .09375rem;background: url(../images/prizeDetail/splitLine2.png) no-repeat;background-size: 100% 100%;position: absolute;top: -.0468rem;left: 0;right: 0;margin: auto;}
.service_phone .text span{color: #b2b2b2;}
.phone_icon{float: right;width: .48rem;height: .48rem;position: relative;background: url(../images/prizeDetail/iconphone.png) no-repeat;background-size: .2rem .2rem;background-position: center;margin-right: .152rem;}
.phone_icon:after {content: "";width: 1px;height: 50%;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;background-color: #e5e5e5;}
.cell_ft{text-align: right;color: #999;padding-right: 13px;position: relative;}
.cell_ft:after{content: " ";display: inline-block;width: 6px;height: 6px;border-width: 2px 2px 0 0;border-style: solid;border-color: #c8c8cd;-webkit-transform: matrix(.71,.71,-.71,.71,0,0);transform: matrix(.71,.71,-.71,.71,0,0);position: relative;top: -2px;position: absolute;margin-top: -.246rem;margin-right: 13px;right: 2px;}
.complain_box{height: .457rem;padding-top: .117rem;color: rgba(255,255,255,.8);text-align: center;font-size: .14rem;}
.complain_box:before{content: "";display: inline-block;width: .117rem;height: .129rem;margin: 0 .0469rem .0234rem 0;vertical-align: middle;background: url(../images/prizeDetail/icontoushu2.png) no-repeat;background-size: 100% 100%;opacity: .8;}
/*challenge result*/
.challenge_result,.draw_lottery,.win_prize,.lose_lottery{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgb(0,0,0,.85);z-index:200;}
.challenge_result .page_main{width:346px;height: 250px;left:50%;top:50%;transform:translate(-50%,-50%);position: absolute;}
.win_prize .page_main{padding: .2578rem 0 0;}
.resule_bglight{width: 1.582rem;height: 1.582rem;margin: auto;border-radius: 50%;background-image: url(../images/challengeResult/lightNew.png);background-repeat: no-repeat;background-size: 100% 100%;position: absolute;left: 0;right: 0;top: .2578rem;animation: bgRotate 6s linear infinite;}
.challenge_result.defulte .resule_bglight{display: none;}
@keyframes bgRotate {
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}
.resule_status_head{width:100%;padding-top: 36.7%;height:0;position: absolute;top:-24px;left:0;background-image: url(../images/challengeResult/successNew.png);background-size: 100% 100%;}
.resule_status_userImg{width: 1.406rem;height: 1.523rem;margin: auto;background: url(../images/challengeResult/success-cup.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;right: 0;z-index: 999;}
.challenge_result.defulte .resule_status_userImg{background-image: url(../images/challengeResult/fail-cup.png);}
.resule_status_userImg img{width: .41rem;height: .41rem;margin: auto;border-radius: 50%;position: absolute;left: 0;right: 0;top: 22%;}
.resule_status_ribbon{width:100%;position: absolute;bottom: 0;z-index: 10000;font-size: .21rem;color: #fef2b6;font-weight: bold;text-align: center;top:50%;}
.resule_status_body{width:100%;line-height: .23rem;padding-top:36.7%;padding-bottom:.81rem;margin: auto;border-radius: .176rem;background: #fff;color: #666;font-size: .16rem;text-align: center;}
.your_award{margin-bottom: .094rem;color: #f33061;font-size: .234rem;}
.challenge_result.defulte .your_award{color: #666;}
.beat_percent,.resule_minscore{color: #666;font-size: .14rem;margin-top: .023rem;margin-bottom: .164rem;}
.beat_percent,.challenge_result.defulte .resule_minscore{display: block;}
.resule_minscore,.challenge_result.defulte .beat_percent{display: none;}
.resultarg_wrap{display: flex;width: 2.344rem;border: 1px solid #ccc;margin: auto;border-left-color: transparent;border-right-color: transparent;}
.resultarg_wrap p{flex: 1;margin: .094rem 0;color: rgba(243,48,96);font-size: .12rem;}
.resultarg_wrap .best_arg{border-right: 1px solid #ccc;}
.resultarg_wrap p span{color: #eeb569;font-size: .18rem;}
.day_draw{width: 2.46rem;margin: .14rem auto 0;color: #666;font-size: .12rem;}
.challenge_result.defulte .day_draw{display: none;}
.resule_button,.once_more{width:80%;height: .41rem;line-height: .41rem;color:#fff;background:#258a5d;font-size: .152rem;border-radius: .205rem;margin: .07rem auto 0;position: absolute;left: 0;right: 0;cursor: pointer;}
.resule_button,.challenge_result.defulte .once_more{display: block;}
.once_more{display: none;color: #fff;}
/*.challenge_result.defulte .resule_button{display: none;}
.resule_button:after,.once_more:after{content: "";display: inline-block;width: 1.23rem;height: 1.11rem;margin-left: .59rem;background-image: url(../images/challengeResult/jt-right.png);background-size: contain;background-repeat: no-repeat;}*/
.once_more:after{width: .13rem;height: .158rem;background-image: url(../images/challengeResult/refresh2.png);vertical-align: -2px;}
.resule_foot{width: 2.344rem;margin: .25rem auto 0;}
.resule_foot a{display: inline-block;width: 1.055rem;height: .35rem;line-height: .35rem;text-align: center;border-radius: .3rem;background: linear-gradient(0deg,rgba(218,160,84,1),rgba(248,196,128,1));color: #fff;font-size: .152rem;}
.resule_foot a:first-child{margin: 0 .15rem 0 0;}
.resule_foot a.btn_once,.challenge_result.defulte .btn_back{display: inline-block;}
.resule_foot a.btn_back,.challenge_result.defulte .btn_once{display: none;}
.free_creat{display: block;width: 1.73rem;height: .28rem;line-height: .28rem;padding: 0 .35rem 0 .24rem;border: 1px solid #fff;margin: auto;border-radius: .2rem;color: #fff;font-size: 14px;position: fixed;bottom: .25rem;left: 0;right: 0;}
.free_creat img{display: block;width: .09rem;position: absolute;top: .1rem;right: .2rem;animation: runningAd 1s infinite;}
.resule_status_birdfly{display: none;width: .586rem;height: .422rem;position: absolute;top: .1875rem;right: .14rem;background-image: url(../images/challengeResult/bird.png);background-size: 100% 100%;z-index: 1200;animation: birdFly 6s ease-out forwards;}
@keyframes birdFly {
	from {right: .14rem;}
	to {right: 4.6875rem;}
}
.challenge_result.defulte .resule_status_birdfly{display: block;}
/*draw lottery*/
.lottery_btn{display: block;width: 3.04rem;height: 2.69rem;position: absolute;top: 96px;left: 0;right: 0;margin: auto;}
.lottery_btn img,.resule_gift_loseimg img{width: 100%;}
.win_prize .resule_bglight{width: 2.57rem;height: 2.57rem;top: .422rem;}
.resule_gift_sucimg img{display: block;width: 1.4rem;height: 1.4rem;margin: .32rem auto;}
.resule_gift_foot{margin: -.164rem 0 0;text-align: center;}
.gifts_name{line-height: .38rem;font-size: .22rem;color: #ffdb12;}
.gift_goods{line-height: .23rem;font-size: .18rem;color: #fff;}
.gift_btn{margin: .352rem 0 0;text-align: center;}
.lose_lottery .gift_btn{margin-top: 0;}
.gift_btn a{color: #fff;font-size: .152rem;border-radius: .2rem;}
.see_award{display: block;width: 2.344rem;height: .41rem;line-height: .41rem;margin: 0 auto .11rem;background: linear-gradient(0deg,rgba(229,37,88,1),rgba(248,72,119,1));}
.gift_btn_other a{display: inline-block;width: 1.055rem;height: .41rem;line-height: .41rem;text-align: center;border-radius: .3rem;background: linear-gradient(0deg,rgba(218,160,84,1),rgba(248,196,128,1));color: #fff;font-size: .152rem;}
.gift_btn_other .resule_gift_draw{margin: 0 .2rem 0 0;}
.resule_gift_loseimg{width: 2.22rem;margin: 0 auto;}
.cannot_get{margin: .7rem 0 .234rem;font-size: .18rem;color: #fff;text-align: center;}
.lose_lottery .gift_btn_other .resule_gift_draw{background: linear-gradient(0deg,rgba(229,37,88,1),rgba(248,72,119,1));}
.lose_lottery .follow_us{position: fixed;bottom: .7rem;left: 0;right: 0;}
@media (max-width: 580px){
.challenge_result .page_main{width:80%;height: auto;}
}