@charset "UTF-8";
.Ztbox { display: block; background: no-repeat center top; }

.Ztbox .center { width: 1400px; position: relative; }

.Ztbox .title_ { display: block; text-align: center; height: 50px; line-height: 50px; padding-top: 60px; }

.Ztbox .title_ .line { background: url("../images/titleline.png") no-repeat center; width: 334px; height: 35px; display: inline-block; vertical-align: middle; }

.Ztbox .title_ .line:last-child { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.Ztbox .title_ span { display: inline-block; vertical-align: middle; background: url("../images/icoimg.png") no-repeat center; margin: 0 20px; }

.Ztbox .title_ .ico1 { height: 40px; width: 162px; background-position: 0 -194px; }

.Ztbox .title_ .ico2 { height: 39px; width: 162px; background-position: 0 0; }

.Ztbox .title_ .ico3 { height: 39px; width: 162px; background-position: 0 -124px; }

.Ztbox .title_ .ico4 { height: 39px; width: 163px; background-position: 0 -259px; }

.Ztbox .title_ .ico5 { height: 41px; width: 162px; background-position: 0 -56px; }

.Ztbox .title_ .ico7 { height: 40px; width: 162px; background-position: 0 -310px; }

.Ztbox .title_ .ico6 { height: 40px; width: 162px; background-position: 0 -370px; }

.content { background: #000; overflow: hidden; }

/*kv*/
.KVbox { background-image: url("../images/kv.jpg"); height: 710px; }

.KVbox .swiper_news { padding-top: 508px; width: 1500px; margin-left: -50px; }

.KVbox .swiper_news .swiper-slide { position: relative; width: 440px; height: 200px; }

.KVbox .swiper_news .swiper-slide-active { z-index: 1; }

.KVbox .swiper_news .swiper-slide-active .item { -webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, 0.35); box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, 0.35); -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.KVbox .swiper_news .item { padding: 20px 15px; border-radius: 10px; width: 400px; height: 110px; background: rgba(0, 0, 0, 0.3); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translate(-50%, -50%) scale(0.85); -ms-transform: translate(-50%, -50%) scale(0.85); transform: translate(-50%, -50%) scale(0.85); }

.KVbox .swiper_news .item .img_ { display: block; width: 180px; height: 110px; border-radius: 10px; }

.KVbox .swiper_news .item .img_ img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.KVbox .swiper_news .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #fff; padding-left: 20px; }

.KVbox .swiper_news .item .infor .name { font-size: 19px; line-height: 28px; overflow: hidden; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }

.KVbox .swiper_news .item .infor p { font-size: 14px; padding-top: 6px; line-height: 20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }

.KVbox .swiper_news .swiperbutton-prev, .KVbox .swiper_news .swiperbutton-next { display: block; position: absolute; height: 50%; width: 50px; top: 50%; margin-top: -50px; z-index: 3; cursor: pointer; }

.KVbox .swiper_news .swiperbutton-prev { left: 0; }

.KVbox .swiper_news .swiperbutton-next { right: 0; }

/*佣兵图鉴*/
.Ztbox1 { background-image: url("../images/bj1.jpg"); height: 810px; }

.Ztbox1 .swiper_warp { padding-top: 60px; }

.Ztbox1 .swipernav { color: #fff; position: relative; }

.Ztbox1 .swipernav .next { display: none; background: url(../images/icoimg.png) no-repeat center; height: 54px; width: 54px; right: -0px; top: 0px; background-position: -213px -151px; position: absolute; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); cursor: pointer; }

.Ztbox1 .swipernav .swiper-slide { width: auto; margin-right: 60px; cursor: pointer; }

.Ztbox1 .swipernav .swiper-slide .tab { line-height: 50px; color: #fff; font-size: 20px; display: block; position: relative; padding-bottom: 15px; }

.Ztbox1 .swipernav .swiper-slide .tab::after { display: none; position: absolute; left: 50%; bottom: 0px; margin-left: -13px; background: url("../images/icoimg.png") no-repeat center; content: ''; height: 16px; width: 25px; background-position: -339px 0; }

.Ztbox1 .swipernav .swiper-slide .tab:hover { color: #e7a441; }

.Ztbox1 .swipernav .swiper-slide .tab:hover::after { display: block; }

.Ztbox1 .swipernav .swiper-container { margin-right: 60px; }

.Ztbox1 .swipernav .swiper-slide-active .tab { color: #e7a441; }

.Ztbox1 .swipernav .swiper-slide-active .tab::after { display: block; }

.Ztbox1 .swiperlist { height: 500px; }

.Ztbox1 .swiperlist .swiper-slide { width: 100%; padding-top: 30px; }

.Ztbox1 .swiperlist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 420px; -webkit-column-gap: 73px; column-gap: 73px; overflow-y: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.Ztbox1 .swiperlist ul::-webkit-scrollbar { width: 8px; background: #fff; border-radius: 10px; }

.Ztbox1 .swiperlist ul::-webkit-scrollbar-button { width: 0; height: 0; }

.Ztbox1 .swiperlist ul::-webkit-scrollbar-corner { display: block; }

.Ztbox1 .swiperlist ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #aaa7a7; border-radius: 10px; }

.Ztbox1 .swiperlist ul li { width: 110px; text-align: center; padding: 30px 0; }

.Ztbox1 .swiperlist ul li a { color: #ffffff; }

.Ztbox1 .swiperlist ul li a:hover { color: #e7a441; }

.Ztbox1 .swiperlist ul li .name { height: 30px; line-height: 30px; overflow: hidden; width: 100%; padding-top: 10px; }

.Ztbox1 .swiperlist ul li .img_ { width: 104px; height: 104px; overflow: hidden; position: relative; border-radius: 50%; padding: 2px; background: -webkit-gradient(linear, left top, left bottom, from(#292929), color-stop(50%, #383437), to(#9a9a9a)); background: -o-linear-gradient(top, #292929 0%, #383437 50%, #9a9a9a 100%); background: linear-gradient(to bottom, #292929 0%, #383437 50%, #9a9a9a 100%); }

.Ztbox1 .swiperlist ul li .img_ img { width: 104px; height: 104px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }

.Ztbox1 .swiperlist ul li .img_::after { border-radius: 50%; display: block; content: ''; top: 2px; left: 2px; position: absolute; width: 104px; height: 104px; -webkit-box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.8); }

/*游戏图片*/
.Ztbox2 { background-image: url("../images/bj2.jpg"); height: 787px; }

.Ztbox2 .swiper-img { position: relative; }

.Ztbox2 .swiper-img .swiper-container { height: 490px; width: 1400px; padding: 90px 0; }

.Ztbox2 .swiper-img .swiper-slide { height: 100%; width: 900px !important; border-radius: 10px; }

.Ztbox2 .swiper-img .swiper-slide .img_ { display: block; overflow: hidden; height: 100%; border-radius: 10px; }

.Ztbox2 .swiper-img .swiper-slide .img_ img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 10px; }

.Ztbox2 .swiper-img .swiper-slide-active { -webkit-box-shadow: 0px 0px 30px 13px rgba(255, 255, 255, 0.33); box-shadow: 0px 0px 30px 13px rgba(255, 255, 255, 0.33); }

.Ztbox2 .swiper-img .swiper-button { background: no-repeat center; height: 112px; width: 56px; margin-top: -56px; background: url("../images/icoimg.png") no-repeat center; }

.Ztbox2 .swiper-img .swiper-button:hover { opacity: 0.9; }

.Ztbox2 .swiper-img .swiper-button::after { display: none; }

.Ztbox2 .swiper-img .swiper-button-prev { left: 80px; background-position: -183px 0; }

.Ztbox2 .swiper-img .swiper-button-next { right: 80px; background-position: -256px 0; }

/*游戏视频*/
.Ztbox3 { background-image: url("../images/bj3.jpg"); height: 883px; }

.Ztbox3 .swiper-container { max-height: 666px; margin: 30px 0; }

.Ztbox3 .swiper-container .swiper-slide { height: auto; }

.Ztbox3 .swiper-container .swiper-scrollbar { background: #fff; }

.Ztbox3 .videobox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 100px); margin-left: -50px; }

.Ztbox3 .videobox ul li { padding-top: 70px; width: 397px; display: block; margin: 0 20px; }

.Ztbox3 .videobox ul li .img_ { width: 100%; height: 193px; position: relative; display: block; overflow: hidden; }

.Ztbox3 .videobox ul li .img_ .ico { background: url("../images/videobtn.png") no-repeat center; width: 113px; height: 113px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Ztbox3 .videobox ul li .img_ img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.Ztbox3 .videobox ul li .name { color: #ffffff; line-height: 30px; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; padding-top: 10px; }

.Ztbox3 .videobox ul li .name:hover { color: #e7a441; }

/*游戏攻略*/
.Ztbox4 { background-image: url("../images/bj4.jpg"); height: 757px; }

/*资讯攻略*/
.Ztbox5 { background-image: url("../images/bj5.jpg"); height: 853px; }

.swiperwraplist .swiper-container { max-height: 540px; margin: 30px 0; }

.swiperwraplist .swiper-container .swiper-slide { height: auto; }

.swiperwraplist .swiper-container .swiper-scrollbar { background: #fff; }

.swiperwraplist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 80px); margin-left: -40px; }

.swiperwraplist ul li { padding-top: 70px; width: 216px; display: block; margin: 0 20px; }

.swiperwraplist ul li .img_ { width: 100%; height: 120px; position: relative; display: block; overflow: hidden; }

.swiperwraplist ul li .img_ img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.swiperwraplist ul li .name { color: #ffffff; line-height: 25px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; padding-top: 10px; }

.swiperwraplist ul li .name:hover { color: #e7a441; }

.flexdown { position: fixed; width: 1414px; height: 280px; display: -webkit-box; display: -ms-flexbox; display: flex; left: 50%; margin-left: -707px; background: url("../images/flexdown.png") no-repeat center; bottom: 10px; z-index: 100; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flexdown .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 0 50px; height: 150px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flexdown .item .img_ { width: 150px; height: 150px; display: block; overflow: hidden; }

.flexdown .item .img_ img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.flexdown .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px; color: #fff; }

.flexdown .item .infor a { color: #fff; }

.flexdown .item .infor .name { height: 40px; line-height: 40px; overflow: hidden; font-size: 24px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.flexdown .item .infor .tex { padding-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; }

.flexdown .item .infor p { padding-top: 10px; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; width: 100%; }

.flexdown .item .infor p span { padding-right: 30px; }

.flexdown .item .infor p span:last-child { padding-right: 0; }

.flexdown .item .saoimg { width: 142px; height: 142px; display: block; margin: 0 20px; }

.flexdown .item .saoimg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.flexdown .item .down { display: -webkit-box; display: -ms-flexbox; display: flex; height: 150px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 200px; }

.flexdown .item .down .btn { display: block; width: 178px; height: 46px; line-height: 46px; border: 1px solid #fff; text-align: center; border-radius: 30px; color: #fff; margin: 5px 0; }

.flexdown .item .down .btn:hover { background: #fff; color: #000; }

.flexdown.small { height: auto; width: 150px; left: initial; right: 10px; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-left: 650px; background: url("../images/flexdown2.png") no-repeat center; background-size: 100% auto; }

.flexdown.small .item { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding: 20px 0; width: 99%; margin: 10px auto; }

.flexdown.small .item .img_ { width: 110px; height: 110px; margin: 0 auto; display: none; }

.flexdown.small .item .infor { padding: 0 10px; display: none; }

.flexdown.small .item .infor .name { font-size: 16px; }

.flexdown.small .item .infor .tex { line-height: 20px; font-size: 14px; -webkit-line-clamp: 3; }

.flexdown.small .item .infor p { height: auto; line-height: 22px; font-size: 12px; }

.flexdown.small .item .infor p span { display: block; padding: 0 3px; }

.flexdown.small .item .saoimg { margin: 20px auto; width: 100px; height: 100px; }

.flexdown.small .item .down { width: auto; padding: 10px; padding-top: 0; height: auto; }

.flexdown.small .item .down .btn { width: 80%; display: block; height: 40px; line-height: 40px; font-size: 14px; }

.flexdown.small .close { left: -40px; background: url("../images/icoimg.png") no-repeat center; height: 54px; width: 54px; background-position: -213px -151px; display: block; position: absolute; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); cursor: pointer; }

.flexdown.small .close.on { -webkit-transform: rotateY(180deg) scale(0.6); transform: rotateY(180deg) scale(0.6); }

.flexdown.hidebox { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; right: -140px !important; }

.flexdown.hidebox .close { -webkit-transform: rotateY(180deg) scale(0.6); transform: rotateY(180deg) scale(0.6); }