.halloween_2019 {
  background: url("https://x1.xiuimg.com/style/wxstyle/release/pc/v1/img/topic/halloween_2019/bg.jpg") #0a1627 no-repeat center 0; }

.footer_pic {
  background: url("https://x1.xiuimg.com/style/wxstyle/release/pc/v1/img/topic/halloween_2019/pic_footer.png") no-repeat center bottom; }

.content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  font-size: 15px;
  color: #98ffef; }

.lottery_area {
  position: absolute;
  top: 1070px;
  left: 0px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  line-height: 30px; }
  .lottery_area .lottery_list {
    margin-top: 30px;
    margin-bottom: 20px; }
    .lottery_area .lottery_list span {
      cursor: pointer;
      display: inline-block;
      margin-top: 10px; }
  .lottery_area li {
    display: inline-block;
    margin: 0 40px; }
  .lottery_area .lottery_detailed {
    background: url("https://x1.xiuimg.com/style/wxstyle/release/pc/v1/img/topic/halloween_2019/box.png") no-repeat 0 0;
    height: 210px;
    width: 265px;
    padding: 20px;
    transform-origin: top left;
    position: absolute;
    top: 170px;
    left: 100px;
    line-height: 20px;
    font-size: 15px;
    transition: 1s;
    transform: scale(1);
    display: none; }
    .lottery_area .lottery_detailed img {
      width: 80px; }
    .lottery_area .lottery_detailed .float_l {
      width: 30%;
      float: left; }
    .lottery_area .lottery_detailed .float_r {
      width: 52%;
      float: right;
      text-align: left; }
      .lottery_area .lottery_detailed .float_r p {
        margin-bottom: 10px; }

.load_area {
  position: absolute;
  top: 1500px;
  left: 0;
  width: 100%;
  text-align: center; }
  .load_area span {
    font-size: 30px;
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
    cursor: pointer; }

.myMask {
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 1485px;
  height: 226px;
  width: 670px;
  overflow: hidden;
  text-align: center; }
  .myMask ul {
    margin-bottom: 10px; }
  .myMask li {
    width: 220px;
    height: 147px;
    background: url("https://x1.xiuimg.com/style/wxstyle/release/pc/v1/img/topic/halloween_2019/gift_icon_bg.png") no-repeat center -40px;
    display: inline-block; }
  .myMask .dy_white {
    cursor: pointer; }

.rank_title {
  position: absolute;
  top: -80px;
  left: 0px;
  width: 100%;
  text-align: center; }
  .rank_title .rnk_nav li {
    background: url("https://x1.xiuimg.com/style/wxstyle/release/pc/v1/img/topic/halloween_2019/gift_icon.png") no-repeat -112px -202px;
    height: 63px;
    line-height: 63px;
    width: 109px;
    margin: 0px 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #9c9c9c;
    text-align: center;
    background-color: none;
    padding: 0px; }
  .rank_title .rnk_nav li.selected {
    background-position: 0px -202px;
    color: #ffb22d;
    background-color: none; }

.gfu_rank {
  position: absolute;
  top: 4652px;
  width: 80%;
  left: 120px;
  border: 0px; }
  .gfu_rank tr {
    line-height: 50px;
    color: #98ffef;
    font-size: 15px; }
  .gfu_rank .rnk_title, .gfu_rank a {
    color: #98ffef; }
  .gfu_rank .rnk_title .zb_name {
    text-align: center;
    padding: 0px; }
  .gfu_rank .bg {
    background-color: #182b37; }
  .gfu_rank .zb_name {
    text-align: left;
    width: 200px;
    padding-left: 30px;
    display: inline-block; }
    .gfu_rank .zb_name img {
      height: 30px;
      width: 30px;
      display: inline-block;
      margin-right: 10px; }