/**
 * Date: 2019.9.13
 * Update: 2019.9.13
 * Developer: Mine
 * Theme: 非人中秋投票
 */
/*=========================== 引入字体 ====================================*/
@font-face {
  font-family: 'en-Impact';
  src: url('../font/en-Impact.eot');
  src:
    url('../font/en-Impact.eot?#font-spider') format('embedded-opentype'),
    url('../font/en-Impact.woff') format('woff'),
    url('../font/en-Impact.ttf') format('truetype'),
    url('../font/en-Impact.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'num-HYYaKuHeiW';
  src: url('../font/num-HYYaKuHeiW.eot');
  src:
    url('../font/num-HYYaKuHeiW.eot?#font-spider') format('embedded-opentype'),
    url('../font/num-HYYaKuHeiW.woff') format('woff'),
    url('../font/num-HYYaKuHeiW.ttf') format('truetype'),
    url('../font/num-HYYaKuHeiW.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tc-MNCGH';
  src: url('../font/tc-MNCGH.eot');
  src:
    url('../font/tc-MNCGH.eot?#font-spider') format('embedded-opentype'),
    url('../font/tc-MNCGH.woff') format('woff'),
    url('../font/tc-MNCGH.ttf') format('truetype'),
    url('../font/tc-MNCGH.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "en-Impact";
}
/*=========================== dialog通用样式 ====================================*/
#maskLayer {
  display: none;
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  background: #040001;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#alertInfo {
  display: none;
  background: rgba(255, 255, 255, 0);
  left: 50%;
  top: -100%;
  position: absolute;
  z-index: 10000;
  width: 100%;
  max-width: 7.5rem;
}

#alertInfo .close {
  position: absolute;
  left: 6rem;
  top: -0.7rem;
  overflow: hidden;
  font-size: 0;
  text-indent: -999999px;
  display: block;
  width: 0.71rem;
  height: 0.68rem;
  cursor: pointer;
  background: url(../images/dialog/close.png) no-repeat center center;
  background-size: 100% 100%;
  z-index: 220;
}

/*=========================== dialog样式 ====================================*/
.dialog_common {
  background: url(../images/dialog/dialog-bg2.png) no-repeat 0 0 / 100% 100%;
  width: 7.43rem;
  height: 4.04rem;
  margin: 0 auto;
  position: relative;
}

.common_content {
  width: 100%;
  padding: 0 0.5rem;
  font-size: 0.6rem;
  color: #000;
  font-family: "tc-MNCGH";
  position: absolute;
  top: 50%;
  transform: translateY(-70%);
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  text-align: center;
  word-wrap: break-word;
}

.dialog_btnBox {
  width: 6.1rem;
  height: 1.08rem;
  position: absolute;
  top: 1.35rem;
  left: 50%;
  margin-left: -3.05rem;
  display: flex;
  justify-content: space-between;
}

.dialog_btnBox img {
  width: 2.88rem;
  height: 1.08rem;
  cursor: pointer;
}

.dialog_rankRules_content {
  width: 5.91rem;
  height: 0.97rem;
  position: absolute;
  top: 1.38rem;
  left: 50%;
  margin-left: -2.955rem;
}

.dialog_newPrize_content {
  width: 4.03rem;
  height: 0.58rem;
  position: absolute;
  top: 1.5rem;
  left: 50%;
  margin-left: -2.015rem;
}

.dialog_voteSpecial_content {
  width: 4.86rem;
  height: 0.52rem;
  position: absolute;
  top: 1.56rem;
  left: 50%;
  margin-left: -2.43rem;
}

.dialog_voteOrdinary_content {
  width: 4.86rem;
  height: 0.52rem;
  position: absolute;
  top: 1.56rem;
  left: 50%;
  margin-left: -2.43rem;
}

.dialog_getPrize_content {
  width: 100%;
  padding: 0 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -o-transform: translateY(-80%);
  text-align: center;
  word-wrap: break-word;
}
.dialog_getPrize_name, .dialog_getPrize_code {
  font-size: 0.36rem;
  color: #000;
  font-family: "tc-MNCGH";
  font-weight: 700;
}
.dialog_getPrize_name {
  font-style: italic;
}
.getPrize_copyBtn {
  color: #FF61FF;
}
.dialog_common2 {
  background: url(../images/dialog/dialog-bg1.png) no-repeat 0 0 / 100% 100%;
  width: 7.39rem;
  height: 5.81rem;
  margin: 0 auto;
  position: relative;
}
.dialog_explain_title {
  width: 1.89rem;
  height: 0.43rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  margin-left: -0.945rem;
}
.dialog_scrollBox {
  width: 5.4rem;
  height: 3.8rem;
  position: absolute;
  top: 1.06rem;
  left: 1rem;
}
.dialog_explain_words {
  width: 5.08rem;
  height: 7.18rem;
}
.mCSB_inside>.mCSB_container {
  margin-right: 0 !important;
}
.mCSB_scrollTools {
  height: 90% !important;
  top: 0.2rem !important;
  /* right: 0.1rem !important; */
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #541674 !important;
  border: 0.01rem solid #C46AF2 !important;
  /* height: 90% !important;
  margin-top: 0.1rem !important; */
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #BF5CF0 !important;
}
.dialog_voteLog_title {
  width: 2.81rem;
  height: 0.43rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  margin-left: -1.405rem;
}
.dialog_voteLog_row {
  width: 4.7rem;
  height: 1.8rem;
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.dialog_icon {
  width: 1.84rem;
  height: 1.8rem;
}
.dialog_voteLog_info {
  width: 2.57rem;
  height: 1.18rem;
  margin-top: 0.3rem;
}
.dialog_voteLog_name {
  font-family: "tc-MNCGH";
  color: #B853EF;
  font-size: 0.28rem;
  font-style: italic;
  white-space: nowrap;
  text-shadow: #fff 0.01rem 0.01rem 0.01rem;
}
.dialog_voteLog_name span {
  color: #FF38B1;
}
.dialog_voteLog_category {
  width: 2.57rem;
  height: 0.74rem;
}
.dialog_giftLog_title {
  width: 1.87rem;
  height: 0.43rem;
  position: absolute;
  top: 0.4rem;
  left: 50%;
  margin-left: -0.935rem;
}
.dialog_giftLog_row {
  margin-top: 0.15rem;
  width: 5rem;
  padding-left: 0.1rem;
  padding-bottom: 0.1rem;
}
.dialog_giftLog_name, .dialog_giftLog_code {
  font-size: 0.24rem;
  color: #fff;
  font-weight: 700;
  text-shadow: 0.03rem 0 0.05rem #000, 0 0.03rem 0.05rem #000, 0 -0.03rem 0.05rem #000, -0.03rem 0 0.05rem #000;
  /* -webkit-text-stroke: 0.01rem #000; */
  letter-spacing: 0.03rem;
  font-family: "tc-MNCGH";
  line-height: 1.5;
}
/* .dialog_giftLog_name {
  font-style: italic;
} */
.giftLog_copyBtn {
  color: #FFEA4E;
  cursor: pointer;
}
.layui-layer-btn {
  text-align: center !important;
}
.layui-layer-hui {
  width: 80% !important;
}
/*=========================== 内容 ====================================*/
.wrap {
  width: 7.5rem;
  margin: 0 auto;
  overflow: hidden;
}
.topBar {
  background: url(../images/nav-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 1.02rem;
  position: fixed;
  top: 0rem;
  z-index: 999;
}

.topBar_logo {
  width: 2rem;
  height: 0.78rem;
  position: absolute;
  top: 0.12rem;
  left: 0.2rem;
}

.topBar_downBox {
  width: 3.76rem;
  height: 0.59rem;
  position: absolute;
  top: 0.24rem;
  right: 0.2rem;
  display: flex;
  justify-content: space-between;
}

.topBar_downBox a img {
  width: 1.88rem;
}

.leftBar {
  width: 1.34rem;
  height: 1.31rem;
  position: fixed;
  left: 0;
  bottom: 3rem;
  z-index: 999;
}

.leftBar .float_close {
  width: 0.21rem;
  height: 0.2rem;
  position: absolute;
  right: 0rem;
  top: 0rem;
  z-index: 1;
  cursor: pointer;
}

.leftBar .float {
  width: 1.34rem;
  height: 1.31rem;
  z-index: -1;
  cursor: pointer;
}

.s1 {
  background: url(../images/s1-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 13.3rem;
  position: relative;
  z-index: 2;
}

.s1_moon {
  width: 8.9rem;
  height: 8.9rem;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  margin-left: -4.45rem;
  animation: moonAni 50s linear infinite;
  z-index: 1;
}

@keyframes moonAni {
  0% {
    opacity: 1;
    transform: scale(1) rotate(0);
    /* transform: scale(1); */
  }

  25% {
    opacity: 0.9;
    transform: scale(1.02) rotate(90deg);
    /* transform: scale(0.98); */
  }

  50% {
    opacity: 1;
    transform: scale(1.04) rotate(180deg);
    /* transform: scale(0.99); */
  }

  75% {
    opacity: 0.9;
    transform: scale(1.02) rotate(270deg);
    /* transform: scale(0.98); */
  }

  100% {
    opacity: 1;
    transform: scale(1) rotate(360deg);
    /* transform: scale(1); */
  }
}

.s1_change {
  width: 6.95rem;
  height: 6.13rem;
  position: absolute;
  right: -2.22rem;
  top: 1.5rem;
  z-index: 2;
  transform: translate(20%, 20%);
  opacity: 0;
  animation: changeAni ease 1.8s .3s forwards, flaotX ease-in-out 6s 2.1s infinite;
}

@keyframes changeAni {
  0% {
    transform: translate(20%, 20%);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.s1_slo1 {
  width: 1.18rem;
  height: 4.68rem;
  position: absolute;
  top: 3.4rem;
  left: 0.06rem;
  z-index: 3;
  transform: translate(-20%, 20%);
  opacity: 0;
  animation: sloAni ease 1.4s .4s forwards, float ease-in-out 3s 1.8s infinite;
}

.s1_slo2 {
  width: 2.98rem;
  height: 6.13rem;
  position: absolute;
  top: 1.68rem;
  left: 0.8rem;
  z-index: 3;
  transform: translate(-20%, 20%);
  opacity: 0;
  animation: sloAni ease 1.4s .5s forwards, float ease-in-out 3.2s 1.9s infinite;
}

@keyframes sloAni {
  0% {
    transform: translate(-20%, 20%);
    opacity: 0;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes flaotX {
  0% {
    transform: translate(0%);
  }
  50% {
    transform: translate(-5%, -5%);
  }
  100% {
    transform: translate(0%);
  }
}
.s1_guanyin {
  width: 10.69rem;
  height: 6.24rem;
  position: absolute;
  top: 5.6rem;
  left: -0.96rem;
  opacity: 0;
  transform: scale(0.8);
  z-index: 4;
  animation: guanyinAni 1.8s .6s ease forwards, float ease-in-out 5s 2.4s infinite;
}

@keyframes guanyinAni {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.s1_btn {
  width: 3.43rem;
  height: 1.26rem;
  position: absolute;
  bottom: 1.3rem;
  left: 2.1rem;
  animation-delay: 2s;
  z-index: 5;
  cursor: pointer;
}

.s2 {
  background: url(../images/s2-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 16.17rem;
  position: relative;
  margin: -1.2rem auto 0;
  overflow: hidden;
  z-index: 1;
}

.s2_top {
  width: 7.5rem;
  height: 1.12rem;
  position: relative;
  margin: 1rem auto 0;
}

.s2_top .s2_slo {
  width: 3.77rem;
  height: 1.12rem;
  position: absolute;
  top: 0;
  left: 0.36rem;
}

.s2_top .s2_btn_voteLog {
  width: 2.09rem;
  height: 0.79rem;
  position: absolute;
  top: 0.2rem;
  right: 0.46rem;
  cursor: pointer;
}

.s2_username {
  width: 7.5rem;
  height: .4rem;
  margin: .1rem auto;
  text-align: center;
  line-height: .4rem;
  font-size: 0.26rem;
  color: #fff;
  background-color: #4a007180;
}

.s2_content {
  background: url(../images/s2-votebg.png) no-repeat 0 0 / 100% 100%;
  width: 7.14rem;
  height: 11.2rem;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.s2_bot {
  width: 7.5rem;
  height: 0.98rem;
  position: relative;
  margin: 0.2rem auto 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0.76rem;
}

.s2_bot img {
  width: 2.6rem;
  cursor: pointer;
}

.s2_voteNum_ordinary {
  background: url(../images/s2-voteNum-ordinary.png) no-repeat 0 0 / 100% 100%;
  width: 2.1rem;
  height: 0.48rem;
  position: absolute;
  left: 0.24rem;
  top: 0.66rem;
}

.s2_voteNum_special {
  background: url(../images/s2-voteNum-special.png) no-repeat 0 0 / 100% 100%;
  width: 2.1rem;
  height: 0.48rem;
  position: absolute;
  left: 0.24rem;
  top: 1.24rem;
}

.num {
  font-family: "num-HYYaKuHeiW";
  font-size: 0.2rem;
  color: #fff;
  position: absolute;
  left: 1.44rem;
  top: 0.12rem;
}

.s2_genderTab {
  background: url(../images/s2-genderTab-bg.png) no-repeat 0 0 / 100% 100%;
  width: 1.68rem;
  height: 0.63rem;
  position: absolute;
  top: 0.8rem;
  right: 0.7rem;
}

.s2_genderTab_slider {
  width: 0.63rem;
  height: 0.63rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  border-radius: 50%;
  z-index: 1;
}

.s2_gender_girl {
  width: 0.63rem;
  height: 0.63rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  opacity: 1;
  cursor: pointer;
  z-index: 2;
}

.s2_gender_boy {
  width: 0.63rem;
  height: 0.63rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
  opacity: 0;
  z-index: 2;
}

.s2_icon_swiperbox {
  /* border: 1px solid red; */
  width: 6.48rem;
  height: 8.88rem;
  margin: 1.8rem auto 0;
}

.s2_swiper_icon {
  /* border: 1px solid blue; */
  width: 6.48rem;
  height: 7.96rem;
}

.s2_icon_slide {
  width: 100%;
}

.s2_icon_item {
  width: 50%;
  height: 33.3%;
  float: left;
  position: relative;
}

.s2_icon {
  width: 2.5rem;
  height: 2.4rem;
  position: absolute;
  top: -0.1rem;
  left: 50%;
  margin-left: -1.25rem;
}

.s2_iconInfo {
  width: 1.42rem;
  height: 0.32rem;
  position: absolute;
  top: 1.4rem;
  left: 50%;
  margin-left: -0.71rem;
  background-color: #FFF000;
  border-radius: 0.2rem;
  box-shadow: #0400019c 0.01rem 0.01rem 0.01rem;
}

.s2_iconName {
  position: absolute;
  top: 0.06rem;
  left: 0.04rem;
  width: 0.6rem;
  height: 0.2rem;
  text-align: center;
  line-height: 0.2rem;
  font-family: "tc-MNCGH";
  font-size: 0.15rem;
  color: #7313A1;
}

.s2_likeNum {
  position: absolute;
  top: 0.05rem;
  left: 0.66rem;
  width: 0.66rem;
  height: 0.2rem;
  font-family: "num-HYYaKuHeiW";
  font-size: 0.12rem;
  color: #7313A1;
  text-align: center;
  line-height: 0.22rem;
  background-color: #fff;
  box-shadow: #ccc 0.01rem 0.01rem 0.01rem;
}

.s2_voteBtn_box {
  width: 2.86rem;
  height: 0.64rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 1.98rem;
  left: 50%;
  margin-left: -1.43rem;
}

.s2_voteBtn_box .s2_voteBtn_ordinary {
  width: 1.42rem;
  cursor: pointer;
}

.s2_voteBtn_box .s2_voteBtn_special {
  width: 1.44rem;
  cursor: pointer;
}

.s2_prev {
  background: url(../images/s2-btn-prev.png) no-repeat 0 0 / 100% 100%;
  width: 1.32rem;
  height: 0.72rem;
  top: 9.9rem;
  margin: 0;
  left: 1.1rem;
}

.s2_next {
  background: url(../images/s2-btn-next.png) no-repeat 0 0 / 100% 100%;
  width: 1.32rem;
  height: 0.72rem;
  top: 9.9rem;
  margin: 0;
  right: 1.1rem;
}

.s2_pagination {
  bottom: 0.78rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.swiper-pagination-bullet {
  background-image: url(../images/s2-pagination.png);
  background-repeat: no-repeat;
  background-size: 0.62rem 0.21rem;
  background-position: -0.4rem 0;
  background-color: transparent;
  width: 0.24rem;
  height: 0.24rem;
  opacity: 1;
  margin: 0 0.1rem;
}

.swiper-pagination-bullet-active {
  background-position: 0 0;
}

.s3 {
  background: url(../images/s3-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 10.53rem;
  margin: -0.84rem auto 0;
  position: relative;
  overflow: hidden;
}

.s3_slo {
  width: 4.73rem;
  height: 1.12rem;
  position: absolute;
  right: 0.2rem;
  top: 0.5rem;
}

.s3_content {
  background: url(../images/s3-rankingbg.png) no-repeat 0 0 / 100% 100%;
  width: 7.48rem;
  height: 7.46rem;
  margin: 1.6rem auto 0;
  position: relative;
  overflow: hidden;
}

.s3_topInfo {
  width: 6.36rem;
  height: 0.79rem;
  margin: 0.7rem auto 0;
  display: flex;
  justify-content: space-between;
}

.s3_topInfo .s3_topInfo_slo {
  width: 3.7rem;
  height: 0.49rem;
  margin-top: 0.1rem;
}

.s3_topInfo .s3_btn_rules {
  width: 2.09rem;
  height: 0.79rem;
  cursor: pointer;
}

.s3_winner_girl {
  width: 5.5rem;
  height: 2.4rem;
  margin-left: 1.46rem;
  display: flex;
  justify-content: space-between;
}

.s3_winner_icon {
  width: 2.5rem;
  height: 2.4rem;
}

.s3_winner_info {
  width: 3.08rem;
  height: 1.3rem;
  margin-top: 0.8rem;
}

.s3_winner_name {
  font-family: "tc-MNCGH";
  color: #C856FB;
  font-size: 0.28rem;
  font-style: italic;
  white-space: nowrap;
}

.s3_winner_name span {
  color: #FF47BF;
}

.s3_winner_voteNum {
  width: 3.05rem;
  height: 0.8rem;
  text-align: center;
  line-height: 0.8rem;
  margin-top: 0.1rem;
  font-family: "num-HYYaKuHeiW";
  color: #fff;
  font-size: 0.5rem;
  font-style: italic;
  text-shadow: #555 0.01rem 0.01rem 0.01rem;
}

.s3_winner_boy {
  width: 5.5rem;
  height: 2.4rem;
  margin-left: 1.46rem;
  margin-top: -0.08rem;
  display: flex;
  justify-content: space-between;
}

.s3_winner_boy .s3_winner_name span {
  color: #26BBFF;
}

.s4 {
  background: url(../images/s4-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 15.23rem;
  margin: -1.8rem auto 0;
  position: relative;
  overflow: hidden;
}

.s4_top {
  width: 6.68rem;
  height: 1.12rem;
  margin: 1rem auto 0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.s4_top_slo {
  width: 3.77rem;
  height: 1.12rem;
}

.s4_btn_explain {
  width: 2.09rem;
  height: 0.79rem;
  margin-top: 0.2rem;
  cursor: pointer;
}

.s4_prizes_box {
  background: url(../images/s4-prizes-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.22rem;
  height: 4.73rem;
  margin: 0.2rem auto 0;
  overflow: hidden;
  position: relative;
}

.s4_prizes_special {
  margin-top: 0.4rem;
}

.s4_prizes_top {
  width: 6.33rem;
  height: 0.51rem;
  margin: 0.3rem auto 0;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.s4_prizes_slo {
  width: 2.43rem;
  height: 0.32rem;
}

.s4_btn_myGift {
  width: 1.34rem;
  height: 0.51rem;
  cursor: pointer;
}

.s4_showPrizes_ordinary {
  display: block;
  width: 6.64rem;
  height: 2.14rem;
  margin: -0.4rem auto 0;
  position: relative;
  z-index: 1;
}

.s4_showPrizes_special {
  display: block;
  width: 6.64rem;
  height: 1.6rem;
  margin: 0.3rem auto 0;
  position: relative;
  z-index: 1;
}

.s4_prizes_get {
  width: 6.61rem;
  height: 1.4rem;
  margin: 0.15rem auto 0;
  position: relative;
  z-index: 5;
}

.s4_prizes_get .s4_btn_get {
  float: left;
  cursor: pointer;
}

.s4_prizes_ordinary .s4_btn_get {
  background-image: url(../images/s4-prizesBtn-ordinary.png?v=1);
  background-repeat: no-repeat;
  background-size: 6.61rem 3.32rem;
  width: 1.3rem;
  height: 1.38rem;
}

.s4_prizes_special .s4_btn_get {
  background-image: url(../images/s4-prizesBtn-special.png);
  background-repeat: no-repeat;
  background-size: 6.61rem 3.32rem;
  width: 1.3rem;
  height: 1.38rem;
}

.s4_get_1 {
  background-position: 0 0;
}

.s4_get_2 {
  background-position: -1.32rem 0;
}

.s4_get_3 {
  background-position: -2.64rem 0;
}

.s4_get_4 {
  background-position: -3.96rem 0;
}

.s4_get_5 {
  background-position: -5.28rem 0;
}

.s4_acquired {
  width: 100%;
}

.active {
  background-position-y: -1.96rem;
}

.s4_bestPrize_box {
  width: 2.33rem;
  height: 2.06rem;
  position: absolute;
  bottom: 6rem;
  left: 2.8rem;
  z-index: 100;
  transform-origin: center center;
}

.s4_bestPrize_box .s4_bestPrize_role {
  width: 2.29rem;
  height: 1.84rem;
}

.s4_light1 {
  width: 0.37rem;
  height: 0.55rem;
  position: absolute;
  top: -0.2rem;
  left: 0.5rem;
  animation: twinkle 1.4s ease-in-out infinite;
}

.s4_light2 {
  width: 0.52rem;
  height: 0.75rem;
  position: absolute;
  top: 0.4rem;
  left: 1.7rem;
  animation: twinkle 1.5s ease-in-out infinite;
}

.s4_light3 {
  width: 0.34rem;
  height: 0.49rem;
  position: absolute;
  top: 1.3rem;
  left: 0.6rem;
  animation: twinkle 1s ease-in-out infinite;
}

.s4_light4 {
  width: 0.56rem;
  height: 0.84rem;
  position: absolute;
  top: 0.4rem;
  left: 0rem;
  animation: twinkle .8s ease-in-out infinite;
}

.s4_light5 {
  width: 0.59rem;
  height: 0.74rem;
  position: absolute;
  top: -0.4rem;
  left: 1.5rem;
  animation: twinkle 1.2s ease-in-out infinite;
}

@keyframes twinkle {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0;
    transform: scale(0.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* footer */
.footer {
  background: url(../images/footer-bg.png) no-repeat 0 0 / 100% 100%;
  width: 7.5rem;
  height: 2.81rem;
  position: relative;
  margin: -3rem auto 0;
  text-align: center;
  overflow: hidden;
  font-size: 0.16rem;
  padding: 1.4rem 0 0;
}

.footer a {
  color: #333a4d;
  text-decoration: underline;
  margin: 0 0.2rem;
}

.footer .footer_logo {
  width: 0.4rem;
  margin-right: 0.1rem;
  vertical-align: middle;
}

.footer span {
  color: #995500;
}