@charset "utf-8";
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 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 {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em,
i {
  font-weight: normal;
  font-style: italic;
}
button {
  border: none;
  outline: none;
}
a,
button {
  cursor: pointer;
}
a,
a:hover {
  text-decoration: none;
}
textarea,
input,
button,
a {
  font-size: inherit;
  color: inherit;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}
#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
@-webkit-keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes breath {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@font-face {
  font-family: 'fzbysong';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzbysong.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.no-webp body {background:#fff}
.webp body {background:#fff}
body {
  font-family: "Microsoft YaHei", Tahoma, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, Simhei, sans-serif;
  font-size: 14px;
  overflow-y: hidden;
}
html img,
body img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.f-cb:after,
.f-cbli li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.f-cb,
.f-cbli li {
  zoom: 1;
}
#NIE-topBar {
  width: 100%;
  max-width: 1920px !important;
  min-width: 1400px !important;
  margin: 0 auto 0;
  position: absolute !important;
  top: 0;
  left: 0;
}
.g-wrap {
  width: 100%;
  max-width: 1920px;
  min-width: 1400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.no-webp .g-yld {background:#f8f8f8}
.webp .g-yld {background:#f8f8f8}
.g-yld {
  height: 430px;
  min-width: 1280px;
}
.m-yld {
  width: 1120px;
  margin: 0 auto;
  padding-top: 50px;
}
.m-yld h2 {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.m-yld .btnCnt {
  margin-top: 14px;
}
.m-yld .btnCnt .yldBtn {
  width: 270px;
  height: 270px;
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.m-yld .btnCnt .yldBtn .iconCnt {
  width: 70px;
  display: block;
  position: absolute;
  margin-left: -40px;
  left: 50%;
  margin-top: -30px;
  top: 50%;
}
.m-yld .btnCnt .yldBtn .icon {
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
.m-yld .btnCnt .yldBtn .txt {
  color: #fff;
  text-align: center;
  display: block;
}
.no-webp .m-yld .btnCnt .yldBtn .bg {background:#000}
.webp .m-yld .btnCnt .yldBtn .bg {background:#000}
.m-yld .btnCnt .yldBtn .bg {
  position: absolute;
  width: 270px;
  height: 270px;
  display: block;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  top: 0;
  left: 0;
}
.m-yld .btnCnt .yldBtn:hover .bg {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.no-webp .m-yld .btnCnt .yldBtn-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-1_4b7c8056.jpg) no-repeat}
.webp .m-yld .btnCnt .yldBtn-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-1_4b7c8056.webp) no-repeat}
.m-yld .btnCnt .yldBtn-1 {
}
.no-webp .m-yld .btnCnt .yldBtn-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-1_cbbf3284.png) no-repeat}
.webp .m-yld .btnCnt .yldBtn-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-1_cbbf3284.webp) no-repeat}
.m-yld .btnCnt .yldBtn-1 .icon {
}
.no-webp .m-yld .btnCnt .yldBtn-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-2_0117743f.jpg) no-repeat}
.webp .m-yld .btnCnt .yldBtn-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-2_0117743f.webp) no-repeat}
.m-yld .btnCnt .yldBtn-2 {
}
.no-webp .m-yld .btnCnt .yldBtn-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-2_01c45c92.png) no-repeat 5px 0}
.webp .m-yld .btnCnt .yldBtn-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-2_01c45c92.webp) no-repeat 5px 0}
.m-yld .btnCnt .yldBtn-2 .icon {
}
.no-webp .m-yld .btnCnt .yldBtn-3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-3_416e2a0f.jpg) no-repeat}
.webp .m-yld .btnCnt .yldBtn-3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-3_416e2a0f.webp) no-repeat}
.m-yld .btnCnt .yldBtn-3 {
}
.no-webp .m-yld .btnCnt .yldBtn-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-3_74e11ea7.png) no-repeat 3px 0}
.webp .m-yld .btnCnt .yldBtn-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-3_74e11ea7.webp) no-repeat 3px 0}
.m-yld .btnCnt .yldBtn-3 .icon {
}
.no-webp .m-yld .btnCnt .yldBtn-4 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-4_d60ed752.jpg) no-repeat}
.webp .m-yld .btnCnt .yldBtn-4 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtn-4_d60ed752.webp) no-repeat}
.m-yld .btnCnt .yldBtn-4 {
}
.no-webp .m-yld .btnCnt .yldBtn-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-4_551d3019.png) no-repeat 3px 0}
.webp .m-yld .btnCnt .yldBtn-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/yldBtnIcon-4_551d3019.webp) no-repeat 3px 0}
.m-yld .btnCnt .yldBtn-4 .icon {
}
.no-webp .g-links {background:#f7fafb}
.webp .g-links {background:#f7fafb}
.g-links {
  height: 215px;
  min-width: 1280px;
}
.m-links {
  text-align: center;
  padding-top: 57px;
}
.no-webp .m-links a {background:#ccb75e}
.webp .m-links a {background:#ccb75e}
.m-links a {
  width: 360px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  margin-right: 11px;
  vertical-align: middle;
}
.no-webp .m-links a:hover {background:#d8c36a}
.webp .m-links a:hover {background:#d8c36a}
.m-links a:hover {
}
.m-links a .icon {
  width: 39px;
  height: 39px;
  display: inline-block;
  vertical-align: middle;
}
.no-webp .m-links a .icon-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-1_14f82ae2.png) no-repeat}
.webp .m-links a .icon-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-1_14f82ae2.webp) no-repeat}
.m-links a .icon-1 {
  margin-top: -8px;
}
.no-webp .m-links a .icon-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-2_895a39b9.png) no-repeat}
.webp .m-links a .icon-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-2_895a39b9.webp) no-repeat}
.m-links a .icon-2 {
  margin-top: -8px;
}
.no-webp .m-links a .icon-3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-3_fb1fd47a.png) no-repeat}
.webp .m-links a .icon-3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/linkBtn-3_fb1fd47a.webp) no-repeat}
.m-links a .icon-3 {
}
.m-links a .txt {
  font-size: 33px;
  font-weight: bold;
  color: #fff;
}
.no-webp .m-mask {background:#000}
.webp .m-mask {background:#000}
.m-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  display: none;
}
.no-webp .m-side {background:#fff}
.webp .m-side {background:#fff}
.m-side {
  width: 300px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -280px;
  z-index: 5;
}
.m-side .c1 {
  padding: 11px 20px 20px;
}
.m-side .c1 .p1 {
  font-size: 21px;
  color: #af934e;
  font-weight: bold;
}
.m-side .c1 .p2 {
  color: #4c5e7d;
}
.m-side .scnt {
  margin-top: 6px;
}
.no-webp .m-side .downloadBtn {background:#c6a55a}
.webp .m-side .downloadBtn {background:#c6a55a}
.m-side .downloadBtn {
  display: block;
  height: 58px;
  line-height: 58px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-top: 10px;
}
.no-webp .m-side .toggleBtn {background:#af934e}
.webp .m-side .toggleBtn {background:#af934e}
.m-side .toggleBtn {
  width: 19px;
  height: 53px;
  display: block;
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 12px;
  top: 0;
  left: -19px;
  padding-top: 10px;
}
.no-webp .m-side .c2 {background:#f4f4f4}
.webp .m-side .c2 {background:#f4f4f4}
.m-side .c2 {
  height: 172px;
  margin-top: 20px;
  position: relative;
  padding: 14px 20px;
}
.m-side .sliderCnt {
  position: absolute;
  top: 0;
  left: 0;
}
.m-side .t1 {
  font-size: 21px;
  font-weight: bold;
  color: #a99359;
  display: block;
}
.m-side .t2 {
  font-size: 16px;
  color: #4c5e7d;
  margin-top: 5px;
  display: block;
}
.m-side {
  padding-top: 10px;
}
.m-side .c1 .p1 {
  text-align: center;
  margin-bottom: 20px;
}
.no-webp .m-side .c1 .p2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2500px -1288px}
.webp .m-side .c1 .p2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2500px -1288px}
.no-webp .m-side .c1 .p2 {background-size:2560px 2220px}
.webp .m-side .c1 .p2 {background-size:2560px 2220px}
.no-webp .m-side .c1 .p2 {background-position:-2500px -1288px}
.webp .m-side .c1 .p2 {background-position:-2500px -1288px}
.m-side .c1 .p2 {
  position: absolute;
  text-indent: -9999px;
width:53px;
height:53px;

  top: 8px;
  right: 10px;
  cursor: pointer;
}
.no-webp .m-video {background:#000}
.webp .m-video {background:#000}
.m-video {
  width: 960px;
  height: 550px;
  position: fixed;
  margin-left: -480px;
  margin-top: -275px;
  top: 50%;
  left: 50%;
  z-index: 9;
  display: none;
}
.m-video .cnt {
  width: 100%;
  height: 100%;
}
.no-webp .m-video .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2526px -947px}
.webp .m-video .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2526px -947px}
.no-webp .m-video .closeBtn {background-size:2560px 2220px}
.webp .m-video .closeBtn {background-size:2560px 2220px}
.no-webp .m-video .closeBtn {background-position:-2526px -947px}
.webp .m-video .closeBtn {background-position:-2526px -947px}
.m-video .closeBtn {
  width: 31px;
  height: 31px;

  position: absolute;
  top: 0;
  right: -40px;
}
.sidebar {
  position: fixed;
  top: 50%;
  left: 10px;
  z-index: 20;
  margin-top: -390px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.sidebar.hide1,
.sidebar.hide2 {
  z-index: -1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.sidebar.small {
  -webkit-transform: scale(0.86);
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  transform: scale(0.86);
}
.sidebar .list {
  width: 126px;
  height: 780px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .list a {
  display: block;
  width: 126px;
  height: 130px;
  margin: 0 0 0 0px;
  position: relative;
}
.no-webp .sidebar .list a::after {background:no-repeat}
.webp .sidebar .list a::after {background:no-repeat}
.no-webp .sidebar .list a::after {background-size:100%}
.webp .sidebar .list a::after {background-size:100%}
.sidebar .list a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -59px;
  left: 0;
  pointer-events: none;
}
.no-webp .sidebar .list a[data-index="1"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-537px -1597px}
.webp .sidebar .list a[data-index="1"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-537px -1597px}
.no-webp .sidebar .list a[data-index="1"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="1"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="1"]::after {background-position:-537px -1597px}
.webp .sidebar .list a[data-index="1"]::after {background-position:-537px -1597px}
.sidebar .list a[data-index="1"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="1"].on::after, 
.no-webp .sidebar .list a[data-index="1"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-665px -1597px}
.webp .sidebar .list a[data-index="1"].on::after, 
.webp .sidebar .list a[data-index="1"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-665px -1597px}
.no-webp .sidebar .list a[data-index="1"].on::after, 
.no-webp .sidebar .list a[data-index="1"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="1"].on::after, 
.webp .sidebar .list a[data-index="1"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="1"].on::after, 
.no-webp .sidebar .list a[data-index="1"]:hover::after {background-position:-665px -1597px}
.webp .sidebar .list a[data-index="1"].on::after, 
.webp .sidebar .list a[data-index="1"]:hover::after {background-position:-665px -1597px}
.sidebar .list a[data-index="1"].on::after,
.sidebar .list a[data-index="1"]:hover::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="2"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-793px -1597px}
.webp .sidebar .list a[data-index="2"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-793px -1597px}
.no-webp .sidebar .list a[data-index="2"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="2"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="2"]::after {background-position:-793px -1597px}
.webp .sidebar .list a[data-index="2"]::after {background-position:-793px -1597px}
.sidebar .list a[data-index="2"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="2"].on::after, 
.no-webp .sidebar .list a[data-index="2"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-921px -1597px}
.webp .sidebar .list a[data-index="2"].on::after, 
.webp .sidebar .list a[data-index="2"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-921px -1597px}
.no-webp .sidebar .list a[data-index="2"].on::after, 
.no-webp .sidebar .list a[data-index="2"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="2"].on::after, 
.webp .sidebar .list a[data-index="2"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="2"].on::after, 
.no-webp .sidebar .list a[data-index="2"]:hover::after {background-position:-921px -1597px}
.webp .sidebar .list a[data-index="2"].on::after, 
.webp .sidebar .list a[data-index="2"]:hover::after {background-position:-921px -1597px}
.sidebar .list a[data-index="2"].on::after,
.sidebar .list a[data-index="2"]:hover::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="3"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1049px -1597px}
.webp .sidebar .list a[data-index="3"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1049px -1597px}
.no-webp .sidebar .list a[data-index="3"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="3"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="3"]::after {background-position:-1049px -1597px}
.webp .sidebar .list a[data-index="3"]::after {background-position:-1049px -1597px}
.sidebar .list a[data-index="3"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="3"].on::after, 
.no-webp .sidebar .list a[data-index="3"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1177px -1597px}
.webp .sidebar .list a[data-index="3"].on::after, 
.webp .sidebar .list a[data-index="3"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1177px -1597px}
.no-webp .sidebar .list a[data-index="3"].on::after, 
.no-webp .sidebar .list a[data-index="3"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="3"].on::after, 
.webp .sidebar .list a[data-index="3"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="3"].on::after, 
.no-webp .sidebar .list a[data-index="3"]:hover::after {background-position:-1177px -1597px}
.webp .sidebar .list a[data-index="3"].on::after, 
.webp .sidebar .list a[data-index="3"]:hover::after {background-position:-1177px -1597px}
.sidebar .list a[data-index="3"].on::after,
.sidebar .list a[data-index="3"]:hover::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="4"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1305px -1597px}
.webp .sidebar .list a[data-index="4"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1305px -1597px}
.no-webp .sidebar .list a[data-index="4"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="4"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="4"]::after {background-position:-1305px -1597px}
.webp .sidebar .list a[data-index="4"]::after {background-position:-1305px -1597px}
.sidebar .list a[data-index="4"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="4"].on::after, 
.no-webp .sidebar .list a[data-index="4"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1433px -1597px}
.webp .sidebar .list a[data-index="4"].on::after, 
.webp .sidebar .list a[data-index="4"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1433px -1597px}
.no-webp .sidebar .list a[data-index="4"].on::after, 
.no-webp .sidebar .list a[data-index="4"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="4"].on::after, 
.webp .sidebar .list a[data-index="4"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="4"].on::after, 
.no-webp .sidebar .list a[data-index="4"]:hover::after {background-position:-1433px -1597px}
.webp .sidebar .list a[data-index="4"].on::after, 
.webp .sidebar .list a[data-index="4"]:hover::after {background-position:-1433px -1597px}
.sidebar .list a[data-index="4"].on::after,
.sidebar .list a[data-index="4"]:hover::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="5"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1561px -1597px}
.webp .sidebar .list a[data-index="5"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1561px -1597px}
.no-webp .sidebar .list a[data-index="5"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="5"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="5"]::after {background-position:-1561px -1597px}
.webp .sidebar .list a[data-index="5"]::after {background-position:-1561px -1597px}
.sidebar .list a[data-index="5"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="5"].on::after, 
.no-webp .sidebar .list a[data-index="5"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1689px -1597px}
.webp .sidebar .list a[data-index="5"].on::after, 
.webp .sidebar .list a[data-index="5"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1689px -1597px}
.no-webp .sidebar .list a[data-index="5"].on::after, 
.no-webp .sidebar .list a[data-index="5"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="5"].on::after, 
.webp .sidebar .list a[data-index="5"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="5"].on::after, 
.no-webp .sidebar .list a[data-index="5"]:hover::after {background-position:-1689px -1597px}
.webp .sidebar .list a[data-index="5"].on::after, 
.webp .sidebar .list a[data-index="5"]:hover::after {background-position:-1689px -1597px}
.sidebar .list a[data-index="5"].on::after,
.sidebar .list a[data-index="5"]:hover::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="6"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1817px -1597px}
.webp .sidebar .list a[data-index="6"]::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1817px -1597px}
.no-webp .sidebar .list a[data-index="6"]::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="6"]::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="6"]::after {background-position:-1817px -1597px}
.webp .sidebar .list a[data-index="6"]::after {background-position:-1817px -1597px}
.sidebar .list a[data-index="6"]::after {
width:126px;
height:130px;

}
.no-webp .sidebar .list a[data-index="6"].on::after, 
.no-webp .sidebar .list a[data-index="6"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1945px -1597px}
.webp .sidebar .list a[data-index="6"].on::after, 
.webp .sidebar .list a[data-index="6"]:hover::after {background-image:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1945px -1597px}
.no-webp .sidebar .list a[data-index="6"].on::after, 
.no-webp .sidebar .list a[data-index="6"]:hover::after {background-size:2560px 2220px}
.webp .sidebar .list a[data-index="6"].on::after, 
.webp .sidebar .list a[data-index="6"]:hover::after {background-size:2560px 2220px}
.no-webp .sidebar .list a[data-index="6"].on::after, 
.no-webp .sidebar .list a[data-index="6"]:hover::after {background-position:-1945px -1597px}
.webp .sidebar .list a[data-index="6"].on::after, 
.webp .sidebar .list a[data-index="6"]:hover::after {background-position:-1945px -1597px}
.sidebar .list a[data-index="6"].on::after,
.sidebar .list a[data-index="6"]:hover::after {
width:126px;
height:130px;

}
/* foot */
.no-webp .g-footer {background:#000}
.webp .g-footer {background:#000}
.g-footer {
  width: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 30;
  min-width: 1400px;
  max-width: 1920px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.g-footer .btn-copyright {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6), -1px -1px 3px rgba(0, 0, 0, 0.6);
}
.g-footer a {
  color: #fff;
}
.no-webp .g-footer #NIE-copyRight {background:#000}
.webp .g-footer #NIE-copyRight {background:#000}
.g-footer #NIE-copyRight {
}
.g-footer #NIE-copyRight-corp {
  width: 1080px !important;
}
.no-webp #fab-reg a.btn-dl {background:#cbb88e}
.webp #fab-reg a.btn-dl {background:#cbb88e}
#fab-reg a.btn-dl {
  display: block;
  width: 80px;
  height: 35px;
  color: #fff;
  text-align: center;
  line-height: 35px;
}
.no-webp #fab-reg2 a.btn-dl {background:#fff}
.webp #fab-reg2 a.btn-dl {background:#fff}
#fab-reg2 a.btn-dl {
  display: block;
  width: 80px;
  height: 35px;
  color: #b0934f;
  text-align: center;
  line-height: 35px;
}
#fab-reg3 {
  height: 212px;
}
.u-logo {
  position: absolute;
  top: 10px;
  left: 0px;
}
.no-webp .u-homeBtn {background:#fff}
.webp .u-homeBtn {background:#fff}
.u-homeBtn {
  width: 85px;
  height: 33px;
  color: #a99359;
  text-align: center;
  line-height: 33px;
  display: block;
  position: absolute;
  right: 0;
  font-weight: bold;
}
.u-gold {
  color: #a99359;
}
.m-share {
  position: absolute;
  width: 330px;
  height: 32px;
  right: 30px;
}
.no-webp .m-share .homeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/homeIcon_5ca04b73.png) no-repeat left center}
.webp .m-share .homeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/homeIcon_5ca04b73.webp) no-repeat left center}
.m-share .homeBtn {
  float: left;
  display: block;
  line-height: 32px;
  color: #fff;
  padding-left: 21px;
  margin-right: 20px;
  margin-left: 10px;
}
.m-share #NIE-share {
  float: left;
  padding-top: 6px;
}
.m-share .line {
  border-left: 1px solid #fff;
  float: left;
  display: block;
  height: 16px;
  margin-right: 20px;
  margin-top: 8px;
}
.NIE-share .NIE-share-iconBtn a {
  color: #fff !important;
  margin-left: 4px;
}
.NIE-share .NIE-share-iconBtn a:hover {
  color: #d3ba5b !important;
}
.NIE-share .NIE-share-txt {
  color: #fff !important;
  font-family: "Microsoft YaHei";
}
.NIE-share .NIE-share-iconBtn a.morebtn {
  display: none !important;
}
.NIE-share .NIE-share-txt {
  font-size: 14px !important;
}
.cnt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-height: 1080px;
  position: relative;
}
.page .videoBg {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -540px 0 0 -960px;
}
.wrapSwiper {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  max-height: 1080px;
  margin: 0 auto 0;
}
.wrapSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.wrapSwiper.small .page_news .innerbox {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.86);
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  transform: scale(0.86);
}
.wrapSwiper.small .page_role .cnt {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.wrapSwiper.small .page_feature .tit {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.wrapSwiper.small .page_feature .pic-wrap {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}
.wrapSwiper.small .page_peizhi .tit {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.wrapSwiper.small .page_peizhi .inner,
.wrapSwiper.small .page_peizhi .m-peizhi {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.wrapSwiper.small .page_peizhi .inner {
  margin: -340px 0 0 -660px;
}
.wrapSwiper.small .page_peizhi .m-peizhi {
  margin: -322px 0 0 -634px;
}
.wrapSwiper.small .page_shizhuang .tit {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.wrapSwiper.small .page_shizhuang .list {
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}
.no-webp .page_header {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/4837573fe5c8190968167d9482b727d5_5a65acb3.jpg) center no-repeat}
.webp .page_header {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/4837573fe5c8190968167d9482b727d5_5a65acb3.webp) center no-repeat}
.page_header {
}
.no-webp .page_header .logo {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-2091px -1355px}
.webp .page_header .logo {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-2091px -1355px}
.no-webp .page_header .logo {background-size:2560px 2220px}
.webp .page_header .logo {background-size:2560px 2220px}
.no-webp .page_header .logo {background-position:-2091px -1355px}
.webp .page_header .logo {background-position:-2091px -1355px}
.page_header .logo {
  width: 221px;
  height: 94px;

  position: absolute;
  top: 75px;
  left: 30px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
}
.page_header .logo.on {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
}
.no-webp .page_header .logo:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1549px -1487px}
.webp .page_header .logo:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1549px -1487px}
.no-webp .page_header .logo:after {background-size:2560px 2220px}
.webp .page_header .logo:after {background-size:2560px 2220px}
.no-webp .page_header .logo:after {background-position:-1549px -1487px}
.webp .page_header .logo:after {background-position:-1549px -1487px}
.page_header .logo:after {
  content: '';
  width: 295px;
  height: 37px;

  position: absolute;
  top: 50%;
  right: -300px;
  margin-top: -18px;
}
.no-webp .page_header .fab-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-0px -1970px}
.webp .page_header .fab-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-0px -1970px}
.no-webp .page_header .fab-2 {background-size:2560px 2220px}
.webp .page_header .fab-2 {background-size:2560px 2220px}
.no-webp .page_header .fab-2 {background-position:-0px -1970px}
.webp .page_header .fab-2 {background-position:-0px -1970px}
.page_header .fab-2 {
  top: 420px;
  left: 0;
  position: absolute;
width:46px;
height:250px;

}
.page_header .fab-2:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .page_header .floating {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-580px -1738px}
.webp .page_header .floating {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-580px -1738px}
.no-webp .page_header .floating {background-size:2560px 2220px}
.webp .page_header .floating {background-size:2560px 2220px}
.no-webp .page_header .floating {background-position:-580px -1738px}
.webp .page_header .floating {background-position:-580px -1738px}
.page_header .floating {
  position: absolute;
  right: 30px;
  bottom: 64px;
width:247px;
height:214px;

  -webkit-transform: scale(0.86);
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  transform: scale(0.86);
  display: none;
}
.page_header .floating.on {
  display: block;
}
.page_header .floating:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .page_header .floating-right {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png);background-size:2560px 2220px;
background-position:-1623px -947px}
.webp .page_header .floating-right {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp);background-size:2560px 2220px;
background-position:-1623px -947px}
.no-webp .page_header .floating-right {background-size:2560px 2220px}
.webp .page_header .floating-right {background-size:2560px 2220px}
.no-webp .page_header .floating-right {background-position:-1623px -947px}
.webp .page_header .floating-right {background-position:-1623px -947px}
.page_header .floating-right {
  position: absolute;
  right: 30px;
  bottom: 160px;
width:317px;
height:272px;

  -webkit-transform: scale(0.86);
  -moz-transform: scale(0.86);
  -ms-transform: scale(0.86);
  -o-transform: scale(0.86);
  transform: scale(0.86);
}
.page_header .floating-right:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page_header .m-header {
  height: 100%;
}
.page_header .m-header #NIE-share {
  position: absolute;
  top: 86px;
  right: 50px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
}
.page_header .m-header #NIE-share.on {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
}
.page_header .m-header #hockor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page_header .m-header #hockor canvas {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -540px;
}
.no-webp .page_header .m-header .slogan {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -1146px}
.webp .page_header .m-header .slogan {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -1146px}
.no-webp .page_header .m-header .slogan {background-size:2560px 2220px}
.webp .page_header .m-header .slogan {background-size:2560px 2220px}
.no-webp .page_header .m-header .slogan {background-position:-1942px -1146px}
.webp .page_header .m-header .slogan {background-position:-1942px -1146px}
.page_header .m-header .slogan {
width:616px;
height:59px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin: 60px 0 0 65px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.page_header .m-header .slogan.on {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media screen and (max-width: 1700px) {
  .page_header .m-header .slogan {
    margin: 60px 0 0 65px;
  }
}
.no-webp .page_header .m-header .slogan2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite_jianxinzhengdao_2_1_d789d1ae.png);
  background-size: 400% 300%}
.webp .page_header .m-header .slogan2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite_jianxinzhengdao_2_1_d789d1ae.webp);
  background-size: 400% 300%}
.no-webp .page_header .m-header .slogan2 {background-size:400% 300%}
.webp .page_header .m-header .slogan2 {background-size:400% 300%}
.page_header .m-header .slogan2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -368px 0 0 398px;
  height: 644px;
  width: 424px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 36% 51%;
          transform-origin: 36% 51%;
  -webkit-animation: sprite_jianxinzhengdao_2_1 0.84s 0s steps(1) both;
          animation: sprite_jianxinzhengdao_2_1 0.84s 0s steps(1) both;
}
.no-webp .page_header .m-header .downloadbox {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-0px -1597px}
.webp .page_header .m-header .downloadbox {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-0px -1597px}
.no-webp .page_header .m-header .downloadbox {background-size:2560px 2220px}
.webp .page_header .m-header .downloadbox {background-size:2560px 2220px}
.no-webp .page_header .m-header .downloadbox {background-position:-0px -1597px}
.webp .page_header .m-header .downloadbox {background-position:-0px -1597px}
.page_header .m-header .downloadbox {
width:535px;
height:139px;

  position: absolute;
  bottom: 98px;
  left: 50%;
  margin-left: -260px;
  padding: 20px 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
.page_header .m-header .downloadbox .showDlPop {
  display: inline-block;
  vertical-align: top;
}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2363px -947px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2363px -947px}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background-size:2560px 2220px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background-size:2560px 2220px}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background-position:-2363px -947px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_kszc {background-position:-2363px -947px}
.page_header .m-header .downloadbox .showDlPop.dl_kszc {
width:161px;
height:106px;

}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2073px -1597px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2073px -1597px}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background-size:2560px 2220px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background-size:2560px 2220px}
.no-webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background-position:-2073px -1597px}
.webp .page_header .m-header .downloadbox .showDlPop.dl_dl {background-position:-2073px -1597px}
.page_header .m-header .downloadbox .showDlPop.dl_dl {
  margin-left: 8px;
width:90px;
height:106px;

}
.no-webp .page_header .m-header .downloadbox .dl_bdxz {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2165px -1597px}
.webp .page_header .m-header .downloadbox .dl_bdxz {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2165px -1597px}
.no-webp .page_header .m-header .downloadbox .dl_bdxz {background-size:2560px 2220px}
.webp .page_header .m-header .downloadbox .dl_bdxz {background-size:2560px 2220px}
.no-webp .page_header .m-header .downloadbox .dl_bdxz {background-position:-2165px -1597px}
.webp .page_header .m-header .downloadbox .dl_bdxz {background-position:-2165px -1597px}
.page_header .m-header .downloadbox .dl_bdxz {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
width:90px;
height:106px;

}
.page_header .m-header .downloadbox .codebox {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  position: relative;
}
.no-webp .page_header .m-header .downloadbox .codebox:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -1207px}
.webp .page_header .m-header .downloadbox .codebox:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -1207px}
.no-webp .page_header .m-header .downloadbox .codebox:after {background-size:2560px 2220px}
.webp .page_header .m-header .downloadbox .codebox:after {background-size:2560px 2220px}
.no-webp .page_header .m-header .downloadbox .codebox:after {background-position:-1942px -1207px}
.webp .page_header .m-header .downloadbox .codebox:after {background-position:-1942px -1207px}
.page_header .m-header .downloadbox .codebox:after {
  content: '';
  position: absolute;
  top: -5px;
  left: -3px;
width:111px;
height:7px;

  -webkit-animation: sao 1.6s ease-in-out alternate infinite;
  -moz-animation: sao 1.6s ease-in-out alternate infinite;
  -ms-animation: sao 1.6s ease-in-out alternate infinite;
  animation: sao 1.6s ease-in-out alternate infinite;
}
.page_header .m-header .downloadbox .codebox img {
  width: 106px;
  height: 106px;
}
.page_header .m-header .downloadbox .codebox p {
  width: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 17px;
  text-align: center;
  position: absolute;
  top: 1px;
  right: -22px;
  text-shadow: 1px 1px 1px #52b0bf, -1px -1px 1px #63bac9;
}
.page_header .m-header .downloadbox #leihuo-age {
  width: 96px;
  position: absolute;
  right: -102px;
  top: 8px;
}
.page_header .m-header .kv-video {
  width: 100%;
  height: 100%;
  padding-top: 55px;
}
.page_header .m-header .kv-video video {
  width: 100%;
  height: 1080px;
  -o-object-fit: cover;
     object-fit: cover;
}
@-webkit-keyframes sao {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(109px);
    -moz-transform: translateY(109px);
    -ms-transform: translateY(109px);
    -o-transform: translateY(109px);
    transform: translateY(109px);
  }
}
@-moz-keyframes sao {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(109px);
    -moz-transform: translateY(109px);
    -ms-transform: translateY(109px);
    -o-transform: translateY(109px);
    transform: translateY(109px);
  }
}
@-ms-keyframes sao {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(109px);
    -moz-transform: translateY(109px);
    -ms-transform: translateY(109px);
    -o-transform: translateY(109px);
    transform: translateY(109px);
  }
}
@-o-keyframes sao {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(109px);
    -moz-transform: translateY(109px);
    -ms-transform: translateY(109px);
    -o-transform: translateY(109px);
    transform: translateY(109px);
  }
}
@keyframes sao {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(109px);
    -moz-transform: translateY(109px);
    -ms-transform: translateY(109px);
    -o-transform: translateY(109px);
    transform: translateY(109px);
  }
}
.no-webp .page_news {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_news_bg_1d629662.jpg) center no-repeat}
.webp .page_news {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_news_bg_1d629662.webp) center no-repeat}
.page_news {
}
.page_news.aniHide .swpBanner {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.page_news.aniHide .m-news {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.page_news.aniHide .m-news .tab .list .item:nth-child(1) {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  -o-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
}
.page_news.aniHide .m-news .tab .list .item:nth-child(2) {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  -o-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
}
.page_news.aniHide .m-news .tab .list .item:nth-child(3) {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  -o-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
}
.page_news.aniHide .m-news .tab .list .item:nth-child(4) {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-30px, 0);
  -moz-transform: translate(-30px, 0);
  -ms-transform: translate(-30px, 0);
  -o-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
}
.page_news .swpBanner {
  width: 787px;
  height: 638px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -336px 0 0 -700px;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  -o-transition: 0.6s all;
  transition: 0.6s all;
}
.page_news .swpBanner .type {
  display: none;
}
.page_news .swpBanner .swiper-slide img {
  width: 100%;
}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2526px -980px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2526px -980px}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background-size:2560px 2220px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background-size:2560px 2220px}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background-position:-2526px -980px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {background-position:-2526px -980px}
.page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet {
width:30px;
height:30px;

  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2526px -1012px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2526px -1012px}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background-size:2560px 2220px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background-size:2560px 2220px}
.no-webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:-2526px -1012px}
.webp .page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position:-2526px -1012px}
.page_news .swpBanner .swpBanner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
width:30px;
height:30px;

}
.no-webp .page_news .swpBanner .bz {background:#f1c887}
.webp .page_news .swpBanner .bz {background:#f1c887}
.page_news .swpBanner .bz {
  width: 27px;
  height: 62px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  font-size: 16px;
  line-height: 20px;
  color: #ab7e37;
  text-align: center;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page_news .m-news {
  width: 580px;
  height: 638px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -336px 0 0 118px;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  -o-transition: 0.6s all;
  transition: 0.6s all;
}
.page_news .m-news .tab-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c89b55;
  position: relative;
  padding-bottom: 22px;
}
.no-webp .page_news .m-news .tab-links .more-btn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2257px -1663px}
.webp .page_news .m-news .tab-links .more-btn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2257px -1663px}
.no-webp .page_news .m-news .tab-links .more-btn {background-size:2560px 2220px}
.webp .page_news .m-news .tab-links .more-btn {background-size:2560px 2220px}
.no-webp .page_news .m-news .tab-links .more-btn {background-position:-2257px -1663px}
.webp .page_news .m-news .tab-links .more-btn {background-position:-2257px -1663px}
.page_news .m-news .tab-links .more-btn {
  display: block;
width:38px;
height:38px;

  position: absolute;
  right: 0;
  top: -2px;
}
.page_news .m-news .tab-links .link {
  font-size: 24px;
  color: #3d2704;
  display: block;
  width: 86px;
  height: 30px;
  line-height: 30px;
  margin-right: 30px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.no-webp .page_news .m-news .tab-links .link:after {background:#c89b55}
.webp .page_news .m-news .tab-links .link:after {background:#c89b55}
.page_news .m-news .tab-links .link:after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -22px;
  left: 0;
  display: none;
}
.page_news .m-news .tab-links .link:hover {
  color: #af8b52;
}
.page_news .m-news .tab-links .link.active {
  color: #af8b52;
}
.page_news .m-news .tab-links .link.active:after {
  display: block;
}
.page_news .m-news .tab {
  margin-top: 30px;
}
.page_news .m-news .tab.aniReady .list .item:nth-child(1) {
  -webkit-transition: all 0.6s 0s;
  -moz-transition: all 0.6s 0s;
  -ms-transition: all 0.6s 0s;
  -o-transition: all 0.6s 0s;
  transition: all 0.6s 0s;
}
.page_news .m-news .tab.aniReady .list .item:nth-child(2) {
  -webkit-transition: all 0.6s 0.1s;
  -moz-transition: all 0.6s 0.1s;
  -ms-transition: all 0.6s 0.1s;
  -o-transition: all 0.6s 0.1s;
  transition: all 0.6s 0.1s;
}
.page_news .m-news .tab.aniReady .list .item:nth-child(3) {
  -webkit-transition: all 0.6s 0.2s;
  -moz-transition: all 0.6s 0.2s;
  -ms-transition: all 0.6s 0.2s;
  -o-transition: all 0.6s 0.2s;
  transition: all 0.6s 0.2s;
}
.page_news .m-news .tab.aniReady .list .item:nth-child(4) {
  -webkit-transition: all 0.6s 0.3s;
  -moz-transition: all 0.6s 0.3s;
  -ms-transition: all 0.6s 0.3s;
  -o-transition: all 0.6s 0.3s;
  transition: all 0.6s 0.3s;
}
.page_news .m-news .tab .list {
  display: none;
}
.page_news .m-news .tab .list:nth-child(1) {
  display: block;
}
.page_news .m-news .tab .list .item {
  width: 100%;
  height: 144px;
  color: #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 23px;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page_news .m-news .tab .list .item:hover {
  -webkit-transform: translate(22px, 0);
  -moz-transform: translate(22px, 0);
  -ms-transform: translate(22px, 0);
  -o-transform: translate(22px, 0);
  transform: translate(22px, 0);
}
.page_news .m-news .tab .list .item > span {
  position: absolute;
  top: 40px;
  left: 23px;
  font-size: 0;
}
.page_news .m-news .tab .list .item .date {
  width: 558px;
  line-height: 38px;
  text-align: left;
  position: absolute;
  top: 0;
  left: 23px;
  border-bottom: 1px solid #fdfbf9;
  font-size: 24px;
  font-family: 'fzbysong';
}
.page_news .m-news .tab .list .item .category {
  display: inline-block;
  vertical-align: top;
  color: #a64b0e;
  margin-right: 16px;
  position: relative;
  line-height: 40px;
  font-size: 22px;
  font-family: 'fzbysong';
}
.no-webp .page_news .m-news .tab .list .item .category:after {background:#c89b55}
.webp .page_news .m-news .tab .list .item .category:after {background:#c89b55}
.page_news .m-news .tab .list .item .category:after {
  content: '';
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -9px;
  margin-top: -10px;
}
.page_news .m-news .tab .list .item .title {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 490px;
  font-family: 'fzbysong';
  letter-spacing: -0.5px;
}
.page_news .m-news .tab .list .item .comment {
  color: #646464;
  font-size: 16px;
  position: absolute;
  top: 82px;
  left: 23px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
}
.page_fuben .videoBg2 {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -540px 0 0 -960px;
}
.no-webp .page_fuben .videoBg2 .zz {background:rgba(0, 0, 0, 0)}
.webp .page_fuben .videoBg2 .zz {background:rgba(0, 0, 0, 0)}
.page_fuben .videoBg2 .zz {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-webp .page_fuben .btn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2314px -1355px}
.webp .page_fuben .btn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2314px -1355px}
.no-webp .page_fuben .btn {background-size:2560px 2220px}
.webp .page_fuben .btn {background-size:2560px 2220px}
.no-webp .page_fuben .btn {background-position:-2314px -1355px}
.webp .page_fuben .btn {background-position:-2314px -1355px}
.page_fuben .btn {
width:234px;
height:74px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin: 240px 0 0 -117px;
}
.no-webp .page_fuben .btn:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1313px -1487px}
.webp .page_fuben .btn:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1313px -1487px}
.no-webp .page_fuben .btn:hover {background-size:2560px 2220px}
.webp .page_fuben .btn:hover {background-size:2560px 2220px}
.no-webp .page_fuben .btn:hover {background-position:-1313px -1487px}
.webp .page_fuben .btn:hover {background-position:-1313px -1487px}
.page_fuben .btn:hover {
width:234px;
height:74px;

}
.no-webp .page_shizhuang {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_shizhuang_bg_e21ba56c.jpg) center no-repeat}
.webp .page_shizhuang {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_shizhuang_bg_e21ba56c.webp) center no-repeat}
.page_shizhuang {
}
.no-webp .page_shizhuang .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1313px -1288px}
.webp .page_shizhuang .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1313px -1288px}
.no-webp .page_shizhuang .tit {background-size:2560px 2220px}
.webp .page_shizhuang .tit {background-size:2560px 2220px}
.no-webp .page_shizhuang .tit {background-position:-1313px -1288px}
.webp .page_shizhuang .tit {background-position:-1313px -1288px}
.page_shizhuang .tit {
width:387px;
height:197px;

  margin: 0 auto 0;
  position: relative;
}
.page_shizhuang .list {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -440px 0 0 -960px;
}
.page_shizhuang .list .dong {
  position: absolute;
  width: 316px;
  height: 518px;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.page_shizhuang .list .dong a {
  display: block;
}
.page_shizhuang .list .dong a img {
  width: 100%;
}
.page_shizhuang .list .dong:nth-child(1) {
  left: 801px;
  top: 190px;
  -webkit-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  -moz-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  -ms-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
}
.page_shizhuang .list .dong:nth-child(1) a {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.84, 0.84);
          transform: scale(0.84, 0.84);
}
.page_shizhuang .list .dong:nth-child(2) {
  -webkit-animation: fudong 1.6s 1.2s ease-in-out alternate infinite;
  -moz-animation: fudong 1.6s 1.2s ease-in-out alternate infinite;
  -ms-animation: fudong 1.6s 1.2s ease-in-out alternate infinite;
  animation: fudong 1.6s 1.2s ease-in-out alternate infinite;
  top: 302px;
  left: 304px;
}
.page_shizhuang .list .dong:nth-child(2) a {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-26.14deg);
          transform: rotate(-26.14deg);
}
.page_shizhuang .list .dong:nth-child(3) {
  left: 1310px;
  top: 270px;
  -webkit-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  -moz-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  -ms-animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  animation: fudong 1.6s 0.6s ease-in-out alternate infinite;
  z-index: 2;
}
.page_shizhuang .list .dong:nth-child(3) a {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(33.14deg);
          transform: rotate(33.14deg);
}
.page_shizhuang .list .dong:nth-child(4) {
  -webkit-animation: fudong 1.6s 0.3s ease-in-out alternate infinite;
  -moz-animation: fudong 1.6s 0.3s ease-in-out alternate infinite;
  -ms-animation: fudong 1.6s 0.3s ease-in-out alternate infinite;
  animation: fudong 1.6s 0.3s ease-in-out alternate infinite;
  left: 558px;
  top: 185px;
}
.page_shizhuang .list .dong:nth-child(4) a {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.48, 0.48) rotate(-14deg);
          transform: scale(0.48, 0.48) rotate(-14deg);
}
.page_shizhuang .list .dong:nth-child(5) {
  -webkit-animation: fudong 1.6s 0.9s ease-in-out alternate infinite;
  -moz-animation: fudong 1.6s 0.9s ease-in-out alternate infinite;
  -ms-animation: fudong 1.6s 0.9s ease-in-out alternate infinite;
  animation: fudong 1.6s 0.9s ease-in-out alternate infinite;
  left: 1056px;
  top: 220px;
}
.page_shizhuang .list .dong:nth-child(5) a {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.48, 0.48) rotate(11deg);
          transform: scale(0.48, 0.48) rotate(11deg);
}
.page_shizhuang .list .dong:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@-webkit-keyframes fudong {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@-moz-keyframes fudong {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@-ms-keyframes fudong {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@-o-keyframes fudong {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@keyframes fudong {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
}
.us_hover {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.us_hover:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.no-webp .m-gift {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-0px -0px}
.webp .m-gift {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-0px -0px}
.no-webp .m-gift {background-size:2560px 2220px}
.webp .m-gift {background-size:2560px 2220px}
.no-webp .m-gift {background-position:-0px -0px}
.webp .m-gift {background-position:-0px -0px}
.m-gift {
  width: 2560px;
  height: 945px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -1280px;
  margin-top: -472px;

  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -1;
}
.m-gift.on {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 999;
}
.m-gift.small {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.m-gift.pright {
  left: auto;
  right: -320px;
}
.m-gift > .cnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1088px;
  height: 554px;
  position: absolute;
  top: 187px;
  left: 985px;
}
.m-gift > .cnt .left {
  width: 567px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 80px 80px;
}
.no-webp .m-gift > .cnt .left .p1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2091px -1451px}
.webp .m-gift > .cnt .left .p1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2091px -1451px}
.no-webp .m-gift > .cnt .left .p1 {background-size:2560px 2220px}
.webp .m-gift > .cnt .left .p1 {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .left .p1 {background-position:-2091px -1451px}
.webp .m-gift > .cnt .left .p1 {background-position:-2091px -1451px}
.m-gift > .cnt .left .p1 {
  font-size: 0;
width:225px;
height:34px;

  margin: 0 auto 0;
}
.m-gift > .cnt .left .scnt {
  margin: 36px auto 0;
}
.no-webp .m-gift > .cnt .left .gift {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1313px -947px}
.webp .m-gift > .cnt .left .gift {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1313px -947px}
.no-webp .m-gift > .cnt .left .gift {background-size:2560px 2220px}
.webp .m-gift > .cnt .left .gift {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .left .gift {background-position:-1313px -947px}
.webp .m-gift > .cnt .left .gift {background-position:-1313px -947px}
.m-gift > .cnt .left .gift {
width:308px;
height:339px;

  position: absolute;
  top: 40px;
  left: 170px;
}
.m-gift > .cnt .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 80px 56px;
}
.no-webp .m-gift > .cnt .right .p3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2318px -1451px}
.webp .m-gift > .cnt .right .p3 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2318px -1451px}
.no-webp .m-gift > .cnt .right .p3 {background-size:2560px 2220px}
.webp .m-gift > .cnt .right .p3 {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .right .p3 {background-position:-2318px -1451px}
.webp .m-gift > .cnt .right .p3 {background-position:-2318px -1451px}
.m-gift > .cnt .right .p3 {
  font-size: 0;
width:224px;
height:34px;

  margin: 0 auto 0;
}
.m-gift > .cnt .right .download {
  margin: 36px auto 0;
  font-size: 0;
}
.no-webp .m-gift > .cnt .right .download .btn-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1623px -1221px}
.webp .m-gift > .cnt .right .download .btn-1 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1623px -1221px}
.no-webp .m-gift > .cnt .right .download .btn-1 {background-size:2560px 2220px}
.webp .m-gift > .cnt .right .download .btn-1 {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .right .download .btn-1 {background-position:-1623px -1221px}
.webp .m-gift > .cnt .right .download .btn-1 {background-position:-1623px -1221px}
.m-gift > .cnt .right .download .btn-1 {
  display: block;
width:407px;
height:65px;

}
.no-webp .m-gift > .cnt .right .download .btn-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2032px -1221px}
.webp .m-gift > .cnt .right .download .btn-2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2032px -1221px}
.no-webp .m-gift > .cnt .right .download .btn-2 {background-size:2560px 2220px}
.webp .m-gift > .cnt .right .download .btn-2 {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .right .download .btn-2 {background-position:-2032px -1221px}
.webp .m-gift > .cnt .right .download .btn-2 {background-position:-2032px -1221px}
.m-gift > .cnt .right .download .btn-2 {
  display: block;
width:407px;
height:65px;

  margin: 16px auto 0;
}
.m-gift > .cnt .right .download p {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: left;
  margin: 18px auto 18px;
}
.no-webp .m-gift > .cnt .right .download .btn-bd {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2091px -1288px}
.webp .m-gift > .cnt .right .download .btn-bd {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2091px -1288px}
.no-webp .m-gift > .cnt .right .download .btn-bd {background-size:2560px 2220px}
.webp .m-gift > .cnt .right .download .btn-bd {background-size:2560px 2220px}
.no-webp .m-gift > .cnt .right .download .btn-bd {background-position:-2091px -1288px}
.webp .m-gift > .cnt .right .download .btn-bd {background-position:-2091px -1288px}
.m-gift > .cnt .right .download .btn-bd {
  display: block;
width:407px;
height:65px;

}
.no-webp .m-gift .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-829px -1804px}
.webp .m-gift .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-829px -1804px}
.no-webp .m-gift .closeBtn {background-size:2560px 2220px}
.webp .m-gift .closeBtn {background-size:2560px 2220px}
.no-webp .m-gift .closeBtn {background-position:-829px -1804px}
.webp .m-gift .closeBtn {background-position:-829px -1804px}
.m-gift .closeBtn {
  position: absolute;
width:75px;
height:75px;

  top: -59px;
  left: 50%;
  margin-left: 599px;
}
.no-webp .m-yuyue {background:#fff}
.webp .m-yuyue {background:#fff}
.m-yuyue {
  width: 860px;
  height: 440px;
  position: fixed;
  margin-left: -430px;
  margin-top: -220px;
  left: 50%;
  top: 50%;
  z-index: 999;
  display: none;
}
.m-yuyue .cnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.m-yuyue .cnt .left {
  width: 585px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 28px;
}
.m-yuyue .cnt .left .gift-title {
  font-size: 24px;
  font-weight: bold;
  color: #c2ab66;
  text-align: center;
}
.no-webp .m-yuyue .cnt .left .gift-img {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-0px -1738px}
.webp .m-yuyue .cnt .left .gift-img {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-0px -1738px}
.no-webp .m-yuyue .cnt .left .gift-img {background-size:2560px 2220px}
.webp .m-yuyue .cnt .left .gift-img {background-size:2560px 2220px}
.no-webp .m-yuyue .cnt .left .gift-img {background-position:-0px -1738px}
.webp .m-yuyue .cnt .left .gift-img {background-position:-0px -1738px}
.m-yuyue .cnt .left .gift-img {
width:310px;
height:230px;

  margin: 0 auto;
}
.m-yuyue .cnt .left p {
  margin: 16px 0 0 120px;
  line-height: 28px;
  color: #cebd8c;
}
.no-webp .m-yuyue .cnt .right {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/gift_bg_b15756a8.jpg) no-repeat;
  background-size: 100% 100%}
.webp .m-yuyue .cnt .right {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/gift_bg_b15756a8.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .m-yuyue .cnt .right {background-size:100% 100%}
.webp .m-yuyue .cnt .right {background-size:100% 100%}
.m-yuyue .cnt .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 20px;
}
.m-yuyue .cnt .right .yuyue-title {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.m-yuyue .cnt .right .yuyue-cnt {
  margin-top: 26px;
}
.no-webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn {background:#f8bc42}
.webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn {background:#f8bc42}
.m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn {
}
.no-webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn:hover {background:#e7a31b}
.webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn:hover {background:#e7a31b}
.m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .confirm-btn:hover {
}
.no-webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode {background:#7f7133}
.webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode {background:#7f7133}
.m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode {
}
.no-webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode:hover {background:#83701e}
.webp .m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode:hover {background:#83701e}
.m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .btn-sendCode:hover {
}
.m-yuyue .cnt .right .yuyue-cnt .phone-verify-wrap .input-box {
  border: 1px solid #efe9cf;
}
.m-yuyue .cnt .right .yuyue-cnt .iconfont-qual {
  color: #fdfcf9;
}
.m-yuyue .cnt .right .success-info {
  color: #fdfcfa;
  line-height: 24px;
  font-size: 14px;
  margin-top: 24px;
}
.no-webp .m-yuyue .cnt .right .success-confirm-btn {background:#f8bc42}
.webp .m-yuyue .cnt .right .success-confirm-btn {background:#f8bc42}
.m-yuyue .cnt .right .success-confirm-btn {
  height: 40px;
  font-size: 18px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  cursor: pointer;
  margin-top: 100px;
}
.no-webp .m-yuyue .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2461px -1597px}
.webp .m-yuyue .closeBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2461px -1597px}
.no-webp .m-yuyue .closeBtn {background-size:2560px 2220px}
.webp .m-yuyue .closeBtn {background-size:2560px 2220px}
.no-webp .m-yuyue .closeBtn {background-position:-2461px -1597px}
.webp .m-yuyue .closeBtn {background-position:-2461px -1597px}
.m-yuyue .closeBtn {
  position: absolute;
width:68px;
height:54px;

  top: -70px;
  right: 0;
}
.m-yuyue .closeBtn:hover {
  opacity: 0.8;
}
.hover-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
/* add 2023-3-31(首页 >> 时装模块添加) */
.no-webp .g-clothing {background:#f5f4ef url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-bg_a9a372c2.png) right top no-repeat}
.webp .g-clothing {background:#f5f4ef url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-bg_a9a372c2.webp) right top no-repeat}
.g-clothing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 580px;
  position: relative;
}
.g-clothing::after {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: 1px solid #ccc6ae;
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
}
.g-clothing .new-clothing {
  overflow: hidden;
  width: 62%;
  height: 100%;
  position: relative;
}
.g-clothing .new-clothing img {
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.g-clothing .more-entra {
  padding-top: 155px;
  width: 37%;
}
.no-webp .g-clothing .more-entra .title {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-312px -1738px}
.webp .g-clothing .more-entra .title {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-312px -1738px}
.no-webp .g-clothing .more-entra .title {background-size:2560px 2220px}
.webp .g-clothing .more-entra .title {background-size:2560px 2220px}
.no-webp .g-clothing .more-entra .title {background-position:-312px -1738px}
.webp .g-clothing .more-entra .title {background-position:-312px -1738px}
.g-clothing .more-entra .title {
  width: 266px;
  height: 226px;
  margin: 0 auto;

}
.no-webp .g-clothing .btn__entry {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-btn_4033b0c9.png) no-repeat}
.webp .g-clothing .btn__entry {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-btn_4033b0c9.webp) no-repeat}
.g-clothing .btn__entry {
  z-index: 1;
  display: block;
  margin: 35px auto 0 auto;
  position: relative;
  width: 173px;
  height: 50px;
}
.g-clothing .btn__entry .entry--bg {
  width: 100%;
  height: 100%;
}
.no-webp .g-clothing .btn__entry .entry__hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-btn-hover_b70937b1.png) no-repeat}
.webp .g-clothing .btn__entry .entry__hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/clothing-btn-hover_b70937b1.webp) no-repeat}
.g-clothing .btn__entry .entry__hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  display: block;
  height: 100%;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.g-clothing .btn__entry:hover .entry__hover {
  width: 100%;
}
.no-webp .page_feature {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_feature_bg_a04eaa92.jpg) center no-repeat}
.webp .page_feature {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_feature_bg_a04eaa92.webp) center no-repeat}
.page_feature {
}
.page_feature.page_feature_small .tit {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.page_feature.page_feature_small .pic-wrap {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}
.no-webp .page_feature .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1702px -1288px}
.webp .page_feature .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1702px -1288px}
.no-webp .page_feature .tit {background-size:2560px 2220px}
.webp .page_feature .tit {background-size:2560px 2220px}
.no-webp .page_feature .tit {background-position:-1702px -1288px}
.webp .page_feature .tit {background-position:-1702px -1288px}
.page_feature .tit {
width:387px;
height:197px;

  margin: 0 auto 0;
  position: relative;
}
.page_feature .pic-wrap {
  position: relative;
  width: 1375px;
  margin: 30px auto 0;
}
.page_feature .swiper-wrap {
  position: relative;
  width: 1375px;
  z-index: 1;
}
.page_feature .swiper-wrap #feature-swiper {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page_feature .swiper-wrap .gallery_item {
  font-size: 0;
  text-align: center;
}
.no-webp .page_feature .swiper-wrap .gallery_item.gallery_active .zz {background:rgba(0, 0, 0, 0)}
.webp .page_feature .swiper-wrap .gallery_item.gallery_active .zz {background:rgba(0, 0, 0, 0)}
.page_feature .swiper-wrap .gallery_item.gallery_active .zz {
}
.page_feature .swiper-wrap .img {
  display: inline-block;
  width: 975px;
  height: 549px;
}
.page_feature .swiper-wrap .img img {
  display: block;
  width: 100%;
}
.no-webp .page_feature .swiper-wrap .img .zz {background:rgba(0, 0, 0, 0.6)}
.webp .page_feature .swiper-wrap .img .zz {background:rgba(0, 0, 0, 0.6)}
.page_feature .swiper-wrap .img .zz {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.no-webp .page_feature .swiper-wrap .btn-prev {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2441px -1221px}
.webp .page_feature .swiper-wrap .btn-prev {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2441px -1221px}
.no-webp .page_feature .swiper-wrap .btn-prev {background-size:2560px 2220px}
.webp .page_feature .swiper-wrap .btn-prev {background-size:2560px 2220px}
.no-webp .page_feature .swiper-wrap .btn-prev {background-position:-2441px -1221px}
.webp .page_feature .swiper-wrap .btn-prev {background-position:-2441px -1221px}
.page_feature .swiper-wrap .btn-prev {
width:100px;
height:64px;

  position: absolute;
  top: 244px;
  left: 0px;
}
.no-webp .page_feature .swiper-wrap .btn-prev:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2257px -1597px}
.webp .page_feature .swiper-wrap .btn-prev:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2257px -1597px}
.no-webp .page_feature .swiper-wrap .btn-prev:hover {background-size:2560px 2220px}
.webp .page_feature .swiper-wrap .btn-prev:hover {background-size:2560px 2220px}
.no-webp .page_feature .swiper-wrap .btn-prev:hover {background-position:-2257px -1597px}
.webp .page_feature .swiper-wrap .btn-prev:hover {background-position:-2257px -1597px}
.page_feature .swiper-wrap .btn-prev:hover {
width:100px;
height:64px;

}
.no-webp .page_feature .swiper-wrap .btn-next {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2359px -1597px}
.webp .page_feature .swiper-wrap .btn-next {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2359px -1597px}
.no-webp .page_feature .swiper-wrap .btn-next {background-size:2560px 2220px}
.webp .page_feature .swiper-wrap .btn-next {background-size:2560px 2220px}
.no-webp .page_feature .swiper-wrap .btn-next {background-position:-2359px -1597px}
.webp .page_feature .swiper-wrap .btn-next {background-position:-2359px -1597px}
.page_feature .swiper-wrap .btn-next {
width:100px;
height:64px;

  position: absolute;
  top: 244px;
  right: 0px;
}
.no-webp .page_feature .swiper-wrap .btn-next:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-829px -1738px}
.webp .page_feature .swiper-wrap .btn-next:hover {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-829px -1738px}
.no-webp .page_feature .swiper-wrap .btn-next:hover {background-size:2560px 2220px}
.webp .page_feature .swiper-wrap .btn-next:hover {background-size:2560px 2220px}
.no-webp .page_feature .swiper-wrap .btn-next:hover {background-position:-829px -1738px}
.webp .page_feature .swiper-wrap .btn-next:hover {background-position:-829px -1738px}
.page_feature .swiper-wrap .btn-next:hover {
width:100px;
height:64px;

}
.page_feature .feature-pagination {
  width: 539px;
  height: 27px;
  margin: 40px auto 0;
  font-size: 0;
  text-align: center;
}
.no-webp .page_feature .feature-pagination .swiper-pagination-bullet {background:#a8c4e1}
.webp .page_feature .feature-pagination .swiper-pagination-bullet {background:#a8c4e1}
.page_feature .feature-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.no-webp .page_feature .feature-pagination .swiper-pagination-bullet-active {background:#eac284}
.webp .page_feature .feature-pagination .swiper-pagination-bullet-active {background:#eac284}
.page_feature .feature-pagination .swiper-pagination-bullet-active {
  width: 44px;
  height: 8px;
}
.no-webp .page_peizhi {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_pz_bg_62b5497d.jpg) left top no-repeat}
.webp .page_peizhi {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_pz_bg_62b5497d.webp) left top no-repeat}
.page_peizhi {
}
.no-webp .page_peizhi .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -947px}
.webp .page_peizhi .tit {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1942px -947px}
.no-webp .page_peizhi .tit {background-size:2560px 2220px}
.webp .page_peizhi .tit {background-size:2560px 2220px}
.no-webp .page_peizhi .tit {background-position:-1942px -947px}
.webp .page_peizhi .tit {background-position:-1942px -947px}
.page_peizhi .tit {
width:419px;
height:197px;

  margin: 0 auto 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  -o-transform: scale(0.94);
  transform: scale(0.94);
}
.no-webp .page_peizhi .inner {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-0px -947px}
.webp .page_peizhi .inner {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-0px -947px}
.no-webp .page_peizhi .inner {background-size:2560px 2220px}
.webp .page_peizhi .inner {background-size:2560px 2220px}
.no-webp .page_peizhi .inner {background-position:-0px -947px}
.webp .page_peizhi .inner {background-position:-0px -947px}
.page_peizhi .inner {
width:1311px;
height:648px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin: -320px 0 0 -660px;
}
.page_peizhi .inner,
.page_peizhi .m-peizhi {
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}
.m-peizhi {
  width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -302px 0 0 -634px;
}
.m-peizhi h2 {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  display: none;
}
.m-peizhi table {
  border: none;
  border-spacing: 0;
  width: 100%;
}
.m-peizhi table td,
.m-peizhi table th {
  border: none;
  text-align: center;
  line-height: 88px;
}
.m-peizhi table th {
  color: #bc9a5e;
  font-size: 16px;
  font-weight: bold;
}
.m-peizhi table td {
  color: #919191;
}
.m-peizhi table td.td1 {
  color: #b39e57;
}
.m-peizhi table tr.l td {
  line-height: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.no-webp .page_role {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_role_bg_de9baa22.jpg) top center no-repeat}
.webp .page_role {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/page_role_bg_de9baa22.webp) top center no-repeat}
.page_role {
}
.page_role.aniHide .nav {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.page_role .m-role {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto 0;
}
.page_role .m-role .role {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.page_role .m-role .role.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  z-index: 2;
  pointer-events: visible;
}
.page_role .m-role .role.active .roleImg {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.page_role .m-role .role.active .cnt .introCnt .tt {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.page_role .m-role .role .videoBg2 {
  width: 824px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -540px 0 0 -960px;
}
.no-webp .page_role .m-role .role .videoBg2 .zz {background:rgba(0, 0, 0, 0.6)}
.webp .page_role .m-role .role .videoBg2 .zz {background:rgba(0, 0, 0, 0.6)}
.page_role .m-role .role .videoBg2 .zz {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.no-webp .page_role .m-role .role.role-9 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_1_role_ef7f1e93.png) center top}
.webp .page_role .m-role .role.role-9 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_1_role_ef7f1e93.webp) center top}
.page_role .m-role .role.role-9 .roleImg {
}
.no-webp .page_role .m-role .role.role-9 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_1_tt_29b388b1.png) center no-repeat}
.webp .page_role .m-role .role.role-9 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_1_tt_29b388b1.webp) center no-repeat}
.page_role .m-role .role.role-9 .tt {
}
.no-webp .page_role .m-role .role.role-9 .videoBg2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/rule-bg_9ab3ac0e.png) center no-repeat}
.webp .page_role .m-role .role.role-9 .videoBg2 {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/rule-bg_9ab3ac0e.webp) center no-repeat}
.page_role .m-role .role.role-9 .videoBg2 {
}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-906px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-906px -1804px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background-position:-906px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {background-position:-906px -1804px}
.page_role .m-role .role.role-9 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-980px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-980px -1804px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background-position:-980px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {background-position:-980px -1804px}
.page_role .m-role .role.role-9 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1054px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1054px -1804px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background-position:-1054px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {background-position:-1054px -1804px}
.page_role .m-role .role.role-9 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1128px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1128px -1804px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background-position:-1128px -1804px}
.webp .page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {background-position:-1128px -1804px}
.page_role .m-role .role.role-9 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-8 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_2_role_c082008f.png) center top}
.webp .page_role .m-role .role.role-8 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_2_role_c082008f.webp) center top}
.page_role .m-role .role.role-8 .roleImg {
}
.no-webp .page_role .m-role .role.role-8 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_2_tt_fc01dd44.png) center no-repeat}
.webp .page_role .m-role .role.role-8 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_2_tt_fc01dd44.webp) center no-repeat}
.page_role .m-role .role.role-8 .tt {
}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1202px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1202px -1804px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background-position:-1202px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {background-position:-1202px -1804px}
.page_role .m-role .role.role-8 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1276px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1276px -1804px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background-position:-1276px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {background-position:-1276px -1804px}
.page_role .m-role .role.role-8 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1350px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1350px -1804px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background-position:-1350px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {background-position:-1350px -1804px}
.page_role .m-role .role.role-8 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1424px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1424px -1804px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background-position:-1424px -1804px}
.webp .page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {background-position:-1424px -1804px}
.page_role .m-role .role.role-8 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-7 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_3_role_6df45a40.png) center top}
.webp .page_role .m-role .role.role-7 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_3_role_6df45a40.webp) center top}
.page_role .m-role .role.role-7 .roleImg {
}
.no-webp .page_role .m-role .role.role-7 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_3_tt_b984c080.png) center no-repeat}
.webp .page_role .m-role .role.role-7 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_3_tt_b984c080.webp) center no-repeat}
.page_role .m-role .role.role-7 .tt {
}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1498px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1498px -1804px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background-position:-1498px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {background-position:-1498px -1804px}
.page_role .m-role .role.role-7 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1572px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1572px -1804px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background-position:-1572px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {background-position:-1572px -1804px}
.page_role .m-role .role.role-7 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1646px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1646px -1804px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background-position:-1646px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {background-position:-1646px -1804px}
.page_role .m-role .role.role-7 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1720px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1720px -1804px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background-position:-1720px -1804px}
.webp .page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {background-position:-1720px -1804px}
.page_role .m-role .role.role-7 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-6 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_4_role_f7f822b9.png) center top}
.webp .page_role .m-role .role.role-6 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_4_role_f7f822b9.webp) center top}
.page_role .m-role .role.role-6 .roleImg {
}
.no-webp .page_role .m-role .role.role-6 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_4_tt_219b20e5.png) center no-repeat}
.webp .page_role .m-role .role.role-6 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_4_tt_219b20e5.webp) center no-repeat}
.page_role .m-role .role.role-6 .tt {
}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1084px -1970px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1084px -1970px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background-position:-1084px -1970px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {background-position:-1084px -1970px}
.page_role .m-role .role.role-6 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1868px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1868px -1804px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background-position:-1868px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {background-position:-1868px -1804px}
.page_role .m-role .role.role-6 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1942px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1942px -1804px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background-position:-1942px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {background-position:-1942px -1804px}
.page_role .m-role .role.role-6 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2016px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2016px -1804px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background-position:-2016px -1804px}
.webp .page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {background-position:-2016px -1804px}
.page_role .m-role .role.role-6 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-3 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_5_role_4f28fc03.png) center top}
.webp .page_role .m-role .role.role-3 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_5_role_4f28fc03.webp) center top}
.page_role .m-role .role.role-3 .roleImg {
}
.no-webp .page_role .m-role .role.role-3 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_5_tt_3d07033f.png) center no-repeat}
.webp .page_role .m-role .role.role-3 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_5_tt_3d07033f.webp) center no-repeat}
.page_role .m-role .role.role-3 .tt {
}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2090px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2090px -1804px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background-position:-2090px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {background-position:-2090px -1804px}
.page_role .m-role .role.role-3 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2164px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2164px -1804px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background-position:-2164px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {background-position:-2164px -1804px}
.page_role .m-role .role.role-3 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2238px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2238px -1804px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background-position:-2238px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {background-position:-2238px -1804px}
.page_role .m-role .role.role-3 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2312px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2312px -1804px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background-position:-2312px -1804px}
.webp .page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {background-position:-2312px -1804px}
.page_role .m-role .role.role-3 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-4 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_6_role_5fcf9f83.png) center top}
.webp .page_role .m-role .role.role-4 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_6_role_5fcf9f83.webp) center top}
.page_role .m-role .role.role-4 .roleImg {
}
.no-webp .page_role .m-role .role.role-4 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_6_tt_b926e3f0.png) center no-repeat}
.webp .page_role .m-role .role.role-4 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_6_tt_b926e3f0.webp) center no-repeat}
.page_role .m-role .role.role-4 .tt {
}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2386px -1804px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2386px -1804px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background-position:-2386px -1804px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {background-position:-2386px -1804px}
.page_role .m-role .role.role-4 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2460px -1804px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2460px -1804px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background-position:-2460px -1804px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {background-position:-2460px -1804px}
.page_role .m-role .role.role-4 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-48px -1970px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-48px -1970px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background-position:-48px -1970px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {background-position:-48px -1970px}
.page_role .m-role .role.role-4 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-122px -1970px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-122px -1970px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background-position:-122px -1970px}
.webp .page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {background-position:-122px -1970px}
.page_role .m-role .role.role-4 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-1 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_7_role_960a2541.png) center top}
.webp .page_role .m-role .role.role-1 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_7_role_960a2541.webp) center top}
.page_role .m-role .role.role-1 .roleImg {
}
.no-webp .page_role .m-role .role.role-1 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_7_tt_3998e3a1.png) center no-repeat}
.webp .page_role .m-role .role.role-1 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_7_tt_3998e3a1.webp) center no-repeat}
.page_role .m-role .role.role-1 .tt {
}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-196px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-196px -1970px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background-position:-196px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {background-position:-196px -1970px}
.page_role .m-role .role.role-1 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-270px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-270px -1970px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background-position:-270px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {background-position:-270px -1970px}
.page_role .m-role .role.role-1 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-344px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-344px -1970px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background-position:-344px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {background-position:-344px -1970px}
.page_role .m-role .role.role-1 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-418px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-418px -1970px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background-position:-418px -1970px}
.webp .page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {background-position:-418px -1970px}
.page_role .m-role .role.role-1 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-2 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_8_role_f2cbd4a7.png) center top}
.webp .page_role .m-role .role.role-2 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_8_role_f2cbd4a7.webp) center top}
.page_role .m-role .role.role-2 .roleImg {
}
.no-webp .page_role .m-role .role.role-2 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_8_tt_cb2bde66.png) center no-repeat}
.webp .page_role .m-role .role.role-2 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_8_tt_cb2bde66.webp) center no-repeat}
.page_role .m-role .role.role-2 .tt {
}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-492px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-492px -1970px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background-position:-492px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {background-position:-492px -1970px}
.page_role .m-role .role.role-2 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-566px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-566px -1970px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background-position:-566px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {background-position:-566px -1970px}
.page_role .m-role .role.role-2 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-640px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-640px -1970px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background-position:-640px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {background-position:-640px -1970px}
.page_role .m-role .role.role-2 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-714px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-714px -1970px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background-position:-714px -1970px}
.webp .page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {background-position:-714px -1970px}
.page_role .m-role .role.role-2 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-5 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_9_role_4f6dcfe7.png) center top}
.webp .page_role .m-role .role.role-5 .roleImg {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_9_role_4f6dcfe7.webp) center top}
.page_role .m-role .role.role-5 .roleImg {
}
.no-webp .page_role .m-role .role.role-5 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_9_tt_b78bfd26.png) center no-repeat}
.webp .page_role .m-role .role.role-5 .tt {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/li_9_tt_b78bfd26.webp) center no-repeat}
.page_role .m-role .role.role-5 .tt {
}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-788px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-788px -1970px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background-position:-788px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {background-position:-788px -1970px}
.page_role .m-role .role.role-5 .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-862px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-862px -1970px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background-position:-862px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {background-position:-862px -1970px}
.page_role .m-role .role.role-5 .skillCnt .skill-2 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-936px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-936px -1970px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background-position:-936px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {background-position:-936px -1970px}
.page_role .m-role .role.role-5 .skillCnt .skill-3 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1010px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1010px -1970px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background-position:-1010px -1970px}
.webp .page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {background-position:-1010px -1970px}
.page_role .m-role .role.role-5 .skillCnt .skill-4 .icon {
width:72px;
height:72px;

}
.page_role .m-role .role .roleImg {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  -webkit-transform: translate(-100px, 0);
  -moz-transform: translate(-100px, 0);
  -ms-transform: translate(-100px, 0);
  -o-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.page_role .m-role .role .cnt {
  width: 1064px;
  height: 1080px;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -136px;
  text-align: center;
  font-family: 'Source Han Sans CN';
}
.page_role .m-role .role .cnt .introCnt {
  width: 100%;
  line-height: 30px;
  color: #525e79;
  padding: 552px 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.no-webp .page_role .m-role .role .cnt .introCnt:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/bg3_i_d165d784.png) center no-repeat}
.webp .page_role .m-role .role .cnt .introCnt:after {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/bg3_i_d165d784.webp) center no-repeat}
.page_role .m-role .role .cnt .introCnt:after {
  content: '';
  width: 345px;
  height: 3px;
  position: absolute;
  top: 309px;
  left: 50%;
  margin-left: -172px;
}
.page_role .m-role .role .cnt .introCnt .tt {
  width: 100%;
  height: 902px;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform: translate(60px, 0);
  -moz-transform: translate(60px, 0);
  -ms-transform: translate(60px, 0);
  -o-transform: translate(60px, 0);
  transform: translate(60px, 0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.page_role .m-role .role .cnt .t {
  margin-right: 10px;
  color: #b4a273;
}
.page_role .m-role .role .cnt p {
  letter-spacing: 1px;
  position: relative;
  font-size: 18px;
  line-height: 32px;
  color: #949494;
  font-weight: 300;
}
.page_role .m-role .role .cnt .degreeCnt {
  margin-top: 24px;
  height: auto;
  letter-spacing: 0px;
  position: relative;
  font-size: 18px;
}
.no-webp .page_role .m-role .role .cnt .degree {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2543px -1055px}
.webp .page_role .m-role .role .cnt .degree {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2543px -1055px}
.no-webp .page_role .m-role .role .cnt .degree {background-size:2560px 2220px}
.webp .page_role .m-role .role .cnt .degree {background-size:2560px 2220px}
.no-webp .page_role .m-role .role .cnt .degree {background-position:-2543px -1055px}
.webp .page_role .m-role .role .cnt .degree {background-position:-2543px -1055px}
.page_role .m-role .role .cnt .degree {
width:13px;
height:13px;

  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0 0;
}
.no-webp .page_role .m-role .role .cnt .degree.on {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2543px -1070px}
.webp .page_role .m-role .role .cnt .degree.on {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2543px -1070px}
.no-webp .page_role .m-role .role .cnt .degree.on {background-size:2560px 2220px}
.webp .page_role .m-role .role .cnt .degree.on {background-size:2560px 2220px}
.no-webp .page_role .m-role .role .cnt .degree.on {background-position:-2543px -1070px}
.webp .page_role .m-role .role .cnt .degree.on {background-position:-2543px -1070px}
.page_role .m-role .role .cnt .degree.on {
width:13px;
height:13px;

}
.no-webp .page_role .m-role .role .cnt .more-rule {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2363px -1111px}
.webp .page_role .m-role .role .cnt .more-rule {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2363px -1111px}
.no-webp .page_role .m-role .role .cnt .more-rule {background-size:2560px 2220px}
.webp .page_role .m-role .role .cnt .more-rule {background-size:2560px 2220px}
.no-webp .page_role .m-role .role .cnt .more-rule {background-position:-2363px -1111px}
.webp .page_role .m-role .role .cnt .more-rule {background-position:-2363px -1111px}
.page_role .m-role .role .cnt .more-rule {
  display: block;
width:108px;
height:30px;

  margin: 10px auto 0;
  position: relative;
  z-index: 2;
}
.page_role .m-role .role .skillCnt {
  margin-top: 0px;
  text-align: center;
  font-size: 0;
  position: relative;
}
.page_role .m-role .role .skillCnt .skill {
  display: inline-block;
  margin: 0 0px 22px;
  width: 94px;
}
.page_role .m-role .role .skillCnt .skill .icon {
  width: 72px;
  height: 72px;
  display: block;
  margin: auto;
}
.page_role .m-role .role .skillCnt .skill .txt {
  text-align: center;
  display: block;
  color: #818181;
  margin-top: 0px;
  font-size: 16px;
  width: 120%;
  margin-left: -10%;
}
.no-webp .page_role .m-role .role .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-1084px -1970px}
.webp .page_role .m-role .role .skillCnt .skill-1 .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-1084px -1970px}
.no-webp .page_role .m-role .role .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.webp .page_role .m-role .role .skillCnt .skill-1 .icon {background-size:2560px 2220px}
.no-webp .page_role .m-role .role .skillCnt .skill-1 .icon {background-position:-1084px -1970px}
.webp .page_role .m-role .role .skillCnt .skill-1 .icon {background-position:-1084px -1970px}
.page_role .m-role .role .skillCnt .skill-1 .icon {
width:72px;
height:72px;

}
.no-webp .page_role .m-role .role .roleVideoBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) no-repeat;background-size:2560px 2220px;
background-position:-2363px -1055px}
.webp .page_role .m-role .role .roleVideoBtn {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) no-repeat;background-size:2560px 2220px;
background-position:-2363px -1055px}
.no-webp .page_role .m-role .role .roleVideoBtn {background-size:2560px 2220px}
.webp .page_role .m-role .role .roleVideoBtn {background-size:2560px 2220px}
.no-webp .page_role .m-role .role .roleVideoBtn {background-position:-2363px -1055px}
.webp .page_role .m-role .role .roleVideoBtn {background-position:-2363px -1055px}
.page_role .m-role .role .roleVideoBtn {
  width: 178px;
  height: 54px;

  line-height: 54px;
  text-indent: 65px;
  color: #fff;
  margin: 6px auto 0;
  position: relative;
  display: none;
}
.page_role .nav {
  width: 78px;
  height: 378px;
  position: absolute;
  bottom: 102px;
  left: 50%;
  margin-left: 4px;
  color: #b1b6ce;
  text-align: center;
  font-size: 0;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.page_role .nav li {
  display: block;
  width: 78px;
  height: 34px;
  cursor: pointer;
  color: #fbfcfe;
  margin-bottom: 15px;
}
.no-webp .page_role .nav li:nth-child(9) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2006px -1487px}
.webp .page_role .nav li:nth-child(9) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2006px -1487px}
.no-webp .page_role .nav li:nth-child(9) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(9) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(9) .icon {background-position:-2006px -1487px}
.webp .page_role .nav li:nth-child(9) .icon {background-position:-2006px -1487px}
.page_role .nav li:nth-child(9) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(9).active .icon, 
.no-webp .page_role .nav li:nth-child(9):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2086px -1487px}
.webp .page_role .nav li:nth-child(9).active .icon, 
.webp .page_role .nav li:nth-child(9):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2086px -1487px}
.no-webp .page_role .nav li:nth-child(9).active .icon, 
.no-webp .page_role .nav li:nth-child(9):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(9).active .icon, 
.webp .page_role .nav li:nth-child(9):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(9).active .icon, 
.no-webp .page_role .nav li:nth-child(9):hover .icon {background-position:-2086px -1487px}
.webp .page_role .nav li:nth-child(9).active .icon, 
.webp .page_role .nav li:nth-child(9):hover .icon {background-position:-2086px -1487px}
.page_role .nav li:nth-child(9).active .icon,
.page_role .nav li:nth-child(9):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(8) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2166px -1487px}
.webp .page_role .nav li:nth-child(8) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2166px -1487px}
.no-webp .page_role .nav li:nth-child(8) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(8) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(8) .icon {background-position:-2166px -1487px}
.webp .page_role .nav li:nth-child(8) .icon {background-position:-2166px -1487px}
.page_role .nav li:nth-child(8) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(8).active .icon, 
.no-webp .page_role .nav li:nth-child(8):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2246px -1487px}
.webp .page_role .nav li:nth-child(8).active .icon, 
.webp .page_role .nav li:nth-child(8):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2246px -1487px}
.no-webp .page_role .nav li:nth-child(8).active .icon, 
.no-webp .page_role .nav li:nth-child(8):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(8).active .icon, 
.webp .page_role .nav li:nth-child(8):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(8).active .icon, 
.no-webp .page_role .nav li:nth-child(8):hover .icon {background-position:-2246px -1487px}
.webp .page_role .nav li:nth-child(8).active .icon, 
.webp .page_role .nav li:nth-child(8):hover .icon {background-position:-2246px -1487px}
.page_role .nav li:nth-child(8).active .icon,
.page_role .nav li:nth-child(8):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(7) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2326px -1487px}
.webp .page_role .nav li:nth-child(7) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2326px -1487px}
.no-webp .page_role .nav li:nth-child(7) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(7) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(7) .icon {background-position:-2326px -1487px}
.webp .page_role .nav li:nth-child(7) .icon {background-position:-2326px -1487px}
.page_role .nav li:nth-child(7) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(7).active .icon, 
.no-webp .page_role .nav li:nth-child(7):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2406px -1487px}
.webp .page_role .nav li:nth-child(7).active .icon, 
.webp .page_role .nav li:nth-child(7):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2406px -1487px}
.no-webp .page_role .nav li:nth-child(7).active .icon, 
.no-webp .page_role .nav li:nth-child(7):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(7).active .icon, 
.webp .page_role .nav li:nth-child(7):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(7).active .icon, 
.no-webp .page_role .nav li:nth-child(7):hover .icon {background-position:-2406px -1487px}
.webp .page_role .nav li:nth-child(7).active .icon, 
.webp .page_role .nav li:nth-child(7):hover .icon {background-position:-2406px -1487px}
.page_role .nav li:nth-child(7).active .icon,
.page_role .nav li:nth-child(7):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(6) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1549px -1526px}
.webp .page_role .nav li:nth-child(6) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1549px -1526px}
.no-webp .page_role .nav li:nth-child(6) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(6) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(6) .icon {background-position:-1549px -1526px}
.webp .page_role .nav li:nth-child(6) .icon {background-position:-1549px -1526px}
.page_role .nav li:nth-child(6) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(6).active .icon, 
.no-webp .page_role .nav li:nth-child(6):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1629px -1526px}
.webp .page_role .nav li:nth-child(6).active .icon, 
.webp .page_role .nav li:nth-child(6):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1629px -1526px}
.no-webp .page_role .nav li:nth-child(6).active .icon, 
.no-webp .page_role .nav li:nth-child(6):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(6).active .icon, 
.webp .page_role .nav li:nth-child(6):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(6).active .icon, 
.no-webp .page_role .nav li:nth-child(6):hover .icon {background-position:-1629px -1526px}
.webp .page_role .nav li:nth-child(6).active .icon, 
.webp .page_role .nav li:nth-child(6):hover .icon {background-position:-1629px -1526px}
.page_role .nav li:nth-child(6).active .icon,
.page_role .nav li:nth-child(6):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(5) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1709px -1526px}
.webp .page_role .nav li:nth-child(5) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1709px -1526px}
.no-webp .page_role .nav li:nth-child(5) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(5) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(5) .icon {background-position:-1709px -1526px}
.webp .page_role .nav li:nth-child(5) .icon {background-position:-1709px -1526px}
.page_role .nav li:nth-child(5) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(5).active .icon, 
.no-webp .page_role .nav li:nth-child(5):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1789px -1526px}
.webp .page_role .nav li:nth-child(5).active .icon, 
.webp .page_role .nav li:nth-child(5):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1789px -1526px}
.no-webp .page_role .nav li:nth-child(5).active .icon, 
.no-webp .page_role .nav li:nth-child(5):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(5).active .icon, 
.webp .page_role .nav li:nth-child(5):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(5).active .icon, 
.no-webp .page_role .nav li:nth-child(5):hover .icon {background-position:-1789px -1526px}
.webp .page_role .nav li:nth-child(5).active .icon, 
.webp .page_role .nav li:nth-child(5):hover .icon {background-position:-1789px -1526px}
.page_role .nav li:nth-child(5).active .icon,
.page_role .nav li:nth-child(5):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(4) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1869px -1526px}
.webp .page_role .nav li:nth-child(4) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1869px -1526px}
.no-webp .page_role .nav li:nth-child(4) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(4) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(4) .icon {background-position:-1869px -1526px}
.webp .page_role .nav li:nth-child(4) .icon {background-position:-1869px -1526px}
.page_role .nav li:nth-child(4) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(4).active .icon, 
.no-webp .page_role .nav li:nth-child(4):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1949px -1526px}
.webp .page_role .nav li:nth-child(4).active .icon, 
.webp .page_role .nav li:nth-child(4):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1949px -1526px}
.no-webp .page_role .nav li:nth-child(4).active .icon, 
.no-webp .page_role .nav li:nth-child(4):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(4).active .icon, 
.webp .page_role .nav li:nth-child(4):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(4).active .icon, 
.no-webp .page_role .nav li:nth-child(4):hover .icon {background-position:-1949px -1526px}
.webp .page_role .nav li:nth-child(4).active .icon, 
.webp .page_role .nav li:nth-child(4):hover .icon {background-position:-1949px -1526px}
.page_role .nav li:nth-child(4).active .icon,
.page_role .nav li:nth-child(4):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(3) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2029px -1526px}
.webp .page_role .nav li:nth-child(3) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2029px -1526px}
.no-webp .page_role .nav li:nth-child(3) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(3) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(3) .icon {background-position:-2029px -1526px}
.webp .page_role .nav li:nth-child(3) .icon {background-position:-2029px -1526px}
.page_role .nav li:nth-child(3) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(3).active .icon, 
.no-webp .page_role .nav li:nth-child(3):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2109px -1526px}
.webp .page_role .nav li:nth-child(3).active .icon, 
.webp .page_role .nav li:nth-child(3):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2109px -1526px}
.no-webp .page_role .nav li:nth-child(3).active .icon, 
.no-webp .page_role .nav li:nth-child(3):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(3).active .icon, 
.webp .page_role .nav li:nth-child(3):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(3).active .icon, 
.no-webp .page_role .nav li:nth-child(3):hover .icon {background-position:-2109px -1526px}
.webp .page_role .nav li:nth-child(3).active .icon, 
.webp .page_role .nav li:nth-child(3):hover .icon {background-position:-2109px -1526px}
.page_role .nav li:nth-child(3).active .icon,
.page_role .nav li:nth-child(3):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(2) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2189px -1526px}
.webp .page_role .nav li:nth-child(2) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2189px -1526px}
.no-webp .page_role .nav li:nth-child(2) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(2) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(2) .icon {background-position:-2189px -1526px}
.webp .page_role .nav li:nth-child(2) .icon {background-position:-2189px -1526px}
.page_role .nav li:nth-child(2) .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(2).active .icon, 
.no-webp .page_role .nav li:nth-child(2):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-2269px -1526px}
.webp .page_role .nav li:nth-child(2).active .icon, 
.webp .page_role .nav li:nth-child(2):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-2269px -1526px}
.no-webp .page_role .nav li:nth-child(2).active .icon, 
.no-webp .page_role .nav li:nth-child(2):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(2).active .icon, 
.webp .page_role .nav li:nth-child(2):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(2).active .icon, 
.no-webp .page_role .nav li:nth-child(2):hover .icon {background-position:-2269px -1526px}
.webp .page_role .nav li:nth-child(2).active .icon, 
.webp .page_role .nav li:nth-child(2):hover .icon {background-position:-2269px -1526px}
.page_role .nav li:nth-child(2).active .icon,
.page_role .nav li:nth-child(2):hover .icon {
width:78px;
height:34px;

}
.no-webp .page_role .nav li:nth-child(1) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1846px -1487px}
.webp .page_role .nav li:nth-child(1) .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1846px -1487px}
.no-webp .page_role .nav li:nth-child(1) .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(1) .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(1) .icon {background-position:-1846px -1487px}
.webp .page_role .nav li:nth-child(1) .icon {background-position:-1846px -1487px}
.page_role .nav li:nth-child(1) .icon {
width:78px;
height:35px;

}
.no-webp .page_role .nav li:nth-child(1).active .icon, 
.no-webp .page_role .nav li:nth-child(1):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.png) center no-repeat;background-size:2560px 2220px;
background-position:-1926px -1487px}
.webp .page_role .nav li:nth-child(1).active .icon, 
.webp .page_role .nav li:nth-child(1):hover .icon {background:url(https://tyclassic.res.netease.com/pc/gw/20221226103038/img/sprite-0d6220_0d622063.webp) center no-repeat;background-size:2560px 2220px;
background-position:-1926px -1487px}
.no-webp .page_role .nav li:nth-child(1).active .icon, 
.no-webp .page_role .nav li:nth-child(1):hover .icon {background-size:2560px 2220px}
.webp .page_role .nav li:nth-child(1).active .icon, 
.webp .page_role .nav li:nth-child(1):hover .icon {background-size:2560px 2220px}
.no-webp .page_role .nav li:nth-child(1).active .icon, 
.no-webp .page_role .nav li:nth-child(1):hover .icon {background-position:-1926px -1487px}
.webp .page_role .nav li:nth-child(1).active .icon, 
.webp .page_role .nav li:nth-child(1):hover .icon {background-position:-1926px -1487px}
.page_role .nav li:nth-child(1).active .icon,
.page_role .nav li:nth-child(1):hover .icon {
width:78px;
height:35px;

}
.page_role .nav li .icon {
  display: block;
  width: 102px;
  height: 102px;
}
.page_role .nav li .txt {
  display: none;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin-top: -12px;
}
@-webkit-keyframes sprite_jianxinzhengdao_2_1 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -424px 0px;
  }
  16.7% {
    background-position: -848px 0px;
  }
  25% {
    background-position: -1272px 0px;
  }
  33.3% {
    background-position: 0px -644px;
  }
  41.7% {
    background-position: -424px -644px;
  }
  50% {
    background-position: -848px -644px;
  }
  58.3% {
    background-position: -1272px -644px;
  }
  66.7% {
    background-position: 0px -1288px;
  }
  75% {
    background-position: -424px -1288px;
  }
  83.3% {
    background-position: -848px -1288px;
  }
  91.7% {
    background-position: -1272px -1288px;
  }
  100% {
    background-position: -1272px -1288px;
  }
}
@keyframes sprite_jianxinzhengdao_2_1 {
  0% {
    background-position: 0px 0px;
  }
  8.3% {
    background-position: -424px 0px;
  }
  16.7% {
    background-position: -848px 0px;
  }
  25% {
    background-position: -1272px 0px;
  }
  33.3% {
    background-position: 0px -644px;
  }
  41.7% {
    background-position: -424px -644px;
  }
  50% {
    background-position: -848px -644px;
  }
  58.3% {
    background-position: -1272px -644px;
  }
  66.7% {
    background-position: 0px -1288px;
  }
  75% {
    background-position: -424px -1288px;
  }
  83.3% {
    background-position: -848px -1288px;
  }
  91.7% {
    background-position: -1272px -1288px;
  }
  100% {
    background-position: -1272px -1288px;
  }
}