@charset "UTF-8";
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a, img, input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  text-decoration: none;
}

ul, li {
  list-style: none;
}

/* 去除点击时闪现一个半透明灰色块 */
div,
input[type=button],
input[type=submit],
input[type=file],
button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* 禁止长按链接与图片弹出菜单 */
/*a, img {-webkit-touch-callout: none; } */
/* 禁止选中文本（如无文本选中需求，此为必选项） */
/* 
html, body {
		-webkit-user-select: none;
		user-select: none;
} */
/* 强制横屏 */
.wrap{position:absolute; top:0; left:0; width:100%; height:100%; transform-origin:0 0;}
.scrollBox{-webkit-overflow-scrolling: touch;transform: translate3d(0,0,0);}
@font-face {
  font-family: huawen;
  src: url("https://dldir1.qq.com/yxgw/srpg/act/a20230122cjbb/huawen.ttf") format("truetype");
}
html, body {
  height: 100%;
  overflow: hidden;
}

.spr {
  font-size: 0;
}

.loading-wrap {
  height: 100%;
}
.loading-wrap .loading {
  width: 100%;
  height: 100%;
}

.button-prev, .button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  z-index: 999;
  display: none;
}
.button-prev {
  left: 0.1rem;
}
.button-next {
  right: 0.1rem;
}
.slide-tip {
  position: absolute;
  left: 50%;
  bottom: 0.45rem;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 999;
  display: none;
}

.main {
  position: relative;
  height: 100%;
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-main.jpg) no-repeat center;
  background-size: cover;
}
.main .logo {
  width: 1.34rem;
  height: 0.83rem;
  margin: 0.39rem 0 0 0.64rem;
}
.main .spr-main-title {
  position: absolute;
  top: 0.14rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main .spr-sub-title {
  position: absolute;
  top: 1.48rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main .spr-btn-rule {
  position: absolute;
  right: 0;
  top: 1.58rem;
}
.main .btn-music {
  position: absolute;
  right: 0;
  top: 2.43rem;
}
.main .login {
  position: absolute;
  bottom: 1.57rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0.19rem;
  color: #0E0E10;
  font-family: huawen;
}
.main .login a {
  font-family: huawen;
  color: #A00C05;
}
.main .btns {
  position: absolute;
  bottom: 0.62rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main .btns .spr-btn-skip {
  margin-left: 0.4rem;
}

.dialog {
  display: none;
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 99999;
}
.dialog .close {
  position: absolute;
  top: 0;
  right: -0.2rem;
}
.dialog-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.dialog-rewards {
  position: relative;
  width: 6.78rem;
  height: 4.72rem;
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/dialog-rewards.png) no-repeat center;
  background-size: cover;
}
.dialog-rewards .btn-share {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.dialog-rules {
  position: relative;
  width: 7.22rem;
  height: 4.63rem;
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/dialog-rule.png) no-repeat center;
  background-size: 7.22rem 4.63rem;
  font-family: huawen;
  /* .cont {
  	position: absolute;
  	top: 0;
  	left: 0;
  }
  .wrap-scroll-bar {
  	position:absolute;
  	top: 0;
  	right: .5rem;
  }
  .scroll-bar {
  	position:absolute;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  } */
}
.dialog-rules .content-wrap {
  position: relative;
  margin-top: 1.4rem;
  height: 2.6rem;
  overflow: auto;
}
.dialog-rules .spr-r-time {
  margin-left: 0.8rem;
}
.dialog-rules .time {
  font-size: 0.19rem;
  margin-left: 1.2rem;
}
.dialog-rules .spr-r-rule {
  margin-left: 0.8rem;
}
.dialog-rules .rule {
  font-size: 0.19rem;
  line-height: 0.4rem;
  margin-left: 1.2rem;
  margin-right: 0.6rem;
}
.dialog-rules .spr-r-rewards {
  margin-top: 0.1rem;
  margin-left: 0.8rem;
}
.dialog-rules .spr-rewards {
  margin-left: 1.2rem;
}

.dialog-bind {
  width: 6.75rem;
  height: 5.58rem;
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/dialog-bind.png) no-repeat center;
  background-size: cover;
  padding-left: 2.4rem;
}
.dialog-bind .system, .dialog-bind .platform, .dialog-bind .area, .dialog-bind .role {
  position: relative;
  width: 3.64rem;
  height: 0.46rem;
  font-size: 0;
}
.dialog-bind .system::after, .dialog-bind .platform::after, .dialog-bind .area::after, .dialog-bind .role::after {
  content: "";
  width: 0.3rem;
  height: 0.27rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAMAAABcI88jAAABFFBMVEVHcEwHBwcLCwscHBw6OjqCgoIQEBB4eHiWlpYNDQ0JCQkCAgI5OTkJCQkFBQUrKysGBgYCAgIDAwMDAwMEBAR2dnYXFxcsLCwUFBSIiIhVVVUCAgIHBwcDAwMAAAAHBwcTExNFRUVfX1+UlJQwMDBMTEwlJSUAAABzc3MLCwufn5+1tbU0NDS9vb08PDwcHBx+fn6vr6+VlZUcHBwMDAyIiIiWlpa3t7fAwMDDw8O6urq9vb3FxcXOzs7Hx8fJycnR0dGzs7PU1NSwsLDKysqtra3MzMy1tbUBAQHX19eenp6pqakPDw8HBwelpaXm5ubf39+MjIxLS0vZ2dlXV1d5eXlra2t9fX3t7e1GRkZlZWUgICDjIKUNAAAATHRSTlMAHg8q/f5BBP4GF00YaZ3+i8o2Xqb8ytt9FN58VkZvtNPjhpR/obndQdzd9GLjd6jl58WD7OTh///////////////////////////+1T/mpQAAAgNJREFUKM9tk3lz2jAQxeNgiIFw5g6Q++p917uSLCxLtnxiIJCk7ff/HnVIm4FJ9h/N6Df7JL19Wlt7tTY2Xt39t1bXqy/YZmO7s3uy3esWuLa+ytaN/TfmbMeKrV+tTn3NWMWV9t48xiBSAcQ4SberK4dXmq146OCQSeAKg99he7l3a3ePeMJHW9joUOLRNOxVSv9p7eTUioQWWgtIhOKYj7Kw/azeOLRcO6EoCQUg6tbl+Tz9PigesFDYLbtUAJE+BeY4Qf4ALJj9CZsDo1ZYUZ9KJAS0llJTFSAiC6KymXZKj/rd5o5HBdE+cOYMPZciRXRHs9bx07WvRra2Ew2jsjWZWDFjtq/HODMbC3z00/WTQtmZhFmWhtOAcKbGwXRaf6QHlxKE72tBHDNMw3SkEAJHRXfm1mJIFz/QL5q1UKMsyywHXHQUuuXDykJ80PhKUBMu/fwu3BlzsCkC8vtDY4GNb+dU+glQiXBHGQBHdHK8vyw9+bZ/9kUU4raWVHEGhHm34wf9ub/5hEtHZyoRgFrbBDkU7e44v//4PPHK/gcqmS2h8KzwUyHGk+ZS7N5fvAt4YbhiUcTA86zynrGEDzZv3hKPE2XTsed6sXXar66G9uA8Qc9zo0iJ8vRT13gR1LY5j635zGxd1V+LeO3ounOcXR9vLQd+ubqDeq9vrHyAv4DhawrMboh1AAAAAElFTkSuQmCC) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 0.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.dialog-bind .system {
  margin-top: 1.5rem;
}
.dialog-bind .platform, .dialog-bind .area, .dialog-bind .role {
  margin-top: 0.28rem;
}
.dialog-bind select {
  font-size: 0.2rem;
  color: #959595;
  line-height: 1;
  padding-left: 0.17rem;
  border: none;
  outline: none;
  /* 隐藏select的下拉图标 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.dialog-bind .confirm {
  display: inline-block;
  margin-top: 0.14rem;
}

.review {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.review .content {
  letter-spacing: 0.05rem;
  font-size: 0.2rem;
  color: #000;
  font-family: huawen;
}

.review1 {
  background-image: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-review1.jpg);
}
.review1 .spr-review-1-t {
  position: absolute;
  top: 0.3rem;
  left: 2.8rem;
}
.review1 .name {
  display: inline-block;
  width: 1.76rem;
  border-bottom: 1px solid #aa1a11;
  text-align: center;
}
.review1 .spr-review-1-l {
  position: absolute;
  top: 0.3rem;
  left: 4.8rem;
}
.review1 .content {
  position: absolute;
  top: 0.35rem;
  left: 5.5rem;
}
.review .content span {
  font-size: 0.24rem;
}
.review1 .content span {
  color: #aa1a11;
}
.review1 .content .c2, .review1 .content .c3 {
  margin-top: 0.25rem;
}
.transition {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  display: none;
  object-fit: cover;
}

.review2 {
  background-image: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-review2.jpg);
}
.review2 .spr-review-2-t {
  position: absolute;
  top: 0.3rem;
  left: 2.8rem;
}
.review2 .spr-review-2-l {
  position: absolute;
  top: 0.3rem;
  left: 4.8rem;
}
.review2 .content {
  position: absolute;
  top: 0.35rem;
  left: 5.5rem;
}
.review2 .content span {
  color: #aa1a11;
}
.review2 .content .c2, .review2 .content .c3, .review2 .content .c4 {
  margin-top: 0.25rem;
}

.review3 {
  background-image: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-review3.jpg);
}
.review3 .spr-review-3-t {
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
}
.review3 .spr-review-3-l {
  position: absolute;
  top: 0.3rem;
  right: 3.9rem;
}
.review3 .content {
  position: absolute;
  top: 0.45rem;
  right: 4.4rem;
  text-align: right;
}
.review3 .content span {
  color: #aa1a11;
}
.review3 .content .c2, .review3 .content .c3, .review3 .content .c4 {
  margin-top: 0.25rem;
}

.review4 {
  background-image: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-review4.jpg);
}
.review4 .spr-review-4-t {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  -webkit-transform: translate3d(-1.5rem, 0, 0);
  -moz-transform: translate3d(-1.5rem, 0, 0);
  -ms-transform: translate3d(-1.5rem, 0, 0);
  -o-transform: translate3d(-1.5rem, 0, 0);
  transform: translate3d(-1.5rem, 0, 0);
}
.review4 .spr-review-4-l {
  position: absolute;
  top: 2.3rem;
  left: 50%;
  -webkit-transform: translate3d(-2rem, 0, 0);
  -moz-transform: translate3d(-2rem, 0, 0);
  -ms-transform: translate3d(-2rem, 0, 0);
  -o-transform: translate3d(-2rem, 0, 0);
  transform: translate3d(-2rem, 0, 0);
}
.review4 .content {
  position: absolute;
  top: 2.78rem;
  left: 50%;
  -webkit-transform: translate3d(-0.8rem, 0, 0);
  -moz-transform: translate3d(-0.8rem, 0, 0);
  -ms-transform: translate3d(-0.8rem, 0, 0);
  -o-transform: translate3d(-0.8rem, 0, 0);
  transform: translate3d(-0.8rem, 0, 0);
}
.review4 .content span {
  color: #aa1a11;
}
.review4 .content .c2, .review4 .content .c3, .review4 .content .c4 {
  margin-top: 0.2rem;
}

.lottery {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-lottery.jpg) no-repeat center;
  background-size: cover;
}
.lottery > .spr {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lottery .lottery-title {
  bottom: 1.92rem;
}
.lottery .lottery-subtitle {
  bottom: 2.1rem;
}
.lottery .btns {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 1.3rem;
}
.lottery .btns .btn-keyword {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.lottery .lottery-tip {
  position: absolute;
  bottom: 1rem;
}

.share {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* .liubei {
  	.pic {
  		width: 6.17rem;
  		height: 5.98rem;
  		top: 50%;
  		left: 50%;
  		transform: translate(-119%, -57%);
  	}
  	.name {
  		top: 50%;
  		left: 50%;
  		transform: translate(-738%, -132%);
  	}
  	.grade-wrap {
  		top: 50%;
  		left: 50%;
  		transform: translate(-6%, -57%);
  	}
  } */
}
.save-tip {
  display: none;
  position: fixed;
  bottom: 1.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99999;
}
.btn-back {
  position: fixed;
  top: 1.5rem;
  right: 0;
  z-index: 99999;
}
.share .role {
  position: relative;
  width: 100%;
  height: auto;
  /* -o-object-fit: cover;
  object-fit: cover;
  object-position: center; */
}
.post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.share .prefa {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  z-index: 0;
  margin: 0 auto;
  overflow: hidden;
  font-size: 0;
}
.share .grade-wrap {
  position: absolute;
  top: 0.8rem;
  right: 2.2rem;
}
.share .grade-wrap .word {
  font-family: huawen;
  font-size: 0.1rem;
  color: #000;
  text-align: center;
}
.share .grade-wrap .word span {
  font-size: 0.1rem;
  line-height: 0.1rem;
  color: #aa1a11;
  padding-bottom: 0.02rem;
  border-bottom: 1px solid #aa1a11;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
#share .grade-wrap {
  top: 1.9rem;
  right: 4.5rem;
}
#share .grade-wrap .word {
  font-size: 0.23rem;
}
#share .grade-wrap .word span {
  font-size: 0.23rem;
  line-height: 0.23rem;
}

.dialog-login {
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg.png) no-repeat center;
  background-size: cover;
  width: 6.73rem;
  height: 3.55rem;
  padding-top: 1rem;
  text-align: center;
  font-size: 0;
}
.dialog-login a {
  width: 1.28rem;
  display: inline-block;
}
.dialog-login .wx {
  margin-left: 1rem;
}
.dialog-login .close {
  top: -0.2rem;
}

.dialog-copy {
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg.png) no-repeat center;
  background-size: cover;
  width: 6.73rem;
  height: 3.55rem;
  padding-top: 0.75rem;
  font-size: 0;
  text-align: center;
}
.dialog-copy .tip {
  margin: 0 auto;
}
.dialog-copy .link {
  margin: 0.32rem auto;
  font-size: 0.2rem;
  color: #000;
  line-height: 1;
  padding: 0 0.2rem;
  text-align: center;
}
.dialog-copy .btn-copy {
  display: block;
  margin: 0 auto;
}
.dialog-copy .close {
  top: -0.2rem;
}
.dialog-tip {
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg.png) no-repeat center;
  background-size: cover;
  width: 6.73rem;
  height: 3.55rem;
}
.dialog-tip .tip-wrap{
  height: 100%;
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.dialog-tip .close {
  top: -0.1rem;
}
.dialog-tip .tip-wrap .content {
  font-size: 0.2rem;
  color: #000;
  text-align: center;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dialog-authorization {
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg-authorization.png) no-repeat center;
  background-size: cover;
  width: 6.78rem;
  height: 3.7rem;
}
.dialog-authorization .btn-group {
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.dialog-authorization .spr-word-close {
  margin-right: 0.75rem;
}
.dialog-authorization .btn-group > a {
  display: inline-block;
}
.dialog-share {
  background: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/bg.png) no-repeat center;
  background-size: cover;
  width: 6.73rem;
  height: 3.55rem;
  padding-top: 0.45rem;
  text-align: center;
}
.dialog-share .spr-share-tip {
  margin: 0 auto;
}
.dialog-share .btn-group {
  margin-top: 0.36rem;
}
.dialog-share .btn-group > a {
  display: inline-block;
}
.dialog-share .btn-group a:first-child {
  margin-right: 1.45rem;
}
.dialog-share .close {
  top: -0.2rem;
}
.share-tr-tip {
  position: fixed !important;
  top: 0;
  right: 0;
  left: initial;
  width: 4.42rem;
  height: 0.85rem;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*footer*/
#afooter {
  text-align: center;
  font-size: 0.12rem;
  background: #000;
  color: #fff;
  padding: 0.4rem 0;
  line-height: 0.44rem;
}

.img-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  z-index: 99999;
}
.img-loading .generating-role {
  width: 1.45rem;
  height: 1.42rem;
  margin-bottom: 0.22rem;
}
.img-loading .generating-tip {
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #fff;
  position: relative;
}
.generating-tip .generating {
  position: absolute;
  top: 50%;
  left: -0.53rem;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

}

#afooter a {
  color: #fff;
}
.spr { background-image: url(//game.gtimg.cn/images/srpg/act/a20230122cjbb/sprites-generated.png); }
.spr-arrow-l.spr { width: 0.73rem; height: 0.84rem; background-position: -13.06rem -2.03rem; background-size: 14.2rem 11.93rem; }
.spr-arrow-r.spr { width: 0.73rem; height: 0.84rem; background-position: -12.07rem -4.2rem; background-size: 14.2rem 11.93rem; }
.spr-border-input.spr { width: 3.64rem; height: 0.46rem; background-position: -5.88rem -7.45rem; background-size: 14.2rem 11.93rem; }
.spr-btn-allow.spr { width: 2.23rem; height: 0.58rem; background-position: -1.14rem -10rem; background-size: 14.2rem 11.93rem; }
.spr-btn-back.spr { width: 2.48rem; height: 0.68rem; background-position: 0rem -9.27rem; background-size: 14.2rem 11.93rem; }
.spr-btn-close.spr { width: 0.89rem; height: 0.77rem; background-position: -13.06rem -1.21rem; background-size: 14.2rem 11.93rem; }
.spr-btn-confirm.spr { width: 2.16rem; height: 0.59rem; background-position: -1.14rem -10.63rem; background-size: 14.2rem 11.93rem; }
.spr-btn-copy.spr { width: 2.16rem; height: 0.59rem; background-position: -3.35rem -10.63rem; background-size: 14.2rem 11.93rem; }
.spr-btn-keyword.spr { width: 2.14rem; height: 0.59rem; background-position: -5.56rem -10.63rem; background-size: 14.2rem 11.93rem; }
.spr-btn-lottery.spr { width: 2.13rem; height: 0.59rem; background-position: -12.07rem 0rem; background-size: 14.2rem 11.93rem; }
.spr-btn-music-hl.spr { width: 2.48rem; height: 0.68rem; background-position: -2.53rem -9.27rem; background-size: 14.2rem 11.93rem; }
.spr-btn-music.spr { width: 2.48rem; height: 0.68rem; background-position: -5.06rem -9.27rem; background-size: 14.2rem 11.93rem; }
.spr-btn-review.spr { width: 2.76rem; height: 0.76rem; background-position: -4.34rem -4.08rem; background-size: 14.2rem 11.93rem; }
.spr-btn-rule.spr { width: 2.48rem; height: 0.68rem; background-position: -7.59rem -9.27rem; background-size: 14.2rem 11.93rem; }
.spr-btn-share.spr { width: 2.23rem; height: 0.58rem; background-position: -3.42rem -10rem; background-size: 14.2rem 11.93rem; }
.spr-btn-skip.spr { width: 2.76rem; height: 0.76rem; background-position: -4.34rem -4.89rem; background-size: 14.2rem 11.93rem; }
.spr-copy-tip.spr { width: 5.49rem; height: 0.57rem; background-position: -3.27rem -5.8rem; background-size: 14.2rem 11.93rem; }
.spr-login-qq.spr { width: 1.25rem; height: 1.64rem; background-position: -4.58rem -6.42rem; background-size: 14.2rem 11.93rem; }
.spr-login-wx.spr { width: 1.26rem; height: 1.64rem; background-position: -3.27rem -6.42rem; background-size: 14.2rem 11.93rem; }
.spr-lottery-subtitle.spr { width: 5.16rem; height: 0.32rem; background-position: -1.58rem -8.72rem; background-size: 14.2rem 11.93rem; }
.spr-lottery-tip.spr { width: 4.15rem; height: 0.17rem; background-position: -3.27rem -8.44rem; background-size: 14.2rem 11.93rem; }
.spr-lottery-title.spr { width: 8.44rem; height: 2.16rem; background-position: 0rem 0rem; background-size: 14.2rem 11.93rem; }
.spr-main-title.spr { width: 8.27rem; height: 1.82rem; background-position: 0rem -2.21rem; background-size: 14.2rem 11.93rem; }
.spr-r-rewards.spr { width: 2.3rem; height: 0.41rem; background-position: -7.98rem -10rem; background-size: 14.2rem 11.93rem; }
.spr-r-rule.spr { width: 2.3rem; height: 0.41rem; background-position: 0rem -11.52rem; background-size: 14.2rem 11.93rem; }
.spr-r-time.spr { width: 2.3rem; height: 0.41rem; background-position: -2.35rem -11.52rem; background-size: 14.2rem 11.93rem; }
.spr-review-1-l.spr { width: 0.28rem; height: 2.3rem; background-position: -12.73rem -1.21rem; background-size: 14.2rem 11.93rem; }
.spr-review-1-t.spr { width: 1.64rem; height: 2.87rem; background-position: -1.58rem -5.8rem; background-size: 14.2rem 11.93rem; }
.spr-review-2-l.spr { width: 0.28rem; height: 2.81rem; background-position: -12.4rem -1.21rem; background-size: 14.2rem 11.93rem; }
.spr-review-2-t.spr { width: 1.86rem; height: 2.01rem; background-position: -8.49rem -2.95rem; background-size: 14.2rem 11.93rem; }
.spr-review-3-l.spr { width: 0.28rem; height: 3.51rem; background-position: -12.07rem -0.64rem; background-size: 14.2rem 11.93rem; }
.spr-review-3-t.spr { width: 2.4rem; height: 2.9rem; background-position: -8.49rem 0rem; background-size: 14.2rem 11.93rem; }
.spr-review-4-l.spr { width: 1.53rem; height: 3.42rem; background-position: 0rem -5.8rem; background-size: 14.2rem 11.93rem; }
.spr-review-4-t.spr { width: 4.29rem; height: 1.67rem; background-position: 0rem -4.08rem; background-size: 14.2rem 11.93rem; }
.spr-rewards.spr { width: 2.2rem; height: 0.68rem; background-position: -8.49rem -5.01rem; background-size: 14.2rem 11.93rem; }
.spr-save-tip.spr { width: 6.12rem; height: 0.28rem; background-position: -3.27rem -8.11rem; background-size: 14.2rem 11.93rem; }
.spr-scroll-bar.spr { width: 0.07rem; height: 2.6rem; background-position: -12.07rem -5.09rem; background-size: 14.2rem 11.93rem; }
.spr-scroll-position.spr { width: 0.29rem; height: 0.22rem; background-position: -13.84rem -2.03rem; background-size: 14.2rem 11.93rem; }
.spr-share-pyq.spr { width: 1.08rem; height: 1.46rem; background-position: -10.94rem -3.1rem; background-size: 14.2rem 11.93rem; }
.spr-share-qq.spr { width: 1.08rem; height: 1.5rem; background-position: -10.94rem 0rem; background-size: 14.2rem 11.93rem; }
.spr-share-qqzone.spr { width: 1.08rem; height: 1.5rem; background-position: -10.94rem -1.55rem; background-size: 14.2rem 11.93rem; }
.spr-share-tip.spr { width: 1.61rem; height: 0.52rem; background-position: -12.4rem -0.64rem; background-size: 14.2rem 11.93rem; }
.spr-share-wx.spr { width: 1.09rem; height: 1.47rem; background-position: 0rem -10rem; background-size: 14.2rem 11.93rem; }
.spr-slide-tip.spr { width: 3.51rem; height: 0.48rem; background-position: -5.88rem -6.92rem; background-size: 14.2rem 11.93rem; }
.spr-sub-title.spr { width: 4.1rem; height: 0.45rem; background-position: -5.88rem -6.42rem; background-size: 14.2rem 11.93rem; }
.spr-want-share.spr { width: 2.14rem; height: 0.59rem; background-position: -7.75rem -10.63rem; background-size: 14.2rem 11.93rem; }
.spr-word-close.spr { width: 2.23rem; height: 0.58rem; background-position: -5.7rem -10rem; background-size: 14.2rem 11.93rem; }