body,
html {
  width: 100%;
  height: 100%;
}

body * {
  background-repeat: no-repeat;
  background-position: 50% 0;
  font-family: "微软雅黑";
}

.container {
  width: 100%;
  min-width: 1300px;
  overflow-x: auto;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/bg.jpg?__rev=2ebdcea");
  background-color: #0a112b;
}

.blue-txt {
  color: #33eefc;
}

.yellow-txt {
  color: #feee75;
}

/**header**/
.header-wpr {
  width: 100%;
  height: 800px;
  position: relative;
}

.header-wpr .logo {
  width: 133px;
  height: 98px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/logo.png?__rev=cf89683");
  position: absolute;
  left: 20px;
  top: 20px;
}

.header-wpr .gw-link {
  width: 100px;
  height: 96px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/gw_btn.png?__rev=91f18cc");
  position: absolute;
  right: 20px;
  top: 20px;
}

.header-wpr .title {
  width: 727px;
  height: 223px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/title_1.png?__rev=2adf4db");
  position: absolute;
  left: 50%;
  top: 565px;
  margin-left: -363px;
  --color-text: #fff;
  --color-bg: #000;
  --color-link: #412f91;
  --color-link-hover: #fff;
  --color-info: #1034ff;
  --glitch-width: 957px;
  --glitch-height: 163px;
  --gap-horizontal: 20px;
  --gap-vertical: 50px;
  --time-anim: 4s;
  --delay-anim: 1s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: transparent;
}

/**tab**/
.tab-wpr {
  margin-top: 20px;
}

.tab-list {
  text-align: center;
}

.tab-list .item {
  width: 500px;
  height: 143px;
  margin-left: 65px;
  margin-right: 65px;
  display: inline-block;
  cursor: pointer;
}

.tab-list .item-team {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1.png?__rev=3219e34");
}

.tab-list .item-team.active {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1_active.png?__rev=70be99e");
}

.tab-list .item-island {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2.png?__rev=8dfeb54");
}

.tab-list .item-island.active {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2_active.png?__rev=4b51e54");
}

.tab-content {
  width: 1300px;
  margin: 20px auto;
}

.tab-content .item {
  width: 100%;
  height: auto;
  display: none;
}

.tab-content .item.active {
  display: block;
}

/**intro**/
.intro-wpr {
  width: 100%;
  height: 1164px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/intro.png?__rev=0101f84");
}

/**legend**/
.legend-wpr {
  margin-top: 46px;
  width: 100%;
  height: 724px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/act_bg.png?__rev=1a59aaa");
  padding-top: 1px;
  position: relative;
}

.legend-wpr .title {
  width: 634px;
  height: 66px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/title_2.png?__rev=75498b7");
  margin: 44px auto 30px;
}

.legend-wpr .swiper-container {
  width: 1100px;
  height: 420px;
  left: 50%;
  margin-left: -560px;
}

.legend-wpr .swiper-slide {
  position: relative;
}

.legend-wpr .swiper-slide img {
  width: 100%;
  position: absolute;
  opacity: 0;
  filter: Alpha(opacity=0);
  transition: all 1s ease;
}

.legend-wpr .swiper-slide-active img {
  opacity: 1;
  filter: Alpha(opacity=100);
}

.legend-wpr .swiper-slide .like-btn {
  width: 120px;
  height: 135px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/like.png?__rev=82e3406");
  position: absolute;
  right: 44px;
  bottom: 40px;
  cursor: pointer;
}

.legend-wpr .swiper-slide .like-btn.disabled {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/like_disabled.png?__rev=69cc41a");
}

.legend-wpr .swiper-slide .like-btn .num {
  position: absolute;
  width: 120px;
  height: 30px;
  left: 50%;
  margin-left: -60px;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  color: #df600a;
  line-height: 32px;
  font-weight: bold;
}

.legend-wpr .swiper-slide .like-btn.disabled .num {
  color: #666;
}

.legend-wpr .swiper-slide .like-btn .like-success {
  position: absolute;
  top: 50%;
  right: -20px;
  opacity: 0;
  filter: Alpha(opacity=0);
  color: #754626;
  font-size: 24px;
  font-weight: bold;
}

.legend-wpr .pre-btn {
  width: 22px;
  height: 38px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/left.png?__rev=e49d758");
  position: absolute;
  left: 100px;
  bottom: 71px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}

.legend-wpr .pre-btn:hover {
  transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
}

.legend-wpr .next-btn {
  width: 22px;
  height: 38px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_1/right.png?__rev=13b42b0");
  position: absolute;
  right: 100px;
  bottom: 71px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}

.legend-wpr .next-btn:hover {
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
}

.legend-wpr .pagination {
  text-align: center;
  margin-top: 30px;
}

.legend-wpr .pagination .pagination-switch {
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.legend-wpr .pagination .pagination-switch img {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.legend-wpr .pagination .pagination-switch img.normal {
  opacity: 1;
  filter: Alpha(opacity=100);
}

.legend-wpr .pagination .pagination-switch img.active {
  opacity: 0;
  filter: Alpha(opacity=0);
}

.legend-wpr .pagination .pagination-switch.active img.normal {
  opacity: 0;
  filter: Alpha(opacity=0);
}

.legend-wpr .pagination .pagination-switch.active img.active {
  opacity: 1;
  filter: Alpha(opacity=100);
}

/**invite-lottery**/
.invite-lottery-wpr {
  position: relative;
  width: 100%;
  height: 1044px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/lottery_bg.png?__rev=267d265");
  padding-top: 1px;
}

.invite-lottery-wpr .title {
  width: 634px;
  height: 66px;
  margin: 44px auto 30px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/lottery_title.png?__rev=32e24c5");
}

.invite-lottery-wpr .section-content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.invite-lottery-wpr .lottery {
  position: absolute;
  top: 0px;
  left: 0px;
}

.invite-lottery-wpr .lottery .txt {
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  width: 200px;
}

.invite-lottery-wpr .lottery table td {
  position: relative;
  width: 229px;
  height: 199px;
  text-align: center;
  border: none;
}

.invite-lottery-wpr .lottery table td .border {
  width: 202px;
  height: 172px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/prize_active.png?__rev=45c7398");
  opacity: 0;
  filter: Alpha(opacity=0);
}

.invite-lottery-wpr .lottery table td.active .border {
  opacity: 1;
  filter: Alpha(opacity=100);
}

.invite-lottery-wpr .lottery table td img {
  display: block;
  width: 209px;
  height: 179px;
  left: 0;
  top: 0;
  position: absolute;
}

.invite-lottery-wpr .lottery table td a {
  cursor: pointer;
  width: 200px;
  height: 60px;
  display: block;
  margin-bottom: 5px;
}

.invite-lottery-wpr .lottery table th {
  padding: 10px;
  border: none;
}

.invite-lottery-wpr .lottery .btn_lottery {
  transition: 200ms transform ease;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/btn_normal.png?__rev=3c80b63");
}

.invite-lottery-wpr .lottery .btn_lottery.disabled {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/btn_disabled.png?__rev=313058d");
}

.invite-lottery-wpr .lottery .btn_lottery:hover {
  transform: translateY(-5px) !important;
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

.invite-lottery-wpr .btn-ani-bright {
  transition: 200ms transform ease;
}

.invite-lottery-wpr .btn-ani-bright:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}

.invite-lottery-wpr .progress-area {
  position: absolute;
  top: 697px;
  width: 1200px;
  height: 88px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/speed_bg.png?__rev=3f98d26");
}

.invite-lottery-wpr .my_sense_value {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 22px;
  top: 10px;
}

.invite-lottery-wpr .my_sense_value .my_sense_value_num {
  color: #99ffff;
}

.invite-lottery-wpr .my_sense_value_pro {
  width: 1018px;
  height: 139px;
  position: absolute;
  top: -60px;
  left: 182px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm {
  position: absolute;
  text-align: center;
  color: #99ffff;
  height: 100%;
}

.invite-lottery-wpr .my_sense_value_pro .proItm img {
  height: 80px;
  width: auto;
  display: block;
}

.invite-lottery-wpr .my_sense_value_pro .proItm .dian {
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  margin: 9px auto 3px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/point.png?__rev=5f89d53");
}

.invite-lottery-wpr .my_sense_value_pro .proItm .p_value {
  font-size: 16px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm .skin {
  width: 198px;
  height: 252px;
  position: absolute;
  left: 50%;
  top: -255px;
  margin-left: -99px;
  display: none;
  z-index: 2;
}

.invite-lottery-wpr .my_sense_value_pro .proItm .done {
  width: 84px;
  height: 53px;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 7px;
  margin-left: -42px;
  display: none;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/reached_tag.png?__rev=d9a2b9c");
}

.invite-lottery-wpr .my_sense_value_pro .proItm .tips {
  position: absolute;
  width: 100px;
  height: 140px;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 2;
}

.invite-lottery-wpr .my_sense_value_pro .proItm .img_tips {
  position: absolute;
  width: 600px;
  height: 0px;
  top: -325px;
  right: 50%;
  z-index: 2;
  margin-right: -300px;
  opacity: 0;
  filter: Alpha(opacity=0);
  transition: opacity .5s ease;
}

.invite-lottery-wpr .my_sense_value_pro .proItm .tips:hover +.img_tips {
  opacity: 1;
  filter: Alpha(opacity=100);
  height: 320px;
}


.invite-lottery-wpr .my_sense_value_pro .proItm .img_tips img {
  width: 100%;
  height: 100%;
}

.invite-lottery-wpr .my_sense_value_pro .proItm1 {
  left: 8px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm2 {
  left: 244px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm3 {
  left: 378px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm4 {
  left: 572px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm4:hover .skin {
  display: block;
}

.invite-lottery-wpr .my_sense_value_pro .proItm5 {
  left: 708px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm5:hover .skin {
  display: block;
}

.invite-lottery-wpr .my_sense_value_pro .proItm6 {
  left: 878px;
}

.invite-lottery-wpr .my_sense_value_pro .proItm6:hover .skin {
  display: block;
}

.invite-lottery-wpr .my_sense_value_pro .process {
  width: 0;
  height: 14px;
  background: #feee76;
  position: absolute;
  top: 93px;
  left: 5px;
}

.invite-lottery-wpr .price {
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -169px;
  top: 800px;
}

.invite-lottery-wpr .price .get_price_rule {
  color: #feee76;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 8px;
}

.invite-lottery-wpr .integral_area {
  position: absolute;
  top: 10px;
  right: 0;
  width: 460px;
  height: 570px;
}

.invite-lottery-wpr .integral_area .title {
  width: 119px;
  height: 29px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/prize_title.png?__rev=7b84e8b");
  margin: 0 auto;
}

.invite-lottery-wpr .integral_area .act-tag {
  width: 80px;
  height: 35px;
  position: absolute;
  left: 0;
}

.invite-lottery-wpr .integral_area .tag-daily {
  top: 30px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/act_s_title.png?__rev=3bdbe3c");
}

.invite-lottery-wpr .integral_area .tag-invite {
  top: 200px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/invite_s_title.png?__rev=bf961fe");
}

.invite-lottery-wpr .integral_area .integral-info {
  position: absolute;
  top: 370px;
  right: 0;
  width: 460px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.invite-lottery-wpr .my_point {
  font-size: 16px;
  color: #fff;
  width: 200px;
}

.invite-lottery-wpr .line-itm {
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  position: absolute;
  right: 0;
  width: 460px;
  text-indent: 17px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/line_bg.png?__rev=d0260b7");
}

.invite-lottery-wpr .line-itm .mr-l {
  margin-left: 70px;
}

.invite-lottery-wpr .line-itm .btn_go {
  width: 100px;
  height: 34px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -17px;
  cursor: pointer;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/not_reach.png?__rev=a0d73f3");
}

.invite-lottery-wpr .line-itm .btn_ok {
  display: none;
  width: 100px;
  height: 34px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -17px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/reached.png?__rev=f1478e8");
}

.invite-lottery-wpr .line-itm.firstOpen {
  top: 70px;
}

.invite-lottery-wpr .line-itm.firstLogin {
  top: 124px;
}

.invite-lottery-wpr .line-itm.inviteOld {
  top: 240px;
}

.invite-lottery-wpr .line-itm.inviteNew {
  top: 294px;
}

.invite-lottery-wpr .invite-txt {
  position: absolute;
  color: #fff;
  top: 470px;
  left: 0;
  font-size: 18px;
}

.invite-lottery-wpr .btn_qqz {
  width: 32px;
  height: 32px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/qzone.png?__rev=c160a68");
  background-size: 100% 100%;
  position: absolute;
  left: 112px;
  top: 470px;
  cursor: pointer;
}

.invite-lottery-wpr .btn_qq {
  width: 32px;
  height: 32px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/qq.png?__rev=2cc4faf");
  background-size: 100% 100%;
  position: absolute;
  left: 152px;
  top: 470px;
  cursor: pointer;
}

.invite-lottery-wpr .log-txt {
  position: absolute;
  color: #fff;
  top: 470px;
  left: 286px;
  font-size: 18px;
}

.invite-lottery-wpr .btn_look {
  width: 80px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 470px;
  cursor: pointer;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/view_btn.png?__rev=597b51f");
}

.invite-lottery-wpr #shareLink {
  width: 350px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  background: #8c6eff;
  position: absolute;
  left: 0;
  top: 516px;
  border: none;
  outline: none;
  text-indent: 15px;
  font-family: "Microsoft Yahei";
}

.invite-lottery-wpr .copy-btn {
  width: 110px;
  height: 40px;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 516px;
  FONT-WEIGHT: 200;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/tab_2/copy_btn.png?__rev=9a90ad5");
}

.ec-aoqi-invite-lottery .blue-txt {
  color: #33eefc;
}

.ec-aoqi-invite-lottery .green-txt {
  color: #4aff81;
}

.ec-aoqi-invite-lottery .yellow-txt {
  color: #feee75;
}

/* inviteLog */
.invite-log-wpr.nactcommonbox__AOQI .nactcommonbox__box {
  width: 590px !important;
  height: 430px !important;
}

.invite-log-wpr.nactcommonbox__AOQI .nactcommonbox__box__b {
  height: 100%;
}

.invite-log-wpr .title {
  font-size: 32px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.invite-log-wpr .invited_table_wpr {
  width: 502px;
  height: 290px;
  background: #e8e8e8;
  margin: 0 auto;
  padding: 15px 50px;
  box-sizing: border-box;
}

.invite-log-wpr .invited_table_wpr .title {
  color: #444444;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dashed #a4a4a4;
  clear: both;
  overflow: auto;
  padding-bottom: 6px;
}

.invite-log-wpr .invited_table_wpr .l {
  width: 30%
}

.invite-log-wpr .invited_table_wpr .r {
  width: 70%;
}

.invite-log-wpr .invited_table_wpr .invite_list {
  height: 238px;
}

.invite-log-wpr .invited_table_wpr .invite_itm {
  height: 45px;
  line-height: 45px;
  color: #ff9900;
}

.invite-log-wpr .invited_table_wpr .pagination {
  clear: both;
  overflow: auto;
  width: 180px;
  margin: 15px auto 0;
}

.invite-log-wpr .invited_table_wpr .prev {
  width: 30px;
  height: 30px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/prev.png?__rev=b790057") no-repeat 0 0;
  float: left;
  cursor: pointer;
}

.invite-log-wpr .invited_table_wpr .prev.disabled {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/prev_disable.png?__rev=b78915b");
}

.invite-log-wpr .invited_table_wpr .middle {
  width: 100px;
  height: 30px;
  background: #e8e8e8;
  text-align: center;
  float: left;
  margin-left: 10px;
  line-height: 30px;
}

.invite-log-wpr .invited_table_wpr .next {
  width: 30px;
  height: 30px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/next.png?__rev=57d49e4") no-repeat 0 0;
  float: right;
  cursor: pointer;
}

.invite-log-wpr .invited_table_wpr .next.disabled {
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/next_disable.png?__rev=db1e27e");
}

/**comment**/
.comment-wpr {
  width: 1300px;
  margin: 46px auto 0;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/comment_bg.png?__rev=9a77a68");
  background-color: rgb(66, 111, 170);
  padding-top: 1px;
  min-height: 500px;
  padding-bottom: 30px;
}

.comment-wpr .title {
  width: 634px;
  height: 70px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/comment_title.png?__rev=a0107b6");
  margin: 44px auto 30px;
}

.comment-wpr #articleComment {
  width: 940px;
  margin: 0 auto;
  border: 20px solid rgba(113,186,247,0.3);
  background: rgba(113,186,247,0.3);
}

#articleComment .reply_pagination {
  background: rgba(113,186,247,0.3);
  padding: 20px 0 0 0;
}

#articleComment .w_commentModule_ctnItem .llcnt .llitem_wrapper {
  width: 922px;
}

#articleComment .reply_bg01 {
  padding-bottom: 0;
}

#articleComment .w_replyEditor {
  background: rgba(113,186,247,0.3);
  height: 256px;
}

#articleComment .pagination a {
  background-color: #79fae9;
  padding: 6px 10px;
  font-size: 16px;
  color: #3d6d9b;
  margin-left: 5px;
  margin-right: 5px;
}

#articleComment .pagination .current {
  background-color: #c086f3;
  padding: 6px 10px;
  font-size: 16px;
  color: #3d6d9b;
  margin-left: 5px;
  margin-right: 5px;
}

#articleComment .pagination .current:last-child {
  background: none;
  color: #fff;
}

#articleComment .replyBtn {
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/comment_btn.png?__rev=f7b9987") no-repeat 0 0;
}

#articleComment .reply .w_pinglunbtn .face {
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/face.png?__rev=18cfc31") no-repeat 0 0;
}

#articleComment .commentModule_ctnWords {
  width: 900px;
}

/**foot**/
.foot {
  margin-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 50px;
}

/**nactcommonbox**/
.nactcommonbox__AOQI .nactcommonbox__box {
  width: 500px !important;
}

.reward-tips-wpr.nactcommonbox__AOQI .nactcommonbox__box {
  width: 552px !important;
}

.a1mediumwindow .btn {
  width: 170px;
  height: 50px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/btn_normal.png?__rev=5cb7046");
  text-align: center;
  line-height: 50px;
  text-align: center;
  margin: 20px auto 10px;
  color: #fff !important;
  cursor: pointer;
  display: block;
}

.a1mediumwindow .btn:hover {
  width: 170px;
  height: 50px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/btn_hover.png?__rev=b79fa42");
  text-decoration: none !important;
}

.a1mediumwindow .title {
  font-size: 32px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.a1mediumwindow .reward-tips {
  width: 361px;
  height: 262px;
  background-image: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/pop/reward.png?__rev=f333828");
  margin: 20px auto 10px;
}

/**css3**/
.flow-up-donw {
  animation: 1s linear UpDownFlow infinite;
  -webkit-animation: 1s linear UpDownFlow infinite;
  -moz-animation: 1s linear UpDownFlow infinite;
}

@keyframes UpDownFlow {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(5px);
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes UpDownFlow {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(5px);
  }

  50% {
    transform: translateY(0px);
  }

  75% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0px);
  }
}

.glitch {
  display: inline-block;
  width: 727px;
  height: 223px;
  overflow: hidden;
}

.glitch__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 727px;
  height: 223px;
  background: url("//resource.a0bi.com/aoqi/zt-mengzhidui/res/images/title_1.png?__rev=2adf4db");
  background-color: var(--blend-color-1);
  transform: translate3d(0, 0, 0);
  background-blend-mode: var(--blend-mode-1);
  opacity: 0.9;
}

.glitch__img:nth-child(n+2) {
  opacity: 0;
}

.glitch__img:nth-child(n+2) {
  animation-duration: var(--time-anim);
  animation-delay: var(--delay-anim);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.glitch__img:nth-child(2) {
  background-color: var(--blend-color-2);
  background-blend-mode: var(--blend-mode-2);
  animation-name: glitch-anim-1;
}

.glitch__img:nth-child(3) {
  background-color: var(--blend-color-3);
  background-blend-mode: var(--blend-mode-3);
  animation-name: glitch-anim-2;
}

.glitch__img:nth-child(4) {
  background-color: var(--blend-color-4);
  background-blend-mode: var(--blend-mode-4);
  animation-name: glitch-anim-3;
}

.glitch__img:nth-child(5) {
  background-color: var(--blend-color-5);
  background-blend-mode: var(--blend-mode-5);
  animation-name: glitch-anim-flash;
}

@keyframes glitch-anim-1 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }

  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }

  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }

  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
  }

  22%,
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }

  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }

  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }

  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }

  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }

  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }

  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }

  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }

  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }

  22%,
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }

  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }

  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }

  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }

  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }

  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }

  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }

  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }

  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }

  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }

  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }

  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }

  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }

  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }

  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  }

  22%,
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-text {
  0% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  9.9% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
  }

  10%,
  100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}


/* Flash */

@keyframes glitch-anim-flash {

  0%,
  5% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
  }

  5.5%,
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}

.ani {
  opacity: 0;
  transition: all .5s ease;
  transform: translateY(20px);
}
.ani.show {
  opacity: 1;
  transform: translateY(0px);
}