@charset "utf-8";
/** mixins **/
* {
  -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;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Noto黑体简体 */
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体繁体 */
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体日语 */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体韩语 */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}
/* Noto黑体泰语 */
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}
html {
  font-family: "Noto Sans SC", sans-serif;
}
[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}
[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}
[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}
[lang|="th"] {
  font-family: "Noto Sans Thai", 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 {
  font-weight: normal;
  font-style: normal;
}
strong,
b {
  font-weight: bold;
  font-style: normal;
}
em {
  font-weight: normal;
  font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
li {
  list-style: none;
}
button,
a,
select {
  border: none;
  outline: none;
}
input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}
input,
textarea {
  outline: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
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;
}
/* 方正粗金陵繁體 */
@font-face {
  font-family: 'FZCuJinLing-BIG5';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/FZCuJinLing-BIG5-Regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/FZCuJinLing-BIG5-Regular.woff') format('woff');
  font-weight: 400;
}
/* Noto宋体繁体 */
@font-face {
  font-family: 'Noto Serif TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Serif TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Serif TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Serif TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-serif-tc-v23-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}
#__vconsole {
  display: none !important;
}
.leihuo-feedback {
  right: 0 !important;
}
html,
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-width: 1400px;
  overflow-y: hidden;
  /* no */
  background: #f9f9f9;
  color: #eee;
}
#leihuo-top {
  position: absolute;
  z-index: 10;
  top: 0;
}
#leihuo-top #leihuo_top_content {
  display: none;
}
#leihuo-top #logo {
  position: absolute;
  left: 28px;
  top: 28px;
  width: 173px;
}
#leihuo-top #logo img {
  display: block;
  width: 100%;
}
.guide-btn {
  position: fixed;
  bottom: 17px;
  right: 120px;
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2114px -1793px;
width:134px;
height:30px;

  z-index: 10;
}
.guide-btn:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.right-top {
  position: absolute;
  z-index: 10;
  right: 30px;
  top: 30px;
}
.right-top:not(.hider) .nav-open {
  display: none !important;
}
.right-top:not(.hider) .nav-close {
  display: inline-block !important;
}
.right-top.hider .btn {
  display: none !important;
}
.right-top.hider .nav-open {
  display: inline-block !important;
}
.right-top.hider .nav-close {
  display: none !important;
}
.right-top .link-box {
  text-align: right;
  font-size: 0;
}
.right-top .link-box .btn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
.right-top .btn {
  display: block;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.right-top .btn:hover {
  opacity: 1;
}
.right-top .btn.btn-bhmt {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1955px -1498px;
width:49px;
height:39px;

}
.right-top .btn.btn-facebook {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1954px -1677px;
width:34px;
height:33px;

}
.right-top .btn.btn-youtube {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2253px -629px;
width:40px;
height:28px;

}
.right-top .btn.btn-tiktok {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2028px -1718px;
width:27px;
height:31px;

}
.right-top .btn.btn-discord {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2259px -543px;
width:37px;
height:28px;

}
.right-top .btn.btn-instagram {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1992px -1677px;
width:31px;
height:31px;

}
.right-top .btn.btn-music {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2013px -1100px;
width:56px;
height:56px;

  position: absolute;
  right: -5px;
  top: 68px;
}
.right-top .btn.btn-music:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1963px -1174px;
width:56px;
height:56px;

  position: absolute;
  left: 0;
  top: 0;
}
.right-top .btn.btn-music.on:after {
  display: none;
}
.right-top .btn.nav-close {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2257px -1828px;
width:41px;
height:38px;

  opacity: 1;
}
.right-top .btn.nav-close:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -1551px;
width:41px;
height:38px;

}
.right-top .btn.nav-open {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1954px -1551px;
width:41px;
height:38px;

  opacity: 1;
}
.right-top .btn.nav-open:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1999px -1551px;
width:41px;
height:38px;

}
.nav-box {
  position: absolute;
  top: 132px;
  left: 28px;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid rgba(123, 135, 160, 0.39);
}
.nav-box .nav-cont {
  padding-left: 15px;
}
.nav-box .nav-cont .nav {
  display: block;
  width: auto;
  height: 49px;
  line-height: 49px;
  position: relative;
  margin: 10px 0;
}
.nav-box .nav-cont .nav:last-child {
  margin-bottom: 0;
}
.nav-box .nav-cont .nav span {
  display: block;
  pointer-events: all;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.8px;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  font-weight: 500;
}
.nav-box .nav-cont .nav .icon1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -963px;
width:97px;
height:45px;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}
.nav-box .nav-cont .nav .icon2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2273px -1232px;
width:25px;
height:33px;

  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 51px;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.nav-box .nav-cont .nav .text1 {
  position: absolute;
  top: 6px;
  left: -22px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
.nav-box .nav-cont .nav .text2 {
  position: absolute;
  top: 16px;
  left: 70px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
.nav-box .nav-cont .nav .text1_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2236px -1396px;
width:61px;
height:34px;

}
.nav-box .nav-cont .nav .text1_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2008px -1498px;
width:50px;
height:32px;

}
.nav-box .nav-cont .nav .text2_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2028px -1271px;
width:61px;
height:33px;

}
.nav-box .nav-cont .nav .text2_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2010px -963px;
width:72px;
height:33px;

}
.nav-box .nav-cont .nav .text3_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1956px -1446px;
width:61px;
height:33px;

}
.nav-box .nav-cont .nav .text3_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2038px -1234px;
width:52px;
height:33px;

}
.nav-box .nav-cont .nav .text4_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1956px -1446px;
width:61px;
height:33px;

}
.nav-box .nav-cont .nav .text4_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2021px -1446px;
width:52px;
height:32px;

}
.nav-box .nav-cont .nav .text5_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1956px -1446px;
width:61px;
height:33px;

}
.nav-box .nav-cont .nav .text5_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1963px -1234px;
width:71px;
height:33px;

}
.nav-box .nav-cont .nav .text6_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2236px -1348px;
width:62px;
height:34px;

}
.nav-box .nav-cont .nav .text6_2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2062px -1498px;
width:31px;
height:32px;

}
.nav-box .nav-cont .nav .text7_1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1963px -1271px;
width:61px;
height:34px;

}
.nav-box .nav-cont .nav:hover span {
  font-size: 0;
}
.nav-box .nav-cont .nav.on .icon1,
.nav-box .nav-cont .nav:hover .icon1 {
  -webkit-animation: zzhuxiezuhe5_anim 1s linear forwards;
          animation: zzhuxiezuhe5_anim 1s linear forwards;
}
.nav-box .nav-cont .nav.on .icon2,
.nav-box .nav-cont .nav:hover .icon2 {
  -webkit-animation: zzhuxiezuhe5_anim 1s linear forwards;
          animation: zzhuxiezuhe5_anim 1s linear forwards;
}
.nav-box .nav-cont .nav.on .text1,
.nav-box .nav-cont .nav:hover .text1 {
  -webkit-animation: zjianghu3_anim 3s linear forwards;
          animation: zjianghu3_anim 3s linear forwards;
}
.nav-box .nav-cont .nav.on .text2,
.nav-box .nav-cont .nav:hover .text2 {
  -webkit-animation: zxinxianshi4_anim 3s linear forwards;
          animation: zxinxianshi4_anim 3s linear forwards;
}
.nav-box .nav-cont .nav.on span,
.nav-box .nav-cont .nav:hover span {
  font-size: 0;
}
.nav-box .side-download {
  margin-left: 12px;
  display: none;
}
.nav-box .side-download .side-qr {
  width: 135px;
  height: 135px;
  margin-top: 10px;
}
.nav-box .side-download .side-qr img {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-box .side-download .nav-btn a {
  display: block;
  width: 135px;
  height: 44px;
  margin-top: 9px;
}
.nav-box .side-download .nav-btn a:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.nav-box .side-download .nav-btn .btn-pc {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2134px -1232px;
width:135px;
height:44px;

}
.nav-box .side-download .nav-btn .btn-ios {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2134px -1280px;
width:135px;
height:44px;

}
.nav-box .side-download .nav-btn .btn-google {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -1348px;
width:135px;
height:44px;

}
.nav-box .side-download .nav-btn .btn-pay {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -1396px;
width:135px;
height:44px;

}
.g-footer {
  text-align: center;
  font-size: 16px;
  padding-top: 26px;
  height: 258px;
}
.g-footer p {
  margin-top: 0;
}
.pop-video,
.pop-img {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.pop-video .con,
.pop-img .con {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pop-video .close-video,
.pop-img .close-video {
  color: #fff;
  position: absolute;
  z-index: 5;
  right: 0;
  top: -60px;
  font-size: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pop-video .close-video:hover,
.pop-img .close-video:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pop-video .close-video::before,
.pop-img .close-video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 50px;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.pop-video .close-video::after,
.pop-img .close-video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 50px;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pop-img .con {
  width: 100%;
  height: 100%;
}
.pop-img #img-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1920px;
  height: 1080px;
}
.pop-img #img-box img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pop-img .close-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2214px -1444px;
width:69px;
height:70px;

  top: 18px;
  right: 13px;
  position: absolute;
  z-index: 5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 0;
}
.pop-img .close-img:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.pop-img .prev-img,
.pop-img .next-img {
  z-index: 5;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -1012px;
width:50px;
height:84px;

  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
  -webkit-transition: right 0.5s;
  transition: right 0.5s;
}
.pop-img .prev-img:hover,
.pop-img .next-img:hover {
  right: 30px;
}
.pop-img .prev-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1963px -1012px;
width:50px;
height:84px;

  right: auto;
  left: 40px;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
.pop-img .prev-img:hover {
  right: auto;
  left: 30px;
}
@-webkit-keyframes zzhuxiezuhe5_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zzhuxiezuhe5_anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes zjianghu3_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(22px, 0);
            transform: translate(22px, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(22px, 0);
            transform: translate(22px, 0);
    opacity: 1;
  }
}
@keyframes zjianghu3_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(22px, 0);
            transform: translate(22px, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(22px, 0);
            transform: translate(22px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zxinxianshi4_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-12px, 0);
            transform: translate(-12px, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-12px, 0);
            transform: translate(-12px, 0);
    opacity: 1;
  }
}
@keyframes zxinxianshi4_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-12px, 0);
            transform: translate(-12px, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(-12px, 0);
            transform: translate(-12px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes translateDown {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@-webkit-keyframes translateScale {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes translateScale {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes font_blur {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #a0bac2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes font_blur {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #a0bac2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes font_blur2 {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #a0bac2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes font_blur2 {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    color: #a0bac2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes z_jinchang_000_anim {
  0% {
    opacity: 0;
  }
  19.05% {
    opacity: 0;
  }
  70.48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_jinchang_000_anim {
  0% {
    opacity: 0;
  }
  19.05% {
    opacity: 0;
  }
  70.48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_jinchang_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 190px);
            transform: translate(0, 190px);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.15, 0.74, 1);
            animation-timing-function: cubic-bezier(0.4, 0.15, 0.74, 1);
  }
  47.62% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_jinchang_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 190px);
            transform: translate(0, 190px);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.15, 0.74, 1);
            animation-timing-function: cubic-bezier(0.4, 0.15, 0.74, 1);
  }
  47.62% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes z_xinwen_000_anim {
  0% {
    opacity: 0;
  }
  6.76% {
    opacity: 0;
  }
  70.27% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_xinwen_000_anim {
  0% {
    opacity: 0;
  }
  6.76% {
    opacity: 0;
  }
  70.27% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_xinwen_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 14px);
            transform: translate(0, 14px);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.71, 0.74, 1);
            animation-timing-function: cubic-bezier(0.4, 0.71, 0.74, 1);
  }
  66.22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_xinwen_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 14px);
            transform: translate(0, 14px);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.71, 0.74, 1);
            animation-timing-function: cubic-bezier(0.4, 0.71, 0.74, 1);
  }
  66.22% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes sprite_z_dianji_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -578px 0;
  }
  8.3% {
    background-position: -1156px 0;
  }
  12.5% {
    background-position: -1734px 0;
  }
  16.7% {
    background-position: -2312px 0;
  }
  20.8% {
    background-position: 0 -438px;
  }
  25% {
    background-position: -578px -438px;
  }
  29.2% {
    background-position: -1156px -438px;
  }
  33.3% {
    background-position: -1734px -438px;
  }
  37.5% {
    background-position: -2312px -438px;
  }
  41.7% {
    background-position: 0 -876px;
  }
  45.8% {
    background-position: -578px -876px;
  }
  50% {
    background-position: -1156px -876px;
  }
  54.2% {
    background-position: -1734px -876px;
  }
  58.3% {
    background-position: -2312px -876px;
  }
  62.5% {
    background-position: 0 -1314px;
  }
  66.7% {
    background-position: -578px -1314px;
  }
  70.8% {
    background-position: -1156px -1314px;
  }
  75% {
    background-position: -1734px -1314px;
  }
  79.2% {
    background-position: -2312px -1314px;
  }
  83.3% {
    background-position: 0 -1752px;
  }
  87.5% {
    background-position: -578px -1752px;
  }
  91.7% {
    background-position: -1156px -1752px;
  }
  95.8% {
    background-position: -1734px -1752px;
  }
  100% {
    background-position: -1734px -1752px;
  }
}
@keyframes sprite_z_dianji_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -578px 0;
  }
  8.3% {
    background-position: -1156px 0;
  }
  12.5% {
    background-position: -1734px 0;
  }
  16.7% {
    background-position: -2312px 0;
  }
  20.8% {
    background-position: 0 -438px;
  }
  25% {
    background-position: -578px -438px;
  }
  29.2% {
    background-position: -1156px -438px;
  }
  33.3% {
    background-position: -1734px -438px;
  }
  37.5% {
    background-position: -2312px -438px;
  }
  41.7% {
    background-position: 0 -876px;
  }
  45.8% {
    background-position: -578px -876px;
  }
  50% {
    background-position: -1156px -876px;
  }
  54.2% {
    background-position: -1734px -876px;
  }
  58.3% {
    background-position: -2312px -876px;
  }
  62.5% {
    background-position: 0 -1314px;
  }
  66.7% {
    background-position: -578px -1314px;
  }
  70.8% {
    background-position: -1156px -1314px;
  }
  75% {
    background-position: -1734px -1314px;
  }
  79.2% {
    background-position: -2312px -1314px;
  }
  83.3% {
    background-position: 0 -1752px;
  }
  87.5% {
    background-position: -578px -1752px;
  }
  91.7% {
    background-position: -1156px -1752px;
  }
  95.8% {
    background-position: -1734px -1752px;
  }
  100% {
    background-position: -1734px -1752px;
  }
}
@-webkit-keyframes z_xingzhuang_687_kaobei_3_000_anim {
  0% {
    -webkit-transform: rotate(-2deg) scale(0, 0);
            transform: rotate(-2deg) scale(0, 0);
  }
  0.83% {
    -webkit-transform: rotate(-2.3deg) scale(0, 0);
            transform: rotate(-2.3deg) scale(0, 0);
  }
  5.83% {
    -webkit-transform: rotate(-4deg) scale(0.2727, 0.2727);
            transform: rotate(-4deg) scale(0.2727, 0.2727);
  }
  15.83% {
    -webkit-transform: rotate(2deg) scale(0.8181, 0.8181);
            transform: rotate(2deg) scale(0.8181, 0.8181);
  }
  19.17% {
    -webkit-transform: rotate(-0.6deg) scale(1, 1);
            transform: rotate(-0.6deg) scale(1, 1);
  }
  27.5% {
    -webkit-transform: rotate(-7deg) scale(1, 1);
            transform: rotate(-7deg) scale(1, 1);
  }
  40.83% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes z_xingzhuang_687_kaobei_3_000_anim {
  0% {
    -webkit-transform: rotate(-2deg) scale(0, 0);
            transform: rotate(-2deg) scale(0, 0);
  }
  0.83% {
    -webkit-transform: rotate(-2.3deg) scale(0, 0);
            transform: rotate(-2.3deg) scale(0, 0);
  }
  5.83% {
    -webkit-transform: rotate(-4deg) scale(0.2727, 0.2727);
            transform: rotate(-4deg) scale(0.2727, 0.2727);
  }
  15.83% {
    -webkit-transform: rotate(2deg) scale(0.8181, 0.8181);
            transform: rotate(2deg) scale(0.8181, 0.8181);
  }
  19.17% {
    -webkit-transform: rotate(-0.6deg) scale(1, 1);
            transform: rotate(-0.6deg) scale(1, 1);
  }
  27.5% {
    -webkit-transform: rotate(-7deg) scale(1, 1);
            transform: rotate(-7deg) scale(1, 1);
  }
  40.83% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@-webkit-keyframes z_xingzhuang_687_kaobei_6_000_anim {
  0% {
    -webkit-transform: rotate(1.4deg) scale(0.1819, 0.1819);
            transform: rotate(1.4deg) scale(0.1819, 0.1819);
  }
  3.33% {
    -webkit-transform: rotate(2deg) scale(0.3637, 0.3637);
            transform: rotate(2deg) scale(0.3637, 0.3637);
  }
  13.33% {
    -webkit-transform: rotate(-14deg) scale(0.9091, 0.9091);
            transform: rotate(-14deg) scale(0.9091, 0.9091);
  }
  15% {
    -webkit-transform: rotate(-11.9deg) scale(1, 1);
            transform: rotate(-11.9deg) scale(1, 1);
  }
  25% {
    -webkit-transform: rotate(1deg) scale(1, 1);
            transform: rotate(1deg) scale(1, 1);
  }
  36.67% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes z_xingzhuang_687_kaobei_6_000_anim {
  0% {
    -webkit-transform: rotate(1.4deg) scale(0.1819, 0.1819);
            transform: rotate(1.4deg) scale(0.1819, 0.1819);
  }
  3.33% {
    -webkit-transform: rotate(2deg) scale(0.3637, 0.3637);
            transform: rotate(2deg) scale(0.3637, 0.3637);
  }
  13.33% {
    -webkit-transform: rotate(-14deg) scale(0.9091, 0.9091);
            transform: rotate(-14deg) scale(0.9091, 0.9091);
  }
  15% {
    -webkit-transform: rotate(-11.9deg) scale(1, 1);
            transform: rotate(-11.9deg) scale(1, 1);
  }
  25% {
    -webkit-transform: rotate(1deg) scale(1, 1);
            transform: rotate(1deg) scale(1, 1);
  }
  36.67% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@-webkit-keyframes z_xingzhuang_687_kaobei_5_000_anim {
  0% {
    -webkit-transform: rotate(2deg) scale(0.0454, 0.0454);
            transform: rotate(2deg) scale(0.0454, 0.0454);
  }
  5.83% {
    -webkit-transform: rotate(4deg) scale(0.3636, 0.3636);
            transform: rotate(4deg) scale(0.3636, 0.3636);
  }
  15.83% {
    -webkit-transform: rotate(-16deg) scale(0.9091, 0.9091);
            transform: rotate(-16deg) scale(0.9091, 0.9091);
  }
  17.5% {
    -webkit-transform: rotate(-13.9deg) scale(1, 1);
            transform: rotate(-13.9deg) scale(1, 1);
  }
  29.17% {
    -webkit-transform: rotate(1deg) scale(1, 1);
            transform: rotate(1deg) scale(1, 1);
  }
  49.17% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes z_xingzhuang_687_kaobei_5_000_anim {
  0% {
    -webkit-transform: rotate(2deg) scale(0.0454, 0.0454);
            transform: rotate(2deg) scale(0.0454, 0.0454);
  }
  5.83% {
    -webkit-transform: rotate(4deg) scale(0.3636, 0.3636);
            transform: rotate(4deg) scale(0.3636, 0.3636);
  }
  15.83% {
    -webkit-transform: rotate(-16deg) scale(0.9091, 0.9091);
            transform: rotate(-16deg) scale(0.9091, 0.9091);
  }
  17.5% {
    -webkit-transform: rotate(-13.9deg) scale(1, 1);
            transform: rotate(-13.9deg) scale(1, 1);
  }
  29.17% {
    -webkit-transform: rotate(1deg) scale(1, 1);
            transform: rotate(1deg) scale(1, 1);
  }
  49.17% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@-webkit-keyframes z_sexiang_baohedu_608_kaobei_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  25% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_sexiang_baohedu_608_kaobei_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  25% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes sprite_z_sexiang_baohedu_608_kaobei_2_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -208px 0;
  }
  8.3% {
    background-position: -416px 0;
  }
  12.5% {
    background-position: -624px 0;
  }
  16.7% {
    background-position: -832px 0;
  }
  20.8% {
    background-position: 0 -212px;
  }
  25% {
    background-position: -208px -212px;
  }
  29.2% {
    background-position: -416px -212px;
  }
  33.3% {
    background-position: -624px -212px;
  }
  37.5% {
    background-position: -832px -212px;
  }
  41.7% {
    background-position: 0 -424px;
  }
  45.8% {
    background-position: -208px -424px;
  }
  50% {
    background-position: -416px -424px;
  }
  54.2% {
    background-position: -624px -424px;
  }
  58.3% {
    background-position: -832px -424px;
  }
  62.5% {
    background-position: 0 -636px;
  }
  66.7% {
    background-position: -208px -636px;
  }
  70.8% {
    background-position: -416px -636px;
  }
  75% {
    background-position: -624px -636px;
  }
  79.2% {
    background-position: -832px -636px;
  }
  83.3% {
    background-position: 0 -848px;
  }
  87.5% {
    background-position: -208px -848px;
  }
  91.7% {
    background-position: -416px -848px;
  }
  95.8% {
    background-position: -624px -848px;
  }
  100% {
    background-position: -624px -848px;
  }
}
@keyframes sprite_z_sexiang_baohedu_608_kaobei_2_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -208px 0;
  }
  8.3% {
    background-position: -416px 0;
  }
  12.5% {
    background-position: -624px 0;
  }
  16.7% {
    background-position: -832px 0;
  }
  20.8% {
    background-position: 0 -212px;
  }
  25% {
    background-position: -208px -212px;
  }
  29.2% {
    background-position: -416px -212px;
  }
  33.3% {
    background-position: -624px -212px;
  }
  37.5% {
    background-position: -832px -212px;
  }
  41.7% {
    background-position: 0 -424px;
  }
  45.8% {
    background-position: -208px -424px;
  }
  50% {
    background-position: -416px -424px;
  }
  54.2% {
    background-position: -624px -424px;
  }
  58.3% {
    background-position: -832px -424px;
  }
  62.5% {
    background-position: 0 -636px;
  }
  66.7% {
    background-position: -208px -636px;
  }
  70.8% {
    background-position: -416px -636px;
  }
  75% {
    background-position: -624px -636px;
  }
  79.2% {
    background-position: -832px -636px;
  }
  83.3% {
    background-position: 0 -848px;
  }
  87.5% {
    background-position: -208px -848px;
  }
  91.7% {
    background-position: -416px -848px;
  }
  95.8% {
    background-position: -624px -848px;
  }
  100% {
    background-position: -624px -848px;
  }
}
@-webkit-keyframes z_sexiang_baohedu_608_kaobei_2_000_anim_loop {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_sexiang_baohedu_608_kaobei_2_000_anim_loop {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes sprite_z_sexiang_baohedu_608_kaobei_2_000_loop {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -208px 0;
  }
  8.3% {
    background-position: -416px 0;
  }
  12.5% {
    background-position: -624px 0;
  }
  16.7% {
    background-position: -832px 0;
  }
  20.8% {
    background-position: 0 -212px;
  }
  25% {
    background-position: -208px -212px;
  }
  29.2% {
    background-position: -416px -212px;
  }
  33.3% {
    background-position: -624px -212px;
  }
  37.5% {
    background-position: -832px -212px;
  }
  41.7% {
    background-position: 0 -424px;
  }
  45.8% {
    background-position: -208px -424px;
  }
  50% {
    background-position: -416px -424px;
  }
  54.2% {
    background-position: -624px -424px;
  }
  58.3% {
    background-position: -832px -424px;
  }
  62.5% {
    background-position: 0 -636px;
  }
  66.7% {
    background-position: -208px -636px;
  }
  70.8% {
    background-position: -416px -636px;
  }
  75% {
    background-position: -624px -636px;
  }
  79.2% {
    background-position: -832px -636px;
  }
  83.3% {
    background-position: 0 -848px;
  }
  87.5% {
    background-position: -208px -848px;
  }
  91.7% {
    background-position: -416px -848px;
  }
  95.8% {
    background-position: -624px -848px;
  }
  100% {
    background-position: -624px -848px;
  }
}
@keyframes sprite_z_sexiang_baohedu_608_kaobei_2_000_loop {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -208px 0;
  }
  8.3% {
    background-position: -416px 0;
  }
  12.5% {
    background-position: -624px 0;
  }
  16.7% {
    background-position: -832px 0;
  }
  20.8% {
    background-position: 0 -212px;
  }
  25% {
    background-position: -208px -212px;
  }
  29.2% {
    background-position: -416px -212px;
  }
  33.3% {
    background-position: -624px -212px;
  }
  37.5% {
    background-position: -832px -212px;
  }
  41.7% {
    background-position: 0 -424px;
  }
  45.8% {
    background-position: -208px -424px;
  }
  50% {
    background-position: -416px -424px;
  }
  54.2% {
    background-position: -624px -424px;
  }
  58.3% {
    background-position: -832px -424px;
  }
  62.5% {
    background-position: 0 -636px;
  }
  66.7% {
    background-position: -208px -636px;
  }
  70.8% {
    background-position: -416px -636px;
  }
  75% {
    background-position: -624px -636px;
  }
  79.2% {
    background-position: -832px -636px;
  }
  83.3% {
    background-position: 0 -848px;
  }
  87.5% {
    background-position: -208px -848px;
  }
  91.7% {
    background-position: -416px -848px;
  }
  95.8% {
    background-position: -624px -848px;
  }
  100% {
    background-position: -624px -848px;
  }
}
@-webkit-keyframes z_datu1030x580_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate3d(1011px, 0, 0);
            transform: translate3d(1011px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
            animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
  }
  96.49% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes z_datu1030x580_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate3d(1011px, 0, 0);
            transform: translate3d(1011px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
            animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
  }
  96.49% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes z_datu1030x580_000_transform_bezier_anim_2 {
  0% {
    -webkit-transform: translate3d(-1011px, 0, 0);
            transform: translate3d(-1011px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
            animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
  }
  96.49% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes z_datu1030x580_000_transform_bezier_anim_2 {
  0% {
    -webkit-transform: translate3d(-1011px, 0, 0);
            transform: translate3d(-1011px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
            animation-timing-function: cubic-bezier(0.48, 0.06, 0.52, 0.95);
  }
  96.49% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes z_i_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_i_2_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes z_i_2_000_opacity_bezier_anim {
  0% {
    opacity: 0.6;
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_i_2_000_opacity_bezier_anim {
  0% {
    opacity: 0.6;
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_i_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
}
@keyframes z_i_1_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
}
@-webkit-keyframes z_i_1_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    opacity: 0.6;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes z_i_1_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation-timing-function: cubic-bezier(0.48, 0.04, 0.52, 0.96);
  }
  70.18% {
    opacity: 0.6;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 0.6;
  }
}
@-webkit-keyframes z_xingzhuang_687_kaobei_4_000_anim {
  0% {
    -webkit-transform: translate(686px, -225px) rotate(119deg) scale(1, 1);
            transform: translate(686px, -225px) rotate(119deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(655px, -161px) rotate(129.6deg) scale(1.1554, 1.1554);
            transform: translate(655px, -161px) rotate(129.6deg) scale(1.1554, 1.1554);
    opacity: 1;
  }
  46.43% {
    -webkit-transform: translate(473px, -15px) rotate(165deg) scale(1.6732, 1.6732);
            transform: translate(473px, -15px) rotate(165deg) scale(1.6732, 1.6732);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(317px, 13px) rotate(171.3deg) scale(1.9321, 1.9321);
            transform: translate(317px, 13px) rotate(171.3deg) scale(1.9321, 1.9321);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(184deg) scale(2.45, 2.45);
            transform: translate(0, 0) rotate(184deg) scale(2.45, 2.45);
    opacity: 0;
  }
}
@keyframes z_xingzhuang_687_kaobei_4_000_anim {
  0% {
    -webkit-transform: translate(686px, -225px) rotate(119deg) scale(1, 1);
            transform: translate(686px, -225px) rotate(119deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(655px, -161px) rotate(129.6deg) scale(1.1554, 1.1554);
            transform: translate(655px, -161px) rotate(129.6deg) scale(1.1554, 1.1554);
    opacity: 1;
  }
  46.43% {
    -webkit-transform: translate(473px, -15px) rotate(165deg) scale(1.6732, 1.6732);
            transform: translate(473px, -15px) rotate(165deg) scale(1.6732, 1.6732);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(317px, 13px) rotate(171.3deg) scale(1.9321, 1.9321);
            transform: translate(317px, 13px) rotate(171.3deg) scale(1.9321, 1.9321);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(184deg) scale(2.45, 2.45);
            transform: translate(0, 0) rotate(184deg) scale(2.45, 2.45);
    opacity: 0;
  }
}
@-webkit-keyframes z_xingzhuang_687_kaobei_3_000_anim_1 {
  0% {
    -webkit-transform: translate(28px, -429px) rotate(-42deg) scale(1, 1);
            transform: translate(28px, -429px) rotate(-42deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(100px, -432px) rotate(-25.5deg) scale(1.3643, 1.3643);
            transform: translate(100px, -432px) rotate(-25.5deg) scale(1.3643, 1.3643);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(192px, -411px) rotate(-3.5deg) scale(1.85, 1.85);
            transform: translate(192px, -411px) rotate(-3.5deg) scale(1.85, 1.85);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(288px, -282px) rotate(63deg) scale(2.7, 2.7);
            transform: translate(288px, -282px) rotate(63deg) scale(2.7, 2.7);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(263px, -163px) rotate(85.9deg) scale(3.1857, 3.1857);
            transform: translate(263px, -163px) rotate(85.9deg) scale(3.1857, 3.1857);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(122deg) scale(4.4, 4.4);
            transform: translate(0, 0) rotate(122deg) scale(4.4, 4.4);
    opacity: 0;
  }
}
@keyframes z_xingzhuang_687_kaobei_3_000_anim_1 {
  0% {
    -webkit-transform: translate(28px, -429px) rotate(-42deg) scale(1, 1);
            transform: translate(28px, -429px) rotate(-42deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(100px, -432px) rotate(-25.5deg) scale(1.3643, 1.3643);
            transform: translate(100px, -432px) rotate(-25.5deg) scale(1.3643, 1.3643);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(192px, -411px) rotate(-3.5deg) scale(1.85, 1.85);
            transform: translate(192px, -411px) rotate(-3.5deg) scale(1.85, 1.85);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(288px, -282px) rotate(63deg) scale(2.7, 2.7);
            transform: translate(288px, -282px) rotate(63deg) scale(2.7, 2.7);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(263px, -163px) rotate(85.9deg) scale(3.1857, 3.1857);
            transform: translate(263px, -163px) rotate(85.9deg) scale(3.1857, 3.1857);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(122deg) scale(4.4, 4.4);
            transform: translate(0, 0) rotate(122deg) scale(4.4, 4.4);
    opacity: 0;
  }
}
@-webkit-keyframes z_zu_1_000_anim {
  0% {
    -webkit-transform: translate(-364px, 565px) rotate(0deg) scale(1, 1);
            transform: translate(-364px, 565px) rotate(0deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(-410px, 540px) rotate(18.2deg) scale(1.4586, 1.4586);
            transform: translate(-410px, 540px) rotate(18.2deg) scale(1.4586, 1.4586);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-464px, 366px) rotate(85deg) scale(3.14, 3.14);
            transform: translate(-464px, 366px) rotate(85deg) scale(3.14, 3.14);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(-378px, 212px) rotate(100.1deg) scale(3.7514, 3.7514);
            transform: translate(-378px, 212px) rotate(100.1deg) scale(3.7514, 3.7514);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(138deg) scale(5.28, 5.28);
            transform: translate(0, 0) rotate(138deg) scale(5.28, 5.28);
    opacity: 0;
  }
}
@keyframes z_zu_1_000_anim {
  0% {
    -webkit-transform: translate(-364px, 565px) rotate(0deg) scale(1, 1);
            transform: translate(-364px, 565px) rotate(0deg) scale(1, 1);
    opacity: 0;
  }
  10.71% {
    -webkit-transform: translate(-410px, 540px) rotate(18.2deg) scale(1.4586, 1.4586);
            transform: translate(-410px, 540px) rotate(18.2deg) scale(1.4586, 1.4586);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-464px, 366px) rotate(85deg) scale(3.14, 3.14);
            transform: translate(-464px, 366px) rotate(85deg) scale(3.14, 3.14);
    opacity: 1;
  }
  64.29% {
    -webkit-transform: translate(-378px, 212px) rotate(100.1deg) scale(3.7514, 3.7514);
            transform: translate(-378px, 212px) rotate(100.1deg) scale(3.7514, 3.7514);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(138deg) scale(5.28, 5.28);
            transform: translate(0, 0) rotate(138deg) scale(5.28, 5.28);
    opacity: 0;
  }
}
@-webkit-keyframes sprite_z_Single_Ripple_mov_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -906px 0;
  }
  8.3% {
    background-position: -1812px 0;
  }
  12.5% {
    background-position: -2718px 0;
  }
  16.7% {
    background-position: -3624px 0;
  }
  20.8% {
    background-position: 0 -894px;
  }
  25% {
    background-position: -906px -894px;
  }
  29.2% {
    background-position: -1812px -894px;
  }
  33.3% {
    background-position: -2718px -894px;
  }
  37.5% {
    background-position: -3624px -894px;
  }
  41.7% {
    background-position: 0 -1788px;
  }
  45.8% {
    background-position: -906px -1788px;
  }
  50% {
    background-position: -1812px -1788px;
  }
  54.2% {
    background-position: -2718px -1788px;
  }
  58.3% {
    background-position: -3624px -1788px;
  }
  62.5% {
    background-position: 0 -2682px;
  }
  66.7% {
    background-position: -906px -2682px;
  }
  70.8% {
    background-position: -1812px -2682px;
  }
  75% {
    background-position: -2718px -2682px;
  }
  79.2% {
    background-position: -3624px -2682px;
  }
  83.3% {
    background-position: 0 -3576px;
  }
  87.5% {
    background-position: -906px -3576px;
  }
  91.7% {
    background-position: -1812px -3576px;
  }
  95.8% {
    background-position: -2718px -3576px;
  }
  100% {
    background-position: -2718px -3576px;
  }
}
@keyframes sprite_z_Single_Ripple_mov_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -906px 0;
  }
  8.3% {
    background-position: -1812px 0;
  }
  12.5% {
    background-position: -2718px 0;
  }
  16.7% {
    background-position: -3624px 0;
  }
  20.8% {
    background-position: 0 -894px;
  }
  25% {
    background-position: -906px -894px;
  }
  29.2% {
    background-position: -1812px -894px;
  }
  33.3% {
    background-position: -2718px -894px;
  }
  37.5% {
    background-position: -3624px -894px;
  }
  41.7% {
    background-position: 0 -1788px;
  }
  45.8% {
    background-position: -906px -1788px;
  }
  50% {
    background-position: -1812px -1788px;
  }
  54.2% {
    background-position: -2718px -1788px;
  }
  58.3% {
    background-position: -3624px -1788px;
  }
  62.5% {
    background-position: 0 -2682px;
  }
  66.7% {
    background-position: -906px -2682px;
  }
  70.8% {
    background-position: -1812px -2682px;
  }
  75% {
    background-position: -2718px -2682px;
  }
  79.2% {
    background-position: -3624px -2682px;
  }
  83.3% {
    background-position: 0 -3576px;
  }
  87.5% {
    background-position: -906px -3576px;
  }
  91.7% {
    background-position: -1812px -3576px;
  }
  95.8% {
    background-position: -2718px -3576px;
  }
  100% {
    background-position: -2718px -3576px;
  }
}
@-webkit-keyframes z_tuceng_1362_000_anim {
  0% {
    -webkit-transform: translate(64px, -2px);
            transform: translate(64px, -2px);
    opacity: 0;
  }
  37.5% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes z_tuceng_1362_000_anim {
  0% {
    -webkit-transform: translate(64px, -2px);
            transform: translate(64px, -2px);
    opacity: 0;
  }
  37.5% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes z_tuceng_1361_000_anim {
  0% {
    -webkit-transform: translate(-61px, 1px);
            transform: translate(-61px, 1px);
    opacity: 1;
  }
  6.25% {
    -webkit-transform: translate(-61px, 1px);
            transform: translate(-61px, 1px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}
@keyframes z_tuceng_1361_000_anim {
  0% {
    -webkit-transform: translate(-61px, 1px);
            transform: translate(-61px, 1px);
    opacity: 1;
  }
  6.25% {
    -webkit-transform: translate(-61px, 1px);
            transform: translate(-61px, 1px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}
/* 职业开始 */
@-webkit-keyframes z_i_bg01_kaobei_001_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  49.06% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  98.11% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_i_bg01_kaobei_001_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  49.06% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  98.11% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_yuhecheng_6_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  44.12% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    -webkit-transform: scale(1.26, 1.26);
            transform: scale(1.26, 1.26);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
@keyframes z_yuhecheng_6_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  44.12% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    -webkit-transform: scale(1.26, 1.26);
            transform: scale(1.26, 1.26);
    -webkit-filter: blur(10px);
            filter: blur(10px);
  }
}
@-webkit-keyframes z_yuhecheng_6_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_yuhecheng_6_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes z_i_4_nanshen_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.74, 0.74);
            transform: scale(0.74, 0.74);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_i_4_nanshen_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(0.74, 0.74);
            transform: scale(0.74, 0.74);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes z_i_4_nanshen_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  26.32% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_i_4_nanshen_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  26.32% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_wen_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 128px) scale(1, 1);
            transform: translate(0, 128px) scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    -webkit-transform: translate(0, 128px) scale(1, 1);
            transform: translate(0, 128px) scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1);
  }
}
@keyframes z_wen_000_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 128px) scale(1, 1);
            transform: translate(0, 128px) scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    -webkit-transform: translate(0, 128px) scale(1, 1);
            transform: translate(0, 128px) scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1);
  }
}
@-webkit-keyframes z_wen_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  76.47% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_wen_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  44.12% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  76.47% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes z_qinjianshuangjue_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  21.74% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_qinjianshuangjue_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  21.74% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_gulingyuhun_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  75% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_gulingyuhun_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  75% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes z_rendantiandejianhaishengpanyinyang_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  75% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes z_rendantiandejianhaishengpanyinyang_000_opacity_bezier_anim {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  75% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes z_wen_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 176px);
            transform: translate(0, 176px);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_wen_001_transform_bezier_anim {
  0% {
    -webkit-transform: translate(0, 176px);
            transform: translate(0, 176px);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes z_wen_001_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  26.32% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_wen_001_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  26.32% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_b_bofanganniu_000_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_b_bofanganniu_000_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_b_bofanganniu_001_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_b_bofanganniu_001_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_qinjianshuangjue_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  21.74% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_qinxinzhuojianyitianxiagongzhiyin_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  18.18% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_qinxinzhuojianyitianxiagongzhiyin_000_opacity_bezier_anim {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
            animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }
  18.18% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_nannv_000_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_nannv_000_anim {
  0% {
    opacity: 0;
  }
  28.3% {
    opacity: 0;
  }
  35.85% {
    opacity: 0;
  }
  56.6% {
    opacity: 0;
  }
  66.04% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sprite_z_Single_Ripple_mov_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -906px 0;
  }
  8.3% {
    background-position: -1812px 0;
  }
  12.5% {
    background-position: -2718px 0;
  }
  16.7% {
    background-position: -3624px 0;
  }
  20.8% {
    background-position: 0 -894px;
  }
  25% {
    background-position: -906px -894px;
  }
  29.2% {
    background-position: -1812px -894px;
  }
  33.3% {
    background-position: -2718px -894px;
  }
  37.5% {
    background-position: -3624px -894px;
  }
  41.7% {
    background-position: 0 -1788px;
  }
  45.8% {
    background-position: -906px -1788px;
  }
  50% {
    background-position: -1812px -1788px;
  }
  54.2% {
    background-position: -2718px -1788px;
  }
  58.3% {
    background-position: -3624px -1788px;
  }
  62.5% {
    background-position: 0 -2682px;
  }
  66.7% {
    background-position: -906px -2682px;
  }
  70.8% {
    background-position: -1812px -2682px;
  }
  75% {
    background-position: -2718px -2682px;
  }
  79.2% {
    background-position: -3624px -2682px;
  }
  83.3% {
    background-position: 0 -3576px;
  }
  87.5% {
    background-position: -906px -3576px;
  }
  91.7% {
    background-position: -1812px -3576px;
  }
  95.8% {
    background-position: -2718px -3576px;
  }
  100% {
    background-position: -2718px -3576px;
  }
}
/* 职业结束 */
@-webkit-keyframes font_scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes font_scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes z_yuhecheng_22_000_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes z_yuhecheng_22_000_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 7px);
            transform: translate(0, 7px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes sprite_z_yuhecheng_25_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -148px 0;
  }
  8.3% {
    background-position: -296px 0;
  }
  12.5% {
    background-position: -444px 0;
  }
  16.7% {
    background-position: -592px 0;
  }
  20.8% {
    background-position: 0 -188px;
  }
  25% {
    background-position: -148px -188px;
  }
  29.2% {
    background-position: -296px -188px;
  }
  33.3% {
    background-position: -444px -188px;
  }
  37.5% {
    background-position: -592px -188px;
  }
  41.7% {
    background-position: 0 -376px;
  }
  45.8% {
    background-position: -148px -376px;
  }
  50% {
    background-position: -296px -376px;
  }
  54.2% {
    background-position: -444px -376px;
  }
  58.3% {
    background-position: -592px -376px;
  }
  62.5% {
    background-position: 0 -564px;
  }
  66.7% {
    background-position: -148px -564px;
  }
  70.8% {
    background-position: -296px -564px;
  }
  75% {
    background-position: -444px -564px;
  }
  79.2% {
    background-position: -592px -564px;
  }
  83.3% {
    background-position: 0 -752px;
  }
  87.5% {
    background-position: -148px -752px;
  }
  91.7% {
    background-position: -296px -752px;
  }
  95.8% {
    background-position: -444px -752px;
  }
  100% {
    background-position: -444px -752px;
  }
}
@keyframes sprite_z_yuhecheng_25_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -148px 0;
  }
  8.3% {
    background-position: -296px 0;
  }
  12.5% {
    background-position: -444px 0;
  }
  16.7% {
    background-position: -592px 0;
  }
  20.8% {
    background-position: 0 -188px;
  }
  25% {
    background-position: -148px -188px;
  }
  29.2% {
    background-position: -296px -188px;
  }
  33.3% {
    background-position: -444px -188px;
  }
  37.5% {
    background-position: -592px -188px;
  }
  41.7% {
    background-position: 0 -376px;
  }
  45.8% {
    background-position: -148px -376px;
  }
  50% {
    background-position: -296px -376px;
  }
  54.2% {
    background-position: -444px -376px;
  }
  58.3% {
    background-position: -592px -376px;
  }
  62.5% {
    background-position: 0 -564px;
  }
  66.7% {
    background-position: -148px -564px;
  }
  70.8% {
    background-position: -296px -564px;
  }
  75% {
    background-position: -444px -564px;
  }
  79.2% {
    background-position: -592px -564px;
  }
  83.3% {
    background-position: 0 -752px;
  }
  87.5% {
    background-position: -148px -752px;
  }
  91.7% {
    background-position: -296px -752px;
  }
  95.8% {
    background-position: -444px -752px;
  }
  100% {
    background-position: -444px -752px;
  }
}
.wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.login-info {
  position: absolute;
  color: #fff;
  font-size: 20px;
  left: 214px;
  top: 40px;
  z-index: 10;
  display: none;
}
.login-info.on {
  display: block;
}
.login-info a {
  color: #fff;
  font-size: 20px;
  text-decoration: underline;
  margin-left: 5px;
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mainSwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mainSwiper .swiper-slide.footer-slide {
  background: rgba(16, 28, 34, 0.5);
  height: 215px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: all;
}
.mainSwiper .swiper-slide.footer-slide .g-footer {
  padding: 10px 0;
}
.mainSwiper .swiper-slide.footer-slide .footer-text-box {
  color: #fff;
}
.page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.page.swiper-slide-active {
  z-index: 10;
}
.page .outbox {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.page .video-cover-box {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -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 .video-cover-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page0 {
  background: url("https://www.swordofjustice.com/2025/0621/0c913c2992a9bdbe4e70997df5214742.jpg") center center no-repeat;
  background-size: cover;
}
.page.page0 .outbox {
  z-index: 2;
}
.page.page0 .slogasn-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}
.page.page0 .slogan {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1614px -0px;
width:291px;
height:443px;

  margin: 0 auto;
  position: relative;
}
.page.page0 .play {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -980px;
width:89px;
height:91px;

  -webkit-animation: translateScale 1.5s infinite alternate linear;

          animation: translateScale 1.5s infinite alternate linear;
  position: absolute;
  bottom: 0;
  left: 86px;
}
.page.page0 .play:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2190px -980px;
width:89px;
height:91px;

  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page0 .play:hover:after {
  opacity: 1;
}
.page.page0 .num-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 53px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 66px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.page.page0 .num-box span:first-child {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2169px -1828px;
width:84px;
height:53px;

}
.page.page0 .num-box span:last-child {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -1075px;
width:140px;
height:53px;

}
.page.page0 .num-box div {
  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: translateY(-6px);
          transform: translateY(-6px);
}
.page.page0 .num-box div i[data-num='0'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2059px -562px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='1'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2057px -906px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='2'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1806px -447px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='3'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1837px -447px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='4'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1868px -447px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='5'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1806px -495px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='6'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1837px -495px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='7'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1868px -495px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='8'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1806px -543px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='9'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1837px -543px;
width:27px;
height:44px;

}
.page.page0 .num-box div i[data-num='dh'] {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1868px -543px;
width:27px;
height:44px;

}
.page.page0 .btn-fuli {
  position: relative;
  z-index: 2;
  cursor: pointer;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 auto;
  height: 80px;
  width: 400px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% -135%;
          transform-origin: 50% -135%;
  -webkit-animation: sprite_z_yuhecheng_23_000 3s 0s steps(1) infinite normal;
          animation: sprite_z_yuhecheng_23_000 3s 0s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/fuli_48db65be.png);
  background-size: 600% 600%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 0 15px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.page.page0 .btn-fuli:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page.page0 .btn-fuli p {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
}
.page.page0 .btn-fuli p:nth-of-type(2) {
  font-size: 16px;
  margin-top: -5px;
}
.page.page0 .btn-fuli p:nth-of-type(2) span {
  color: #b2deff;
}
.page.page0 .btn-order-gw {
  position: relative;
  z-index: 2;
  cursor: pointer;
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -6px auto 0;
  height: 80px;
  width: 400px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% -135%;
          transform-origin: 50% -135%;
  -webkit-animation: sprite_z_yuhecheng_23_001 3s 0s steps(1) infinite normal;
          animation: sprite_z_yuhecheng_23_001 3s 0s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/order_642178f8.png);
  background-size: 600% 600%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 10px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.page.page0 .btn-order-gw:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page.page0 .btn-order-gw p {
  font-size: 26px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
}
.page.page0 .btn-order-gw p span {
  color: #b2deff;
  font-size: 16px;
}
.page.page0 .btn-gwyy {
  position: absolute;
  left: -220px;
  top: 380px;
  width: 277px;
  height: 277px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/btn-gwyy_8b6d1ddc.png);
  background-size: 100% 100%;
}
.page.page0 .btn-gwyy:hover {
  background-image: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/btn-gwyy-h_14a26f88.png);
}
.page.page0 .zmwj {
  position: absolute;
  left: 523px;
  top: 460px;
  width: 266px;
  height: 166px;
}
.page.page0 .zmwj .btn-zmwj {
  display: block;
  width: 266px;
  height: 166px;
}
.page.page0 .zmwj .btn-zmwj:before {
  pointer-events: none;
  position: absolute;
  left: -67px;
  top: -35px;
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-675px -1514px;
width:266px;
height:166px;

}
.page.page0 .zmwj .btn-zmwj:hover:before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-945px -1514px;
width:266px;
height:166px;

}
.page.page0 .btn-box {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
.page.page0 .btn-box .btn-ljck {
  width: 240px;
  height: 203px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/btn-ljck_f15c9c5e.png);
  background-size: 100% 100%;
}
.page.page0 .btn-box .btn-ljck:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page.page0 .btn-box .qr-code {
  width: 144px;
  height: 154px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/qr-code_d9d4baec.png);
  background-size: 100% 100%;
  margin-left: -24px;
}
.page.page0 .btn-box .download {
  margin: 0 10px;
  position: relative;
}
.page.page0 .btn-box .download a {
  display: block;
  width: 144px;
  height: 45px;
  margin-bottom: 10px;
}
.page.page0 .btn-box .download a:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page.page0 .btn-box .download a:last-child {
  margin-bottom: 0;
}
.page.page0 .btn-box .download .btn-pc {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/pc-download_83a03231.png);
  background-size: 100% 100%;
}
.page.page0 .btn-box .download .btn-ios {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/ios-download_1b6fc986.png);
  background-size: 100% 100%;
}
.page.page0 .btn-box .download .btn-google {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/google-download_b632b18d.png);
  background-size: 100% 100%;
}
.page.page0 .btn-box .btn-pay {
  display: block;
  width: 95px;
  height: 155px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/pay-btn_a4867ca3.png);
  background-size: 100% 100%;
}
.page.page0 .move {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2134px -1132px;
width:68px;
height:96px;

  position: absolute;
  left: 50%;
  margin-left: -33px;
  bottom: 33px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.page.page0 .move:before {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2206px -1132px;
width:68px;
height:96px;

  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: translateDown 1.5s infinite alternate linear;
          animation: translateDown 1.5s infinite alternate linear;
}
.page .btn-xianjin {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  z-index: 3;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -0px;
width:201px;
height:181px;

}
.page .btn-xianjin:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page.page5 {
  background: url("https://www.swordofjustice.com/2024/1114/6ec321bbf2e471ace602ed7b47198adc.jpg") center center no-repeat;
  background-size: cover;
}
.page.page5.swiper-slide-active .swiper-box {
  -webkit-animation: banner_news_anim 2.45s linear forwards;
          animation: banner_news_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .swiper-box .leaf-cover {
  -webkit-animation: banner_news_leaf_anim 2.45s linear forwards;
          animation: banner_news_leaf_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .pager {
  -webkit-animation: pager_anim 2.45s linear forwards;
          animation: pager_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-tabs {
  -webkit-animation: banner_news_tab_anim 2.45s linear forwards;
          animation: banner_news_tab_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-list-container {
  -webkit-animation: zxiaoxinwen2_anim 2.45s linear forwards;
          animation: zxiaoxinwen2_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-list li:nth-child(1) {
  -webkit-animation: z13_anim 2.45s linear forwards;
          animation: z13_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-list li:nth-child(2) {
  -webkit-animation: z24_anim 2.45s linear forwards;
          animation: z24_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-list li:nth-child(3) {
  -webkit-animation: z46_anim 2.45s linear forwards;
          animation: z46_anim 2.45s linear forwards;
}
.page.page5.swiper-slide-active .news-list li:nth-child(4) {
  -webkit-animation: z35_anim 2.45s linear forwards;
          animation: z35_anim 2.45s linear forwards;
}
.page.page5 .outbox {
  width: 1380px;
  height: 548px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page.page5 .banner-box {
  position: relative;
  width: 780px;
  margin-left: -10px;
}
.page.page5 .banner-swiper {
  width: 780px;
  height: 437px;
  margin: 0;
}
.page.page5 .banner-swiper a {
  position: relative;
  display: block;
  width: 780px;
  height: 437px;
}
.page.page5 .banner-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page5 .banner-pagination {
  margin: 27px 0 0 202px;
}
.page.page5 .banner-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 4px;
  background: #b6c0ce;
  border-radius: 0;
  opacity: 1;
  margin-right: 8px;
  -webkit-transition: width 0.8s ease-in-out;
  transition: width 0.8s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.page.page5 .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  background: #2e4976;
}
.page.page5 .pager {
  position: absolute;
  right: 0;
  top: 460px;
  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;
}
.page.page5 .pager .pager-txt {
  width: 137px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 32px;
  color: #3d6a93;
  font-family: "Noto Sans TC", sans-serif;
}
.page.page5 .pager .banner-next,
.page.page5 .pager .banner-prev {
  cursor: pointer;
}
.page.page5 .pager .banner-next {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2283px -980px;
width:14px;
height:21px;

}
.page.page5 .pager .banner-next:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2283px -1005px;
width:14px;
height:21px;

}
.page.page5 .pager .banner-prev {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2283px -1030px;
width:14px;
height:21px;

}
.page.page5 .pager .banner-prev:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2278px -1132px;
width:14px;
height:21px;

}
.page.page5 .leaf-cover {
  position: absolute;
  left: -58px;
  top: -76px;
  width: 846px;
  height: 561px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/leaf_e20c79cb.png) no-repeat center top;
  pointer-events: none;
  z-index: 2;
}
.page.page5 .news-box {
  position: relative;
  width: 594px;
}
.page.page5 .news-box .news-list {
  display: none;
  font-family: "Noto Sans TC", sans-serif;
}
.page.page5 .news-box .news-list li {
  position: relative;
  width: 280px;
  height: 210px;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 28px;
  line-height: 1;
  vertical-align: top;
}
.page.page5 .news-box .news-list li .date-container {
  position: absolute;
  left: 0;
  top: 157px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2258px -1647px;
width:36px;
height:52px;

  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page.page5 .news-box .news-list li .date-container .date0 {
  margin-top: 6px;
  font-size: 15px;
  color: #46647e;
}
.page.page5 .news-box .news-list li .date-container .date1 {
  margin-top: 12px;
  font-size: 15px;
  color: #46647e;
}
.page.page5 .news-box .news-list li .tag-blue {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 23px;
  font-size: 16px;
  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;
  background-color: #92b1cd;
  color: #1c3c53;
}
.page.page5 .news-box .news-list li .tag-yellow {
  position: absolute;
  left: 57px;
  top: 0;
  width: 52px;
  height: 23px;
  font-size: 16px;
  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;
  background-color: #d9bc74;
  color: #53481c;
}
.page.page5 .news-box .news-list li a {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans TC", sans-serif;
}
.page.page5 .news-box .news-list li a .news-title {
  color: #46647e;
  width: 237px;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  margin-left: 47px;
  text-align: left;
  line-height: 25px;
  font-size: 16px;
}
.page.page5 .news-box .news-list li a:hover .img-container img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page.page5 .news-box .news-list li a:hover p {
  color: #4980af;
}
.page.page5 .news-box .news-list li:nth-child(2n) {
  margin-left: 23px;
}
.page.page5 .news-box .news-list i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  font-size: 17px;
  background: #d9bc76;
  color: #53481c;
  border-left: 1px solid #fff;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  width: 56px;
  height: 25px;
  line-height: 25px;
  z-index: 2;
}
.page.page5 .news-box .news-list .img-container {
  width: 100%;
  height: 147px;
  overflow: hidden;
}
.page.page5 .news-box .news-list img {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page5 .news-tabs {
  position: relative;
  font-size: 0;
  margin-bottom: 4px;
  margin-top: -12px;
  margin-left: -16px;
  -webkit-transform: translate(35px, 0);
          transform: translate(35px, 0);
}
.page.page5 .news-tabs:after {
  pointer-events: none;
  position: absolute;
  bottom: 8px;
  left: 0;
  content: '';
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center bottom;background-size:2302px 1927px;
background-position:-1001px -1275px;
width:580px;
height:6px;

}
.page.page5 .news-tabs a {
  position: relative;
  display: inline-block;
  color: #3d6a93;
  width: 74px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-right: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page.page5 .news-tabs a:hover,
.page.page5 .news-tabs a.active {
  color: #395065;
  -webkit-animation: fadeIn 1s linear;
          animation: fadeIn 1s linear;
}
.page.page5 .news-tabs a:hover:after,
.page.page5 .news-tabs a.active:after {
  content: '';
  display: block;
  position: absolute;
  right: -5px;
  top: -11px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2214px -1518px;
width:74px;
height:40px;

  pointer-events: none;
}
.page.page5 .news-tabs a span {
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.page.page5 .arr-more-news {
  display: block;
  position: absolute;
  right: 28px;
  top: -1px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2044px -1635px;
width:41px;
height:37px;

  opacity: 0;
  -webkit-animation: slide 2.45s 3s linear infinite;
          animation: slide 2.45s 3s linear infinite;
}
.page.page5 .arr-more-news:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1909px -1677px;
width:41px;
height:37px;

}
.page.page5 .swiper-box {
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}
.page.page5 .news-list-container {
  -webkit-transform: translate(19px, 0);
          transform: translate(19px, 0);
}
.page.page1 .page-liupai {
  width: 100%;
  height: 100%;
}
.page.page1 .page-liupai .cnt {
  width: 100%;
  height: 100%;
}
.page.page1 .page-liupai .cnt .school {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
}
.page.page1 .page-liupai .cnt .school-ly {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_0e917810.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-ly .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1614px -447px;
width:188px;
height:327px;

}
.page.page1 .page-liupai .cnt .school-ly .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-2057px -634px;
width:23px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-sw {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_b37dbb6a.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-sw .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1909px -634px;
width:144px;
height:325px;

}
.page.page1 .page-liupai .cnt .school-sw .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-2057px -770px;
width:23px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-jl {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_a4e391d2.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-jl .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1614px -778px;
width:182px;
height:323px;

}
.page.page1 .page-liupai .cnt .school-jl .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1909px -1174px;
width:23px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-sx {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_087e8af0.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-sx .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-212px -1514px;
width:189px;
height:266px;

}
.page.page1 .page-liupai .cnt .school-sx .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1936px -1174px;
width:23px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-xh {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_85b39e63.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-xh .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-0px -1514px;
width:208px;
height:273px;

}
.page.page1 .page-liupai .cnt .school-xh .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-2059px -290px;
width:24px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-sm {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_8cc419e6.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-sm .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1909px -290px;
width:146px;
height:340px;

}
.page.page1 .page-liupai .cnt .school-sm .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1909px -1310px;
width:22px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-ty {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg_4c90b23d.jpg) no-repeat center top;
  background-size: cover;
}
.page.page1 .page-liupai .cnt .school-ty .school-name {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-1909px -0px;
width:184px;
height:286px;

}
.page.page1 .page-liupai .cnt .school-ty .introduce {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat center center;background-size:2302px 1927px;
background-position:-2059px -426px;
width:24px;
height:132px;

}
.page.page1 .page-liupai .cnt .school-ly .school-info {
  left: 50%;
  top: 55px;
  margin-left: -571px;
}
.page.page1 .page-liupai .cnt .school-ly .school-info .introduce {
  margin-left: 20px;
  margin-top: 125px;
}
.page.page1 .page-liupai .cnt .school-ly .school-info .play-btn {
  top: 322px;
  left: 138px;
}
.page.page1 .page-liupai .cnt .school-ty .school-info {
  left: 50%;
  top: 80px;
  margin-left: -626px;
}
.page.page1 .page-liupai .cnt .school-ty .school-info .introduce {
  margin-left: 5px;
  margin-top: 116px;
}
.page.page1 .page-liupai .cnt .school-ty .school-info .play-btn {
  top: 300px;
  left: 164px;
}
.page.page1 .page-liupai .cnt .school-sm .school-info {
  right: 50%;
  top: 90px;
  margin-right: -260px;
}
.page.page1 .page-liupai .cnt .school-sm .school-info .introduce {
  margin-left: 5px;
  margin-top: 118px;
}
.page.page1 .page-liupai .cnt .school-sm .school-info .play-btn {
  top: 310px;
  left: 126px;
}
.page.page1 .page-liupai .cnt .school-xh .school-info {
  right: 50%;
  top: 150px;
  margin-right: -280px;
}
.page.page1 .page-liupai .cnt .school-xh .school-info .introduce {
  margin-left: 10px;
  margin-top: 73px;
}
.page.page1 .page-liupai .cnt .school-xh .school-info .play-btn {
  top: 262px;
  left: 193px;
}
.page.page1 .page-liupai .cnt .school-sx .school-info {
  left: 50%;
  top: 190px;
  margin-left: -600px;
}
.page.page1 .page-liupai .cnt .school-sx .school-info .introduce {
  margin-left: 10px;
  margin-top: 28px;
}
.page.page1 .page-liupai .cnt .school-sx .school-info .play-btn {
  top: 224px;
  left: 171px;
}
.page.page1 .page-liupai .cnt .school-jl .school-info {
  left: 50%;
  top: 103px;
  margin-left: -608px;
}
.page.page1 .page-liupai .cnt .school-jl .school-info .introduce {
  margin-left: 15px;
  margin-top: 115px;
}
.page.page1 .page-liupai .cnt .school-jl .school-info .play-btn {
  top: 313px;
  left: 172px;
}
.page.page1 .page-liupai .cnt .school-sw .school-info {
  left: 50%;
  top: 55px;
  margin-left: -571px;
}
.page.page1 .page-liupai .cnt .school-sw .school-info .introduce {
  margin-left: 20px;
  margin-top: 125px;
}
.page.page1 .page-liupai .cnt .school-sw .school-info .play-btn {
  top: 322px;
  left: 138px;
}
.page.page1 .page-liupai .cnt .school .play-btn {
  cursor: pointer;
  position: absolute;
  top: 373px;
  left: 90px;
}
.page.page1 .page-liupai .cnt .school .play-btn:hover {
  -webkit-filter: drop-shadow(0 0 4px #eed590);
          filter: drop-shadow(0 0 4px #eed590);
}
.page.page1 .page-liupai .cnt .school .play-btn .circle {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2017px -1012px;
width:61px;
height:64px;

}
.page.page1 .page-liupai .cnt .school .play-btn .arrow {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2258px -1763px;
width:28px;
height:26px;

  position: absolute;
  top: 18px;
  left: 20px;
}
.page.page1 .page-liupai .cnt .school .school-info {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page.page1 .page-liupai .cnt .school .school-title {
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2097px -1132px;
width:33px;
height:212px;

  top: 0;
  left: 0;
  font-size: 26px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding-top: 34px;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
}
.page.page1 .page-liupai .cnt .school .more-link {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2259px -481px;
width:33px;
height:58px;

}
.page.page1 .page-liupai .cnt .school .more-link:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2258px -1574px;
width:33px;
height:58px;

}
.page.page1 .page-liupai .introduce .tag {
  width: 30px;
  font-size: 30px;
  color: #d8eef2;
  text-align: center;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-left: 48px;
  position: relative;
}
.page.page1 .page-liupai .introduce .tag:before {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -1444px;
width:13px;
height:380px;

  position: absolute;
  left: -18px;
  top: 0;
}
.page.page1 .page-liupai .introduce .desc {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1935px -1310px;
width:22px;
height:99px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
  padding-top: 13px;
  font-size: 16px;
  line-height: 18px;
  color: #aac5c9;
  text-align: center;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-left: 48px;
  margin-top: 6px;
}
.page.page1 .page-liupai .introduce .text {
  width: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #d8eef2;
  text-align: end;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-top: -180px;
  word-wrap: break-word;
}
.page.page1 .page-liupai .introduce .text span {
  display: block;
  margin-top: -14px;
  margin-bottom: 10px;
}
.page.page1 .page-liupai .tab-links {
  position: absolute;
  right: 50%;
  margin-right: -700px;
  top: 0;
  z-index: 9;
  width: 0;
  height: 0;
}
.page.page1 .page-liupai .tab-links::before {
  display: block;
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/nav-line_07dbb091.png) no-repeat;
  width: 588px;
  height: 1074px;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.page.page1 .page-liupai .tab-links .tab-link {
  position: absolute;
  width: 68px;
  height: 69px;
  text-indent: -99999px;
  cursor: pointer;
}
.page.page1 .page-liupai .tab-links .tab-link::before,
.page.page1 .page-liupai .tab-links .tab-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: none;
}
.page.page1 .page-liupai .tab-links .tab-link::before {
  left: 10px;
  display: block;
}
.page.page1 .page-liupai .tab-links .tab-link:hover::before,
.page.page1 .page-liupai .tab-links .tab-link.active::before {
  display: none;
}
.page.page1 .page-liupai .tab-links .tab-link:hover::after,
.page.page1 .page-liupai .tab-links .tab-link.active::after {
  display: block;
}
.page.page1 .page-liupai .tab-links .tab-link-ly {
  top: 170px;
  right: -26px;
}
.page.page1 .page-liupai .tab-links .tab-link-ly::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2023px -1174px;
width:43px;
height:49px;

}
.page.page1 .page-liupai .tab-links .tab-link-ly::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2114px -1574px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-sw {
  top: 250px;
  right: -36px;
}
.page.page1 .page-liupai .tab-links .tab-link-sw::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1961px -1310px;
width:42px;
height:50px;

}
.page.page1 .page-liupai .tab-links .tab-link-sw::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2186px -1574px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-jl {
  top: 333px;
  right: -30px;
}
.page.page1 .page-liupai .tab-links .tab-link-jl::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2007px -1310px;
width:42px;
height:50px;

}
.page.page1 .page-liupai .tab-links .tab-link-jl::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2114px -1647px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-sx {
  top: 416px;
  right: -17px;
}
.page.page1 .page-liupai .tab-links .tab-link-sx::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1909px -1498px;
width:42px;
height:49px;

}
.page.page1 .page-liupai .tab-links .tab-link-sx::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2186px -1647px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-xh {
  top: 499px;
  right: 11px;
}
.page.page1 .page-liupai .tab-links .tab-link-xh::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2241px -1075px;
width:44px;
height:48px;

}
.page.page1 .page-liupai .tab-links .tab-link-xh::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2114px -1720px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-sm {
  top: 582px;
  right: 44px;
}
.page.page1 .page-liupai .tab-links .tab-link-sm::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1909px -1446px;
width:43px;
height:48px;

}
.page.page1 .page-liupai .tab-links .tab-link-sm::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2186px -1720px;
width:68px;
height:69px;

}
.page.page1 .page-liupai .tab-links .tab-link-ty {
  top: 665px;
  right: 88px;
}
.page.page1 .page-liupai .tab-links .tab-link-ty::before {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2253px -576px;
width:45px;
height:49px;

}
.page.page1 .page-liupai .tab-links .tab-link-ty::after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2097px -1828px;
width:68px;
height:69px;

}
.page.page1.swiper-slide-active .school.active {
  -webkit-mask: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/mask_09b54d2e.png) center center no-repeat;
  -webkit-animation: zmask_png_hecheng_11_anim 1.11s linear forwards;
          animation: zmask_png_hecheng_11_anim 1.11s linear forwards;
}
@-webkit-keyframes zmask_png_hecheng_11_anim {
  0% {
    -webkit-mask-size: 35%;
    opacity: 1;
  }
  100% {
    -webkit-mask-size: 532%;
    opacity: 1;
  }
}
@keyframes zmask_png_hecheng_11_anim {
  0% {
    -webkit-mask-size: 35%;
    opacity: 1;
  }
  100% {
    -webkit-mask-size: 532%;
    opacity: 1;
  }
}
.page.page1.swiper-slide-active .school.active .school-name {
  -webkit-animation: zshenxiang8_anim 16s linear forwards;
          animation: zshenxiang8_anim 16s linear forwards;
}
@-webkit-keyframes zshenxiang8_anim {
  0% {
    -webkit-transform: translate(29px, 0);
            transform: translate(29px, 0);
    opacity: 0;
  }
  4.06% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes zshenxiang8_anim {
  0% {
    -webkit-transform: translate(29px, 0);
            transform: translate(29px, 0);
    opacity: 0;
  }
  4.06% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zxiaobiaoti4_anim {
  0% {
    -webkit-transform: translate(-18px, 0);
            transform: translate(-18px, 0);
  }
  4.17% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes zxiaobiaoti4_anim {
  0% {
    -webkit-transform: translate(-18px, 0);
            transform: translate(-18px, 0);
  }
  4.17% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.page.page1.swiper-slide-active .school.active .school-title {
  -webkit-animation: zxiaobiaoti4_anim 16s linear forwards;
          animation: zxiaobiaoti4_anim 16s linear forwards;
}
.page.page1.swiper-slide-active .school.active .introduce {
  -webkit-animation: zxiaobiaoti4_anim 16s linear forwards;
          animation: zxiaobiaoti4_anim 16s linear forwards;
}
.page.page1.swiper-slide-active .school.active .more-link {
  -webkit-animation: zxiaobiaoti4_anim 16s linear forwards;
          animation: zxiaobiaoti4_anim 16s linear forwards;
}
.page.page1.swiper-slide-active .school.active .circle {
  -webkit-animation: zyuan3_anim 16s linear forwards;
          animation: zyuan3_anim 16s linear forwards;
}
@-webkit-keyframes zyuan3_anim {
  0% {
    opacity: 0;
  }
  2.71% {
    opacity: 0;
  }
  5.83% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zyuan3_anim {
  0% {
    opacity: 0;
  }
  2.71% {
    opacity: 0;
  }
  5.83% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.page.page1.swiper-slide-active .school.active .arrow {
  -webkit-animation: zfuhao2_anim 16s linear forwards;
          animation: zfuhao2_anim 16s linear forwards;
}
@-webkit-keyframes zfuhao2_anim {
  0% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0;
  }
  2.71% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0;
  }
  3.65% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0.3;
  }
  5.52% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.9;
  }
  5.83% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes zfuhao2_anim {
  0% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0;
  }
  2.71% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0;
  }
  3.65% {
    -webkit-transform: scale(1, 0.18);
            transform: scale(1, 0.18);
    opacity: 0.3;
  }
  5.52% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0.9;
  }
  5.83% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
.page.page1.swiper-slide-active .school-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/common-bg_9e0968f4.png) no-repeat center top;
  background-size: cover;
  z-index: 3;
}
.page.page6 {
  background: url("https://www.swordofjustice.com/2024/1114/6ec321bbf2e471ace602ed7b47198adc.jpg") center center no-repeat;
  background-size: cover;
}
.page.page6 .outbox {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page.page6.swiper-slide-active .content-box .content.on {
  -webkit-animation: banner_news_anim 2.45s linear forwards;
          animation: banner_news_anim 2.45s linear forwards;
}
.page.page6.swiper-slide-active .accordion {
  -webkit-animation: banner_news_anim 2.45s linear forwards;
          animation: banner_news_anim 2.45s linear forwards;
}
.page.page6 .content-box {
  width: 1011px;
  height: 580px;
  position: relative;
  margin: 0 auto 0;
}
.page.page6 .content-box .content {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}
.page.page6 .content-box .content a {
  pointer-events: none;
}
.page.page6 .content-box .content.on {
  opacity: 1;
  z-index: 1;
}
.page.page6 .content-box .content.on a {
  pointer-events: all;
}
.page.page6 .content-box .content .img-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.page.page6 .content-box .content .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1011px;
}
.page.page6 .content-box .content .img.ani {
  -webkit-animation: z_datu1030x580_000_transform_bezier_anim 0.95s 0s both;
          animation: z_datu1030x580_000_transform_bezier_anim 0.95s 0s both;
}
.page.page6 .content-box .content .img.ani2 {
  -webkit-animation: z_datu1030x580_000_transform_bezier_anim_2 0.95s 0s both;
          animation: z_datu1030x580_000_transform_bezier_anim_2 0.95s 0s both;
}
.page.page6 .content-box .content .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.page.page6 .content-box .content .img img.z_i_1_000 {
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page6 .content-box .content .img img.z_i_1_000_2 {
  left: 1011px;
  z-index: 3;
  opacity: 0.6;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page6 .content-box .content .img img.z_i_2_000 {
  left: 1011px;
  z-index: 3;
  opacity: 0.6;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page6 .content-box .content .img img.z_i_2_000_2 {
  left: 2022px;
  z-index: 2;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page6 .content-box .content.content-picture .img {
  cursor: pointer;
}
.page.page6 .content-box .content .play {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -881px;
width:92px;
height:95px;

  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.page.page6 .content-box .content .play:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2193px -881px;
width:92px;
height:95px;

  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page6 .content-box .content .play:hover:after {
  opacity: 1;
}
.page.page6 .content-box .content .play.hide {
  display: none;
}
.page.page6 .content-box .content .btn-big {
  display: block;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1951px -1718px;
width:38px;
height:39px;

  z-index: 3;
  right: 12px;
  top: 7px;
  -webkit-transition: -webkit-filter 0.5s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}
.page.page6 .content-box .content .btn-big:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
}
.page.page6 .content-box .content .content-next,
.page.page6 .content-box .content .picture-next {
  display: none;
  position: absolute;
  right: -63px;
  top: 293px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2044px -1551px;
width:41px;
height:38px;

}
.page.page6 .content-box .content .content-next:after,
.page.page6 .content-box .content .picture-next:after {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -1593px;
width:41px;
height:38px;

  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page6 .content-box .content .content-next:hover:after,
.page.page6 .content-box .content .picture-next:hover:after {
  opacity: 1;
}
.page.page6 .content-box .content .content-next.on,
.page.page6 .content-box .content .picture-next.on {
  display: block;
}
.page.page6 .content-box .content .content-next.swiper-button-disabled,
.page.page6 .content-box .content .picture-next.swiper-button-disabled {
  display: none;
}
.page.page6 .content-box .content .content-prev,
.page.page6 .content-box .content .picture-prev {
  display: none;
  position: absolute;
  left: -63px;
  top: 293px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1954px -1593px;
width:41px;
height:38px;

}
.page.page6 .content-box .content .content-prev:after,
.page.page6 .content-box .content .picture-prev:after {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1999px -1593px;
width:41px;
height:38px;

  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page6 .content-box .content .content-prev:hover:after,
.page.page6 .content-box .content .picture-prev:hover:after {
  opacity: 1;
}
.page.page6 .content-box .content .content-prev.on,
.page.page6 .content-box .content .picture-prev.on {
  display: block;
}
.page.page6 .content-box .content .content-prev.swiper-button-disabled,
.page.page6 .content-box .content .picture-prev.swiper-button-disabled {
  display: none;
}
.page.page6 .cnt {
  width: 100%;
  height: 100%;
}
.page.page6 .cnt .big-img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
}
.page.page6 .cnt .big-video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  display: none;
}
.page.page6 .cnt .big-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page6 .accordion {
  width: 1011px;
  height: 120px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/tab-bg_a05f8089.png) no-repeat left center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px auto 0;
  position: relative;
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}
.page.page6 .accordion::after {
  content: '';
  position: absolute;
  top: 40px;
  left: -52px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/zy_b9c18ebb.png) no-repeat left center;
  width: 1111px;
  height: 96px;
  pointer-events: none;
}
.page.page6 .accordion .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page.page6 .accordion .box .type {
  cursor: pointer;
}
.page.page6 .accordion .box .type:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}
.page.page6 .accordion .box .type-1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2248px -185px;
width:46px;
height:126px;

}
.page.page6 .accordion .box .type-2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2248px -333px;
width:46px;
height:126px;

}
.page.page6 .accordion .box .thumb-cnt {
  width: 910px;
  height: 100%;
  left: 46px;
  position: absolute;
  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;
}
.page.page6 .accordion .box .thumb-cnt .loading-container {
  position: absolute;
  width: 975px;
  height: 2px;
  background-image: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/loading-bg_235d4480.png);
  background-size: cover;
  bottom: 0;
  left: 5px;
}
.page.page6 .accordion .box .thumb-cnt .loading-container .loading-fill-container {
  position: absolute;
  left: 0;
  width: 0%;
  height: 100%;
  overflow-x: hidden;
}
.page.page6 .accordion .box .thumb-cnt .loading-container .loading-fill-container.anim {
  -webkit-animation: fillAnim 5s forwards linear;
          animation: fillAnim 5s forwards linear;
}
.page.page6 .accordion .box .thumb-cnt .loading-container .loading-fill-container .loading-fill-pic {
  width: 100%;
  height: 100%;
  background-image: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/loading-fill_53ac4b27.png);
  background-size: cover;
}
.page.page6 .accordion .box .thumb-cnt .thumb-prev {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2273px -1280px;
width:21px;
height:24px;

  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
.page.page6 .accordion .box .thumb-cnt .thumb-prev:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2252px -1793px;
width:21px;
height:24px;

}
.page.page6 .accordion .box .thumb-cnt .thumb-next {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2277px -1793px;
width:21px;
height:24px;

  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
.page.page6 .accordion .box .thumb-cnt .thumb-next:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2070px -1174px;
width:21px;
height:24px;

}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt {
  width: 830px;
  height: 91px;
}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt .thumb {
  cursor: pointer;
  pointer-events: unset !important;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2097px -481px;
width:158px;
height:91px;

  position: relative;
}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt .thumb .img-container {
  width: 152px;
  height: 84px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #fff;
  overflow: hidden;
}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt .thumb .img-container:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt .thumb.my-active::after {
  pointer-events: none;
  content: '';
  position: absolute;
  left: 4px;
  top: 3px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -576px;
width:152px;
height:84px;

}
.page.page6 .accordion .box .thumb-cnt .swiper-cnt .thumb img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.page.page6 .accordion .box.active {
  width: 960px;
}
.page.page6 .accordion .box.active .type {
  pointer-events: none;
}
.page.page6 .accordion .box.active .type-1 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2114px -1444px;
width:46px;
height:126px;

}
.page.page6 .accordion .box.active .type-2 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2164px -1444px;
width:46px;
height:126px;

}
.page.page7 {
  background: url("https://www.swordofjustice.com/2024/1114/ff558cfbae398ed956d583b87b7f9513.jpg") center center no-repeat;
  background-size: cover;
}
.page.page7.swiper-slide-active .qudao a {
  opacity: 0;
  -webkit-animation: qingbao_icon_anim 2.5s linear both;
          animation: qingbao_icon_anim 2.5s linear both;
}
.page.page7 .qudao {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  width: 1043px;
  height: 285px;
  margin: 0 auto;
}
.page.page7 .qudao a {
  position: relative;
  margin-left: 70px;
}
.page.page7 .qudao a:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.page.page7 .qudao .icon-facebook {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-279px -1791px;
width:259px;
height:132px;

  margin-left: 0;
}
.page.page7 .qudao .icon-tiktok {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-542px -1791px;
width:259px;
height:132px;

}
.page.page7 .qudao .icon-discord {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-0px -1791px;
width:275px;
height:132px;

}
.page.page7 .qudao .icon-youtube {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-805px -1791px;
width:259px;
height:132px;

  margin-left: 112px;
}
.page.page7 .qudao .icon-instagram {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1068px -1791px;
width:259px;
height:132px;

}
.page.page7 .qudao .icon-forum {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1331px -1791px;
width:259px;
height:132px;

  margin-left: 83px;
}
.page.page7 .btn-feature {
  position: absolute;
  left: 50%;
  margin-left: 127px;
  bottom: 197px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2097px -185px;
width:147px;
height:144px;

}
.page.page7 .btn-feature:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-2097px -333px;
width:147px;
height:144px;

}
.page.page2 .outbox {
  z-index: 1;
  pointer-events: none;
}
.page.page2 .tese-pagination {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-0px -1068px;
width:1083px;
height:130px;

  position: absolute;
  left: 50%;
  margin-left: -543px;
  bottom: 38px;
  text-align: left;
  font-size: 0;
  pointer-events: all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 48px;
  padding-left: 108px;
}
.page.page2 .tese-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  background: none;
  width: 36px;
  height: 36px;
  opacity: 1;
  border-radius: 0;
  position: relative;
  margin-right: 125px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.page.page2 .tese-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.page.page2 .tese-pagination .swiper-pagination-bullet:hover {
  opacity: 0.85;
}
.page.page2 .tese-pagination .swiper-pagination-bullet:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1087px -1068px;
width:336px;
height:130px;

  position: absolute;
  left: -152px;
  top: -48px;
  pointer-events: none;
}
.page.page2 .tese-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  top: -218px;
  left: -262px;
  height: 438px;
  width: 578px;
  mix-blend-mode: normal;
  -webkit-animation: z_dianji_000_anim 1.033s 0s linear both, sprite_z_dianji_000 1s 0s steps(1) both;
          animation: z_dianji_000_anim 1.033s 0s linear both, sprite_z_dianji_000 1s 0s steps(1) both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite_z_dianji_000_e3320290.png);
  background-size: 500% 500%;
}
.page.page2 .teseSwiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.page.page2 .teseSwiper .item {
  overflow: hidden;
}
.page.page2 .teseSwiper .item .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.page.page2 .teseSwiper .item .text {
  position: absolute;
  left: 50%;
  margin-left: -620px;
  top: 50%;
  margin-top: 175px;
}
.page.page2 .teseSwiper .item.item1 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-1_df96d1e8.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item1 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1076px -912px;
width:525px;
height:109px;

}
.page.page2 .teseSwiper .item.item2 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-2_b2347aab.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item2 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-0px -1286px;
width:576px;
height:110px;

}
.page.page2 .teseSwiper .item.item3 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-3_f3e4a98e.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item3 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-580px -1286px;
width:576px;
height:110px;

}
.page.page2 .teseSwiper .item.item4 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-4_82d2f241.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item4 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1160px -1286px;
width:576px;
height:110px;

}
.page.page2 .teseSwiper .item.item5 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-5_2dd38bff.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item5 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-0px -1400px;
width:576px;
height:110px;

}
.page.page2 .teseSwiper .item.item6 .slide-inner {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg2-6_7da9205d.jpg) center center no-repeat;
  background-size: cover;
}
.page.page2 .teseSwiper .item.item6 .text {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-580px -1400px;
width:576px;
height:110px;

}
.page.page3 {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/bg3_961c52b8.jpg) center center no-repeat;
  background-size: cover;
}
.page.page3 .outbox {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page.page3 .tab-box {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-0px -1202px;
width:997px;
height:80px;

  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
  font-size: 0;
  padding-top: 14px;
}
.page.page3 .tab-box .tab {
  display: inline-block;
  vertical-align: top;
  width: 227px;
  height: 43px;
  font-size: 24px;
  line-height: 24px;
  color: rgba(203, 222, 228, 0.8);
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  position: relative;
}
.page.page3 .tab-box .tab span {
  display: block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .tab-box .tab:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1491px -1615px;
width:227px;
height:43px;

  position: absolute;
  left: 0;
  bottom: -24px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .tab-box .tab.on,
.page.page3 .tab-box .tab:hover {
  color: #fff;
}
.page.page3 .tab-box .tab.on span,
.page.page3 .tab-box .tab:hover span {
  -webkit-transform: scale(1) translateY(-10px);
          transform: scale(1) translateY(-10px);
}
.page.page3 .tab-box .tab.on:after,
.page.page3 .tab-box .tab:hover:after {
  opacity: 1;
}
.page.page3 .content-box {
  width: 1030px;
  height: 580px;
  position: relative;
  margin: -14px auto 0;
}
.page.page3 .content-box .content {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.page.page3 .content-box .content.on {
  opacity: 1;
  z-index: 1;
}
.page.page3 .content-box .content .img-box {
  width: 1920px;
  height: 1080px;
  position: relative;
  overflow: hidden;
}
.page.page3 .content-box .content .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1030px;
}
.page.page3 .content-box .content .img.ani {
  -webkit-animation: z_datu1030x580_000_transform_bezier_anim 0.95s 0s both;
          animation: z_datu1030x580_000_transform_bezier_anim 0.95s 0s both;
}
.page.page3 .content-box .content .img.ani2 {
  -webkit-animation: z_datu1030x580_000_transform_bezier_anim_2 0.95s 0s both;
          animation: z_datu1030x580_000_transform_bezier_anim_2 0.95s 0s both;
}
.page.page3 .content-box .content .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.page.page3 .content-box .content .img img.z_i_1_000 {
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page3 .content-box .content .img img.z_i_1_000_2 {
  left: 1011px;
  z-index: 3;
  opacity: 0.6;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page3 .content-box .content .img img.z_i_2_000 {
  left: 1011px;
  z-index: 3;
  opacity: 0.6;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_2_000_transform_bezier_anim 0.95s 0s both, z_i_2_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page3 .content-box .content .img img.z_i_2_000_2 {
  left: 2022px;
  z-index: 2;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
          animation: z_i_1_000_transform_bezier_anim 0.95s 0s both, z_i_1_000_opacity_bezier_anim 0.95s 0s both;
}
.page.page3 .content-box .content.content-picture .img {
  cursor: pointer;
}
.page.page3 .content-box .content .play {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -881px;
width:92px;
height:95px;

  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.page.page3 .content-box .content .play:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2193px -881px;
width:92px;
height:95px;

  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .content-box .content .play:hover:after {
  opacity: 1;
}
.page.page3 .content-box .content .play.hide {
  display: none;
}
.page.page3 .content-box .content .btn-big {
  display: block;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1951px -1718px;
width:38px;
height:39px;

  z-index: 3;
  right: 12px;
  top: 7px;
  -webkit-transition: -webkit-filter 0.5s;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;
}
.page.page3 .content-box .content .btn-big:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
}
.page.page3 .content-box .content .video-next,
.page.page3 .content-box .content .picture-next {
  display: none;
  position: absolute;
  right: -63px;
  top: 293px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2044px -1593px;
width:41px;
height:38px;

}
.page.page3 .content-box .content .video-next:after,
.page.page3 .content-box .content .picture-next:after {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -1635px;
width:41px;
height:38px;

  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .content-box .content .video-next:hover:after,
.page.page3 .content-box .content .picture-next:hover:after {
  opacity: 1;
}
.page.page3 .content-box .content .video-next.on,
.page.page3 .content-box .content .picture-next.on {
  display: block;
}
.page.page3 .content-box .content .video-next.swiper-button-disabled,
.page.page3 .content-box .content .picture-next.swiper-button-disabled {
  display: none;
}
.page.page3 .content-box .content .video-prev,
.page.page3 .content-box .content .picture-prev {
  display: none;
  position: absolute;
  left: -63px;
  top: 293px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1954px -1635px;
width:41px;
height:38px;

}
.page.page3 .content-box .content .video-prev:after,
.page.page3 .content-box .content .picture-prev:after {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1999px -1635px;
width:41px;
height:38px;

  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .content-box .content .video-prev:hover:after,
.page.page3 .content-box .content .picture-prev:hover:after {
  opacity: 1;
}
.page.page3 .content-box .content .video-prev.on,
.page.page3 .content-box .content .picture-prev.on {
  display: block;
}
.page.page3 .content-box .content .video-prev.swiper-button-disabled,
.page.page3 .content-box .content .picture-prev.swiper-button-disabled {
  display: none;
}
.page.page3 .swiper-box {
  width: 1030px;
  height: 82px;
  margin: 17px auto 0;
  position: relative;
}
.page.page3 .swiper-box .swiper {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
  width: 1030px;
  height: 82px;
}
.page.page3 .swiper-box .swiper.on {
  opacity: 1;
  z-index: 1;
}
.page.page3 .video-swiper .item,
.page.page3 .picture-swiper .item {
  width: 206px;
  height: 82px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.page.page3 .video-swiper .item:hover img,
.page.page3 .picture-swiper .item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.page.page3 .video-swiper .item img,
.page.page3 .picture-swiper .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page3 .video-swiper .item.on:after,
.page.page3 .picture-swiper .item.on:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1614px -1164px;
width:214px;
height:12px;

  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -5px;
}
.page.page4 {
  background: url("https://www.swordofjustice.com/2024/0417/2a18ec73d0a5e496846b34bc9993e741.jpg") center center no-repeat;
  background-size: cover;
}
.page.page4 .video-cover-box2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -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.page4 .video-cover-box2 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page4 .outbox {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1200px;
  z-index: 2;
}
.page.page4 .banner-box {
  width: 500px;
  height: 280px;
  position: relative;
}
.page.page4 .banner-box .banner-pagination {
  text-align: right;
  font-size: 0;
  position: absolute;
  right: 25px;
  bottom: 17px;
  white-space: nowrap;
  z-index: 2;
}
.page.page4 .banner-box .banner-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2284px -315px;

  width: 10px;
  height: 5px;
  margin-left: 12px;
  opacity: 1;
  border-radius: 0;
}
.page.page4 .banner-box .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2134px -1328px;

  width: 40px;
  height: 15px;
}
.page.page4 .banner-box .banner-swiper {
  width: 500px;
  height: 280px;
}
.page.page4 .banner-box .banner-swiper .item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page.page4 .banner-box .banner-swiper .item a {
  width: 100%;
  height: 100%;
  display: block;
}
.page.page4 .banner-box .banner-swiper .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page4 .news-title {
  width: 100%;
  margin-top: 30px;
  position: relative;
  padding-bottom: 16px;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page.page4 .news-title:after {
  content: '';
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-405px -1696px;
width:1242px;
height:1px;

  position: absolute;
  left: 0;
  bottom: 0;
}
.page.page4 .news-title[data-type='1']:after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-405px -1701px;
width:1242px;
height:1px;

}
.page.page4 .news-title[data-type='2']:after {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-405px -1706px;
width:1242px;
height:1px;

}
.page.page4 .news-title .btn-more {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2248px -315px;
width:32px;
height:10px;

  position: absolute;
  right: 0;
  top: 20px;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.page.page4 .news-title .btn-more:hover {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}
.page.page4 .news-title .tit {
  font-size: 40px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
}
.page.page4 .news-title .tab-box {
  text-align: left;
  font-size: 0;
}
.page.page4 .news-title .tab-box .tab {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  height: 29px;
  color: #8da8b0;
  margin-left: 76px;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page.page4 .news-title .tab-box .tab:first-child {
  margin-left: 88px;
}
.page.page4 .news-title .tab-box .tab:hover {
  color: #fff;
}
.page.page4 .news-title .tab-box .tab.on {
  color: #fff;
}
.page.page4 .news-title .tab-box .tab.on:after {
  content: '';
  height: 438px;
  width: 578px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite_z_dianji_000_e3320290.png);
  background-size: 500% 500%;
  -webkit-animation: z_dianji_000_anim 1.033s 0s linear both, sprite_z_dianji_000 1s 0s steps(1) both;
          animation: z_dianji_000_anim 1.033s 0s linear both, sprite_z_dianji_000 1s 0s steps(1) both;
  position: absolute;
  top: -181px;
  left: -262px;
  pointer-events: none;
}
.page.page4 .news-box {
  margin: 28px auto 0;
  width: 100%;
  height: 140px;
  position: relative;
}
.page.page4 .news-box .news-cont {
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 0;
  top: 0;
  width: 100%;
  text-align: left;
  font-size: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 13px;
}
.page.page4 .news-box .news-cont.on {
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
}
.page.page4 .news-box .news-cont .item {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  margin-right: 45px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.page.page4 .news-box .news-cont .item:last-child {
  margin-right: 0;
}
.page.page4 .news-box .news-cont .item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.page.page4 .news-box .news-cont h2 {
  font-size: 20px;
  color: #8da8b0;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  font-weight: normal;
}
.page.page4 .news-box .news-cont p {
  color: #aeaeae;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
}
.page.page4 .z_jinchang_000_anim {
  opacity: 0;
}
.page.page4 .z_xinwen_000 {
  opacity: 0;
}
.page.page4.swiper-slide-active .z_jinchang_000_anim {
  -webkit-animation: z_jinchang_000_anim 1.75s 0.4s linear both, z_jinchang_000_transform_bezier_anim 1.75s 0.4s both;
          animation: z_jinchang_000_anim 1.75s 0.4s linear both, z_jinchang_000_transform_bezier_anim 1.75s 0.4s both;
}
.page.page4.swiper-slide-active .z_xinwen_000 {
  -webkit-animation: z_xinwen_000_anim 1.233s 1.217s linear both, z_xinwen_000_transform_bezier_anim 1.233s 1.217s both;
          animation: z_xinwen_000_anim 1.233s 1.217s linear both, z_xinwen_000_transform_bezier_anim 1.233s 1.217s both;
}
#vue-app {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
}
#vue-app .leihuo-feedback {
  z-index: 99;
}
.leihuo-feedback-global-pop {
  font-family: "Noto Sans TC", sans-serif;
}
.ripple {
  height: 204px;
  width: 218px;
  position: absolute;
  mix-blend-mode: normal;
  -webkit-transform-origin: 439% 88%;
          transform-origin: 439% 88%;
  -webkit-animation: bodyClick 0.75s steps(1) forwards;
          animation: bodyClick 0.75s steps(1) forwards;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/body-click_5837f997.png);
  background-size: 300% 300%;
  z-index: 100;
  pointer-events: none;
}
@-webkit-keyframes bodyClick {
  0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -218px 0;
  }
  22.2% {
    background-position: -436px 0;
  }
  33.3% {
    background-position: 0 -204px;
  }
  44.4% {
    background-position: -218px -204px;
  }
  55.6% {
    background-position: -436px -204px;
  }
  66.7% {
    background-position: 0 -408px;
  }
  77.8% {
    background-position: -218px -408px;
  }
  88.9% {
    background-position: -436px -408px;
  }
  100% {
    background-position: -436px -408px;
  }
}
@keyframes bodyClick {
  0% {
    background-position: 0 0;
  }
  11.1% {
    background-position: -218px 0;
  }
  22.2% {
    background-position: -436px 0;
  }
  33.3% {
    background-position: 0 -204px;
  }
  44.4% {
    background-position: -218px -204px;
  }
  55.6% {
    background-position: -436px -204px;
  }
  66.7% {
    background-position: 0 -408px;
  }
  77.8% {
    background-position: -218px -408px;
  }
  88.9% {
    background-position: -436px -408px;
  }
  100% {
    background-position: -436px -408px;
  }
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.close-pop {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2053px -1310px;
width:39px;
height:39px;

  position: absolute;
  top: 16px;
  right: 14px;
  z-index: 5;
}
.close-pop:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
}
.pop.on {
  opacity: 1;
  z-index: 999;
}
.pop .pop-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 40px;
}
.pop .pop-content.kt-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-538px -534px;
width:534px;
height:530px;

}
.pop .pop-content.kt-view .info {
  text-align: center;
  font-size: 18px;
  color: #d0dde7;
}
.pop .pop-content.kt-view .info2 {
  text-align: center;
  font-size: 24px;
  color: #8cc8ea;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-top: 18px;
}
.pop .pop-content.kt-view .img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1076px -668px;
width:471px;
height:240px;

  margin: 0 auto;
}
.pop .pop-content.kt-view .btn {
  margin: 40px auto 0;
  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;
  font-size: 24px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1215px -1615px;
width:272px;
height:55px;

}
.pop .pop-content.orderOk-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-538px -534px;
width:534px;
height:530px;

}
.pop .pop-content.orderOk-view .info {
  text-align: center;
  font-size: 18px;
  color: #d0dde7;
}
.pop .pop-content.orderOk-view .info2 {
  text-align: center;
  font-size: 24px;
  color: #8cc8ea;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  margin-top: 30px;
}
.pop .pop-content.orderOk-view .tip {
  text-align: center;
  margin-top: 50px;
  font-size: 18px;
  line-height: 27px;
  color: #d0dde7;
}
.pop .pop-content.orderOk-view .tip span {
  color: #8cc8ea;
}
.pop .pop-content.orderOk-view .btn {
  margin: 12px auto 0;
  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;
  font-size: 24px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1215px -1615px;
width:272px;
height:55px;

}
.pop .pop-content.orderOk-view .line {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1160px -1501px;
width:514px;
height:1px;

  margin: 33px auto;
}
.pop .pop-content.orderOk-view .info3 {
  text-align: center;
  font-size: 16px;
  color: #b2becb;
}
.pop .pop-content.orderOk-view .btn-box {
  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;
  margin-top: 18px;
}
.pop .pop-content.orderOk-view .btn-box .ios {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -664px;
width:189px;
height:55px;

  margin: 0 6px;
}
.pop .pop-content.orderOk-view .btn-box .ios:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop .pop-content.orderOk-view .btn-box .google {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2097px -723px;
width:189px;
height:55px;

  margin: 0 6px;
}
.pop .pop-content.orderOk-view .btn-box .google:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop .pop-content.orderFail-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1076px -334px;
width:534px;
height:330px;

  padding-top: 100px;
}
.pop .pop-content.orderFail-view .tit {
  text-align: center;
  font-size: 24px;
  color: #8cc8ea;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
}
.pop .pop-content.orderFail-view p {
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  color: #d0dde7;
  margin: 60px auto;
}
.pop .pop-content.bindphone-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-538px -534px;
width:534px;
height:530px;

}
.pop .pop-content.bindphone-view .title {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1437px -1202px;
width:393px;
height:69px;

  margin: 0 auto;
}
.pop .pop-content.bindphone-view .phonebox {
  width: 436px;
  height: 54px;
  background: rgba(0, 0, 0, 0.2);
  margin: 20px auto 0;
  position: relative;
}
.pop .pop-content.bindphone-view .phonebox .sel {
  width: 130px;
  height: 54px;
  position: relative;
}
.pop .pop-content.bindphone-view .phonebox .sel.on .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pop .pop-content.bindphone-view .phonebox .sel:after {
  content: "";
  width: 1px;
  height: 43px;
  background: #677081;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pop .pop-content.bindphone-view .phonebox .sel .cur {
  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;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.pop .pop-content.bindphone-view .phonebox .sel .cur span {
  font-size: 18px;
  color: #d0dde7;
}
.pop .pop-content.bindphone-view .phonebox .sel .cur i {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2248px -463px;
width:15px;
height:8px;

  margin-left: 8px;
}
.pop .pop-content.bindphone-view .phonebox .sel .list {
  display: none;
  background: rgba(36, 43, 54, 0.98);
  width: 436px;
  height: 153px;
  position: absolute;
  left: 0;
  top: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
}
.pop .pop-content.bindphone-view .phonebox .sel .list .li {
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 34px;
  margin: 5px auto;
  font-size: 16px;
  color: #d0dde7;
  cursor: pointer;
}
.pop .pop-content.bindphone-view .phonebox .sel .list .li .area {
  margin-left: 28px;
}
.pop .pop-content.bindphone-view .phonebox .sel .list .li .num {
  margin-left: 36px;
}
.pop .pop-content.bindphone-view .phonebox .sel .list .li:hover,
.pop .pop-content.bindphone-view .phonebox .sel .list .li.on {
  background: rgba(85, 121, 151, 0.63);
}
.pop .pop-content.bindphone-view .phonebox .ipt {
  width: 306px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.pop .pop-content.bindphone-view .phonebox .ipt input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0 20px;
  font-size: 18px;
  color: #b2becb;
}
.pop .pop-content.bindphone-view .errbox {
  width: 436px;
  text-align: center;
  font-size: 16px;
  color: #8cc8ea;
  margin: 16px auto 0;
  display: none;
}
.pop .pop-content.bindphone-view .errbox.on {
  display: block;
}
.pop .pop-content.bindphone-view .phonetips {
  font-size: 16px;
  color: #8cc8ea;
  margin-top: 10px;
  text-align: center;
}
.pop .pop-content.bindphone-view .errbox2 {
  width: 436px;
  font-size: 16px;
  color: #8cc8ea;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 28px;
  margin: 8px auto 0;
  display: none;
}
.pop .pop-content.bindphone-view .errbox2.on {
  display: block;
}
.pop .pop-content.bindphone-view .agree {
  width: 436px;
  margin: 50px auto 0;
  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: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pop .pop-content.bindphone-view .agree i {
  width: 15px;
  height: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d4f7ff;
  margin-right: 12px;
}
.pop .pop-content.bindphone-view .agree span {
  font-size: 18px;
  color: #b2becb;
}
.pop .pop-content.bindphone-view .agree span a {
  font-size: 18px;
  color: #8cc8ea;
  text-decoration: underline;
}
.pop .pop-content.bindphone-view .agree.on i {
  background: #d4f7ff;
}
.pop .pop-content.bindphone-view .btn {
  margin: 40px auto 0;
  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;
  font-size: 24px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1215px -1615px;
width:272px;
height:55px;

}
.pop .pop-content.myAlert-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1076px -334px;
width:534px;
height:330px;

  padding-top: 0;
}
.pop .pop-content.myAlert-view .myAlert-box {
  height: 100%;
  width: 100%;
}
.pop .pop-content.myAlert-view .txtbox {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 42px;
  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;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -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;
}
.pop .pop-content.myAlert-view p {
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  color: #d0dde7;
}
.pop .pop-content.myAlert-view .btn-ok {
  margin: 30px auto 0;
  display: none;
  -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;
  font-size: 24px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1215px -1615px;
width:272px;
height:55px;

}
.pop .pop-content.myAlert-view .btn-ok.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pop .pop-content.myAlert-view .btn-ok:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop .pop-content.plt-view {
  padding-top: 0;
  width: 100%;
  height: 100%;
}
.pop .pop-content.plt-view .plt-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.pop .pop-content.plt-view .plt-box .inner {
  width: 762px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
.pop .pop-content.zmwj-view {
  width: 1040px;
  height: 736px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/plt-zmwj_3ebf3810.png) no-repeat center center;
}
.pop .pop-content.zmwj-view .btn-zmwj {
  position: absolute;
  left: 50%;
  z-index: 1;
  margin-left: -200px;
  bottom: 144px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1160px -1400px;
width:400px;
height:97px;

}
.pop .pop-content.zmwj-view .btn-zmwj:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1215px -1514px;
width:400px;
height:97px;

}
.pop .pop-content.zmwj-view .close-pop {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 291px;
  margin-top: -270px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2027px -1677px;
width:31px;
height:31px;

  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.pop .pop-content.zmwj-view .close-pop:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pop .pop-content.pop-libao-view {
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 783px;
  height: 838px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/pop-libao_de21aa38.png) no-repeat;
  z-index: 2;
}
.pop .pop-content.pop-libao-view .dl-qr {
  display: block;
  width: 136px;
  height: 136px;
  position: absolute;
  left: 46px;
  top: 141px;
}
.pop .pop-content.pop-libao-view .libao-close {
  position: absolute;
  right: 57px;
  top: 62px;
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1993px -1718px;
width:31px;
height:31px;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.pop .pop-content.pop-libao-view .libao-close:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.pop .pop-content.pop-libao-view .btn-box {
  position: absolute;
  bottom: 90px;
  left: 220px;
  width: 508px;
  height: 36px;
  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: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pop .pop-content.pop-libao-view .btn-go-fuli {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1076px -1025px;
width:261px;
height:36px;

  margin: 0 auto;
}
.pop .pop-content.pop-libao-view .btn-book {
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1341px -1025px;
width:221px;
height:36px;

  margin: 0 auto 0;
}
.pop .pop-content.pop-libao-view .btn-download {
  display: none;
}
.pop .pop-content.feature-view {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/mask_b3cfc05c.png) no-repeat center top;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
          transform: none;
}
.pop .pop-content.feature-view .title {
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-405px -1514px;
width:266px;
height:178px;

  top: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.pop .pop-content.feature-view .swiper-box {
  position: absolute;
  left: 50%;
  top: 170px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 1019px;
  height: 581px;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper {
  width: 1019px;
  height: 581px;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide .feature-img {
  display: block;
  width: 100%;
  height: 100%;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(1) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img1_91459e42.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(2) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img2_8d357aa2.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(3) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img3_c079724b.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(4) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img4_50ac16d1.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(5) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img5_06019943.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(6) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img6_bcc82fd6.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(7) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img7_27543c30.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(8) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img8_5a22f5f0.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(9) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img9_a25262ae.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper .swiper-slide:nth-child(10) .feature-img {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/feature-img10_74d7b8b1.png) no-repeat center center;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-prev,
.pop .pop-content.feature-view .swiper-box .feature-swiper-next {
  position: absolute;
  top: 270px;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1909px -1100px;
width:48px;
height:70px;

  cursor: pointer;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-prev:hover,
.pop .pop-content.feature-view .swiper-box .feature-swiper-next:hover {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1961px -1100px;
width:48px;
height:70px;

}
.pop .pop-content.feature-view .swiper-box .feature-swiper-prev.swiper-button-disabled,
.pop .pop-content.feature-view .swiper-box .feature-swiper-next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-prev {
  left: -102px;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-next {
  right: -102px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-pagination {
  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;
  margin-top: 32px;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-pagination .swiper-pagination-bullet {
  margin: 0 14px;
  width: 22px;
  height: 22px;
  background: none;
  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;
  border-radius: 100%;
  opacity: 1;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 2px solid #94d3e8;
  border-radius: 100%;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #94d3e8;
}
.pop .pop-content.feature-view .swiper-box .feature-swiper-pagination .swiper-pagination-bullet-active:before {
  background: #94d3e8;
}
.pop .pop-content.feature-view .feature-close {
  left: 50%;
  top: 90px;
  margin-left: 395px;
  z-index: 2;
  display: block;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png) no-repeat;background-size:2302px 1927px;
background-position:-1993px -1718px;
width:31px;
height:31px;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.pop .pop-content.feature-view .feature-close:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
#leihuo-share .leihuo-share-modal {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-538px -534px;
width:534px;
height:530px;

}
#leihuo-share .leihuo-share-modal .leihuo-share-title {
  font-size: 0;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-1001px -1202px;
width:432px;
height:69px;

  margin: 0 auto;
}
#leihuo-share .leihuo-share-modal .leihuo-share-close {
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite-f61a7d_f61a7d8d.png);background-size:2302px 1927px;
background-position:-2053px -1310px;
width:39px;
height:39px;

  top: 16px;
  right: 14px;
}
#leihuo-share .leihuo-share-modal .leihuo-share-close:before {
  display: none;
}
#leihuo-share .leihuo-share-modal .leihuo-share-block {
  font-size: 18px;
  color: #d0dde7;
}
#leihuo-share .leihuo-share-modal .leihuo-share-block .leihuo-share-copy-box input {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
#leihuo-share .leihuo-share-modal .leihuo-share-block .leihuo-share-copy-box .leihuo-share-copy-btn {
  background: rgba(85, 121, 151, 0.63);
  border: 1px solid rgba(168, 210, 229, 0.5);
  font-size: 20px;
  color: #fff;
  margin-left: 0;
}
.pop-plt-pc.on .close-pop {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 291px;
  margin-top: -270px;
  height: 32px;
  width: 32px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: -878% 1063%;
          transform-origin: -878% 1063%;
  -webkit-animation: z_i_x_000_anim 2.708s 0.625s linear both;
          animation: z_i_x_000_anim 2.708s 0.625s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_i_x_000_8a4e4a7f.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_xiazai_000 {
  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;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -192px;
  margin-top: 223px;
  -webkit-animation: z_xiazai_000_anim 2.708s 0.625s linear both;
          animation: z_xiazai_000_anim 2.708s 0.625s linear both;
}
.pop-plt-pc.on .z_xiazai_000 .btn-ios {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/ios_ccf2921d.png);
  background-size: 100%;
  width: 189px;
  height: 55px;
  margin: 0 7px;
}
.pop-plt-pc.on .z_xiazai_000 .btn-ios:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop-plt-pc.on .z_xiazai_000 .btn-google {
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/google_29b2f59a.png);
  background-size: 100%;
  width: 189px;
  height: 55px;
  margin: 0 7px;
}
.pop-plt-pc.on .z_xiazai_000 .btn-google:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop-plt-pc.on .z_yuhecheng_14_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: 132px;
  height: 80px;
  width: 324px;
  -webkit-animation: z_yuhecheng_14_000_anim 2.708s 0.625s linear both;
          animation: z_yuhecheng_14_000_anim 2.708s 0.625s linear both;
  z-index: 2;
  cursor: pointer;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.pop-plt-pc.on .z_yuhecheng_14_000:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.pop-plt-pc.on .z_yuhecheng_14_000.btn-order,
.pop-plt-pc.on .z_yuhecheng_14_000.btn-draw {
  display: none;
}
.pop-plt-pc.on .z_yuhecheng_14_000.btn-order.on,
.pop-plt-pc.on .z_yuhecheng_14_000.btn-draw.on {
  display: block;
}
.pop-plt-pc.on .z_yuhecheng_14_000 span {
  width: 100%;
  height: 70px;
  position: relative;
  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;
  font-size: 26px;
  color: #fff;
  font-family: 'FZCuJinLing-BIG5', sans-serif;
  pointer-events: none;
}
.pop-plt-pc.on .z_yuhecheng_24_hecheng_1_000 {
  position: absolute;
  left: 0;
  top: 0;
  height: 80px;
  width: 324px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 99% 786%;
          transform-origin: 99% 786%;
  -webkit-animation: sprite_z_yuhecheng_24_hecheng_1_000 3s 0s steps(1) infinite normal;
          animation: sprite_z_yuhecheng_24_hecheng_1_000 3s 0s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite_z_yuhecheng_24_hecheng_1_000_258ac965.png);
  background-size: 600% 600%;
}
.pop-plt-pc.on .z_i_bg_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -362px;
  height: 736px;
  width: 762px;
  mix-blend-mode: normal;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation: z_i_bg_000_anim 3.333s 0s linear both;
          animation: z_i_bg_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_i_bg_000_589b15d5.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_jinfen_2_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -444px;
  margin-top: -204px;
  height: 306px;
  width: 780px;
  mix-blend-mode: screen;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation: z_jinfen_2_000_anim 3.333s 0s linear both;
          animation: z_jinfen_2_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_jinfen_2_000_f2bdef21.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_jinbi_2_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -350px;
  margin-top: -229px;
  height: 355px;
  width: 700px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation: z_jinbi_2_000_anim 3.333s 0s linear both;
          animation: z_jinbi_2_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_jinbi_2_000_5872e06d.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_guangdian_5_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -139px;
  margin-top: -157px;
  height: 230px;
  width: 291px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.9956, 0.9956);
          transform: scale(0.9956, 0.9956);
  -webkit-animation: z_guangdian_5_000_anim 3.333s 0s linear both;
          animation: z_guangdian_5_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_guangdian_4_000_3fab6f88.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_guangdian_6_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -136px;
  margin-top: -159px;
  height: 230px;
  width: 291px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.9926, 0.9926);
          transform: scale(0.9926, 0.9926);
  -webkit-animation: z_guangdian_6_000_anim 3.333s 0s linear both;
          animation: z_guangdian_6_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_guangdian_4_000_3fab6f88.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_slogan_2_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -315px;
  margin-top: -179px;
  height: 255px;
  width: 638px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation: z_slogan_2_000_anim 3.333s 0s linear both;
          animation: z_slogan_2_000_anim 3.333s 0s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_slogan_2_000_82458d26.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_guangdian_4_000 {
  position: absolute;
  left: 0;
  top: 21px;
  height: 230px;
  width: 291px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: z_guangdian_4_000_anim 3.208s 0.125s linear both;
          animation: z_guangdian_4_000_anim 3.208s 0.125s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_guangdian_4_000_3fab6f88.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_fubiaoti_2_000 {
  position: absolute;
  left: 0;
  top: 267px;
  height: 29px;
  width: 647px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 52%;
          transform-origin: 50% 52%;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_fubiaoti_2_000_deda53a8.png);
  background-size: 100% 100%;
}
.pop-plt-pc.on .z_yuhecheng_20_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -329px;
  margin-top: -245px;
  height: 406px;
  width: 638px;
  mix-blend-mode: normal;
  -webkit-transform-origin: 52% 109%;
          transform-origin: 52% 109%;
  -webkit-animation: sprite_z_yuhecheng_20_000 2s 0s steps(1) both;
          animation: sprite_z_yuhecheng_20_000 2s 0s steps(1) both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/sprite_z_yuhecheng_20_000_ffa1bd17.png);
  background-size: 700% 700%;
}
.pop-plt-pc.on .z_i_baijin_fan_000 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -96px;
  margin-top: -261px;
  height: 69px;
  width: 216px;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 51%;
          transform-origin: 50% 51%;
  -webkit-animation: z_i_baijin_fan_000_anim 2.708s 0.625s linear both;
          animation: z_i_baijin_fan_000_anim 2.708s 0.625s linear both;
  background: url(https://www.swordofjustice.com/pc/gw/20240409172222/assets/z_i_baijin_fan_000_948cd65b.png);
  background-size: 100% 100%;
}
@-webkit-keyframes z_yuhecheng_14_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_yuhecheng_14_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_i_x_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_i_x_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_xiazai_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_xiazai_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z_i_bg_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes z_i_bg_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  10% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes z_jinfen_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  3.75% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  11.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@keyframes z_jinfen_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  3.75% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  11.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@-webkit-keyframes z_jinbi_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  6.25% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  18.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@keyframes z_jinbi_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  6.25% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  18.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@-webkit-keyframes z_guangdian_5_000_anim {
  0% {
    -webkit-transform: scale(0.9956, 0.9956);
            transform: scale(0.9956, 0.9956);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.9822, 0.9822);
            transform: scale(0.9822, 0.9822);
    opacity: 0;
  }
  23.75% {
    -webkit-transform: scale(0.9744, 0.9744);
            transform: scale(0.9744, 0.9744);
    opacity: 1;
  }
  32.5% {
    -webkit-transform: scale(0.9667, 0.9667);
            transform: scale(0.9667, 0.9667);
    opacity: 0;
  }
  37.5% {
    -webkit-transform: scale(0.9622, 0.9622);
            transform: scale(0.9622, 0.9622);
    opacity: 1;
  }
  46.25% {
    -webkit-transform: scale(0.9544, 0.9544);
            transform: scale(0.9544, 0.9544);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(0.9467, 0.9467);
            transform: scale(0.9467, 0.9467);
    opacity: 1;
  }
  62.5% {
    -webkit-transform: scale(0.94, 0.94);
            transform: scale(0.94, 0.94);
    opacity: 0;
  }
  63.75% {
    -webkit-transform: scale(0.9389, 0.9389);
            transform: scale(0.9389, 0.9389);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(0.9333, 0.9333);
            transform: scale(0.9333, 0.9333);
    opacity: 0;
  }
  73.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0.75;
  }
  75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  81.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  82.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  88.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  95% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@keyframes z_guangdian_5_000_anim {
  0% {
    -webkit-transform: scale(0.9956, 0.9956);
            transform: scale(0.9956, 0.9956);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.9822, 0.9822);
            transform: scale(0.9822, 0.9822);
    opacity: 0;
  }
  23.75% {
    -webkit-transform: scale(0.9744, 0.9744);
            transform: scale(0.9744, 0.9744);
    opacity: 1;
  }
  32.5% {
    -webkit-transform: scale(0.9667, 0.9667);
            transform: scale(0.9667, 0.9667);
    opacity: 0;
  }
  37.5% {
    -webkit-transform: scale(0.9622, 0.9622);
            transform: scale(0.9622, 0.9622);
    opacity: 1;
  }
  46.25% {
    -webkit-transform: scale(0.9544, 0.9544);
            transform: scale(0.9544, 0.9544);
    opacity: 0;
  }
  55% {
    -webkit-transform: scale(0.9467, 0.9467);
            transform: scale(0.9467, 0.9467);
    opacity: 1;
  }
  62.5% {
    -webkit-transform: scale(0.94, 0.94);
            transform: scale(0.94, 0.94);
    opacity: 0;
  }
  63.75% {
    -webkit-transform: scale(0.9389, 0.9389);
            transform: scale(0.9389, 0.9389);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(0.9333, 0.9333);
            transform: scale(0.9333, 0.9333);
    opacity: 0;
  }
  73.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0.75;
  }
  75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  81.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  82.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  88.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  95% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@-webkit-keyframes z_guangdian_6_000_anim {
  0% {
    -webkit-transform: scale(0.9926, 0.9926);
            transform: scale(0.9926, 0.9926);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.9798, 0.9798);
            transform: scale(0.9798, 0.9798);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(0.9756, 0.9756);
            transform: scale(0.9756, 0.9756);
    opacity: 1;
  }
  23.75% {
    -webkit-transform: scale(0.9724, 0.9724);
            transform: scale(0.9724, 0.9724);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.9714, 0.9714);
            transform: scale(0.9714, 0.9714);
    opacity: 1;
  }
  31.25% {
    -webkit-transform: scale(0.9661, 0.9661);
            transform: scale(0.9661, 0.9661);
    opacity: 0;
  }
  36.25% {
    -webkit-transform: scale(0.9618, 0.9618);
            transform: scale(0.9618, 0.9618);
    opacity: 1;
  }
  43.75% {
    -webkit-transform: scale(0.9555, 0.9555);
            transform: scale(0.9555, 0.9555);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(0.9544, 0.9544);
            transform: scale(0.9544, 0.9544);
    opacity: 1;
  }
  51.25% {
    -webkit-transform: scale(0.9491, 0.9491);
            transform: scale(0.9491, 0.9491);
    opacity: 0;
  }
  56.25% {
    -webkit-transform: scale(0.9448, 0.9448);
            transform: scale(0.9448, 0.9448);
    opacity: 1;
  }
  61.25% {
    -webkit-transform: scale(0.9406, 0.9406);
            transform: scale(0.9406, 0.9406);
    opacity: 0;
  }
  62.5% {
    -webkit-transform: scale(0.9395, 0.9395);
            transform: scale(0.9395, 0.9395);
    opacity: 1;
  }
  68.75% {
    -webkit-transform: scale(0.9342, 0.9342);
            transform: scale(0.9342, 0.9342);
    opacity: 0;
  }
  73.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  81.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  92.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@keyframes z_guangdian_6_000_anim {
  0% {
    -webkit-transform: scale(0.9926, 0.9926);
            transform: scale(0.9926, 0.9926);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.9798, 0.9798);
            transform: scale(0.9798, 0.9798);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(0.9756, 0.9756);
            transform: scale(0.9756, 0.9756);
    opacity: 1;
  }
  23.75% {
    -webkit-transform: scale(0.9724, 0.9724);
            transform: scale(0.9724, 0.9724);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.9714, 0.9714);
            transform: scale(0.9714, 0.9714);
    opacity: 1;
  }
  31.25% {
    -webkit-transform: scale(0.9661, 0.9661);
            transform: scale(0.9661, 0.9661);
    opacity: 0;
  }
  36.25% {
    -webkit-transform: scale(0.9618, 0.9618);
            transform: scale(0.9618, 0.9618);
    opacity: 1;
  }
  43.75% {
    -webkit-transform: scale(0.9555, 0.9555);
            transform: scale(0.9555, 0.9555);
    opacity: 0;
  }
  45% {
    -webkit-transform: scale(0.9544, 0.9544);
            transform: scale(0.9544, 0.9544);
    opacity: 1;
  }
  51.25% {
    -webkit-transform: scale(0.9491, 0.9491);
            transform: scale(0.9491, 0.9491);
    opacity: 0;
  }
  56.25% {
    -webkit-transform: scale(0.9448, 0.9448);
            transform: scale(0.9448, 0.9448);
    opacity: 1;
  }
  61.25% {
    -webkit-transform: scale(0.9406, 0.9406);
            transform: scale(0.9406, 0.9406);
    opacity: 0;
  }
  62.5% {
    -webkit-transform: scale(0.9395, 0.9395);
            transform: scale(0.9395, 0.9395);
    opacity: 1;
  }
  68.75% {
    -webkit-transform: scale(0.9342, 0.9342);
            transform: scale(0.9342, 0.9342);
    opacity: 0;
  }
  73.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  81.25% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  87.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0;
  }
  92.5% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@-webkit-keyframes z_slogan_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  2.5% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  8.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@keyframes z_slogan_2_000_anim {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  2.5% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  8.75% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
  }
}
@-webkit-keyframes z_guangdian_4_000_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  7.79% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  14.29% {
    -webkit-transform: scale(0.993, 0.993);
            transform: scale(0.993, 0.993);
    opacity: 0;
  }
  19.48% {
    -webkit-transform: scale(0.9874, 0.9874);
            transform: scale(0.9874, 0.9874);
    opacity: 1;
  }
  24.68% {
    -webkit-transform: scale(0.9818, 0.9818);
            transform: scale(0.9818, 0.9818);
    opacity: 0;
  }
  25.97% {
    -webkit-transform: scale(0.9804, 0.9804);
            transform: scale(0.9804, 0.9804);
    opacity: 1;
  }
  32.47% {
    -webkit-transform: scale(0.9734, 0.9734);
            transform: scale(0.9734, 0.9734);
    opacity: 0;
  }
  37.66% {
    -webkit-transform: scale(0.9678, 0.9678);
            transform: scale(0.9678, 0.9678);
    opacity: 1;
  }
  41.56% {
    -webkit-transform: scale(0.9636, 0.9636);
            transform: scale(0.9636, 0.9636);
    opacity: 0;
  }
  42.86% {
    -webkit-transform: scale(0.9622, 0.9622);
            transform: scale(0.9622, 0.9622);
    opacity: 1;
  }
  49.35% {
    -webkit-transform: scale(0.9552, 0.9552);
            transform: scale(0.9552, 0.9552);
    opacity: 0;
  }
  54.55% {
    -webkit-transform: scale(0.9496, 0.9496);
            transform: scale(0.9496, 0.9496);
    opacity: 1;
  }
  62.34% {
    -webkit-transform: scale(0.9412, 0.9412);
            transform: scale(0.9412, 0.9412);
    opacity: 0;
  }
  63.64% {
    -webkit-transform: scale(0.9398, 0.9398);
            transform: scale(0.9398, 0.9398);
    opacity: 1;
  }
  70.13% {
    -webkit-transform: scale(0.9328, 0.9328);
            transform: scale(0.9328, 0.9328);
    opacity: 0;
  }
  72.73% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0.5;
  }
  75.32% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@keyframes z_guangdian_4_000_anim {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  7.79% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  14.29% {
    -webkit-transform: scale(0.993, 0.993);
            transform: scale(0.993, 0.993);
    opacity: 0;
  }
  19.48% {
    -webkit-transform: scale(0.9874, 0.9874);
            transform: scale(0.9874, 0.9874);
    opacity: 1;
  }
  24.68% {
    -webkit-transform: scale(0.9818, 0.9818);
            transform: scale(0.9818, 0.9818);
    opacity: 0;
  }
  25.97% {
    -webkit-transform: scale(0.9804, 0.9804);
            transform: scale(0.9804, 0.9804);
    opacity: 1;
  }
  32.47% {
    -webkit-transform: scale(0.9734, 0.9734);
            transform: scale(0.9734, 0.9734);
    opacity: 0;
  }
  37.66% {
    -webkit-transform: scale(0.9678, 0.9678);
            transform: scale(0.9678, 0.9678);
    opacity: 1;
  }
  41.56% {
    -webkit-transform: scale(0.9636, 0.9636);
            transform: scale(0.9636, 0.9636);
    opacity: 0;
  }
  42.86% {
    -webkit-transform: scale(0.9622, 0.9622);
            transform: scale(0.9622, 0.9622);
    opacity: 1;
  }
  49.35% {
    -webkit-transform: scale(0.9552, 0.9552);
            transform: scale(0.9552, 0.9552);
    opacity: 0;
  }
  54.55% {
    -webkit-transform: scale(0.9496, 0.9496);
            transform: scale(0.9496, 0.9496);
    opacity: 1;
  }
  62.34% {
    -webkit-transform: scale(0.9412, 0.9412);
            transform: scale(0.9412, 0.9412);
    opacity: 0;
  }
  63.64% {
    -webkit-transform: scale(0.9398, 0.9398);
            transform: scale(0.9398, 0.9398);
    opacity: 1;
  }
  70.13% {
    -webkit-transform: scale(0.9328, 0.9328);
            transform: scale(0.9328, 0.9328);
    opacity: 0;
  }
  72.73% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 0.5;
  }
  75.32% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.93, 0.93);
            transform: scale(0.93, 0.93);
    opacity: 1;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_20_000 {
  0% {
    background-position: 0 0;
  }
  2.1% {
    background-position: -638px 0;
  }
  4.2% {
    background-position: -1276px 0;
  }
  6.3% {
    background-position: -1914px 0;
  }
  8.3% {
    background-position: -2552px 0;
  }
  10.4% {
    background-position: -3190px 0;
  }
  12.5% {
    background-position: -3828px 0;
  }
  14.6% {
    background-position: 0 -406px;
  }
  16.7% {
    background-position: -638px -406px;
  }
  18.8% {
    background-position: -1276px -406px;
  }
  20.8% {
    background-position: -1914px -406px;
  }
  22.9% {
    background-position: -2552px -406px;
  }
  25% {
    background-position: -3190px -406px;
  }
  27.1% {
    background-position: -3828px -406px;
  }
  29.2% {
    background-position: 0 -812px;
  }
  31.3% {
    background-position: -638px -812px;
  }
  33.3% {
    background-position: -1276px -812px;
  }
  35.4% {
    background-position: -1914px -812px;
  }
  37.5% {
    background-position: -2552px -812px;
  }
  39.6% {
    background-position: -3190px -812px;
  }
  41.7% {
    background-position: -3828px -812px;
  }
  43.8% {
    background-position: 0 -1218px;
  }
  45.8% {
    background-position: -638px -1218px;
  }
  47.9% {
    background-position: -1276px -1218px;
  }
  50% {
    background-position: -1914px -1218px;
  }
  52.1% {
    background-position: -2552px -1218px;
  }
  54.2% {
    background-position: -3190px -1218px;
  }
  56.3% {
    background-position: -3828px -1218px;
  }
  58.3% {
    background-position: 0 -1624px;
  }
  60.4% {
    background-position: -638px -1624px;
  }
  62.5% {
    background-position: -1276px -1624px;
  }
  64.6% {
    background-position: -1914px -1624px;
  }
  66.7% {
    background-position: -2552px -1624px;
  }
  68.8% {
    background-position: -3190px -1624px;
  }
  70.8% {
    background-position: -3828px -1624px;
  }
  72.9% {
    background-position: 0 -2030px;
  }
  75% {
    background-position: -638px -2030px;
  }
  77.1% {
    background-position: -1276px -2030px;
  }
  79.2% {
    background-position: -1914px -2030px;
  }
  81.3% {
    background-position: -2552px -2030px;
  }
  83.3% {
    background-position: -3190px -2030px;
  }
  85.4% {
    background-position: -3828px -2030px;
  }
  87.5% {
    background-position: 0 -2436px;
  }
  89.6% {
    background-position: -638px -2436px;
  }
  91.7% {
    background-position: -1276px -2436px;
  }
  93.8% {
    background-position: -1914px -2436px;
  }
  95.8% {
    background-position: -2552px -2436px;
  }
  97.9% {
    background-position: -3190px -2436px;
  }
  100% {
    background-position: -3190px -2436px;
  }
}
@keyframes sprite_z_yuhecheng_20_000 {
  0% {
    background-position: 0 0;
  }
  2.1% {
    background-position: -638px 0;
  }
  4.2% {
    background-position: -1276px 0;
  }
  6.3% {
    background-position: -1914px 0;
  }
  8.3% {
    background-position: -2552px 0;
  }
  10.4% {
    background-position: -3190px 0;
  }
  12.5% {
    background-position: -3828px 0;
  }
  14.6% {
    background-position: 0 -406px;
  }
  16.7% {
    background-position: -638px -406px;
  }
  18.8% {
    background-position: -1276px -406px;
  }
  20.8% {
    background-position: -1914px -406px;
  }
  22.9% {
    background-position: -2552px -406px;
  }
  25% {
    background-position: -3190px -406px;
  }
  27.1% {
    background-position: -3828px -406px;
  }
  29.2% {
    background-position: 0 -812px;
  }
  31.3% {
    background-position: -638px -812px;
  }
  33.3% {
    background-position: -1276px -812px;
  }
  35.4% {
    background-position: -1914px -812px;
  }
  37.5% {
    background-position: -2552px -812px;
  }
  39.6% {
    background-position: -3190px -812px;
  }
  41.7% {
    background-position: -3828px -812px;
  }
  43.8% {
    background-position: 0 -1218px;
  }
  45.8% {
    background-position: -638px -1218px;
  }
  47.9% {
    background-position: -1276px -1218px;
  }
  50% {
    background-position: -1914px -1218px;
  }
  52.1% {
    background-position: -2552px -1218px;
  }
  54.2% {
    background-position: -3190px -1218px;
  }
  56.3% {
    background-position: -3828px -1218px;
  }
  58.3% {
    background-position: 0 -1624px;
  }
  60.4% {
    background-position: -638px -1624px;
  }
  62.5% {
    background-position: -1276px -1624px;
  }
  64.6% {
    background-position: -1914px -1624px;
  }
  66.7% {
    background-position: -2552px -1624px;
  }
  68.8% {
    background-position: -3190px -1624px;
  }
  70.8% {
    background-position: -3828px -1624px;
  }
  72.9% {
    background-position: 0 -2030px;
  }
  75% {
    background-position: -638px -2030px;
  }
  77.1% {
    background-position: -1276px -2030px;
  }
  79.2% {
    background-position: -1914px -2030px;
  }
  81.3% {
    background-position: -2552px -2030px;
  }
  83.3% {
    background-position: -3190px -2030px;
  }
  85.4% {
    background-position: -3828px -2030px;
  }
  87.5% {
    background-position: 0 -2436px;
  }
  89.6% {
    background-position: -638px -2436px;
  }
  91.7% {
    background-position: -1276px -2436px;
  }
  93.8% {
    background-position: -1914px -2436px;
  }
  95.8% {
    background-position: -2552px -2436px;
  }
  97.9% {
    background-position: -3190px -2436px;
  }
  100% {
    background-position: -3190px -2436px;
  }
}
@-webkit-keyframes z_i_baijin_fan_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z_i_baijin_fan_000_anim {
  0% {
    opacity: 0;
  }
  9.23% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_24_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -324px 0;
  }
  5.6% {
    background-position: -648px 0;
  }
  8.3% {
    background-position: -972px 0;
  }
  11.1% {
    background-position: -1296px 0;
  }
  13.9% {
    background-position: -1620px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -324px -80px;
  }
  22.2% {
    background-position: -648px -80px;
  }
  25% {
    background-position: -972px -80px;
  }
  27.8% {
    background-position: -1296px -80px;
  }
  30.6% {
    background-position: -1620px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -324px -160px;
  }
  38.9% {
    background-position: -648px -160px;
  }
  41.7% {
    background-position: -972px -160px;
  }
  44.4% {
    background-position: -1296px -160px;
  }
  47.2% {
    background-position: -1620px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -324px -240px;
  }
  55.6% {
    background-position: -648px -240px;
  }
  58.3% {
    background-position: -972px -240px;
  }
  61.1% {
    background-position: -1296px -240px;
  }
  63.9% {
    background-position: -1620px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -324px -320px;
  }
  72.2% {
    background-position: -648px -320px;
  }
  75% {
    background-position: -972px -320px;
  }
  77.8% {
    background-position: -1296px -320px;
  }
  80.6% {
    background-position: -1620px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -324px -400px;
  }
  88.9% {
    background-position: -648px -400px;
  }
  91.7% {
    background-position: -972px -400px;
  }
  94.4% {
    background-position: -1296px -400px;
  }
  97.2% {
    background-position: -1620px -400px;
  }
  100% {
    background-position: -1620px -400px;
  }
}
@keyframes sprite_z_yuhecheng_24_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -324px 0;
  }
  5.6% {
    background-position: -648px 0;
  }
  8.3% {
    background-position: -972px 0;
  }
  11.1% {
    background-position: -1296px 0;
  }
  13.9% {
    background-position: -1620px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -324px -80px;
  }
  22.2% {
    background-position: -648px -80px;
  }
  25% {
    background-position: -972px -80px;
  }
  27.8% {
    background-position: -1296px -80px;
  }
  30.6% {
    background-position: -1620px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -324px -160px;
  }
  38.9% {
    background-position: -648px -160px;
  }
  41.7% {
    background-position: -972px -160px;
  }
  44.4% {
    background-position: -1296px -160px;
  }
  47.2% {
    background-position: -1620px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -324px -240px;
  }
  55.6% {
    background-position: -648px -240px;
  }
  58.3% {
    background-position: -972px -240px;
  }
  61.1% {
    background-position: -1296px -240px;
  }
  63.9% {
    background-position: -1620px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -324px -320px;
  }
  72.2% {
    background-position: -648px -320px;
  }
  75% {
    background-position: -972px -320px;
  }
  77.8% {
    background-position: -1296px -320px;
  }
  80.6% {
    background-position: -1620px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -324px -400px;
  }
  88.9% {
    background-position: -648px -400px;
  }
  91.7% {
    background-position: -972px -400px;
  }
  94.4% {
    background-position: -1296px -400px;
  }
  97.2% {
    background-position: -1620px -400px;
  }
  100% {
    background-position: -1620px -400px;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_23_000 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -400px 0;
  }
  5.6% {
    background-position: -800px 0;
  }
  8.3% {
    background-position: -1200px 0;
  }
  11.1% {
    background-position: -1600px 0;
  }
  13.9% {
    background-position: -2000px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -400px -80px;
  }
  22.2% {
    background-position: -800px -80px;
  }
  25% {
    background-position: -1200px -80px;
  }
  27.8% {
    background-position: -1600px -80px;
  }
  30.6% {
    background-position: -2000px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -400px -160px;
  }
  38.9% {
    background-position: -800px -160px;
  }
  41.7% {
    background-position: -1200px -160px;
  }
  44.4% {
    background-position: -1600px -160px;
  }
  47.2% {
    background-position: -2000px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -400px -240px;
  }
  55.6% {
    background-position: -800px -240px;
  }
  58.3% {
    background-position: -1200px -240px;
  }
  61.1% {
    background-position: -1600px -240px;
  }
  63.9% {
    background-position: -2000px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -400px -320px;
  }
  72.2% {
    background-position: -800px -320px;
  }
  75% {
    background-position: -1200px -320px;
  }
  77.8% {
    background-position: -1600px -320px;
  }
  80.6% {
    background-position: -2000px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -400px -400px;
  }
  88.9% {
    background-position: -800px -400px;
  }
  91.7% {
    background-position: -1200px -400px;
  }
  94.4% {
    background-position: -1600px -400px;
  }
  97.2% {
    background-position: -2000px -400px;
  }
  100% {
    background-position: -2000px -400px;
  }
}
@keyframes sprite_z_yuhecheng_23_000 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -400px 0;
  }
  5.6% {
    background-position: -800px 0;
  }
  8.3% {
    background-position: -1200px 0;
  }
  11.1% {
    background-position: -1600px 0;
  }
  13.9% {
    background-position: -2000px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -400px -80px;
  }
  22.2% {
    background-position: -800px -80px;
  }
  25% {
    background-position: -1200px -80px;
  }
  27.8% {
    background-position: -1600px -80px;
  }
  30.6% {
    background-position: -2000px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -400px -160px;
  }
  38.9% {
    background-position: -800px -160px;
  }
  41.7% {
    background-position: -1200px -160px;
  }
  44.4% {
    background-position: -1600px -160px;
  }
  47.2% {
    background-position: -2000px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -400px -240px;
  }
  55.6% {
    background-position: -800px -240px;
  }
  58.3% {
    background-position: -1200px -240px;
  }
  61.1% {
    background-position: -1600px -240px;
  }
  63.9% {
    background-position: -2000px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -400px -320px;
  }
  72.2% {
    background-position: -800px -320px;
  }
  75% {
    background-position: -1200px -320px;
  }
  77.8% {
    background-position: -1600px -320px;
  }
  80.6% {
    background-position: -2000px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -400px -400px;
  }
  88.9% {
    background-position: -800px -400px;
  }
  91.7% {
    background-position: -1200px -400px;
  }
  94.4% {
    background-position: -1600px -400px;
  }
  97.2% {
    background-position: -2000px -400px;
  }
  100% {
    background-position: -2000px -400px;
  }
}
@-webkit-keyframes sprite_z_yuhecheng_23_001 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -400px 0;
  }
  5.6% {
    background-position: -800px 0;
  }
  8.3% {
    background-position: -1200px 0;
  }
  11.1% {
    background-position: -1600px 0;
  }
  13.9% {
    background-position: -2000px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -400px -80px;
  }
  22.2% {
    background-position: -800px -80px;
  }
  25% {
    background-position: -1200px -80px;
  }
  27.8% {
    background-position: -1600px -80px;
  }
  30.6% {
    background-position: -2000px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -400px -160px;
  }
  38.9% {
    background-position: -800px -160px;
  }
  41.7% {
    background-position: -1200px -160px;
  }
  44.4% {
    background-position: -1600px -160px;
  }
  47.2% {
    background-position: -2000px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -400px -240px;
  }
  55.6% {
    background-position: -800px -240px;
  }
  58.3% {
    background-position: -1200px -240px;
  }
  61.1% {
    background-position: -1600px -240px;
  }
  63.9% {
    background-position: -2000px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -400px -320px;
  }
  72.2% {
    background-position: -800px -320px;
  }
  75% {
    background-position: -1200px -320px;
  }
  77.8% {
    background-position: -1600px -320px;
  }
  80.6% {
    background-position: -2000px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -400px -400px;
  }
  88.9% {
    background-position: -800px -400px;
  }
  91.7% {
    background-position: -1200px -400px;
  }
  94.4% {
    background-position: -1600px -400px;
  }
  97.2% {
    background-position: -2000px -400px;
  }
  100% {
    background-position: -2000px -400px;
  }
}
@keyframes sprite_z_yuhecheng_23_001 {
  0% {
    background-position: 0 0;
  }
  2.8% {
    background-position: -400px 0;
  }
  5.6% {
    background-position: -800px 0;
  }
  8.3% {
    background-position: -1200px 0;
  }
  11.1% {
    background-position: -1600px 0;
  }
  13.9% {
    background-position: -2000px 0;
  }
  16.7% {
    background-position: 0 -80px;
  }
  19.4% {
    background-position: -400px -80px;
  }
  22.2% {
    background-position: -800px -80px;
  }
  25% {
    background-position: -1200px -80px;
  }
  27.8% {
    background-position: -1600px -80px;
  }
  30.6% {
    background-position: -2000px -80px;
  }
  33.3% {
    background-position: 0 -160px;
  }
  36.1% {
    background-position: -400px -160px;
  }
  38.9% {
    background-position: -800px -160px;
  }
  41.7% {
    background-position: -1200px -160px;
  }
  44.4% {
    background-position: -1600px -160px;
  }
  47.2% {
    background-position: -2000px -160px;
  }
  50% {
    background-position: 0 -240px;
  }
  52.8% {
    background-position: -400px -240px;
  }
  55.6% {
    background-position: -800px -240px;
  }
  58.3% {
    background-position: -1200px -240px;
  }
  61.1% {
    background-position: -1600px -240px;
  }
  63.9% {
    background-position: -2000px -240px;
  }
  66.7% {
    background-position: 0 -320px;
  }
  69.4% {
    background-position: -400px -320px;
  }
  72.2% {
    background-position: -800px -320px;
  }
  75% {
    background-position: -1200px -320px;
  }
  77.8% {
    background-position: -1600px -320px;
  }
  80.6% {
    background-position: -2000px -320px;
  }
  83.3% {
    background-position: 0 -400px;
  }
  86.1% {
    background-position: -400px -400px;
  }
  88.9% {
    background-position: -800px -400px;
  }
  91.7% {
    background-position: -1200px -400px;
  }
  94.4% {
    background-position: -1600px -400px;
  }
  97.2% {
    background-position: -2000px -400px;
  }
  100% {
    background-position: -2000px -400px;
  }
}
@-webkit-keyframes sprite_z_i_nie_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -82px 0;
  }
  8.3% {
    background-position: -164px 0;
  }
  12.5% {
    background-position: -246px 0;
  }
  16.7% {
    background-position: -328px 0;
  }
  20.8% {
    background-position: 0 -142px;
  }
  25% {
    background-position: -82px -142px;
  }
  29.2% {
    background-position: -164px -142px;
  }
  33.3% {
    background-position: -246px -142px;
  }
  37.5% {
    background-position: -328px -142px;
  }
  41.7% {
    background-position: 0 -284px;
  }
  45.8% {
    background-position: -82px -284px;
  }
  50% {
    background-position: -164px -284px;
  }
  54.2% {
    background-position: -246px -284px;
  }
  58.3% {
    background-position: -328px -284px;
  }
  62.5% {
    background-position: 0 -426px;
  }
  66.7% {
    background-position: -82px -426px;
  }
  70.8% {
    background-position: -164px -426px;
  }
  75% {
    background-position: -246px -426px;
  }
  79.2% {
    background-position: -328px -426px;
  }
  83.3% {
    background-position: 0 -568px;
  }
  87.5% {
    background-position: -82px -568px;
  }
  91.7% {
    background-position: -164px -568px;
  }
  95.8% {
    background-position: -246px -568px;
  }
  100% {
    background-position: -246px -568px;
  }
}
@keyframes sprite_z_i_nie_hecheng_1_000 {
  0% {
    background-position: 0 0;
  }
  4.2% {
    background-position: -82px 0;
  }
  8.3% {
    background-position: -164px 0;
  }
  12.5% {
    background-position: -246px 0;
  }
  16.7% {
    background-position: -328px 0;
  }
  20.8% {
    background-position: 0 -142px;
  }
  25% {
    background-position: -82px -142px;
  }
  29.2% {
    background-position: -164px -142px;
  }
  33.3% {
    background-position: -246px -142px;
  }
  37.5% {
    background-position: -328px -142px;
  }
  41.7% {
    background-position: 0 -284px;
  }
  45.8% {
    background-position: -82px -284px;
  }
  50% {
    background-position: -164px -284px;
  }
  54.2% {
    background-position: -246px -284px;
  }
  58.3% {
    background-position: -328px -284px;
  }
  62.5% {
    background-position: 0 -426px;
  }
  66.7% {
    background-position: -82px -426px;
  }
  70.8% {
    background-position: -164px -426px;
  }
  75% {
    background-position: -246px -426px;
  }
  79.2% {
    background-position: -328px -426px;
  }
  83.3% {
    background-position: 0 -568px;
  }
  87.5% {
    background-position: -82px -568px;
  }
  91.7% {
    background-position: -164px -568px;
  }
  95.8% {
    background-position: -246px -568px;
  }
  100% {
    background-position: -246px -568px;
  }
}
@-webkit-keyframes banner_news_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  5.44% {
    -webkit-transform: translate(1px, 0);
            transform: translate(1px, 0);
    opacity: 0;
  }
  24.49% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 0.61;
  }
  36.73% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 1;
  }
}
@keyframes banner_news_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  5.44% {
    -webkit-transform: translate(1px, 0);
            transform: translate(1px, 0);
    opacity: 0;
  }
  24.49% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 0.61;
  }
  36.73% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes pager_anim {
  0% {
    opacity: 0;
  }
  19.73% {
    opacity: 0;
  }
  39.46% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pager_anim {
  0% {
    opacity: 0;
  }
  19.73% {
    opacity: 0;
  }
  39.46% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes banner_news_leaf_anim {
  0% {
    opacity: 0;
  }
  24.49% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes banner_news_leaf_anim {
  0% {
    opacity: 0;
  }
  24.49% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes banner_news_tab_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  21.77% {
    -webkit-transform: translate(27px, 0);
            transform: translate(27px, 0);
    opacity: 1;
  }
  31.97% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
    opacity: 1;
  }
}
@keyframes banner_news_tab_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  21.77% {
    -webkit-transform: translate(27px, 0);
            transform: translate(27px, 0);
    opacity: 1;
  }
  31.97% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(35px, 0);
            transform: translate(35px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes zxiaoxinwen2_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  31.29% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}
@keyframes zxiaoxinwen2_anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  31.29% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}
@-webkit-keyframes z13_anim {
  0% {
    opacity: 0;
  }
  21.77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z13_anim {
  0% {
    opacity: 0;
  }
  21.77% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z24_anim {
  0% {
    opacity: 0;
  }
  9.52% {
    opacity: 0;
  }
  31.29% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z24_anim {
  0% {
    opacity: 0;
  }
  9.52% {
    opacity: 0;
  }
  31.29% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z46_anim {
  0% {
    opacity: 0;
  }
  0.68% {
    opacity: 0;
  }
  22.45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z46_anim {
  0% {
    opacity: 0;
  }
  0.68% {
    opacity: 0;
  }
  22.45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes z35_anim {
  0% {
    opacity: 0;
  }
  8.16% {
    opacity: 0;
  }
  29.93% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes z35_anim {
  0% {
    opacity: 0;
  }
  8.16% {
    opacity: 0;
  }
  29.93% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fillAnim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes fillAnim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes qingbao_icon_anim {
  0% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  19% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0.3;
  }
  25% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes qingbao_icon_anim {
  0% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  19% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0.3;
  }
  25% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}