@charset "utf-8";
/* Preview Status Sstyle */
body{-webkit-tap-highlight-color: transparent;}
.kits_ico{animation: kitsAni 3s linear infinite;}
@keyframes kitsAni{
	0%   {transform: scale(.8);}
	50%  {transform: scale(1);}
	100% {transform: scale(.8);}
}
.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/musicOff.png);}
.prize_page{display: block;transform: scale(0);transform-origin: 90% 35px;transition: all .4s;z-index: 11;}
.prize_page.active{transform: scale(1);transition: all .4s;}
.award_tips{position: fixed;z-index: 10;background: rgba(0,0,0,.5);color: #fff;font-size: .28rem;line-height: .6rem;padding: 0 .4rem;border-radius: 1rem;top: 4.5rem;left: 50%;transform: translateX(-50%);}
.no_data{text-align: center;font-size: .3rem;color: #999;}
.no_data img{width: 3rem;margin: 2rem 0 .4rem;}
.award_tips{display: block;}
.detail_page{z-index: 12;}
.wrap_box .wrap_item.active .hamster1{animation: topUp 1.2s linear;}
@keyframes topUp {
	0% {top: 100%;}
	35% {top: 0;}
	65% {top: 0;}
	100% {top: 100%;}
}
.answer_list.error{animation: errorAnswer .5s linear;}
@keyframes errorAnswer {
	20%,60% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
	40%,80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}