/* 2024/07/25 Author: MichLiu */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

body,html {width: 100%;height: 100%;overflow: hidden;color: #fff;font-family: "Microsoft YaHei", "闁诲海鏁婚崑濠囧窗濞戙垺瀚冮悗锝庡枟閳锋牠鏌涘☉姗嗗殶闁瑰嚖鎷�", "serif";background: #070d19;}

a {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}

.wrapper {width: 100%;height: 100%;min-width: 1200px;}
#container, .sections, .section {position: relative;height: 100%;}
.section {position: relative;height: 100%;overflow: hidden;height: 100%;}
.section-0 {background: url("../images/bg-2.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}
.section-1 {background: url("../images/bg-2.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}
.section-2 {background: url("../images/bg-3.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}
.section-3 {background: url("../images/bg-4.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}
.section-4 {background: url("../images/bg-5.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}
.section-5 {background: url("../images/bg-5.jpg") center center no-repeat;background-size: cover;background-position: 50% 50%;}

.wrapper .show-container {position: relative;width: 1250px;height: 100%;margin: 0 auto;z-index: 1;}

.btn {display: inline-block;line-height: 99;overflow: hidden;}

/* top foot*/
.topbar .logo {width: 140px;}
.topbar .bre{width: 1000px; margin: 0 auto}
.topbar .bre img{float: left; display: inline}
.topbar .l-link .more1{color: #666}
.topbar .phone_menu .phone_menu_cur{padding: 0 9px}
.topbar a {color: #333;font-size: 12px;}
.topbar .c1, .topbar a:hover{color: #fd6623 !important}
.topbar .r_menu {padding-top: 10px;}
.r_menu p {color: #000;}
.foot{clear: both; overflow: hidden; margin-top: 20px}

.section-0 {height: 100%;position: relative;}
.section-0 .show-container {margin-top: -41px;padding-top: 41px;z-index: unset;}
.section-0 .bg-video {position: absolute;top: 41px;left: 0;}
.section-0 .top-part {margin-top: 20px;text-align: right;}
.section-0 .game-logo {position: absolute;top: 41px;left: 60px;background: url("../images/logo.png") center no-repeat;width: 320px;height: 126px;}
.section-0 .top-part .btn-forum {background: url("../images/css_sprites.png") -588px -99px;width: 202px;height: 67px;}
.section-0 .top-part .btn-forum:hover {background: url("../images/css_sprites.png") -588px -10px;}
.section-0 .info-part {width: 900px;position: absolute;bottom: 60px;left: 50%;margin-left: -450px;}
.section-0 .info-part .title {margin-left: -124px;background: url("../images/b-title.png") center no-repeat;width: 1148px;height: 318px;margin-bottom: -50px;}
.section-0 .info-part .limit-ageBtn {top: auto;bottom: 310px;}
.pop-limit {top: 0px;line-height: 20px;}
.section-0 .info-part .btn-tools {text-align: center;}
.section-0 .info-part .btn-tools .btn-download {background: url("../images/css_sprites.png") -10px -10px;width: 353px;height: 118px;}
.section-0 .info-part .btn-tools .btn-download:hover {background: url("../images/css_sprites.png") -10px -148px;}
.section-0 .info-part .btn-tools .btn-ls .btn-pc {background: url("../images/css_sprites.png") -588px -493px;width: 177px;height: 41px;}
.section-0 .info-part .btn-tools .btn-ls .btn-feedback {background: url("../images/css_sprites.png") -383px -215px;width: 176px;height: 41px;}
.section-0 .info-part .hint {background: url("../images/hint-bg.png") center no-repeat;width: 727px;height: 37px;margin: 14px auto 0;text-align: center;line-height: 37px;color: #fff;font-size: 16px;}
.section-0 .info-part .intro {color: #070c31;line-height: 23px;padding: 57px 50px 0;box-sizing: border-box;background: url("../images/intro-bg.png") center no-repeat;width: 900px;height: 203px;margin: 0 auto;}

.section-1 .show-container {width: 1510px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.section-1 .show-part-1 {width: 100%;overflow: hidden;}
.section-1 .show-part-1 .notice-part {float: left;background: url("../images/notice-part.png") center no-repeat;width: 733px;height: 462px;}
.section-1 .show-part-1 .notice-part .tablist {overflow: hidden;}
.section-1 .show-part-1 .notice-part .tablist li {cursor: pointer;float: left;width: 147px;height: 53px;text-align: center;line-height: 53px;color: #fff;font-size: 20px;font-weight: bold;}
.section-1 .show-part-1 .notice-part .tablist li:hover {color: #57e1ff;}
.section-1 .show-part-1 .notice-part .tablist .last .more {margin: 15px auto 0;background: url("../images/css_sprites.png") -755px -420px;width: 31px;height: 23px;}
.section-1 .show-part-1 .notice-part .tablist li.on {background: url("../images/css_sprites.png") -588px -420px;}
.section-1 .show-part-1 .notice-part .tablist li.on:hover {color: #fff;}
.section-1 .show-part-1 .notice-part .tablist .last {cursor: pointer;float: left;width: 147px;height: 53px;text-align: center;line-height: 53px;color: #fff;font-size: 20px;font-weight: bold;width: 143px;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item {overflow: hidden;padding: 0 33px 0 27px;height: 51px;line-height: 51px;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item .left {float: left;line-height: 52px;max-width: 600px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item .left i {display: inline-block;width: 3px;height: 3px;background-color: #fff;border-radius: 50%;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item .right {float: right;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a {overflow: hidden;display: block;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a:hover .left {color: #57e1ff;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a:hover .left i {background-color: #57e1ff;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a:hover .right span {display: none;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a:hover .right {position: relative;}
.section-1 .show-part-1 .notice-part .tabwrap .tabcon .item a:hover .right::after {-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;content: "";display: block;position: absolute;top: 16px;right: 0;background: url("../images/css_sprites.png") -705px -262px;width: 33px;height: 17px;}
.section-1 .show-part-1 .tools-part {float: left;margin-left: 19px;}
.section-1 .show-part-1 .tools-part .swiper-show {position: relative;width: 756px;height: 272px;overflow: hidden;}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-slide {width: 756px;height: 272px;overflow: hidden;}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-slide img {width: 100%;height: 100%;transition: all .4s;}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-slide:hover img {transform: scale(1.05);}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-pagination {position: absolute;bottom: 0;left: 0;width: 100%;}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-pagination .swiper-pagination-bullet {opacity: 1;border-radius: 0;margin: 0;cursor: pointer;background: rgba(0, 0, 0, .7);float: right;box-sizing: border-box;display: inline-block;min-width: 110px;width: auto;height: 26px;text-align: center;line-height: 26px;color: #fff;font-size: 12px;padding: 0 6px;}
.section-1 .show-part-1 .tools-part .swiper-show .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #9547ff;}
.section-1 .show-part-1 .tools-part .tools-list {overflow: hidden;margin-top: 5px;}
.section-1 .show-part-1 .tools-part .tools-list a {display: inline-block;width: 185px;height: 185px;background: url("../images/css_sprites.png") -383px -10px;line-height: 185px;}
.section-1 .show-part-1 .tools-part .tools-list a:hover {background: url("../images/css_sprites.png") -10px -286px;}
.section-1 .show-part-1 .tools-part .tools-list a p {margin-top: 33px;width: 100%;display: inline-block;text-align: center;font-size: 50px;line-height: 60px;font-weight: bold;color: #fff;}
.section-1 .show-part-2 {width: 100%;margin-top: 19px;}
.section-1 .show-part-2 .ls {overflow: hidden;}
.section-1 .show-part-2 .ls .ls-item {position: relative;float: left;width: 490px;height: 246px;margin-right: 15px;overflow: hidden;}
.section-1 .show-part-2 .ls .ls-item:last-child {margin-right: 0;}
.section-1 .show-part-2 .ls .ls-item .title {position: absolute;top: 0;left: 0;width: 129px;height: 34px;z-index: 1;}
.section-1 .show-part-2 .ls .ls-item .title.title-1 {background: url("../images/css_sprites_2.png") -10px -117px;}
.section-1 .show-part-2 .ls .ls-item .title.title-2 {background: url("../images/css_sprites_2.png") -159px -117px;}
.section-1 .show-part-2 .ls .ls-item .title.title-3 {background: url("../images/css_sprites_2.png") -308px -117px;}
.section-1 .show-part-2 .ls .ls-item img {display: block;width: 100%;height: 100%;transition: all .4s;}
.section-1 .show-part-2 .ls .ls-item:hover img {transform: scale(1.05);}

.section-2 .show-container {width: 1510px;display: flex;flex-direction: column;justify-content: center;}
.section-2 .tit-1 {background: url("../images/css_sprites.png") -10px -491px;width: 361px;height: 75px;}
.section-2 .show {margin-top: 28px;overflow: hidden;}
.section-2 .show .left {width: 728px;float: left;}
.section-2 .show .left .ls {overflow: hidden;}
.section-2 .show .left .ls li {float: left;margin-bottom: 23px;}
.section-2 .show .left .ls li:nth-child(even) {margin-left: 4px;} 
.section-2 .show .right {position: relative;margin-left: 18px;float: left;background: url("../images/show-card-right.png") center no-repeat;width: 763px;height: 706px;}
.section-2 .show .right .ls {overflow: hidden;width: 765px;height: 706px;position: absolute;bottom: 0;left: 0;}
.section-2 .show .right .ls li {float: left;margin-bottom: 23px;padding: 0 8px;margin-right: 13px;width: 246px;height: 706px;box-sizing: border-box;}
.section-2 .show .right .ls li:last-child {margin-right: 0;}
.section-2 .show .right .ls li a {position: relative;display: block;height: 100%;}
.section-2 .show .right .ls li .box {position: absolute;bottom: 0;left: 0;width: 230px;height: 156px;background: url("../images/btn-card-show.png") center no-repeat;}
.section-2 .show .right .ls li a:hover .box,
.section-2 .show .right .ls .on .box {background: url("../images/btn-card-show-on.png") center no-repeat;}
.section-2 .show .right .ls .car .label {background: url("../images/car-text.png") center no-repeat;width: 145px;height: 72px;position: absolute;top: 50%;left: 50%;margin-left: -72.5px;margin-top: -36px;}
.section-2 .show .right .ls .plane .label {background: url("../images/airplan-text.png") center no-repeat;width: 203px;height: 72px;position: absolute;top: 50%;left: 50%;margin-left: -101.5px;margin-top: -36px;}
.section-2 .show .right .ls .bot .label {background: url("../images/liweita-text.png") center no-repeat;width: 184px;height: 72px;position: absolute;top: 50%;left: 50%;margin-left: -92px;margin-top: -36px;}

.section-3 .show-container {width: 1510px;}
.section-3 .tit-2 {margin-top: 75px;position: relative;z-index: 1;background: url("../images/css_sprites.png") -215px -381px;width: 301px;height: 75px;}
.section-3 .show {position: relative;width: 100%;height: 907px;position: relative;margin-top: -100px;}
.section-3 .show .show-ls {height: 100%;}
.section-3 .show .show-ls li {position: absolute;bottom: 0;left: 0;width: 232px;height: 811px;}
.section-3 .show .show-ls li a {display: block;width: 100%;height: 100%;}
.section-3 .show .show-ls li:nth-child(even) {top: 0;bottom: unset;}
.section-3 .show .show-ls li.hero-1 {background: url("../images/hero-1.png") center no-repeat;}
.section-3 .show .show-ls li.hero-1:hover {background: url("../images/hero-1-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-2 {background: url("../images/hero-2.png") center no-repeat;left: 176px;}
.section-3 .show .show-ls li.hero-2:hover {background: url("../images/hero-2-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-3 {background: url("../images/hero-3.png") center no-repeat;left: 367px;}
.section-3 .show .show-ls li.hero-3:hover {background: url("../images/hero-3-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-4 {background: url("../images/hero-4.png") center no-repeat;left: 543px;}
.section-3 .show .show-ls li.hero-4:hover {background: url("../images/hero-4-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-5 {background: url("../images/hero-5.png") center no-repeat;left: 734px;}
.section-3 .show .show-ls li.hero-5:hover {background: url("../images/hero-5-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-6 {background: url("../images/hero-6.png") center no-repeat;left: 910px;}
.section-3 .show .show-ls li.hero-6:hover {background: url("../images/hero-6-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-7 {background: url("../images/hero-7.png") center no-repeat;left: 1101px;}
.section-3 .show .show-ls li.hero-7:hover {background: url("../images/hero-7-on.png") center no-repeat;}
.section-3 .show .show-ls li.hero-8 {background: url("../images/hero-8.png") center no-repeat;left: 1277px;}
.section-3 .show .show-ls li.hero-8:hover {background: url("../images/hero-8-on.png") center no-repeat;}

.section-4 .show-container {width: 1510px;}
.section-4 .show-container .top {position: relative;height: 81px;margin-top: 72px;}
.section-4 .show-container .top .left {float: left;}
.section-4 .show-container .top .left .tit-3 {float: left;background: url("../images/css_sprites.png") -215px -286px;width: 302px;height: 75px;}
.section-4 .show-container .top::after {content: "";display: block;position: absolute;bottom: 0;left: 0;background: url("../images/video-line.png") center no-repeat;width: 100%;height: 1px;}
.section-4 .show-container .top .left .video-nav {margin: 32px 0 0 82px;display: inline-block;}
.section-4 .show-container .top .left .video-nav li {cursor: pointer;margin-right: 73px;display: inline-block;font-size: 26px;color: #fff;}
.section-4 .show-container .top .left .video-nav li:hover {color: #41f0ff;position: relative;}
.section-4 .show-container .top .left .video-nav li.on {position: relative;color: #41f0ff;}
.section-4 .show-container .top .left .video-nav li.on::after,
.section-4 .show-container .top .left .video-nav li:hover::after {-webkit-animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;content: '';position: absolute;top: -7px;left: -7px;background: url("../images/css_sprites.png") -758px -262px;width: 14px;height: 14px;}
.section-4 .show-container .top .left .video-nav li.on::before,
.section-4 .show-container .top .left .video-nav li:hover::before {-webkit-animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;content: '';position: absolute;bottom: -7px;right: -7px;background: url("../images/css_sprites.png") -705px -379px;width: 14px;height: 14px;}
.section-4 .show-container .top .btn-more {margin-top: 34px;float: right;background: url("../images/css_sprites.png") -155px -732px;width: 88px;height: 21px;}
.section-4 .show-container .top .btn-more:hover {background: url("../images/css_sprites.png") -263px -732px;}
.section-4 .show-container .video-cont {margin-top: 55px;}
.section-4 .show-container .video-cont .show-video {overflow: hidden;}
.section-4 .show-container .video-cont .show-video .left {float: left;}
.section-4 .show-container .video-cont .show-video .left .video-box {cursor: pointer;position: relative;width: 757px;height: 378px;overflow: hidden;}
.section-4 .show-container .video-cont .show-video .left .video-box a {display: block;width: 100%;height: 100%;}
.section-4 .show-container .video-cont .show-video .left .video-box a::before {content: "";z-index: 1;display: block;position: absolute;top: 0;left: 0;background: url("../images/big-video-frame.png") center no-repeat;width: 757px;height: 378px;}
.section-4 .show-container .video-cont .show-video .left .video-box:hover a::before {background: url("../images/big-video-frame-on.png") center no-repeat;}
.section-4 .show-container .video-cont .show-video .left .video-box img {width: 756px;height: 378px;transition: all .4s;}
.section-4 .show-container .video-cont .show-video .left .video-box:hover img {transform: scale(1.05);}
.section-4 .show-container .video-cont .show-video .left .video-box .video-box-play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-4 .show-container .video-cont .show-video .left .video-box .icon {position: absolute;left: 50%;top: 50%;margin-left: -48.5px;margin-top: -48.5px;background: url("../images/css_sprites.png") -588px -186px;width: 97px;height: 97px;}
.section-4 .show-container .video-cont .show-video .left .video-box:hover .icon {z-index: 1;background: url("../images/css_sprites.png") -588px -303px;}
.section-4 .show-container .video-cont .show-video .left .video-box:hover .video-box-play::before {content: "";display: block;position: absolute;top: 0;left: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#50000000', endColorstr='#50000000');background: rgba(0,0,0,0.5);width: 100%;height: 100%;margin: 6px;}
.section-4 .show-container .video-cont .show-video .left .video-box .video-box-play .hint-text {z-index: 1;position: absolute;bottom: 6px;left: 6px;box-sizing: border-box;font-weight: bold;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#60000000', endColorstr='#60000000');background: rgba(0,0,0,0.6);color: #fff;font-size: 32px;line-height: 64px;height: 64px;width: 745px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section-4 .show-container .video-cont .show-video .right {float: right;overflow: hidden;width: 735px;}
.section-4 .show-container .video-cont .show-video .right .video-box {cursor: pointer;float: left;position: relative;width: 354px;height: 177px;margin-bottom: 23px;overflow: hidden;}
.section-4 .show-container .video-cont .show-video .right .video-box:nth-child(even) {margin-left: 23px;}
.section-4 .show-container .video-cont .show-video .right .video-box a::before {content: "";z-index: 1;display: block;position: absolute;top: 0;left: 0;background: url("../images/video-frame.png") center no-repeat;width: 354px;height: 177px;}
.section-4 .show-container .video-cont .show-video .right .video-box:hover a::before {background: url("../images/video-frame-on.png") center no-repeat;}
.section-4 .show-container .video-cont .show-video .right .video-box img {width: 354px;height: 177px;transition: all .4s;}
.section-4 .show-container .video-cont .show-video .right .video-box:hover img {transform: scale(1.05);}
.section-4 .show-container .video-cont .show-video .right .video-box .video-box-play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section-4 .show-container .video-cont .show-video .right .video-box .video-box-play .icon {position: absolute;left: 50%;top: 50%;margin-left: -28.5px;margin-top: -28.5px;background: url("../images/css_sprites.png") -705px -186px;width: 57px;height: 56px;}
.section-4 .show-container .video-cont .show-video .right .video-box:hover .icon {z-index: 1;background: url("../images/css_sprites.png") -705px -303px;}
.section-4 .show-container .video-cont .show-video .right .video-box:hover .video-box-play::before {content: "";display: block;position: absolute;top: 0;left: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#50000000', endColorstr='#50000000');background: rgba(0,0,0,0.5);width: 100%;height: 100%;margin: 3px;}
.section-4 .show-container .video-cont .show-video .right .video-box .video-box-play .hint-text {z-index: 1;position: absolute;bottom: 4px;left: 4px;box-sizing: border-box;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#60000000', endColorstr='#60000000');background: rgba(0,0,0,0.6);color: #e0f2fb;font-size: 18px;line-height: 30px;height: 30px;width: 346px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section-4 .show-container .video-cont .video-info {overflow: hidden;margin-top: 7px;}
.section-4 .show-container .video-cont .video-info .left {position: relative;padding: 50px 0 0 45px;box-sizing: border-box;float: left;width: 662px;height: 250px;background: url("../images/store-bg.png") center no-repeat;}
.section-4 .show-container .video-cont .video-info .left .icon-bot {position: absolute;right: -12px;bottom: 0;}
.section-4 .show-container .video-cont .video-info .left .icon-bot span {margin-bottom: -7px;display: block;background: url("../images/icon-robot.png") center no-repeat;width: 341px;height: 257px;}
.section-4 .show-container .video-cont .video-info .right {float: right;}
.section-4 .show-container .video-cont .video-info .right .recommend-tit {background: url("../images/recommend-tit.png") center no-repeat;width: 770px;height: 63px;}
.section-4 .show-container .video-cont .video-info .right .rc-part {margin-top: 6px;overflow: hidden;margin-left: 11px;}
.section-4 .show-container .video-cont .video-info .right .rc-part .low-config {float: left;}
.section-4 .show-container .video-cont .video-info .right .rc-part .tit-label {font-size: 20px;}
.section-4 .show-container .video-cont .video-info .right .rc-part .hight-config {float: right;}
.section-4 .show-container .video-cont .video-info .right .rc-part .hight-config .tit-label {color: #95f7ff;}
.section-4 .show-container .video-cont .video-info .right .rc-part .config-box {margin-top: 18px;font-size: 18px;line-height: 32px;}
.section-4 .show-container .video-cont .video-info .left .label {font-size: 48px;color: #eaf8ff;font-weight: bold;}
.section-4 .show-container .video-cont .video-info .left .cont {margin-top: 12px;font-size: 24px;color: #a8ced1;line-height: 32px;}
.section-4 .show-container .video-cont .video-info .left .btn-look {margin-top: 27px;background: url("../images/css_sprites.png") -391px -491px;width: 143px;height: 49px;}

.fixed-bar {position: fixed;right: 30px;top: 20%;z-index: 10;}
.fixed-bar .btn {position: relative;width: 131px;height: 53px;display: block;margin-bottom: 33px;overflow: unset;}
.fixed-bar .btn-zixun {background: url("../images/css_sprites.png") -10px -586px;}
.fixed-bar .btn-zixun.on {background: url("../images/css_sprites.png") -161px -586px;}
.fixed-bar .btn-bowu {background: url("../images/css_sprites.png") -312px -586px;}
.fixed-bar .btn-bowu.on {background: url("../images/css_sprites.png") -463px -586px;}
.fixed-bar .btn-zhenying {background: url("../images/css_sprites.png") -614px -586px;}
.fixed-bar .btn-zhenying.on {background: url("../images/css_sprites.png") -10px -659px;}
.fixed-bar .btn-shipin {background: url("../images/css_sprites.png") -161px -659px;}
.fixed-bar .btn-shipin.on {background: url("../images/css_sprites.png") -312px -659px;}
.fixed-bar .btn-top {background: url("../images/css_sprites.png") -463px -659px;}
.fixed-bar .btn::after {content: "";position: absolute;z-index: 1;background: url("../images/css_sprites.png") -10px -732px;width: 125px;height: 49px;left: 50%;margin-left: -62px;bottom: -40px;}
.fixed-bar .btn:last-child:after {content: "";background: none;}

.pop-intro {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;}
.pop-intro .dialog-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#70000000', endColorstr='#70000000');}
.pop-intro .dialog-cont {z-index: 1;padding: 37px 53px 51px 233px;box-sizing: border-box;position: absolute;left: 50%;top: 50%;margin-left: -493px;margin-top: -287px;background: url("../images/pop-frame.png") center no-repeat;width: 987px;height: 574px;}
.pop-intro .dialog-cont .icon {position: absolute;left: -180px;top: 50%;margin-top: -361px;}
.pop-intro .dialog-cont .icon img {height: 722px;}
.pop-intro .dialog-cont .intro-cont .top {overflow: hidden;}
.pop-intro .dialog-cont .intro-cont .top .label-name {position: relative;display: inline-block;vertical-align: middle;padding-left: 17px;box-sizing: border-box;}
.pop-intro .dialog-cont .intro-cont .top .label-name::after {content: "";position: absolute;left: 0;top: 50%;margin-top: -13px;display: block;background: url("../images/pop-line.png") center no-repeat;width: 8px;height: 26px;}
.pop-intro .dialog-cont .intro-cont .top .label-name img {height: 47px;}
.pop-intro .dialog-cont .intro-cont .top .tip {margin-left: 15px;display: inline-block;vertical-align: middle;font-size: 28px;color: #9fecff;}
.pop-intro .dialog-cont .intro {max-height: 240px;overflow-y: auto;font-size: 16px;line-height: 28px;padding-right: 23px;}
.pop-intro .dialog-cont .weapon {overflow: hidden;margin: 24px 0 30px;}
.pop-intro .dialog-cont .weapon .item {float: left;height: 140px;position: relative;margin-right: 40px;}
.pop-intro .dialog-cont .weapon .item .label {position: absolute;bottom: 0;font-size: 16px;color: #9fecff;}
.pop-intro .dialog-cont .intro::-webkit-scrollbar {width: 7px;border-radius: 4px;background: #071623;}
.pop-intro .dialog-cont .intro::-webkit-scrollbar-thumb:vertical {background: #9fecff;outline-offset: -2px;border-radius: 4px;}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-tl {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-tl {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-br {
  0% {
    -webkit-transform: translateY(10px) translateX(10px);
            transform: translateY(10px) translateX(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-br {
  0% {
    -webkit-transform: translateY(10px) translateX(10px);
            transform: translateY(10px) translateX(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

@media screen and (max-width: 1800px) {
  .fixed-bar {display: none !important;}
}

.section-5 {overflow-y: auto;}
.section-5 .show-container {margin-top: 100px;height: auto;}
.wrap_pl { width: 100%; }
.wrap_pl .plbox { width: 994px; position: relative; padding: 14px 0; margin: 0 auto; }
.wrap_pl .pl-cont { border: 5px solid #848383; background: #ffffff; padding: 15px; }

/* lqq 1/7 add */
.section-2 .show .left .ls li {position: relative;margin-right: 19px;background: url("../images/car-bg.png") center no-repeat;width: 342px;height: 342px;padding: 8px 8px;box-sizing: border-box;}
.section-2 .show .left .ls li img {width: 325px;height: 325px;display: block;}
.section-2 .show .left .ls li::after {content: "";position: absolute;top: 0;right: -18px;background: url("../images/card-decord.png") center no-repeat;width: 74px;height: 57px;}

/* lqq 2/17 add */
.section-5 .show-container {z-index: unset;}