/*ͨ�ó�ʼ����ʽ*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
   margin: 0;
   padding: 0
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

fieldset,
img {
   border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
   font-style: normal;
   font-weight: normal
}

ol,
ul {
   list-style: none
}

caption,
th {
   text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: 100%;
   font-weight: normal
}

q:before,
q:after {
   content: ''
}

abbr,
acronym {
   border: 0;
   font-variant: normal
}

sup {
   vertical-align: text-top
}

a {
   text-decoration: none
}

sub {
   vertical-align: text-bottom
}

input,
textarea,
select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit
}

input,
textarea,
select {
   *font-size: 100%
}

body {
   padding-top: 0;
   background-color: #0c050a;
}

html,
body {
   width: 100%;
   overflow-x: hidden;
}

.wrapper {
   position: relative;
   *zoom: 1;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

body,
button,
select,
textarea,
input {
   font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, SimSun, Verdana;
}

.clearfix:after {
   clear: both;
   display: block;
   visibility: hidden;
   height: 0;
   content: " ";
   font-size: 0
}

.clearfix {
   *zoom: 1
}

.fl {
   float: left;
   _display: inline;
}

.fr {
   float: right;
   _display: inline;
}

/* foot */
#gfooter {
   height: 200px;
   background-color: #1e1f21;
}

#gfooter .foot {
   position: relative;
   padding: 30px 0 0;
   text-align: center;
   font: normal 12px/19px Tahoma;
   z-index: 10;
   background-color: #1e1f21;
}

#gfooter .foot_left.logo-cadpa {
   width: 79px;
   height: 99px;
   background: url(//game.gtimg.cn/images/fz/web202311/logo-cadpa.png);
   margin-top: 0;
}

#gfooter .foot_left.logo-smilegate {
   width: 162px;
   height: 40px;
   background: url(//game.gtimg.cn/images/fz/web202311/foot_icon2.png) no-repeat;
   background-size: 148px 30px;
   margin-top: 16px;
}

#gfooter .foot_dark {
   background: #1e1f21;
}

#gfooter a,
#gfooter li,
#gfooter p {
   font-size: 12px;
   line-height: 20px;
   color: #808080;
}

.foot_cpright {
   width: 1300px;
   margin: 0 auto;
}

#gfooter .foot_links {
   width: 800px;
   text-align: left;
}

body .ost_b_wrap {
   display: none;
}

body .blacktop-wrap {
   top: 0;
}

body #actTitleWrap {
   top: 50px !important;
}

/*footer E*/

.hidd {
   overflow: hidden;
}

/* ������ S */
/* .header-nav {
   width: 2560px !important;
   left: 50% !important;
   margin-left: -1280px;
   transform-origin: top;
   transition: opacity .3s;
}

.menuBox {
   width: 100%;
   height: auto;
}

.page-logo {
   background: url(//game.gtimg.cn/images/fz/web202304/0704/logo.png) no-repeat 0 0 !important;
   top: 50% !important;
   margin-top: -35px !important;
}

.header-link:before {
   top: 153px !important;
}

.header-link li {
   height: 154px !important;
}

.header-link a::before,
.header-link a::after {
   display: none;
}

.header-link a em {
   left: 50% !important;
   margin-left: -64px;
}

.header-link a p {
   font-size: 21px !important;
   line-height: 31px !important;
   color: #000 !important;
   font-weight: bold;
   padding-top: 60px !important;
}

.header-link a span {
   font-size: 12px !important;
   line-height: 18px !important;
   color: #c5af7e !important;
}

.presentation {
   top: 154px !important;
}

.header-yuyue {
   width: 348px !important;
   height: 154px !important;
   top: 0 !important;
   right: 347px !important;
   color: #211f1b !important;
   background: url(//game.gtimg.cn/images/fz/web202304/0704/btn-head-on.png) no-repeat 0 0 !important;
   text-indent: 0 !important;
   transition: all .3s;
}

.header-downloads {
   width: 348px !important;
   height: 154px !important;
   top: 0 !important;
   right: 0 !important;
   background: url(//game.gtimg.cn/images/fz/web202304/0704/btn-head.png) no-repeat 0 0 !important;
   text-indent: 0 !important;
   transition: all .3s;
}

.header-nav>a {
   font-size: 32px;
   line-height: 154px;
   color: #e3dac4;
   font-weight: bold;
   text-align: center;
}

.header-yuyue:hover,
.header-downloads:hover {
   background: url(//game.gtimg.cn/images/fz/web202304/0704/btn-head-on.png) no-repeat 0 0 !important;
   filter: brightness(1) !important;
   color: #211f1b;
}

.menuBox .new_b {
   background-image: url(//game.gtimg.cn/images/fz/web202304/0704/spr.png);
} */

/* ������ E */

/*sprite*/
.spr {
   background-repeat: no-repeat;
   background-image: url(//game.gtimg.cn/images/fz/web202311/spr0326.png);
}

.btn-yun {
   width: 403px;
   height: 78px;
   background-position: -252px -506px
}

.i-welf {
   width: 255px;
   height: 54px;
   background-position: -549px -945px
}

.i-welf-hov {
   width: 298px;
   height: 50px;
   background-position: -166px -1030px
}

.i-yun {
   width: 255px;
   height: 54px;
   background-position: -549px -945px
}

.i-yun-hov {
   width: 163px;
   height: 50px;
   background-position: -549px -1029px
}

.nav-em {
   width: 183px;
   height: 10px;
   background-position: -549px -1009px
}

.part1-arr {
   width: 33px;
   height: 62px;
   background-position: -966px -516px
}

.part1-download {
   width: 402px;
   height: 119px;
   background-position: -252px -377px
}

.part1-next {
   width: 82px;
   height: 89px;
   background-position: -742px -1010px
}

.part1-prev {
   width: 81px;
   height: 89px;
   background-position: -834px -1010px
}

.part1-video-em {
   width: 80px;
   height: 87px;
   background-position: -459px -933px
}

.part1-zs {
   width: 216px;
   height: 206px;
   background-position: -10px -527px
}

.part1-zs-bub {
   width: 97px;
   height: 102px;
   background-position: -824px -898px
}

.part2-icon {
   width: 26px;
   height: 39px;
   background-position: -670px -208px
}

.part2-line {
   width: 757px;
   height: 12px;
   background-position: -10px -10px
}

.part3-btn1 {
   width: 282px;
   height: 86px;
   background-position: -670px -356px
}

.part3-btn2 {
   width: 282px;
   height: 86px;
   background-position: -665px -452px
}

.part3-btn3 {
   width: 282px;
   height: 86px;
   background-position: -674px -548px
}

.part3-btn4 {
   width: 281px;
   height: 86px;
   background-position: -675px -644px
}

.part3-btn5 {
   width: 283px;
   height: 86px;
   background-position: -717px -164px
}

.part3-btn6 {
   width: 283px;
   height: 86px;
   background-position: -670px -260px
}

.part3-btn7 {
   width: 283px;
   height: 87px;
   background-position: -166px -933px
}

.part3-btn8 {
   width: 283px;
   height: 87px;
   background-position: -717px -67px
}

.part3-icon {
   width: 21px;
   height: 30px;
   background-position: -988px -10px
}

.part4-arr {
   width: 48px;
   height: 26px;
   background-position: -963px -346px
}

.part4-genre-bg1 {
   width: 359px;
   height: 49px;
   background-position: -225px -756px
}

.part4-genre-bg2 {
   width: 359px;
   height: 49px;
   background-position: -225px -815px
}

.part4-genre-bg3 {
   width: 359px;
   height: 49px;
   background-position: -225px -874px
}

.part4-genre-box {
   width: 408px;
   height: 159px;
   background-position: -252px -208px
}

.part4-more {
   width: 201px;
   height: 47px;
   background-position: -777px -10px
}

.part4-prop-list {
   width: 220px;
   height: 179px;
   background-position: -594px -756px
}

.part4-prop-list1 {
   width: 205px;
   height: 166px;
   background-position: -10px -743px
}

.part4-prop-list2 {
   width: 455px;
   height: 166px;
   background-position: -252px -32px
}

.part5-comm-btn {
   width: 146px;
   height: 133px;
   background-position: -10px -919px
}

.part5-line {
   width: 90px;
   height: 9px;
   background-position: -921px -875px
}

.part5-tab1 {
   width: 428px;
   height: 71px;
   background-position: -236px -594px
}

.part5-tab2 {
   width: 429px;
   height: 71px;
   background-position: -236px -675px
}

.pop-close {
   width: 54px;
   height: 54px;
   background-position: -957px -452px
}

.side-box {
   width: 232px;
   height: 485px;
   background-position: -10px -32px
}

.side-bub1 {
   width: 87px;
   height: 148px;
   background-position: -824px -740px
}

.side-bub2 {
   width: 80px;
   height: 125px;
   background-position: -921px -740px
}

.side-close {
   width: 39px;
   height: 76px;
   background-position: -963px -260px
}

.side-icon-bz {
   width: 54px;
   height: 29px;
   background-position: -10px -1062px
}

.side-icon-wb {
   width: 46px;
   height: 42px;
   background-position: -474px -1030px
}

.side-icon-wx {
   width: 44px;
   height: 39px;
   background-position: -962px -382px
}

.side-open {
   width: 39px;
   height: 76px;
   background-position: -931px -894px
}

/* ���� S */
.pop,
.pop * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.pop-video,
.pop-video * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.pop,
.pop-video {
   display: none;
   outline: none;
   z-index: 8;
   position: relative;
}

.pop .pop-close {
   position: absolute;
   right: -70px;
   top: -68px;
   z-index: 5;
}

/*��Ƶ����*/
.pop-video {
   padding: 2px;
   outline: none;
   position: relative;
   border: 1px solid #5e5d5a;
}

.pop-close {
   position: absolute;
   right: -70px;
   top: 0;
   z-index: 5;
}

.pop-video-cont {
   width: 810px;
   height: 500px;
   border: 1px solid #5e5d5a;
   text-align: center;
   clear: both;
   background: #000;
}

#popVideoCon {
   width: 100%;
   height: 100%;
}

/* ͨ�õ��� */
.pop_tips {
   width: 748px;
   height: 232px;
   background: url(//game.gtimg.cn/images/fz/web202311/pop-tips-bg.png) no-repeat 0 0;
}

.pop_tips .pop_tips_cont {
   width: 100%;
   height: 100%;
   padding-top: 80px;
}

.pop_tips .expect {
   width: 100%;
   font-size: 30px;
   line-height: 50px;
   color: #baa97f;
   text-align: center;
   letter-spacing: 3px;
}

/*��ֽ����*/
.pop-wallpaper {
   background-color: rgba(0, 0, 0, 0.8);
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
}

.pop-wp-cont {
   width: 2000px;
   height: 1200px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -600px 0 0 -1000px;
}

.pop-wp-pic {
   width: 100%;
   height: 1040px;
}

.pop-wp-pic img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.large-size {
   width: 100%;
   height: 44px;
   line-height: 44px;
   color: #95825c;
   font-size: 24px;
   margin: 30px auto 10px;
   text-align: center;
   visibility: hidden;
}

.large-size.on {
   visibility: visible;
}

.pop-wp-btn {
   width: 346px;
   height: 76px;
   line-height: 76px;
   margin: 0 auto;
   display: block;
   text-align: center;
   color: #ccad70;
   font-size: 22px;
}

.pop-wp-btn:before {
   content: "";
   border: 1px solid #a49a7e;
   background: rgba(16, 17, 18, .3);
}

.pop-wp-btn:after {
   content: "";
   background: #ccad70;
   border: 1px solid #ccad70;
}

.pop-wp-btn .btn-txt {
   font-size: 28px;
   color: #ccad70;
}

.pop-wp-btn .btn-txt:before {
   width: 336px;
   height: 66px;
   border: 1px solid #7a6b69;
   top: 5px;
   left: 4px;
}

.pop-wp-btn:hover .btn-txt {
   color: #fff;
}

.pop-wp-btn:hover .btn-txt:before {
   border: 1px solid #d7be8e;
}

/* �������ѵ��� */
.pop-cadpa {
   width: 920px;
   height: 687px;
   background: url(//game.gtimg.cn/images/fz/web202304/0704/pop-cadpa-bg.png) no-repeat 0 0;
}

.pop-cadpa .pop-cadpa-cont {
   width: 100%;
   height: 100%;
   padding: 42px 36px 0;
}

.pop-cadpa .cadpa-title {
   font-size: 24px;
   line-height: 38px;
   color: #fff;
}

.pop-cadpa .cadpa-txt {
   font-size: 20px;
   line-height: 30px;
   color: #adadad;
   margin-top: 30px;
   text-align: justify;
   letter-spacing: 1px;
}

.pop-cadpa .btn-comm {
   width: 192px;
   height: 54px;
   display: block;
   margin: 32px auto 0;
}

.pop-cadpa .btn-comm:before {
   border: 1px solid #665a48;
   background: rgba(16, 17, 18, .3);
}

.pop-cadpa .btn-comm:after {
   background: #ccad70;
   border: 1px solid #ccad70;
   transition: transform .4s ease-in-out;
}

.pop-cadpa .btn-comm .btn-txt {
   font-size: 24px;
   line-height: 54px;
   color: #ad9d75;
}

.pop-cadpa .btn-comm .btn-txt:before {
   width: 184px;
   height: 46px;
   border: 1px solid #524e49;
   top: 4px;
   left: 4px;
}

.pop-cadpa .btn-comm:hover .btn-txt {
   color: #fff;
}

.pop-cadpa .btn-comm:hover .btn-txt:before {
   border: 1px solid #ddc8a0;
}

/* ���� E */

/*��Ҫ����*/
.main {
   position: relative;
   z-index: 5;
   margin: 0 auto;
   width: 1400px;
   height: 100%;
}

a.spr:hover {
   -webkit-filter: brightness(1.2);
   filter: brightness(1.2);
}

a.swiper-button-disabled:hover {
   -webkit-filter: brightness(1);
   filter: brightness(1);
}

.wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   opacity: 0;
   z-index: 1;
}

.slide-auto {
   height: auto !important;
}

.mob_cont {
   display: none !important;
}


/* ��ť -- ��꾭������ S */
.btn-comm {
   display: block;
   overflow: hidden;
   position: relative;
   z-index: 0;
}

.btn-comm:before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   pointer-events: none;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.btn-comm:after {
   content: '';
   width: 110%;
   height: 100%;
   position: absolute;
   top: 0;
   left: -5%;
   z-index: 1;
   -webkit-transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   -webkit-transform: translateX(-100%) skew(-20deg);
   transform: translateX(-100%) skew(-20deg);
   pointer-events: none;
}

.btn-comm .btn-txt {
   width: 100%;
   height: 100%;
   display: block;
   text-align: center;
   letter-spacing: 3px;
   position: absolute;
   top: 0;
   left: 0;
   border: none;
   z-index: 2;
   transition: color .5s ease-in-out;
}

.btn-comm .btn-txt:before {
   content: '';
   position: absolute;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 2;
   pointer-events: none;
   z-index: 3;
   transition: border .5s ease-in-out;
   pointer-events: none;
}

.btn-comm:hover:after,
.part3-list li:hover .btn-comm:after {
   -webkit-transform: translateX(0) skew(-20deg);
   transform: translateX(0) skew(-20deg);
}

/* ��ť -- ��꾭������ E */

.page-default {
   display: none !important;
   width: 100vw;
   height: 100vh;
   position: fixed;
   z-index: 99;
   left: 0;
   top: 0;
   transition: all .3s;
   opacity: 1;
   background-color: #000;
}

.page-default-box {
   width: 100%;
   height: 100%;
}

.page-default-box video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page-cont {
   /*width: 2560px;
   height: 1440px;
   position: absolute;
   z-index: 3;
   top: 50%;
   left: 50%;
   margin: -720px 0 0 -1280px;*/
}

.video-box {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 0;
   pointer-events: none;
}

.video-box video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page-side-comm {
   position: fixed;
   z-index: 98;
   left: -300px;
   width: 0;
   height: 880px;
   top: 50%;
   margin-top: -420px;
   transform-origin: left center;
   opacity: 0;
}

.page-side-comm.on {
   transition: all ease-out .6s .1s;
   opacity: 1;
   left: 0;
}

.page-nav {
   position: relative;
}

.page-nav li {
   position: relative;
   width: 183px;
   height: 62px;
   line-height: 62px;
   text-align: left;
   cursor: pointer;
}

.page-nav li span {
   display: block;
   margin-left: 44px;
   color: #c9c9c9;
   font-size: 22px;
   transition: all .3s;
}

.page-nav li em.nav-icon1 {
   position: absolute;
   left: 22px;
   top: 50%;
   margin-top: -4px;
   z-index: 2;
}

.page-nav li em.nav-icon2 {
   position: absolute;
   left: 11px;
   top: 50%;
   margin-top: -14px;
   opacity: 0;
   transition: all .3s;
   z-index: 3;
}

.page-nav li em.nav-em {
   position: absolute;
   top: 30px;
   left: -16px;
   transition: all .3s;
   opacity: 0;
}

.page-nav li:hover span,
.page-nav li.cur span {
   color: #fff9ed;
   text-shadow: 0 0 10px #ffc11a;
   -webkit-animation: light 3s linear infinite;
   animation: light 3s linear infinite;
}

@-webkit-keyframes light {
   0% {
      text-shadow: 0 0 0px #ffc11a;
   }

   50% {
      text-shadow: 0 0 10px #ffc11a, 0 0 15px #ffc11a, 0 0 20px #ffc11a, 0 0 25px #ffc11a, 0 0 30px #ffc11a, 0 0 35px #ffc11a;
   }

   100% {
      text-shadow: 0 0 0px #ffc11a;
   }
}

@keyframes light {
   0% {
      text-shadow: 0 0 0px #ffc11a;
   }

   50% {
      text-shadow: 0 0 10px #ffc11a, 0 0 15px #ffc11a, 0 0 20px #ffc11a, 0 0 25px #ffc11a, 0 0 30px #ffc11a, 0 0 35px #ffc11a;
   }

   100% {
      text-shadow: 0 0 0px #ffc11a;
   }
}

.page-nav li:hover em.nav-em,
.page-nav li.cur em.nav-em {
   opacity: 1;
}

.page-nav li:hover em.nav-icon2,
.page-nav li.cur em.nav-icon2 {
   opacity: 1;
}

.page-side {
   margin-top: 180px;
   position: relative;
   width: 304px;
   left: -265px;
   transition: all .3s;
}

.side-box {
   top: -5px;
   position: relative;
   float: left;
   margin-left: 32px;
}

.side-bub-box {
   position: absolute;
   width: 100%;
   height: 148px;
   overflow: hidden;
   top: -148px;
   left: 0;
}

.side-bub1,
.side-bub2 {
   position: absolute;
}

.side-bub1 {
   left: 7px;
   top: 0;
}

.side-bub2 {
   left: 115px;
   top: 38px;
}

.side-box-qrcode {
   padding-top: 38px;
   height: 280px;
   width: 175px;
   margin: 0 auto;
   text-align: center;
}

.side-box-qrcode img {
   display: block;
   width: 100%;
   border: 2px solid #ffd983;
}

.side-box-qrcode .tips {
   width: 130%;
   margin-left: -15%;
   height: 45px;
   margin-top: 8px;
   font-size: 0;
   text-align: center;
}

.side-box-qrcode .tips p {
   font-size: 16px;
   background-color: #333333;
   color: #fff;
   line-height: 25px;
   border: 1px solid #fff;
   padding: 0 5px;
   margin: 0 4px;
   display: inline-block;
   vertical-align: top;
}

.side-box-qrcode p.txt {
   width: 130%;
   margin-left: -15%;
   color: #fff;
   font-size: 16px;
   line-height: 20px;
   text-shadow: 0 0 4px #3b2105;
}

.side-box-link {
   margin-left: 26px;
   width: 172px;
   height: auto;
}

.side-box-link a {
   display: block;
   width: 100%;
   height: 44px;
   line-height: 44px;
   color: #ffffff;
   text-shadow: 0 0 4px #3b2105;
   font-size: 18px;
   position: relative;
}

.side-box-link em {
   position: relative;
   top: 0;
   display: block;
   float: left;
   width: 70px;
   height: 44px;
}

.side-box-link em i {
   position: absolute;
   top: 50%;
   left: 50%;
}

.side-icon-wb {
   margin: -21px 0 0 -23px;
}

.side-icon-wx {
   margin: -22px 0 0 -20px;
}

.side-icon-bz {
   margin: -15px 0 0 -27px;
}

.side-box-link a span {
   display: block;
   float: right;
   text-align: right;
}

.side-box-link a:hover {
   -webkit-filter: brightness(1.1);
   filter: brightness(1.1);
}

.qrcode-float1 {
   background: url(//game.gtimg.cn/images/fz/web202311/qrcode-float1.png) no-repeat 0 0;
   width: 198px;
   height: 186px;
   position: absolute;
   top: 50%;
   left: 188px;
   margin-top: -93px;
   z-index: 2;
   opacity: 0;
   pointer-events: none;
   transition: all .3s;
   padding: 7px 0 0 18px;
}


.qrcode-float1 img {
   display: block;
   margin: 0 auto 0 0;
   width: 175px;
   height: 175px;
}

.side-box-link a:hover .qrcode-float1 {
   opacity: 1;
}

.side-btns {
   float: left;
   width: 39px;
   height: 76px;
   position: relative;
   overflow: hidden;
   margin-top: 28px;
}

.side-btns a {
   position: absolute;
   left: 0;
   top: 0;
}

.side-close {
   display: none;
}

.page-side.cur {
   left: 0;
}

.page-side.cur .side-box {
   margin-left: 32px;
}

.page-side.cur .side-close {
   display: block;
}

.page-side.cur .side-open {
   display: none;
}

.part1 {
   height: 1304px;
   /*background: url(//game.gtimg.cn/images/fz/web202311/bg1-v0906.jpg) no-repeat 50% top;*/
   background: url(//game.gtimg.cn/images/fz/web202311/role/bg1-v0330.png) no-repeat 50% top;
   background-size: 100% auto;
   overflow: hidden;
}

.part1-cont {
   display: none;
   width: 692px;
   height: 698px;
   position: absolute;
   right: 26px;
   bottom: 0;
   z-index: 5;
   transform-origin: right bottom;
}

.part1-cont-center {
   width: 2144px;
   height: 784px;
   position: absolute;
   right: -558px;
   top: 23px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1-cont-center .part1-slogan {
   width: 70%;
   height: 278px;
   position: absolute;
   right: -217px;
   bottom: 35px;
   opacity: 0;
   transition: all ease-out .5s .2s;
   pointer-events: none;
   background: url(//game.gtimg.cn/images/fz/web202311/title0330.png) no-repeat 0 0;
   /* background: url(//game.gtimg.cn/images/fz/web202311/2.0/banner-title.png) no-repeat 0 0; */
   margin-left: 47px;
   background-size: 55%;
}

.part1-cont-center .part2-slogan {
   width: 100%;
   height: 647px;
   position: absolute;
   bottom: -73px;
   opacity: 0;
   transition: all ease-out .5s .2s;
   pointer-events: none;
   background: url(//game.gtimg.cn/images/fz/web202311/2.0/banner-title-1.png) no-repeat 0 0;
   /* background: url(//game.gtimg.cn/images/fz/web202311/2.0/banner-title.png) no-repeat 0 0; */
   margin-left: 50px;
   background-size: 53%;
   z-index: 111;
}

.part1-cont-center2 {
   width: 100%;
   height: 100px;
   position: absolute;
   left: 624px;
   top: 762px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1-cont-center2 .part1-slogan {
   width: 100%;
   height: 297px;
   position: absolute;
   bottom: 46px;
   opacity: 0;
   transition: all ease-out .5s .2s;
   pointer-events: none;
   background: url(//game.gtimg.cn/images/fz/web202311/2.0/banner-title.png) no-repeat 0 0;
   background-size: 50%;
}

.part1-time {
   display: none;
   width: 1414px;
   height: 678px;
   pointer-events: none;
   position: absolute;
   left: 0;
   top: 564px;
}

.part1-time em {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: -200px;
   opacity: 0;
   transition: all ease-out .5s .2s;
}

.part1.on .part1-slogan {
   opacity: 1;
   right: -85px;
}

.part1.on .part2-slogan {
   opacity: 1;
   right: -452px;
}

.part1.on .part1-time em {
   opacity: 1;
   left: 0;
}

.part1-box {
   width: 692px;
   height: auto;
   transition: all ease-out .6s .1s;
   position: relative;
   right: -374px;
   opacity: 0;
}

.part1-box-center {
   width: 2144px;
   height: 871px;
   position: absolute;
   right: -538px;
   top: -76px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1.on .part1-box {
   opacity: 1;
   right: 0;
}

.part1-video {
   width: 536px;
   height: 294px;
   margin: 0 auto;
   border: 3px solid #e6c88e;
   border-left: none;
   border-right: none;
   position: relative;
   overflow: hidden;
}

.part1-video img {
   display: block;
   width: 100%;
}

.part1-video a {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: rgba(0, 0, 0, 0.6);
   transition: all .3s;
   z-index: 3;
}

.part1-video a em {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -43px 0 0 -40px;
   -webkit-animation: scaleAnim 2s linear infinite;
   animation: scaleAnim 2s linear infinite;
}

.part1-video:hover a {
   background-color: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes scaleAnim {
   0% {
      -webkit-transform: scale(1, 1);
   }

   50% {
      -webkit-transform: scale(1.2, 1.2);
   }

   100% {
      -webkit-transform: scale(1, 1);
   }
}

@keyframes scaleAnim {
   0% {
      transform: scale(1, 1);
   }

   50% {
      transform: scale(1.2, 1.2);
   }

   100% {
      transform: scale(1, 1);
   }
}

@-webkit-keyframes rotateAnim {
   0% {
      -webkit-transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes rotateAnim {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.part1-cont-right {
   width: 630px;
   height: auto;
   position: absolute;
   top: 728px;
   right: 38px;
}

.part1-cont-right .part1-btns {
   width: 404px;
   height: auto;
   text-align: center;
   position: relative;
   right: -200px;
   opacity: 0;
   transition: all ease-out .5s .2s;
}

.part1.on .part1-btns {
   opacity: 1;
   right: 0;
}

.part1-btns h5 {
   width: 100%;
   line-height: 48px;
   color: #ffeabe;
   font-size: 22px;
   letter-spacing: 4px;
   text-shadow: 0 0 20px #000, 0 0 40px #000;
}

.part1-download {
   display: block;
   margin: 0 auto;
   font-size: 34px;
   line-height: 90px;
   color: #fff7e5;
   text-align: center;
   text-shadow: 0 1px 2px #231a0e;
   letter-spacing: 6px;
}

.part1 .part1-btns-box {
   width: 100%;
   height: 118px;
   font-size: 0;
   text-align: center;
   margin-top: 14px;
}

.part1 .part1-btns-box a {
   display: inline-block;
   vertical-align: top;
   position: relative;
}

.part1 .part1-btns-box a.btn-lq {
   width: 298px;
}

.part1 .part1-btns-box a em {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   opacity: 0;
   transition: opacity .3s;
}

.part1 .part1-btns-box a em.on {
   opacity: 1;
}

.part1 .part1-btns-box a span {
   box-sizing: border-box;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   line-height: 78px;
   font-size: 24px;
   color: #fdf9f1;
   position: relative;
   z-index: 3;
   text-shadow: 0 3px 2px #9f7337;
}

.part1 .part1-btns-box a.btn-lq span {
   padding-right: 60px;
}

.part1 .part1-btns-box a:hover {
   filter: brightness(1.2);
}

.part1-zs {
   position: absolute;
   top: 48px;
   right: -226px;
   z-index: 2;
}

.part1-zs p {
   padding-top: 126px;
   font-weight: bold;
   color: #fff;
   font-size: 22px;
   line-height: 28px;
   text-align: center;
   width: 100%;
   text-shadow: 0 4px 2px #c88f39;
}

.part1-zs-bub {
   position: absolute;
   top: 134px;
   right: -40px;
   pointer-events: none;
}

.qrcode-float3 {
   background: url(//game.gtimg.cn/images/fz/web202311/qrcode-float3.png) no-repeat 0 0;
   width: 208px;
   height: 218px;
   position: absolute;
   left: 50%;
   top: -218px;
   margin-left: -104px;
   z-index: 2;
   opacity: 0;
   pointer-events: none;
   transition: all .3s;
   padding: 7px 0 0 0;
}


.qrcode-float3 img {
   display: block;
   margin: 0 auto;
   width: 192px;
   height: 192px;
}

.part1-zs:hover .qrcode-float3 {
   opacity: 1;
}

.part1-more {
   width: 260px;
   margin: 16px auto 0;
}

.part1-more em {
   display: block;
   margin: 0 auto;
   position: relative;
   top: -10px;
   -webkit-animation: mouse-move 1.5s linear infinite;
   animation: mouse-move 1.5s linear infinite;
}

@-webkit-keyframes mouse-move {
   from {
      -webkit-transform: translate3d(0, 0, 0)
   }

   50% {
      -webkit-transform: translate3d(0, 10px, 0)
   }

   100% {
      -webkit-transform: translate3d(0, 0, 0)
   }
}

@keyframes mouse-move {
   from {
      transform: translate3d(0, 0, 0)
   }

   50% {
      transform: translate3d(0, 10px, 0)
   }

   100% {
      transform: translate3d(0, 0, 0)
   }
}

.part1-more p {
   width: 100%;
   text-align: center;
   color: #f3dfb5;
   font-size: 18px;
   line-height: 32px;
   text-shadow: 0 0 5px #f3dfb5, 0 0 10px #f3dfb5;
   letter-spacing: 4px;
}

.part1-swiper {
   margin: 28px auto 0;
   width: 536px;
   height: 192px;
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.part1-swiper li {
   float: left;
   width: 384px;
   height: 190px;
}

.part1-swiper li img {
   display: block;
   width: 382px;
   height: 188px;
   border: 1px solid #a28f6d;
}

.part1-arrow {
   width: 520px;
   height: 0;
   position: relative;
   top: -142px;
   margin: 0 auto;
   z-index: 2;
}

.part1-arrow a {
   display: block;
}

.part1-prev {
   float: left;
}

.part1-next {
   float: right;
}

.part1-pagin {
   width: 520px;
   height: 0;
   position: relative;
   top: -20px;
   margin: 0 auto;
   text-align: center;
   position: relative;
   z-index: 3;
}

.part1-pagin span {
   vertical-align: top;
   background-color: #d9c0be;
   opacity: 1;
   width: 8px;
   height: 8px;
   margin: 0 8px;
   transform: rotate(45deg);
   border-radius: 0;
}

.part1-pagin span.swiper-pagination-bullet-active {
   background-color: #fff3c3;
}

.part2 {
   height: 955px;
   margin-top: -372px;
   background: url(//game.gtimg.cn/images/fz/web202311/bg2-v0805.jpg) no-repeat center bottom;
}

.part2-cont {
   width: 2000px;
   height: 648px;
   margin: 0 auto;
}

.part2-cont h5 {
   line-height: 60px;
   color: #fff;
   font-size: 36px;
}

.part2-cont h5 em {
   display: block;
   float: left;
   margin: 12px 14px 0 17px;
}

.part2-swiper {
   width: 974px;
   height: 546px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   float: left;
   background-color: #1e1d1d;
}

.part2-swiper li {
   float: left;
   width: 974px;
   height: 546px;
   position: relative;
}

.part2-swiper li img {
   display: block;
   width: 100%;
}

.part2-swiper li p {
   position: absolute;
   top: 472px;
   left: 30px;
   line-height: 50px;
   color: #fff;
   font-size: 30px;
   width: 560px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.part-news-pagin {
   width: 974px;
   height: 82px;
   line-height: 82px;
   position: absolute;
   top: 545px;
   left: 0;
   z-index: 3;
   text-align: center;
   z-index: 3;
   background-color: #1e1d1d;
}

.part-news-pagin span {
   background-color: #b1b1b1;
   opacity: 1;
   width: 14px;
   height: 14px;
   margin: 0 26px;
   transform: rotate(45deg);
   border-radius: 0;
}

.part-news-pagin span:hover {
   background-color: #ccad70;
}

.part-news-pagin span.swiper-pagination-bullet-active {
   background-color: #ccad70;
}

.part2-news-list {
   width: 1000px;
   height: 526px;
   background-color: rgba(0, 0, 0, 0.6);
   float: right;
   position: relative;
}

.part2-news-tabs {
   padding: 20px 0 0 0;
   width: 892px;
   overflow: hidden;
   margin-left: 54px;
   border-bottom: 1px solid #3e382d;
}

.part2-news-tabs a {
   color: #fff;
   font-size: 29px;
   line-height: 76px;
   margin-right: 34px;
   float: left;
   display: block;
}

.part2-news-tabs a:hover {
   color: #e3ce9a;
   border-bottom: 1px solid #e3ce9a;
}

.part2-news-tabs a.cur {
   color: #e3ce9a;
   border-bottom: 1px solid #e3ce9a;
}

.part2-line {
   margin-left: 54px;
   pointer-events: none;
   display: none;
}

.part2-news-cont {
   height: 382px;
   overflow: hidden;
   margin: 18px 0 0 54px;
}

.part2-news-item {
   width: 100%;
   height: 100%;
}

.part2-news-cont a {
   display: block;
   width: 892px;
   height: 66px;
   line-height: 65px;
   color: #cfcece;
   font-size: 22px;
   position: relative;
}

.part2-news-cont a.top {
   background: url(https://game.gtimg.cn/images/fz/web202311/top.png) no-repeat 30px 0;
   background-size: 35px 35px;
}

.part2-news-cont a em,
.part2-news-cont a span,
.part2-news-cont a p {
   float: left;
   display: block;
}

.part2-news-cont a em {
   position: absolute;
   left: 4px;
   top: 50%;
   width: 12px;
   height: 12px;
   transform: rotate(45deg);
   margin-top: -5px;
   background-color: #dadada;
   border: 1px solid #dadada;
}

.part2-news-cont a span.type {
   margin-left: 45px;
   min-width: 68px;
}

.part2-news-cont a span.active {
   margin-right: 22px;
}

.part2-news-cont a p {
   width: 600px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.part2-news-cont a span.date {
   float: right;
}

.part2-news-cont a:hover {
   color: #e3ce9a;
}

.part2-news-cont a:hover em {
   background-color: #e3ce9a;
   border-color: #e3ce9a;
}

.part2-more {
   display: block;
   width: 220px;
   height: 40px;
   line-height: 40px;
   color: #e3ce9a;
   font-size: 22px;
   text-align: center;
   position: absolute;
   right: 42px;
   top: 50px;
}

.part2-more:hover {
   color: #e3ce9a;
   border-color: #818b98;
}

.part3 {
   background: url(//game.gtimg.cn/images/fz/web202311/bg3.jpg) no-repeat center center;
   background-size: cover;
}

.part3-cont {
   width: 2000px;
   margin: 0 auto;
   position: relative;
}

.part3-cont .part3-tit {
   line-height: 64px;
   color: #fff;
   font-size: 25px;
   position: absolute;
   left: 0;
   top: 0;
}

.part3-cont .part3-tit em {
   display: block;
   float: left;
   margin: 17px 14px 0 14px;
}

.part3-list {
   width: 982px;
   height: 238px;
   margin-top: 64px;
   margin-left: 14px;
   overflow: hidden;
   float: left;
}

.part3-list .swiper-wrapper {
   width: 100%;
   /* display: flex;
   flex-wrap: wrap; */
}

.part3-list li {
   float: left;
   width: 292px;
   height: 218px;
   margin: 0 34px 0 0;
   border: 2px solid #d7b262;
}

.part3-list li a {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 2;
   overflow: hidden;
}

.part3-list li img {
   display: block;
   width: 100%;
   transition: all .3s;
   position: relative;
   z-index: 1;
}

.part3-status {
   position: absolute;
   z-index: 3;
   left: 12px;
   top: 10px;
   border-radius: 22px;
   font-size: 16px;
   text-align: center;
   line-height: 22px;
   width: 68px;
}

.part3-done {
   background-color: #dddee1;
   color: #919499;
}

.part3-progress {
   background-color: #141516;
   color: #d7be81;
}

.part3-list h5 {
   color: #ffffff;
   font-size: 16px;
   line-height: 42px;
   position: absolute;
   z-index: 3;
   bottom: 0;
   left: 0;
   text-align: center;
   width: 100%;
}

.part3-date {
   position: absolute;
   top: 306px;
   right: 38px;
   z-index: 3;
   color: #fff;
   font-size: 20px;
   line-height: 40px;
   display: none;
}

.part3-go {
   left: 0;
   top: 0;
   position: absolute;
   z-index: 3;
   width: 100%;
   height: 100%;
   text-align: center;
   color: #ccad70;
   font-size: 22px;
   background: url(//game.gtimg.cn/images/fz/web202311/part3-go-bg.png) no-repeat 0 0;
   background-size: 100% 100%;
   opacity: 0;
   transition: all .3s;
   pointer-events: none;
}

.part3-go:before {
   content: "";
   border: 1px solid #a49a7e;
   background: rgba(16, 17, 18, .3);
   display: none;
}

.part3-go:after {
   content: "";
   background: #ccad70;
   border: 1px solid #ccad70;
   display: none;
}

.part3-go .btn-txt {
   font-size: 28px;
   line-height: 220px;
   color: #f4d993;
   text-align: center;
}

.part3-go .btn-txt:before {
   width: 136px;
   height: 30px;
   border: 1px solid #7a6b69;
   top: 4px;
   left: 5px;
   display: none;
}

.part3-list li a:before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: url(//game.gtimg.cn/images/fz/web202311/act-mask.png) no-repeat 0 0;
   z-index: 2;
   pointer-events: none;
   display: none;
}

.part3-list li:hover .part3-go {
   opacity: 1;
}

.part3-list li:hover .part3-go .btn-txt:before {
   border: 1px solid #d7be8e;
}

.part3-links {
   width: 412px;
   height: 100%;
   text-align: center;
   float: right;
   padding-top: 10px;
}

.part3-links-box {
   width: 612px;
}

.part3-links a {
   display: block;
   position: relative;
   margin: 0 20px 0 0;
   float: left;
}

.part3-links a.guide-zs-mob {
   display: none;
}

.part3-links a span {
   display: block;
   width: 100%;
   position: relative;
   z-index: 2;
}

.part3-links a em {
   transition: all .3s linear;
   opacity: 1;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
}

.part3-links a i {
   transition: all .3s linear;
   opacity: 0;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
   display: none;
}

.part3-links a:hover {
   color: #fff;
}

.part3-links a:hover em {
   opacity: 0;
}

.part3-links a:hover i {
   opacity: 1;
}

.qrcode-float2 {
   background: url(//game.gtimg.cn/images/fz/web202311/qrcode-float2.png) no-repeat 0 0;
   width: 188px;
   height: 198px;
   position: absolute;
   top: -208px;
   left: 50%;
   margin-left: -94px;
   z-index: 2;
   opacity: 0;
   pointer-events: none;
   transition: all .3s;
   padding-top: 7px;
}

.qrcode-float2 img {
   display: block;
   margin: 0 auto;
   width: 174px;
   height: 174px;
}

.part3-links a:hover .qrcode-float2 {
   opacity: 1;
}

.part3-more {
   position: absolute;
   width: 132px;
   height: 40px;
   line-height: 40px;
   top: 24px;
   right: 8px;
   color: #e3ce9a;
   font-size: 19px;
   text-align: center;
   z-index: 3;
}

.part3-more:hover {
   color: #fff;
}

.part4 {
   height: 1226px;
}

.part4-spr {
   background-repeat: no-repeat;
   background-image: url(//game.gtimg.cn/images/fz/web202311/part4-spr0805.png);
}

.gdj-def {
   width: 39px;
   height: 38px;
   background-position: -1978px -1170px
}

.gdj-hov {
   width: 130px;
   height: 130px;
   background-position: -1810px -412px
}

.gdj-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1195px -1179px
}

.gdj-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1252px -1179px
}

.gdj-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1309px -1179px
}

.gdj-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1366px -1179px
}

.gdj-icon3-def {
   width: 55px;
   height: 62px;
   background-position: -1423px -1179px
}

.gdj-icon3-hov {
   width: 55px;
   height: 62px;
   background-position: -1480px -1179px
}

.gdj-icon4-def {
   width: 55px;
   height: 62px;
   background-position: -1537px -1179px
}

.gdj-icon4-hov {
   width: 55px;
   height: 62px;
   background-position: -1902px -207px
}

.gdj-tit1 {
   width: 544px;
   height: 203px;
   background-position: -2px -2px
}

.gdj-tit2 {
   width: 455px;
   height: 203px;
   background-position: -496px -412px
}

.gdj-tit3 {
   width: 492px;
   height: 203px;
   background-position: -2px -412px
}

.gdj-tit4 {
   width: 517px;
   height: 203px;
   background-position: -2px -207px
}

.gdjnan-def {
   width: 49px;
   height: 46px;
   background-position: -1879px -1128px
}

.gdjnan-hov {
   width: 130px;
   height: 130px;
   background-position: -1723px -617px
}

.gdjnan-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1591px -1047px
}

.gdjnan-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1723px -749px
}

.gdjnan-icon2-def {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/gdjnan-name2-logo-mb.png) no-repeat center;
}

.gdjnan-icon2-hov {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/gdjnan-name2-logo-ml.png) no-repeat center;
}

.gdjnan-tit1 {
   width: 383px;
   height: 223px;
   background-position: -1265px -822px
}

.gdjnan-tit2 {
   width: 383px;
   height: 223px;
   background: url(//game.gtimg.cn/images/fz/web202311/part4-zh-name.png) no-repeat center;
}

.mfs-def {
   width: 46px;
   height: 47px;
   background-position: -1930px -1128px
}

.mfs-hov {
   width: 130px;
   height: 130px;
   background-position: -1650px -822px
}

.mfs-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1902px -271px
}

.mfs-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1591px -1111px
}

.mfs-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1780px -749px
}

.mfs-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1902px -335px
}

.mfs-icon3-def {
   width: 55px;
   height: 62px;
   background-position: -1648px -1086px
}

.mfs-icon3-hov {
   width: 55px;
   height: 62px;
   background-position: -1705px -1086px
}

.mfs-icon4-def {
   width: 55px;
   height: 62px;
   background-position: -1594px -1175px
}

.mfs-icon4-hov {
   width: 55px;
   height: 62px;
   background-position: -1782px -813px
}

.mfs-tit1 {
   width: 453px;
   height: 203px;
   background-position: -1538px -2px
}

.mfs-tit2 {
   width: 424px;
   height: 203px;
   background-position: -910px -617px
}

.mfs-tit3 {
   width: 432px;
   height: 203px;
   background-position: -2px -1027px
}

.mfs-tit4 {
   width: 438px;
   height: 203px;
   background-position: -470px -617px
}

.qfz-def {
   width: 43px;
   height: 40px;
   background-position: -1978px -1128px
}

.qfz-hov {
   width: 130px;
   height: 130px;
   background-position: -1650px -954px
}

.qfz-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1782px -877px
}

.qfz-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1782px -941px
}

.qfz-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1782px -1005px
}

.qfz-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1839px -808px
}

.qfz-tit1 {
   width: 435px;
   height: 203px;
   background-position: -953px -412px
}

.qfz-tit2 {
   width: 426px;
   height: 203px;
   background-position: -446px -822px
}

.ss-def {
   width: 35px;
   height: 32px;
   background-position: -1987px -527px
}

.ss-hov {
   width: 130px;
   height: 130px;
   background-position: -1195px -1047px
}

.ss-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1839px -872px
}

.ss-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1896px -808px
}

.ss-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1839px -936px
}

.ss-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1896px -872px
}

.ss-icon3-def {
   width: 57px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/ss-icon3-bg.png);
   background-position: 0 0;
}

.ss-icon3-hov {
   width: 57px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/ss-icon3-bg.png);
   background-position: -57px 0;
}

.ss-tit1 {
   width: 418px;
   height: 203px;
   background-position: -1390px -412px
}

.ss-tit2 {
   width: 475px;
   height: 203px;
   background-position: -1061px -2px
}

.ss-tit3 {
   width: 475px;
   height: 203px;
   background: url(//game.gtimg.cn/images/fz/web202311/ss-tit3-bg.png)
}


.ssnan-def {
   width: 44px;
   height: 43px;
   background-position: -1879px -1176px
}

.ssnan-hov {
   width: 130px;
   height: 130px;
   background-position: -1327px -1047px
}

.ssnan-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1839px -1000px
}

.ssnan-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1896px -936px
}

.ssnan-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1896px -1000px
}

.ssnan-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1959px -207px
}

.ssnan-icon3-def {
   width: 55px;
   height: 62px;
   background-position: -1959px -271px
}

.ssnan-icon3-hov {
   width: 55px;
   height: 62px;
   background-position: -1959px -335px
}

.ssnan-icon4-def {
   width: 55px;
   height: 62px;
   background-position: -1942px -399px
}

.ssnan-icon4-hov {
   width: 55px;
   height: 62px;
   background-position: -1942px -463px
}

.ssnan-tit1 {
   width: 511px;
   height: 203px;
   background-position: -548px -2px
}

.ssnan-tit2 {
   width: 434px;
   height: 203px;
   background-position: -1466px -207px
}

.ssnan-tit3 {
   width: 405px;
   height: 203px;
   background-position: -436px -1027px
}

.ssnan-tit4 {
   width: 385px;
   height: 203px;
   background-position: -1336px -617px
}

.ssnv-def {
   width: 44px;
   height: 42px;
   background-position: -1925px -1177px
}

.ssnv-hov {
   width: 130px;
   height: 130px;
   background-position: -1459px -1047px
}

.ssnv-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1953px -808px
}

.ssnv-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1953px -872px
}

.ssnv-tit1 {
   width: 466px;
   height: 203px;
   background-position: -2px -617px
}

.zs-def {
   width: 51px;
   height: 39px;
   background-position: -1822px -1197px
}

.zs-hov {
   width: 130px;
   height: 130px;
   background-position: -1855px -544px
}

.zs-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1953px -936px
}

.zs-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1953px -1000px
}

.zs-icon2-def {
   width: 55px;
   height: 62px;
   background-position: -1651px -1150px
}

.zs-icon2-hov {
   width: 55px;
   height: 62px;
   background-position: -1708px -1150px
}

.zs-icon3-def {
   width: 55px;
   height: 62px;
   background-position: -1762px -1086px
}

.zs-icon3-hov {
   width: 55px;
   height: 62px;
   background-position: -1765px -1150px
}

.zs-icon4-def {
   width: 55px;
   height: 62px;
   background-position: -1819px -1069px
}

.zs-icon4-hov {
   width: 55px;
   height: 62px;
   background-position: -1876px -1064px
}

.zs-tit1 {
   width: 442px;
   height: 203px;
   background-position: -2px -822px
}

.zs-tit2 {
   width: 389px;
   height: 203px;
   background-position: -874px -822px
}

.zs-tit3 {
   width: 454px;
   height: 203px;
   background-position: -1010px -207px
}

.zs-tit4 {
   width: 487px;
   height: 203px;
   background-position: -521px -207px
}

.zsnv-def {
   width: 43px;
   height: 54px;
   background-position: -1810px -544px
}

.zsnv-hov {
   width: 130px;
   height: 130px;
   background-position: -1855px -676px
}

.zsnv-icon1-def {
   width: 55px;
   height: 62px;
   background-position: -1933px -1064px
}

.zsnv-icon1-hov {
   width: 55px;
   height: 62px;
   background-position: -1822px -1133px
}

.zsnv-tit1 {
   width: 350px;
   height: 203px;
   background-position: -843px -1027px
}


.zsnv-icon2-def {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/pxzj-icon.png);
}

.zsnv-icon2-hov {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/pxzj-icon-on.png);
}

.zsnv-tit2 {
   width: 558px;
   height: 235px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/pxzj.png);
}

.xcqs-tit1 {
   width: 558px;
   height: 235px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/xcqs.png);
}

.xcqs-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/role/xcqsicon.png);
   width: 130px;
   height: 130px;
}

.xcqs-def {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/xcqs-hov.png) no-repeat;
   background-size: 111%;
   margin-left: 10px;
}

.xcqs-icon1-def {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/xcqs-icon.png);
}

.xcqs-icon1-hov {
   width: 55px;
   height: 62px;
   background: url(//game.gtimg.cn/images/fz/web202311/role/xcqs-icon-on.png);
}

.qfz-icon3-def,
.qfz-icon3-hov,
.qfz-tit3,
.qfz-icon4-def,
.qfz-icon4-hov,
.qfz-tit4 {
   background-repeat: no-repeat;
   background-image: url(//game.gtimg.cn/images/fz/web202311/part4-n1-spr0906.png);
}

.qfz-icon3-def {
   width: 55px;
   height: 62px;
   background-position: -848px -2px
}

.qfz-icon3-hov {
   width: 55px;
   height: 62px;
   background-position: -848px -66px
}

.qfz-icon4-def {
   width: 55px;
   height: 62px;
   background-position: -848px -130px
}

.qfz-icon4-hov {
   width: 55px;
   height: 62px;
   background-position: -905px -2px
}

.qfz-tit3 {
   width: 491px;
   height: 203px;
   background-position: -2px -2px
}

.qfz-tit4 {
   width: 351px;
   height: 203px;
   background-position: -495px -2px
}

.part4-bg-pic {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
}

.part4-bg-box {
   position: relative;
   z-index: 1;
   width: 100%;
   height: 100%;
}

.part4-bg-pic img {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   object-fit: cover;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all linear .3s;
}

.part4 .part4-bg-pic img.anim {
   opacity: 1;
}

.part4-bg-video {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   overflow: hidden;
}

.part4-bg-video img {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.part4-bg-video video {
   width: 100%;
   height: 101%;
   object-fit: cover;
   position: relative;
   z-index: 1;
}

.part4-layer {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   background: url(//game.gtimg.cn/images/fz/web202311/part4-layer.png) no-repeat center center;
   background-size: cover;
}

.part4-tab {
   position: absolute;
   z-index: 10;
   left: 50%;
   bottom: 0;
   width: 2560px;
   height: 252px;
   margin-left: -1280px;
   transform-origin: center bottom;
}

.part4-more {
   position: absolute;
   top: -60px;
   right: 100px;
   z-index: 9;
}

.part4-tab ul {
   width: 100%;
   font-size: 0;
   text-align: center;
}

.part4-tab li {
   display: inline-block;
   vertical-align: top;
   width: 200px;
   height: 100%;
   position: relative;
   margin: 0 0;
   transition: all .3s;
}

.part4-tab li.cur {
   z-index: 2;
   margin: 0 20px;
}

.part4-tab li:nth-child(1):before {
   content: "";
   width: 41px;
   height: 2px;
   background-color: #c4c2c3;
   position: absolute;
   left: -41px;
   top: 64px;
   display: none;
}

.part4-tab li:last-child:after {
   content: "";
   width: 41px;
   height: 2px;
   background-color: #c4c2c3;
   position: absolute;
   right: -41px;
   top: 64px;
   display: none;
}

.part4-tab-line {
   position: absolute;
   top: 64px;
   width: 41px;
   height: 2px;
   background-color: #c4c2c3;
   transition: all .3s;
   display: none;
}

.part4-tab-line1 {
   left: 0;
}

.part4-tab-line2 {
   right: 0;
}

.part4-tab-default {
   cursor: pointer;
   width: 130px;
   height: 68px;
   line-height: 68px;
   padding-top: 32px;
   padding-bottom: 30px;
   position: relative;
   font-size: 0;
   text-align: center;
   margin: 0 auto;
   transition: all .3s;
   opacity: 1;
}

.part4-tab-default:before {
   content: "";
   width: 84px;
   height: 84px;
   border: 2px solid #8a7e6b;
   transform: rotate(45deg);
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -42px 0 0 -42px;
}

.part4-tab-default em,
.part4-tab-default span {
   display: inline-block;
   vertical-align: middle;
   margin: 0 2px;
}

.part4-tab-default em {
   width: 4px;
   height: 4px;
   background-color: #caba9c;
   border-radius: 50%;
}

.part4-tab-default p {
   position: absolute;
   width: 140%;
   margin-left: -20%;
   font-size: 88px;
   left: 0;
   top: 122px;
   color: #b3a58b;
   font-size: 18px;
   line-height: 38px;
   transition: all .3s;
}

.part4-tab-hover {
   cursor: pointer;
   width: 130px;
   height: 130px;
   margin: 0 auto;
   position: absolute;
   left: 50%;
   margin-left: -65px;
   top: 0;
   z-index: 3;
   transition: all .3s;
   opacity: 0;
}

.part4-tab-btns {
   opacity: 0;
   transition: all .3s;
   margin-top: 18px;
   width: 120%;
   margin-left: -10%;
   font-size: 0;
   text-align: center;
}

.part4-tab-btns a {
   display: inline-block;
   vertical-align: top;
   margin: 0 2px;
   position: relative;
   width: 55px;
   height: 62px;
}

.part4-tab-btns a em {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 1;
   transition: all .3s;
}

.part4-tab-btns a em.hov {
   opacity: 0;
}

.part4-tab-btns a:hover em {
   opacity: 0;
}

.part4-tab-btns a:hover em.hov {
   opacity: 1;
}

.part4-tab-btns a.cur em {
   opacity: 0;
}

.part4-tab-btns a.cur em.hov {
   opacity: 1;
}

.part4-tab li:hover {
   margin: 0 20px;
   z-index: 4;
}

.part4-tab li:hover .part4-tab-line {
   width: 10px;
}

.part4-tab li:hover .part4-tab-default {
   opacity: 0;
}

.part4-tab li:hover .part4-tab-hover {
   opacity: 1;
}

.part4-tab li:hover .part4-tab-btns {
   opacity: 1;
}

.part4-tab li.cur .part4-tab-default {
   opacity: 0;
}

.part4-tab li.cur .part4-tab-hover {
   opacity: 1;
}

.part4-tab li.cur .part4-tab-btns {
   opacity: 1;
}

.part4-cont {
   margin-left: 292px;
   padding-top: 100px;
   position: relative;
   z-index: 9;
}

.part4-name {
   width: 757px;
   height: 247px;
   margin-left: -100px;
   position: relative;
   transform: scale(.9);
}

.part4-name div {
   margin: 0 auto;
}

.part4-date {
   position: absolute;
   width: 215px;
   height: 57px;
   top: 112px;
   left: 50%;
   margin-left: 129px;
   z-index: 2;
   visibility: visible;
   display: none;
}

.part4-arr-btn {
   width: 557px;
   height: 84px;
   text-align: center;
   cursor: pointer;
   position: relative;
   z-index: 3;
   top: -20px;
   opacity: 1;
   transition: all .3s;
}

.part4-arr-btn:hover {
   opacity: 0;
}

.part4-arr-btn em {
   display: block;
   margin: 0 auto 2px;
}

.part4-arr-btn p {
   color: #f0e0c8;
   font-size: 16px;
   line-height: 36px;
   letter-spacing: 4px;
}

.part4-side-box {
   background: url(//game.gtimg.cn/images/fz/web202311/part4-side-box.png) no-repeat 0 0;
   width: 557px;
   height: 712px;
   opacity: 0;
   transition: all .3s;
   position: relative;
   z-index: 1;
   top: -104px;
   pointer-events: none;
}

.part4-side-box.on {
   opacity: 1;
}

.part4-item {
   width: 520px;
   margin: 0 auto;
   text-align: justify;
}

.part4-item1 {
   padding-top: 38px;
   margin-bottom: 24px;
}

.part4-item1 p {
   color: #b2aea5;
   font-size: 18px;
   line-height: 32px;
}

.part4-item2 {
   margin-bottom: 12px;
}

.part4-item2 h5 {
   color: #f5cf87;
   font-size: 32px;
   line-height: 52px;
}

.part4-item2 p {
   color: #b2aea5;
   font-size: 18px;
   line-height: 32px;
}

.part4-item2 p span {
   color: #f5cf87;
   padding-right: 6px;
}

.part4-item3 {
   width: 100%;
}

.part4-item3 ul {
   width: 100%;
   font-size: 0;
   text-align: center;
}

.part4-item3 li {
   display: inline-block;
   vertical-align: top;
   margin: 0 23px 10px;
}

.part4-item3 li img {
   display: block;
   width: auto;
   height: 136px;
   margin: 0 auto 8px;
   position: relative;
   top: 6px;
}

.part4-item3 li.part4-prop-list1 img,
.part4-item3 li.part4-prop-list2 img {
   height: 125px;
}

.part4-item3 li p {
   color: #212227;
   font-size: 16px;
   line-height: 32px;
   width: 120%;
   margin-left: -10%;
   letter-spacing: -1px;
}

.part5 {
   width: 100%;
   height: 1228px;
   overflow: hidden;
}

.part5-cont {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
}

.part5-item {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   opacity: 0;
   transition: all .3s;
}

.part5-item.on {
   opacity: 1;
   z-index: 5;
}

.part5-item2 {
   background: url(//game.gtimg.cn/images/fz/web202311/bg4.jpg) no-repeat center center;
   background-size: cover;
}

.part5-bottom {
   width: 100%;
   height: 120px;
   position: absolute;
   z-index: 10;
   left: 0;
   bottom: 0;
}

.part5-item1-tab {
   position: absolute;
   top: -236px;
   left: 0;
   width: 100%;
   font-size: 0;
   text-align: center;
}

.part5-item1-tab a {
   display: inline-block;
   vertical-align: top;
   width: auto;
   height: 176px;
   margin: 0 98px;
   position: relative;
}

.part5-item1-tab a img {
   display: block;
   width: auto;
   height: 100%;
   transition: all .3s;
   opacity: 1;
}

.part5-item1-tab a img.hov {
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
}

.part5-item1-tab a:hover img {
   opacity: 0;
}

.part5-item1-tab a:hover img.hov {
   opacity: 1;
}

.part5-item1-tab a.cur img {
   opacity: 0;
}

.part5-item1-tab a.cur img.hov {
   opacity: 1;
}

.part5-tabs {
   width: 428px;
   margin: 0 auto;
   height: 71px;
   line-height: 71px;
   position: relative;
   text-align: center;
}

.part5-tabs a {
   float: left;
   display: block;
   width: 50%;
   height: 100%;
   color: #b4a586;
   font-size: 24px;
   position: relative;
   z-index: 2;
}

.part5-tabs a:hover {
   color: #ffeabe;
   font-size: 36px;
}

.part5-tabs a.cur {
   color: #ffeabe;
   font-size: 36px;
}

.part5-tabs em {
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
}

.part5-tabs em.part5-tab2 {
   display: none;
}

.part5-tabs.on em {
   display: none;
}

.part5-tabs.on em.part5-tab2 {
   display: block;
}

.part5-item1-list {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
   opacity: 0;
   transition: all .8s;
}

.part5-item1-list.on {
   opacity: 1;
   z-index: 3;
}

.part5-item1-list a {
   width: 100%;
   height: 100%;
   display: block;
}

.part5-item1-list1 a {
   background: url(//game.gtimg.cn/images/fz/web202311/hui-1.jpg) no-repeat center;
   background-size: cover;
}

.part5-item1-list2 a {
   background: url(//game.gtimg.cn/images/fz/web202311/hui-2.jpg) no-repeat center;
   background-size: cover;
}

.part5-item1-list3 a {
   background: url(//game.gtimg.cn/images/fz/web202311/hui-3.jpg) no-repeat center;
   background-size: cover;
}

.part5-item1-list4 a {
   background: url(//game.gtimg.cn/images/fz/web202311/hui-4.jpg) no-repeat center;
   background-size: cover;
}

.part5-item1-list5 a {
   background: url(//game.gtimg.cn/images/fz/web202311/hui-5.jpg) no-repeat center;
   background-size: cover;
}

.part5-item2-title {
   width: 1200px;
   height: 78px;
   line-height: 56px;
   padding-top: 80px;
   margin: 0 0 0 212px;
}

.part5-item2-title h5 {
   font-weight: bold;
   position: relative;
   padding-left: 14px;
   width: 184px;
   color: #ffffff;
   font-size: 30px;
   float: left;
}

.part5-item2-title h5:before {
   content: "";
   width: 4px;
   height: 36px;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -18px;
   background-color: #d6b182;
}

.part5-item2-tabs {
   float: left;
   width: auto;
   position: relative;
}

.part5-item2-tabs:before {
   content: "";
   width: 100%;
   height: 1px;
   background-color: #373d43;
   pointer-events: none;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 44px;
}

.part5-item2-tabs a {
   float: left;
   width: 90px;
   text-align: center;
   color: #c7c7c8;
   font-size: 19px;
   position: relative;
   z-index: 2;
   font-weight: 600;
}

.part5-item2-tabs a em {
   display: none;
   position: absolute;
   left: 0;
   bottom: 8px;
}

.part5-item2-tabs a:hover {
   color: #f2c893;
   font-weight: bold;
}

.part5-item2-tabs a.cur {
   color: #f2c893;
   font-weight: bold;
}

.part5-item2-tabs a:hover em {
   display: block;
}

.part5-item2-tabs a.cur em {
   display: block;
}

.part5-item2-wrap {
   width: 2200px;
   height: 974px;
   margin-left: 212px;
}

.part5-item2-cont {
   width: 100%;
   height: 100%;
   display: none;
   position: relative;
}

.part5-item2-cont1 li {
   float: left;
}

.part5-item2-cont1 li a {
   display: block;
   border: 2px solid #aea3a1;
   overflow: hidden;
}

.part5-item2-cont1 li a img {
   display: block;
   object-fit: cover;
   width: 100%;
   height: 100%;
   object-position: 80% 0;
}

.part5-item-pic-li1 {
   width: 485px;
   height: 100%;
}

.part5-item-pic-li1 a {
   width: 454px;
   height: 398px;
   margin-bottom: 40px;
}

.part5-item-pic-li2 {
   width: 816px;
   height: 100%;
}

.part5-item-pic-li2 a {
   width: 784px;
   height: 840px;
}

.part5-item-pic-li3 {
   width: 840px;
   height: 100%;
}

.part5-item-pic-li3 a {
   float: left;
}

.part5-item-pic-li3 a:nth-child(1) {
   width: 354px;
   height: 398px;
   margin-bottom: 40px;
   margin-right: 32px;
}

.part5-item-pic-li3 a:nth-child(2) {
   width: 438px;
   height: 398px;
   margin-bottom: 40px;
}

.part5-item-pic-li3 a:nth-child(3) {
   width: 828px;
   height: 398px;
}

.part5-more {
   position: absolute;
   left: 1941px;
   top: 872px;
   z-index: 5;
   width: 188px;
   height: 62px;
   line-height: 62px;
   border: 2px solid #55534b;
   color: #fff3d9;
   font-size: 27px;
   text-align: center;
   background-color: #242627;
}

.part5-more:hover {
   color: #e3ce9a;
   border-color: #818b98;
}

.part5-item2-comm li {
   float: left;
   width: 396px;
   height: auto;
   margin: 0 38px 30px 0;
   cursor: pointer;
   position: relative;
}

.part5-item-pic {
   width: 396px;
   height: 220px;
   position: relative;
   overflow: hidden;
}

.part5-item-pic:before {
   content: "";
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .6);
   transition: all .3s;
   opacity: 1;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
}

.part5-item-pic img {
   display: block;
   width: 100%;
   height: auto;
   position: relative;
   z-index: 1;
   transition: all .3s;
}

.part5-comm-btn {
   position: absolute;
   z-index: 3;
   top: 50%;
   left: 50%;
   margin: -67px 0 0 -73px;
   transform: scale(.7);
   transition: all .3s;
   opacity: 1;
}

.part5-item-info {
   width: 100%;
   height: auto;
   padding-top: 10px;
   padding-bottom: 36px;
   position: relative;
   background-color: #262626;
}

.part5-item-info h5 {
   width: 350px;
   height: 72px;
   margin-left: 26px;
   color: #e8e8e8;
   font-size: 28px;
   line-height: 36px;
   text-align: left;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   margin-bottom: 12px;
   transition: all .3s;
}

.part5-item-info p {
   line-height: 28px;
   color: #b1b1b1;
   font-size: 21px;
   transition: all .3s;
}

.part5-item-info p.author {
   position: absolute;
   top: 94px;
   left: 26px;
}

.part5-item-info p.date {
   text-align: right;
   width: 350px;
   margin-left: 26px;
}

.part5-item2-comm li:hover .part5-comm-btn {
   opacity: 0;
}

.part5-item2-comm li:hover .part5-item-pic:before {
   opacity: 0;
}

.part5-item2-comm li:hover .part5-item-pic img {
   transform: scale(1.1);
}

.part5-item2-comm li:hover .part5-item-info h5 {
   color: #fff;
}

.part5-item2-comm li:hover .part5-item-info p {
   color: #fff;
}

.part5-item2-comm li.cur .part5-comm-btn {
   opacity: 0;
}

.part5-item2-comm li.cur .part5-item-pic:before {
   opacity: 0;
}

.part5-item2-comm li.cur .part5-item-info h5 {
   color: #fff;
}

.part5-item2-comm li.cur .part5-item-info p {
   color: #fff;
}

/*ԭ��������*/
.wave {
   width: 220px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 45px;
   margin: 0 auto;
   top: 110px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   display: none;
   z-index: 6;
}

.part5-item2-comm li.on .wave {
   display: flex;
}

.part5-item2-comm li.on .part5-item-pic .part5-comm-btn {
   opacity: 0;
}

.part5-item2-comm li:hover.on .wave {
   display: none
}

.wave span {
   width: 4px;
   display: block;
   background: #f5cf87;
}

.wave span.cl1 {
   -webkit-animation: bodong 1s 0.6s infinite linear;
}

.wave span.cl2 {
   -webkit-animation: bodong 1s 0.45s infinite linear;
}

.wave span.cl3 {
   -webkit-animation: bodong 1s 0.3s infinite linear;
}

.wave span.cl4 {
   -webkit-animation: bodong 1s 0.15s infinite linear;
}

.wave span.cl5 {
   -webkit-animation: bodong 1s 0s infinite linear;
}

@-webkit-keyframes bodong {
   0% {
      height: 5px;
      -webkit-transform-origin: 0 50%;
   }

   30% {
      height: 45px;
      -webkit-transform-origin: 0 50%;
   }

   60% {
      height: 80px;
      -webkit-transform-origin: 0 50%;
   }

   80% {
      height: 45px;
      -webkit-transform-origin: 0 50%;
   }

   100% {
      height: 5px;
      -webkit-transform-origin: 0 50%;
   }
}

/*�볡�˳�����*/
/*.part1 .part1-cont {
   transition: all ease-out .6s .1s;
   opacity: 0;
}

.part1 .part1-cont {
   right: -374px;
}

.part1.swiper-slide-active .part1-cont {
   right: 26px;
   opacity: 1;
}

.part2 .part2-cont {
   transition: all ease-out .6s .1s;
   opacity: 0;
}

.part2 .part2-cont {
   transform: translateX(-400px);
}

.part2.swiper-slide-active .part2-cont {
   transform: translateX(0);
   opacity: 1;
}

.part2 .part3-cont {
   transition: all ease-out .6s .1s;
   opacity: 0;
}

.part2 .part3-cont {
   transform: translateX(-400px);
}

.part2.swiper-slide-active .part3-cont {
   transform: translateX(0);
   opacity: 1;
}

.part4 .part4-cont,
.part4 .part4-tab,
.part4 .part4-bg-box {
   transition: all ease-out .6s .1s;
   opacity: 0;
}

.part4 .part4-tab {
   bottom: -100px;
}

.part4.swiper-slide-active .part4-tab {
   bottom: 0;
   opacity: 1;
}

.part4 .part4-cont {
   transform: translateX(-400px);
}

.part4.swiper-slide-active .part4-cont {
   transform: translateX(0);
   opacity: 1;
}

.part4 .part4-bg-box {
   transform: translateX(400px);
}

.part4.swiper-slide-active .part4-bg-box {
   transform: translateX(0);
   opacity: 1;
}

.part5 .part5-cont,
.part5 .part5-bottom,
.part5-item2 .part5-item2-title,
.part5-item2 .part5-item2-wrap {
   transition: all ease-out .6s .1s;
   opacity: 0;
}

.part5.swiper-slide-active .part5-cont {
   opacity: 1;
}

.part5 .part5-bottom {
   bottom: -100px;
}

.part5.swiper-slide-active .part5-bottom {
   bottom: 0;
   opacity: 1;
}

.part5 .part5-item2 .part5-item2-title {
   transform: translateY(100px);
}

.part5.swiper-slide-active .part5-item2 .part5-item2-title {
   transform: translateY(0);
   opacity: 1;
}

.part5 .part5-item2 .part5-item2-wrap {
   transform: translateY(100px);
}

.part5.swiper-slide-active .part5-item2 .part5-item2-wrap {
   transform: translateY(0);
   opacity: 1;
}*/

/* loading��ʽ */
.wrapper p.loading {
   width: 100%;
   height: auto;
   font-size: 20px;
   color: #fff;
   text-align: center;
}

.part2-swiper p.loading {
   line-height: 546px;
}

.part2-news-list p.loading {
   line-height: 162px;
}

.part3-list p.loading {
   line-height: 238px;
}

.part5-item p.loading {
   line-height: 300px;
}

/* ���� S */
@-webkit-keyframes fadeInDn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInDn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
   }
}

.fadeanim {
   -webkit-animation: fadeInDn .4s ease .2s both;
   animation: fadeInDn .4s ease .2s both;
}

.fadeanim1 {
   animation-delay: 0s;
   animation-duration: .1s;
}

/* ���� E */

[data-animclass="fadeanim"] {
   opacity: 0;
}

/*0523*/
.part1-download {
   background: url(//game.gtimg.cn/images/fz/web202311/0523-btn1.png) no-repeat 0 0;
   width: 631px;
   height: 119px;
   color: #ffefd3;
   text-shadow: 0 2px 2px #93744c, 0 3px 3px #93744c;
}

.part1-btns-box {
   display: none;
}

.part1-zs {
   cursor: pointer;
   width: 628px;
   height: 65px;
   float: none;
   background: none;
   padding-top: 0;
   margin: 12px auto 0;
   position: relative;
   left: 0;
   top: 0;
}

.part1-zs em {
   display: block;
   background: url(//game.gtimg.cn/images/fz/web202311/0523-btn2.png) no-repeat 0 0;
   width: 100%;
   height: 102px;
   position: absolute;
   top: -16px;
   left: 0;
   pointer-events: none;
}

.part1-zs p {
   position: relative;
   z-index: 4;
   padding-top: 0;
   left: -54px;
   line-height: 65px;
   font-size: 22px;
   color: #f8eeda;
   text-shadow: 0 2px 2px #93744c, 0 3px 3px #93744c;
}

/*0711*/
.spr-n1 {
   background-repeat: no-repeat;
   background-image: url(//game.gtimg.cn/images/fz/web202311/spr-n1-0805.png);
}

.yungame {
   background-image: url(//game.gtimg.cn/images/fz/web202311/2.0/yungame.png);
   background-repeat: no-repeat;
   background-size: 101%;
}

.qipao {
   background-image: url(//game.gtimg.cn/images/fz/web202311/2.0/qipao.png);
   background-repeat: no-repeat;
   position: absolute;
   top: -58px;
   right: -69px;
   width: 157px !important;
}

.nav-em {
   width: 220px;
   height: 44px;
   background-position: -2px -701px
}

.nav-icon1 {
   width: 8px;
   height: 8px;
   background-position: -483px -59px
}

.nav-icon2 {
   width: 28px;
   height: 28px;
   background-position: -450px -393px
}

.part1-btn-dl {
   width: 446px;
   height: 117px;
   background-position: -2px -346px
}

.part1-btn-dl1 {
   width: 446px;
   height: 117px;
   background-position: -2px -465px
}

.part1-btn-zs {
   /*width: 361px;*/
   width: 433px;
   height: 115px;
   background-position: -2px 1px
}

.part2-icon1 {
   width: 21px;
   height: 31px;
   background-position: -483px -26px
}

.part3-btn1 {
   width: 479px;
   height: 84px;
   background-position: -801px -691px;
   background-image: url(//game.gtimg.cn/images/fz/web202311/detail-target.jpg);
}

.part3-btn2 {
   width: 479px;
   height: 84px;
   background-position: -1301px -691px;
   background-image: url(//game.gtimg.cn/images/fz/web202311/detail-target.jpg);
}

.part3-btn3 {
   width: 479px;
   height: 84px;
   background-position: -801px -792px;
   background-image: url(//game.gtimg.cn/images/fz/web202311/detail-target.jpg);
}

.part3-btn4 {
   width: 479px;
   height: 84px;
   background-position: -1300px -791px;
   background-image: url(//game.gtimg.cn/images/fz/web202311/detail-target.jpg);
}

.part4-more {
   width: 177px;
   height: 38px;
   background-position: -298px -728px
}

.part5-icon1 {
   width: 8px;
   height: 8px;
   background-position: -493px -59px
}

.part5-icon2 {
   width: 72px;
   height: 72px;
   background-position: -224px -701px
}

.part5-icon3 {
   width: 53px;
   height: 45px;
   background-position: -450px -346px
}

.part5-icon4 {
   width: 24px;
   height: 22px;
   background-position: -483px -2px
}

.part5-name-icon1 {
   width: 147px;
   height: 38px;
   background-position: -298px -768px
}

.part5-name-icon2 {
   width: 147px;
   height: 38px;
   background-position: -2px -747px
}

.part5-video-btn {
   width: 143px;
   height: 142px;
   background-position: -365px -584px
}


.part1-cont-right {
   width: 880px;
   top: 800px;
   right: 14px;
   z-index: 7;
}

.part1-cont-right .part1-btns {
   width: 100%;
}

.part1-cont-right ul {
   width: 100%;
   text-align: left;
}

.part1-cont-right li {
   float: left;
   position: relative;
   margin: 0;
}

.part1-btns-li1 {
   width: 446px;
}

.part1-btns-li2 {
   width: 361px;
}

.part1-cont-right li a {
   display: block;
}

.part1-btns-li1 p {
   position: absolute;
   width: 100%;
   left: 0;
   top: -18px;
   line-height: 28px;
   color: #fff;
   font-size: 18px;
   pointer-events: none;
   text-align: center;
}

.part1-cont-right li a:hover {
   filter: brightness(1.1);
}

.part2-cont {
   position: relative;
}

.part2-cont .tit {
   display: none;
}

.part2-border {
   content: "";
   background: url(//game.gtimg.cn/images/fz/web202311/part2-border.png) no-repeat 0 0;
   width: 989px;
   height: 648px;
   position: absolute;
   left: -7px;
   top: -9px;
   z-index: 5;
   pointer-events: none;
}

.part3-cont-warp {
   width: 2000px;
   margin: 0 auto;
   position: relative;
}

.part3-cont {
   position: absolute;
   top: -105px;
   right: 0;
   width: 1000px;
   height: 301px;
   background: rgba(0, 0, 0, 0.6);
}

.part3-links {
   width: 974px;
   margin-left: 0;
   float: none;
}

.part3-links-box {
   width: 106%;
}

.part3-links a {
   display: block;
   float: left;
   margin-bottom: 17px;
   margin-right: 19px;
}

.part3-links a span,
.part3-links a em {
   display: none;
}

.part3-links a:hover {
   filter: brightness(1.1);
}

.part1-box-f {
   display: none;
}

.wrapper .part2-cont,
.wrapper .part2-news-list,
.wrapper .part3-links,
.wrapper .part2-nbox,
.wrapper .part3-cont .part3-tit,
.wrapper .part3-list {
   opacity: 1;
   animation: none;
   -webkit-animation: none;
}

/*0805*/
.part5-spr {
   display: inline-block;
   overflow: hidden;
   background-repeat: no-repeat;
   background-image: url(//game.gtimg.cn/images/fz/web202311/part5-spr.png);
   /*background-image: url(../ossweb-img/part5-spr.png);*/
}

.part5-name-fk {
   width: 628px;
   height: 168px;
   background-position: -2px -33px
}

.part5-name-mh {
   width: 628px;
   height: 168px;
   background-position: -2px -235px
}

.part5-name-ms {
   width: 628px;
   height: 168px;
   background-position: -22px -432px
}

.part5-name-yw {
   width: 628px;
   height: 168px;
   background-position: -15px -630px
}

.part5-name-zh {
   width: 628px;
   height: 168px;
   background-position: -2px -831px
}

.part5-name-ha {
   width: 628px;
   height: 168px;
   background-position: -2px -1004px
}

.part5-name-cd {
   width: 628px;
   height: 168px;
   background-position: -2px -1211px
}

.part5-item-video {
   position: relative;
   z-index: 1;
   width: 100%;
   height: 100%;
}

.part5-item-video img {
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   object-fit: cover;
}

.part5-item-video video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: relative;
   z-index: 2;
}

.part5-item-picture {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 3;
}

.part5-item-picture img {
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
   transition: all linear .3s;
   object-fit: cover;
}

.part5-item-picture .cd {
   left: 562px;
}

.part5-item-picture img.anim {
   opacity: 1;
}

.part5-layer {
   position: absolute;
   z-index: 6;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: url(//game.gtimg.cn/images/fz/web202311/part5-layer.png) no-repeat center top;
   background-size: cover;
}

.part5-item-details {
   width: 878px;
   height: 580px;
   position: absolute;
   z-index: 8;
   bottom: 0;
   right: 0;
   text-align: center;
}

.part5-video-btn {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 50%;
   margin-left: -71px;
}

.part5-video-btn:hover {
   filter: brightness(1.1);
}

.part5-item-det-name {
   width: 100%;
   position: relative;
   z-index: 1;
   padding-top: 163px;
}

.part5-item-det-name .p1 {
   line-height: 36px;
   height: 22px;
   font-size: 0;
   text-align: center;
}

.part5-item-det-name .p1 i,
.part5-item-det-name .p1 span {
   display: inline-block;
   vertical-align: top;
   margin: 0 3px;
}

.part5-item-det-name .p1 i {
   margin-top: 10px;
}

.part5-item-det-name .p1 span {
   color: #fff;
   font-size: 27px;
}

.part5-item-det-name .part5-name-ms {
   display: block;
   margin: 0 auto;
}

.part5-item-det-name .p2 {
   line-height: 32px;
   height: 32px;
   font-size: 0;
   text-align: center;
   position: absolute;
   top: 335px;
   left: 0;
   width: 100%;
}

.part5-item-det-name .p2 i,
.part5-item-det-name .p2 span {
   display: inline-block;
   vertical-align: top;
   margin: 0 10px;
}

.part5-item-det-name .p2 span {
   color: #ffe292;
   font-size: 23px;
}

.part5-tab-box {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 4;
   width: 100%;
   height: 184px;
   font-size: 0;
   text-align: center;
}

.part5-tab-box em,
.part5-tab-box a {
   display: inline-block;
   vertical-align: top;
   position: relative;
}

.part5-tab-box em {
   margin-top: 87px;
   z-index: 1;
}

.part5-tab-box a {
   /*width: 268px;*/
   width: 229px;
   height: 130px;
   z-index: 3;
   margin: 0 -130px;
   transition: all .3s;
}

.part5-line1 {
   background: url(//game.gtimg.cn/images/fz/web202311/part5-line1.png) no-repeat 0 0;
   width: 285px;
   height: 2px;
}

.part5-line2 {
   background: url(//game.gtimg.cn/images/fz/web202311/part5-line2.png) no-repeat 0 0;
   width: 316px;
   height: 2px;
}

.part5-line3 {
   background: url(//game.gtimg.cn/images/fz/web202311/part5-line3.png) no-repeat 0 0;
   width: 285px;
   height: 2px;
}

.part5-tab-box a p {
   line-height: 46px;
   color: #bfbfbe;
   font-size: 22px;
   transition: all .3s;
   letter-spacing: 2px;
   text-indent: -2px;
}

.part5-icon1 {
   position: absolute;
   top: 84px;
   left: 50%;
   margin-left: -4px;
   transition: all .3s;
}

.part5-icon2 {
   position: absolute;
   top: 52px;
   left: 50%;
   margin-left: -36px;
   transition: all .3s;
   transform: scale(0.1);
}

.part5-icon3 {
   position: absolute;
   top: 54px;
   left: 50%;
   margin-left: -26px;
   transition: all .3s .1s;
   opacity: 0;
}

.part5-tab-box a:hover {
   margin: 0 -106px;
}

.part5-tab-box a:hover p {
   color: #ebc977;
   font-size: 30px;
   text-shadow: 0 0 20px #d3bb80;
}

.part5-tab-box a:hover .part5-icon2 {
   opacity: 1;
   transform: scale(1);
}

.part5-tab-box a:hover .part5-icon3 {
   opacity: 1;
   top: 34px;
}

.part5-tab-box a.cur {
   margin: 0 -106px;
}

.part5-tab-box a.cur p {
   color: #ebc977;
   font-size: 30px;
   text-shadow: 0 0 20px #d3bb80;
}

.part5-tab-box a.cur .part5-icon2 {
   opacity: 1;
   transform: scale(1);
}

.part5-tab-box a.cur .part5-icon3 {
   opacity: 1;
   top: 34px;
}

.fadeshow {
   opacity: 1;
}

.part6 {
   background: url(//game.gtimg.cn/images/fz/web202311/bg6-v0805.jpg) no-repeat center top;
   height: 1222px;
   position: relative;
   overflow: hidden;
}

.part6-cont {
   width: 100%;
   height: 100%;
   position: relative;
}

.part6-cont em {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
   transition: all .3s;
}

.part6-cont em.hov {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   opacity: 0;
}

.part6-cont a {
   opacity: 0;
   margin-top: 200px;
}

.part6-link1 {
   position: absolute;
   width: 575px;
   height: 449px;
   left: 240px;
   top: 408px;
   z-index: 1;
}

.part6-link2 {
   position: absolute;
   width: 536px;
   height: 708px;
   left: 632px;
   top: 223px;
   z-index: 3;
}

.part6-link3 {
   position: absolute;
   width: 481px;
   height: 636px;
   left: 1118px;
   top: 487px;
   z-index: 2;
}

.part6-link4 {
   position: absolute;
   width: 375px;
   height: 491px;
   left: 1647px;
   top: 168px;
   z-index: 4;
}

.part6-link5 {
   position: absolute;
   width: 673px;
   height: 491px;
   left: 1900px;
   top: 452px;
   z-index: 5;
}

.part6-img1-def {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img1-def.png) no-repeat 0 0;
}

.part6-img2-def {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img2-def.png) no-repeat 0 0;
}

.part6-img3-def {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img3-def.png) no-repeat 0 0;
}

.part6-img4-def {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img4-def.png) no-repeat 0 0;
}

.part6-img5-def {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img5-def.png) no-repeat 0 0;
}

.part6-img1-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img1-hov.png) no-repeat 0 0;
   background-size: 100% 100%;
}

.part6-img2-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img2-hov.png) no-repeat 0 0;
   background-size: 100% 100%;
}

.part6-img3-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img3-hov.png) no-repeat 0 0;
   background-size: 100% 100%;
}

.part6-img4-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img4-hov.png) no-repeat 0 0;
   background-size: 100% 100%;
}

.part6-img5-hov {
   background: url(//game.gtimg.cn/images/fz/web202311/part6-img5-hov.png) no-repeat 0 0;
   background-size: 100% 100%;
}

.part6-cont a:hover {
   z-index: 8;
}

.part6-cont a:hover em.hov {
   transform: scale(1.3);
   opacity: 1;
}

.part6-cont.fadeanim a {
   opacity: 1;
   margin-top: 0;
}

.part6-cont.fadeanim a.part6-link1 {
   transition: all .3s linear;
}

.part6-cont.fadeanim a.part6-link2 {
   transition: all .3s linear .2s;
}

.part6-cont.fadeanim a.part6-link3 {
   transition: all .3s linear .4s;
}

.part6-cont.fadeanim a.part6-link4 {
   transition: all .3s linear .6s;
}

.part6-cont.fadeanim a.part6-link5 {
   transition: all .3s linear .8s;
}

.part6-cont.part6-show a {
   transition: none !important;
}