﻿@import url(public.css);.top-l0aje{width: 100%;height: 33px;background-color: #11171E;position: relative;z-index: 999;}
.wrap-o9mzm3{width: 1200px;height: 33px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.left-t9xwyr,.right-qsk5l1{height: 100%;display: flex;align-items: center;}
.right-qsk5l1 a{color:#DDD;margin:0px 8px;}
.icon-t4uak8{height: 100%;padding-right: 20px;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(223,223,223,0.1);}
.icon-t4uak8 a{width: 100%;display: flex;align-items: center;justify-content: center;}
.icon-t4uak8 img{width: 20px;margin-right: 6px;}
.icon-t4uak8 span{font-size: 13px;font-family: PingFang SC;font-weight: 400;color: #737E91;}
.mobile-drkxz1{height: 100%;padding: 0 20px;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(223,223,223,0.1);position: relative;cursor: pointer;}
.mobile-drkxz1:hover span,.icon-t4uak8:hover span{color: #ED6D47;}
.mobile-tsjhm4{width: 100%;display: flex;align-items: center;justify-content: center;}
.mobile-tsjhm4 span{font-size: 13px;font-family: PingFang SC;font-weight: 400;color: #737E91;}
.qrcode-m5n6g{position: absolute;top: 33px;left: 0;display: none;width: 150px;height: 150px;padding-bottom: 5px;flex-direction: column;align-items: center;justify-content: center;background-color: #FFFFFF;z-index: 1000;border-radius: 5px;}
.mobile-drkxz1:hover .qrcode-m5n6g{display: flex;}
.qrcode-m5n6g img{width: 90%;height: 85%;display: block;margin: 0 auto;}
.qrcode-m5n6g span{font-size: 12px;color: #2B2B2B;font-weight: 500;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.header-kayj91{width: 100%;height: 81px;position: relative;z-index: 99;background-color:#00CC99;display: flex;align-items: center;}
.wrap-shmg6{width: 1200px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.logo-zvzs1{display: flex;align-items: center;justify-content: center;height:66px;margin-right:30px;}
.logo-zvzs1 a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.logo-zvzs1 a img{width: 100%;height: 100%;}
.nav-ixzfx1{width: 765px;height: 100%;display: flex;align-items: center;}
.nav-ixzfx1 a{padding: 0 15px;height: 100%;display: flex;align-items: center;}
.nav-ixzfx1 a:nth-child(7) {  position: relative;padding: 0 30px;}
.nav-ixzfx1 a:hover span{color: #ED6D47;}
.nav-ixzfx1 a span{font-size: 17px;font-family: PingFang SC;font-weight: 500;color: #ede2e2;}
.iconfont-01zhe-pc{width:30px;height:25px;position:absolute;right:0px;top:5px;}
.search-ufpmc4 {width: 220px;display: flex;align-items: center;justify-content: center;}
.layui-form{width: 220px;display: flex;align-items: center;justify-content: center;}
.search-ufpmc4 .input{width: 100%;height: 30px;border: 1px solid #ED6D47;border-radius: 16px 0px 0px 16px;border-right-style: hidden;padding: 0 0 0 5%;font-size: 12px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;background-color: #00CC99;color: #999;}
.search-ufpmc4 .input:focus{outline:none;}
.search_button{width: 75px;height: 32px;background-color: #00CC99;border-radius: 0px 16px 16px 0px;display: flex;align-items: center;justify-content: center;border: 1px solid #ED6D47;border-left-style: hidden;}
.search_button img{width: 17px;height: 17px;}
.side-jqn7d3{display:none;}
@media screen and (max-width: 1000px) {
    .wrap-shmg6{width:100%;display:block;}
    .logo-zvzs1{float:left;height:40px;margin-right:0px;}
    .top-l0aje{display:none;}
    .header-kayj91{padding:10px;height:40px;width:auto}
    .logo-zvzs1 a img{height:40px;width:auto;}
    .search-ufpmc4{display:none;}
    .nav-ixzfx1{display:none;}
    
    .side-jqn7d3{display:block;float:right;padding-top:5px;}
    .side-jqn7d3 .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-jqn7d3 .search-btn::before{display:inline-block;position:absolute;content:'游戏搜索';font-size:12px;left:8px;top:0px;line-height:28px}
    .side-jqn7d3 .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;}
}

    .hot-game-box{position:relative;padding:15px 0px 15px 54px;overflow:hidden;background:#FFF;margin-bottom:20px;}
    .hot-game-box span{background:#ff6633;color:#FFF;writing-mode:tb-rl;position:absolute;display:flex;left:0px;top:0px;width:54px;height:100%;align-items: center;justify-content:center;border-radius:0 0.15rem 0.15rem 0;font-size:16px;}
    .hot-game-box ul li{float:left;width:103px;padding:0px 5px;text-align:center;}
    .hot-game-box ul li p{height:24px;line-height:24px;overflow:hidden;}
    .hot-game-box ul li p a{font-size:12px;}
    .hot-game-box ul li img{width:80px;height:80px;border-radius:15px;}
    @media screen and (max-width:1000px) {
        .hot-game-box{padding:8px 0px;margin-bottom:5px;}
        .hot-game-box span{display:none;}
        .hot-game-box ul li{width:18%;padding:5px 1%;}
        .hot-game-box ul li img{width:60px;height:60px;}
    }

.toutiao-l{width:400px;float:left;}
.banner{width:400px;height:300px;position:relative;}
.toutiao-game ul{overflow:hidden;padding-bottom:5px;padding-top:6px;clear:both;background:#FFF;}
.toutiao-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.toutiao-game ul li img{width:81px;height:81px;border-radius:8px;}
.toutiao-game ul li p{font-size:12px;padding-top:8px;height:20px;line-height:20px;overflow:hidden;}
.toutiao-game ul li p:last-child{height:auto;}
.toutiao-game ul li span{font-size:12px;color:#999;}
.toutiao-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;}

.toutiao{width:452px;float:left;margin-left:12px;}
.toutiao ul{background:#FFF;padding:16px 15px 10px 15px;}
.toutiao li{clear:both;height:30px;line-height:30px;overflow:hidden;}
.toutiao li.toutiao-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.toutiao li.toutiao-td p{clear:both;}
.toutiao li.toutiao-td p:nth-child(1){font-size:16px;}
.toutiao li.toutiao-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.toutiao li.toutiao-td p:nth-child(1) a{color:#fe8900;height:30px;overflow:hidden;}
.toutiao li.toutiao-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.toutiao li a{float:left;max-width:330px;}
.toutiao li time{float:right;color:#999;}
.toutiao-r{width:288px;float:right;padding:15px;background:#FFF;}
.toutiao-r .game-qrcode{position:relative;padding-left:130px;height:118px;overflow:hidden;}
.toutiao-r .qrcode-data{position:absolute;left:0px;top:0px;}
.toutiao-r .game-qrcode p{padding-top:12px;text-align:center;}
.toutiao-r .game-qrcode p:nth-child(2){padding-top:6px;}
.toutiao-r .game-qrcode p .btn{width:100%;padding:0px;line-height:33px;}
.toutiao-r ul{padding-top:20px;}
.toutiao-r ul li{clear:both;padding:12px 0px; border-top:1px solid #EEE;}
.toutiao-r ul li p:nth-child(1){height:24px;overflow:hidden}
.toutiao-r ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
@media screen and (max-width:1000px) {
    .toutiao-l{width:100%;}
    .banner{width:100%;}
    .toutiao-game ul li{padding:10px 0px 0px 1.6%;width:23%;text-align:center;}
    .toutiao-game ul li img{margin:0px auto;}
    .toutiao{margin-top:10px;margin-left:0px;width:auto}
    .toutiao-r{clear:both;width:auto;margin-top:10px;}
}

.game-type ul{padding-top:8px}
.game-type ul li a{color:#FFF;display:block;padding:7px 12px;font-size:16px}
.game-type ul li{background:#EEE;display:inline-block;margin:8px 4px 0px 4px;border-radius:3px}
.game-type ul li:nth-child(9n){background-color:#4a4a4a}
.game-type ul li:nth-child(9n+1){background-color:#15a287}
.game-type ul li:nth-child(9n+2){background-color:#5cb85c}
.game-type ul li:nth-child(9n+3){background-color:#d9534f}
.game-type ul li:nth-child(9n+4){background-color:#567e95}
.game-type ul li:nth-child(9n+5){background-color:#b433ff}
.game-type ul li:nth-child(9n+6){background-color:#00a67c}
.game-type ul li:nth-child(9n+7){background-color:#b37333}
.game-type ul li:nth-child(9n+8){background-color:#f60}

.game-list-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-list-title h2{float:left;font-size:18px;}
.game-list-title a{float:right;}
.game-list{clear:both;background:#FFF;margin-bottom:20px;}
.game-list ul{position:flex;overflow:hidden;padding:15px 0px}
.game-list ul li{float:left;text-align:center;width:118px;padding-bottom:15px;}
.game-list ul li img{width:86px;height:86px;border-radius:15px;}
.game-list ul li p{line-height:24px;height:24px;overflow:hidden;}
@media screen and (max-width:1000px) {
    .game-type ul{padding:8px;background:#FFF;overflow:hidden;}
    .game-list{height:auto;padding:0px 5px;margin-bottom:5px;}
    .game-list ul{padding:15px 0px 0px 0px}
    .game-list ul li{width:25%;padding-bottom:8px;}
    .game-list ul li p{height:24px;line-height:24px;overflow:hidden;}
    .game-list ul li a{font-size:12px;}
    .game-list ul li img{width:60px;height:60px}
}

.ranking{margin-top: 15px;}
.ranking .ranking-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}

.ranking .list{background: #fff;width: 362px;padding: 0 15px;border-radius: 7px;float: left;}
.ranking .list .title_ph{height: 70px;line-height: 70px;text-align: center;}
.ranking .list .title_ph .bt{font-size: 20px;font-weight: bold;}
.ranking .list .title_ph .bt i{height: 30px;width: 31px;background-position-y: -71px;display: inline-block;vertical-align: middle;margin: -10px 10px 0 0;}
.ranking .list .title_ph .bt .ico3{background-position-x: 0px;}
.ranking .list .title_ph .bt .ico2{background-position-x: -41px;}
.ranking .list .title_ph .bt .ico1{background-position-x: -83px;}
.ranking .list ul{margin-top: 10px;padding-bottom: 10px;}
.ranking .list ul li{padding: 7px 0;}
.ranking .list ul li .num{width: 24px;height: 24px;border-radius: 2px;text-align: center;line-height: 24px;float: left;background: #47d897;color: #fff;}
.ranking .list ul li .box_a{height: 24px;line-height: 24px;}
.ranking .list ul li .box_a .num{margin: 0px 6px 0 0;}
.ranking .list ul li .box_a a{display: block;float: left;white-space: nowrap;text-overflow: ellipsis;width: auto;overflow: hidden;font-size: 15px;}
.ranking .list ul li .box_a span{text-align: right;float: right;width: 70px;color: #969696;font-size: 13px;overflow: hidden;height: 100%;}
.ranking .list ul li .box_b{display: none;background: url(../img/ranking-bg1.png) no-repeat center;width: 362px;height: 72px;padding: 13px 0 11px 0;margin: 3px 0;}
.ranking .list ul li .box_b .numb{float: left;width: 44px;text-align: center;line-height: 72px;color: #fff;font-size: 26px;}
.ranking .list ul li .box_b .img,
.ranking .list ul li .box_b .img img{width: 72px;height: 72px;border-radius: 10px;display: block;float: left;position: relative;overflow: hidden;}
.ranking .list ul li .box_b .infor{float: left;width: 210px;padding-left: 11px;color: #fff;}
.ranking .list ul li .box_b .infor .name{display: block;height: 25px;line-height: 25px;color: #fff;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;font-size: 15px;}
.ranking .list ul li .box_b .infor p{height: 21px;line-height: 21px;overflow: hidden;width: 100%;font-size: 12px;}
.ranking .list ul li+li .num{background: #58aafe;}
.ranking .list ul li+li+li .num{background: #f3a658;}
.ranking .list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
.ranking .list ul .on .box_a{display: none;}
.ranking .list ul .on .box_b{display: block;}
.ranking .list+.list{margin-left: 12px;}
.ranking .list+.list ul li .num{background: #ffa23b;}
.ranking .list+.list ul li .box_b{background-image: url(../img/ranking-bg2.png);}
.ranking .list+.list ul li+li .num{background: #58aafe;}
.ranking .list+.list ul li+li+li .num{background: #f3a658;}
.ranking .list+.list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
.ranking .list+.list+.list{margin-left: 12px;}
.ranking .list+.list+.list ul li .num{background: #a57cfe;}
.ranking .list+.list+.list ul li .box_b{background-image: url(../img/ranking-bg3.png);}
.ranking .list+.list+.list ul li+li .num{background: #58aafe;}
.ranking .list+.list+.list ul li+li+li .num{background: #f3a658;}
.ranking .list+.list+.list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
@media screen and (max-width:1000px) {
    .ranking{margin-top:10px;}
    .ranking .list,.ranking .list + .list,.ranking .list+.list+.list{margin-left:0px;margin-top:10px;width:auto;float:none;}

}

.index-zixun-box{background:#FFF;overflow:hidden;}
.index-zixun-box .index-zixun-title{padding:0px 15px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.index-zixun-box .index-zixun-title h2{float:left;font-size:18px;}
.index-zixun-box .index-zixun-title a{float:right;}

.index-zixun-box ul{border-top:1px solid #EEE;clear:both;}
.index-zixun-box ul li{padding:18px 0px 16px 18px;width:365px;overflow:hidden;float:left;}
.index-zixun-box ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.index-zixun-box ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.index-zixun-box ul li p.news-title a{color:#333;font-size:16px;}
.index-zixun-box ul li p time{float:left;font-size:14px;color:#999;}
.index-zixun-box ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .index-zixun-box ul{padding-top:12px}
    .index-zixun-box ul li{width:auto;float:none;padding:0px 12px 12px 12px;}
    .index-zixun-box ul li p span,.index-zixun-box ul li p time{font-size:12px;}
}

.index-ask-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.index-ask-title h2{float:left;font-size:18px;}
.index-ask-title a{float:right;}
.index-ask{clear:both;background:#FFF;overflow:hidden;padding-bottom:18px;margin-top:20px;}
.index-ask ul{clear:both;}
.index-ask ul li{position: relative;margin-top:20px;padding:15px;width:330px;float: left;border:1px solid #EEE;}
.index-ask ul li img{width:18px;height:18px;border-radius:18px;}
.index-ask ul li span,.index-ask ul li time{color:#999;margin-left:8px;}
.index-ask-question{overflow:hidden;padding-bottom:8px;}
.index-ask-question a{float:left}
.index-ask-question span{float:right;color:#999;font-size:12px;}
@media screen and (max-width:1000px) {
    .index-ask{padding-bottom:2px;margin-top:10px;}
    .index-ask ul{padding:0px 12px 12px 12px;display:block;}
    .index-ask ul li{margin-top:12px;width:auto;float:none;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{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-n6lzqt{display:none;}
@media screen and (max-width:1000px) {
    .nav-n6lzqt{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#f5f5f5;border-top:1px solid #DDD;z-index:999999;}
    .nav-n6lzqt ul{display:flex;}
    .nav-n6lzqt li{width:25%;}
    .nav-n6lzqt li a,.nav-n6lzqt li span{display:block;padding:5px 0px;color:#929292;}
    .nav-n6lzqt li p:nth-child(1){padding-bottom:3px;font-size:13px;}
}