@font-face {
  src: url("//game.gtimg.cn/images/poe2/yyz/FZQingKeBenYueSongS.ttf");
  font-family: "FZQingKeBenYueSongS";
}
@font-face {
  src: url("//game.gtimg.cn/images/poe2/yyz/HYJinLingKeJing.ttf");
  font-family: "HYJinLingKeJing";
}
html {
  font-size: 100vw;
}

body {
  height: 100vh;
}

.vue-content, .wrap {
  width: 100%;
  height: 100%;
}

.tg__show__dialog {
  align-items: center !important;
}

.fromPage .top-nav {
  background: none;
}
.fromPage .home .head-main {
  transform: translateY(-45);
}
.fromPage .home .btn-reserve2 {
  margin: -0.05rem auto -0.01rem -0.1rem;
  height: 0.15rem;
}
.fromPage .home .btn-reserve2:before {
  width: 1.3rem;
  height: 0.33rem;
}

.top-nav {
  position: fixed;
  left: 0;
  top: 0;
  background: url(//game.gtimg.cn/images/poe2/yyz/nav-bg.png) center/100% 100% repeat-x;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.128rem;
  width: 100%;
  z-index: 19;
}
.top-nav .menu {
  background: url(//game.gtimg.cn/images/poe2/yyz/menu.png) center/cover no-repeat;
  width: 0.128rem;
  height: 0.0853rem;
  margin-left: 0.016rem;
}
.top-nav .menu.active {
  background: url("//game.gtimg.cn/images/poe2/yyz/menu-light.png") center/cover no-repeat;
}
.top-nav .btn-reserve {
  background: url(//game.gtimg.cn/images/poe2/yyz/m-reserve.png) center/cover no-repeat;
  width: 0.16rem;
  height: 0.0853rem;
  margin-right: 0.016rem;
}

.logo {
  display: block;
  position: fixed;
  left: calc(50% - 0.1867rem);
  top: 0;
  width: 0.3733rem;
  height: 0.2613rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/LOGO.png) center/cover no-repeat;
  z-index: 20;
}

.banner-button-player {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  width: 0.32rem;
  height: 0.32rem;
}
.banner-button-player:hover .banner-icon-player {
  filter: brightness(1.4);
}
.banner-button-player:hover .banner-icon-player:before {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.banner-button-player:hover .banner-icon-player .banner-icon-player-shadow {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.banner-button-player:hover .banner-icon-player:after {
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.banner-button-player .banner-icon-player {
  width: 100%;
  height: 100%;
}
.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/poe2/yyz/icon-play-ring.png);
  background-size: 100% 100%;
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.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/poe2/yyz/icon-play-ring-bg.png);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.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/poe2/yyz/icon-play-ring.png);
  mask-image: url(//game.gtimg.cn/images/poe2/yyz/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;
}
.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);
  }
}
.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;
}
.banner-button-player .icon-player:before {
  content: "";
  background: url("//game.gtimg.cn/images/poe2/yyz/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;
}
.banner-button-player .icon-player:after {
  content: "";
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/yyz/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;
}

.home {
  position: relative;
  background: url(//game.gtimg.cn/images/poe2/yyz/bg.jpg) center/cover no-repeat;
  width: 100%;
  height: max(100%, 1.8rem);
  overflow: hidden;
}
.home .head-main {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-40%);
  z-index: 10;
}
.home .slo {
  margin: -0.13rem auto -0.08rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-slo.png") center/cover no-repeat;
  width: 100%;
  height: 0.4827rem;
}
.home .text-box {
  margin: 0.02rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/yyz/text-box.png") center/cover no-repeat;
  width: 0.8187rem;
  height: 0.0869rem;
  text-align: center;
  line-height: 0.0869rem;
  font-size: 0.032rem;
  font-family: "HYJinLingKeJing", serif;
  letter-spacing: 0.0032rem;
  color: #B9AD85;
}
.home .bom {
  margin: 0 auto;
  width: 100%;
  height: 0.096rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .bom .nail {
  background: url("//game.gtimg.cn/images/poe2/yyz/nail2.png") center/cover no-repeat;
  width: 0.056rem;
  height: 0.016rem;
}
.home .bom .count {
  font-size: 0.0427rem;
  font-family: "HYJinLingKeJing", serif;
  margin: 0 0.0267rem;
  background: linear-gradient(180deg, #AE9F62 0%, #FFF4B4 72.17%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home .btn-reserve2 {
  position: relative;
  margin: 0.04rem auto 0 -0.1rem;
  display: block;
  width: 1.2rem;
  height: 0.12rem;
  transition: 0.3s filter;
  z-index: 1;
}
.home .btn-reserve2::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(//game.gtimg.cn/images/poe2/yyz/reserve-btn2.png) center/cover no-repeat;
  width: 1.2rem;
  height: 0.27rem;
  pointer-events: none;
}
.home .btn-reserve2:hover {
  filter: drop-shadow(0 0 0.016rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}
.home .btn_goToReserve {
  position: relative;
  display: block;
  margin: 0 auto -0.05rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/btn-yg.png) center/cover no-repeat;
  width: 0.4533rem;
  height: 0.1067rem;
  text-align: center;
  font-size: 0.0293rem;
  line-height: 0.053rem;
  text-decoration: none;
}
.home .awards-list {
  position: relative;
  margin: 0.056rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-rewards.png") center/cover no-repeat;
  width: 0.8533rem;
  height: 0.24rem;
}
.home .awards-list ul {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.0453rem;
  z-index: 10;
  list-style: none;
}
.home .awards-list ul li {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/yyz/nail.png") center/cover no-repeat;
  width: 0.0176rem;
  height: 0.0352rem;
}
.home .awards-list ul li.get {
  background: url("//game.gtimg.cn/images/poe2/yyz/nail-light.png") center/cover no-repeat;
}
.home .awards-list ul li:nth-of-type(1) {
  left: 0.0747rem;
}
.home .awards-list ul li:nth-of-type(2) {
  left: 0.248rem;
}
.home .awards-list ul li:nth-of-type(3) {
  left: 0.416rem;
}
.home .awards-list ul li:nth-of-type(4) {
  left: 0.5893rem;
}
.home .awards-list ul li:nth-of-type(5) {
  left: 0.76rem;
}
.home .awards-list .progress {
  position: absolute;
  left: -0.0467rem;
  bottom: 0.0213rem;
  width: 0.9467rem;
  height: 0.0213rem;
  overflow: hidden;
}
.home .awards-list .progress .pro {
  position: relative;
  z-index: 5;
  background: url("//game.gtimg.cn/images/poe2/yyz/groove.png") center/100% 100% no-repeat;
  width: 100%;
  height: 100%;
}
.home .awards-list .progress .line-box {
  width: 98%;
  position: absolute;
  left: 0.008rem;
  height: 0.0053rem;
  top: 0.0067rem;
}
.home .awards-list .progress .line {
  background: url(//game.gtimg.cn/images/poe2/yyz/progress.png) left/100% 100% no-repeat;
  height: 0.0067rem;
}
.home .qd-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.02rem auto 0;
  width: 0.9173rem;
}
.home .qd-nav div, .home .qd-nav a {
  position: relative;
  display: block;
  width: 0.064rem;
  height: 0.064rem;
}
.home .qd-nav .nail {
  background: url("//game.gtimg.cn/images/poe2/yyz/nav-icon.png") center/cover no-repeat;
}
.home .qd-nav .qw {
  background: url("//game.gtimg.cn/images/poe2/yyz/qw.png") center/cover no-repeat;
}
.home .qd-nav .vx {
  background: url("//game.gtimg.cn/images/poe2/yyz/wechat.png") center/cover no-repeat;
}
.home .qd-nav .wb {
  background: url("//game.gtimg.cn/images/poe2/yyz/weibo.png") center/cover no-repeat;
}
.home .qd-nav .dy {
  background: url("//game.gtimg.cn/images/poe2/yyz/douyin.png") center/cover no-repeat;
}
.home .qd-nav .wg {
  background: url("//game.gtimg.cn/images/poe2/yyz/wegame.png") center/cover no-repeat;
}
.home .qd-nav .bz {
  background: url("//game.gtimg.cn/images/poe2/yyz/bilibili.png") center/cover no-repeat;
}
.home .qd-nav .share {
  background: url("//game.gtimg.cn/images/poe2/yyz/share.png") center/cover no-repeat;
}

.game-about {
  position: relative;
  padding: 0.15rem 0.071rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-mask.png") bottom/contain no-repeat, url("//game.gtimg.cn/images/poe2/yyz/m-light.png") center/cover no-repeat, #060302;
  height: 1.3rem;
}
.game-about .divide {
  position: absolute;
  left: 0;
  top: -0.03735rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/divide3.png") center/cover no-repeat;
  width: 100%;
  height: 0.0747rem;
}
.game-about .con {
  height: 100%;
}
.game-about .stit {
  background: url("//game.gtimg.cn/images/poe2/yyz/stit.png") center/cover no-repeat;
  width: 0.85rem;
  height: 0.11rem;
}
.game-about .tips {
  margin-top: 0.0267rem;
  width: 100%;
  font-size: 0.032rem;
  font-family: "FZQingKeBenYueSongS", serif;
  color: #A8A4A0;
  line-height: 0.0533rem;
}
.game-about .about-vd {
  margin-top: 0.03rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/about-vd.png") center/cover no-repeat;
  width: 0.8587rem;
  height: 0.4853rem;
}
.game-about .about-vd .banner-button-player {
  top: 50%;
  transform: translateY(-50%);
}

.feature {
  margin-top: -0.2133rem;
  position: relative;
  height: 2.0853rem;
  overflow: hidden;
}
.feature .game-feature {
  height: 100%;
}
.feature .game-feature .feature-box-slide {
  box-sizing: content-box;
}
.feature .game-feature__inner {
  height: 100%;
}
.feature .game-feature__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-feature-border.png") center/cover no-repeat;
  width: 100%;
  height: 2.0853rem;
}
.feature .game-feature__title {
  font-size: 0.0747rem;
  line-height: 1;
  text-transform: capitalize;
  background: linear-gradient(to bottom, #B4A176, #FFF7CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0rem 0rem 0.005rem rgba(0, 0, 0, 0.8));
  font-family: "FZQingKeBenYueSongS", serif;
  width: 0.8rem;
  position: absolute;
  top: 0.265rem;
  left: 50%;
  letter-spacing: 0.012rem;
  text-indent: 0.012rem;
  transform: translate3d(-50%, 0, 0);
  z-index: 11;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: all;
}
.feature .feature-box__background {
  margin-top: 0.35rem;
  height: 1.1333rem;
}
.feature .feature-box__background .feature-box__image {
  margin-left: -0.5rem;
  height: 100%;
  display: block;
}
.feature .feature-box__information {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.feature .feature-box__title {
  position: relative;
  z-index: 5;
  font-size: 0.0587rem;
  line-height: 1.3;
  text-align: center;
  text-transform: capitalize;
  background-size: 100% 0.0971rem;
  background: linear-gradient(0deg, #c7af82, #857355) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0rem 0rem 0.0053rem rgba(0, 0, 0, 0.8));
  min-height: 0.0693rem;
  font-family: "FZQingKeBenYueSongS", serif;
}
.feature .feature-box__describition {
  position: relative;
  z-index: 5;
  font-size: 0.032rem;
  min-height: 0.3867rem;
  background-size: 100% 0.068rem;
  background: linear-gradient(0deg, #666e6e, #7b827e) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0rem 0rem 0.0053rem rgba(0, 0, 0, 0.8));
  padding: 0.1rem 0.0533rem 0.1rem 0.0533rem;
  font-family: "HYJinLingKeJing", serif;
}
.feature .feature-prev, .feature .feature-next {
  position: absolute;
  top: calc(50% + 0.16rem);
  background: url("//game.gtimg.cn/images/poe2/yyz/arrow2.png") center/cover;
  width: 0.096rem;
  height: 0.096rem;
  z-index: 10;
}
.feature .swiper-button-disabled {
  opacity: 0.3;
}
.feature .feature-prev {
  left: 0.0267rem;
  transform: rotateZ(-180deg);
}
.feature .feature-next {
  right: 0.0267rem;
}
.feature .bullet-box {
  position: absolute;
  width: 0.192rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0.1333rem;
  left: calc(50% - 0.096rem);
  z-index: 10;
}
.feature .bullet-box .bullet {
  background: url("//game.gtimg.cn/images/poe2/yyz/bullet.png") center/cover no-repeat;
  width: 0.0427rem;
  height: 0.0427rem;
}
.feature .bullet-box .bullet.active {
  background: url("//game.gtimg.cn/images/poe2/yyz/bullet-light.png") center/cover no-repeat;
}

.classes {
  position: relative;
  height: 2.0773rem !important;
  z-index: 10;
}
.classes .tit {
  font-size: 0.0747rem;
  text-transform: capitalize;
  background: linear-gradient(to bottom, #D6D0C1, #B1985D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0rem 0rem 0.002rem rgba(0, 0, 0, 0.8));
  font-family: "FZQingKeBenYueSongS", serif;
  position: absolute;
  width: 0.5467rem;
  top: 0.0427rem;
  left: 50%;
  height: 0.2187rem;
  line-height: 0.2187rem;
  transform: translate3d(-50%, 0, 0);
  z-index: 20;
  text-align: center;
  pointer-events: all;
}
.classes .tit:before, .classes .tit:after {
  content: "";
  position: absolute;
  left: 0;
  background: url("//game.gtimg.cn/images/poe2/yyz/TitleLine.png") center/cover no-repeat;
  width: 0.5467rem;
  height: 0.0267rem;
}
.classes .tit:before {
  top: 0;
}
.classes .tit:after {
  bottom: 0;
  transform: rotate(180deg);
}
.classes #role-swiper {
  height: 100%;
}
.classes .classImg {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: 0.8s transform;
  background: linear-gradient(to bottom, transparent 1.3rem, black 1.5733rem), var(--bg-image) center top/auto 1.5733rem no-repeat;
}
.classes .role-info {
  position: absolute;
  min-height: 0.51rem;
  left: 0;
  bottom: 0.4rem;
}
.classes .role-info .role-name {
  padding-left: 0.0533rem;
  font-size: 0.0853rem;
  line-height: 0.1rem;
  font-family: "HYJinLingKeJing", serif;
  white-space: nowrap;
  background: linear-gradient(180deg, #A99A60 10.57%, #D5C98B 90.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.classes .role-info .role-box {
  display: flex;
  flex-direction: column;
  margin-left: -0.044rem;
  box-sizing: border-box;
  border-image: url(//game.gtimg.cn/images/poe2/yyz/text-bg.png);
  border-image-slice: 16 60 fill;
  border-image-width: 0.01rem 0.1rem;
  padding: 0.04rem 0.12rem 0.05rem;
  width: 1.088rem;
}
.classes .role-info .role-box .sublimation {
  font-size: 0.048rem;
  font-family: "FZQingKeBenYueSongS", serif;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(180deg, #815F2D 10.57%, #AC9563 90.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.classes .role-info .role-box .role-description {
  margin-bottom: 0.01rem;
  color: #8C8C8C;
  font-size: 0.032rem;
  font-family: "HYJinLingKeJing", serif;
  padding: 0.01rem 0.015rem;
}
.classes .role-info .role-switch {
  margin: 0 auto;
}
.classes .role-info .role-switch .sw {
  display: inline-block;
  height: 0.14rem;
}
.classes .role-info .role-switch .sw:not(:last-child) {
  margin-right: 0.03rem;
}
.classes .role-info .role-switch .sw.active {
  position: relative;
}
.classes .role-info .role-switch .sw.active::after {
  content: "";
  position: absolute;
  left: -0.0027rem;
  top: 0;
  background: url(//game.gtimg.cn/images/poe2/yyz/ClassSelect.png) center/cover no-repeat;
  width: 0.206rem;
  height: 0.148rem;
}
.classes .role-info .role-switch .sw img {
  height: 100%;
}
.classes .icon-textures {
  position: absolute;
  left: calc(50% - 0.3027rem);
  bottom: 0.3rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/icon-textures.png") center/cover no-repeat;
  width: 0.6053rem;
  height: 0.6053rem;
}
.classes .icon-textures .icon-class {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.2907rem;
  height: 0.3653rem;
  transform: translate(-50%, -50%);
}
.classes .icon-textures .icon-class img {
  width: 100%;
  height: 100%;
  filter: brightness(1.2);
  transition: 0.8s transform;
}
.classes .role-i-swiper-box {
  position: absolute;
  left: 0;
  bottom: 0.2133rem;
  width: 1rem;
  height: 0.1333rem;
  z-index: 1;
}
.classes .role-i-swiper-box .role-i-next, .classes .role-i-swiper-box .role-i-prev {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/yyz/arrow3.png") center/cover no-repeat;
  width: 0.0853rem;
  height: 0.0853rem;
}
.classes .role-i-swiper-box .role-i-next:hover, .classes .role-i-swiper-box .role-i-prev:hover {
  filter: brightness(1.2);
}
.classes .role-i-swiper-box .role-i-next.swiper-button-disabled, .classes .role-i-swiper-box .role-i-prev.swiper-button-disabled {
  filter: brightness(0.5);
  pointer-events: none;
}
.classes .role-i-swiper-box .role-i-prev {
  left: 0.01rem;
  bottom: 0.024rem;
}
.classes .role-i-swiper-box .role-i-next {
  right: 0.01rem;
  bottom: 0.024rem;
  transform: rotate(180deg);
}
.classes #role-i-swiper {
  width: 0.8133rem;
  height: 0.1333rem;
}
.classes #role-i-swiper .swiper-slide-thumb-active .roles-slide__item {
  filter: brightness(1);
}
.classes #role-i-swiper .swiper-slide-thumb-active .roles-slide__item:after {
  opacity: 1;
  background: url(//game.gtimg.cn/images/poe2/yyz/icon-runes-current-bg.png) center/cover no-repeat;
  background-size: 100% 100%;
}
.classes #role-i-swiper .swiper-slide-thumb-active .roles-slide__item > div {
  color: rgb(230, 210, 127);
  text-shadow: 0 0 0.01rem rgb(230, 210, 127);
}
.classes #role-i-swiper .swiper-slide-thumb-active .roles-slide__item .roles-icon {
  filter: brightness(1.4) saturate(1.2) drop-shadow(-0.005rem 0.005rem 0.05rem rgba(221, 211, 174, 0.5));
}
.classes #role-i-swiper .roles-slide__item {
  position: absolute;
  width: 0.1333rem;
  height: 0.1333rem;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  z-index: 10;
  transform: scale(0.9);
  transition: 0.3s all;
}
.classes #role-i-swiper .roles-slide__item > div {
  color: #918E81;
  margin-top: 0.02rem;
  font-family: HYJinLingKeJing, serif;
}
.classes #role-i-swiper .roles-slide__item:not(.unpublished):hover {
  filter: brightness(1.4);
}
.classes #role-i-swiper .roles-slide__item:not(.unpublished):hover .roles-icon {
  filter: brightness(1.2) saturate(1) drop-shadow(-0.005rem 0.005rem 0.05rem rgba(221, 211, 174, 0.5));
}
.classes #role-i-swiper .roles-slide__item.unpublished {
  cursor: default;
}
.classes #role-i-swiper .roles-slide__item.unpublished .roles-icon {
  filter: brightness(0);
}
.classes #role-i-swiper .roles-slide__item:before, .classes #role-i-swiper .roles-slide__item:after {
  content: "";
  width: 0.1333rem;
  height: 0.1333rem;
  background-size: 100% 100%;
  background: url(//game.gtimg.cn/images/poe2/yyz/icon-runes-bg.png) center/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.067rem 0 0 -0.067rem;
  z-index: 1;
  display: block;
}
.classes #role-i-swiper .roles-slide__item:after {
  z-index: 2;
  opacity: 0;
}
.classes #role-i-swiper .roles-slide__item .roles-icon {
  width: 0.0747rem;
  height: 0.0933rem;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.047rem 0 0 -0.04rem;
  transition: 0.3s all;
  z-index: 5;
}
.classes #role-i-swiper .roles-slide__item .roles-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.classes #role-i-swiper .roles-icon--monk:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/monk.webp);
}
.classes #role-i-swiper .roles-icon--warrior:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/warrior.webp);
}
.classes #role-i-swiper .roles-icon--ranger:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/ranger.webp);
}
.classes #role-i-swiper .roles-icon--huntress:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/huntress.webp);
}
.classes #role-i-swiper .roles-icon--sorceress:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/sorceress.webp);
}
.classes #role-i-swiper .roles-icon--mercenary:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/mercenary.webp);
}
.classes #role-i-swiper .roles-icon--druid:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/druid.webp);
}
.classes #role-i-swiper .roles-icon--witch:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/witch.webp);
}
.classes #role-i-swiper .roles-icon--assassin:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/assassin.webp);
}
.classes #role-i-swiper .roles-icon--gladiator:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/gladiator.webp);
}
.classes #role-i-swiper .roles-icon--marauder:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/marauder.webp);
}
.classes #role-i-swiper .roles-icon--templar:after {
  background-image: url(//game.gtimg.cn/images/poe2/yyz/templar.webp);
}
.classes #role-swiper .swiper-slide .icon-class img {
  transform: scale(0.3);
}
.classes #role-swiper .swiper-slide-active .icon-class img {
  transform: scale(1);
}

.skill {
  position: relative;
  height: 1.9rem;
  margin-top: -0.192rem;
  width: 100%;
  overflow: hidden;
}
.skill #skill-swiper {
  position: absolute;
  top: 0.19rem;
  left: 0;
  width: 1rem;
  height: 0.9013rem;
  overflow: visible;
}
.skill .ea-carousel__frame {
  position: absolute;
  top: 0;
  left: 50%;
  height: 1.3333rem;
  transform: translate(-50%);
  pointer-events: none;
  z-index: 10;
}
.skill .ea-carousel__panel {
  width: 100%;
  height: 100%;
}
.skill .ea-carousel__panel .ea-carousel__panel-image {
  width: auto;
  height: 100%;
}
.skill .ea-carousel__panel .ea-carousel__panel-image.left {
  margin-left: -0.81rem;
}
.skill .ea-carousel__content {
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 70%;
  min-width: 1rem;
  padding: 1.05rem 0 0;
  font-family: "FZQingKeBenYueSongS", serif;
  color: #8c8c8c;
  font-size: 0.032rem;
}
.skill .ea-carousel__content p {
  padding: 0 0.04rem;
  margin-top: 0.07rem;
}
.skill .skill-next, .skill .skill-prev {
  position: absolute;
  background: url("//game.gtimg.cn/images/poe2/yyz/arrow3.png") center/cover no-repeat;
  width: 0.0853rem;
  height: 0.0853rem;
  z-index: 11;
}
.skill .skill-next:hover, .skill .skill-prev:hover {
  filter: brightness(1.2);
}
.skill .skill-prev {
  left: 0.0213rem;
  top: 1.096rem;
}
.skill .skill-next {
  right: 0.0213rem;
  top: 1.096rem;
  transform: rotate(180deg);
}
.skill .skill-swiper-pagination {
  position: absolute;
  top: 1.124rem;
  width: 0.32rem;
  height: 0.024rem;
  display: flex;
  align-items: center;
  justify-content: center;
  left: calc(50% - 0.16rem);
  z-index: 51;
}
.skill .skill-swiper-pagination .swiper-pagination-bullet {
  width: 0.0227rem;
  height: 0.0227rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/bullet.png") center/cover no-repeat;
  opacity: 1;
}
.skill .skill-swiper-pagination .swiper-pagination-bullet-active {
  background: url("//game.gtimg.cn/images/poe2/yyz/bullet-light.png") center/cover no-repeat;
}
.skill .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("//game.gtimg.cn/images/poe2/yyz/divide.png") center/cover no-repeat;
  width: 100%;
  height: 0.064rem;
  z-index: 1;
}

.skill .cta-title, .skill .intro .tit, .equipment .cta-title, .equipment .intro .tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  font-size: 0.0747rem;
  margin: 0;
  font-family: "FZQingKeBenYueSongS", serif;
  background: linear-gradient(180deg, #D6D0C1 0%, #B1985D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.2;
}
.skill .cta-title:before, .skill .cta-title:after, .skill .intro .tit:before, .skill .intro .tit:after, .equipment .cta-title:before, .equipment .cta-title:after, .equipment .intro .tit:before, .equipment .intro .tit:after {
  content: "";
  display: block;
  width: 0.5467rem;
  height: 0.0267rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/TitleLine.png) center/cover no-repeat;
}
.skill .cta-title:before, .skill .intro .tit:before, .equipment .cta-title:before, .equipment .intro .tit:before {
  margin-bottom: 0.06rem;
}
.skill .cta-title:after, .skill .intro .tit:after, .equipment .cta-title:after, .equipment .intro .tit:after {
  margin-top: 0.06rem;
  transform: rotate(180deg);
}

.equipment {
  position: relative;
  height: 2.2rem;
  overflow: hidden;
}
.equipment .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  object-fit: cover;
}
.equipment .trigger-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 0.777rem;
  z-index: 6;
}
.equipment .trigger-box div {
  position: absolute;
}
.equipment .trigger-box div img {
  pointer-events: none;
}
.equipment .trigger-box .weapon {
  width: 0.17rem;
  height: 0.33rem;
  left: 0.1rem;
  top: 0.046rem;
}
.equipment .trigger-box .body {
  width: 0.17rem;
  height: 0.247rem;
  left: 0.42rem;
  top: 0.209rem;
}
.equipment .trigger-box .boot {
  width: 0.17rem;
  height: 0.17rem;
  left: 0.618rem;
  top: 0.388rem;
}
.equipment .trigger-box .glove {
  width: 0.17rem;
  height: 0.17rem;
  left: 0.218rem;
  top: 0.388rem;
}
.equipment .trigger-box .helmet {
  width: 0.17rem;
  height: 0.17rem;
  left: 0.418rem;
  top: 0.023rem;
}
.equipment .trigger-box .ring1 {
  width: 0.09rem;
  height: 0.09rem;
  left: 0.298rem;
  top: 0.288rem;
}
.equipment .trigger-box .ring2 {
  width: 0.09rem;
  height: 0.09rem;
  left: 0.618rem;
  top: 0.288rem;
}
.equipment .trigger-box .belt {
  width: 0.17rem;
  height: 0.09rem;
  left: 0.418rem;
  top: 0.47rem;
}
.equipment .trigger-box .amulet {
  width: 0.09rem;
  height: 0.09rem;
  left: 0.618rem;
  top: 0.186rem;
}
.equipment .trigger-box .flask1 {
  width: 0.086rem;
  height: 0.163rem;
  left: 0.26rem;
  top: 0.572rem;
}
.equipment .trigger-box .flask2 {
  width: 0.086rem;
  height: 0.163rem;
  left: 0.66rem;
  top: 0.572rem;
}
.equipment .trigger-box .charm1 {
  width: 0.086rem;
  height: 0.086rem;
  left: 0.378rem;
  top: 0.612rem;
}
.equipment .zlp {
  position: relative;
  display: block;
  width: 1rem;
  margin: 0 auto 0;
  z-index: 5;
}
.equipment .intro {
  position: relative;
  z-index: 5;
  margin: 0.15rem 0.1rem 0 0.452rem;
  font-family: "HYJinLingKeJing", serif;
  font-size: 0.032rem;
  line-height: 0.04rem;
  color: rgb(128, 124, 121);
}
.equipment .intro .tit {
  margin-bottom: 0.05rem;
}

.endGame {
  margin-bottom: -0.15rem;
  position: relative;
  overflow: hidden;
  height: 1.6016rem;
  z-index: 1;
}
.endGame .end-tit {
  position: absolute;
  left: calc(50% - 0.15rem);
  top: 0.168rem;
  font-family: "FZQingKeBenYueSongS", serif;
  font-size: 0.0747rem;
  background: linear-gradient(180deg, #B4A176 0%, #FFF7CC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 10;
}
.endGame .end-game-bg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 1.6016rem;
  pointer-events: none;
}
.endGame .end-game-pic {
  margin: 0.3rem auto 0;
  position: relative;
  width: 1rem;
}
.endGame .end-game-pic img {
  display: block;
  width: 100%;
  height: 0.5627rem;
}
.endGame .intro {
  margin: 0.104rem auto 0;
  width: 0.9147rem;
  font-family: "HYJinLingKeJing", serif;
  font-size: 0.032rem;
  line-height: 0.045rem;
  color: rgb(128, 124, 121);
}

.news {
  height: calc(100vh - 0.128rem);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url("//game.gtimg.cn/images/poe2/yyz/bg2.jpg") center/cover no-repeat;
}
.news .new-tit {
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/poe2/yyz/new-tit.png") center/cover no-repeat;
  width: 0.4053rem;
  height: 0.152rem;
}
.news .swiper {
  margin: 0.032rem auto;
  width: 0.9147rem;
  height: 65%;
}
.news .swiper .swiper-slide {
  height: 0.48rem;
}
.news .swiper .vd {
  display: block;
  position: relative;
  background: url(//game.gtimg.cn/images/poe2/yyz/vd-border.png) center/cover no-repeat;
  width: 0.4267rem;
  height: 0.3333rem;
  transition: 0.3s filter;
}
.news .swiper .vd:hover {
  filter: brightness(1.2);
}
.news .swiper .vd img {
  position: absolute;
  width: calc(100% - 0.008rem);
  height: calc(100% - 0.0293rem);
  margin: 0.016rem 0.0053rem;
}
.news .swiper .vd-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("//game.gtimg.cn/images/poe2/yyz/vd-player.png") center/cover no-repeat;
  width: 0.152rem;
  height: 0.152rem;
  z-index: 10;
}
.news .swiper .vd-name {
  position: absolute;
  top: 0.3467rem;
  left: 0;
  width: calc(100% - 0.008rem);
  font-family: "Microsoft YaHei UI", serif;
  color: rgb(210, 205, 199);
  text-align: center;
  font-size: 0.0267rem;
  line-height: 0.048rem;
}
.news .swiper .vd-name .time {
  text-align: center;
  color: rgb(121, 128, 124);
  font-size: 0.024rem;
}
.news .box {
  position: relative;
  margin: 0 auto;
  width: 0.8213rem;
  height: 0.1227rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news .box .vd-btn {
  width: 0.288rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news .box .vd-btn .vd-prev {
  background: url("//game.gtimg.cn/images/poe2/yyz/arrow1.png") center/cover no-repeat;
  width: 0.1013rem;
  height: 0.1013rem;
  cursor: pointer;
  transition: 0.3s filter;
}
.news .box .vd-btn .vd-prev:hover {
  filter: brightness(1.2);
}
.news .box .vd-btn .vd-next {
  background: url("//game.gtimg.cn/images/poe2/yyz/arrow1.png") center/cover no-repeat;
  width: 0.1013rem;
  height: 0.1013rem;
  transform: rotateZ(180deg);
  cursor: pointer;
  transition: 0.3s filter;
}
.news .box .vd-btn .swiper-button-disabled {
  filter: brightness(0.5);
  pointer-events: none;
  cursor: default;
}
.news .box .btn-more {
  display: block;
  background: url("//game.gtimg.cn/images/poe2/yyz/btn-more.png") center/cover no-repeat;
  width: 0.4533rem;
  height: 0.1227rem;
  transition: 0.3s filter;
}

.dialog__content {
  top: 0 !important;
}

.modal {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
.modal .dialog__content {
  z-index: 1002;
  opacity: 1;
}

#dialog-tips img {
  width: 0.96rem;
  height: 0.2133rem;
}

#dialog-success .dialog__content, #dialog-reserve .dialog__content {
  background: url("//game.gtimg.cn/images/poe2/yyz/m-dialog-bg.png") center/cover no-repeat;
  width: 1rem;
  height: 1.7893rem;
}
#dialog-success .dialog-close, #dialog-reserve .dialog-close {
  position: absolute;
  left: calc(50% - 0.048rem);
  bottom: 0.2427rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 0.096rem;
  height: 0.096rem;
}

#dialog-reserve .content {
  position: relative;
  font-family: HYJinLingKeJing, serif;
  padding: 0.16rem 0.072rem 0 0.072rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#dialog-reserve .content .tit {
  font-size: 0.0853rem;
  font-family: "FZQingKeBenYueSongS", serif;
  background: linear-gradient(180deg, #B4A176 0%, #FFF7CC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.008rem;
  text-align: center;
}
#dialog-reserve .content .tips {
  color: rgb(181, 192, 185);
  margin-top: 0.0133rem;
  font-size: 0.032rem;
  letter-spacing: 0.0027rem;
  text-align: center;
}
#dialog-reserve .content .phone, #dialog-reserve .content .code {
  position: relative;
  width: calc(100% - 0.0053rem);
  height: 0.1173rem;
  border-radius: 0.0107rem;
}
#dialog-reserve .content .phone input, #dialog-reserve .content .code input {
  position: relative;
  z-index: 100;
  border-radius: 0.0107rem;
  width: 100%;
  height: 0.1173rem;
  border: 0.0027rem solid #B29151;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  font-size: 0.0427rem;
  outline: none;
  color: rgb(181, 192, 185);
}
#dialog-reserve .content .phone input::placeholder, #dialog-reserve .content .code input::placeholder {
  color: rgba(181, 192, 185, 0.6);
}
#dialog-reserve .content .phone input:-internal-autofill-previewed, #dialog-reserve .content .phone input:-internal-autofill-selected, #dialog-reserve .content .code input:-internal-autofill-previewed, #dialog-reserve .content .code input:-internal-autofill-selected {
  -webkit-text-fill-color: rgb(181, 192, 185);
  transition: background-color 5000s ease-out 0.5s;
}
#dialog-reserve .content .phone {
  margin-top: 0.0507rem;
}
#dialog-reserve .content .phone span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.0427rem;
  line-height: 0.1173rem;
  letter-spacing: 0.0053rem;
  text-align: center;
  width: 0.1867rem;
  color: rgb(181, 192, 185);
  z-index: 101;
  pointer-events: none;
}
#dialog-reserve .content .phone input {
  padding-left: 0.1867rem;
}
#dialog-reserve .content .code {
  margin-top: 0.0267rem;
}
#dialog-reserve .content .code input {
  padding-left: 0.048rem;
  padding-right: 0.4267rem;
}
#dialog-reserve .content .code .get-code {
  position: absolute;
  top: 0.0085rem;
  right: 0.0093rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/dialog-btn.png") center/cover no-repeat;
  width: 0.3733rem;
  height: 0.1013rem;
  color: rgb(220, 203, 150);
  font-size: 0.0427rem;
  line-height: 0.1013rem;
  text-align: center;
  text-decoration: none;
  transition: 0.3s filter;
  z-index: 101;
}
#dialog-reserve .content .code .get-code:hover {
  filter: brightness(1.2);
}
#dialog-reserve .content .btn-res {
  margin: 0.0427rem auto 0;
  display: block;
  background: url("//game.gtimg.cn/images/poe2/yyz/reserve-btn.png") center/cover no-repeat;
  width: 0.84rem;
  height: 0.1067rem;
  font-size: 0.048rem;
  line-height: 0.1013rem;
  text-align: center;
  color: #2A2A2A;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.0053rem;
  text-indent: 0.0053rem;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s filter;
}
#dialog-reserve .content .btn-res:hover {
  filter: drop-shadow(0 0 0.0213rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}
#dialog-reserve .content .divide {
  content: "";
  margin: 0.02rem auto 0.0187rem;
  width: 0.5787rem;
  height: 0.032rem;
  background-size: cover;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAAMCAYAAADvTRjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAXUSURBVHgB7VhNjFRFEO6q7vdmdmbRXWVFNoDGI0SuXjx4McRA9AJRFESUHwVR/IEYPICJhl8jIoJEYvgxRIkXIwfEmBgTo0djAgcPhkiyLCLs7uzOzsz76fKrfsuKxDOwyfuSN91d3VVd3V1fd08bU6JEiRIlSkxlkCkxZXBw63P3e6bP2MvzL71z5LwpMSXApsSUwKfvrZovlr/DrviIMH1/+N0X7jMlpgTKk2wKIBCMzBkRczcWzGLVBN/f5M2jq98+/JspcVujPMlucxzZsWYhOz5tne1xjsU6/sFZEsfcw85+e3TX6kWmxG2N8iS7hdi6dU1tBqdL6lF+asWWY1durD++Z91Sb/whU2yGo96YzSvf/OT4kd0vvsJMe0QkxwrmxtOaFZsOnrhR/xDs5y5d4m1+6uX/sV/i5qAk2S3C5ztXzRrPZa1h7mMxVyOJ31+x5eNJIpzYt2GteL8dF0OHVbpAxi/tDLX+bDE90fHy9Yzerjle6CQRzzJGctwgtz+98cCOa/qHdqyZQz5fD372MslfkSQfrCiJdktQkuwW4Nju9Q9ZJ4szL3WcSCzeMJHpgDBfLHtt/08n97+6yYu8BYJhhWSAc1rYTBqJ+PhZtKwaoeG8kn15p6lVvDWniaQfshytdz65Yd+uE3vXPQz9p0CwLpjISNCDMU0j9qtlb3z0iylxU3GNZFiHIrNt29YgmzfvXEj7+ubStN/76Y/egVDuHrwa0kvT7gppfahBQyPNkJ/ZP9MMN5pUrY2HcjzWRjrdjHW1KK50gqw5XpvMK6J2lVpxEsrTqRY1ObOxJ84rHY6EuJ1EiEdiQ96ytZQgxQ7OTlLIxNqEONUK8mTIWpWxRm6aMduIE+k4vBKwcxFhiEypd55NDwFicoszAH91DOKYrfFiMQ+wyzbIBA/mxjg0xau5hHqtAyEg9+zRITplo3UijMcJF/ogctBDPXwh6hePMumVL9i3Rh8vinywbSQ8ZjiVGaJQr3ZxHfzZNyrLs2obL4nZgtzIpSwxZyInCzDI2RnTN5VK/Tzn7QNYwsdgK9dTDXYz+BHyJHge0SslBot5yDDqcMXE4FWeqRx9NoRkBLkMMp1Ir7rwQ8mp9dCVQkYW9jExuKpivB7SDLOv6UQ9bEOupPeaegk2YRJ9cksyHicnoV7becq8x4U3gv0MMibn4SPq8zyPsFRZCsUixWxhHJz7nCWOOM90EVLoUdubmHP8VfW2433CVe+MTUfzVt5VjUNkp0k7pEmnFdJ6LZbuegV3CMhaTUm6q9Kn9dNqcumSMa2xRmjXe2ddmr13hPyM0ashHbv3rpAODV0s2vQO6TyZs2fnSsGhbaLUIgrb5OTDh/wnuU7h8uVzMjowIH1njVej91Q6fuzKoGiH+nW7zKsjM/snVU0bjmp6BQTT+0l3HRvqkHpV1Cedyr8dmcZkbsSNZDo5iWmniOSUsiipujxJ4o7xzgadmrc6zYjhyFgLOzVoMAuDD1GE6ES05Fi6POaC6KCqRQz7VJRWxOAaGNDAE8IovkbkomFialtMBZMV8NI4UEZnRtkXuIiCtehXmWeVAQgXRjt8yiLSc8hBG5XWOsQCa71oGXwfRBBeZKWutrf66e6Ads4WZTchd8VYbGH30OJ1ex93vdmDlZgXVV311+UbDxxbufnA4LLXDx6NXfXHrsgtijmZv3jdh8+AlTvQFwYJfSjDHYzDknWhjAcTKzCv/ZD2hUcT+GYvQj4ImjeCb1BSP7FVhe0D24n6AX2wf2LMcJ0i/OhcoI1EkTYMShpYMFXMGUSYdW45ssPwYhijHYFrbVuZ2NV1SwIgNxV0kKlz+Bjbmc6BcVjMNMMyR7rURYqM/sZxiCKEa5pLtdOJu6od7E5pPY8SiuOkO60m7WbDd1Xb0mpfwWoXMVbrqkhPT4+pd+IiHicJNjvE1oXxgmDXDoxwyIBgGuf1uglxr/H/AHigfBgYmCn6Xc+XidGZEiVK3ET8A/G1sFMALXKfAAAAAElFTkSuQmCC) no-repeat 50% 50%;
}
#dialog-reserve .content .res-awards {
  margin: 0.0107rem auto 0;
  font-size: 0.0427rem;
  color: rgb(149, 129, 96);
  text-align: center;
}
#dialog-reserve .content .res-awards .light {
  margin-right: 0.008rem;
  background: linear-gradient(180deg, #E6D27F 0%, #FFF4B4 72.17%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0rem 0rem 0.0213rem rgb(239, 223, 136);
}
#dialog-reserve .content .awards {
  margin: 0.02rem auto 0;
  background: url(//game.gtimg.cn/images/poe2/yyz/m-dialog-rewards.png) center/contain no-repeat;
  width: 0.6133rem;
  height: 0.28rem;
}
#dialog-reserve .bottom {
  width: 0.88rem;
  height: 0.32rem;
  position: absolute;
  display: flex;
  left: 50%;
  bottom: 0.3rem;
  transform: translateX(-50%);
  padding: 0.0347rem 0;
  box-sizing: border-box;
  font-size: 0.0267rem;
  font-family: HYJinLingKeJing, serif;
  color: rgb(128, 124, 121);
  line-height: 0.0427rem;
}
#dialog-reserve .bottom .divide {
  position: absolute;
  top: 0;
  height: 0.0027rem;
  width: 100%;
  background: radial-gradient(100% 1711250.05% at 0% 99.96%, transparent 0%, #FFFFFF 50%, transparent 100%);
  opacity: 0.4;
}
#dialog-reserve .bottom .checkbox {
  margin-right: 0.0267rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/checkbox.png") center/cover no-repeat;
  min-width: 0.0533rem;
  height: 0.0533rem;
  cursor: pointer;
}
#dialog-reserve .bottom .checkbox.active {
  background: url("//game.gtimg.cn/images/poe2/yyz/checkbox2.png") center/cover no-repeat;
}

#dialog-success {
  align-items: center;
}
#dialog-success .content {
  position: absolute;
  left: 0;
  top: 0;
  background: url(//game.gtimg.cn/images/poe2/yyz/m-dialog-success.png) center/cover no-repeat;
  width: 1rem;
  height: 1.7893rem;
  font-family: "HYJinLingKeJing", serif;
}
#dialog-success .content .phone {
  position: absolute;
  left: 0.096rem;
  top: 0.5013rem;
  color: #B5C0B9;
  font-size: 0.0747rem;
  letter-spacing: 0.0107rem;
}
#dialog-success .content .btn-lift {
  position: absolute;
  left: 0.744rem;
  top: 0.5387rem;
  font-size: 0.032rem;
  color: #B5C0B9;
  text-decoration: none;
}
#dialog-success .content .region {
  position: absolute;
  left: 0.52rem;
  top: 1.128rem;
  width: 0.352rem;
  text-align: center;
  color: #B5C0B9;
  font-size: 0.0267rem;
}
#dialog-success .content .btn-get {
  position: absolute;
  left: 0.552rem;
  top: 1.1227rem;
  width: 0.3013rem;
  height: 0.0533rem;
  line-height: 0.0533rem;
  text-align: center;
  font-size: 0.0267rem;
  color: rgb(224, 189, 93);
  border: 0.0027rem solid rgb(141, 129, 99);
  text-decoration: none;
}
#dialog-success .content .btn-quest {
  position: absolute;
  left: 0.0853rem;
  top: 1.2667rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-quest.png) center/cover no-repeat;
  width: 0.5067rem;
  height: 0.1333rem;
  transition: 0.3s filter;
}
#dialog-success .content .btn-quest:hover {
  filter: brightness(1.2);
}

#dialog-cancel-code .dialog__content, #dialog-normal .dialog__content, #dialog-cancel-success .dialog__content, #dialog-create-account .dialog__content, #dialog-award-failure .dialog__content {
  width: 0.93rem;
  font-family: HYJinLingKeJing, serif;
  box-sizing: border-box;
  padding: 0.0347rem 0.0347rem 0.01rem;
  border-width: 0.0533rem;
  border-style: solid;
  border-image-source: url("//game.gtimg.cn/images/poe2/yyz/m-dialog-bg2.png");
  border-image-slice: 20 fill;
  border-image-repeat: stretch;
}
#dialog-cancel-code .dialog__content .tit, #dialog-normal .dialog__content .tit, #dialog-cancel-success .dialog__content .tit, #dialog-create-account .dialog__content .tit, #dialog-award-failure .dialog__content .tit {
  color: rgb(218, 195, 138);
  font-size: 0.0747rem;
  font-family: FZQingKeBenYueSongS, serif;
  text-align: center;
  letter-spacing: 0.0053rem;
}
#dialog-cancel-code .dialog__content .tips, #dialog-normal .dialog__content .tips, #dialog-cancel-success .dialog__content .tips, #dialog-create-account .dialog__content .tips, #dialog-award-failure .dialog__content .tips {
  margin-top: 0.016rem;
  font-size: 0.032rem;
  color: rgb(181, 192, 185);
  text-align: center;
  letter-spacing: 0.0053rem;
}
#dialog-cancel-code .dialog__content .code, #dialog-normal .dialog__content .code, #dialog-cancel-success .dialog__content .code, #dialog-create-account .dialog__content .code, #dialog-award-failure .dialog__content .code {
  position: relative;
  width: calc(100% - 0.0053rem);
  height: 0.1173rem;
  border-radius: 0.0107rem;
  border: 0.0027rem solid #B29151;
  margin-top: 0.0267rem;
}
#dialog-cancel-code .dialog__content .code input, #dialog-normal .dialog__content .code input, #dialog-cancel-success .dialog__content .code input, #dialog-create-account .dialog__content .code input, #dialog-award-failure .dialog__content .code input {
  padding-left: 0.048rem;
  padding-right: 0.4267rem;
  position: relative;
  z-index: 100;
  width: 100%;
  height: 0.1173rem;
  border: none;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  font-size: 0.0427rem;
  outline: none;
  color: rgb(181, 192, 185);
}
#dialog-cancel-code .dialog__content .code input::placeholder, #dialog-normal .dialog__content .code input::placeholder, #dialog-cancel-success .dialog__content .code input::placeholder, #dialog-create-account .dialog__content .code input::placeholder, #dialog-award-failure .dialog__content .code input::placeholder {
  color: rgba(181, 192, 185, 0.6);
}
#dialog-cancel-code .dialog__content .code input:-internal-autofill-previewed, #dialog-cancel-code .dialog__content .code input:-internal-autofill-selected, #dialog-normal .dialog__content .code input:-internal-autofill-previewed, #dialog-normal .dialog__content .code input:-internal-autofill-selected, #dialog-cancel-success .dialog__content .code input:-internal-autofill-previewed, #dialog-cancel-success .dialog__content .code input:-internal-autofill-selected, #dialog-create-account .dialog__content .code input:-internal-autofill-previewed, #dialog-create-account .dialog__content .code input:-internal-autofill-selected, #dialog-award-failure .dialog__content .code input:-internal-autofill-previewed, #dialog-award-failure .dialog__content .code input:-internal-autofill-selected {
  -webkit-text-fill-color: rgb(181, 192, 185);
  transition: background-color 5000s ease-out 0.5s;
}
#dialog-cancel-code .dialog__content .code .get-code, #dialog-normal .dialog__content .code .get-code, #dialog-cancel-success .dialog__content .code .get-code, #dialog-create-account .dialog__content .code .get-code, #dialog-award-failure .dialog__content .code .get-code {
  position: absolute;
  top: 0.0085rem;
  right: 0.0093rem;
  background: url("//game.gtimg.cn/images/poe2/yyz/dialog-btn.png") center/cover no-repeat;
  width: 0.3733rem;
  height: 0.1013rem;
  color: rgb(220, 203, 150);
  font-size: 0.0427rem;
  line-height: 0.1013rem;
  text-align: center;
  text-decoration: none;
  transition: 0.3s filter;
  z-index: 101;
}
#dialog-cancel-code .dialog__content .code .get-code:hover, #dialog-normal .dialog__content .code .get-code:hover, #dialog-cancel-success .dialog__content .code .get-code:hover, #dialog-create-account .dialog__content .code .get-code:hover, #dialog-award-failure .dialog__content .code .get-code:hover {
  filter: brightness(1.2);
}
#dialog-cancel-code .dialog__content .divide, #dialog-normal .dialog__content .divide, #dialog-cancel-success .dialog__content .divide, #dialog-create-account .dialog__content .divide, #dialog-award-failure .dialog__content .divide {
  margin: 0.03rem 0 0.032rem;
  width: 100%;
  height: 0.0027rem;
  background: linear-gradient(to right, transparent, #BCB641, transparent);
  opacity: 0.4;
}
#dialog-cancel-code .dialog__content .con, #dialog-normal .dialog__content .con, #dialog-cancel-success .dialog__content .con, #dialog-create-account .dialog__content .con, #dialog-award-failure .dialog__content .con {
  color: rgb(128, 124, 121);
  font-size: 0.032rem;
  line-height: 0.048rem;
}
#dialog-cancel-code .dialog__content .btn-group, #dialog-normal .dialog__content .btn-group, #dialog-cancel-success .dialog__content .btn-group, #dialog-create-account .dialog__content .btn-group, #dialog-award-failure .dialog__content .btn-group {
  margin-top: 0.064rem;
  margin-left: auto;
  margin-right: auto;
  width: 0.48rem;
}
#dialog-cancel-code .dialog__content .btn-group .btn-sure, #dialog-cancel-code .dialog__content .btn-group .btn-create-account, #dialog-normal .dialog__content .btn-group .btn-sure, #dialog-normal .dialog__content .btn-group .btn-create-account, #dialog-cancel-success .dialog__content .btn-group .btn-sure, #dialog-cancel-success .dialog__content .btn-group .btn-create-account, #dialog-create-account .dialog__content .btn-group .btn-sure, #dialog-create-account .dialog__content .btn-group .btn-create-account, #dialog-award-failure .dialog__content .btn-group .btn-sure, #dialog-award-failure .dialog__content .btn-group .btn-create-account {
  display: block;
  background: url("//game.gtimg.cn/images/poe2/yyz/dialog-think.png") center/cover no-repeat;
  width: 0.48rem;
  height: 0.1227rem;
  font-size: 0.048rem;
  line-height: 0.1227rem;
  color: #DAC38A;
  font-family: "FZQingKeBenYueSongS", serif;
  text-decoration: none;
  text-align: center;
  transition: 0.3s background;
}
#dialog-cancel-code .dialog__content .btn-group .btn-cancel, #dialog-normal .dialog__content .btn-group .btn-cancel, #dialog-cancel-success .dialog__content .btn-group .btn-cancel, #dialog-create-account .dialog__content .btn-group .btn-cancel, #dialog-award-failure .dialog__content .btn-group .btn-cancel {
  display: block;
  width: 0.2933rem;
  margin: 0.0107rem auto 0;
  height: 0.1227rem;
  line-height: 0.1227rem;
  text-align: center;
  font-size: 0.048rem;
  color: rgb(181, 192, 185);
  text-shadow: 0rem 0.0053rem 0rem rgba(0, 0, 0, 0.52);
  text-decoration: none;
  transition: 0.3s color, 0.3s filter;
}
#dialog-cancel-code .dialog__content .dialog-close, #dialog-normal .dialog__content .dialog-close, #dialog-cancel-success .dialog__content .dialog-close, #dialog-create-account .dialog__content .dialog-close, #dialog-award-failure .dialog__content .dialog-close {
  position: absolute;
  right: 0.032rem;
  top: 0.0427rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 0.096rem;
  height: 0.096rem;
}
#dialog-cancel-code .dialog__content .dialog-confirm, #dialog-normal .dialog__content .dialog-confirm, #dialog-cancel-success .dialog__content .dialog-confirm, #dialog-create-account .dialog__content .dialog-confirm, #dialog-award-failure .dialog__content .dialog-confirm {
  position: absolute;
  left: calc(50% - 0.1467rem);
  bottom: 0.0667rem;
  width: 0.2933rem;
  height: 0.1227rem;
  line-height: 0.1227rem;
  font-size: 0.0533rem;
  color: rgb(218, 195, 138);
  text-shadow: 0rem 0.0053rem 0rem rgba(0, 0, 0, 0.52);
  text-decoration: none;
  text-align: center;
  border: 0.0027rem solid rgb(141, 129, 99);
  background: rgba(0, 0, 0, 0.6);
  transition: 0.3s color, 0.3s border;
}
#dialog-cancel-code .dialog__content .dialog-confirm:hover, #dialog-normal .dialog__content .dialog-confirm:hover, #dialog-cancel-success .dialog__content .dialog-confirm:hover, #dialog-create-account .dialog__content .dialog-confirm:hover, #dialog-award-failure .dialog__content .dialog-confirm:hover {
  border: 0.0027rem solid #F7E6BC;
  color: rgb(234, 221, 181);
}

#dialog-normal {
  z-index: 2000;
}
#dialog-normal .dialog__content {
  padding: 0.152rem 0.0533rem 0;
}
#dialog-normal .dialog__content .con {
  color: rgb(181, 192, 185);
  letter-spacing: 0.008rem;
  font-size: 0.0533rem;
  line-height: 0.064rem;
}
#dialog-normal .dialog__content .dialog-confirm {
  position: initial;
  display: block;
  margin: 0.05rem auto;
}

#dialog-login .dialog__content {
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-bg3.png) center/cover no-repeat;
  width: 0.9792rem;
  height: 1.0377rem;
  font-family: "HYJinLingKeJing", serif;
}
#dialog-login .login-tit {
  margin: 0.2906rem auto 0;
  background: url("//game.gtimg.cn/images/poe2/yyz/dialog-login-title.png") center/cover no-repeat;
  width: 0.3962rem;
  height: 0.0906rem;
}
#dialog-login .divide {
  margin: 0.0302rem auto;
  width: 0.8302rem;
  height: 0.0019rem;
  background: linear-gradient(to right, transparent, #D0BE93, transparent);
}
#dialog-login .tips {
  text-align: center;
  font-size: 0.0302rem;
  color: #8C8C8C;
}
#dialog-login .tips span {
  color: #B9AD85;
}
#dialog-login .dialog-close {
  position: absolute;
  right: 0.0075rem;
  top: 0.1811rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 0.0717rem;
  height: 0.0717rem;
}
#dialog-login .btn-group {
  margin: 0.0509rem auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 0.4509rem;
  height: 0.2453rem;
}
#dialog-login .qq-login, #dialog-login .wechat-login {
  width: 0.1736rem;
  height: 0.1717rem;
  padding-top: 0.1925rem;
  font-size: 0.0358rem;
  box-sizing: border-box;
  color: #6F604A;
  text-align: center;
  cursor: pointer;
  transition: 0.3s filter, 0.3s color;
}
#dialog-login .qq-login:hover, #dialog-login .wechat-login:hover {
  filter: brightness(1.2);
  color: #F1E4C2;
}
#dialog-login .qq-login {
  background: url("//game.gtimg.cn/images/poe2/yyz/qq-login.png") top center/contain no-repeat;
}
#dialog-login .wechat-login {
  background: url("//game.gtimg.cn/images/poe2/yyz/wechat-login.png") top center/contain no-repeat;
}

#dialog-menu {
  align-items: flex-start !important;
}
#dialog-menu .dialog__content {
  margin-top: 0.0853rem;
  padding-bottom: 0.1333rem;
  box-sizing: border-box;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-dialog-bg.png") center/cover no-repeat;
  width: 1rem;
  height: 1.7893rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "FZQingKeBenYueSongS", serif;
}
#dialog-menu .dialog__content ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 0.3733rem;
}
#dialog-menu .dialog__content ul li {
  width: 0.2827rem;
  height: 0.09rem;
  line-height: 0.1227rem;
  font-size: 0.04rem;
  text-align: center;
  color: #918E81;
}
#dialog-menu .dialog__content ul li.active {
  background: url("//game.gtimg.cn/images/poe2/yyz/nav-active.png") center 0.01rem/contain no-repeat;
  color: rgb(216, 194, 122);
}
#dialog-menu .dialog__content .lf1 {
  line-height: 0.1227rem;
  font-size: 0.04rem;
  text-align: center;
  color: #918E81;
}
#dialog-menu .dialog__content .divide {
  margin: 0 auto;
  height: 0.0027rem;
  width: 0.7867rem;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
}
#dialog-menu .dialog__content .divide.dv1 {
  margin-top: 0.032rem;
}
#dialog-menu .dialog__content .divide.dv2 {
  margin-bottom: 0.058rem;
}
#dialog-menu .dialog__content .btn-reserve {
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/poe2/yyz/bg-btn.png) center/cover no-repeat;
  width: 0.56rem;
  height: 0.1227rem;
  line-height: 0.1227rem;
  color: rgb(218, 195, 138);
  font-size: 0.048rem;
  text-align: center;
}
#dialog-menu .dialog__content .login {
  margin: 0.032rem auto;
  background: url("//game.gtimg.cn/images/poe2/yyz/m-login.png") center/cover no-repeat;
  width: 0.4533rem;
  height: 0.1227rem;
}
#dialog-menu .dialog__content .box {
  margin-top: 0.064rem;
}
#dialog-menu .dialog__content .box .name {
  color: #918E81;
  width: 0.6rem;
  font-size: 0.0427rem;
  text-align: center;
  word-wrap: break-word;
}
#dialog-menu .dialog__content .box .unlogin {
  margin: 0 auto;
  text-align: center;
  width: 0.4267rem;
  height: 0.128rem;
  line-height: 0.1173rem;
  font-size: 0.048rem;
  color: #DAC38A;
}

#vbox .dialog-close {
  position: absolute;
  right: calc(50% - 0.048rem);
  bottom: -0.096rem;
  background: url(//game.gtimg.cn/images/poe2/yyz/dialog-close.png) center/cover no-repeat;
  width: 0.096rem;
  height: 0.096rem;
}

.tg__show__dialog {
  position: fixed !important;
}

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