@import url(public.css?v=1.26);.head-djosp3{padding:15px;height:50px;overflow:hidden;background:#FFF;}
  .logo-wt6iz4{float:left;}
  .logo-wt6iz4 img{height:50px;}
  .nav-rimww2 {float:left;margin-left:55px;line-height:50px;height:50px;overflow:hidden;}
  .nav-rimww2 a{margin-left:30px;font-size:16px;}
  .search-u4qjw{float:right;background:#EEE;height:35px;line-height:35px;border-radius:35px;margin-top:7px}
  .search-u4qjw input{height:35px;background:none;display:block;float:left;border:0px;padding-left:8px;outline:none;vertical-align:middle}
  .search-u4qjw button{background:none;display:block;float:left;padding:5px 10px 0px 10px;vertical-align:middle;cursor:pointer;}
  .search-u4qjw .search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -54px;background-color: none;}
  .category-uevzk1{clear:both;padding:8px 0px;overflow:hidden;background:#01aef4;}
  .category-uevzk1 a{margin:5px 0px;display:block;float:left;width:80px;line-height:30px;height:30px;overflow:hidden;text-align:center;color:#FFF}
  .side-clps91{display:none;}
  @media screen and (max-width: 1000px) {
    .head-djosp3{padding:8px;height:44px;border-bottom:1px solid #DDD;}
    .logo-wt6iz4{align-items: center;}
    .logo-wt6iz4 img{height:44px;}
    .nav-rimww2,.search-u4qjw,.category-uevzk1{display:none;}

    .side-clps91{display:block;float:right;padding-top:5px;}
    .side-clps91 .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-clps91 .search-btn::before{display:inline-block;position:absolute;content:'游戏搜索';font-size:12px;left:8px;top:0px;line-height:28px}
    .side-clps91 .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;}
}

.game-playing-box{position:relative;background:#FFF;align-items:center;justify-content:initial;height:130px;padding:15px 15px 15px 50px;margin-bottom:20px;}
.icon-left-title-bar{writing-mode: tb-rl;position:absolute;display:flex;left:-10px;top:5px;width:47px;height:137px;align-items: center;justify-content: center;color:#FFF;background-position:-367px -285px;}
.game-switch-container ul{position:flex}
.game-switch-container ul li{float:left;text-align:center;width:103px;padding:0px 5px 15px 5px;}
.game-switch-container ul li img{width:86px;height:86px;border-radius:15px;}
.game-switch-container ul li p{height:30px;line-height:30px;overflow:hidden;}
.game-switch-container ul li a{font-size:12px;}
.game-switch-container .swiper-pagination-bullet{width:20px;height:3px;border-radius:0px}
@media screen and (max-width:1000px) {
    .game-playing-box{height:auto;padding:0px;margin-bottom:5px;}
    .icon-left-title-bar{display:none;}
    .swiper-switch .swiper-slide{display:block}
    .game-switch-container ul{padding-top:10px;}
    .game-switch-container ul li{width:18%;margin-left:1.666666%;padding:0px 0px 15px 0px;}
    .game-switch-container ul li a{font-size:12px;}
    .game-switch-container ul li img{width:52px;height:52px;}
}

.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;padding:0px 15px;}
.game-zone-title h2{float:left;font-size:18px;}
.game-zone-title a{float:right;}
.game-zone{background:#FFF;margin-bottom:20px;overflow:hidden;}
.game-zone ol{}
.game-zone ol li{float:left;margin-left:13px;width:105px;height:35px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;margin-bottom:15px;position: relative;cursor: pointer;}
.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;clear:both;}
.game-zone ul li{float:left;text-align:center;width:120px;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;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;padding:3px 8px}
.game-zone ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px){
    .game-zone ul li{width:22%;margin-left:2%;}
    .game-zone ul li p{font-size:12px;}
    .game-zone ul li img{width:66px;height:66px;}
}

.phb-box .item {width: 292px;border-radius: 3px;float: left;margin: 35px 10px 0 0;background:#FFF;}
.phb-box .item:last-of-type {margin-right: 0;}
.phb-box .item .top_bg {width: 150px;height: 56px;margin: -26px auto 0;text-align: center;font-size: 18px;background: url(../img/phb-bg.png) no-repeat;color: #16debd;line-height: 42px;}
.phb-box .item ul {width: 260px;margin: 0 auto;overflow: hidden;padding-bottom:10px;}
.phb-box .item ul li {width: 100%;overflow: hidden;}
.phb-box .item ul li .lis_a {width: 100%;height: 40px;line-height: 40px;}
.phb-box .item ul li .lis_a .bt {width: 200px;font-size: 14px;color: #222;height: 40px;line-height: 40px;display: block;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 10px;}
.phb-box .item ul li .lis_b {width: 100%;display: none;}
.phb-box .item ul li .lis_b .img {display: block;float: left;margin: 10px;}
.phb-box .item ul li .lis_b .img img {width: 90px;height: 90px;border-radius: 18px;}
.phb-box .item ul li .lis_b .bt {display: block;margin: 5px 0 0 10px;width: 140px;height: 24px;line-height: 24px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #222;}
.phb-box .item ul li .lis_b .bt:hover {color: #f60;}
.phb-box .item ul li .lis_b .info {width: 140px;margin-left: 10px;float: left;margin-top: 5px;}
.phb-box .item ul li .lis_b .info p {width: 100%;height: 18px;line-height: 18px;font-size: 12px;color: #737373;}
.phb-box .item ul li span {display: block;float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 12px;border-radius: 3px;margin: 12px 10px 0;background: #f0f0f0;color: #a2a2a2;}
.phb-box .item ul li.on .lis_a {display: none;}
.phb-box .item ul li.on .lis_b {display: block;}
.phb-box .item_a ul li:nth-of-type(1) span {background: #6ee7cf;color: #fff;}
.phb-box .item_a ul li:nth-of-type(2) span {background: #8becd9;color: #fff;}
.phb-box .item_a ul li:nth-of-type(3) span {background: #a8f1e2;color: #fff;}
.phb-box .item_b .top_bg {background-position: 0 -56px;color: #19abff;}
.phb-box .item_b ul li:nth-of-type(1) span {background: #19abff;color: #fff;}
.phb-box .item_b ul li:nth-of-type(2) span {background: #47bcff;color: #fff;}
.phb-box .item_b ul li:nth-of-type(3) span {background: #75cdff;color: #fff;}
.phb-box .item_c .top_bg {background-position: 0 -112px;color: #feaa48;}
.phb-box .item_c ul li:nth-of-type(1) span {background: #feaa48;color: #fff;}
.phb-box .item_c ul li:nth-of-type(2) span {background: #febb6d;color: #fff;}
.phb-box .item_c ul li:nth-of-type(3) span {background: #fecc91;color: #fff;}
.phb-box .item_d .top_bg {background-position: 0 -168px;color: #f25657;}
.phb-box .item_d ul li:nth-of-type(1) span {background: #f25657;color: #fff;}
.phb-box .item_d ul li:nth-of-type(2) span {background: #f57879;color: #fff;}
.phb-box .item_d ul li:nth-of-type(3) span {background: #f79a9a;color: #fff;}
@media screen and (max-width:1000px) {
    .phb-box .item{width:auto;float:none;margin-right:0px;}
    .phb-box .item ul{padding:0px 15px;width:auto;}
}

.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;}
}

.ask-box{clear:both;overflow:hidden;background:#FFF;margin-top:20px;}
.ask-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-box-title h2{float:left;font-size:18px;}
.ask-box-title a{float:right;}
.ask-box ul{padding:10px 0px 10px 8px;float:left;width:355px;}
.ask-box ul li{position:relative;padding:8px 0px 8px 23px;border-left:1px solid #EEE;height:62px;}
.ask-box ul li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.ask-box ul li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.ask-box ul li img{width:48px;height:48px;border-radius:48px;float:left;margin-right:10px;}
.ask-box ul p span,.ask-box ul p time{font-size:12px;color:#999;margin-right:15px;}
.ask-box ul p:last-child{margin-top:6px;}
@media screen and (max-width:1000px) {
    .ask-box{margin-top:10px;}
    .ask-box ul{float:none;width:96%;padding:10px 2%}
    .ask-box ul li{padding:8px 8px 8px 23px;}
}

.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-n6bice2{display:none;}
@media screen and (max-width:1000px) {
    .nav-n6bice2{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#f5f5f5;border-top:1px solid #DDD;z-index:999999;}
    .nav-n6bice2 ul{display:flex;}
    .nav-n6bice2 li{width:25%;}
    .nav-n6bice2 li a,.nav-n6bice2 li span{display:block;padding:5px 0px;color:#929292;}
    .nav-n6bice2 li p:nth-child(1){padding-bottom:3px;font-size:13px;}
}