/*
* 活动用 变量
*/
.winning-sign-view {
  margin: 6.186667rem auto 0.533333rem;
  width: 9.066667rem;
  height: 2.826667rem;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0b3aab), to(#316dbf));
  background-image: linear-gradient(0deg, #0b3aab 0%, #316dbf 100%);
  -webkit-box-shadow: 0.053333rem 0.053333rem 0.16rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0.053333rem 0.053333rem 0.16rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.213333rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.winning-sign-view ul {
  max-width: 90%;
  margin: auto;
  -webkit-animation: startScroll1 18s linear infinite;
  animation: startScroll1 18s linear infinite;
}
.winning-sign-view ul li {
  color: #fff;
  font-size: 0.32rem;
  text-align: left;
  line-height: 0.8rem;
  white-space: nowrap;
  word-wrap: none;
  word-break: keep-all;
}
.winning-sign-view ul li > span {
  color: #eccc03;
}
@-webkit-keyframes startScroll1 {
0% {
    -webkit-transform: translateY(0.8rem);
    transform: translateY(0.8rem);
}
100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}
@keyframes startScroll1 {
0% {
    -webkit-transform: translateY(0.8rem);
    transform: translateY(0.8rem);
}
100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}
/*
* 活动用 变量
*/
.rewarded-view {
  z-index: 5;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.rewarded-view .content-view {
  z-index: 10;
  width: 6.826667rem;
  min-height: 5.333333rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.rewarded-view .content-view .title-view {
  width: 100%;
  display: inline-block;
  font-family: PingFangSC-Medium;
  font-size: 0.533333rem;
  color: #f8201c;
}
.rewarded-view .content-view .win-view > p {
  margin: 0.106667rem 0 0.053333rem 0;
  font-family: PingFangSC-Semibold;
  font-size: 0.453333rem;
  color: #000;
  line-height: 0.586667rem;
}
.rewarded-view .content-view .win-view > img {
  max-width: 3.893333rem;
  max-height: 3.893333rem;
  margin: auto;
}
.rewarded-view .content-view .win-view > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 0.4rem;
  font-family: PingFangSC-Regular;
  font-size: 0.32rem;
  color: #f8201c;
}
.rewarded-view .content-view .no-view div {
  font-size: 0.32rem;
}
.rewarded-view .content-view .no-award {
  font-size: 0.64rem;
  color: #c22339;
}
.rewarded-view .content-view .confirm-btn {
  margin: auto;
  width: 3.786667rem;
  background-color: #f8201c;
  font-family: PingFangSC-Semibold;
  font-size: 0.426667rem;
  color: #fff;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  margin-top: 0.266667rem;
}
/*
* 活动用 变量
*/
.roulette-rotary-table-view {
  position: relative;
  overflow: hidden;
}
.roulette-rotary-table-view .plate-view {
  margin: 0 auto;
  padding: 0;
  width: 9.6rem;
  height: 9.573333rem;
  background-image: url(../img/wheel.ce318572.png);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-transition-duration: 3800ms;
  transition-duration: 3800ms;
  position: relative;
}
.roulette-rotary-table-view .plate-view.no-animation {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.roulette-rotary-table-view .plate-view .rotating12 {
  -webkit-transform: rotate(345deg) scale(0.86);
  transform: rotate(345deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating11 {
  -webkit-transform: rotate(315deg) scale(0.86);
  transform: rotate(315deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating10 {
  -webkit-transform: rotate(285deg) scale(0.86);
  transform: rotate(285deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating9 {
  -webkit-transform: rotate(255deg) scale(0.86);
  transform: rotate(255deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating8 {
  -webkit-transform: rotate(225deg) scale(0.86);
  transform: rotate(225deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating7 {
  -webkit-transform: rotate(195deg) scale(0.86);
  transform: rotate(195deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating6 {
  -webkit-transform: rotate(165deg) scale(0.86);
  transform: rotate(165deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating5 {
  -webkit-transform: rotate(135deg) scale(0.86);
  transform: rotate(135deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating4 {
  -webkit-transform: rotate(105deg) scale(0.86);
  transform: rotate(105deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating3 {
  -webkit-transform: rotate(75deg) scale(0.86);
  transform: rotate(75deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating2 {
  -webkit-transform: rotate(45deg) scale(0.86);
  transform: rotate(45deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating1 {
  -webkit-transform: rotate(15deg) scale(0.86);
  transform: rotate(15deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view .rotating0 {
  -webkit-transform: rotate(-15deg) scale(0.86);
  transform: rotate(-15deg) scale(0.86);
}
.roulette-rotary-table-view .plate-view > li {
  position: absolute;
  left: 4.053333rem;
  top: 0.453333rem;
  width: 1.6rem;
  height: 4.266667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  -webkit-transform: rotate(15deg) scale(0.86);
  transform: rotate(15deg) scale(0.86);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% bottom;
  transform-origin: 50% bottom;
}
.roulette-rotary-table-view .plate-view > li > .img-view {
  width: 1.066667rem;
  height: 1.066667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
}
.roulette-rotary-table-view .plate-view > li > .img-view > img {
  width: 1.066667rem;
  height: 1.066667rem;
}
.roulette-rotary-table-view .plate-view > li > p {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.106667rem 0.213333rem;
}
.roulette-rotary-table-view .plate-view > li:nth-child(2n + 1) p {
  color: #002ea0;
}
.roulette-rotary-table-view .voice-view {
  position: absolute;
  right: 0.586667rem;
  top: 0.133333rem;
}
.roulette-rotary-table-view .voice-view > div {
  width: 0.533333rem;
  height: 0.533333rem;
  background-size: 0.533333rem;
  background-position: center;
  background-repeat: no-repeat;
}
.roulette-rotary-table-view .voice-view > div.open-voice {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAACJCAMAAAAv+uv7AAAApVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+4/eNVAAAANnRSTlMAcGBAAgniygb6pVpT6GkkiBCWQ93ZtntOSTL37NTFv3It0bGejIUbFxS7dg308TkpkGSAHqvJnBjLAAAEuklEQVR42uXcB27bMBiG4d+Kti3vPeK9R+w0/e5/tBYFiiIkFS6JMdDnAMYLmRZJDVMJauvKkp6CByB8dHz6dh7+yB5j+mYe/oq8gFyQlwDZ4EguyEuAa9Ndy9ITlvxrGQTkxH1aYUtYYZUcaISQlgCnBpVtH0KlBMnZp1IdulArAaJSD8txBuUSXEscLa0IGiXAJqZyBBH0ShDtqQzBHLolyMqYi+I+9EtwHVHR/DVySg7nCF+oFh2Sgiv5p7HLkKtOhWqDKWHE1ZWblAfYEt4oQo53KkwTTIlYrQuxGhVkALUSigcTiExeqBALsCX5GnOI3O5UgDo0SshfJBDotchaFZIS1rgLgb5PlmrQLaFWHwIDsjNM9EvIf0DAbtR2JhCVSFXAC22GytsEZiXkgZdahNxgWkJV8IZkaDmFaYk4JbwY7iemsCmhBTht042NXQm1wUqWJhubLmxL/BNYc9J27MG6hFqh/aA9zlBACb0lYKx8g42NaklA+QaWy9rgFRol3il/HPrcJ80MNjbKJcA2oBz3icVIidfQLUFvTDl+gPFKqvyf0C/B5J3Egi4YY1KUwqQEaKoucDbKJ0bDEqQ+CUXs8vpCKrYwLMlPGRltf3YwKJFNcJFwzHpf2sKqBAu1kfJBv0HCrgQdEvC77Ac4KMkOKuf8uYMS/CSBDzBaJZXIN+Mndhp0URIGCmvaTUkl8r3eJWF2yU5KphfisbP7wUUJzgrr/JqTktAnzh2f7ZyUYES8DJ/03ZSkxOszx81NyTWWL90uTkowki8Nxm5KtsTZsz8eNyUR8Zhz28JNSRITp8ccNjclWEonwdRRSZU4G+aE4qhkIbv0j1dHJVvpCWXlqGQjnQNDRyUpcerfU7Imjve/H5PnGSfNp/ntVJ7mfFJ7mnPsXbq6T79vLu4yI+nb1id+wnyGm5KmfJNec1PSkV/NWTopmcbyy2aBk5LN0+x3Xog3ZaZIJyU94o3x2Q8nJXWFK21DFyVZTDz25srRRUmdeC3uJo+DklmscEe97aLkhRS+nKGDkjYJNNgZ8lJ+yeyicl/iRKWXXO8kEIei3/nLl86WJUO1Zx0OJFexKqmT0Iz7clScDUokIUPDm9c745J3EvLZQ3ILSM3WrOQ2IjHP/CGUtknJqkFil4xf+CtLtUuSZqx8iE+kzv+pWTJfUp5xwi9yNcRrnZKXEeWKV2BEBo+Ry0vkmtYP5QSvhZR0wHo1ed3AvmSfFfHw43FmXRJEkste1k9vVYzPBkmDTOy7diVNcHbGry/ZlJzB6QVkmjI1L6mD1yFjy6lpyRm8Nll4u5mV7GD73fApE4OSOAUvGZOdzkS7ZB+V857IMNEs6WQQSMleTaskbkIkCqgAVY2S8Qoi2Z4KUVctaT0gdBtTQRZKJXF9CqGkQ4UZyEtir4uckCEVqCkpaVVCV2+/Pb4qedtckSepUcHaeSUf2y7yTUp4NTE1eUdy+kbF89f6Jb0GlSHu65b0W1SOYK5XsvOpLEGkUZJ1qEStSLmkf6BSHWdqJTePynboqpSkByrfPpSWrDrkRKP2dUn27pN7fElWCcg9vqT37qJDXrIe+eQcX7I6f5BzfEk0eIY/Mhq1qwZnj1++NHofCR3UjQAAAABJRU5ErkJggg==);
}
.roulette-rotary-table-view .voice-view > div.close-voice {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAACJCAMAAAAv+uv7AAAApVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+4/eNVAAAANnRSTlMAcEDkJOst3Bv38UJgNxXTEAKlCft5yc5WDQUBspmDn2xn3764j1BMxayIY8G8MinodFs6H+EEllRMAAAFK0lEQVR42r3b3VLyMBAG4BUolAqF0iK0UH5EQAXF373/S/tmPOl8ScqbkKTvMYOPbbLZjSN5yPDp831BNyd5DV1JWsz8UR6LGyET7oXOJH8JyuFtEAYUQ8lfZtv8BkhFsZdUCVahKcSGspAlVfr70AhiQ+kOlJLKssr1ITaUbnAnSsR8nBaaEBvKJWAoYX7uEkzJbEPptFlHwtkK1pf7PqAgCJBUW/rikxL+sraE+yd/lLDHGpIqk9QTJe6xmYRnP14o8YhNJRwMLSgAYibh/sE5ZfzANZJ883aFkp3MKRBSScSE08d6y8YpJX1mQSIkOZ7dUR479ZAdyxK5i6yjbE0p7TpKsWNBok5rxurMHVGKJetJKNlG6mXbsqNUECSpEr8oKdHFilK1EVhS5Uv5WHpje8orm0moo1wtT4k1JewZSqhYqygrckepJCifLCe7d0/BEppnMqU9dkmpJPhLpUzICQVLMOXgilJJtCiZ/H5yJxRTCc1ZSklOKFCCd1DW1aBEmGIqIbmunAlnqEExlaQzsGgtKGYS6kSiZJQ4o8iS9Mo4PgCtig1FlrRm31SbF+mhLBxS5CljXVvI4wisFCuKLOF27fG2FSXP5IyiknA2rXnqibR/3t1R1DPgpLh6IVhlrSe5RAwpR/WPektJmaU4oOY6kLzHXE8Bv/ROTRmykBPhLCq/RMESflGXrTflmh1cTclcT8ES3qvPNBbyd6vCKOaUFqyg4vb5BBJMwZKoo1NTzkCCKVjC54TkjIXuJxtXEpeUFr6imCiOQbajYEk01lizayDBFCxR758iEqZkKMEULOmHGs1BjCSYgiX8SnJOcmvAthQsiVKSEsrjOttSsIS/SI5wnj1hCaZgyRvex20itqdASabYyBvhMzmxdT66YgUdsZCBLPmWGje2TyBS4hHuylKpynITlEeS8yHeBnEjFMVCeRArMTdCacEqOyH2RgEX9XuxoLB/irrgT8Velv1T1JvnThiPiRuhLOEZ+EjcCOVJlnwBiSfKWZYcgMQHRf1M5kDiifICb5dGxI1QSjjzzIgboaxgPTkTN0IZNFRjMeUbNm3rSuKVksuSZ3EAYBx7igJCAf+XjRPJOpApKGMvPdtdF1HwKNJ1IyFEgUdxljqSmFMmYrF3JDGntPm/LF1JjCk/YC62kAAKumk7upIACr6njl1JTClpH9wpWUgABfzBtnQmART4cg7OJIaUOBPqWu5MAiigS+IdOZOYUZJf1Re0rmaqKTGjpA/CJ0LC2ZhLqNtGlPGDdA+HMzWXUMeQMiCtrHQkVpR+TnrZa0isKCVpZlFiiRXlQtqUCZZgSjSsobyRfpIXJLGhHMkgxRJILCizBZkk3QHJ7ZQDmSV9BpJbKSaPpOJjiTnlnYwTj4BEl2KfuAckzVHCHpA0R+m0gaRBSgAkzVG6AZCAt+qQMoyApDnKd99cQj99H5T7vrEk3jH7oBwzQ8n3L7MfyjwzkSRTSe6O8mUg6c6Y2R9lqyvJXzNmr5Q7LUlx+mBmz5QpliTzqoz4pLwCSbrpMU7UIvvsr0ney4i10r+3lyzKOkm8Ao/DNSWZ3PI/klHbB2VpLuldOj4oxdJUshsTeaGkOzPJviDyRXkwkARHIvJGGc+0JbuQyCclHulJou3iWm/76WQM0pEsw6tt9pRcJHyEktFR0fFDiHk68+uSYFMohw8AsYwsCaY5mIMqiE9J+y4FIxmAOJI8HRI0HWKIvaS36uBBG0HsJaNVV2uxb8hn3tdfMRnnH2YJurD6i2aWAAAAAElFTkSuQmCC);
}
.roulette-rotary-table-view .lucky-draw-view {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 0.08rem;
  margin-top: 0.106667rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2.72rem;
  height: 2.986667rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.roulette-rotary-table-view .lucky-draw-view.open {
  background-image: url(../img/red-pointer.5fc97f56.png);
}
.roulette-rotary-table-view .lucky-draw-view.close {
  background-image: url(../img/gray-pointer.4dcb34da.png);
}
.roulette-rotary-table-view .audioDom-view {
  display: none;
}
/*
* 活动用 变量
*/
.roulette-qualification-view {
  background: url(../img/bg_quali.0b8733b4.png) no-repeat center top;
  background-size: cover;
  width: 9.226667rem;
  height: 8.266667rem;
  margin: auto;
  margin-top: 0.266667rem;
  overflow: hidden;
}
.roulette-qualification-view .today-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.733333rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  color: #fff;
  font-size: 0.426667rem;
}
.roulette-qualification-view .today-view > span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.roulette-qualification-view .today-view > p {
  width: 100%;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.roulette-qualification-view .today-view > .record-view {
  width: 2.08rem;
  height: 0.693333rem;
  line-height: 0.693333rem;
  border-radius: 0.346667rem;
  text-align: center;
  font-size: 0.346667rem;
  border: 0.026667rem solid #fff;
  color: #fff;
}
.roulette-qualification-view .conditions-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.693333rem;
  padding: 0 0.533333rem;
  height: 4.16rem;
  margin-top: 1.866667rem;
}
.roulette-qualification-view .conditions-view > li {
  width: 3.733333rem;
  height: 1.866667rem;
  border-radius: 0.106667rem;
  background: url(../img/condi.7ee8affc.png) no-repeat center top;
  background-size: contain;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.106667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.373333rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.64rem;
}
.roulette-qualification-view .conditions-view > li.white-bg {
  background-image: url(../img/condi_white.addc8514.png);
}
.roulette-qualification-view .conditions-view > li.white-bg div {
  color: #000400;
  font-weight: bold;
}
/*
* 活动用 变量
*/
.roulette-inner-record-view {
  background: url(../img/bg_record.8de2dea0.png) no-repeat center top;
  background-size: contain;
  width: 9.226667rem;
  height: 7.84rem;
  margin: 0.64rem auto 0.426667rem;
}
.roulette-inner-record-view .box {
  min-height: 5.333333rem;
  overflow: hidden;
  padding-top: 1.546667rem;
}
.roulette-inner-record-view table {
  width: 90%;
  margin: 0 auto;
}
.roulette-inner-record-view table th,
.roulette-inner-record-view table td {
  border: 0.026667rem solid #fff;
  color: #fff;
  padding: 0.133333rem 0.24rem;
  font-size: 0.32rem;
  line-height: 1.4;
}
.roulette-inner-record-view .pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #2167b9;
}
.roulette-inner-record-view .pager button {
  background: #2167b9;
  border-radius: 0.4rem;
  color: #fff;
  padding: 0.08rem 0.4rem;
  border: none;
}
.roulette-inner-record-view .pager button:disabled {
  color: #eee;
  background-color: #aaa;
}
.roulette-inner-record-view .pager.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.roulette-inner-record-view .pager .van-pagination {
  line-height: 0.8rem;
}
.roulette-inner-record-view .pager .van-pagination__page-desc {
  padding: 0 0.32rem;
}
.roulette-inner-record-view .pager .van-pagination__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: initial;
  flex-basis: initial;
  background: #2167b9;
  color: #fff;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
  height: 0.8rem;
}
.roulette-inner-record-view .pager .van-pagination__item::after {
  content: none;
}
.roulette-inner-record-view .link-more {
  background: #2167b9;
  border-radius: 0.4rem;
  color: #fff;
  padding: 0.08rem 0.4rem;
}
/*
* 活动用 变量
*/
.roulette-rules-view {
  margin-top: 0.533333rem;
}
.roulette-rules-view h3 img {
  max-width: 92%;
}
.roulette-rules-view > ul {
  padding: 0 0.533333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.roulette-rules-view > ul > li {
  color: #fff;
  font-size: 0.32rem;
  line-height: 0.64rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.roulette-rules-view > ul > li .order {
  color: #000;
  position: relative;
  text-align: center;
  display: block;
  width: 0.48rem;
  margin-right: 0.213333rem;
}
.roulette-rules-view > ul > li .order::before {
  content: '';
  position: absolute;
  width: 0.426667rem;
  height: 0.426667rem;
  background-color: #fff;
  display: block;
  left: 0.026667rem;
  top: 0.106667rem;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.roulette-rules-view > ul > li .order i {
  font-style: normal;
  position: relative;
}
.roulette-rules-view > ul > li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*
* 活动用 变量
*/
.lucky-roulette-view-bg {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #132679), color-stop(97%, #03122a));
  background-image: linear-gradient(180deg, #132679 5%, #03122a 97%);
}
.lucky-roulette-view {
  min-height: 11.6rem;
  background-image: url(../img/banner.e28031b5.jpg);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #0b084e;
  padding-bottom: 0.533333rem;
}
.lucky-roulette-view .title-img {
  width: 8.053333rem;
  height: 3.093333rem;
  margin: 0.64rem auto 0 auto;
}
.lucky-roulette-view .brief-desc {
  font-size: 0.426667rem;
  font-weight: bold;
  color: #fffdec;
  position: relative;
  left: 0.8rem;
  margin-top: -0.693333rem;
}
.lucky-roulette-view .activity-time {
  color: #fffdec;
  font-size: 0.373333rem;
}
.roulette-popup {
  background-color: #fff;
  border-radius: 0.533333rem;
  padding: 0.48rem;
  -webkit-box-shadow: inset 0 0 0.8rem 0 rgba(36, 119, 244, 0.64);
  box-shadow: inset 0 0 0.8rem 0 rgba(36, 119, 244, 0.64);
}