.rti{display:inline-block;vertical-align:middle;background-size:contain;background-position:center center;background-repeat:no-repeat;height:14px;width:16px}
.rti-large{height:21px;width:21px;vertical-align:-5.65px}
.rti-2x{height:28px;width:28px;vertical-align:-8.62px}
.rti-3x{height:42px;width:42px;vertical-align:-14.54px}
.rti-spin{-webkit-animation:rti-spin 2s infinite linear;animation:rti-spin 2s infinite linear}
.rti-pulse{-webkit-animation:rti-spin 1s infinite steps(8);animation:rti-spin 1s infinite steps(8)}
@-webkit-keyframes rti-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rti-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.rti-stack{display:inline-block;position:relative;vertical-align:middle;line-height:0}
.rti-stack>.rti-stack-item:first-of-type{position:relative}
.rti-stack>.rti-stack-item:not(:first-of-type){position:absolute;top:0;left:0}
.rti-times-circle-result-close{background-image:url(data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1277%201122q0-26-19-45l-181-181%20181-181q19-19%2019-45%200-27-19-46l-90-90q-19-19-46-19-26%200-45%2019l-181%20181-181-181q-19-19-45-19-27%200-46%2019l-90%2090q-19%2019-19%2046%200%2026%2019%2045l181%20181-181%20181q-19%2019-19%2045%200%2027%2019%2046l90%2090q19%2019%2046%2019%2026%200%2045-19l181-181%20181%20181q19%2019%2045%2019%2027%200%2046-19l90-90q19-19%2019-46zm387-226q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22%2F%3E%3C%2Fsvg%3E)}
.rti-circle-result-close-background{background-image:url(data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1664%20896q0%20209-103%20385.5t-279.5%20279.5-385.5%20103-385.5-103-279.5-279.5-103-385.5%20103-385.5%20279.5-279.5%20385.5-103%20385.5%20103%20279.5%20279.5%20103%20385.5z%22%2F%3E%3C%2Fsvg%3E)}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.roulette-wheel-rotate-infinite{-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:10ms;animation-duration:10ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.roulette-wheel-rotate-end{-webkit-animation-timing-function:cubic-bezier(.19,.51,.32,.99);animation-timing-function:cubic-bezier(.19,.51,.32,.99);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:1s;animation-duration:1s}
.roulette-wheel-rotate-setting{-webkit-transition:-webkit-transform 5s cubic-bezier(.19,.51,.32,.99);transition:-webkit-transform 5s cubic-bezier(.19,.51,.32,.99);transition:transform 5s cubic-bezier(.19,.51,.32,.99);transition:transform 5s cubic-bezier(.19,.51,.32,.99), -webkit-transform 5s cubic-bezier(.19,.51,.32,.99)}
body{background-image:url(images/bg.jpg);font-family:Microsoft YaHei;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:0}
[v-cloak]{display:none}
.header{text-align:center}
.header-logo{position:fixed;top:12px;left:14px;height:40px}
.header-logo>img{max-height:100%}
.header-title{width:80%}
.header-description{color:#000;font-weight:bolder;margin:0}
.sub{color:red!important}
.time-reminder{color:#fff;font-weight:bolder}
.time-reminder .reminder-p{margin:0}
.time-reminder .reminder-opacity{opacity:0}
.roulette-base{background-image:url(images/base.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:647px;height:721px;position:absolute;left:50%}
.pointer{position:absolute;left:0;right:0;margin:0 auto;top:90px}
.show-result-container{position:fixed;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;width:100vw}
.show-result-container img{height:100%}
.winningPrize{position:relative}
.winningPrize img{max-height:50vh}
.result-close{position:absolute;cursor:pointer}
.result-winning-btn{position:absolute;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.game-over-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:98vw;height:100%}
.game-over{margin:0!important;width:30%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:rgba(0,0,0,.9);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff}
.game-over a{margin-top:15px}
@media screen and (max-width:1024px){body{background-image:url(images/mbg.jpg)}
.header{text-align:center;margin-top:15%;margin-bottom:10%}
.header-description{font-size:4vw}
.time-reminder{font-size:4vw;margin-top:5px}
.result-close{position:absolute;right:-5vw;top:-5vw}
.result-close .rti{width:15vw;height:15vw}
.result-text{top:46%;font-size:3vh}
.result-text-thank{font-size:40px}
.result-winning-btn{top:22vh}
.game-over{width:65%;padding:4vw;line-height:6vw;font-size:4vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
}
@media screen and (min-width:1025px) and (max-width:1920px){.desktop-adjust{width:40%;margin:0 auto}
.header{padding:10px 0}
.header-description{font-size:2.8vh}
.time-reminder{margin-top:10px;font-size:2.8vh}
.pointer{cursor:pointer}
.result-close{position:absolute;right:-1.5vw;top:-1.5vw}
.result-close .rti{width:55px;height:55px}
.result-text{top:46%;font-size:32px}
.result-winning-btn{top:22vh}
.game-over{width:30%;padding:20px;line-height:1.7;font-size:25px}
}
@media screen and (min-width:1600px){.desktop-adjust{width:38%}
.header{padding:5% 0}
}
@media screen and (min-width:1921px){body{background-position:bottom}
.desktop-adjust{width:28%;margin:0 auto}
.result-close{position:absolute;right:-25px;top:-25px}
.result-close .rti{width:60px;height:60px}
.result-text{top:46%;font-size:32px}
.result-winning-btn{right:10px;bottom:10px}
}
@media screen and (max-height:640px){.result-close{position:absolute;right:-25px;top:-25px}
.result-close .rti{width:10vh;height:10vh}
.winningPrize{position:relative}
.winningPrize img{max-height:80vh}
.result-winning-btn{top:30vh}
.result-winning-btn img{height:9vh}
}