[v-cloak] {
  display: none;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#hm_t_undefined {
  display: none !important;
}
.mescroll-upwarp {
  height: 70px !important;
}
.mescroll-empty {
  padding-top: 100px;
}
.mescroll-empty .empty-icon {
  width: 180px;
}
.mescroll-empty .empty-tip {
  color: #666666;
}
.elli {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.err-tip {
  word-wrap: break-word;
}
@keyframes animate {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes roundGift {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes roundGift {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
html,
body {
  height: 100%;
}
body {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_51d89fd5d3ccc5c6231bde8f1d058abb.png) center no-repeat;
  background-size: 100% 100%;
}
.midBody {
  display: flex;
  justify-content: center;
}
.midBody .codeBox {
  width: 304px;
  height: 498px;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_c79ccbc9cc3559f7a6491662bc80e106.png) center no-repeat;
  background-size: auto 100%;
  margin-left: 50px;
  position: relative;
  margin-top: calc(50vh - 250px);
}
.midBody .codeBox img {
  position: absolute;
  width: 150px;
  height: 150px;
  bottom: 93px;
  left: 101px;
}
.pcBody {
  width: 395px;
  position: relative;
  height: calc(100vh - 48px);
  transform: translateY(48px);
  height: -webkit-calc(100vh - 48px);
  -webkit-transform: translateY(48px);
  overflow-y: auto;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
.pcBody::-webkit-scrollbar {
  width: 4px;
}
.pcBody::-webkit-scrollbar-thumb {
  background-color: rgba(102, 102, 102, 0.25);
  border-radius: 2px;
}
.container {
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}
.container .banner_box {
  position: relative;
  height: 167px;
  text-align: center;
  overflow: hidden;
}
.container .banner_box > img {
  height: 100%;
}
.container .banner_box > .btn_box {
  position: absolute;
  right: 0;
  bottom: 15px;
}
.container .banner_box > .btn_box > a {
  display: block;
  width: 65px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.container .banner_box > .btn_box > a.rule_btn {
  margin-bottom: 10px;
  background-image: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/rule_btn.png");
}
.container .banner_box > .btn_box > a.record_btn {
  background-image: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/record_btn.png");
}
.container NaNpxind_btn {
  position: absolute;
  top: 160px;
  right: 0;
  display: block;
  width: 62px;
  height: 57px;
  background: url("//pic.cgyouxi.com/orange/upload/202403/108005369_71c3c4887c631b7622ed183ec5b73435.png") no-repeat top / 100% auto;
}
.container .danmaku_box {
  width: 250px;
  height: 16px;
  margin: 4px auto 16px;
  text-align: center;
  overflow: hidden;
}
.container .danmaku_box ul li {
  font-size: 11px;
  color: #333333;
  letter-spacing: 0;
  line-height: 16px;
}
.container .mission_progress {
  width: 244px;
  margin: 0 auto;
}
.container .mission_progress .icon_box {
  margin-bottom: 13px;
  text-align: center;
}
.container .mission_progress .icon_box img {
  width: 100%;
}
.container .mission_progress .progress_bar {
  height: 16px;
  margin-bottom: 8px;
  border: 1px solid #FFCF87;
  border-radius: 8px;
  background: #FEFEFE;
}
.container .mission_progress .progress_bar .progress_rate {
  width: 0;
  max-width: 100%;
  height: 100%;
  border-radius: 8px;
  background-image: linear-gradient(90deg, #FFAE3F 0%, #FFE51F 100%);
}
.container .mission_progress .progress_detail {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.container .mission_progress .progress_detail span {
  width: 33.3%;
  font-size: 12px;
  color: #333333;
  line-height: 17px;
}
.container .mission_progress .progress_detail span.level {
  font-weight: 600;
  text-align: center;
}
.container .mission_progress .progress_detail span:last-child {
  text-align: right;
}
.container .invite_help {
  width: 240px;
  height: 47px;
  margin: 16px auto;
}
.container .invite_help img {
  width: 100%;
}
.container .help_btn {
  width: 240px;
  height: 46px;
  margin: 24px auto;
  animation: animate 1s infinite;
}
.container .help_btn img {
  width: 100%;
}
.container .position_box {
  width: 360px;
  margin: 0 auto;
}
.container .position_box .coin_quantity {
  width: 344px;
  height: 105px;
  padding-top: 56px;
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/coin_quantity_bg.png") no-repeat center / 100%;
}
.container .position_box .coin_quantity p {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}
.container .position_box .coin_quantity p span {
  font-weight: 600;
}
.container .position_box .award_task_switch {
  margin-top: 16px;
}
.container .position_box .award_task_switch .switch_box {
  margin-bottom: 16px;
  font-size: 0;
  text-align: center;
}
.container .position_box .award_task_switch .switch_box span {
  display: inline-block;
  width: 104px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin-right: 8px;
  cursor: pointer;
}
.container .position_box .award_task_switch .switch_box span.award_tab {
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_e556319d0627087a41e4a5553271821d.png");
}
.container .position_box .award_task_switch .switch_box span.award_tab.selected {
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_8a00a747ca6acd1f42a14189ab47e1f8.png");
}
.container .position_box .award_task_switch .switch_box span.task_tab {
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_31326975f38638ef710175a8579e1018.png");
}
.container .position_box .award_task_switch .switch_box span.task_tab.selected {
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_06fcfea11202bcefb27eef86606b289d.png");
}
.container .position_box .award_task_switch .switch_box span.gift_tab {
  position: relative;
  margin-right: 0;
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_3bb365a3b2a9b693c14229e6f4b8012e.png");
}
.container .position_box .award_task_switch .switch_box span.gift_tab.selected {
  background-image: url("//pic.cgyouxi.com/orange/upload/202409/25322333_feb01c56a0b203f5b5c0fe405b6271fa.png");
}
.container .position_box .award_task_switch .switch_box span.gift_tab label {
  position: absolute;
  padding: 0 5px;
  height: 20px;
  background: #E55435;
  border-radius: 10px;
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  top: -3px;
  right: 0;
}
.container .position_box .award_task_switch .switch_box span:last-child {
  margin-right: 0;
}
.container .position_box .award_task_switch .content_box {
  width: 350px;
}
.container .position_box .award_task_switch .content_box > div {
  position: relative;
  min-height: 236px;
  max-height: 383px;
  padding: 64px 12px 34px 36px;
  margin-bottom: 16px;
}
.container .position_box .award_task_switch .content_box > div::before {
  content: "";
  position: absolute;
  top: 130px;
  right: 6px;
  bottom: 100px;
  left: 16px;
  background: #ffffff;
  z-index: 1;
}
.container .position_box .award_task_switch .content_box > div.award_box {
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/award_bg.png") no-repeat top / 100%, url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/bottom_bg.png") no-repeat bottom / 100%;
}
.container .position_box .award_task_switch .content_box > div.task_box {
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/task_bg.png") no-repeat top / 100%, url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/bottom_bg.png") no-repeat bottom / 100%;
}
.container .position_box .award_task_switch .content_box > div.task_box .list ul li {
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
}
.container .position_box .award_task_switch .content_box > div.task_box .list ul li p {
  width: 220px;
}
.container .position_box .award_task_switch .content_box > div.task_box .list ul li > span {
  margin-right: 10px;
}
.container .position_box .award_task_switch .content_box > div.gift_box {
  max-height: 800px;
  background: url("//pic.cgyouxi.com/orange/upload/202409/25322333_a98f15567e2968bbd6cd6f0106fdf597.png") no-repeat top / 100%, url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/bottom_bg.png") no-repeat bottom / 100%;
  padding: 64px 14px 34px 30px;
}
.container .position_box .award_task_switch .content_box > div.gift_box .inside {
  z-index: 2;
  position: relative;
}
.container .position_box .award_task_switch .content_box > div.gift_box .info {
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  text-align: center;
  margin-bottom: 12px;
}
.container .position_box .award_task_switch .content_box > div.gift_box .info span {
  color: #C45F00;
  font-weight: bold;
}
.container .position_box .award_task_switch .content_box > div.gift_box .myInfo {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_e2bf6aed360a03ce09bff3bd6cc66739.png) center no-repeat;
  background-size: 100%;
  width: 300px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #C45F00;
  margin-top: 4px;
  position: relative;
  z-index: 1;
}
.container .position_box .award_task_switch .content_box > div.gift_box .giftIcon {
  text-align: center;
  margin-top: -20px;
  position: relative;
}
.container .position_box .award_task_switch .content_box > div.gift_box .giftIcon .giftBg {
  width: 258px;
  animation: roundGift 5s linear infinite forwards ;
  -webkit-animation: roundGift 5s linear infinite forwards;
}
.container .position_box .award_task_switch .content_box > div.gift_box .giftIcon .giftImg {
  width: 210px;
  position: absolute;
  left: 45px;
  top: 26px;
}
.container .position_box .award_task_switch .content_box > div.gift_box .giftIcon span {
  position: absolute;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_a9a03a407aed086e142c6b33b5c16da8.png) top left no-repeat;
  background-size: 100% 100%;
  width: 80px;
  height: 34px;
  left: 10px;
  top: 44px;
}
.container .position_box .award_task_switch .content_box > div.gift_box .btnIcon {
  display: block;
  width: 230px;
  height: 46px;
  margin: 0 auto;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_0927653f6582ac19d717b1af247738a5.png) center no-repeat;
  background-size: 100%;
  position: relative;
  margin-top: -20px;
  z-index: 1;
}
.container .position_box .award_task_switch .content_box > div.gift_box .btnIcon.disabled {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_1815229a5ca639811dcbbd963ed2211d.png) center no-repeat;
  background-size: 100%;
}
.container .position_box .award_task_switch .content_box > div.gift_box .btnIcon p {
  height: 23px;
  background: #E55435;
  border-radius: 12px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  padding: 0 10px;
  font-size: 13px;
  color: #FFFFFF;
  display: inline-block;
  position: absolute;
  top: -16px;
  right: 0;
}
.container .position_box .award_task_switch .content_box > div.gift_box .btnIcon p::before {
  content: '';
  width: 13px;
  height: 4px;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_bf4e91a2b54e135954f6ce698b6ae811.png) top center no-repeat;
  background-size: auto 100%;
  bottom: -4px;
  right: 27px;
  position: absolute;
}
.container .position_box .award_task_switch .content_box > div.gift_box .tips {
  text-align: center;
  font-size: 12px;
  color: #666666;
  margin-top: 12px;
}
.container .position_box .award_task_switch .content_box > div .list {
  position: inherit;
  max-height: 275px;
  overflow: scroll;
  z-index: 2;
}
.container .position_box .award_task_switch .content_box > div .list::-webkit-scrollbar {
  width: 4px;
}
.container .position_box .award_task_switch .content_box > div .list::-webkit-scrollbar-thumb {
  background-color: rgba(102, 102, 102, 0.25);
  border-radius: 2px;
}
.container .position_box .award_task_switch .content_box > div .list ul li {
  margin-bottom: 20px;
  font-size: 0;
}
.container .position_box .award_task_switch .content_box > div .list ul li:first-child {
  margin-top: 18px;
}
.container .position_box .award_task_switch .content_box > div .list ul li p:not(.limit) {
  display: inline-block;
  width: 162px;
  vertical-align: middle;
}
.container .position_box .award_task_switch .content_box > div .list ul li .right {
  display: inline-block;
  margin-left: 4px;
  vertical-align: top;
}
.container .position_box .award_task_switch .content_box > div .list ul li .right .limit {
  margin-left: 0px;
  display: block;
  font-size: 11px;
  color: #C45F00;
  line-height: 16px;
  text-align: center;
  margin-top: 6px;
}
.container .position_box .award_task_switch .content_box > div .list ul li .right .limit b {
  font-weight: bold;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.img {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.img.limiticon::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 13px;
  background: url(//pic.cgyouxi.com/orange/upload/202311/7291276_d586b1ba29b0f63f24742cf5e0b731e1.png) no-repeat right;
  background-size: auto 100%;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.img img {
  width: 100%;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.name {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  line-height: 18px;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.detail {
  display: block;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 17px;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.btn {
  display: inline-block;
  width: 68px;
  height: 28px;
  border-radius: 14px;
  background: #F6BF08;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.btn.disabled {
  background: #F0F0F0;
  color: #999999;
}
.container .position_box .award_task_switch .content_box > div .list ul li span.btn.undone {
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/receive_btn_bg.png") no-repeat center / 100%;
}
.container .position_box .leaderboard {
  position: relative;
  width: 100%;
  padding-bottom: 25px;
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/leaderboard_bg_top.png") no-repeat top / 100%, url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/leaderboard_bg_bottom.png") no-repeat bottom / 100%;
}
.container .position_box .leaderboard::before {
  content: "";
  position: absolute;
  top: 230px;
  right: 16px;
  bottom: 280px;
  left: 16px;
  background: #ffffff;
  z-index: 1;
}
.container .position_box .leaderboard .user_list {
  position: inherit;
  padding: 83px 30px 0 36px;
  font-size: 0;
  z-index: 2;
}
.container .position_box .leaderboard .user_list li {
  height: 50px;
  margin-bottom: 20px;
}
.container .position_box .leaderboard .user_list li span,
.container .position_box .leaderboard .user_list li a {
  display: inline-block;
  vertical-align: middle;
}
.container .position_box .leaderboard .user_list li .num {
  width: 15px;
  margin-right: 7px;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  line-height: 18px;
}
.container .position_box .leaderboard .user_list li .avatar {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.container .position_box .leaderboard .user_list li .avatar img {
  width: 100%;
  border-radius: 50%;
}
.container .position_box .leaderboard .user_list li .uname {
  width: 150px;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  line-height: 18px;
}
.container .position_box .leaderboard .user_list li .coin_num {
  width: 55px;
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  line-height: 17px;
  text-align: right;
}
.container .position_box .leaderboard .user_list li .coin_num img {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 4px;
}
.container .position_box .leaderboard .user_list li.top_three {
  display: inline-block;
  width: 83px;
  height: 128px;
  margin: 44px 18px 26px 0;
  text-align: center;
  vertical-align: top;
}
.container .position_box .leaderboard .user_list li.top_three .avatar {
  position: relative;
  width: 78px;
  height: 78px;
  margin: 0 auto 15px;
  border-radius: 50%;
}
.container .position_box .leaderboard .user_list li.top_three .avatar img {
  width: 100%;
  border-radius: 50%;
}
.container .position_box .leaderboard .user_list li.top_three .avatar::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 23px;
  width: 28px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.container .position_box .leaderboard .user_list li.top_three .uname {
  width: 100%;
}
.container .position_box .leaderboard .user_list li.top_three .coin_num {
  width: 100%;
  text-align: center;
}
.container .position_box .leaderboard .user_list li.top_three.first {
  margin-top: 0;
}
.container .position_box .leaderboard .user_list li.top_three.first .avatar {
  border: 2px solid #FFCD46;
}
.container .position_box .leaderboard .user_list li.top_three.first .avatar::after {
  background-image: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/first_icon.png");
}
.container .position_box .leaderboard .user_list li.top_three.second {
  float: left;
}
.container .position_box .leaderboard .user_list li.top_three.second .avatar {
  border: 2px solid #B2B3BF;
}
.container .position_box .leaderboard .user_list li.top_three.second .avatar::after {
  background-image: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/second_icon.png");
}
.container .position_box .leaderboard .user_list li.top_three.third {
  margin-right: 0;
}
.container .position_box .leaderboard .user_list li.top_three.third .avatar {
  border: 2px solid #F8BD8C;
}
.container .position_box .leaderboard .user_list li.top_three.third .avatar::after {
  background-image: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/third_icon.png");
}
.container .position_box .leaderboard .user_list li:last-child {
  margin-bottom: 14px;
}
.container .position_box .leaderboard .annotation {
  padding-top: 14px;
  margin: 0 30px 0 36px;
  border-top: 1px solid #F6F6F6;
  font-size: 12px;
  color: #C45F00;
  letter-spacing: 0;
  line-height: 17px;
  white-space: pre-wrap;
}
.container .pop_bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.container .pop_bg .pop_record {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 375px;
  background: url("//pic.cgyouxi.com/orange/upload/202409/25322333_7d01dc3a644bb54af54d075e6ca5a79b.png") no-repeat center / 100%;
}
.container .pop_bg .pop_record .close_btn {
  position: absolute;
  top: 31px;
  right: 16px;
  width: 24px;
  height: 24px;
  background: url("//c2.cgyouxi.com/website/mobile/img/active/unlock_event/close_btn.png") no-repeat center / 100%;
}
.container .pop_bg .pop_record .record_type {
  text-align: center;
  font-size: 0;
  margin-top: 68px;
}
.container .pop_bg .pop_record .record_type a {
  display: inline-block;
  width: 96px;
  height: 38px;
  background: #FFEB87;
  text-align: center;
  font-size: 14px;
  color: #C45F00;
  line-height: 38px;
}
.container .pop_bg .pop_record .record_type a.on {
  background: #C45F00;
  color: #FFFFFF;
}
.container .pop_bg .pop_record .record_type a:first-child {
  border-radius: 100px 0 0 100px;
}
.container .pop_bg .pop_record .record_type a:last-child {
  border-radius: 0 100px 100px 0;
}
.container .pop_bg .pop_record .record_content {
  position: absolute;
  top: 128px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
}
.container .pop_bg .pop_record .record_content .cell-1 {
  width: 163px;
  margin-right: 20px;
}
.container .pop_bg .pop_record .record_content .cell-2 {
  width: 30px;
  margin-right: 20px;
  text-align: center;
}
.container .pop_bg .pop_record .record_content .cell-3 {
  width: 77px;
  text-align: right;
}
.container .pop_bg .pop_record .record_content .record_table_header {
  height: 21px;
  padding: 0 25px;
  margin-bottom: 10px;
}
.container .pop_bg .pop_record .record_content .record_table_header li {
  display: inline-block;
  font-size: 15px;
  color: #333333;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 600;
}
.container .pop_bg .pop_record .record_content .mescroll {
  height: 218px;
}
.container .pop_bg .pop_record .record_content .mescroll.prizeScroll {
  height: 249px;
}
.container .pop_bg .pop_record .record_content .mescroll .record_table li {
  padding: 0 25px 16px;
}
.container .pop_bg .pop_record .record_content .mescroll .record_table li .record_table_cell {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  line-height: 18px;
}
.container .pop_bg .pop_record .record_content .mescroll .prize_table li {
  list-style: none;
  padding: 13px 30px 0;
}
.container .pop_bg .pop_record .record_content .mescroll .prize_table li > p {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.container .pop_bg .pop_record .record_content .mescroll .prize_table li .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  border-bottom: 1px dotted #F7EDE5;
  padding-bottom: 13px;
}
.container .pop_bg .pop_record .record_content .mescroll .prize_table li .top p {
  font-size: 12px;
  color: #333333;
}
.container .pop_bg .pop_record .record_content .mescroll .prize_table li .top a {
  font-size: 12px;
  color: #F57257;
  text-decoration: underline;
}
.container .pop_bg .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: url(//pic.cgyouxi.com/orange/upload/202407/25322333_4ef64add7f7bd6f1ea16febc01e0df9e.gif) center no-repeat;
  background-size: 100%;
}
.container .pop_bg .pop_prize {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.container .pop_bg .pop_prize .shadowLine {
  position: absolute;
  width: 252px;
  height: 24px;
  left: 50%;
  transform: translate(-50%, -14px);
  -webkit-transform: translate(-50%, -14px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 10%, #fff 100%);
  border-radius: 0 0 12px 12px;
}
.container .pop_bg .pop_prize .pList {
  width: 270px;
  margin: 0 auto;
  height: 324px;
  overflow-y: scroll;
}
.container .pop_bg .pop_prize .pList .one {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_5388dfe89285bea874a1f898cb685c13.png) top center no-repeat;
  background-size: 100% 100%;
  width: 120px;
  height: 100px;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-flex;
  display: -webkit-inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  vertical-align: top;
  margin-left: 10px;
}
.container .pop_bg .pop_prize .pList .one:nth-child(2n) {
  margin-right: 0;
  margin-left: 0;
}
.container .pop_bg .pop_prize .pList .one .pImg {
  display: block;
  margin: 0 auto;
  height: 54px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.container .pop_bg .pop_prize .pList .one .pImg img {
  height: 100%;
  border-radius: 6px;
}
.container .pop_bg .pop_prize .pList .one .pImg span {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  color: #FFFFFF;
  padding: 3px 5px;
  background: #F57257;
  border-radius: 0 6px 0 6px;
}
.container .pop_bg .pop_prize .pList .one .pname {
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: #333333;
  text-align: center;
}
.container .pop_bg .pop_prize .pList .one .toBuy {
  display: none;
}
.container .pop_bg .pop_prize .pList .one.gcover .toBuy {
  display: block;
}
.container .pop_bg .pop_prize .pList .one.gcover .pImg {
  width: 100px;
}
.container .pop_bg .pop_prize .pList .one.gcover .pImg img {
  width: 100%;
}
.container .pop_bg .pop_prize .pList .one.single {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_71fe61824b3d063b8b402f5d36c24386.png) top center no-repeat !important;
  background-size: 100% 100%  !important;
  margin: 0 auto;
  width: 254px;
  display: flex;
  display: -webkit-flex;
}
.container .pop_bg .pop_prize .prize_box {
  margin: 0 auto;
  width: 330px;
  height: 412px;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_27cdb39d41fdd8250e9d493f03d40580.png) top center no-repeat;
  background-size: 100%;
  padding-top: 68px;
  box-sizing: border-box;
  font-size: 0;
}
.container .pop_bg .pop_prize .prize_box.got {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_992c318b8be1ddc01586ea017f166d22.png) top center no-repeat;
  background-size: 100%;
}
.container .pop_bg .pop_prize .prize_box.got .pList {
  height: 270px;
}
.container .pop_bg .pop_prize .prize_box.got .pList .one {
  height: 132px;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_5945b07b3d0379104547df1c3618b476.png) top center no-repeat;
  background-size: 100% 100%;
}
.container .pop_bg .pop_prize .prize_box.got .pList .one .toBuy {
  margin: 0 auto;
  margin-top: 8px;
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_f58d94a887378faedf8654e22d3255d4.png) center no-repeat;
  background-size: 100%;
  width: 65px;
  height: 25px;
}
.container .pop_bg .pop_prize .prize_box.got .pList .one .pImg span {
  display: block;
}
.container .pop_bg .pop_prize .btnClose {
  background: url(//pic.cgyouxi.com/orange/upload/202409/25322333_2b6be158ba5e6d794e8043363275fd9d.png) center no-repeat;
  background-size: 100%;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.invite {
  padding-bottom: 0;
}
.toast_bg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 300px;
  padding: 10px 20px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  color: #FFFFFF;
  line-height: 15px;
  text-align: center;
  z-index: 5;
  display: none;
}
.position_box {
  width: 360px;
  margin: 0 auto;
}
.position_box .open_app {
  width: 215px;
  height: 45px;
  margin: 0 81px 0 64px;
}
.position_box .open_app img {
  width: 100%;
}
.footer {
  position: absolute;
}
.footer .bottom-statement {
  display: none !important;
}
/*# sourceMappingURL=unlock_event.css.map */