.tab-info:before { display: table; content: ""; }
.tab-info:after { display: table; content: ""; clear: both; }

body { min-width: 1100px; color: #333; background: #0c132d; line-height: 1.5; font-family: "Helvetica Neue", Tahoma, "Microsoft Yahei", "PingFang SC", "ST Heiti", SimHei, sans-serif, "Helvetica Neue", Tahoma, SimSun, "PingFang SC", "ST Heiti", sans-serif; font-size: 14px; }

.ico { display: inline-block; vertical-align: middle; overflow: hidden; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/sprite.png) no-repeat; }

.ico-top { width: 28px; height: 14px; background-position: -168px -62px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -14px; }

.mask { opacity: 0.8; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; }

.global-footer { color: #bda67c; background: #2d2016; padding: 15px 0; }

.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active { color: #bda67c; }

.wrap { width: 100%; overflow: hidden; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/top.jpg) no-repeat center top; }

.header { height: 670px; position: relative; overflow: hidden; }
.header:before { content: ''; width: 259px; height: 51px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/lion.png) no-repeat center top; position: absolute; left: 50%; bottom: 187px; margin-left: -130px; z-index: 100; -webkit-animation: lion 1s ease-out infinite; animation: lion 1s ease-out infinite; }
.header:after { content: ''; width: 100%; height: 241px; position: absolute; bottom: 0; left: 0; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-header.png) no-repeat center bottom; z-index: 99; }
.header .header-mask { position: absolute; left: 0; top: 0; width: 100%; height: 555px; z-index: 5; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-mask.png) no-repeat center top; }
.header .fire { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
.header .rw-l { width: 1023px; height: 582px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/rw-l.png) no-repeat; position: absolute; left: -30px; top: 5px; z-index: 1; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(30%, black)); -webkit-mask-size: contain; }
.header .rw-l:after { content: ''; width: 388px; height: 140px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/eye-l.png) center center; background-size: 100% 140px; position: absolute; left: 366px; top: 66px; opacity: 0; -webkit-animation: light 1s 2s ease-out infinite; animation: light 1s 2s ease-out infinite; }
@-webkit-keyframes light { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 0; }
  10% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: .5; }
  30%,60% { -webkit-transform: scaleX(1.2); transform: scaleX(1.2); opacity: 1; }
  90% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: .5; }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 0; } }
@keyframes light { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 0; }
  10% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: .5; }
  30%,60% { -webkit-transform: scaleX(1.2); transform: scaleX(1.2); opacity: 1; }
  90% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: .5; }
  100% { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 0; } }
.header .rw-r { width: 1026px; height: 632px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/rw-r.png) no-repeat; position: absolute; right: -60px; top: -25px; z-index: 2; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(30%, black)); -webkit-mask-size: contain; }
.header .rw-r:after { content: ''; width: 312px; height: 105px; opacity: 0; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/eye-r.png); position: absolute; left: 379px; top: 109px; -webkit-animation: light 1s 2s ease-out infinite; animation: light 1s 2s ease-out infinite; }
.header .logo-173 { position: absolute; left: 50%; margin-left: -180px; top: 50px; }
.header .logo-bxjg { position: absolute; left: 50%; margin-left: 10px; top: 55px; }
.header .line-box { width: 1200px; height: 555px; position: absolute; left: 50%; top: 0; margin-left: -600px /*&:after{content:''; width: 51px; height: 55px; position: absolute; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/focus.png); left: 50%;; top: 42%; margin-left: -25px;animation:focus 5s linear both infinite; }*/ }
.header .line-box .line { position: absolute; }
.header .line-box .line-r { width: 100%; height: 18px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/line-r.png) repeat-x; left: 0; top: 351px; -webkit-animation: line-r 15s ease-in-out infinite; animation: line-r 15s ease-in-out infinite; -webkit-mask-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(10%, transparent), color-stop(50%, black), color-stop(90%, transparent)); -webkit-mask-size: contain; }
.header .line-box .line-v { width: 18px; height: 100%; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/line-v.png) repeat-y; left: 50%; top: -2px; -webkit-animation: line-v 15s ease-in-out infinite; animation: line-v 15s ease-in-out infinite; }
.header .text-box { position: absolute; left: 0; top: 130px; text-align: center; width: 100%; }
.header .text-box .tit { font-size: 55px; text-shadow: 2px 2px 0px rgba(21, 176, 233, 0.6); color: #fff; line-height: 1.3; margin-bottom: 15px; }
.header .text-box .txt { line-height: 65px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-tit.png) no-repeat center center; font-size: 28px; color: #dbe3fc; font-weight: normal; }
.header .link-box { position: absolute; width: 100%; top: 500px; z-index: 100; }
.header.animate .logo-box { -webkit-animation: fadein 1s 1.5s ease-out both; animation: fadein 1s 1.5s ease-out both; }
.header.animate .fire { -webkit-animation: fadein 1s 1.5s both; animation: fadein 1s 1.5s both; }
.header.animate .text-box { -webkit-animation: bouncein .6s 1.5s ease-out both; animation: bouncein .6s 1.5s ease-out both; }
.header.animate .rw-l { -webkit-animation: bounceinleft 1s .5s both ease-out; animation: bounceinleft 1s .5s both ease-out; }
.header.animate .rw-r { -webkit-animation: bounceinright 1s .5s both ease-out; animation: bounceinright 1s .5s both ease-out; }

.header-in { width: 1920px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -960px; }

.content { margin-top: -50px; }

.pn1 { background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg1.jpg) no-repeat center top; }
.pn1 .pn-in { position: relative; z-index: 2; }
.pn1 .pn-in:before { content: ''; width: 272px; height: 592px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/rw-1.png); position: absolute; right: -272px; top: 200px; z-index: -1; }
.pn1.animate .pn-in:before { -webkit-animation: slideinleft .6s ease-out; animation: slideinleft .6s ease-out; }

.pn2 { background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg2.jpg) no-repeat center top; }
.pn2 .pn-in { position: relative; z-index: 5; }
.pn2 .pn-in:before { content: ''; width: 279px; height: 578px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/rw-2.png); position: absolute; left: -270px; top: 200px; z-index: -1; }
.pn2 .bolder-t { top: 73px; }
.pn2 .bolder-b { top: 776px; }
.pn2.animate .pn-in:before { -webkit-animation: slideinright .6s ease-out; animation: slideinright .6s ease-out; }

.pn3 { background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg3.jpg) no-repeat center top; }
.pn3 .pn-in { position: relative; z-index: 5; }
.pn3 .pn-in:before { content: ''; width: 232px; height: 578px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/rw-3.png); position: absolute; right: -232px; top: 200px; z-index: -1; }
.pn3.animate .pn-in:before { -webkit-animation: slideinleft .6s ease-out; animation: slideinleft .6s ease-out; }
.pn3 .link-box { margin-top: 70px; }
.pn3 .bolder-t { top: 73px; }
.pn3 .bolder-b { top: 776px; }

.bolder-t, .bolder-b { position: absolute; width: 190px; height: 1px; background: -webkit-linear-gradient(left, rgba(79, 228, 255, 0) 0%, #4fe4ff 40%, #4fe4ff 60%, rgba(79, 228, 255, 0) 100%); background: linear-gradient(to right, rgba(79, 228, 255, 0) 0%, #4fe4ff 40%, #4fe4ff 60%, rgba(79, 228, 255, 0) 100%); left: 88px; top: 105px; -webkit-animation: bolder-t 3s ease-out both infinite; animation: bolder-t 3s ease-out both infinite; z-index: 10; box-shadow: 0 0 10px rgba(79, 228, 255, 0.8); }

.bolder-r, .bolder-l { position: absolute; height: 190px; width: 1px; background: -webkit-linear-gradient(bottom, rgba(79, 228, 255, 0) 0%, #4fe4ff 40%, #4fe4ff 60%, rgba(79, 228, 255, 0) 100%); background: linear-gradient(to top, rgba(79, 228, 255, 0) 0%, #4fe4ff 40%, #4fe4ff 60%, rgba(79, 228, 255, 0) 100%); right: 0px; top: 105px; -webkit-animation: bolder-r 3s ease-out both infinite; animation: bolder-r 3s ease-out both infinite; z-index: 10; box-shadow: 0 0 10px rgba(79, 228, 255, 0.8); }

.bolder-b { top: 783px; -webkit-animation-name: bolder-b; animation-name: bolder-b; }

.bolder-l { right: auto; left: 9px; -webkit-animation-name: bolder-l; animation-name: bolder-l; }

.ico-sign1 { width: 31px; height: 32px; background-position: 0 0; }

.ico-sign2 { width: 32px; height: 32px; background-position: -40px 0; }

.ico-sign3 { width: 34px; height: 37px; background-position: -80px 0; }

.ico-sign4 { width: 36px; height: 25px; background-position: -120px 0; }

.ico-sign5 { width: 25px; height: 38px; background-position: -160px 0; margin-left: 10px; }

.ico-sign6 { width: 41px; height: 31px; background-position: -190px 0; }

.ico-sign7 { width: 20px; height: 32px; background-position: -240px 0; margin-left: 10px; }

.ico-rhombus { width: 14px; height: 14px; background-position: -240px -100px; }

.ico-comment { width: 30px; height: 30px; background-position: -270px 0; }

.ico-top { width: 30px; height: 22px; background-position: -310px 0; }

.pn-in { width: 1100px; margin: 0 auto; padding: 70px 0; }

.slick-list { position: relative; overflow: hidden; display: block; }

.slick-list:focus { outline: none; }

.slick-track { display: block; position: relative; left: 0; top: 0; *zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track, .slick-loading .slick-slide { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

.slick-slide img, .slick-initialized .slick-slide { display: block; }

.slick-loading img { display: none; }

.mod-info { color: #4fe4ff; }
.mod-info .mod-bd { padding-top: 18px; }

.mod-slick .text-box { text-align: center; margin-bottom: 10px; }
.mod-slick .text-box .tit { font-weight: bold; display: inline-block; font-size: 30px; position: relative; padding: 0 85px 0 100px; margin-bottom: 10px; }
.mod-slick .text-box .tit:before, .mod-slick .text-box .tit:after { content: ''; position: absolute; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/sprite.png) no-repeat; top: 50%; margin-top: -6px; }
.mod-slick .text-box .tit:before { width: 84px; height: 13px; background-position: -140px -100px; left: 0; }
.mod-slick .text-box .tit:after { width: 66px; height: 13px; background-position: -140px -130px; right: 0; }
.mod-slick .text-box .text { font-size: 16px; line-height: 1.6; height: 6.4em; padding: 0 34px; overflow: hidden; text-align: left; }
.mod-slick .pic-box { position: relative; }
.mod-slick .pic-box:after { content: ''; width: 638px; height: 418px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-info-slick.png); position: absolute; left: 50%; top: 50%; margin: -209px 0 0 -319px; z-index: 5; }
.mod-slick .pic-box .avatar { width: 580px; height: 360px; padding: 10px; margin: 0 auto; position: relative; border: 2px solid #1598f4; box-shadow: 0 0 20px rgba(21, 152, 244, 0.5); -webkit-animation: flash 1s both infinite; animation: flash 1s both infinite; }
.mod-slick .pic-box .mask { z-index: 1; opacity: 0.3; filter: alpha(opacity=30); }
.mod-slick .pic-box:hover .mask { opacity: 0; filter: alpha(opacity=0); }
.mod-slick .tab { position: absolute; left: -367px; top: 165px; width: 310px; }
.mod-slick .tab .tab-item { float: none; width: 310px !important; outline: 0; }
.mod-slick .tab .tab-con { display: inline-block; position: relative; padding: 5px 0 0 60px; color: #fff; outline: 0; }
.mod-slick .tab .tab-con .ico { position: absolute; left: 0; top: 40px; }
.mod-slick .tab .tab-con .txt { display: block; font-size: 18px; line-height: 1.66; position: relative; padding: 35px 0; }
.mod-slick .tab .tab-con .txt:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background: #222b4a; }
.mod-slick .tab .slick-current .tab-con { color: #4fe4ff; }
.mod-slick .tab .slick-current .tab-con .txt:before { background: #4fe4ff; }
.mod-slick .tab .slick-current .ico-sign1 { background-position: 0 -50px; }
.mod-slick .tab .slick-current .ico-sign2 { background-position: -40px -50px; }
.mod-slick .tab .slick-current .ico-sign3 { background-position: -80px -50px; }
.mod-slick .tab .slick-current .ico-sign4 { background-position: -120px -50px; }
.mod-slick .tab .slick-current .ico-sign5 { background-position: -160px -50px; }
.mod-slick .tab .slick-current .ico-sign6 { background-position: -190px -50px; }
.mod-slick .tab .slick-current .ico-sign7 { background-position: -240px -50px; }
.mod-slick .focus-for { height: 580px; overflow: hidden; }
.mod-slick .focus-for .slick-slide { height: 580px; }
.mod-slick .slick-past-wrap { position: relative; width: 648px; height: 620px; margin: 0 auto; }
.mod-slick .slick-list { width: 100%; }
.mod-slick .past-item { position: relative; display: block; }
.mod-slick .past-item img { width: 100%; height: auto; }
.mod-slick .slick-prev, .mod-slick .slick-next { position: absolute; z-index: 12; top: 50%; display: block; height: 100px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; border: none; outline: none; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/sprite.png) no-repeat; margin-top: -10px; }
.mod-slick .slick-prev { left: 34px; background-position: 0 -100px; }
.mod-slick .slick-next { right: 34px; background-position: -70px -100px; }
.mod-slick .slick-disabled { opacity: 0.5; cursor: default; }

.tab-info { padding: 64px 10px 0 40px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-info.png) top center no-repeat; height: 646px; }
.tab-info .tab-hd { float: left; width: 320px; height: 530px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-info-hd.png) top center no-repeat; padding: 36px 36px 0; margin-right: 10px; }
.tab-info .tab-hd .tit, .tab-info .tab-hd .sub-tit { text-align: center; font-weight: bold; }
.tab-info .tab-hd .tit { color: #fff; font-size: 30px; }
.tab-info .tab-hd .sub-tit { color: #4fe4ff; font-size: 18px; margin-top: 20px; }
.tab-info .tab-hd .divide { width: 200px; margin: 20px auto 0; text-align: center; position: relative; }
.tab-info .tab-hd .divide:before, .tab-info .tab-hd .divide:after { content: ''; position: absolute; background: #2b314b; height: 1px; width: 80px; top: 50%; }
.tab-info .tab-hd .divide:before { left: 0; }
.tab-info .tab-hd .divide:after { right: 0; }
.tab-info .tab-bd { width: 648px; float: right; }

.link-box { text-align: center; font-size: 0; }
.link-box .btn { display: inline-block; text-align: center; width: 400px; height: 100px; line-height: 100px; font-weight: bold; color: #fff; font-size: 32px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/sprite.png) no-repeat; margin: 0 23px; position: relative; }
.link-box .btn:hover:before, .link-box .btn:hover:after { top: 0; overflow: hidden; position: absolute; text-align: center; width: 100%; content: attr(data-text); }
.link-box .btn:hover:before { left: -2px; clip: rect(0, 900px, 0, 0); -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse; animation: noise-anim-2 3s infinite linear alternate-reverse; }
.link-box .btn:hover:after { left: 2px; clip: rect(0, 900px, 0, 0); -webkit-animation: noise-anim 2s infinite linear alternate-reverse; animation: noise-anim 2s infinite linear alternate-reverse; }
@-webkit-keyframes noise-anim-2 { 0% { clip: rect(24px, 9999px, 28px, 0); }
  5% { clip: rect(20px, 9999px, 44px, 0); }
  10% { clip: rect(23px, 9999px, 7px, 0); }
  15.0% { clip: rect(34px, 9999px, 91px, 0); }
  20% { clip: rect(85px, 9999px, 82px, 0); }
  25% { clip: rect(31px, 9999px, 16px, 0); }
  30.0% { clip: rect(87px, 9999px, 56px, 0); }
  35% { clip: rect(27px, 9999px, 33px, 0); }
  40% { clip: rect(46px, 9999px, 49px, 0); }
  45% { clip: rect(11px, 9999px, 44px, 0); }
  50% { clip: rect(1px, 9999px, 50px, 0); }
  55.0% { clip: rect(92px, 9999px, 27px, 0); }
  60.0% { clip: rect(43px, 9999px, 14px, 0); }
  65% { clip: rect(58px, 9999px, 4px, 0); }
  70% { clip: rect(30px, 9999px, 40px, 0); }
  75% { clip: rect(19px, 9999px, 11px, 0); }
  80% { clip: rect(53px, 9999px, 72px, 0); }
  85.0% { clip: rect(51px, 9999px, 48px, 0); }
  90% { clip: rect(58px, 9999px, 47px, 0); }
  95% { clip: rect(93px, 9999px, 8px, 0); }
  100% { clip: rect(60px, 9999px, 65px, 0); } }
@keyframes noise-anim-2 { 0% { clip: rect(24px, 9999px, 28px, 0); }
  5% { clip: rect(20px, 9999px, 44px, 0); }
  10% { clip: rect(23px, 9999px, 7px, 0); }
  15.0% { clip: rect(34px, 9999px, 91px, 0); }
  20% { clip: rect(85px, 9999px, 82px, 0); }
  25% { clip: rect(31px, 9999px, 16px, 0); }
  30.0% { clip: rect(87px, 9999px, 56px, 0); }
  35% { clip: rect(27px, 9999px, 33px, 0); }
  40% { clip: rect(46px, 9999px, 49px, 0); }
  45% { clip: rect(11px, 9999px, 44px, 0); }
  50% { clip: rect(1px, 9999px, 50px, 0); }
  55.0% { clip: rect(92px, 9999px, 27px, 0); }
  60.0% { clip: rect(43px, 9999px, 14px, 0); }
  65% { clip: rect(58px, 9999px, 4px, 0); }
  70% { clip: rect(30px, 9999px, 40px, 0); }
  75% { clip: rect(19px, 9999px, 11px, 0); }
  80% { clip: rect(53px, 9999px, 72px, 0); }
  85.0% { clip: rect(51px, 9999px, 48px, 0); }
  90% { clip: rect(58px, 9999px, 47px, 0); }
  95% { clip: rect(93px, 9999px, 8px, 0); }
  100% { clip: rect(60px, 9999px, 65px, 0); } }
.link-box .btn1 { background-position: 0 -220px; text-shadow: 0 3px 3px rgba(212, 109, 9, 0.75); }
.link-box .btn2 { background-position: 0 -340px; text-shadow: 0 3px 3px rgba(68, 125, 27, 0.75); }

.pn-comment { background: #fff; }
.pn-comment .pn-in { padding-top: 20px; }
.pn-comment .pn-hd { text-align: center; }
.pn-comment .pn-hd .tit { color: #2a3970; font-weight: bold; font-size: 30px; display: inline-block; position: relative; line-height: 2.3; }
.pn-comment .pn-hd .tit:before { content: ''; position: absolute; height: 1px; background: #2a3970; width: 80%; left: 10%; bottom: 0; }
.pn-comment .pn-bd { padding-top: 60px; }

.pn-float { position: fixed; bottom: 80px; right: 50px; width: 60px; z-index: 800; }
.pn-float .gb-share-btn { float: none; display: block; width: 60px; height: 50px; line-height: 50px; color: #98bad1; position: relative; z-index: 5; text-align: center; }
.pn-float .gb-share-btn:hover { color: #fff; }
.pn-float .gb-share-btn-tit { display: none; }
.pn-float .share-box .gb-share-ico-font { float: none; display: block; width: 60px; height: 50px; font-size: 30px; }
.pn-float .gb-share-btn::before { content: ' '; position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: -1; -webkit-transition: all .2s; transition: all .2s; }
.pn-float .gb-share-btn::after { content: ''; position: absolute; width: 100%; height: 1px; background: #1e2952; left: 0; bottom: 0; }
.pn-float .gb-share-btn:hover::before { width: 60px; height: 50px; margin: -25px 0 0 -30px; }
.pn-float .gb-share-btn:hover:after { display: none; }
.pn-float .gb-share-btn-weixin:hover { background: #4fe4ff \9; }
.pn-float .gb-share-btn-weixin::before { background: #4fe4ff; }
.pn-float .gb-share-btn-qq:hover { background: #4fe4ff \9; }
.pn-float .gb-share-btn-qq::before { background: #4fe4ff; }
.pn-float .gb-share-btn-qzone:hover { background: #4fe4ff \9; }
.pn-float .gb-share-btn-qzone::before { background: #4fe4ff; }
.pn-float .gb-share-btn-tsina:hover { background: #4fe4ff \9; }
.pn-float .gb-share-btn-tsina::before { background: #4fe4ff; }
.pn-float .bt-to-comment::before { background: #4fe4ff; }
.pn-float .bt-to-comment:hover { background: #4fe4ff \9; }
.pn-float .bt-to-top { display: none; }
.pn-float .bt-to-top::before { background: #4fe4ff; }
.pn-float .bt-to-top:hover { background: #4fe4ff \9; }
.pn-float .bt-to-comment:hover .ico-comment { background-position: -270px -50px; }
.pn-float .bt-to-top:hover .ico-top { background-position: -310px -50px; }

.pn1 .tab-info { background-image: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/bg-info1.png); padding-top: 95px; height: 622px; position: relative; }
.pn1 .tab-info .circular { position: absolute; width: 87px; height: 87px; background: url(//ue.17173cdn.com/a/newgame/zt/2017/bxjg/img/circular.png) no-repeat; top: -15px; left: -43px; }

@-webkit-keyframes bolder-t { 0%,100% { left: 88px; width: 190px; }
  50% { left: 620px; width: 200px; } }

@keyframes bolder-t { 0%,100% { left: 88px; width: 190px; }
  50% { left: 620px; width: 200px; } }
@-webkit-keyframes bolder-r { 0%,100% { top: 105px; }
  50% { top: 600px; } }
@keyframes bolder-r { 0%,100% { top: 105px; }
  50% { top: 600px; } }
@-webkit-keyframes bolder-b { 0%,100% { left: 28px; width: 190px; }
  50% { left: 820px; width: 200px; } }
@keyframes bolder-b { 0%,100% { left: 28px; width: 190px; }
  50% { left: 820px; width: 200px; } }
@-webkit-keyframes bolder-l { 0%,100% { top: 255px; }
  50% { top: 600px; } }
@keyframes bolder-l { 0%,100% { top: 255px; }
  50% { top: 600px; } }
@-webkit-keyframes line-r { 0% { background-position: 0px 0px; }
  40%,60% { background-position: 161px 0; }
  100% { background-position: 0px 0px; } }
@keyframes line-r { 0% { background-position: 0px 0px; }
  40%,60% { background-position: 161px 0; }
  100% { background-position: 0px 0px; } }
@-webkit-keyframes line-v { 0% { background-position: 0 0; }
  40%,60% { background-position: 0 150px; }
  100% { background-position: 0 0px; } }
@keyframes line-v { 0% { background-position: 0 0; }
  40%,60% { background-position: 0 150px; }
  100% { background-position: 0 0px; } }
@-webkit-keyframes focus { 0% { -webkit-filter: blur(5px); filter: blur(5px); }
  30%,80% { -webkit-filter: blur(0px); filter: blur(0px); }
  100% { -webkit-filter: blur(5px); filter: blur(5px); } }
@keyframes focus { 0% { -webkit-filter: blur(5px); filter: blur(5px); }
  30%,80% { -webkit-filter: blur(0px); filter: blur(0px); }
  100% { -webkit-filter: blur(5px); filter: blur(5px); } }
@-webkit-keyframes bounceinleft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceinleft { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes bounceinright { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes bounceinright { 0%,100%,60%,75%,90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
@keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }
@-webkit-keyframes bouncein { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(0.2, 0.2, 0.2); transform: scale3d(0.2, 0.2, 0.2); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes bouncein { 0%,100%,20%,40%,60%,80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(0.2, 0.2, 0.2); transform: scale3d(0.2, 0.2, 0.2); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes lion { 0% { width: 44px; margin-left: -22px; opacity: .5; }
  100% { opacity: 1; width: 260px; margin-left: -130px; } }
@keyframes lion { 0% { width: 44px; margin-left: -22px; opacity: .5; }
  100% { opacity: 1; width: 260px; margin-left: -130px; } }
@-webkit-keyframes flash { 0% { box-shadow: 0 0 20px rgba(21, 152, 244, 0.8); }
  50% { box-shadow: 0 0 20px rgba(21, 152, 244, 0); }
  100% { box-shadow: 0 0 20px rgba(21, 152, 244, 0.8); } }
@keyframes flash { 0% { box-shadow: 0 0 20px rgba(21, 152, 244, 0.8); }
  50% { box-shadow: 0 0 20px rgba(21, 152, 244, 0); }
  100% { box-shadow: 0 0 20px rgba(21, 152, 244, 0.8); } }
@-webkit-keyframes slideinright { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideinright { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes slideinleft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes slideinleft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.circular { -webkit-animation: circle 1.5s infinite linear; animation: circle 1.5s infinite linear; }

@media only screen and (min-width: 900px) { .ico-music { display: block; } }
@media only screen and (max-width: 1500px) { .pn-float { left: auto; margin-left: 0; right: 12px; }
  .pn-float-right { left: auto; margin-left: 0; right: -220px; } }
@media only screen and (max-width: 1200px) { .pn-float { z-index: -1; } }

/*# sourceMappingURL=style.css.map */