body, html {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
}

.vue-content:not(.phone) {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}
.vue-content:not(.phone) .fromPage #top_nav .scroll-box {
  width: 40rem;
  margin: 0 auto;
}
.vue-content:not(.phone) .fromPage #top_nav ul li:hover::before {
  position: absolute;
  content: "";
  left: calc(50% - 2.8645rem);
  bottom: 0.33rem;
  background: url(//game.gtimg.cn/images/poe2/decoration.png) center/cover no-repeat;
  width: 5.729rem;
  height: 0.365rem;
}
.vue-content:not(.phone) .fromPage #top_nav.hide ul {
  width: 35rem;
}
.vue-content:not(.phone) .fromPage .left-nav-media {
  position: absolute;
  left: 0.911rem;
  top: 50%;
  transform: translateY(-50%);
}
.vue-content:not(.phone) .fromPage .left-nav-media div:not(:last-child), .vue-content:not(.phone) .fromPage .left-nav-media a:not(:last-child) {
  margin-bottom: 0.456rem;
}
.vue-content:not(.phone) .fromPage .left-nav-media div, .vue-content:not(.phone) .fromPage .left-nav-media a {
  position: relative;
  display: block;
  width: 2.187rem;
  height: 2.187rem;
}
.vue-content:not(.phone) .fromPage .left-nav-media .nail {
  background: url("//game.gtimg.cn/images/poe2/yyz/nav-icon.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .qw {
  background: url("//game.gtimg.cn/images/poe2/yyz/qw.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .vx {
  background: url("//game.gtimg.cn/images/poe2/yyz/wechat.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .wb {
  background: url("//game.gtimg.cn/images/poe2/yyz/weibo.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .dy {
  background: url("//game.gtimg.cn/images/poe2/yyz/douyin.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .wg {
  background: url("//game.gtimg.cn/images/poe2/yyz/wegame.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .bz {
  background: url("//game.gtimg.cn/images/poe2/yyz/bilibili.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media .share {
  background: url("//game.gtimg.cn/images/poe2/yyz/share.png") center/cover no-repeat;
}
.vue-content:not(.phone) .fromPage .left-nav-media a:hover {
  filter: brightness(1.2);
}
.vue-content:not(.phone) .fromPage .left-nav-media a:hover .code-box {
  opacity: 1;
  visibility: visible;
}
.vue-content:not(.phone) .fromPage .left-nav-media a {
  filter: brightness(0.6);
}
.vue-content:not(.phone) .fromPage .left-nav-media .code-box {
  position: absolute;
  right: -8.884rem;
  top: calc(50% - 5.011rem);
  transform: rotateZ(-90deg);
  width: 8.2rem;
  height: 10.023rem;
  opacity: 0;
  visibility: hidden;
  background: url(//game.gtimg.cn/images/poe2/yyz/pop.png) center/100% 100% no-repeat;
  transition: 0.3s opacity;
}
.vue-content:not(.phone) .fromPage .left-nav-media .code-box img {
  position: absolute;
  left: 0.501rem;
  top: 2.096rem;
  transform: rotateZ(90deg);
  width: 7.289rem;
  height: 7.289rem;
}
.vue-content:not(.phone) .fromPage.wrap .news {
  height: 35rem;
}
.vue-content:not(.phone) .fromPage.wrap .head .btn_goToReserve {
  position: relative;
  display: block;
  margin: -1.042rem auto 0;
  width: 16.771rem;
  height: 5.208rem;
  background: url(//game.gtimg.cn/images/poe2/download.png) center no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 1.042rem;
  line-height: 3rem;
}
.vue-content:not(.phone) .fromPage.wrap .head .btn_goToReserve .name {
  position: absolute;
  width: 100%;
  background: linear-gradient(180deg, #c5b683 0%, #9b8d5a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "HYXuanSong65", serif;
  color: transparent;
}
.vue-content:not(.phone) .fromPage.wrap .head .btn_goToReserve .stroke {
  color: transparent;
  -webkit-text-stroke: 0.104rem rgba(0, 0, 0, 0.5);
  font-family: "HYXuanSong65", serif;
  text-shadow: 0 0 0.15625rem rgb(0, 0, 0);
}
.vue-content:not(.phone) .fromPage.wrap .wegameSearch {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("//game.gtimg.cn/images/poe2/wegame_search.png") center/cover no-repeat;
  width: 36.979rem;
  height: 7.083rem;
  transform: translate(-50%, 0%);
}
.vue-content:not(.phone) .fromPage.wrap .btm .tit {
  transform: translate(-50%, -110%);
}
.vue-content:not(.phone) .wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url("//game.gtimg.cn/images/poe2/bg.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .l-nav-box {
  position: fixed;
  z-index: 4;
  left: 0;
  top: calc(50% - 13.385rem);
  padding: 7.03125rem 0 5.7rem 0;
  background: url("//game.gtimg.cn/images/poe2/nav_bg.png") center/cover no-repeat;
  width: 7.083rem;
  height: 26.771rem;
  transition: 0.3s all;
}
.vue-content:not(.phone) .wrap .l-nav-box:hover {
  background: url("//game.gtimg.cn/images/poe2/nav_light.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .l-nav-box ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.vue-content:not(.phone) .wrap .l-nav-box ul li {
  position: relative;
  font-size: 0.9375rem;
  font-family: HYXuanSong65, serif;
  width: 100%;
  padding-left: 1rem;
  color: #A8A4A0;
  cursor: pointer;
}
.vue-content:not(.phone) .wrap .l-nav-box ul li.active, .vue-content:not(.phone) .wrap .l-nav-box ul li:hover {
  background: linear-gradient(to bottom, #7B7361, #BAA370 72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vue-content:not(.phone) .wrap .l-nav-box ul li.active::after {
  opacity: 1;
}
.vue-content:not(.phone) .wrap .l-nav-box ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.9875rem);
  background: url("//game.gtimg.cn/images/poe2/nav_active.png") center/cover no-repeat;
  width: 5.417rem;
  height: 1.875rem;
  opacity: 0;
  transition: 0.3s opacity;
  z-index: -1;
}
.vue-content:not(.phone) .wrap .wrap1 {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.vue-content:not(.phone) .wrap .wrap1 .l-adron {
  position: absolute;
  left: 0;
  top: 0;
  background: url("//game.gtimg.cn/images/poe2/adorn.png") center/cover no-repeat;
  width: 16.979rem;
  height: 4.115rem;
  z-index: 1;
}
.vue-content:not(.phone) .wrap .wrap1 .r-adron {
  position: absolute;
  right: 0;
  top: 0;
  background: url("//game.gtimg.cn/images/poe2/adorn2.png") center/cover no-repeat;
  width: 26.771rem;
  height: 4.0625rem;
  z-index: 1;
}
.vue-content:not(.phone) .wrap .banner-button-player {
  position: relative;
  cursor: pointer;
  width: 9.112rem;
  height: 9.112rem;
  z-index: 4;
}
.vue-content:not(.phone) .wrap .banner-button-player:hover .banner-icon-player {
  filter: brightness(1.4);
}
.vue-content:not(.phone) .wrap .banner-button-player:hover .banner-icon-player:before {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.vue-content:not(.phone) .wrap .banner-button-player:hover .banner-icon-player .banner-icon-player-shadow {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.vue-content:not(.phone) .wrap .banner-button-player:hover .banner-icon-player:after {
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.vue-content:not(.phone) .wrap .banner-button-player .banner-icon-player {
  width: 100%;
  height: 100%;
}
.vue-content:not(.phone) .wrap .banner-button-player .banner-icon-player:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  background-size: 100% 100%;
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.vue-content:not(.phone) .wrap .banner-button-player .banner-icon-player:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring-bg.png);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.vue-content:not(.phone) .wrap .banner-button-player .banner-icon-player .banner-icon-player-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-mask-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  mask-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  overflow: hidden;
}
.vue-content:not(.phone) .wrap .banner-button-player .banner-icon-player .banner-icon-player-shadow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent, transparent 40%, #ffea8e);
  animation: iconAnimateRotate 2s linear infinite;
}
@keyframes iconAnimateRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vue-content:not(.phone) .wrap .banner-button-player .icon-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 50;
  display: block;
}
.vue-content:not(.phone) .wrap .banner-button-player .icon-player:before {
  content: "";
  background: url("//game.gtimg.cn/images/poe/act/poe20231122/icon-play-shine.png") center/cover no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
}
.vue-content:not(.phone) .wrap .banner-button-player .icon-player:after {
  content: "";
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/poe20231122/icon-play.png") 100% 100% no-repeat;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.vue-content:not(.phone) .wrap .head {
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/bg1.jpg") top center/contain no-repeat;
  height: 45.833rem;
  overflow: hidden;
}
.vue-content:not(.phone) .wrap .head .countdown {
  position: relative;
  margin: 22.5rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/countdown.png") center/cover no-repeat;
  width: 52.448rem;
  height: 8.021rem;
  font-family: HYXuanSong55, serif;
  font-size: 1.667rem;
  color: #F0E1AC;
}
.vue-content:not(.phone) .wrap .head .countdown .num {
  position: absolute;
  width: 4.1rem;
  text-align: center;
}
.vue-content:not(.phone) .wrap .head .countdown .day {
  left: 14.1rem;
  top: 6.2rem;
}
.vue-content:not(.phone) .wrap .head .countdown .hour {
  left: 20.6rem;
  top: 6.2rem;
}
.vue-content:not(.phone) .wrap .head .countdown .minute {
  left: 27.3rem;
  top: 6.2rem;
}
.vue-content:not(.phone) .wrap .head .countdown .second {
  left: 34rem;
  top: 6.2rem;
}
.vue-content:not(.phone) .wrap .head .qualification {
  position: relative;
  display: block;
  margin: -1rem auto 0;
  background: url(//game.gtimg.cn/images/poe2/button3.png) center/cover no-repeat;
  width: 42.708rem;
  height: 7.292rem;
}
.vue-content:not(.phone) .wrap .news {
  position: relative;
  height: 108rem;
  margin-top: -1.5rem;
  overflow: hidden;
  background: url("//game.gtimg.cn/images/poe2/news_bg_left.png") left 1.5rem/13.229rem 4.792rem no-repeat, url("//game.gtimg.cn/images/poe2/news_bg_right.png") right 1.5rem/13.177rem 4.74rem no-repeat, url("//game.gtimg.cn/images/poe2/news_bg.png") top center/100% auto no-repeat, url("//game.gtimg.cn/images/poe2/bg2-2.png") bottom center/contain no-repeat, url("//game.gtimg.cn/images/poe2/bg2-3.png") bottom left/auto 5.052rem no-repeat, url("//game.gtimg.cn/images/poe2/bg2-4.png") bottom right/auto 5.052rem no-repeat;
}
.vue-content:not(.phone) .wrap .news .news-box {
  position: relative;
  padding-top: 5.729rem;
  box-sizing: border-box;
  margin: 0 auto;
  width: 65.521rem;
  height: 33.38525rem;
  overflow: hidden;
}
.vue-content:not(.phone) .wrap .news .news-box .news-bg {
  position: absolute;
  left: 0;
  top: 5.729rem;
  width: 100%;
  background: url("//game.gtimg.cn/images/poe2/news_box.png") center/cover no-repeat;
  height: calc(100% - 5.729rem);
  pointer-events: none;
  z-index: 5;
}
.vue-content:not(.phone) .wrap .news .news-box .tit {
  position: relative;
  margin: 1.1rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/news_tit.png") center/cover no-repeat;
  width: 7.421875rem;
  height: 2.161rem;
  font-size: 1.354rem;
  font-family: "HYXuanSong85", serif;
  color: transparent;
  letter-spacing: 0.41rem;
  white-space: nowrap;
  line-height: 2.19rem;
  text-indent: 0.42rem;
  z-index: 6;
}
.vue-content:not(.phone) .wrap .news .news-con {
  margin: 0.7rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 61.51rem;
  height: 20.5rem;
}
.vue-content:not(.phone) .wrap .news .news-swiper {
  width: 33rem;
  height: 100%;
}
.vue-content:not(.phone) .wrap .news .news-swiper img {
  width: 100%;
  height: 100%;
}
.vue-content:not(.phone) .wrap .news .swiper-pagination {
  top: 28rem;
  left: 2.25rem;
  width: 32.8rem;
  height: 1.7rem;
}
.vue-content:not(.phone) .wrap .news .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 0.8rem;
  height: 1.771rem;
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe2/rect-l.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .swiper-horizontal > .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  z-index: 100;
}
.vue-content:not(.phone) .wrap .news .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.05rem;
}
.vue-content:not(.phone) .wrap .news .news-list-box {
  position: relative;
  width: 27.865rem;
  height: 100%;
  z-index: 6;
}
.vue-content:not(.phone) .wrap .news .tab-box {
  width: 100%;
  height: 3.125rem;
}
.vue-content:not(.phone) .wrap .news .tab-box .tab-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 20.3125rem;
}
.vue-content:not(.phone) .wrap .news .tab-box .tab-list li {
  position: relative;
  height: 100%;
  font-family: "HYXuanSong65", serif;
  font-size: 0.9375rem;
  color: rgba(241, 220, 199, 0.6);
  width: 4rem;
  text-align: center;
  line-height: 3.125rem;
  cursor: pointer;
  transition: 0.3s color;
}
.vue-content:not(.phone) .wrap .news .tab-box .tab-list li::before {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: -0.1rem;
  left: calc(50% - 5.651rem);
  background: url("//game.gtimg.cn/images/poe2/news_active.png") center/cover no-repeat;
  width: 11.302rem;
  height: 0.625rem;
  transition: 0.3s opacity;
  pointer-events: none;
}
.vue-content:not(.phone) .wrap .news .tab-box .tab-list li.active, .vue-content:not(.phone) .wrap .news .tab-box .tab-list li:hover {
  color: #F0E1AC;
}
.vue-content:not(.phone) .wrap .news .tab-box .tab-list li.active::before, .vue-content:not(.phone) .wrap .news .tab-box .tab-list li:hover::before {
  content: "";
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .more {
  position: absolute;
  right: 1.7rem;
  top: 1rem;
  font-size: 0.729rem;
  font-family: "HYXuanSong65", serif;
  color: #AB8B53;
  transition: 0.3s color;
}
.vue-content:not(.phone) .wrap .news .more .icon {
  display: inline-block;
  margin-left: 0.18rem;
  margin-bottom: 0.05rem;
  background: url("//game.gtimg.cn/images/poe2/icon.png") center/cover no-repeat;
  width: 0.46875rem;
  height: 0.46875rem;
  transition: 0.3s background;
}
.vue-content:not(.phone) .wrap .news .more:hover {
  color: #F0E1AC;
}
.vue-content:not(.phone) .wrap .news .more:hover .icon {
  background: url("//game.gtimg.cn/images/poe2/icon_light.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .news-list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: -0.3rem auto 0;
  padding: 0 0.46875rem 0 1.25rem;
  width: 24.115rem;
  font-size: 0.78125rem;
  height: 2.292rem;
  line-height: 2.292rem;
  color: #A8A4A0;
  transition: 0.3s background, 0.3s color;
}
.vue-content:not(.phone) .wrap .news .news-list a .tt {
  max-width: 20rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vue-content:not(.phone) .wrap .news .news-list a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url("//game.gtimg.cn/images/poe2/news_list_active.png") center/100% 100% no-repeat;
  opacity: 0;
  transition: 0.3s opacity;
}
.vue-content:not(.phone) .wrap .news .news-list a .data {
  opacity: 0.6;
}
.vue-content:not(.phone) .wrap .news .news-list a:first-child {
  justify-content: center;
  margin-top: 0.5rem;
  height: 3.125rem;
  font-size: 1.042rem;
  font-family: "Microsoft YaHei UI", serif;
  color: #F1DCC7;
  line-height: 3.125rem;
}
.vue-content:not(.phone) .wrap .news .news-list a:first-child .tt {
  max-width: 100%;
}
.vue-content:not(.phone) .wrap .news .news-list a:first-child .data {
  display: none;
}
.vue-content:not(.phone) .wrap .news .news-list a:hover {
  color: #F0E1AC;
}
.vue-content:not(.phone) .wrap .news .news-list a:hover::before {
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .inlet-list {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 42.1875rem;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet .name {
  margin-top: 0.1rem;
  font-family: "HYXuanSong65", serif;
  font-size: 0.833rem;
  color: #A8A4A0;
  text-shadow: 0 0 0.2rem #000;
  filter: drop-shadow(0 0 0.2rem #000);
  transition: 0.3s color;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet .inlet-bg {
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/inlet.png") center/cover no-repeat;
  width: 3.646rem;
  height: 3.646rem;
  transition: 0.3s background;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet .inlet-bg .icon {
  position: absolute;
  left: calc(50% - 0.833rem);
  top: calc(50% - 0.833rem);
  width: 1.667rem;
  height: 1.667rem;
  opacity: 0.6;
  transition: 0.3s opacity;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet:hover .name {
  color: #F1E4C2;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet:hover .inlet-bg {
  background: url("//game.gtimg.cn/images/poe2/inlet_light.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .inlet-list .inlet:hover .icon {
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .activity-box {
  position: relative;
  padding-top: 3.646rem;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/activity_top.png") center 3.646rem/contain no-repeat;
  width: 62.5rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .tit {
  margin: 0.6rem auto 0;
  font-size: 1.354rem;
  font-family: "HYXuanSong85", serif;
  background: url("//game.gtimg.cn/images/poe2/activity_tit.png") center/cover no-repeat;
  width: 7.421875rem;
  height: 2.161rem;
  color: transparent;
  letter-spacing: 0.41rem;
  white-space: nowrap;
  line-height: 2.19rem;
  text-indent: 0.42rem;
  text-align: center;
}
.vue-content:not(.phone) .wrap .news .activity-box .a-prev-btn, .vue-content:not(.phone) .wrap .news .activity-box .a-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  top: calc(50% + 2rem);
  transition: 0.3s filter;
}
.vue-content:not(.phone) .wrap .news .activity-box .a-prev-btn:hover, .vue-content:not(.phone) .wrap .news .activity-box .a-next-btn:hover {
  filter: brightness(1.1);
}
.vue-content:not(.phone) .wrap .news .activity-box .a-prev-btn {
  left: -3.5rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .a-next-btn {
  right: -3rem;
  transform: rotateZ(180deg);
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list {
  position: relative;
  margin: 1.5rem auto 0;
  display: flex;
  align-items: center;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .activity {
  display: block;
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/activity_bg.png") center/cover no-repeat;
  width: 11.901rem;
  height: 19.193rem;
  transition: 0.3s background;
  overflow: hidden;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .activity:not(:first-child) {
  margin-left: 0.875rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .activity:hover {
  background: url("//game.gtimg.cn/images/poe2/activity_bg_light.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .activity:hover .btn-go {
  filter: brightness(1.2);
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .flag1 {
  position: absolute;
  left: 1rem;
  top: 0;
  padding: 1.25rem 0.98rem 0;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/activity_date.png") center/cover no-repeat;
  width: 5.833rem;
  height: 5.625rem;
  line-height: 1rem;
  z-index: 2;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .flag1 span {
  font-family: "HYXuanSong85", serif;
  background: linear-gradient(to bottom, #BCB641, #FFF4B4 72%, #FFF9D7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.729rem;
  white-space: break-spaces;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .flag1 .long {
  font-size: 0.96rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .flag1 .small {
  font-size: 0.84rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .flag1 .date {
  font-size: 1.875rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box {
  position: relative;
  margin: 2rem auto 0;
  width: 9.4rem;
  height: 13.3rem;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box .pic {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box .mask {
  background: linear-gradient(to bottom, transparent, rgb(0, 0, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6rem;
  z-index: 3;
  pointer-events: none;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box .intro {
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  width: 100%;
  font-family: "HYXuanSong55", serif;
  z-index: 6;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box .intro .i-tit {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/ItemTime.png") center/cover no-repeat;
  width: 6.875rem;
  height: 1.823rem;
  line-height: 1.6rem;
  color: #9C8758;
  font-size: 0.729rem;
  text-align: center;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .intro-box .intro .detail {
  text-align: center;
  font-size: 0.833rem;
  min-height: 1rem;
  line-height: 1rem;
  color: #F1E4C2;
}
.vue-content:not(.phone) .wrap .news .activity-box .activity-list .btn-go {
  position: absolute;
  left: 0.43rem;
  bottom: 1.06rem;
  background: url("//game.gtimg.cn/images/poe2/button2.png") center/cover no-repeat;
  width: 11.09375rem;
  height: 2.865rem;
  line-height: 2.865rem;
  text-align: center;
  font-family: HYXuanSong85, serif;
  font-size: 0.833rem;
  color: #FFE08A;
  letter-spacing: 0.12rem;
  text-indent: 0.12rem;
  transition: 0.3s filter;
}
.vue-content:not(.phone) .wrap .news .swiper-button-disabled {
  pointer-events: none;
  filter: brightness(0.5);
}
.vue-content:not(.phone) .wrap .news .progress-bg {
  display: none;
}
.vue-content:not(.phone) .wrap .news .btn-more {
  display: block;
  margin: 1.2rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/btn_more.png") center/cover no-repeat;
  width: 16.146rem;
  height: 2.604rem;
  transition: 0.3s background;
}
.vue-content:not(.phone) .wrap .news .btn-more:hover {
  background: url("//game.gtimg.cn/images/poe2/btn_more_light.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .gd-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 4.635rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/gd_top.png") center top/auto 6.667rem no-repeat;
  width: 100%;
}
.vue-content:not(.phone) .wrap .news .gd-box .tit {
  position: relative;
  margin: 3.35rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/gd_tit.png") center/cover no-repeat;
  font-size: 1.354rem;
  font-family: "HYXuanSong85", serif;
  width: 7.421875rem;
  height: 2.161rem;
  color: transparent;
  letter-spacing: 0.41rem;
  white-space: nowrap;
  line-height: 2.19rem;
  text-indent: 0.42rem;
  text-align: center;
  z-index: 10;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper {
  margin-top: -1.9rem;
  width: 42.604rem;
  height: 26.667rem;
  overflow: visible;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-slide {
  background: url("//game.gtimg.cn/images/poe2/gd_vd_bg.png") center/cover no-repeat;
  height: 26.667rem;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-slide .gd_vd {
  position: absolute;
  left: 2.25rem;
  top: 2.54rem;
  width: 38.333rem;
  height: 21.5625rem;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-slide .gd_tit {
  position: absolute;
  bottom: -0.8rem;
  left: calc(50% - 17rem);
  width: 34rem;
  height: 2.4rem;
  font-family: "HYXuanSong55", serif;
  font-size: 0.9375rem;
  text-align: center;
  line-height: 1.2rem;
  color: #F1DCC7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-slide .banner-button-player {
  opacity: 0;
  transition: 0.8s opacity;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-slide.swiper-slide-active .banner-button-player {
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .banner-button-player {
  position: absolute;
  left: calc(50% - 4.556rem);
  top: calc(50% - 4.556rem);
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .game-vd-pagination {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 0.8rem;
  height: 1.771rem;
  opacity: 1;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe2/rect-l.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-horizontal > .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  z-index: 100;
}
.vue-content:not(.phone) .wrap .news .game-vd-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.05rem;
}
.vue-content:not(.phone) .wrap .news .g-prev-btn, .vue-content:not(.phone) .wrap .news .g-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  top: calc(50% - 1rem);
  transition: 0.3s filter;
  z-index: 2;
}
.vue-content:not(.phone) .wrap .news .g-prev-btn:hover, .vue-content:not(.phone) .wrap .news .g-next-btn:hover {
  filter: brightness(1.1);
}
.vue-content:not(.phone) .wrap .news .g-prev-btn {
  left: 26.396rem;
}
.vue-content:not(.phone) .wrap .news .g-next-btn {
  right: 26.396rem;
  transform: rotateZ(180deg);
}
.vue-content:not(.phone) .wrap .game-detail {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: max(46rem, 100vh - 6.25rem);
  margin-top: -1rem;
  overflow: hidden;
  background: url("//game.gtimg.cn/images/poe2/BgButton1.png") center -0.95rem/100% 1.458rem no-repeat, url("//game.gtimg.cn/images/poe2/BgButtonMid1.png") center 0.3rem/auto 1.979rem no-repeat, url("//game.gtimg.cn/images/poe2/BgButtonLeft1.png") left 0.5rem/auto 2.604rem no-repeat, url("//game.gtimg.cn/images/poe2/BgButtonRight1.png") right 0.5rem/auto 2.604rem no-repeat, url("//game.gtimg.cn/images/poe2/bg4.jpg") center top/cover no-repeat;
}
.vue-content:not(.phone) .wrap .game-detail .banner-button-player {
  margin: 6rem 0 0;
}
.vue-content:not(.phone) .wrap .game-detail .gd-con {
  position: relative;
  margin-top: 4rem;
  background: url("//game.gtimg.cn/images/poe2/game-detail-bg.png") center/cover no-repeat;
  width: 41.667rem;
  height: 15.833rem;
  padding: 0 3.333rem;
}
.vue-content:not(.phone) .wrap .game-detail .gd-con .logo {
  position: absolute;
  top: -6rem;
  left: calc(50% - 12.5rem);
  background: url("//game.gtimg.cn/images/poe2/logo2.png") center/cover no-repeat;
  width: 25rem;
  height: 9.635rem;
}
.vue-content:not(.phone) .wrap .game-detail .gd-con .tit {
  margin: 3.7rem auto 0;
  background: linear-gradient(to bottom, #837044, #C5B374);
  font-size: 1.354rem;
  font-family: "HYXuanSong85", serif;
  width: 20.885rem;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  white-space: nowrap;
  line-height: 1.4rem;
  text-indent: 0.4rem;
  text-align: center;
}
.vue-content:not(.phone) .wrap .game-detail .gd-con .txt {
  margin-top: 1rem;
  font-size: 0.833rem;
  line-height: 1.458rem;
  color: #8c8c8c;
  font-family: STZhongsong, serif;
}
.vue-content:not(.phone) .wrap .game-detail .btn-detail {
  display: block;
  margin-top: 0.78125rem;
  width: 13.698rem;
  height: 3.698rem;
  line-height: 3.6rem;
  text-align: center;
  font-size: 1rem;
  font-family: HYXuanSong65, serif;
  font-weight: bold;
  background: url(//game.gtimg.cn/images/poe2/button_small.png) center center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .game-detail .btn-detail span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(rgb(14, 16, 24), rgb(54, 66, 78)) text;
}
.vue-content:not(.phone) .wrap .feature-image {
  position: relative;
  height: 55.9rem;
}
.vue-content:not(.phone) .wrap .feature-image .feature-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: url("//game.gtimg.cn/images/poe2/FootBgMid2.png") bottom center/100% 5.625rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMidLeft1.png") left calc(100% - 3.3rem)/auto 5.9375rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgRight1.png") right calc(100% - 3.3rem)/auto 5.9375rem no-repeat;
}
.vue-content:not(.phone) .wrap .feature-image .image-swiper {
  width: 100%;
  height: 100%;
}
.vue-content:not(.phone) .wrap .feature-image .image-swiper .pic {
  position: relative;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.vue-content:not(.phone) .wrap .feature-image .image-swiper .name {
  position: absolute;
  left: 4rem;
  bottom: 5rem;
  width: 36.458rem;
  height: 11.458rem;
}
.vue-content:not(.phone) .wrap .feature-image .i-prev-btn, .vue-content:not(.phone) .wrap .feature-image .i-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  top: calc(50% - 2rem);
  transition: 0.3s filter;
  z-index: 2;
}
.vue-content:not(.phone) .wrap .feature-image .i-prev-btn:hover, .vue-content:not(.phone) .wrap .feature-image .i-next-btn:hover {
  filter: brightness(1.1);
}
.vue-content:not(.phone) .wrap .feature-image .i-prev-btn {
  left: 8rem;
}
.vue-content:not(.phone) .wrap .feature-image .i-next-btn {
  right: 8rem;
  transform: rotateZ(180deg);
}
.vue-content:not(.phone) .wrap .btm-bg {
  position: relative;
  margin-top: -5.5rem;
  pointer-events: none;
  background: url("//game.gtimg.cn/images/poe2/FootBgMid2.png") bottom center/100% 5.625rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMidLeft1.png") left calc(100% - 3.3rem)/auto 5.9375rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgRight1.png") right calc(100% - 3.3rem)/auto 5.9375rem no-repeat;
  width: 100%;
  height: 9.1375rem;
  z-index: 2;
}
.vue-content:not(.phone) .wrap .btm-bg .image-swiper-pagination {
  position: absolute;
  text-align: center;
  bottom: 1rem;
  z-index: 10;
}
.vue-content:not(.phone) .wrap .btm-bg .image-swiper-pagination .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 0.8rem;
  height: 1.771rem;
  opacity: 1;
}
.vue-content:not(.phone) .wrap .btm-bg .image-swiper-pagination .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe2/rect-l.png") center/cover no-repeat;
}
.vue-content:not(.phone) .wrap .btm-bg .image-swiper-pagination .swiper-horizontal > .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  z-index: 100;
}
.vue-content:not(.phone) .wrap .btm-bg .image-swiper-pagination .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.05rem;
}
.vue-content:not(.phone) .wrap .btm {
  position: relative;
}
.vue-content:not(.phone) .wrap .btm .video-box {
  position: relative;
  height: 19.271rem;
}
.vue-content:not(.phone) .wrap .btm .tit {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("//game.gtimg.cn/images/poe2/btm_tit.png") center/cover no-repeat;
  width: 52.448rem;
  height: 7.552rem;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.vue-content:not(.phone) .wrap .btm video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vue-content:not(.phone) .wrap #vbox .dialog-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
  z-index: 100;
}

.phone {
  width: 100%;
  height: 100%;
}
.phone .wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url("//game.gtimg.cn/images/poe2/bg.png") center/cover no-repeat;
}
.phone .fromPage.wrap .news {
  height: 170rem;
}
.phone .fromPage.wrap .game-detail .gd-con {
  margin-bottom: 14rem;
}
.phone .fromPage.wrap .btn_goToReserve {
  position: relative;
  display: block;
  margin: -3rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/download.png") center/cover no-repeat;
  width: 45.33rem;
  height: 10.67rem;
  text-align: center;
  font-size: 2.93rem;
  line-height: 5.3rem;
}
.phone .fromPage.wrap .btn_goToReserve .name {
  position: absolute;
  width: 100%;
  background: linear-gradient(180deg, #c5b683 0%, #9b8d5a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "HYXuanSong65", serif;
  color: transparent;
}
.phone .fromPage.wrap .btn_goToReserve .stroke {
  color: transparent;
  -webkit-text-stroke: 0.53rem rgba(0, 0, 0, 0.5);
  font-family: "HYXuanSong65", serif;
  text-shadow: 0 0 0.8rem rgb(0, 0, 0);
}
.phone .fromPage.wrap .wegameSearch {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("//game.gtimg.cn/images/poe2/wegame_search.png") center/cover no-repeat;
  width: 65.07rem;
  height: 12.27rem;
  transform: translate(-50%, 62%);
}
.phone .fromPage.wrap .btm .tit {
  transform: translate(-50%, -77%);
}
.phone .wrap1 {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.phone .banner-button-player {
  position: relative;
  cursor: pointer;
  width: 26.13rem;
  height: 26.13rem;
  z-index: 4;
}
.phone .banner-button-player:hover .banner-icon-player {
  filter: brightness(1.4);
}
.phone .banner-button-player:hover .banner-icon-player:before {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.phone .banner-button-player:hover .banner-icon-player .banner-icon-player-shadow {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.phone .banner-button-player:hover .banner-icon-player:after {
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.phone .banner-button-player .banner-icon-player {
  width: 100%;
  height: 100%;
}
.phone .banner-button-player .banner-icon-player:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  background-size: 100% 100%;
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.phone .banner-button-player .banner-icon-player:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring-bg.png);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.phone .banner-button-player .banner-icon-player .banner-icon-player-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-mask-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  mask-image: url(//game.gtimg.cn/images/poe/act/poe20231122/icon-play-ring.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  overflow: hidden;
}
.phone .banner-button-player .banner-icon-player .banner-icon-player-shadow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent, transparent 40%, #ffea8e);
  animation: iconAnimateRotate 2s linear infinite;
}
@keyframes iconAnimateRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.phone .banner-button-player .icon-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 50;
  display: block;
}
.phone .banner-button-player .icon-player:before {
  content: "";
  background: url("//game.gtimg.cn/images/poe/act/poe20231122/icon-play-shine.png") center/cover no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
}
.phone .banner-button-player .icon-player:after {
  content: "";
  position: absolute;
  background: url("//game.gtimg.cn/images/poe/act/poe20231122/icon-play.png") 100% 100% no-repeat;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.phone .head {
  position: relative;
  background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.8) 100%), url("//game.gtimg.cn/images/poe2/bg1.jpg") top center/cover no-repeat;
  height: 160rem;
  overflow: hidden;
}
.phone .head .countdown {
  position: relative;
  margin: 81rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/p_countdown.png") center/contain no-repeat;
  height: 32.8rem;
  font-family: HYXuanSong55, serif;
  font-size: 4.2rem;
  color: #F0E1AC;
}
.phone .head .countdown .num {
  position: absolute;
  width: 12.5rem;
  text-align: center;
}
.phone .head .countdown .day {
  left: 15.5rem;
  top: 28.8rem;
}
.phone .head .countdown .hour {
  left: 34rem;
  top: 28.8rem;
}
.phone .head .countdown .minute {
  left: 53.5rem;
  top: 28.8rem;
}
.phone .head .countdown .second {
  left: 72.1rem;
  top: 28.8rem;
}
.phone .head .qualification {
  position: relative;
  display: block;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/button3.png") center/cover no-repeat;
  width: 100rem;
  height: 22.13rem;
  text-align: center;
  line-height: 14.4rem;
  font-size: 4.27rem;
  font-family: HYXuanSong65, serif;
  font-weight: bold;
  z-index: 2;
}
.phone .head .qualification span {
  background: linear-gradient(to bottom, #0E1018, #36424E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phone .news {
  position: relative;
  padding-bottom: 15rem;
  margin-top: -3rem;
  overflow: hidden;
  background: url("//game.gtimg.cn/images/poe2/news_bg_left.png") left 5.73rem/auto 12.13rem no-repeat, url("//game.gtimg.cn/images/poe2/news_bg_right.png") right 5.73rem/auto 12.13rem no-repeat, url("//game.gtimg.cn/images/poe2/news_bg.png") top center/auto 128.4rem no-repeat;
}
.phone .news .news-box {
  position: relative;
  padding-top: 16.27rem;
  box-sizing: border-box;
  margin: 0 auto;
  width: 100rem;
  height: 173.74rem;
  overflow: hidden;
}
.phone .news .news-box .news-bg {
  position: absolute;
  left: 0;
  top: 16.27rem;
  width: 100%;
  background: url("//game.gtimg.cn/images/poe2/p_news_box.png") center/cover no-repeat;
  height: calc(100% - 16.27rem);
  pointer-events: none;
  z-index: 5;
}
.phone .news .news-box .tit {
  position: relative;
  margin: 2.93rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/news_tit.png") center/cover no-repeat;
  width: 27.73rem;
  height: 5.6rem;
  font-size: 5.33rem;
  font-family: "HYXuanSong85", serif;
  color: transparent;
  letter-spacing: 1.35rem;
  white-space: nowrap;
  line-height: 5.6rem;
  text-indent: 1.35rem;
  z-index: 6;
}
.phone .news .news-box .news-con {
  margin: 3.47rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 96rem;
  height: 135rem;
}
.phone .news .news-box .news-swiper {
  width: 100%;
  height: 58.67rem;
}
.phone .news .news-box .news-swiper img {
  width: 100%;
  height: 100%;
}
.phone .news .news-box .swiper-pagination {
  top: 80rem;
  left: 0;
  width: 100rem;
  height: 6rem;
}
.phone .news .news-box .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 6.67rem;
  height: 6.67rem;
  margin: 0 -1rem;
  opacity: 1;
}
.phone .news .news-box .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect-l.png") center/cover no-repeat;
}
.phone .news .news-box .news-list-box {
  position: relative;
  width: 100%;
  height: 74.67rem;
  z-index: 6;
}
.phone .news .news-box .tab-box {
  width: 100%;
  height: 10.4rem;
}
.phone .news .news-box .tab-box .tab-list {
  margin-left: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 68rem;
}
.phone .news .news-box .tab-box .tab-list li {
  position: relative;
  height: 100%;
  font-family: "HYXuanSong65", serif;
  font-size: 4.27rem;
  color: rgba(241, 220, 199, 0.6);
  width: 12rem;
  text-align: center;
  line-height: 10.4rem;
  cursor: pointer;
  transition: 0.3s color;
}
.phone .news .news-box .tab-box .tab-list li::before {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: -0.3rem;
  left: calc(50% - 19.07rem);
  background: url("//game.gtimg.cn/images/poe2/news_active.png") center/cover no-repeat;
  width: 38.13rem;
  height: 2.11rem;
  transition: 0.3s opacity;
  pointer-events: none;
}
.phone .news .news-box .tab-box .tab-list li.active, .phone .news .news-box .tab-box .tab-list li:hover {
  color: #F0E1AC;
}
.phone .news .news-box .tab-box .tab-list li.active::before, .phone .news .news-box .tab-box .tab-list li:hover::before {
  content: "";
  opacity: 1;
}
.phone .news .news-box .more {
  position: absolute;
  right: 4.27rem;
  top: 2.3rem;
  font-size: 3.73rem;
  font-family: "HYXuanSong65", serif;
  color: #AB8B53;
  transition: 0.3s color;
}
.phone .news .news-box .more .icon {
  display: inline-block;
  margin-left: 0.8rem;
  margin-bottom: 0.4rem;
  background: url("//game.gtimg.cn/images/poe2/icon.png") center/cover no-repeat;
  width: 1.87rem;
  height: 1.87rem;
  transition: 0.3s background;
}
.phone .news .news-box .more:hover {
  color: #F0E1AC;
}
.phone .news .news-box .more:hover .icon {
  background: url("//game.gtimg.cn/images/poe2/icon_light.png") center/cover no-repeat;
}
.phone .news .news-box .news-list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: -1.6rem auto 0;
  padding: 0 4rem;
  width: 90rem;
  font-size: 3.73rem;
  height: 10rem;
  line-height: 10rem;
  color: #A8A4A0;
  transition: 0.3s background, 0.3s color;
}
.phone .news .news-box .news-list a .tt {
  max-width: 80rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone .news .news-box .news-list a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url("//game.gtimg.cn/images/poe2/news_list_active.png") center/100% 100% no-repeat;
  opacity: 0;
  transition: 0.3s opacity;
}
.phone .news .news-box .news-list a .data {
  opacity: 0.6;
}
.phone .news .news-box .news-list a:first-child {
  justify-content: center;
  margin-top: 1.2rem;
  height: 10.4rem;
  font-size: 4.27rem;
  font-family: "Microsoft YaHei UI", serif;
  color: #F1DCC7;
  line-height: 10.4rem;
}
.phone .news .news-box .news-list a:first-child .tt {
  max-width: 100%;
}
.phone .news .news-box .news-list a:first-child .data {
  display: none;
}
.phone .news .news-box .news-list a:hover {
  color: #F0E1AC;
}
.phone .news .news-box .news-list a:hover::before {
  opacity: 1;
}
.phone .news .inlet-list {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100rem;
}
.phone .news .inlet-list .inlet {
  margin-top: 4.27rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
  width: 30rem;
}
.phone .news .inlet-list .inlet .name {
  margin-top: 0.3rem;
  font-family: "HYXuanSong65", serif;
  font-size: 3.73rem;
  color: #A8A4A0;
  text-shadow: 0 0 0.5rem #000;
  filter: drop-shadow(0 0 0.5rem #000);
  transition: 0.3s color;
}
.phone .news .inlet-list .inlet .inlet-bg {
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/inlet.png") center/cover no-repeat;
  width: 15.47rem;
  height: 15.47rem;
  transition: 0.3s background;
}
.phone .news .inlet-list .inlet .inlet-bg .icon {
  position: absolute;
  left: calc(50% - 3.6rem);
  top: calc(50% - 3.6rem);
  width: 7.39rem;
  height: 7.39rem;
  opacity: 0.6;
  transition: 0.3s opacity;
}
.phone .news .inlet-list .inlet:hover .name {
  color: #F1E4C2;
}
.phone .news .inlet-list .inlet:hover .inlet-bg {
  background: url("//game.gtimg.cn/images/poe2/inlet_light.png") center/cover no-repeat;
}
.phone .news .inlet-list .inlet:hover .icon {
  opacity: 1;
}
.phone .news .activity-box {
  position: relative;
  padding-top: 6.4rem;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/activity_top.png") center 6.4rem/auto 11.73rem no-repeat;
  width: 100rem;
}
.phone .news .activity-box .tit {
  margin: 2.4rem auto 0;
  font-size: 5.33rem;
  font-family: "HYXuanSong85", serif;
  background: url("//game.gtimg.cn/images/poe2/activity_tit.png") center/cover no-repeat;
  width: 27.73rem;
  height: 5.55rem;
  color: transparent;
  letter-spacing: 1.35rem;
  white-space: nowrap;
  line-height: 5.55rem;
  text-indent: 1.35rem;
  text-align: center;
}
.phone .news .activity-box .a-prev-btn, .phone .news .activity-box .a-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 8.53rem;
  height: 8.53rem;
  top: 171.3rem;
  transition: 0.3s filter;
}
.phone .news .activity-box .a-prev-btn:hover, .phone .news .activity-box .a-next-btn:hover {
  filter: brightness(1.1);
}
.phone .news .activity-box .a-prev-btn {
  left: 4rem;
}
.phone .news .activity-box .a-next-btn {
  right: 4rem;
  transform: rotateZ(180deg);
}
.phone .news .activity-box .activity-list {
  margin: 3.2rem auto 0;
  width: 93.6rem;
  height: 150.93rem;
}
.phone .news .activity-box .activity-list .activity {
  margin: 3.2rem auto 0;
  display: block;
  position: relative;
  background: url("//game.gtimg.cn/images/poe2/activity_bg.png") center/cover no-repeat;
  width: 46.67rem;
  height: 75rem;
  transition: 0.3s background;
  overflow: hidden;
}
.phone .news .activity-box .activity-list .activity:hover {
  background: url("//game.gtimg.cn/images/poe2/activity_bg_light.png") center/cover no-repeat;
}
.phone .news .activity-box .activity-list .activity:hover .btn-go {
  filter: brightness(1.2);
}
.phone .news .activity-box .activity-list .flag1 {
  position: absolute;
  left: 2.5rem;
  top: 0;
  padding: 4.2rem 3.3rem 0;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/activity_date.png") center/cover no-repeat;
  width: 86px;
  height: 83px;
  line-height: 4.27rem;
  z-index: 2;
}
.phone .news .activity-box .activity-list .flag1 span {
  font-family: "HYXuanSong85", serif;
  background: linear-gradient(to bottom, #BCB641, #FFF4B4 72%, #FFF9D7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.2rem;
  white-space: break-spaces;
}
.phone .news .activity-box .activity-list .flag1 .long {
  font-size: 4rem;
}
.phone .news .activity-box .activity-list .flag1 .small {
  font-size: 3.5rem;
}
.phone .news .activity-box .activity-list .flag1 .date {
  font-size: 7.47rem;
}
.phone .news .activity-box .activity-list .intro-box {
  position: relative;
  margin: 7.5rem auto 0;
  width: 36.6rem;
  height: 52.8rem;
}
.phone .news .activity-box .activity-list .intro-box .pic {
  position: absolute;
  width: 100%;
  height: 100%;
}
.phone .news .activity-box .activity-list .intro-box .mask {
  background: linear-gradient(to bottom, transparent, rgb(0, 0, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15rem;
  z-index: 3;
  pointer-events: none;
}
.phone .news .activity-box .activity-list .intro-box .intro {
  position: absolute;
  left: 0;
  bottom: 2.13rem;
  width: 100%;
  font-family: "HYXuanSong55", serif;
  z-index: 6;
}
.phone .news .activity-box .activity-list .intro-box .intro .i-tit {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/ItemTime.png") center/contain no-repeat;
  min-width: 26.67rem;
  height: 7.93rem;
  line-height: 6.93rem;
  color: #9C8758;
  font-size: 3.2rem;
  text-align: center;
}
.phone .news .activity-box .activity-list .intro-box .intro .detail {
  text-align: center;
  font-size: 3.73rem;
  min-height: 3.73rem;
  line-height: 3.73rem;
  color: #F1E4C2;
}
.phone .news .activity-box .activity-list .btn-go {
  position: absolute;
  left: 1.6rem;
  bottom: 4rem;
  background: url("//game.gtimg.cn/images/poe2/button2.png") center/cover no-repeat;
  width: 43.47rem;
  height: 11.2rem;
  line-height: 11.2rem;
  text-align: center;
  font-family: HYXuanSong85, serif;
  font-size: 4.27rem;
  color: #FFE08A;
  letter-spacing: 1.07rem;
  text-indent: 1.07rem;
  transition: 0.3s filter;
}
.phone .news .swiper-button-disabled {
  pointer-events: none;
  filter: brightness(0.5);
}
.phone .news .progress-bg {
  margin: 7rem auto 0;
  display: block;
  background: url(//game.gtimg.cn/images/poe2/progress-bg.png) center/cover no-repeat;
  width: 69.33rem;
  height: 1.6rem;
}
.phone .news .progress-bg .progress-box {
  position: relative;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.phone .news .progress-bg .progress {
  position: absolute;
  top: -2rem;
  left: 0;
  border-style: solid;
  border-width: 3rem;
  border-image: url(//game.gtimg.cn/images/poe2/progress.png) 30 fill stretch;
  border-image-slice: 0 30 0 30 fill;
  border-image-width: 0 6rem 0 6rem;
  border-image-repeat: stretch;
  background: transparent;
  border-radius: 0;
}
.phone .news .btn-more {
  display: block;
  margin: 6.67rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/btn_more.png") center/cover no-repeat;
  width: 47.67rem;
  height: 7.73rem;
  transition: 0.3s background;
}
.phone .news .btn-more:hover {
  background: url("//game.gtimg.cn/images/poe2/btn_more_light.png") center/cover no-repeat;
}
.phone .news .gd-box {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 7.2rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/gd_top.png") center top/auto 22.4rem no-repeat;
  width: 100%;
}
.phone .news .gd-box .tit {
  margin: 11.73rem auto 0;
  font-size: 5.33rem;
  font-family: "HYXuanSong85", serif;
  background: url("//game.gtimg.cn/images/poe2/gd_tit.png") center/cover no-repeat;
  width: 26.13rem;
  height: 7.2rem;
  color: transparent;
  letter-spacing: 1.4rem;
  white-space: nowrap;
  line-height: 6.2rem;
  text-indent: 1.4rem;
  text-align: center;
}
.phone .news .game-vd-swiper {
  margin-top: -4rem;
  width: 98.13rem;
  height: 188rem;
  overflow: visible;
}
.phone .news .game-vd-swiper .swiper-slide {
  background: url("//game.gtimg.cn/images/poe2/gd_vd_bg.png") center/cover no-repeat;
  height: 61.33rem;
}
.phone .news .game-vd-swiper .swiper-slide .gd_vd {
  position: absolute;
  left: 5.07rem;
  top: 5.87rem;
  width: 88rem;
  height: 49.6rem;
}
.phone .news .game-vd-swiper .swiper-slide .gd_tit {
  position: absolute;
  bottom: -2rem;
  left: calc(50% - 44rem);
  width: 88rem;
  height: 4rem;
  font-family: "HYXuanSong55", serif;
  font-size: 3.2rem;
  line-height: 4rem;
  color: #F1DCC7;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.phone .news .game-vd-swiper .banner-button-player {
  position: absolute;
  left: calc(50% - 13.07rem);
  top: calc(50% - 13.07rem);
}
.phone .news .game-vd-swiper .game-vd-pagination {
  position: absolute;
  bottom: -4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.phone .news .game-vd-swiper .swiper-pagination-bullet {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 6.67rem;
  height: 6.67rem;
  margin: 0 -1rem;
  opacity: 1;
}
.phone .news .game-vd-swiper .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect-l.png") center/cover no-repeat;
}
.phone .news .g-prev-btn, .phone .news .g-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 8.53rem;
  height: 8.53rem;
  top: 207rem;
  transition: 0.3s filter;
  z-index: 2;
}
.phone .news .g-prev-btn:hover, .phone .news .g-next-btn:hover {
  filter: brightness(1.1);
}
.phone .news .g-prev-btn {
  left: 4rem;
}
.phone .news .g-next-btn {
  right: 4rem;
  transform: rotateZ(180deg);
}
.phone .game-detail {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 176.27rem;
  margin-top: -1rem;
  overflow: hidden;
  background: url("//game.gtimg.cn/images/poe2/BgButton1.png") center -2.4rem/100% 3.73rem no-repeat, url("//game.gtimg.cn/images/poe2/BgButtonMid1.png") center 0.9rem/auto 5.07rem no-repeat, linear-gradient(to bottom, transparent 40%, #000000 100%), url("//game.gtimg.cn/images/poe2/bg4.jpg") center top/cover no-repeat;
}
.phone .game-detail .banner-button-player {
  display: none;
}
.phone .game-detail .gd-con {
  position: relative;
  margin-bottom: 18rem;
  width: 91.2rem;
  height: 49.07rem;
}
.phone .game-detail .gd-con .logo {
  position: absolute;
  top: -30rem;
  left: calc(50% - 40rem);
  background: url("//game.gtimg.cn/images/poe2/logo2.png") center/cover no-repeat;
  width: 80rem;
  height: 30.83rem;
}
.phone .game-detail .gd-con .tit {
  margin: 0 auto 3.2rem;
  background: url("//game.gtimg.cn/images/poe2/p_about.png") center/cover no-repeat;
  width: 59.73rem;
  height: 28.8rem;
  color: transparent;
  text-align: center;
}
.phone .game-detail .gd-con .txt {
  font-size: 3.2rem;
  line-height: 4.8rem;
  color: #8c8c8c;
  font-family: STZhongsong, serif;
}
.phone .game-detail .btn-detail {
  margin-bottom: 16rem;
  display: block;
  width: 54.4rem;
  height: 14.4rem;
  line-height: 13.87rem;
  text-align: center;
  font-size: 4.27rem;
  font-family: HYXuanSong65, serif;
  font-weight: bold;
  background: url(//game.gtimg.cn/images/poe2/button_small.png) center center/cover no-repeat;
}
.phone .game-detail .btn-detail span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(rgb(14, 16, 24), rgb(54, 66, 78)) text;
}
.phone .feature-image {
  position: relative;
  height: 120rem;
  overflow: visible;
  background: #0c0c0c;
}
.phone .feature-image .feature-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 4.3rem);
  z-index: 2;
  pointer-events: none;
  background: url("//game.gtimg.cn/images/poe2/toTopBg.png") bottom center/100% 13.6rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMid2.png") center calc(100% - 4.3rem)/100% 14.4rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMidLeft1.png") left calc(100% - 12.43rem)/auto 15.2rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgRight1.png") right calc(100% - 12.43rem)/auto 15.2rem no-repeat;
}
.phone .feature-image .image-swiper {
  width: 100%;
  height: calc(100% - 16rem);
  mask-image: linear-gradient(to bottom, #000 95%, transparent);
}
.phone .feature-image .image-swiper .pic {
  position: relative;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.phone .feature-image .image-swiper .name {
  position: absolute;
  left: 3.73rem;
  bottom: 18.13rem;
  width: 76.27rem;
  height: 24rem;
}
.phone .feature-image .i-prev-btn, .phone .feature-image .i-next-btn {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/arrow.png") center/cover no-repeat;
  width: 8.53rem;
  height: 8.53rem;
  top: calc(50% - 6rem);
  transition: 0.3s filter;
  z-index: 2;
}
.phone .feature-image .i-prev-btn:hover, .phone .feature-image .i-next-btn:hover {
  filter: brightness(1.1);
}
.phone .feature-image .i-prev-btn {
  left: 4rem;
}
.phone .feature-image .i-next-btn {
  right: 4rem;
  transform: rotateZ(180deg);
}
.phone .btm-bg {
  position: relative;
  margin-top: -9rem;
  margin-bottom: -4rem;
  background: url("//game.gtimg.cn/images/poe2/toTopBg.png") bottom center/100% 13.6rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMid2.png") center calc(100% - 4.3rem)/100% 14.4rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgMidLeft1.png") left calc(100% - 12.43rem)/auto 15.2rem no-repeat, url("//game.gtimg.cn/images/poe2/FootBgRight1.png") right calc(100% - 12.43rem)/auto 15.2rem no-repeat;
  width: 100%;
  height: 15.2rem;
  z-index: 2;
}
.phone .btm-bg .to-top {
  position: relative;
  display: block;
  top: 4rem;
  background: url(//game.gtimg.cn/images/poe2/to_top.png) center/cover no-repeat;
  margin: 0 auto;
  width: 19.2rem;
  height: 5.2rem;
  z-index: 10;
}
.phone .btm-bg .image-swiper-pagination {
  position: absolute;
  text-align: center;
  bottom: 15rem;
  z-index: 10;
}
.phone .btm-bg .image-swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  background: url("//game.gtimg.cn/images/poe/act/new20240704/rect.png") center/cover no-repeat;
  width: 4.87rem;
  height: 6.87rem;
  opacity: 1;
}
.phone .btm-bg .image-swiper-pagination .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe2/rect-l.png") center/cover no-repeat;
}
.phone .btm-bg .image-swiper-pagination .swiper-horizontal > .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  z-index: 100;
}
.phone .btm-bg .image-swiper-pagination .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.05rem;
}
.phone .btm {
  position: relative;
  height: 47.47rem;
}
.phone .btm .tit {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("//game.gtimg.cn/images/poe2/p_btm_tit.png") center/cover no-repeat;
  width: 76rem;
  height: 26.93rem;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.phone .btm video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.phone #gfooter {
  height: 100px;
}
.phone #gfooter .GGG {
  display: block;
  margin: 24px auto 0;
  background: url(//game.gtimg.cn/images/poe/web201604/main/logos.jpg) no-repeat -183px 0;
  width: 116px;
  height: 52px;
  color: transparent;
}
.phone #vbox .dialog-close {
  position: absolute;
  right: calc(50% - 4.8rem);
  bottom: -9.6rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 9.6rem;
  height: 9.6rem;
}

@keyframes my-def-open {
  0% {
    margin-left: -100%;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes my-def-close {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}

/*# sourceMappingURL=main.css.map */