@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
i {
  font-style: normal;
}
body,
textarea,
input,
button {
  color: #000;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b9b9b9;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b9b9b9;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b9b9b9;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b9b9b9;
}
/*宽度限制板块*/
.wbox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
.hide {
  display: none;
}
/***背景渐变***/
/***文字渐变 暂时只支持谷歌***/
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/**** DEMO
单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
/***左右摇摆***/
@-webkit-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-moz-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-ms-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-o-keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@keyframes male {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}
@-webkit-keyframes btn-change {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes btn-change {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes btn-change {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes btn-change {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes btn-change {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-webkit-keyframes hx-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-moz-keyframes hx-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-ms-keyframes hx-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-o-keyframes hx-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hx-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes btn-change1 {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes btn-change1 {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes btn-change1 {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes btn-change1 {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes btn-change1 {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
[v-cloak] {
  display: none;
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
body,
html {
  background: none;
}
img {
  display: block;
}
.centerBox {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
/*********头部导航*********/
#NIE-topBar {
  width: 100%;
  z-index: 150 !important;
  top: 0;
  left: 0;
}
/*********底部版权*********/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.footer .i_square {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-right: 4px;
  background: transparent;
  -webkit-transform: translate3d(0, 2px, 0) rotate(135deg);
  -moz-transform: translate3d(0, 2px, 0) rotate(135deg);
  -ms-transform: translate3d(0, 2px, 0) rotate(135deg);
  -o-transform: translate3d(0, 2px, 0) rotate(135deg);
  transform: translate3d(0, 2px, 0) rotate(135deg);
}
.footer .btn_copyright {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: -40px;
  height: 28px;
  padding: 0 12px;
  line-height: 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.5);
  color: #333;
}
.footer.show {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.footer.show .i_square {
  -webkit-transform: translate3d(0, -2px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -2px, 0) rotate(-45deg);
  -ms-transform: translate3d(0, -2px, 0) rotate(-45deg);
  -o-transform: translate3d(0, -2px, 0) rotate(-45deg);
  transform: translate3d(0, -2px, 0) rotate(-45deg);
}
#NIE-copyRight {
  color: #333333;
}
#NIE-copyRight a {
  color: #333333;
}
#NIE-copyRight #ncp-l1 {
  color: #333333;
}
#NIE-copyRight .nie-copyright-new-inner {
  padding: 23px 0 20px !important;
}
#NIE-copyRight .nie-cn-part2 {
  text-align: center;
  color: #333333;
}
/*********alert组件样式修改*********/
.alert_box .alert_wrap .alert_main .btns.btnsConfirm {
  background-color: #f28144;
}
.alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {
  background-color: #f28144;
}
.alert_box .alert_wrap .alertClose em {
  background-color: #f28144;
}
.alert_box .alert_wrap .alertClose:hover em {
  background-color: #f28144;
}
#container {
  position: relative;
  width: 100%;
  height: calc(100% - 55px);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
#wandstore {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#wandstore canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  background: #fff;
}
* {
  margin: 0;
  padding: 0;
}
.dg .ac {
  user-select: unset;
}
#panelSwitcher {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
}
.panel.active .pointer {
  pointer-events: auto;
}
#accessvideo {
  object-fit: cover;
}
@font-face {
  font-family: 'fzqkbysj';
  src: url('https://dhxy.res.netease.com/pc/zt/20220608142827/data/fzqkbysj.ttf') format('trueType');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzcys';
  src: url('https://dhxy.res.netease.com/pc/zt/20220608142827/data/fzcys-1.ttf?sa') format('trueType');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fzlthbold';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzlth.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.fzqks {
  font-family: 'fzqkbysj';
}
.fzqks * {
  font-family: 'fzqkbysj';
}
.fzcys {
  font-family: 'fzcys';
}
.fzlthbold {
  font-family: 'fzlthbold';
  font-weight: bold;
}
body {
  min-width: 1260px;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}
#NIE-topBar {
  height: 55px;
}
.cont-all {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.cont-all:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.cont-all.on {
  z-index: 200;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.cont-all .cont-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cont-all .cont-bg.on {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.7);
}
.cont-all .cont-bg .alert-close {
  position: absolute;
  z-index: 20;
  width: 27px;
  height: 27px;
  right: 40px;
  top: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.cont-all .cont-bg .alert-close:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cont-all .cont-bg .pop-btn {
  width: 195px;
  height: 53px;
  display: inline-block;
  margin: 0 20px 0;
}
.cont-all .cont-bg .pop-all {
  position: absolute;
}
.container-all .page-top-cont {
  position: absolute;
  z-index: 10;
  top: 33px;
  width: 100%;
}
.container-all .page-top-cont .page-top-left {
  position: absolute;
  left: 2.65625%;
  top: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.container-all .page-top-cont .logo {
  margin-right: 31px;
  width: 169px;
}
.container-all .page-top-cont .logo img {
  width: 100%;
}
.container-all .page-top-cont .btn_back {
  margin-top: 4px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none;
  cursor: pointer;
  width: 87px;
  height: 34px;
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/btn-back_c4261d5.png') center no-repeat;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.container-all .page-top-cont .btn_back.show {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  pointer-events: painted;
}
.container-all .page-top-cont .btn_back:hover {
  filter: brightness(1.2);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.container-all .page-top-cont .page-top-right {
  position: absolute;
  right: 2.23958333%;
  top: 0;
}
.container-all .page-top-cont .page-top-right .btn-home {display: block;
  width: 43px;
  height: 44px;
  
  margin-bottom: 6px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-home:hover {margin-bottom: 8px;
  width: 43px;
  height: 42px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-download {position: relative;
  display: block;
  margin-bottom: 6px;
  width: 43px;
  height: 43px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-download:hover {
  filter: brightness(1.1);
}
.container-all .page-top-cont .page-top-right .btn-download:hover .img-wrap {
  display: block;
}
.container-all .page-top-cont .page-top-right .btn-download .img-wrap {
  position: absolute;
  top: 0;
  left: -130px;
  width: 120px;
  display: none;
  background: #fff;
  padding: 3px;
}
.container-all .page-top-cont .page-top-right .btn-download .img-wrap img {
  width: 100%;
  margin: 0 auto;
}
.container-all .page-top-cont .page-top-right .btn-download .img-wrap p {
  color: #000;
  font-size: 16px;
  margin: 3px 0 0;
  text-align: center;
}
.container-all .page-top-cont .page-top-right .btn-share {position: relative;
  display: block;
  margin-bottom: 6px;
  width: 42px;
  height: 42px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-share:hover #NIE-share {
  display: flex !important;
  -webkit-animation: type-show 0.4s 0s ease-out forwards 300ms 0 ease;
  -moz-animation: type-show 0.4s 0s ease-out forwards 300ms 0 ease;
  -ms-animation: type-show 0.4s 0s ease-out forwards 300ms 0 ease;
  animation: type-show 0.4s 0s ease-out forwards 300ms 0 ease;
  -moz-animation: type-show 0.4s 0s ease-out forwards;
  -webkit-animation: type-show 0.4s 0s ease-out forwards;
  -o-animation: type-show 0.4s 0s ease-out forwards;
  -ms-animation: type-show 0.4s 0s ease-out forwards;
  animation: type-show 0.4s 0s ease-out forwards;
}
@-webkit-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.container-all .page-top-cont .page-top-right .btn-share #NIE-share {
  position: absolute;
  top: 6px;
  left: -32px;
  height: 24px;
  text-align: center;
  width: 24px;
  height: 116px;
  flex-direction: column;
  display: none !important;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.container-all .page-top-cont .page-top-right .btn-share .NIE-share-txt {
  display: none;
}
.container-all .page-top-cont .page-top-right .btn-share .NIE-share-iconBtn a {
  margin-bottom: 5px;
  width: auto;
  padding-right: 8px;
  margin-right: 0px;
  line-height: 24px;
  font-size: 24px;
  color: #ad9159;
}
.container-all .page-top-cont .page-top-right .btn-share .NIE-share-iconBtn a span {
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.container-all .page-top-cont .page-top-right .btn-share .NIE-share-iconBtn a:hover {
  filter: brightness(1.1);
}
.container-all .page-top-cont .page-top-right .btn-share .NIE-share-iconBtn a em {
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
}
.container-all .page-top-cont .page-top-right .btn-music {display: block;
  width: 43px;
  height: 43px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-music.off {width: 43px;
  height: 43px;background-repeat: no-repeat;}
.container-all .page-top-cont .page-top-right .btn-music:hover {
  filter: brightness(1.1);
}
.container-all .page-top-cont .main_nav {
  position: absolute;
  top: 0px;
  right: 100px;
  z-index: 999;
  display: flex;
  opacity: 0;
}
.container-all .page-top-cont .main_nav.on {
  opacity: 1;
}
.container-all .page-top-cont .main_nav a {
  width: 104px;
  height: 37px;
}
.container-all .page-top-cont .main_nav a.nav6 {
  width: 121px;
}
.container-all .page-top-cont .main_nav .nav1 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-1_ed16acc.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav1:hover,
.container-all .page-top-cont .main_nav .nav1.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav2 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-2_eb25f47.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav2:hover,
.container-all .page-top-cont .main_nav .nav2.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav3 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-3_03c63eb.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav3:hover,
.container-all .page-top-cont .main_nav .nav3.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav4 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-4_434d749.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav4:hover,
.container-all .page-top-cont .main_nav .nav4.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav5 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-5_b5f06ef.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav5:hover,
.container-all .page-top-cont .main_nav .nav5.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav6 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-6_bf485be.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav6:hover,
.container-all .page-top-cont .main_nav .nav6.active {
  filter: brightness(100%);
}
.container-all .page-top-cont .main_nav .nav7 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/nav-7_f355acf.png') no-repeat center / auto 80%;
  filter: brightness(85%);
}
.container-all .page-top-cont .main_nav .nav7:hover,
.container-all .page-top-cont .main_nav .nav7.active {
  filter: brightness(100%);
}
.container-all .page-top-cont.human .btn-home {background-repeat: no-repeat;}
.container-all .page-top-cont.human .btn-home:hover {background-repeat: no-repeat;}
.container-all .page-top-cont.human .page-top-right .btn-download {background-repeat: no-repeat;}
.container-all .page-top-cont.human .page-top-right .btn-share {background-repeat: no-repeat;}
.container-all .page-top-cont.human .page-top-right .btn-share .NIE-share-iconBtn a {
  color: #4f846f;
}
.container-all .page-top-cont.human .page-top-right .btn-music {background-repeat: no-repeat;}
.container-all .page-top-cont.human .page-top-right .btn-music.off {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .btn-home {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .btn-home:hover {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .page-top-right .btn-download {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .page-top-right .btn-share {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .page-top-right .btn-share .NIE-share-iconBtn a {
  color: #915f2c;
}
.container-all .page-top-cont.devil .page-top-right .btn-music {background-repeat: no-repeat;}
.container-all .page-top-cont.devil .page-top-right .btn-music.off {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .btn-home {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .btn-home:hover {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .page-top-right .btn-download {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .page-top-right .btn-share {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .page-top-right .btn-share .NIE-share-iconBtn a {
  color: #658cb4;
}
.container-all .page-top-cont.immortal .page-top-right .btn-music {background-repeat: no-repeat;}
.container-all .page-top-cont.immortal .page-top-right .btn-music.off {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .btn-home {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .btn-home:hover {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .page-top-right .btn-download {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .page-top-right .btn-share {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .page-top-right .btn-share .NIE-share-iconBtn a {
  color: #dadbf7;
}
.container-all .page-top-cont.ghost .page-top-right .btn-music {background-repeat: no-repeat;}
.container-all .page-top-cont.ghost .page-top-right .btn-music.off {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .btn-home {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .btn-home:hover {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .page-top-right .btn-download {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .page-top-right .btn-share {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .page-top-right .btn-share .NIE-share-iconBtn a {
  color: #649ea9;
}
.container-all .page-top-cont.dragon .page-top-right .btn-music {background-repeat: no-repeat;}
.container-all .page-top-cont.dragon .page-top-right .btn-music.off {background-repeat: no-repeat;}
.container-all #sub {
  margin: 0 auto;
}
.container-all #sub:after {content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -400px 0 0 -750px;
  width: 966px;
  height: 896px;background-repeat: no-repeat;}
.container-all #sub.human > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/human/bar-line_1ddbe7f.png') !important;
  pointer-events: none;
}
.container-all #sub.human .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.human .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.human .pointer1::after {
  opacity: 0;
}
.container-all #sub.human .pointer1.active::before,
.container-all #sub.human .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer1.active::after,
.container-all #sub.human .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.human .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.human .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.human .pointer2::after {
  opacity: 0;
}
.container-all #sub.human .pointer2.active::before,
.container-all #sub.human .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer2.active::after,
.container-all #sub.human .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.human .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.human .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.human .pointer3::after {
  opacity: 0;
}
.container-all #sub.human .pointer3.active::before,
.container-all #sub.human .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer3.active::after,
.container-all #sub.human .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.human .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.human .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.human .pointer4::after {
  opacity: 0;
}
.container-all #sub.human .pointer4.active::before,
.container-all #sub.human .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer4.active::after,
.container-all #sub.human .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.human .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.human .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.human .pointer5::after {
  opacity: 0;
}
.container-all #sub.human .pointer5.active::before,
.container-all #sub.human .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer5.active::after,
.container-all #sub.human .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.human .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.human .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.human .pointer6::after {
  opacity: 0;
}
.container-all #sub.human .pointer6.active::before,
.container-all #sub.human .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.human .pointer6.active::after,
.container-all #sub.human .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.human .page-com h4,
.container-all #sub.human .page-com p {
  color: #365448;
}
.container-all #sub.human .page-com .side-txt p {
  color: #4f846f;
}
.container-all #sub.human .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(97, 171, 139, 0.2);
}
.container-all #sub.human .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.human .page-com .info-main .info-tit-head {width: 321px;
  height: 36px;background-repeat: no-repeat;}
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #51a885;
}
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/human/skill_bg_a8e3c48.png);
}
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item:nth-child(1) .skill-img-cont,
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont.features .skill-item:nth-child(1) .skill-img-cont {
  border-color: #51a885;
}
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #97cfb6;
}
.container-all #sub.god > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/god/bar-line_1b63feb.png') !important;
  pointer-events: none;
}
.container-all #sub.god .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.god .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.god .pointer1::after {
  opacity: 0;
}
.container-all #sub.god .pointer1.active::before,
.container-all #sub.god .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer1.active::after,
.container-all #sub.god .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.god .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.god .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.god .pointer2::after {
  opacity: 0;
}
.container-all #sub.god .pointer2.active::before,
.container-all #sub.god .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer2.active::after,
.container-all #sub.god .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.god .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.god .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.god .pointer3::after {
  opacity: 0;
}
.container-all #sub.god .pointer3.active::before,
.container-all #sub.god .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer3.active::after,
.container-all #sub.god .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.god .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.god .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.god .pointer4::after {
  opacity: 0;
}
.container-all #sub.god .pointer4.active::before,
.container-all #sub.god .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer4.active::after,
.container-all #sub.god .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.god .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.god .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.god .pointer5::after {
  opacity: 0;
}
.container-all #sub.god .pointer5.active::before,
.container-all #sub.god .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer5.active::after,
.container-all #sub.god .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.god .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.god .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.god .pointer6::after {
  opacity: 0;
}
.container-all #sub.god .pointer6.active::before,
.container-all #sub.god .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.god .pointer6.active::after,
.container-all #sub.god .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.god .page-com .right-beast {
  display: block;
}
.container-all #sub.god .page-com h4,
.container-all #sub.god .page-com p {
  color: #523c2e;
}
.container-all #sub.god .page-com .info-type p {
  color: #fff7c5;
}
.container-all #sub.god .page-com .side-txt {
  right: 22.5%;
  top: 130px;
  margin-top: 0;
  transform-origin: right top;
}
.container-all #sub.god .page-com .side-txt p {
  margin-top: 0 !important;
  color: #644b36;
}
.container-all #sub.god .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(97, 171, 139, 0.2);
}
.container-all #sub.god .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.god .page-com .info-main .info-in .name-tag {
  -webkit-transition: 1s !important;
  -moz-transition: 1s !important;
  -ms-transition: 1s !important;
  -o-transition: 1s !important;
  transition: 1s !important;
}
.container-all #sub.god .page-com .info-main .info-tit-head {width: 321px;
  height: 36px;background-repeat: no-repeat;}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #b5906c;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  min-height: 118px;
  height: auto;
  overflow: hidden auto;
  background: transparent;
  position: relative;
  padding-bottom: 20px;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc::before,
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/god/skill_bg-t_fb4b6be.png) no-repeat center top / 100%;
  pointer-events: none;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc::after {
  top: auto;
  bottom: 0;
  height: 20px;
  background: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/god/skill_bg-b_aaf405c.png) no-repeat center top / 100%;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 26px 0 20px 0;
  box-sizing: border-box;
  pointer-events: none;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc > .bg::before {
  content: '';
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/god/skill_bg-c_8492796.png) no-repeat center top / 100% 100%;
  display: block;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc h4,
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc p {
  position: relative;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item:nth-child(1) .skill-img-cont,
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont.features .skill-item:nth-child(1) .skill-img-cont {
  border-color: #b5906c;
}
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #fff;
}
.container-all #sub.devil > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/devil/bar-line_43748a1.png') !important;
  pointer-events: none;
}
.container-all #sub.devil .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.devil .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer1::after {
  opacity: 0;
}
.container-all #sub.devil .pointer1.active::before,
.container-all #sub.devil .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer1.active::after,
.container-all #sub.devil .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.devil .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer2::after {
  opacity: 0;
}
.container-all #sub.devil .pointer2.active::before,
.container-all #sub.devil .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer2.active::after,
.container-all #sub.devil .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.devil .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer3::after {
  opacity: 0;
}
.container-all #sub.devil .pointer3.active::before,
.container-all #sub.devil .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer3.active::after,
.container-all #sub.devil .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.devil .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer4::after {
  opacity: 0;
}
.container-all #sub.devil .pointer4.active::before,
.container-all #sub.devil .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer4.active::after,
.container-all #sub.devil .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.devil .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer5::after {
  opacity: 0;
}
.container-all #sub.devil .pointer5.active::before,
.container-all #sub.devil .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer5.active::after,
.container-all #sub.devil .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.devil .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.devil .pointer6::after {
  opacity: 0;
}
.container-all #sub.devil .pointer6.active::before,
.container-all #sub.devil .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.devil .pointer6.active::after,
.container-all #sub.devil .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.devil .page-com h4,
.container-all #sub.devil .page-com p {
  color: #4a3821;
}
.container-all #sub.devil .page-com .side-txt p {
  color: #995a26;
}
.container-all #sub.devil .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(144, 94, 28, 0.2);
}
.container-all #sub.devil .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.devil .page-com .info-main .info-tit-head {width: 320px;
  height: 35px;background-repeat: no-repeat;}
.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #d29036;
}
.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/devil/skill_bg_619c836.png);
}
.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #e2c299;
}
.container-all #sub.immortal > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/immortal/bar-line_a028dfa.png') !important;
  pointer-events: none;
}
.container-all #sub.immortal .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.immortal .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer1::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer1.active::before,
.container-all #sub.immortal .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer1.active::after,
.container-all #sub.immortal .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.immortal .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer2::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer2.active::before,
.container-all #sub.immortal .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer2.active::after,
.container-all #sub.immortal .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.immortal .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer3::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer3.active::before,
.container-all #sub.immortal .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer3.active::after,
.container-all #sub.immortal .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.immortal .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer4::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer4.active::before,
.container-all #sub.immortal .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer4.active::after,
.container-all #sub.immortal .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.immortal .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer5::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer5.active::before,
.container-all #sub.immortal .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer5.active::after,
.container-all #sub.immortal .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.immortal .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.immortal .pointer6::after {
  opacity: 0;
}
.container-all #sub.immortal .pointer6.active::before,
.container-all #sub.immortal .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.immortal .pointer6.active::after,
.container-all #sub.immortal .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.immortal .page-com h4,
.container-all #sub.immortal .page-com p {
  color: #354566;
}
.container-all #sub.immortal .page-com .side-txt p {
  color: #4776a4;
}
.container-all #sub.immortal .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(82, 138, 195, 0.2);
}
.container-all #sub.immortal .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.immortal .page-com .info-main .info-tit-head {width: 320px;
  height: 35px;background-repeat: no-repeat;}
.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #5b99d6;
}
.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/immortal/skill_bg_39f45c8.png);
}
.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #97b3cf;
}
.container-all #sub.ghost > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/ghost/bar-line_5d21155.png') !important;
  pointer-events: none;
}
.container-all #sub.ghost .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.ghost .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer1::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer1.active::before,
.container-all #sub.ghost .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer1.active::after,
.container-all #sub.ghost .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.ghost .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer2::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer2.active::before,
.container-all #sub.ghost .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer2.active::after,
.container-all #sub.ghost .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.ghost .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer3::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer3.active::before,
.container-all #sub.ghost .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer3.active::after,
.container-all #sub.ghost .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.ghost .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer4::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer4.active::before,
.container-all #sub.ghost .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer4.active::after,
.container-all #sub.ghost .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.ghost .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer5::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer5.active::before,
.container-all #sub.ghost .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer5.active::after,
.container-all #sub.ghost .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.ghost .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.ghost .pointer6::after {
  opacity: 0;
}
.container-all #sub.ghost .pointer6.active::before,
.container-all #sub.ghost .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.ghost .pointer6.active::after,
.container-all #sub.ghost .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.ghost .page-com h4,
.container-all #sub.ghost .page-com p {
  color: #22234b;
}
.container-all #sub.ghost .page-com .side-txt p {
  color: #4b4c80;
}
.container-all #sub.ghost .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(59, 65, 130, 0.2);
}
.container-all #sub.ghost .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.ghost .page-com .info-main .info-tit-head {width: 320px;
  height: 35px;background-repeat: no-repeat;}
.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #6b6cb5;
}
.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/ghost/skill_bg_a2611d1.png);
}
.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #9f9cdb;
}
.container-all #sub.dragon > ::before {
  background-image: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/dragon/bar-line_86021e1.png') !important;
  pointer-events: none;
}
.container-all #sub.dragon .pointer1 {
  top: 0;
  right: 0;
}
.container-all #sub.dragon .pointer1::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer1::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer1.active::before,
.container-all #sub.dragon .pointer1:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer1.active::after,
.container-all #sub.dragon .pointer1:hover::after {opacity: 1;
  width: 141px;
  height: 135px;
  margin-left: 10px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer2 {
  top: 76px;
  left: 46px;
}
.container-all #sub.dragon .pointer2::before {opacity: 1;
  width: 589px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: -13px 0 0 52px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer2::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer2.active::before,
.container-all #sub.dragon .pointer2:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer2.active::after,
.container-all #sub.dragon .pointer2:hover::after {opacity: 1;
  width: 499px;
  height: 448px;
  margin-left: 92px;
  margin-top: 59px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer3 {
  top: 166px;
  left: 13px;
}
.container-all #sub.dragon .pointer3::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer3::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer3.active::before,
.container-all #sub.dragon .pointer3:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer3.active::after,
.container-all #sub.dragon .pointer3:hover::after {opacity: 1;
  width: 138px;
  height: 123px;
  margin-left: 7px;
  margin-top: 2px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer4 {
  top: 267px;
  left: 4px;
}
.container-all #sub.dragon .pointer4::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer4::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer4.active::before,
.container-all #sub.dragon .pointer4:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer4.active::after,
.container-all #sub.dragon .pointer4:hover::after {opacity: 1;
  width: 138px;
  height: 156px;
  margin-top: 7px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer5 {
  top: 369px;
  left: 24px;
}
.container-all #sub.dragon .pointer5::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer5::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer5.active::before,
.container-all #sub.dragon .pointer5:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer5.active::after,
.container-all #sub.dragon .pointer5:hover::after {opacity: 1;
  width: 126px;
  height: 127px;
  margin-top: -10px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer6 {
  top: 469px;
  left: 66px;
}
.container-all #sub.dragon .pointer6::before {opacity: 1;
  width: 66px;
  height: 67px;background-repeat: no-repeat;}
.container-all #sub.dragon .pointer6::after {
  opacity: 0;
}
.container-all #sub.dragon .pointer6.active::before,
.container-all #sub.dragon .pointer6:hover::before {
  opacity: 0;
}
.container-all #sub.dragon .pointer6.active::after,
.container-all #sub.dragon .pointer6:hover::after {opacity: 1;
  width: 135px;
  height: 124px;
  margin-left: -6px;background-repeat: no-repeat;}
.container-all #sub.dragon .page-com h4,
.container-all #sub.dragon .page-com p {
  color: #2e4252;
}
.container-all #sub.dragon .page-com .side-txt p {
  color: #6bb1b5;
}
.container-all #sub.dragon .page-com .info-main .scroll-box .nicescroll-rails::before {
  background: rgba(147, 196, 212, 0.5);
}
.container-all #sub.dragon .page-com .info-main .info-in .info-type {width: 30px;
  height: 115px;background-repeat: no-repeat;}
.container-all #sub.dragon .page-com .info-main .info-tit-head {width: 320px;
  height: 35px;background-repeat: no-repeat;}
.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont .skill-tit {width: 28px;
  height: 77px;background-repeat: no-repeat;}
.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  border-color: #6bb1b5;
}
.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/dragon/skill_bg_3ee04a7.png);
}
.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer,
.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer {
  background: #95cbce;
}
.container-all .nav {
  position: absolute;
  top: 50%;
  left: 2.60416667%;
  margin-top: -265px;
  width: 169px;
  height: 528px;
  z-index: 12;
  pointer-events: none;
}
.container-all .nav::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 555px;
  height: 848px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 78px 0 0 94px;
  pointer-events: none;
}
.container-all .nav a {
  position: absolute;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: no-repeat center center;
  pointer-events: auto !important;
}
.container-all .nav a::before,
.container-all .nav a::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.container-all .nav span {
  pointer-events: none;
}
.container-all .nav .icon-light,
.container-all .nav .icon-light2 {
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -90px;
  z-index: 5;
  width: 179px;
  height: 63px;
  display: none !important;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.container-all .nav .icon-light canvas,
.container-all .nav .icon-light2 canvas,
.container-all .nav .icon-light img,
.container-all .nav .icon-light2 img {
  width: 100%;
  height: 100%;
}
.container-all .nav .icon-light.none,
.container-all .nav .icon-light2.none {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.container-all .page-com {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.container-all .page-com .side-txt {
  position: absolute;
  right: 2.70833333%;
  top: 50%;
  margin-top: -139px;
}
.container-all .page-com .side-txt p {
  float: right;
  margin-right: 8px;
  font-size: 18px;
  width: 18px;
  text-align: center;
  right: 0;
  line-height: 24px;
}
.container-all .page-com .side-txt p.line1 {
  margin-right: 0;
}
.container-all .page-com .side-txt p.line2 {
  margin-top: 35px;
}
.container-all .page-com .side-txt p.line3 {
  margin-top: 0;
}
.container-all .page-com .side-txt p.line4 {
  margin-top: 35px;
}
.container-all .page-com .side-txt p i {
  display: block;
  height: 12px;
  width: 100%;
}
.container-all .page-com .right-beast {
  position: absolute;
  right: 4.708333%;
  top: 50%;
  margin-top: 70px;
  width: 273px;
  height: 273px;
  display: none;
}
.container-all .page-com .right-beast::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-47%, -46%);
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/beast-bg_7e06b21.png') no-repeat center / 100%;
  width: 384px;
  height: 321px;
  pointer-events: none;
  z-index: 1;
}
.container-all .page-com .right-beast .pic {
  width: 275px;
  height: 275px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ba915e;
  border-radius: 50%;
  overflow: hidden;
}
.container-all .page-com .right-beast .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.container-all .page-com .right-beast .tag {
  position: absolute;
  left: -90px;
  top: -60px;
  width: 117px;
  height: 274px;
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/beast-tag-bg_2cd7d58.png') no-repeat center top / 100%;
}
.container-all .page-com .right-beast .tag p {
  font-size: 18px;
  width: 18px;
  color: #896641 !important;
  position: absolute;
  left: 50%;
  top: 96px;
  transform: translate(-50%, 0%);
  margin-left: 4px;
  font-family: 'fzqkbysj';
}
.container-all .page-com .right-beast .tag p * {
  font-family: 'fzqkbysj';
}
.container-all .page-com .info-main {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -201px 0 0 -402px;
  width: 385px;
  height: 400px;
  pointer-events: auto;
}
.container-all .page-com .info-main .show-sec {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: -15;
}
.container-all .page-com .info-main .show-sec.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 14;
}
.container-all .page-com .info-main .scroll-box {
  position: absolute;
  top: 0;
  left: -17px;
  width: 100%;
  height: 400px;
}
.container-all .page-com .info-main .scroll-box .nicescroll-rails::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -2px;
  width: 4px;
  height: 100%;
  border-radius: 2px;
}
.container-all .page-com .info-main .info-main-cont {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 31px 0 30px;
  box-sizing: border-box;
}
.container-all .page-com .info-main .info-in {
  position: absolute;
  z-index: 10;
  top: -40px;
  left: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.container-all .page-com .info-main .info-in.small {
  -webkit-transform: translate(-156px, -80px);
  -moz-transform: translate(-156px, -80px);
  -ms-transform: translate(-156px, -80px);
  -o-transform: translate(-156px, -80px);
  transform: translate(-156px, -80px);
}
.container-all .page-com .info-main .info-in.small .info-name {
  -webkit-transform: translate(24px, 0) scale(0.47);
  -moz-transform: translate(24px, 0) scale(0.47);
  -ms-transform: translate(24px, 0) scale(0.47);
  -o-transform: translate(24px, 0) scale(0.47);
  transform: translate(24px, 0) scale(0.47);
}
.container-all .page-com .info-main .info-in.small .btn-show-more {
  display: none !important;
}
.container-all .page-com .info-main .info-in.small .info-type {
  -webkit-animation: type-show 0.4s 1s ease-out forwards 300ms 0 ease;
  -moz-animation: type-show 0.4s 1s ease-out forwards 300ms 0 ease;
  -ms-animation: type-show 0.4s 1s ease-out forwards 300ms 0 ease;
  animation: type-show 0.4s 1s ease-out forwards 300ms 0 ease;
  -moz-animation: type-show 0.4s 1s ease-out forwards;
  -webkit-animation: type-show 0.4s 1s ease-out forwards;
  -o-animation: type-show 0.4s 1s ease-out forwards;
  -ms-animation: type-show 0.4s 1s ease-out forwards;
  animation: type-show 0.4s 1s ease-out forwards;
}
@-webkit-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes type-show {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.container-all .page-com .info-main .info-in.small .name-tag {
  -webkit-transform: translate(-119px, 397px) scale(0.9);
  -moz-transform: translate(-119px, 397px) scale(0.9);
  -ms-transform: translate(-119px, 397px) scale(0.9);
  -o-transform: translate(-119px, 397px) scale(0.9);
  transform: translate(-119px, 397px) scale(0.9);
}
.container-all .page-com .info-main .info-in.big {
  -webkit-transform: translate(0, 6px);
  -moz-transform: translate(0, 6px);
  -ms-transform: translate(0, 6px);
  -o-transform: translate(0, 6px);
  transform: translate(0, 6px);
}
.container-all .page-com .info-main .info-in.big .info-name {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.container-all .page-com .info-main .info-in.big .info-type {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.container-all .page-com .info-main .info-in .info-name {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: -43px;
  top: -23px;
  width: 214px;
  height: 370px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.container-all .page-com .info-main .info-in .info-name.show {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.container-all .page-com .info-main .info-in .info-name img {
  width: 100%;
}
.container-all .page-com .info-main .info-in .name-tag {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  left: 143px;
  top: -55px;
  width: 159px;
  height: 280px;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -ms-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.container-all .page-com .info-main .info-in .name-tag.show {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.container-all .page-com .info-main .info-in .name-tag img {
  width: 100%;
}
.container-all .page-com .info-main .info-in .btn-show-more {
  position: absolute;
  right: 10px;
  bottom: -87px;
  width: 43px;
  height: 147px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.container-all .page-com .info-main .info-in .btn-show-more canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -95px 0 0 -50px;
}
.container-all .page-com .info-main .info-in .btn-show-more.ani canvas {
  -webkit-animation: btn-scale-show 1.2s linear alternate infinite 300ms 0 ease;
  -moz-animation: btn-scale-show 1.2s linear alternate infinite 300ms 0 ease;
  -ms-animation: btn-scale-show 1.2s linear alternate infinite 300ms 0 ease;
  animation: btn-scale-show 1.2s linear alternate infinite 300ms 0 ease;
  -moz-animation: btn-scale-show 1.2s linear alternate infinite;
  -webkit-animation: btn-scale-show 1.2s linear alternate infinite;
  -o-animation: btn-scale-show 1.2s linear alternate infinite;
  -ms-animation: btn-scale-show 1.2s linear alternate infinite;
  animation: btn-scale-show 1.2s linear alternate infinite;
}
@-webkit-keyframes btn-scale-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
  }
}
@-moz-keyframes btn-scale-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
  }
}
@-ms-keyframes btn-scale-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
  }
}
@-o-keyframes btn-scale-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
  }
}
@keyframes btn-scale-show {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
  }
}
.container-all .page-com .info-main .info-in .info-type {
  position: absolute;
  left: 75px;
  top: 272px;
  overflow: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.container-all .page-com .info-main .info-in .info-type p {
  width: 15px;
  margin: 24px auto 0;
  font-size: 16px;
  line-height: 17px;
  font-family: 'fzcys';
}
.container-all .page-com .info-main .info-tit-head {
  margin-left: -13px;
}
.container-all .page-com .info-main .info-tit-head p {
  font-size: 20px;
  margin-left: 13px;
  line-height: 38px;
  font-family: 'fzcys';
}
.container-all .page-com .info-main .info-tit-head.features-head {
  display: none;
}
.container-all .page-com .info-main .info-tit-head.features-head.show {
  display: block;
}
.container-all .page-com .info-main .info-skill {
  width: 100%;
}
.container-all .page-com .info-main .info-skill .skill-list-cont {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin: 12px 0;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.t {
  margin-top: 12px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.b {
  margin-bottom: 10px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item:nth-child(1),
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item:nth-child(1),
.container-all .page-com .info-main .info-skill .skill-list-cont.features .skill-item:nth-child(1) {
  width: 58px;
  margin: 0;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item:nth-child(1) .skill-img-cont,
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item:nth-child(1) .skill-img-cont,
.container-all .page-com .info-main .info-skill .skill-list-cont.features .skill-item:nth-child(1) .skill-img-cont {
  cursor: default;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.weapon .skill-item .skill-img-cont .skill-img-cont-outer img,
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item .skill-img-cont .skill-img-cont-outer img,
.container-all .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer img {
  width: 40px;
  height: 40px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item {
  width: 84px !important;
  margin-bottom: auto !important;
  flex-shrink: 0 !important;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item .skill-img-cont {
  margin: 0 auto !important;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-item .skill-img-cont .skill-img-cont-outer img {
  width: 100% !important;
  height: 100% !important;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.resonance .skill-desc {
  margin-left: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #523c2e;
  white-space: pre-line;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.features {
  display: none;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.features.show {
  display: block;
}
.container-all .page-com .info-main .info-skill .skill-list-cont.features .skill-item .skill-img-cont .skill-img-cont-outer img {
  width: 100%;
  height: 100%;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-tit {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-tit p {
  font-size: 15px;
  line-height: 17px;
  width: 15px;
  margin: 0 auto;
  text-align: center;
  font-family: 'fzlthbold';
  font-weight: bold;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-cont {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item {
  margin: 0 12px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item:hover .skill-desc {
  display: block !important;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item:nth-child(1) {
  margin-left: 18px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont {
  position: relative;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  cursor: pointer;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  border: 3px transparent solid;
  box-sizing: border-box;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  background: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/act-info/human/skill-icon-bg_5f1ff07.png) no-repeat center center / 100% 100%;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-img-cont-outer {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  overflow: hidden;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  flex-shrink: 0;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont img {
  width: 100%;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc {
  position: absolute !important;
  z-index: 10;
  top: 77px;
  left: 50%;
  margin-left: -102.5px;
  width: 205px;
  height: 118px;
  background: no-repeat center center / 100% 100%;
  padding: 19px 11px 7px 13px;
  box-sizing: border-box;
  display: none;
  flex-shrink: 0;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc h4 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 20px;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item .skill-img-cont .skill-desc p {
  display: block;
  width: calc(100% - 7px);
  margin-left: 7px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  font-weight: normal;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
  white-space: pre-line;
}
.container-all .page-com .info-main .info-skill .skill-list-cont .skill-item p {
  font-size: 13px;
  text-align: center;
  line-height: 21px;
  font-family: 'fzlthbold';
  font-weight: bold;
}
.container-all .page-com .info-main .info-story {
  width: 324px;
}
.container-all .page-com .info-main .info-story .info-story-main {
  position: relative;
  width: 324px;
}
.container-all .page-com .info-main .info-story .info-story-main.on:after {
  content: '';
  position: absolute;
  right: -28px;
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 2px;
}
.container-all .page-com .info-main .info-story .info-story-main .story-box {
  width: 100%;
  margin-top: 21px;
}
.container-all .page-com .info-main .info-story .info-story-main .story-box p {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
}
.container-all .page-com .info-main .info-story .info-story-main .story-box p:first-child {
  margin-top: 0;
}
.container-all .page-com .info-main .info-bot {
  position: absolute;
  left: 0;
  top: 412px;
}
.container-all .page-com .info-main .info-bot .head-list {
  width: 160px;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  /* 09版 */
  -webkit-box-pack: center;
  /* 12版 */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.container-all .page-com .info-main .info-bot .head-list .head-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 1px;
  width: 46px;
  height: 47px;
}
.container-all .page-com .info-main .info-bot .head-list .head-item img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.container-all .page-com .info-main .info-bot .head-list .head-item img:nth-child(1) {
  display: block;
}
.container-all .page-com .info-main .info-bot .head-list .head-item img:nth-child(2) {
  display: none;
}
.container-all .page-com .info-main .info-bot .head-list .head-item.on img,
.container-all .page-com .info-main .info-bot .head-list .head-item:hover img {
  width: 46px;
  height: 47px;
}
.container-all .page-com .info-main .info-bot .head-list .head-item.on img:nth-child(1),
.container-all .page-com .info-main .info-bot .head-list .head-item:hover img:nth-child(1) {
  display: none;
}
.container-all .page-com .info-main .info-bot .head-list .head-item.on img:nth-child(2),
.container-all .page-com .info-main .info-bot .head-list .head-item:hover img:nth-child(2) {
  display: block;
}
#access video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.need-big {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.need-big.big-l-t {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.need-big.big-r-t {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.need-big.big-l-c {
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.need-big.big-r-c {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}
.need-big.big-t-c {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}
#loading .loading-tit {
  position: absolute;
  left: 49.6%;
  top: 30.5%;
  margin: -11px 0 0 -100.5px;
  width: 201px;
  height: 22px;
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/loading-txt_e6dc2fb.png') center no-repeat;
}
#loading .loading-num {
  position: absolute;
  left: 49.7%;
  top: 65.7%;
  text-align: center;
  font-size: 0;
  margin: -30.5px 0 0 -125.5px;
  width: 251px;
  height: 61px;
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/loading-num-bg_b600d22.png') center no-repeat;
}
#loading .loading-num i {
  width: 50px;
  height: 62px;
  margin: 0 -5px;
  display: none;
}
#loading .loading-num i.has {
  display: inline-block;
}
#loading .loading-num i.n0 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num0_46f2e83.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n1 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num1_18e66c6.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n2 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num2_ce137e4.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n3 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num3_98cd476.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n4 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num4_5cf7e77.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n5 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num5_dcf01f1.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n6 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num6_beb542d.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n7 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num7_8a3ab66.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n8 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num8_bd584c7.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n9 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num9_b170dc2.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n10 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num10_c44be52.png') center no-repeat;
  background-size: 100%;
}
#loading .loading-num i.n100 {
  background: url('https://dhxy.res.netease.com/pc/zt/20220608142827/img/loading/num100_742bbf5.png') center no-repeat;
  background-size: 100%;
}
#loading #btn_access {position: absolute;
  left: 49.7%;
  top: 64.8%;
  margin: -22.5px 0 0 -89.5px;
  display: none;
  text-align: center;
  font-size: 0;
  width: 179px;
  height: 45px;background-repeat: no-repeat;}
#loading #btn_access:hover {width: 179px;
  height: 45px;background-repeat: no-repeat;}
.nicescroll-rails {
  z-index: 15 !important;
}
.nicescroll-rails.none {
  display: none !important;
}
.container-all #sub:after{background-position:0px 0px}.container-all #sub.god .pointer2::before{background-position:-966px 0px}.container-all #sub.immortal .pointer2::before{background-position:0px -896px}.container-all #sub.dragon .pointer2::before{background-position:-589px -896px}.container-all #sub.human .pointer2::before{background-position:-1555px 0px}.container-all #sub.devil .pointer2::before{background-position:-1555px -586px}.container-all #sub.ghost .pointer2::before{background-position:0px -1482px}.container-all #sub.dragon .pointer2.active::after,
.container-all #sub.dragon .pointer2:hover::after{background-position:-589px -1482px}.container-all #sub.god .pointer2.active::after,
.container-all #sub.god .pointer2:hover::after{background-position:-1088px -1482px}.container-all #sub.human .pointer2.active::after,
.container-all #sub.human .pointer2:hover::after{background-position:-1587px -1482px}.container-all #sub.immortal .pointer2.active::after,
.container-all #sub.immortal .pointer2:hover::after{background-position:-2144px 0px}.container-all #sub.ghost .pointer2.active::after,
.container-all #sub.ghost .pointer2:hover::after{background-position:-2144px -448px}.container-all #sub.devil .pointer2.active::after,
.container-all #sub.devil .pointer2:hover::after{background-position:-2144px -896px}.container-all #sub.immortal .pointer4.active::after,
.container-all #sub.immortal .pointer4:hover::after{background-position:-2144px -1344px}.container-all #sub.god .pointer4.active::after,
.container-all #sub.god .pointer4:hover::after{background-position:-2282px -1344px}.container-all #sub.dragon .pointer4.active::after,
.container-all #sub.dragon .pointer4:hover::after{background-position:-2420px -1344px}.container-all #sub.devil .pointer4.active::after,
.container-all #sub.devil .pointer4:hover::after{background-position:-2144px -1500px}.container-all #sub.ghost .pointer4.active::after,
.container-all #sub.ghost .pointer4:hover::after{background-position:-2282px -1500px}.container-all #sub.human .pointer4.active::after,
.container-all #sub.human .pointer4:hover::after{background-position:-2420px -1500px}.container-all #sub.human .pointer1.active::after,
.container-all #sub.human .pointer1:hover::after{background-position:-2144px -1656px}.container-all #sub.god .pointer1.active::after,
.container-all #sub.god .pointer1:hover::after{background-position:-2285px -1656px}.container-all #sub.immortal .pointer1.active::after,
.container-all #sub.immortal .pointer1:hover::after{background-position:-2426px -1656px}.container-all #sub.dragon .pointer1.active::after,
.container-all #sub.dragon .pointer1:hover::after{background-position:-2144px -1791px}.container-all #sub.ghost .pointer1.active::after,
.container-all #sub.ghost .pointer1:hover::after{background-position:-2285px -1791px}.container-all #sub.devil .pointer1.active::after,
.container-all #sub.devil .pointer1:hover::after{background-position:-2426px -1791px}.container-all #sub.god .pointer5.active::after,
.container-all #sub.god .pointer5:hover::after{background-position:-2144px -1926px}.container-all #sub.devil .pointer5.active::after,
.container-all #sub.devil .pointer5:hover::after{background-position:-2270px -1926px}.container-all #sub.dragon .pointer5.active::after,
.container-all #sub.dragon .pointer5:hover::after{background-position:-2396px -1926px}.container-all #sub.immortal .pointer5.active::after,
.container-all #sub.immortal .pointer5:hover::after{background-position:-1555px -1172px}.container-all #sub.human .pointer5.active::after,
.container-all #sub.human .pointer5:hover::after{background-position:-1681px -1172px}.container-all #sub.ghost .pointer5.active::after,
.container-all #sub.ghost .pointer5:hover::after{background-position:-1807px -1172px}.container-all #sub.immortal .pointer6.active::after,
.container-all #sub.immortal .pointer6:hover::after{background-position:-1933px -1172px}.container-all #sub.god .pointer6.active::after,
.container-all #sub.god .pointer6:hover::after{background-position:-1555px -1299px}.container-all #sub.dragon .pointer6.active::after,
.container-all #sub.dragon .pointer6:hover::after{background-position:-1690px -1299px}.container-all #sub.devil .pointer6.active::after,
.container-all #sub.devil .pointer6:hover::after{background-position:-1825px -1299px}.container-all #sub.ghost .pointer6.active::after,
.container-all #sub.ghost .pointer6:hover::after{background-position:-1960px -1299px}.container-all #sub.human .pointer6.active::after,
.container-all #sub.human .pointer6:hover::after{background-position:-966px -586px}.container-all #sub.god .pointer3.active::after,
.container-all #sub.god .pointer3:hover::after{background-position:-1101px -586px}.container-all #sub.devil .pointer3.active::after,
.container-all #sub.devil .pointer3:hover::after{background-position:-1239px -586px}.container-all #sub.human .pointer3.active::after,
.container-all #sub.human .pointer3:hover::after{background-position:-1377px -586px}.container-all #sub.dragon .pointer3.active::after,
.container-all #sub.dragon .pointer3:hover::after{background-position:-966px -710px}.container-all #sub.immortal .pointer3.active::after,
.container-all #sub.immortal .pointer3:hover::after{background-position:-1104px -710px}.container-all #sub.ghost .pointer3.active::after,
.container-all #sub.ghost .pointer3:hover::after{background-position:-1242px -710px}.container-all #sub.ghost .page-com .info-main .info-in .info-type{background-position:-2558px -1344px}.container-all #sub.god .page-com .info-main .info-in .info-type{background-position:-2588px -1344px}.container-all #sub.immortal .page-com .info-main .info-in .info-type{background-position:-2558px -1500px}.container-all #sub.devil .page-com .info-main .info-in .info-type{background-position:-2588px -1500px}.container-all #sub.human .page-com .info-main .info-in .info-type{background-position:-2567px -1656px}.container-all #sub.dragon .page-com .info-main .info-in .info-type{background-position:-2597px -1656px}.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2567px -1791px}.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2595px -1791px}.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2522px -1926px}.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2550px -1926px}.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2578px -1926px}.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-position:-2606px -1926px}.container-all #sub.immortal .pointer3::before{background-position:-2068px -1172px}.container-all #sub.god .pointer4::before{background-position:-1380px -710px}.container-all #sub.human .pointer4::before{background-position:-1446px -710px}.container-all #sub.god .pointer5::before{background-position:-1178px -896px}.container-all #sub.human .pointer3::before{background-position:-1244px -896px}.container-all #sub.god .pointer6::before{background-position:-1310px -896px}.container-all #sub.human .pointer1::before{background-position:-1376px -896px}.container-all #sub.immortal .pointer6::before{background-position:-1442px -896px}.container-all #sub.immortal .pointer4::before{background-position:-1178px -963px}.container-all #sub.immortal .pointer5::before{background-position:-1244px -963px}.container-all #sub.devil .pointer1::before{background-position:-1310px -963px}.container-all #sub.human .pointer6::before{background-position:-1376px -963px}.container-all #sub.god .pointer1::before{background-position:-1442px -963px}.container-all #sub.ghost .pointer3::before{background-position:-1178px -1030px}.container-all #sub.devil .pointer3::before{background-position:-1244px -1030px}.container-all #sub.ghost .pointer4::before{background-position:-1310px -1030px}.container-all #sub.devil .pointer4::before{background-position:-1376px -1030px}.container-all #sub.ghost .pointer5::before{background-position:-1442px -1030px}.container-all #sub.devil .pointer5::before{background-position:-1178px -1097px}.container-all #sub.ghost .pointer6::before{background-position:-1244px -1097px}.container-all #sub.devil .pointer6::before{background-position:-1310px -1097px}.container-all #sub.human .pointer5::before{background-position:-1376px -1097px}.container-all #sub.dragon .pointer1::before{background-position:-1442px -1097px}.container-all #sub.dragon .pointer3::before{background-position:-1178px -1164px}.container-all #sub.god .pointer3::before{background-position:-1244px -1164px}.container-all #sub.immortal .pointer1::before{background-position:-1310px -1164px}.container-all #sub.dragon .pointer4::before{background-position:-1376px -1164px}.container-all #sub.dragon .pointer5::before{background-position:-1442px -1164px}.container-all #sub.dragon .pointer6::before{background-position:-1178px -1231px}.container-all #sub.ghost .pointer1::before{background-position:-1244px -1231px}#loading #btn_access:hover{background-position:-1555px -1423px}#loading #btn_access{background-position:-1734px -1423px}.container-all .page-top-cont .page-top-right .btn-home{background-position:-2567px -1868px}.container-all .page-top-cont.human .btn-home{background-position:-2522px -2003px}.container-all .page-top-cont.devil .btn-home{background-position:-2565px -2003px}.container-all .page-top-cont.immortal .btn-home{background-position:-2068px -1239px}.container-all .page-top-cont.ghost .btn-home{background-position:-2095px -1299px}.container-all .page-top-cont.dragon .btn-home{background-position:-2095px -1343px}.container-all .page-top-cont .page-top-right .btn-music.off{background-position:-1913px -1423px}.container-all .page-top-cont.ghost .page-top-right .btn-music.off{background-position:-1956px -1423px}.container-all .page-top-cont.ghost .page-top-right .btn-download{background-position:-1999px -1423px}.container-all .page-top-cont.dragon .page-top-right .btn-download{background-position:-2042px -1423px}.container-all .page-top-cont.immortal .page-top-right .btn-music.off{background-position:-2085px -1423px}.container-all .page-top-cont.immortal .page-top-right .btn-music{background-position:-1512px -710px}.container-all .page-top-cont .page-top-right .btn-download{background-position:-1380px -777px}.container-all .page-top-cont .page-top-right .btn-music{background-position:-1423px -777px}.container-all .page-top-cont.dragon .page-top-right .btn-music{background-position:-1466px -777px}.container-all .page-top-cont.ghost .page-top-right .btn-music{background-position:-1509px -777px}.container-all .page-top-cont.devil .page-top-right .btn-music.off{background-position:-966px -833px}.container-all .page-top-cont.devil .page-top-right .btn-music{background-position:-1009px -833px}.container-all .page-top-cont.devil .page-top-right .btn-download{background-position:-1052px -833px}.container-all .page-top-cont.dragon .page-top-right .btn-music.off{background-position:-1095px -833px}.container-all .page-top-cont.human .page-top-right .btn-music.off{background-position:-1138px -833px}.container-all .page-top-cont.human .page-top-right .btn-music{background-position:-1181px -833px}.container-all .page-top-cont.human .page-top-right .btn-download{background-position:-1224px -833px}.container-all .page-top-cont.immortal .page-top-right .btn-download{background-position:-1267px -833px}.container-all .page-top-cont.dragon .btn-home:hover{background-position:-1310px -833px}.container-all .page-top-cont.immortal .btn-home:hover{background-position:-1353px -833px}.container-all .page-top-cont.devil .page-top-right .btn-share{background-position:-1396px -833px}.container-all .page-top-cont.dragon .page-top-right .btn-share{background-position:-1438px -833px}.container-all .page-top-cont.devil .btn-home:hover{background-position:-1480px -833px}.container-all .page-top-cont.immortal .page-top-right .btn-share{background-position:-1508px -896px}.container-all .page-top-cont .page-top-right .btn-home:hover{background-position:-1508px -963px}.container-all .page-top-cont.ghost .page-top-right .btn-share{background-position:-1508px -1030px}.container-all .page-top-cont.human .page-top-right .btn-share{background-position:-1508px -1097px}.container-all .page-top-cont .page-top-right .btn-share{background-position:-1508px -1164px}.container-all .page-top-cont.human .btn-home:hover{background-position:-1310px -1231px}.container-all .page-top-cont.ghost .btn-home:hover{background-position:-1353px -1231px}.container-all #sub.ghost .page-com .info-main .info-tit-head{background-position:-1178px -1298px}.container-all #sub.immortal .page-com .info-main .info-tit-head{background-position:-1178px -1334px}.container-all #sub.human .page-com .info-main .info-tit-head{background-position:-1178px -1370px}.container-all #sub.devil .page-com .info-main .info-tit-head{background-position:-1178px -1406px}.container-all #sub.god .page-com .info-main .info-tit-head{background-position:-1178px -1442px}.container-all #sub.dragon .page-com .info-main .info-tit-head{background-position:-589px -1930px}.container-all #sub:after,.container-all #sub.god .pointer2::before,.container-all #sub.immortal .pointer2::before,.container-all #sub.dragon .pointer2::before,.container-all #sub.human .pointer2::before,.container-all #sub.devil .pointer2::before,.container-all #sub.ghost .pointer2::before,.container-all #sub.dragon .pointer2.active::after,
.container-all #sub.dragon .pointer2:hover::after,.container-all #sub.god .pointer2.active::after,
.container-all #sub.god .pointer2:hover::after,.container-all #sub.human .pointer2.active::after,
.container-all #sub.human .pointer2:hover::after,.container-all #sub.immortal .pointer2.active::after,
.container-all #sub.immortal .pointer2:hover::after,.container-all #sub.ghost .pointer2.active::after,
.container-all #sub.ghost .pointer2:hover::after,.container-all #sub.devil .pointer2.active::after,
.container-all #sub.devil .pointer2:hover::after,.container-all #sub.immortal .pointer4.active::after,
.container-all #sub.immortal .pointer4:hover::after,.container-all #sub.god .pointer4.active::after,
.container-all #sub.god .pointer4:hover::after,.container-all #sub.dragon .pointer4.active::after,
.container-all #sub.dragon .pointer4:hover::after,.container-all #sub.devil .pointer4.active::after,
.container-all #sub.devil .pointer4:hover::after,.container-all #sub.ghost .pointer4.active::after,
.container-all #sub.ghost .pointer4:hover::after,.container-all #sub.human .pointer4.active::after{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}
.container-all #sub.human .pointer4:hover::after,.container-all #sub.human .pointer1.active::after,
.container-all #sub.human .pointer1:hover::after,.container-all #sub.god .pointer1.active::after,
.container-all #sub.god .pointer1:hover::after,.container-all #sub.immortal .pointer1.active::after,
.container-all #sub.immortal .pointer1:hover::after,.container-all #sub.dragon .pointer1.active::after,
.container-all #sub.dragon .pointer1:hover::after,.container-all #sub.ghost .pointer1.active::after,
.container-all #sub.ghost .pointer1:hover::after,.container-all #sub.devil .pointer1.active::after,
.container-all #sub.devil .pointer1:hover::after,.container-all #sub.god .pointer5.active::after,
.container-all #sub.god .pointer5:hover::after,.container-all #sub.devil .pointer5.active::after,
.container-all #sub.devil .pointer5:hover::after,.container-all #sub.dragon .pointer5.active::after,
.container-all #sub.dragon .pointer5:hover::after,.container-all #sub.immortal .pointer5.active::after,
.container-all #sub.immortal .pointer5:hover::after,.container-all #sub.human .pointer5.active::after,
.container-all #sub.human .pointer5:hover::after,.container-all #sub.ghost .pointer5.active::after,
.container-all #sub.ghost .pointer5:hover::after,.container-all #sub.immortal .pointer6.active::after,
.container-all #sub.immortal .pointer6:hover::after,.container-all #sub.god .pointer6.active::after,
.container-all #sub.god .pointer6:hover::after,.container-all #sub.dragon .pointer6.active::after{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}
.container-all #sub.dragon .pointer6:hover::after,.container-all #sub.devil .pointer6.active::after,
.container-all #sub.devil .pointer6:hover::after,.container-all #sub.ghost .pointer6.active::after,
.container-all #sub.ghost .pointer6:hover::after,.container-all #sub.human .pointer6.active::after,
.container-all #sub.human .pointer6:hover::after,.container-all #sub.god .pointer3.active::after,
.container-all #sub.god .pointer3:hover::after,.container-all #sub.devil .pointer3.active::after,
.container-all #sub.devil .pointer3:hover::after,.container-all #sub.human .pointer3.active::after,
.container-all #sub.human .pointer3:hover::after,.container-all #sub.dragon .pointer3.active::after,
.container-all #sub.dragon .pointer3:hover::after,.container-all #sub.immortal .pointer3.active::after,
.container-all #sub.immortal .pointer3:hover::after,.container-all #sub.ghost .pointer3.active::after,
.container-all #sub.ghost .pointer3:hover::after,.container-all #sub.ghost .page-com .info-main .info-in .info-type,.container-all #sub.god .page-com .info-main .info-in .info-type,.container-all #sub.immortal .page-com .info-main .info-in .info-type,.container-all #sub.devil .page-com .info-main .info-in .info-type,.container-all #sub.human .page-com .info-main .info-in .info-type,.container-all #sub.dragon .page-com .info-main .info-in .info-type,.container-all #sub.human .page-com .info-main .info-skill .skill-list-cont .skill-tit,.container-all #sub.dragon .page-com .info-main .info-skill .skill-list-cont .skill-tit,.container-all #sub.god .page-com .info-main .info-skill .skill-list-cont .skill-tit,.container-all #sub.immortal .page-com .info-main .info-skill .skill-list-cont .skill-tit,.container-all #sub.ghost .page-com .info-main .info-skill .skill-list-cont .skill-tit{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}.container-all #sub.devil .page-com .info-main .info-skill .skill-list-cont .skill-tit,.container-all #sub.immortal .pointer3::before,.container-all #sub.god .pointer4::before,.container-all #sub.human .pointer4::before,.container-all #sub.god .pointer5::before,.container-all #sub.human .pointer3::before,.container-all #sub.god .pointer6::before,.container-all #sub.human .pointer1::before,.container-all #sub.immortal .pointer6::before,.container-all #sub.immortal .pointer4::before,.container-all #sub.immortal .pointer5::before,.container-all #sub.devil .pointer1::before,.container-all #sub.human .pointer6::before,.container-all #sub.god .pointer1::before,.container-all #sub.ghost .pointer3::before,.container-all #sub.devil .pointer3::before,.container-all #sub.ghost .pointer4::before,.container-all #sub.devil .pointer4::before,.container-all #sub.ghost .pointer5::before,.container-all #sub.devil .pointer5::before,.container-all #sub.ghost .pointer6::before,.container-all #sub.devil .pointer6::before,.container-all #sub.human .pointer5::before,.container-all #sub.dragon .pointer1::before,.container-all #sub.dragon .pointer3::before,.container-all #sub.god .pointer3::before,.container-all #sub.immortal .pointer1::before,.container-all #sub.dragon .pointer4::before,.container-all #sub.dragon .pointer5::before,.container-all #sub.dragon .pointer6::before{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}.container-all #sub.ghost .pointer1::before,#loading #btn_access:hover,#loading #btn_access,.container-all .page-top-cont .page-top-right .btn-home,.container-all .page-top-cont.human .btn-home,.container-all .page-top-cont.devil .btn-home,.container-all .page-top-cont.immortal .btn-home,.container-all .page-top-cont.ghost .btn-home,.container-all .page-top-cont.dragon .btn-home,.container-all .page-top-cont .page-top-right .btn-music.off,.container-all .page-top-cont.ghost .page-top-right .btn-music.off,.container-all .page-top-cont.ghost .page-top-right .btn-download,.container-all .page-top-cont.dragon .page-top-right .btn-download,.container-all .page-top-cont.immortal .page-top-right .btn-music.off,.container-all .page-top-cont.immortal .page-top-right .btn-music,.container-all .page-top-cont .page-top-right .btn-download,.container-all .page-top-cont .page-top-right .btn-music,.container-all .page-top-cont.dragon .page-top-right .btn-music,.container-all .page-top-cont.ghost .page-top-right .btn-music,.container-all .page-top-cont.devil .page-top-right .btn-music.off,.container-all .page-top-cont.devil .page-top-right .btn-music,.container-all .page-top-cont.devil .page-top-right .btn-download,.container-all .page-top-cont.dragon .page-top-right .btn-music.off,.container-all .page-top-cont.human .page-top-right .btn-music.off,.container-all .page-top-cont.human .page-top-right .btn-music,.container-all .page-top-cont.human .page-top-right .btn-download,.container-all .page-top-cont.immortal .page-top-right .btn-download,.container-all .page-top-cont.dragon .btn-home:hover,.container-all .page-top-cont.immortal .btn-home:hover,.container-all .page-top-cont.devil .page-top-right .btn-share{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}.container-all .page-top-cont.dragon .page-top-right .btn-share,.container-all .page-top-cont.devil .btn-home:hover,.container-all .page-top-cont.immortal .page-top-right .btn-share,.container-all .page-top-cont .page-top-right .btn-home:hover,.container-all .page-top-cont.ghost .page-top-right .btn-share,.container-all .page-top-cont.human .page-top-right .btn-share,.container-all .page-top-cont .page-top-right .btn-share,.container-all .page-top-cont.human .btn-home:hover,.container-all .page-top-cont.ghost .btn-home:hover,.container-all #sub.ghost .page-com .info-main .info-tit-head,.container-all #sub.immortal .page-com .info-main .info-tit-head,.container-all #sub.human .page-com .info-main .info-tit-head,.container-all #sub.devil .page-com .info-main .info-tit-head,.container-all #sub.god .page-com .info-main .info-tit-head,.container-all #sub.dragon .page-com .info-main .info-tit-head{background-image: url(https://dhxy.res.netease.com/pc/zt/20220608142827/img/spriter/index_z_d59a45e.png)}