﻿@import url(public.css);#top-pgl483{height: 26px;background-color: #222222;line-height: 26px;font-size: 12px;color: #a9a9a9;}
#top-pgl483 a{color: #a9a9a9;}
#top-pgl483 a::after{content: '|';color: #a9a9a9;margin-right: 7px;margin-left: 7px;}
#top-pgl483 a:last-child::after{display: none;}
#top-pgl483 span{display: flex;align-items: center;}
.logo-pzbll3{height:55px;padding:16px 0px;}
.logo-pzbll3 img{height:55px;}
.nav-k1lsk3{display: flex;align-items: center;height: 48px;line-height: 48px;background: #18C2BC;overflow:hidden;}
.nav-k1lsk3 ul{display: flex;align-items: center;flex: 1;overflow: hidden;}
.nav-k1lsk3 ul li{width: 126px;text-align: center;}
.nav-k1lsk3 ul li a{font-size: 18px;color: #fff;}
.nav-k1lsk3 ul li.active,
.nav-k1lsk3 ul li:hover{background: #05b6b0;}
.search-gdbqb{width: 245px;height: 36px;background: #ffffff;border-radius: 6px;display: flex;margin-right: 10px;align-items: center;}
.search-gdbqb input{border: none;flex: 1;outline:none;padding:0px 5px;height:30px;}
.search-gdbqb button{border: none;margin: 0 14px;background:none;float:right;}
.search-gdbqb button .search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -54px;background-color: none;}

.side-s7c6pc{display:none;}
@media screen and (max-width: 1000px) {
    .logo-pzbll3{background:#FFF;padding:8px;border-bottom:1px solid #EEE;}
    #top-pgl483{display:none;}
    .nav-k1lsk3{display:none;}
    .search-gdbqb{dispaly:none;}

    .side-s7c6pc{display:block;float:right;padding-top:10px;}
    .side-s7c6pc .search-btn{display:inline-block;background:#EEE;height:28px;line-height:28px;border-radius:28px;padding:0px 10px 0px 70px;position:relative;float:left;}
    .side-s7c6pc .search-btn::before{display:inline-block;position:absolute;content:'游戏搜索';font-size:12px;left:8px;top:0px;line-height:28px}
    .side-s7c6pc .gamebox-btn{display:inline-block;margin-left:8px;font-size:12px;color: #24C8AF;background: #EEE;height:28px;line-height:28px;padding:0px 12px; border-radius: 20px;}
}

.img-block{display:none;}
@media screen and (max-width:1000px) {
    .img-block{display:block;width:100%;position:relative;}
    .img-block::before{content:'广告';font-size:8px;position:absolute;right:0px;bottom:0px;background:rgba(125, 0, 0, 0.5);color:#999;padding: 2px 5px;border-radius: 3px 0px 0px 0px;}
    .img-block img{width:100%;display:block;}
}

.recommend-game{position:relative;background:#FFF;overflow:hidden;align-items:center;justify-content:initial;padding:15px;margin-bottom:20px;margin-top:5px;}
.game-switch-container ul{position:flex}
.game-switch-container ul li{float:left;text-align:center;width:101px;margin:0px 6px;padding-bottom:15px;}
    .game-switch-container ul li p{height:26px;line-height:26px;overflow:hidden;}
.game-switch-container ul li img{width:86px;height:86px;border-radius:15px;}
.game-switch-container .swiper-pagination-bullet{width:20px;height:3px;border-radius:0px}
.recommend-game dl{float:left;margin-left:15px;width:340px;padding-left:40px;position:relative;height:89px;}
.recommend-game dl:nth-child(1){margin-left:0px;}
.recommend-game dl dt{position:absolute;left:0px;top:0px;writing-mode: tb-rl;width: 40px;height: 89px;border-radius:0px 10px 0px 10px;line-height:40px;text-align:center;color:#FFF;}
.recommend-game dl:nth-child(1) dt{background:#F6A667;}
.recommend-game dl:nth-child(2) dt{background:#88ABDA;}
.recommend-game dl:nth-child(3) dt{background:#89C997;}
.recommend-game dl dd span{display:block;float:left;margin-left:15px;width:95px;line-height:28px;height:28px;overflow:hidden;}
@media screen and (max-width:1000px) {
    .recommend-game{height:auto;padding:12px 0px;margin-bottom:5px;}
    .game-switch-container ul li{width:18%;padding-bottom:8px;margin:0px;margin-left:1.666666%;}
    .game-switch-container ul li a{font-size:12px;}
    .game-switch-container ul li img{width:60px;height:60px}
    .swiper-switch .swiper-slide{display:block}

    .recommend-game dl{width:88%;padding-left:12%;display:flex;padding-top:10px;margin-top:10px;margin-left:0px;border-top:1px solid #EEE;clear: both;overflow:hidden;}
    .recommend-game dl dt{border-radius:0px 5px 5px 0px;top:10px;width:12%;text-align:center;}
    .recommend-game dl dd span{width:30%;margin-left:3%;}
    .recommend-game dl dd span a{font-size:12px;}
}

.banner-box-l{width:500px;float:left;}
.banner{width:500px;height:320px;position:relative;}
.banner .swiper-slide img{width:500px;height:320px;}
.banner-box-notice{margin-top:20px;background:#FFF;clear:both;}
.banner-box-notice h2{font-size:16px;padding:0px 12px;line-height:40px;}
.banner-box-notice ul li{clear:both;padding:12px 12px; border-top:1px solid #EEE;}
.banner-box-notice ul li p:nth-child(1){height:24px;}
.banner-box-notice ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
.banner-box-notice ul li img{height:500px;height:320px;}


.banner-box-c{width:452px;float:left;margin-left:12px;}
.banner-box-c ul{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;}
.banner-box-c ul:nth-child(1){border-top:0px;}
.banner-box-c li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.banner-box-c li.banner-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.banner-box-c li.banner-box-td p{clear:both;}
.banner-box-c li.banner-box-td p:nth-child(1){font-size:16px;}
.banner-box-c li.banner-box-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.banner-box-c li.banner-box-td p:nth-child(1) a{color:#fe8900;line-height:30px;overflow:hidden;}
.banner-box-c li.banner-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.banner-box-c li a{float:left;color:#666;}
.banner-box-c li time{float:right;color:#999;font-size:12px;}

.banner-box-r{width:198px;float:right;padding:12px;background:#FFF;}
.banner-box-game ul{overflow:hidden;padding-top:9px;clear:both;background:#FFF;border-top:1px solid #EEE;}
.banner-box-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.banner-box-game ul li img{width:81px;height:81px;border-radius:8px;}
.banner-box-game ul li p{font-size:12px;padding-top:8px;height:22px;line-height:22px;overflow:hidden;}
.banner-box-game ul li span{font-size:12px;}
.banner-box-r .gamebox{position:relative;padding-left:100px;height:104px;overflow:hidden;}
.banner-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.banner-box-r .gamebox p{padding-top:12px;text-align:center;}
.banner-box-r .gamebox p:nth-child(2){padding-top:2px;}
.banner-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .banner-box-l{width:100%;float:none;}
    .banner{width:100%;}
    .banner-box-notice{margin-top:0px;}
    .banner-box-c{width:auto;margin-left:0px;float:none;margin-top:10px;}
    .banner-box-c ul{margin-top:1px;}
    .banner-box-r{float:none;width:auto;}
    .banner-box-game ul li{width:22%;margin-left:2%;padding:10px 0px 10px 0px;}
}

.game-zone-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.game-zone-title h2{float:left;font-size:18px;}
.game-zone-title a{float:right;}
.game-zone{background:#FFF;padding:0px 15px 15px 15px;margin-bottom:20px;overflow:hidden;}
.game-zone ol{width:220px;float:left;}
.game-zone ol li{float:left;width:100px;margin-right:10px;height:35px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;margin-top:19px;position: relative;cursor: pointer;}
.game-zone ol li:nth-child(1),.game-zone ol li:nth-child(2){margin-top:0px;}
.game-zone ol li span{display:block;width:4px;height:35px;background:#ff5858;transition:all .3s;z-index:1;position:absolute;left: -1px;top: -1px;}
.game-zone ol li a{display:block;line-height:35px;width:100%;text-align:center;position:absolute;z-index:2;}
.game-zone ol li:hover span{width:100px;}
.game-zone ol li.game-zone-type-1 a{color:#ff9758;}
.game-zone ol li.game-zone-type-1 span{background:#ff9758;}
.game-zone ol li.game-zone-type-2 a{color:#63a2e9;}
.game-zone ol li.game-zone-type-2 span{background:#63a2e9;}
.game-zone ol li.game-zone-type-3 a{color:#a98fd7;}
.game-zone ol li.game-zone-type-3 span{background:#a98fd7;}
.game-zone ol li.game-zone-type-4 a{color:#ff70ce;}
.game-zone ol li.game-zone-type-4 span{background:#ff70ce;}
.game-zone ol li.game-zone-type-5 a{color:#5eccd6;}
.game-zone ol li.game-zone-type-5 span{background:#5eccd6;}
.game-zone ol li.game-zone-type-6 a{color:#ebc83d;}
.game-zone ol li.game-zone-type-6 span{background:#ebc83d;}
.game-zone ol li.game-zone-type-7 a{color:#b09696;}
.game-zone ol li.game-zone-type-7 span{background:#b09696;}
.game-zone ol li.game-zone-type-8 a{color:#5ed895;}
.game-zone ol li.game-zone-type-8 span{background:#5ed895;}
.game-zone ol li:hover a{color:#FFF;}
.game-zone ul{overflow:hidden;float:right;width:950px;}
.game-zone ul li{float:left;text-align:center;width:158px;padding-bottom:15px;}
.game-zone ul li p{height:24px;line-height:24px;overflow:hidden;}
.game-zone ul li span{line-height:24px;height:24px;overflow:hidden;}
.game-zone ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px){
    .game-zone{padding:0px;}
    .game-zone-title{padding:0px 10px}
    .game-zone ol{width:98%;padding:0px 1%;display:flex;flex-wrap:wrap;}
    .game-zone ol li{width:24%;margin:0px 0.5% 8px 0.5%;border-radius:20px;height:35px;background:#ff9758;border:0px;}
    .game-zone ol li span{display:none;}
    .game-zone ol li a,.game-zone ol li.game-zone-type-1 a,.game-zone ol li.game-zone-type-2 a,.game-zone ol li.game-zone-type-3 a,.game-zone ol li.game-zone-type-4 a,.game-zone ol li.game-zone-type-5 a,.game-zone ol li.game-zone-type-6 a,.game-zone ol li.game-zone-type-7 a,.game-zone ol li.game-zone-type-8 a,.game-zone ol li.game-zone-type-9 a{color:#FFF;font-size:12px;}
    .game-zone ul{padding:10px 1% 0px 1%;width:98%;overflow:auto;}
    .game-zone ul li{width:20%;float:left;}
    .game-zone ul li img{width:48px;height:48px;}
    .game-zone ul li p{font-size:12px;}
}

.game-rank{background:#FFF;width:385px;float:left;margin-left:15px;}
.game-rank:nth-child(1){margin-left:0px;}
.game-rank .rank-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-rank ul{overflow:hidden;padding:5px 15px}
.game-rank ul li{clear:bot;overflow:hidden;padding:10px 20px 10px 45px;line-height:26px;position:relative;border-bottom:1px solid #EEE;}
.game-rank ul li .game-rank-no{position:absolute;left:0px;top:12px;background:red;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;display:block;}
.game-rank ul li img{width:48px;height:48px;border-radius:8px;float:left;margin-right:15px;display:none;}
.game-rank ul li .game-rank-title{font-size:14px;line-height:26px;}
.game-rank ul li .game-rank-attr{font-size:12px;color:#999;padding-top:6px;display:none;}
.game-rank ul li .game-rank-detail{display:none;}
.game-rank ul li .game-rank-views{position:absolute;right:10px;top:10px;font-size:12px;color:#999;}
.game-rank ul li.active{padding-top:10px;pading-bottom:10px;}
.game-rank ul li.active img{display:block;}
.game-rank ul li.active .game-rank-no{top:24px;}
.game-rank ul li.active .game-rank-attr{display:block;}
.game-rank ul li.active .game-rank-detail{display:block;position:absolute;top:24px;right:0px;}
.game-rank ul li.active .game-rank-views{display:none;}
.game-rank-more{clear:both;text-align:center;padding:10px 0px 15px 0px;}
.game-rank-more a{background:#DDD;color:#333;width:138px;height:30px;line-height:30px;display:inline-block;border-radius:5px;}
@media screen and (max-width:1000px) {
    .game-rank{width:auto;float:none;margin-left:0px;}
}

.article-box{width:860px;float:left;clear:both;background:#FFF;border-radius:5px;}

.article-box .article-tit{position:relative;height:48px;line-height:46px;padding:0px 15px;font-size:16px;}
.article-box .article-tit:before {content:'';border-bottom:1px solid #EEE;position:absolute;left:0px;bottom:0px;width:100%;}
.article-box .article-tit:after {content: ''; position:absolute;display: block; width:30px; height: 4px; background: #dc191b; border-radius: 100px;margin-left:14px;}

.article-box .article-list{float:left;width:400px;margin-left:18px;}
.article-box .article-list ul.article-list-img{padding-top:15px;}
.article-box .article-list ul.article-list-img li{overflow:hidden;float:left;width:180px;overflow:hidden;border-bottom:1px solid #EEE;}
.article-box .article-list ul.article-list-img li img{width:180px;height:156px;border-radius:8px;}
.article-box .article-list ul.article-list-img li p.article-title{height:30px;line-height:30px;overflow:hidden;padding-top:6px}
.article-box .article-list ul.article-list-img li p.article-title a{color:#333;font-size:14px;}
.article-box .article-list ul.article-list-img li p.article-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}
.article-box .article-list ul.article-list-txt{clear:both;padding:8px 0px}
.article-box .article-list ul.article-list-txt li{height:30px;line-height:30px;overflow:hidden;}
.article-box .article-list ul.article-list-txt li a{display:inline-block;width:300px;color:#666;}
.article-box .article-list ul.article-list-txt li time{float:right;color:#999;font-size:12px;}

.article-game{background:#FFF;width:320px;float:right;}
.article-game-tit{font-size:16px;height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.article-game ul{overflow:hidden;padding-bottom:11px;}
.article-game ul li{overflow:hidden;clear:both;padding:12px 15px;}
.article-game ul li img{width:88px;height:88px;border-radius:8px;float:left;margin-right:15px;}
.article-game ul li p{font-size:14px;padding-top:8px;}
.article-game ul li span{margin-right:10px;font-size:12px;color:#999;}
.article-game ul li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}
@media screen and (max-width:1000px) {
    .article-box{width:100%;float:none;background:none;}
    .article-box .article-list{margin-left:0px;margin-top:10px;width:100%;float:none;background:#FFF;}
    .article-box .article-list ul.article-list-img{display:block;}
    .article-box .article-list ul.article-list-img li{width:47%;margin-left:2%;}
    .article-box .article-list ul.article-list-img li img{width:100%;height:125px;}
    .article-box .article-list ul.article-list-img li p.article-title a{font-size:13px;}
    .article-box .article-list ul.article-list-txt{padding:12px;}
    .article-game{float:none;width:100%;margin-top:10px;}
}

.question-box {clear:both;background:#FFF;border-radius:5px;margin-top:20px;}
.question-box .question-tab {position:relative;}
.question-box .question-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.question-box .question-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.question-box .question-tab span.active{color:#dc191b;font-weight:bold;}
.question-box .question-tab span.active:before {content: ''; display: block; width:100%; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.question-box .question-list{display:none;overflow:hidden;}
.question-box .question-list.active {display:block;}
.question-box .question-list ul{border-top:1px solid #EEE;clear:both;}
.question-box .question-list ul li{padding:16px;width:268px;overflow:hidden;float:left;}
.question-box .question-list ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.question-box .question-list ul li p.question-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:5px;}
.question-box .question-list ul li p.question-title a{color:#333;font-size:16px;}
.question-box .question-list ul li p time{float:left;font-size:14px;color:#999;}
.question-box .question-list ul li p span{float:left;font-size:14px;color:#999;}
.question-box .question-list ul li p span:nth-child(1){background:#ff3c00;color:#FFF;padding:3px 5px;font-size:12px;border-radius:3px;}
.question-box .question-list ul li p span:last-child{float:right;font-size:12px;}
.question-box .question-list ul li .question-answer{color:#666;font-size:12px;color:#999;height:40px;line-height:20px;overflow:hidden;}
.question-box .question-list ul li .question-info{margin-top:6px;}
@media screen and (max-width:1000px) {
    .question-box{margin-top:8px;}
    .question-box .question-list ul li{padding:12px;width:auto;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ul{padding:15px 0px;overflow:hidden;}
.game-vs-update ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.footer{background: #222;padding:30px 0px;color:#898989}
.footer a{color:#898989}
.friend-links {border-bottom:1px solid #363D41;overflow:hidden;}
.friend-links dt{font-weight:bold;color:#63696E;font-size:16px;line-height:38px;}
.friend-links dd{padding-bottom:10px;overflow:hidden;}
.friend-links dd a{font-size:12px;float:left;color:#63696E;width:120px;display:inline-block;}
.foot-nav{text-align:center;clear:both;padding-top:20px;}
.foot-nav a{margin:0px 10px;}
.copyright{padding-top:20px;text-align:center;clear:both;}
.footer p{padding:5px 0px}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}

}

.contact-btn{cursor:pointer;}
.layer-contact-header{padding:15px;background:#579ddb;text-align:center;color:#FFF;font-size:20px;}
.layer-contact-content ul{padding:0px 15px;}
.layer-contact-content ul li{border:1px solid #EEE;border-radius:10px;padding:8px 10px;margin-top:10px;position:relative}
.layer-contact-content ul li label{display:inline-block;width:60px;text-align:right;margin-right:10px;color:#999;}
.layer-contact-content ul li span{position:absolute;right:10px;top:10px;font-size:12px;color:#999}
.layer-contact-qrcode{text-align:center;padding-top:15px;}
.layer-contact-qrcode img{max-width:100%;}
.layer-contact-qrcode p{padding-top:8px;color:#999;}

.nav-lebxg{display:none;}
@media screen and (max-width:1000px) {
    .nav-lebxg{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#f5f5f5;border-top:1px solid #DDD;z-index:999999;}
    .nav-lebxg ul{display:flex;}
    .nav-lebxg li{width:25%;}
    .nav-lebxg li a,.nav-lebxg li span{display:block;padding:5px 0px;color:#929292;}
    .nav-lebxg li p:nth-child(1){padding-bottom:3px;font-size:13px;}
}