.wheel-wrapper .uinfo{display:-webkit-box;display:box}.wheel-wrapper .wheel li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{margin:0;padding:0}html{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%}body{font-size:16px;line-height:1.5;font-family:"Helvetica Neue",Helvetica,Tahoma,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}textarea{resize:vertical}ul,ol,li,dl,dd{margin:0;padding:0}ul,ol{list-style:none outside none}a{text-decoration:none}a:visited,a:hover,a:active{text-decoration:none}a,img{-webkit-touch-callout:none}img{border:none}em{font-style:normal}.wheel-wrapper{opacity:0;transition:opacity 0.5s ease-out 0s;-webkit-transition:opacity 0.5s ease-out 0s}.wheel-wrapper .ui-slider-img{display:none}.wheel-wrapper .ui-slider-item{height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:4px}.wheel-wrapper .ui-slider-item>div{line-height:1.4em;font-size:12px;color:white}.wheel-wrapper .lucky-user{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;text-align:center;width:80%;margin:0 auto;background:rgba(0,0,0,0.4);border-radius:8px;box-shadow:0px 0px 3px rgba(0,0,0,0.5);overflow:hidden}.wheel-wrapper .lucky-user>div{height:40px}.wheel-wrapper .wheel-btn{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;line-height:30px;background-clip:padding-box;background-color:#EC6839;border-radius:50% 50%;border:rgba(235,103,74,0.5) 5px solid}.wheel-wrapper .wheel-inner{line-height:1;padding-top:15px}.wheel-wrapper .wheel-inner *{-webkit-box-sizing:border-box;box-sizing:border-box}.wheel-wrapper .uinfo{padding:0 20px;font-size:12px}.wheel-wrapper .uinfo>*{display:-webkit-box;display:box;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-box-flex:1;box-flex:1;width:1px;width:40%;text-align:center}.wheel-wrapper .uinfo .chance{background-color:#f56545;color:#fff;-webkit-border-radius:99px 99px;border-radius:99px 99px}.wheel-wrapper .uinfo .chance span{padding:0 5px;font-size:15px}.wheel-wrapper .uinfo .btn-mine{margin-left:40px;-webkit-border-radius:99px 99px;border-radius:99px 99px;display:block;font-weight:bold;color:#fff;background-color:#f56545}.wheel-wrapper .uinfo .wheel-grey-btn{background-color:#999;border-color:rgba(0,0,0,0.1)}.wheel-wrapper .uinfo div:first-child{margin-left:0px}.wheel-wrapper .wheel{position:relative;overflow:hidden;background-size:100% 100%;margin:0 auto;width:320px;height:320px;font-size:14px;color:#dc6d00;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.17);box-shadow:0 0 3px 0 rgba(0,0,0,0.17)}.wheel-wrapper .wheel,.wheel-wrapper .wheel ul,.wheel-wrapper .wheel p,.wheel-wrapper .wheel .inner,.wheel-wrapper .wheel .inner:before{-webkit-border-radius:999px;border-radius:999px}.wheel-wrapper .wheel ul{position:relative;background-size:100% 100%;width:100%;height:100%;-webkit-perspective:0;perspective:0;-webkit-transition:transform 0s ease-in-out;transition:transform 0s ease-in-out}.wheel-wrapper .wheel .mask{display:block;background:url(http://static.galileo.xiaojukeji.com/static/tms/volcano/light%402x_r1_c1.png) 50% 50% no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation:shine 2s infinite steps(2, end) both;animation:shine 2s infinite steps(2, end) both}.wheel-wrapper .wheel li,.wheel-wrapper .wheel p,.wheel-wrapper .wheel .inner,.wheel-wrapper .wheel .inner:before,.wheel-wrapper .wheel .mask,.wheel-wrapper .wheel .draw,.wheel-wrapper .wheel .pointer{position:absolute;top:0;left:0;width:100%;height:100%}.wheel-wrapper .wheel li,.wheel-wrapper .wheel .inner{overflow:hidden}.wheel-wrapper .wheel li p{text-align:center}.wheel-wrapper .wheel li span{display:block;height:30px;line-height:30px}.wheel-wrapper .wheel li img{width:55px;height:auto !important;margin-top:50px}.wheel-wrapper .wheel .fan1{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.wheel-wrapper .wheel .fan2{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.wheel-wrapper .wheel .fan3{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.wheel-wrapper .wheel .fan4{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wheel-wrapper .wheel .fan5{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.wheel-wrapper .wheel .fan6{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.wheel-wrapper .wheel .draw .pointer{background:url(http://xmall.xiaojukeji.com/activity/img/rotate_icon.png) center center no-repeat;background-size:40% auto}.wheel-wrapper .wheel .draw strong{position:relative;display:block;height:320px;line-height:320px;font-size:24px;text-indent:-9999px;text-align:center;color:#faf7ee;overflow:hidden}.wheel-wrapper .test{-webkit-transform:rotate(20deg);transform:rotate(20deg)}@-webkit-keyframes shine{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes shine{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.wheel-wrapper .swing{-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-name:swing;animation-name:swing;-webkit-animation:swing 1s infinite both;animation:swing 1s infinite both}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}.wheel-dialog{color:#333;font-size:13px;font-weight:normal;text-align:center;margin-bottom:10px}.wheel-dialog p{text-align:center}
/*# sourceMappingURL=wheel.css.map */