@import url(public.css?v=1.26);.header-thlfo2 { height: 80px; background:#202020;overflow:hidden;}
.header-thlfo2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.header-thlfo2 .logo { max-width: 270px;padding-top:10px; overflow: hidden; float:left;}
.header-thlfo2 .logo img {max-width: 100%;max-height:60px; display: block; }
.header-thlfo2 .nav-xtl3m2{float:right;}
.header-thlfo2 .nav-xtl3m2 li { float: left; }
.header-thlfo2 .nav-xtl3m2 li a { display: block; padding: 0 18px; height: 80px;line-height:80px; text-align: center; min-width: 70px; border-left: 1px solid transparent; border-right: 1px solid transparent; position: relative; color:#BEBEBF}
.header-thlfo2 .nav-xtl3m2 li a::before { width: 100%; height: 4px; content: ''; display: none; left: 0; bottom: 0; position: absolute; background: #ff9800; }
.header-thlfo2 .nav-xtl3m2 li a p { font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; padding-top: 15px; }
.header-thlfo2 .nav-xtl3m2 li a:hover { color: #ff9800; background: #2d241e; }
.header-thlfo2 .nav-xtl3m2 li a:hover::before { display: block; }
.header-thlfo2 .nav-xtl3m2 .on a { color: #ff9800; font-weight: bold; background: #2d241e; }
.header-thlfo2 .nav-xtl3m2 .on a::before { display: block; }

.side-s0mzzi{display:none;}
@media screen and (max-width: 1000px) {
    .header-thlfo2{height:42px;padding:5px 10px;}
    .header-thlfo2 .logo{padding-top:0px;width:160px;}
    .header-thlfo2 .logo img{height:40px;}
    .header-thlfo2 .nav-xtl3m2{display:none;}

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

.banner{width:480px;height:280px;position:relative;}
.banner img{width:480px;height:280px}
.tt-box-l{width:480px;float:left;}
.tt-box-l h2{font-size:18px;height:45px;line-height:35px}
.tt-box-l ol{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;margin-top:10px;}
.tt-box-l ol:nth-child(1){border-top:0px;}
.tt-box-l ol li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.tt-box-l ol li.tt-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.tt-box-l ol li.tt-box-td p{clear:both;}
.tt-box-l ol li.tt-box-td p:nth-child(1){font-size:16px;}
.tt-box-l ol li.tt-box-td span{content:'推荐';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:12px;border-radius:15px;}
.tt-box-l ol li.tt-box-td p:nth-child(1) a{color:#fe8900}
.tt-box-l ol li.tt-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.tt-box-l ol li a{float:left;color:#666;}
.tt-box-l ol li time{float:right;color:#999;font-size:12px;}

.tt-menu{background:#FFF;height:45px;border-radius:45px;line-height:45px;font-size:18px;margin-bottom:10px;width:452px;}
.tt-menu span{font-weight:bold;cursor:pointer;}
.tt-menu span.active{color:#ff6600;position:relative;}
.tt-menu span.active::after{content:'';height:3px;width:100%;background:#ff6600;display:block;position:absolute;bottom:0px;left:0px;}

.tt-boxs{width:700px;float:right;}
.tt-boxs-data{background:#FFF;overflow:hidden;}
.tt-box-c{width:452px;float:left;}
.tt-box-c ul{background:#FFF;overflow:hidden;clear:both;padding:6px 0px;display:none}
.tt-box-c ul.active{display:block}
.tt-box-c ul li{padding:13px 0px 13px 18px;width:400px;overflow:hidden;float:left;}
.tt-box-c ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.tt-box-c ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.tt-box-c ul li p.news-title a{color:#333;font-size:16px;}
.tt-box-c ul li p time{float:left;font-size:14px;color:#999;}
.tt-box-c ul li p span{float:right;font-size:14px;color:#999;}


.tt-box-r{float:right;width:248px;}
.tt-box-r ul{padding:8px;background:#FFF;}
.tt-box-r li{position:relative;padding:10px 0px 10px 23px;border-left:1px solid #EEE;height:62px;}
.tt-box-r li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.tt-box-r li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.tt-box-r li img{width:66px;height:66px;float:left;margin-right:10px;}
.tt-box-r li p span,.tt-box-r li p time{font-size:12px;color:#999;margin-right:15px;}
.tt-box-r li .game-title{font-size:15px;max-height:44px;line-height:22px;overflow:hidden;}
.tt-box-r li .game-install{font-size:12px;color:#999;padding-top:6px;}

.tt-box-r .gamebox{position:relative;padding:0px 15px 0px 100px;height:104px;overflow:hidden;margin-top:15px;margin-left:8px}
.tt-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.tt-box-r .gamebox p{padding-top:12px;text-align:center;}
.tt-box-r .gamebox p:nth-child(2){padding-top:2px;}
.tt-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .tt-box-l h2{display:none}
    .tt-box-l{width:100%;float:none;}
    .tt-box-l ol{margin-top:0px;}
    .banner{width:100%;}
    .tt-boxs{float:none;width:100%;}
    .tt-menu{width:100%;margin-top:10px;}
    .tt-boxs-data{background:none;}
    .tt-box-c{width:auto;float:none;}
    .tt-box-c ul li{width:auto;float:none;padding:12px;}
    .tt-box-r{float:none;width:100%;margin-top:10px;}
    .tt-box-r .gamebox{padding:15px 15px 15px 115px;height:88px;background:#FFF;overflow:hidden;}
    .tt-box-r .qrcode-data{left:15px;top:15px;}

}

.games-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.games-title h2{float:left;font-size:18px;}
.games-title a{float:right;}

.games-type-lists{clear:both;padding:20px 12px 12px 12px;background:#FFF}
.games-type-lists span{height:33px;line-height:33px;overflow:hidden;text-align:center;display:inline-block;border:1px solid #CCC;min-width:85px;padding:0 6px;margin-right:5px;border-radius:5px}

.games-list{clear:both;background:#FFF;margin-bottom:20px;}
.games-list ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.games-list ul li{float:left;width:572px;margin-left:20px;padding:15px 0px;border-top:1px solid #EEE;padding-bottom:15px;}
.games-list ul li:nth-child(1),.games-list ul li:nth-child(2){border-top:0px}
.games-list ul li img{width:128px;height:128px;border-radius:15px;float:left;margin-right:15px;}
.games-list ul li .gmaes-title a{font-size:18px;font-weight:bold;}
.games-list ul li .games-attr{padding-top:8px;}
.games-list ul li .games-attr span{color:#999;font-size:14px;margin-left:12px;}
.games-list ul li .games-attr span:nth-child(1){margin-left:0px;}
.games-list ul li .games-desc{font-size:14px;color:#666;padding-top:8px;height:40px;line-height:20px;overflow:hidden;}
.games-list ul li .games-download-btn{padding-top:6px;}
@media screen and (max-width:1000px){
    .games-type-lists{padding:8px;}
    .games-list ul li{float:none;width:auto;margin-left:0px;padding:12px;}
    .games-list ul li img{height:60px;width:60px;}
    .games-list ul li .games-attr span{display:inline-block;font-size:12px;}
}

.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{clear:both;background:#FFF;border-radius:5px;}
.article-box-title{padding:0px 15px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.article-box-title h2{float:left;font-size:18px;}
.article-box-title a{float:right;}
.article-box ul.article-imgs{padding:15px;clear:both;}
.article-box ul.article-imgs li{overflow:hidden;float:left;width:180px;border-bottom:1px solid #EEE;}
.article-box ul.article-imgs li img{width:180px;height:156px;border-radius:8px;}
.article-box ul.article-imgs li p.article-title{height:30px;line-height:30px;overflow:hidden;padding-top:6px}
.article-box ul.article-imgs li p.article-title a{color:#333;font-size:14px;}
.article-box ul.article-imgs li p.article-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}
.article-box ul.article-txts{clear:both;padding:12px 0px;}
.article-box ul.article-txts li{height:30px;line-height:30px;overflow:hidden;float:left;width:260px;padding:0px 20px;}
.article-box ul.article-txts li a{color:#666;}
.article-box ul.article-txts li time{float:right;color:#999;font-size:12px;}
@media screen and (max-width:1000px) {
    .article-box ul.article-txts{padding-top:8px;}
    .article-box ul.article-txts li{width:auto;float:none;padding:0px 15px;}
    .article-box ul.article-imgs{padding:0px;display:block;}
    .article-box ul.article-imgs li{width:47%;margin-left:2%;padding-left:0px;}
    .article-box ul.article-imgs li img{width:100%;height:125px;}
}

.question-box {clear:both;background:#FFF;}
.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;padding-bottom:15px;overflow:hidden;}
.question-box .question-list ul li{padding:16px;width:190px;margin-left:15px;margin-top:15px;overflow:hidden;float:left;background:#EEE;border-radius:5px;}
.question-box .question-list ul li p.question-title{line-height:22px;height:44px;overflow:hidden;margin-bottom:5px;position:relative;padding-left:32px;}
.question-box .question-list ul li p.question-title::before{content:'问';background:#ff3c00;color:#FFF;width:22px;height:22px;line-height:22px;text-align:center;overflow:hidden;display:inline-block;border-radius:5px;vertical-align:middle;margin-right:8px;font-size:12px;position:absolute;left:0px;top:0px;}
.question-box .question-list ul li p.question-title a{color:#333;font-size:14px;}
.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:80px;line-height:20px;overflow:hidden;}
.question-box .question-list ul li .question-answer::before{content:'答';background:#999;color:#FFF;width:22px;height:22px;line-height:22px;text-align:center;display:inline-block;border-radius:5px;margin-right:12px}
.question-box .question-list ul li .question-info{margin-top:10px;}
@media screen and (max-width:1000px) {
    .question-box{margin-top:8px;}
    .question-box .question-list ul li .question-answer{height:auto;max-height:80px;}
    .question-box .question-list ul li{margin: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-w19bs{display:none;}
@media screen and (max-width:1000px) {
    .nav-w19bs{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#f5f5f5;border-top:1px solid #DDD;z-index:999999;}
    .nav-w19bs ul{display:flex;}
    .nav-w19bs li{width:25%;}
    .nav-w19bs li a,.nav-w19bs li span{display:block;padding:5px 0px;color:#929292;}
    .nav-w19bs li p:nth-child(1){padding-bottom:3px;font-size:13px;}
}