@charset "utf-8";
.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-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html,
body {
  width: 100%;
}
body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", STHeiTi, sans-serif;
}
/* 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,
select {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
input,
textarea,
button,
a,
div,
select {
  border: 0;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
a,
button {
  cursor: pointer;
}
button {
  border: none;
  outline: none;
}
a,
a:hover {
  text-decoration: 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;
}
#NIE-topBar {
  z-index: 999 !important;
}
#NIE-topBar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.m-nav {
  width: 172px;
  height: auto;
  overflow: hidden;
  z-index: 5;
  position: relative;
}
.m-nav a {
  display: block;
  overflow: hidden;
  margin: 0 auto -3px;
}
.m-nav a span {
  display: block;
  width: 100%;
  height: 64.8px;
}
.no-webp .m-nav a span.lx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -498px}
.webp .m-nav a span.lx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -498px}
.no-webp .m-nav a span.lx {background-size:649px 575px}
.webp .m-nav a span.lx {background-size:649px 575px}
.no-webp .m-nav a span.lx {background-position:-0px -498px}
.webp .m-nav a span.lx {background-position:-0px -498px}
.m-nav a span.lx {
width:222px;
height:77px;

}
.no-webp .m-nav a span.sy {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -0px}
.webp .m-nav a span.sy {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -0px}
.no-webp .m-nav a span.sy {background-size:649px 575px}
.webp .m-nav a span.sy {background-size:649px 575px}
.no-webp .m-nav a span.sy {background-position:-0px -0px}
.webp .m-nav a span.sy {background-position:-0px -0px}
.m-nav a span.sy {
width:215px;
height:81px;

}
.no-webp .m-nav a span.tz {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -83px}
.webp .m-nav a span.tz {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -83px}
.no-webp .m-nav a span.tz {background-size:649px 575px}
.webp .m-nav a span.tz {background-size:649px 575px}
.no-webp .m-nav a span.tz {background-position:-0px -83px}
.webp .m-nav a span.tz {background-position:-0px -83px}
.m-nav a span.tz {
width:215px;
height:81px;

}
.no-webp .m-nav a span.gr {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -0px}
.webp .m-nav a span.gr {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -0px}
.no-webp .m-nav a span.gr {background-size:649px 575px}
.webp .m-nav a span.gr {background-size:649px 575px}
.no-webp .m-nav a span.gr {background-position:-217px -0px}
.webp .m-nav a span.gr {background-position:-217px -0px}
.m-nav a span.gr {
width:215px;
height:81px;

}
.no-webp .m-nav a span.yc {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -83px}
.webp .m-nav a span.yc {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -83px}
.no-webp .m-nav a span.yc {background-size:649px 575px}
.webp .m-nav a span.yc {background-size:649px 575px}
.no-webp .m-nav a span.yc {background-position:-217px -83px}
.webp .m-nav a span.yc {background-position:-217px -83px}
.m-nav a span.yc {
width:215px;
height:81px;

}
.no-webp .m-nav a span.yx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -166px}
.webp .m-nav a span.yx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -166px}
.no-webp .m-nav a span.yx {background-size:649px 575px}
.webp .m-nav a span.yx {background-size:649px 575px}
.no-webp .m-nav a span.yx {background-position:-0px -166px}
.webp .m-nav a span.yx {background-position:-0px -166px}
.m-nav a span.yx {
width:215px;
height:81px;

}
.no-webp .m-nav a span.ll {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -166px}
.webp .m-nav a span.ll {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -166px}
.no-webp .m-nav a span.ll {background-size:649px 575px}
.webp .m-nav a span.ll {background-size:649px 575px}
.no-webp .m-nav a span.ll {background-position:-217px -166px}
.webp .m-nav a span.ll {background-position:-217px -166px}
.m-nav a span.ll {
width:215px;
height:81px;

}
.no-webp .m-nav a span.yt {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -249px}
.webp .m-nav a span.yt {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -249px}
.no-webp .m-nav a span.yt {background-size:649px 575px}
.webp .m-nav a span.yt {background-size:649px 575px}
.no-webp .m-nav a span.yt {background-position:-0px -249px}
.webp .m-nav a span.yt {background-position:-0px -249px}
.m-nav a span.yt {
width:215px;
height:81px;

}
.no-webp .m-nav a span.st {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -249px}
.webp .m-nav a span.st {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -249px}
.no-webp .m-nav a span.st {background-size:649px 575px}
.webp .m-nav a span.st {background-size:649px 575px}
.no-webp .m-nav a span.st {background-position:-217px -249px}
.webp .m-nav a span.st {background-position:-217px -249px}
.m-nav a span.st {
width:215px;
height:81px;

}
.no-webp .m-nav a span.lg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -332px}
.webp .m-nav a span.lg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -332px}
.no-webp .m-nav a span.lg {background-size:649px 575px}
.webp .m-nav a span.lg {background-size:649px 575px}
.no-webp .m-nav a span.lg {background-position:-0px -332px}
.webp .m-nav a span.lg {background-position:-0px -332px}
.m-nav a span.lg {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.lx, 
.no-webp .m-nav a:hover span.lx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-224px -498px}
.webp .m-nav a.active span.lx, 
.webp .m-nav a:hover span.lx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-224px -498px}
.no-webp .m-nav a.active span.lx, 
.no-webp .m-nav a:hover span.lx {background-size:649px 575px}
.webp .m-nav a.active span.lx, 
.webp .m-nav a:hover span.lx {background-size:649px 575px}
.no-webp .m-nav a.active span.lx, 
.no-webp .m-nav a:hover span.lx {background-position:-224px -498px}
.webp .m-nav a.active span.lx, 
.webp .m-nav a:hover span.lx {background-position:-224px -498px}
.m-nav a.active span.lx,
.m-nav a:hover span.lx {
width:222px;
height:77px;

}
.no-webp .m-nav a.active span.sy, 
.no-webp .m-nav a:hover span.sy {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-nav-active_6112ded0.png)}
.webp .m-nav a.active span.sy, 
.webp .m-nav a:hover span.sy {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-nav-active_6112ded0.webp)}
.m-nav a.active span.sy,
.m-nav a:hover span.sy {
  width: 222px;
}
.no-webp .m-nav a.active span.tz, 
.no-webp .m-nav a:hover span.tz {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -332px}
.webp .m-nav a.active span.tz, 
.webp .m-nav a:hover span.tz {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -332px}
.no-webp .m-nav a.active span.tz, 
.no-webp .m-nav a:hover span.tz {background-size:649px 575px}
.webp .m-nav a.active span.tz, 
.webp .m-nav a:hover span.tz {background-size:649px 575px}
.no-webp .m-nav a.active span.tz, 
.no-webp .m-nav a:hover span.tz {background-position:-217px -332px}
.webp .m-nav a.active span.tz, 
.webp .m-nav a:hover span.tz {background-position:-217px -332px}
.m-nav a.active span.tz,
.m-nav a:hover span.tz {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.gr, 
.no-webp .m-nav a:hover span.gr {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -0px}
.webp .m-nav a.active span.gr, 
.webp .m-nav a:hover span.gr {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -0px}
.no-webp .m-nav a.active span.gr, 
.no-webp .m-nav a:hover span.gr {background-size:649px 575px}
.webp .m-nav a.active span.gr, 
.webp .m-nav a:hover span.gr {background-size:649px 575px}
.no-webp .m-nav a.active span.gr, 
.no-webp .m-nav a:hover span.gr {background-position:-434px -0px}
.webp .m-nav a.active span.gr, 
.webp .m-nav a:hover span.gr {background-position:-434px -0px}
.m-nav a.active span.gr,
.m-nav a:hover span.gr {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.yc, 
.no-webp .m-nav a:hover span.yc {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -83px}
.webp .m-nav a.active span.yc, 
.webp .m-nav a:hover span.yc {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -83px}
.no-webp .m-nav a.active span.yc, 
.no-webp .m-nav a:hover span.yc {background-size:649px 575px}
.webp .m-nav a.active span.yc, 
.webp .m-nav a:hover span.yc {background-size:649px 575px}
.no-webp .m-nav a.active span.yc, 
.no-webp .m-nav a:hover span.yc {background-position:-434px -83px}
.webp .m-nav a.active span.yc, 
.webp .m-nav a:hover span.yc {background-position:-434px -83px}
.m-nav a.active span.yc,
.m-nav a:hover span.yc {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.yx, 
.no-webp .m-nav a:hover span.yx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -166px}
.webp .m-nav a.active span.yx, 
.webp .m-nav a:hover span.yx {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -166px}
.no-webp .m-nav a.active span.yx, 
.no-webp .m-nav a:hover span.yx {background-size:649px 575px}
.webp .m-nav a.active span.yx, 
.webp .m-nav a:hover span.yx {background-size:649px 575px}
.no-webp .m-nav a.active span.yx, 
.no-webp .m-nav a:hover span.yx {background-position:-434px -166px}
.webp .m-nav a.active span.yx, 
.webp .m-nav a:hover span.yx {background-position:-434px -166px}
.m-nav a.active span.yx,
.m-nav a:hover span.yx {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.ll, 
.no-webp .m-nav a:hover span.ll {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -249px}
.webp .m-nav a.active span.ll, 
.webp .m-nav a:hover span.ll {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -249px}
.no-webp .m-nav a.active span.ll, 
.no-webp .m-nav a:hover span.ll {background-size:649px 575px}
.webp .m-nav a.active span.ll, 
.webp .m-nav a:hover span.ll {background-size:649px 575px}
.no-webp .m-nav a.active span.ll, 
.no-webp .m-nav a:hover span.ll {background-position:-434px -249px}
.webp .m-nav a.active span.ll, 
.webp .m-nav a:hover span.ll {background-position:-434px -249px}
.m-nav a.active span.ll,
.m-nav a:hover span.ll {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.yt, 
.no-webp .m-nav a:hover span.yt {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -332px}
.webp .m-nav a.active span.yt, 
.webp .m-nav a:hover span.yt {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -332px}
.no-webp .m-nav a.active span.yt, 
.no-webp .m-nav a:hover span.yt {background-size:649px 575px}
.webp .m-nav a.active span.yt, 
.webp .m-nav a:hover span.yt {background-size:649px 575px}
.no-webp .m-nav a.active span.yt, 
.no-webp .m-nav a:hover span.yt {background-position:-434px -332px}
.webp .m-nav a.active span.yt, 
.webp .m-nav a:hover span.yt {background-position:-434px -332px}
.m-nav a.active span.yt,
.m-nav a:hover span.yt {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.st, 
.no-webp .m-nav a:hover span.st {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-0px -415px}
.webp .m-nav a.active span.st, 
.webp .m-nav a:hover span.st {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-0px -415px}
.no-webp .m-nav a.active span.st, 
.no-webp .m-nav a:hover span.st {background-size:649px 575px}
.webp .m-nav a.active span.st, 
.webp .m-nav a:hover span.st {background-size:649px 575px}
.no-webp .m-nav a.active span.st, 
.no-webp .m-nav a:hover span.st {background-position:-0px -415px}
.webp .m-nav a.active span.st, 
.webp .m-nav a:hover span.st {background-position:-0px -415px}
.m-nav a.active span.st,
.m-nav a:hover span.st {
width:215px;
height:81px;

}
.no-webp .m-nav a.active span.lg, 
.no-webp .m-nav a:hover span.lg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-217px -415px}
.webp .m-nav a.active span.lg, 
.webp .m-nav a:hover span.lg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-217px -415px}
.no-webp .m-nav a.active span.lg, 
.no-webp .m-nav a:hover span.lg {background-size:649px 575px}
.webp .m-nav a.active span.lg, 
.webp .m-nav a:hover span.lg {background-size:649px 575px}
.no-webp .m-nav a.active span.lg, 
.no-webp .m-nav a:hover span.lg {background-position:-217px -415px}
.webp .m-nav a.active span.lg, 
.webp .m-nav a:hover span.lg {background-position:-217px -415px}
.m-nav a.active span.lg,
.m-nav a:hover span.lg {
width:215px;
height:81px;

}
.no-webp .mask {background-color:rgba(0, 0, 0, 0.8)}
.webp .mask {background-color:rgba(0, 0, 0, 0.8)}
.mask {
  position: fixed;
  width: 100%;
  height: 1080px;
  z-index: 103;
  top: 0;
}
.no-webp .mask .content {background-image:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/mask-bg_204df031.png)}
.webp .mask .content {background-image:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/mask-bg_204df031.webp)}
.mask .content {
  width: 934px;
  height: 496px;
  padding: 30px 50px 50px;
  margin: auto;
  margin-top: 300px;
  position: relative;
}
.mask .content h2 {
  font-size: 16px;
  color: #7c6e48;
  font-weight: 600;
  line-height: 1.8em;
}
.mask .content p {
  padding-bottom: 10px;
  color: #666;
  line-height: 1.8em;
}
.no-webp .mask .content .close {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png) no-repeat;background-size:649px 575px;
background-position:-486px -415px}
.webp .mask .content .close {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp) no-repeat;background-size:649px 575px;
background-position:-486px -415px}
.no-webp .mask .content .close {background-size:649px 575px}
.webp .mask .content .close {background-size:649px 575px}
.no-webp .mask .content .close {background-position:-486px -415px}
.webp .mask .content .close {background-position:-486px -415px}
.mask .content .close {
width:50px;
height:50px;

  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .35s;
  transition: .35s;
}
.mask .content .close:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@font-face {
  font-family: 'fzqkbys';
  src: url('https://nie.res.netease.com/comm/js/nie/ref/fonts/fzqkbys.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  min-width: 1440px;
  min-height: 1080px;
}
body {
  font-size: 16px;
}
#leihuo-top {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #fff;
}
#leihuo-top #logo {
  font-size: 0;
  width: 156px;
  height: 96px;
}
#leihuo-top #logo img {
  width: 100%;
  height: 100%;
}
#leihuo-top #leihuo_top_content {
  display: none;
}
#app {
  min-height: 1080px;
  height: 100%;
}
.no-webp #copyright .leihuo-copyright .footer {background:rgba(0, 0, 0, 0.75)}
.webp #copyright .leihuo-copyright .footer {background:rgba(0, 0, 0, 0.75)}
#copyright .leihuo-copyright .footer {
}
.container-index {
  height: auto;
  min-height: 1080px;
  overflow: hidden;
}
.container-index .bg {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 1080px;
  overflow: hidden;
}
.container-index .bg .role-bg {
  width: 100%;
  height: 1080px;
  position: absolute;
  top: 0;
  right: 0;
}
.container-index .bg .role-bg .m-rolesInf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  position: relative;
  height: auto;
  z-index: 5;
}
.container-index .bg .role-bg .m-rolesInf .ws {
  margin-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.container-index .bg .role-bg .m-rolesInf .ws .img {
  display: block;
  z-index: 11;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 3px solid #9c865f;
  border-radius: 56px;
}
.container-index .bg .role-bg .m-rolesInf .ws .img:hover {
  border-color: #ffe9e9;
}
.container-index .bg .role-bg .m-rolesInf .ws .name {
  position: relative;
  right: 10px;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-0 {
  position: absolute;
  left: 62%;
  top: 200px;
  /* Firefox */
  -moz-animation: enter1 .5s 1 forwards;
  /* Firefox */
  -webkit-animation: enter1 .5s 1 forwards;
  /* Safari ºÍ Chrome */
  -o-animation: enter1 .5s 1 forwards;
  /* Opera */
  animation: enter1 .5s 1 forwards;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-1 {
  position: absolute;
  left: 790px;
  top: 280px;
  /* Firefox */
  -moz-animation: enter2 .5s 1 forwards;
  /* Firefox */
  -webkit-animation: enter2 .5s 1 forwards;
  /* Safari ºÍ Chrome */
  -o-animation: enter2 .5s 1 forwards;
  /* Opera */
  animation: enter2 .5s 1 forwards;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-2 {
  position: absolute;
  left: 850px;
  top: 360px;
  /* Firefox */
  -moz-animation: enter3 .5s 1 forwards;
  /* Firefox */
  -webkit-animation: enter3 .5s 1 forwards;
  /* Safari ºÍ Chrome */
  -o-animation: enter3 .5s 1 forwards;
  /* Opera */
  animation: enter3 .5s 1 forwards;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-3 {
  position: absolute;
  left: 825px;
  top: 440px;
  /* Firefox */
  -moz-animation: enter4 .5s 1 forwards;
  /* Firefox */
  -webkit-animation: enter4 .5s 1 forwards;
  /* Safari ºÍ Chrome */
  -o-animation: enter4 .5s 1 forwards;
  /* Opera */
  animation: enter4 .5s 1 forwards;
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  -ms-animation-delay: .6s;
  animation-delay: .6s;
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/mask1-bg_e18daef9.png)}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/mask1-bg_e18daef9.webp)}
.container-index .bg .role-bg .m-rolesInf .videoWrap {
  position: relative;
  top: 200px;
  width: 700px;
  height: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit {background-color:#a7a4a4}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit {background-color:#a7a4a4}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit {
  width: 620px;
  height: 620px;
  border-radius: 50%;
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st1_4d1a204b.gif) no-repeat;
  background-size: 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st1_4d1a204b.gif) no-repeat;
  background-size: 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background-size:100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background-size:100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st2_8083233c.gif) no-repeat;
  background-size: 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st2_8083233c.gif) no-repeat;
  background-size: 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background-size:100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background-size:100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st3_1fbac1c4.gif) no-repeat;
  background-size: 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st3_1fbac1c4.gif) no-repeat;
  background-size: 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background-size:100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background-size:100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st4_85cad91a.gif) no-repeat;
  background-size: 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st4_85cad91a.gif) no-repeat;
  background-size: 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background-size:100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background-size:100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png) no-repeat;background-size:649px 575px;
background-position:-486px -415px}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp) no-repeat;background-size:649px 575px;
background-position:-486px -415px}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background-size:649px 575px}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background-size:649px 575px}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background-position:-486px -415px}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {background-position:-486px -415px}
.container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo {
  position: absolute;
  left: 580px;
  bottom: 495px;
  font-size: 0;
width:50px;
height:50px;

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg);
}
.container-index .bg .role-bg .m-rolesInf .videoWrap .closeVideo:hover {
  opacity: .85;
}
.container-index .bg .go-gw {
  text-align: center;
  margin: 130px 0 0px 65px;
  display: inline-block;
  color: #bb9752;
  font-size: 16px;
  position: relative;
  z-index: 8;
  border-bottom: 1px solid #170605;
}
.container-index .bg .go-gw:hover {
  border-bottom-color: #bb9752;
}
.container-index .bg .role-context {
  position: absolute;
  right: 50px;
  top: 60px;
  font-size: 14px;
  color: #eee;
  line-height: 1.8em;
  text-align: right;
}
.container-index .bg .role-context .role-title {
  width: 333px;
  height: 280px;
  display: none;
  position: relative;
}
.no-webp .container-index .bg .role-context .role-title-0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lingxi_689cb77a.png)}
.webp .container-index .bg .role-context .role-title-0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lingxi_689cb77a.webp)}
.container-index .bg .role-context .role-title-0 {
  width: 425px;
  height: 307px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/shiyu_07506048.png)}
.webp .container-index .bg .role-context .role-title-1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/shiyu_07506048.webp)}
.container-index .bg .role-context .role-title-1 {
  width: 354px;
  height: 345px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tianzhao_3cf46dd2.png)}
.webp .container-index .bg .role-context .role-title-2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tianzhao_3cf46dd2.webp)}
.container-index .bg .role-context .role-title-2 {
  width: 383px;
  height: 347px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx_15dc2398.png)}
.webp .container-index .bg .role-context .role-title-3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx_15dc2398.webp)}
.container-index .bg .role-context .role-title-3 {
  width: 355px;
  height: 330px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/gr1_3eeefe64.png)}
.webp .container-index .bg .role-context .role-title-4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/gr1_3eeefe64.webp)}
.container-index .bg .role-context .role-title-4 {
  width: 369px;
  height: 324px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st_9cf2bf05.png)}
.webp .container-index .bg .role-context .role-title-5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st_9cf2bf05.webp)}
.container-index .bg .role-context .role-title-5 {
  width: 375px;
  height: 355px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yt_91f41a92.png)}
.webp .container-index .bg .role-context .role-title-6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yt_91f41a92.webp)}
.container-index .bg .role-context .role-title-6 {
  width: 415px;
  height: 357px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll_cf14b439.png)}
.webp .container-index .bg .role-context .role-title-7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll_cf14b439.webp)}
.container-index .bg .role-context .role-title-7 {
  width: 438px;
  height: 360px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg_270889c6.png)}
.webp .container-index .bg .role-context .role-title-8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg_270889c6.webp)}
.container-index .bg .role-context .role-title-8 {
  width: 443px;
  height: 349px;
  right: 50px;
  display: block;
}
.no-webp .container-index .bg .role-context .role-title-9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yc_9a2531ab.png)}
.webp .container-index .bg .role-context .role-title-9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yc_9a2531ab.webp)}
.container-index .bg .role-context .role-title-9 {
  width: 375px;
  height: 320px;
  display: block;
}
.container-index .bg .role-context p {
  width: 300px;
  height: auto;
  margin-left: 30px;
}
.container-index .bg .role-context a,
.container-index .bg .role-context span {
  display: block;
  margin-right: 40px;
}
.container-index .bg .role-context .star {
  margin-right: 40px;
}
.container-index .bg .role-context .tip {
  margin-right: 40px;
  font-size: 18px;
  color: #ff784d;
}
.container-index .bg .role-context a.moreName {
  display: none;
  font-size: 0;
  width: 92px;
  height: 23px;
  margin: 0;
  margin-right: 40px;
}
.no-webp .container-index .bg .role-context a.moreName.more0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-538px -415px}
.webp .container-index .bg .role-context a.moreName.more0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-538px -415px}
.no-webp .container-index .bg .role-context a.moreName.more0 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more0 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more0 {background-position:-538px -415px}
.webp .container-index .bg .role-context a.moreName.more0 {background-position:-538px -415px}
.container-index .bg .role-context a.moreName.more0 {
  display: inline-block;
width:92px;
height:25px;

}
.no-webp .container-index .bg .role-context a.moreName.more1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-434px -467px}
.webp .container-index .bg .role-context a.moreName.more1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-434px -467px}
.no-webp .container-index .bg .role-context a.moreName.more1 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more1 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more1 {background-position:-434px -467px}
.webp .container-index .bg .role-context a.moreName.more1 {background-position:-434px -467px}
.container-index .bg .role-context a.moreName.more1 {
  display: inline-block;
width:92px;
height:25px;

}
.no-webp .container-index .bg .role-context a.moreName.more2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-528px -467px}
.webp .container-index .bg .role-context a.moreName.more2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-528px -467px}
.no-webp .container-index .bg .role-context a.moreName.more2 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more2 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more2 {background-position:-528px -467px}
.webp .container-index .bg .role-context a.moreName.more2 {background-position:-528px -467px}
.container-index .bg .role-context a.moreName.more2 {
  display: inline-block;
width:92px;
height:25px;

}
.no-webp .container-index .bg .role-context a.moreName.more3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-542px -550px}
.webp .container-index .bg .role-context a.moreName.more3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-542px -550px}
.no-webp .container-index .bg .role-context a.moreName.more3 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more3 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more3 {background-position:-542px -550px}
.webp .container-index .bg .role-context a.moreName.more3 {background-position:-542px -550px}
.container-index .bg .role-context a.moreName.more3 {
  display: inline-block;
width:91px;
height:23px;

}
.no-webp .container-index .bg .role-context a.moreName.more4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-448px -524px}
.webp .container-index .bg .role-context a.moreName.more4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-448px -524px}
.no-webp .container-index .bg .role-context a.moreName.more4 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more4 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more4 {background-position:-448px -524px}
.webp .container-index .bg .role-context a.moreName.more4 {background-position:-448px -524px}
.container-index .bg .role-context a.moreName.more4 {
  display: inline-block;
width:92px;
height:24px;

}
.no-webp .container-index .bg .role-context a.moreName.more5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-542px -498px}
.webp .container-index .bg .role-context a.moreName.more5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-542px -498px}
.no-webp .container-index .bg .role-context a.moreName.more5 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more5 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more5 {background-position:-542px -498px}
.webp .container-index .bg .role-context a.moreName.more5 {background-position:-542px -498px}
.container-index .bg .role-context a.moreName.more5 {
  display: inline-block;
width:92px;
height:24px;

}
.no-webp .container-index .bg .role-context a.moreName.more6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-448px -524px}
.webp .container-index .bg .role-context a.moreName.more6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-448px -524px}
.no-webp .container-index .bg .role-context a.moreName.more6 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more6 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more6 {background-position:-448px -524px}
.webp .container-index .bg .role-context a.moreName.more6 {background-position:-448px -524px}
.container-index .bg .role-context a.moreName.more6 {
  display: inline-block;
width:92px;
height:24px;

}
.no-webp .container-index .bg .role-context a.moreName.more7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-542px -524px}
.webp .container-index .bg .role-context a.moreName.more7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-542px -524px}
.no-webp .container-index .bg .role-context a.moreName.more7 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more7 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more7 {background-position:-542px -524px}
.webp .container-index .bg .role-context a.moreName.more7 {background-position:-542px -524px}
.container-index .bg .role-context a.moreName.more7 {
  display: inline-block;
width:92px;
height:24px;

}
.no-webp .container-index .bg .role-context a.moreName.more8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-538px -442px}
.webp .container-index .bg .role-context a.moreName.more8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-538px -442px}
.no-webp .container-index .bg .role-context a.moreName.more8 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more8 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more8 {background-position:-538px -442px}
.webp .container-index .bg .role-context a.moreName.more8 {background-position:-538px -442px}
.container-index .bg .role-context a.moreName.more8 {
  display: inline-block;
width:92px;
height:23px;

}
.no-webp .container-index .bg .role-context a.moreName.more9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.png);background-size:649px 575px;
background-position:-448px -550px}
.webp .container-index .bg .role-context a.moreName.more9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sprite-c22eb3_c22eb308.webp);background-size:649px 575px;
background-position:-448px -550px}
.no-webp .container-index .bg .role-context a.moreName.more9 {background-size:649px 575px}
.webp .container-index .bg .role-context a.moreName.more9 {background-size:649px 575px}
.no-webp .container-index .bg .role-context a.moreName.more9 {background-position:-448px -550px}
.webp .container-index .bg .role-context a.moreName.more9 {background-position:-448px -550px}
.container-index .bg .role-context a.moreName.more9 {
  display: inline-block;
width:92px;
height:24px;

}
.container-index .bg .role-context b {
  width: 19px;
  height: 18px;
  display: inline-block;
  margin: 0 2px;
}
.no-webp .container-index .bg .role-context b.start-0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lx-star_054ae92f.png)}
.webp .container-index .bg .role-context b.start-0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lx-star_054ae92f.webp)}
.container-index .bg .role-context b.start-0 {
}
.no-webp .container-index .bg .role-context b.start-0.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lx-star1_343a9c98.png)}
.webp .container-index .bg .role-context b.start-0.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lx-star1_343a9c98.webp)}
.container-index .bg .role-context b.start-0.no {
}
.no-webp .container-index .bg .role-context b.start-1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-start_fedc50a6.png)}
.webp .container-index .bg .role-context b.start-1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-start_fedc50a6.webp)}
.container-index .bg .role-context b.start-1 {
}
.no-webp .container-index .bg .role-context b.start-1.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-start1_e854cd40.png)}
.webp .container-index .bg .role-context b.start-1.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-start1_e854cd40.webp)}
.container-index .bg .role-context b.start-1.no {
}
.no-webp .container-index .bg .role-context b.start-2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tz-start_6504dac0.png)}
.webp .container-index .bg .role-context b.start-2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tz-start_6504dac0.webp)}
.container-index .bg .role-context b.start-2 {
}
.no-webp .container-index .bg .role-context b.start-2.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tz-start1_6a0d6dd6.png)}
.webp .container-index .bg .role-context b.start-2.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/tz-start1_6a0d6dd6.webp)}
.container-index .bg .role-context b.start-2.no {
}
.no-webp .container-index .bg .role-context b.start-3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx-start_156cb23a.png)}
.webp .container-index .bg .role-context b.start-3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx-start_156cb23a.webp)}
.container-index .bg .role-context b.start-3 {
}
.no-webp .container-index .bg .role-context b.start-3.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx-start1_80c3f098.png)}
.webp .container-index .bg .role-context b.start-3.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yx-start1_80c3f098.webp)}
.container-index .bg .role-context b.start-3.no {
}
.no-webp .container-index .bg .role-context b.start-4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start_f48446c9.png)}
.webp .container-index .bg .role-context b.start-4 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start_f48446c9.webp)}
.container-index .bg .role-context b.start-4 {
}
.no-webp .container-index .bg .role-context b.start-4.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start1_443452d9.png)}
.webp .container-index .bg .role-context b.start-4.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start1_443452d9.webp)}
.container-index .bg .role-context b.start-4.no {
}
.no-webp .container-index .bg .role-context b.start-5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start_85d43503.png)}
.webp .container-index .bg .role-context b.start-5 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start_85d43503.webp)}
.container-index .bg .role-context b.start-5 {
}
.no-webp .container-index .bg .role-context b.start-5.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start1_938f3563.png)}
.webp .container-index .bg .role-context b.start-5.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start1_938f3563.webp)}
.container-index .bg .role-context b.start-5.no {
}
.no-webp .container-index .bg .role-context b.start-6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start_f48446c9.png)}
.webp .container-index .bg .role-context b.start-6 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start_f48446c9.webp)}
.container-index .bg .role-context b.start-6 {
}
.no-webp .container-index .bg .role-context b.start-6.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start1_443452d9.png)}
.webp .container-index .bg .role-context b.start-6.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/start1_443452d9.webp)}
.container-index .bg .role-context b.start-6.no {
}
.no-webp .container-index .bg .role-context b.start-7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll-start_c71e938d.png)}
.webp .container-index .bg .role-context b.start-7 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll-start_c71e938d.webp)}
.container-index .bg .role-context b.start-7 {
}
.no-webp .container-index .bg .role-context b.start-7.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll-start1_72dd53bf.png)}
.webp .container-index .bg .role-context b.start-7.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/ll-start1_72dd53bf.webp)}
.container-index .bg .role-context b.start-7.no {
}
.no-webp .container-index .bg .role-context b.start-8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg-start_799b4d0f.png)}
.webp .container-index .bg .role-context b.start-8 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg-start_799b4d0f.webp)}
.container-index .bg .role-context b.start-8 {
}
.no-webp .container-index .bg .role-context b.start-8.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg-start1_e43b4e91.png)}
.webp .container-index .bg .role-context b.start-8.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/lg-start1_e43b4e91.webp)}
.container-index .bg .role-context b.start-8.no {
}
.no-webp .container-index .bg .role-context b.start-9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yc-start_04ee3324.png)}
.webp .container-index .bg .role-context b.start-9 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/yc-start_04ee3324.webp)}
.container-index .bg .role-context b.start-9 {
}
.no-webp .container-index .bg .role-context b.start-9.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start1_938f3563.png)}
.webp .container-index .bg .role-context b.start-9.no {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/st-start1_938f3563.webp)}
.container-index .bg .role-context b.start-9.no {
}
@-webkit-keyframes enter1 {
  from {
    margin-left: 0;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes enter1 {
  from {
    margin-left: -px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-o-keyframes enter1 {
  from {
    margin-left: 0;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-ms-keyframes enter1 {
  from {
    margin-left: 0;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@keyframes enter1 {
  from {
    margin-left: 0;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
/* 2 */
@-webkit-keyframes enter2 {
  from {
    margin-left: 0px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes enter2 {
  from {
    margin-left: 2px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-o-keyframes enter2 {
  from {
    margin-left: 20px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-ms-keyframes enter2 {
  from {
    margin-left: 20px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@keyframes enter2 {
  from {
    margin-left: 20px;
    margin-top: -80px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
/* 3 */
@-webkit-keyframes enter3 {
  from {
    margin-left: 30px;
    margin-top: -38px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes enter3 {
  from {
    margin-left: 30px;
    margin-top: -38px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-o-keyframes enter3 {
  from {
    margin-left: 30px;
    margin-top: -38px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-ms-keyframes enter3 {
  from {
    margin-left: 30px;
    margin-top: -38px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@keyframes enter3 {
  from {
    margin-left: 30px;
    margin-top: -38px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
/* 4 */
@-webkit-keyframes enter4 {
  from {
    margin-left: 58px;
    margin-top: -28px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes enter4 {
  from {
    margin-left: 58px;
    margin-top: -28px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-o-keyframes enter4 {
  from {
    margin-left: 58px;
    margin-top: -28px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@-ms-keyframes enter4 {
  from {
    margin-left: 58px;
    margin-top: -28px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
@keyframes enter4 {
  from {
    margin-left: 58px;
    margin-top: -28px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}
/* zoom */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-moz-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-o-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@-ms-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}
@keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
  }
}





.no-webp .container-index .bg, 
.no-webp .shiyu .bg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-bg1_77e6febf.jpg) top center no-repeat}





.webp .container-index .bg, 
.webp .shiyu .bg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy-bg1_77e6febf.webp) top center no-repeat}





.container-index .bg,
.shiyu .bg {
}
.no-webp .container-index .bg .role-bg, 
.no-webp .shiyu .bg .role-bg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy_bg_ced61a69.png) top left no-repeat}
.webp .container-index .bg .role-bg, 
.webp .shiyu .bg .role-bg {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy_bg_ced61a69.webp) top left no-repeat}
.container-index .bg .role-bg,
.shiyu .bg .role-bg {
  width: 100%;
  height: 1080px;
  position: absolute;
  top: 0;
  right: 200px;
  margin-left: -200px;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-0,
.shiyu .bg .role-bg .m-rolesInf .ws.ws-0 {
  left: 62%;
  top: 520px;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-1,
.shiyu .bg .role-bg .m-rolesInf .ws.ws-1 {
  left: 63%;
  top: 600px;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-2,
.shiyu .bg .role-bg .m-rolesInf .ws.ws-2 {
  left: 67.5%;
  top: 680px;
}
.container-index .bg .role-bg .m-rolesInf .ws.ws-3,
.shiyu .bg .role-bg .m-rolesInf .ws.ws-3 {
  left: 67.5%;
  top: 760px;
}
.container-index .bg .role-bg .m-rolesInf .ws img,
.shiyu .bg .role-bg .m-rolesInf .ws img {
  width: 100%;
}
.container-index .bg .role-bg .m-rolesInf .videoWrap,
.shiyu .bg .role-bg .m-rolesInf .videoWrap {
  -webkit-transform: translateX(47%);
          transform: translateX(47%);
}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit,
.shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit {
  width: 615px;
  height: 612px;
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy1_6d947653.gif);
  background-size: 100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy1_6d947653.gif);
  background-size: 100% 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background-size:100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {background-size:100% 100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0,
.shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit0 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy2_1b52bad5.gif);
  background-size: 100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy2_1b52bad5.gif);
  background-size: 100% 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background-size:100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {background-size:100% 100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1,
.shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit1 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy3_443e0fc6.gif);
  background-size: 100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy3_443e0fc6.gif);
  background-size: 100% 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background-size:100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {background-size:100% 100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2,
.shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit2 {
}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy4_e4337fba.gif);
  background-size: 100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background:url(https://tianyu.res.netease.com/pc/zt/20220421142924875/img/sy4_e4337fba.gif);
  background-size: 100% 100%}
.no-webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3, 
.no-webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background-size:100% 100%}
.webp .container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3, 
.webp .shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {background-size:100% 100%}
.container-index .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3,
.shiyu .bg .role-bg .m-rolesInf .videoWrap .videoUnit.videoUnit3 {
}
.container-index .bg .role-context,
.shiyu .bg .role-context {
  right: 230px;
}
@media screen and (min-width: 1661px) {
  .container-index .bg .role-bg {
    width: 1700px;
  }
}
@media screen and (min-width: 1551px) and (max-width: 1670px) {
  .container-index .bg .role-bg {
    width: 1400px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-0 {
    left: 63%;
    top: 520px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-1 {
    left: 64%;
    top: 600px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-2 {
    left: 69%;
    top: 680px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-3 {
    left: 69%;
    top: 760px;
  }
  .container-index .bg .role-bg .videoWrap {
    -webkit-transform: translateX(37%) !important;
            transform: translateX(37%) !important;
  }
  .container-index .bg .role-context {
    right: 100px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1550px) {
  .container-index .bg .role-bg {
    width: 1300px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-0 {
    left: 68%;
    top: 520px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-1 {
    left: 69%;
    top: 600px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-2 {
    left: 75%;
    top: 680px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-3 {
    left: 75%;
    top: 760px;
  }
  .container-index .bg .role-context {
    right: 0;
  }
}
@media screen and (max-width: 1400px) {
  .container-index .bg .role-bg {
    width: 1300px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-0 {
    left: 68%;
    top: 520px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-1 {
    left: 69%;
    top: 600px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-2 {
    left: 75%;
    top: 680px;
  }
  .container-index .bg .role-bg .m-rolesInf .ws.ws-3 {
    left: 75%;
    top: 760px;
  }
  .container-index .bg .role-bg .m-rolesInf .videoWrap {
    -webkit-transform: translateX(8%);
            transform: translateX(8%);
  }
  .container-index .bg .role-context {
    right: 0;
  }
  .container-index .bg .role-context .role-title {
    position: relative;
    left: -60px;
  }
}
@media screen and (max-width: 1366px) {
  .container-index .bg .role-bg {
    width: 1300px;
  }
  .container-index .bg .role-bg .m-rolesInf .videoWrap {
    -webkit-transform: translateX(37%);
            transform: translateX(37%);
  }
}