@import url(public.css);.main-nav-wrap{height:46px;padding:15px 0px;background:#2C63BF}
.main-nav-logo{margin-top:3px;float:left}
.main-nav-logo img{height:40px;}
.main-nav{padding-left:140px;float:left;}
.main-nav li{line-height:46px;float:left;font-size:15px}
.main-nav li a{padding-left:20px;padding-right:20px;display:block;color:#f0f0f0}
.main-nav li a:hover{color:#fff}
.main-nav li a.new:after{content:"";position:absolute;right:9px;top:11px;display:block;width:7px;height:7px;border-radius:50%;background:#e8403d}
.main-nav li.active a{background:#2e363b}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .main-nav-logo img{height:40px;}
    .main-nav{display:none;padding-left:0px;position:fixed;top:45px;left:140px;width:100%;height:100%;background:#000;}
    .main-nav li{float:none;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:17px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .header_box li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .header_box a {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.game-recommend-tab{margin-bottom:20px;background:#FFF;}
.game-recommend-tab-title{position:relative;}
.game-recommend-tab-title:before{content:"";border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.game-recommend-tab-title span{margin-left:20px;position:relative;display:inline-block;height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#666;}
.game-recommend-tab-title span.active{color:#eb4e18;font-weight:bold;}
.game-recommend-tab-title span.active:before {content:"";border-bottom:2px solid #2C63BF;position:absolute;bottom:0px;left:0px;width:100%;}
.game-recommend-list{display:none;}
.game-recommend-list.active{display:block;}
.game-recommend-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.game-recommend-list ul li{float:left;text-align:center;width:117px;padding-bottom:15px;}
.game-recommend-list ul li p{line-height:24px;height:24px;overflow:hidden;}
.game-recommend-list ul li a{font-size:12px;}
.game-recommend-list ul li img{width:86px;height:86px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .game-recommend-tab{margin-bottom:5px;}
    .game-recommend-tab-title span{margin-left:0px;padding:0px 5px;font-size:14px;}
    .game-recommend-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .game-recommend-list ul li{margin-left:15px;}
    .game-recommend-list ul li img{width:66px;height:66px;}
}

/*.title-head-subtitle{font-size:12px;background:#0AAF60;padding:4px 6px;border-radius:4px;color:#FFF;}*/
.game-data{background:#FFF;padding:20px;overflow:hidden;min-height:210px;}
.game-title h1{font-size:18px;margin-bottom:10px;}
.game-title span{margin-top:6px;}
.game-data .game-info{position:relative;padding-left:153px;padding-right:200px;min-height:140px;}
.game-data .game-info img{width:138px;height:138px;border-radius:8px;position:absolute;left:0;x;top:0px;}
.game-data .game-info ul{width:400px;padding-top:5px;}
.game-data .game-info ul li{float:left;text-align:left;padding-top:8px;width:200px;line-height:21px;color:#333;}
.game-data .game-info ul li:last-child{width:auto;color:#999;}
.game-data .game-info ul li span{color:#888;}
.game-data .game-info ul li i{vertical-align:top;}
.game-data .game-qrcode{position:absolute;right:0px;top:0px;text-align:center;color:#999;}
.game-data-box{background:#FFB209;clear:both;margin-top:20px;}
.game-down{clear:both;padding-top:15px;}
.game-down ul li{float:left;margin-right:15px;}

@media screen and (max-width:1000px){
    .game-data{position: relative;background-color: #f6f1f1;padding:0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box}
    .game-data .game-bg { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;left: 0;top: 0;width: 100%;height: 9rem;z-index: 1;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden }
    .game-data .game-bg img {-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 130%;display: block;-webkit-filter: blur(8px);filter: blur(8px)}
    .game-data .game-bg .cov { position: absolute;left: 0;top: 0;width: 100%;height: 9rem;background-color: rgba(0, 0, 0, 0.7);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box}
    .game-data .game-info {height:auto;text-align:center;padding:0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;margin: 90px 20px 0px 20px;z-index: 2;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #fff;border-radius: 5px;box-shadow: 0 3px 3px #ececec;padding-bottom: .3839976rem }
    .game-data .game-info ul{width:auto;padding-left:10px;}
    .game-data .game-info ul li{width:50%;}
    .game-data .game-info img {position:unset;width: 80px;height: 80px;display: block;border-radius: 5px;margin-top:-40px;}
    .game-data .game-info h1 {height:1rem;line-height:1rem;overflow: hidden;font-size: 1rem;font-weight: bold;margin-top: .144rem;color: #333}
    .game-data .game-down{float:none;width:100%;left:0px;bottom:14px;text-align:center;}
    .game-data .game-down ul{padding:0px 20px;}
    .game-data .game-down ul li{float:none;width:auto;text-align:center;margin:0px;padding-bottom:8px;}
    .game-data .game-down ul li img{display:none;}

    .game-data .game-down ul li.down-btn-pc a:before{content:'游戏下载';display:block;width:100%;height:38px;line-height:38px;background:#00c4c4;border-radius:6px;color:#FFF;}
    .game-data .game-down ul li.down-btn-web a:before{content:'进入游戏';display:block;width:100%;height:38px;line-height:38px;background:#00c4c4;border-radius:6px;color:#FFF;}
    .game-data .game-down ul li.down-btn-android a:before{content:'安卓下载';display:block;width:100%;height:38px;line-height:38px;background:#FF5722;border-radius:6px;color:#FFF;}
    .game-data .game-down ul li.down-btn-ios a:before{content:'苹果下载';display:block;width:100%;height:38px;line-height:38px;background:#226BFF;border-radius:6px;color:#FFF;}
    .game-data .game-down ul li.down-btn-gamebox a:before{content:'游戏盒子下载';display:block;width:100%;height:38px;line-height:38px;background:#00c4c4;border-radius:6px;color:#FFF;}
}

    .detail-tags{padding:8px 0px;}
    .detail-tags a{padding:5px 8px;border-radius:5px;color:#FFF;margin-right:10px;}
    .detail-tags a:nth-child(1){background:#d9534f}
    .detail-tags a:nth-child(2){background:#b433ff}
    @media screen and (max-width:1000px) {
    }

.sub-tit{overflow:hidden;text-indent:15px;font-size:17px;border-radius:0 4px 4px 0;color:#333;line-height:20px;padding:15px 10px 10px 10px;}
.sub-tit h2{float:left;font-size:17px;position:relative;font-weight:bold;}
.sub-tit h2::before{content:'';position:absolute;left:0px;width:7px;height:20px;border-radius:5px;background:{{title_bg_color}};display:block;}
.sub-tit span{font-size:14px;}

.sub-tit{overflow:hidden;text-indent:15px;font-size:17px;border-radius:0 4px 4px 0;color:#333;line-height:20px;padding:15px 10px 10px 10px;}
.sub-tit h2{float:left;font-size:17px;position:relative;font-weight:bold;}
.sub-tit h2::before{content:'';position:absolute;left:0px;width:7px;height:20px;border-radius:5px;background:{{title_bg_color}};display:block;}
.sub-tit a{font-size:14px;}

.game-content{background:#FFF;margin-top:10px;padding:15px;color:#666;line-height:24px;font-size:16px;}
.game-content h2{margin-top:15px;}
.game-comment{padding:15px;background:#FFF;margin-top:15px;}
.game-comment dl{clear:both;overflow:hidden;padding:12px 0px;border-top:1px solid #EEE;}
.game-comment dl dt{float:left;}
.game-comment dl dt img{width:60px;height:60px;border-radius:60px;}
.game-comment dl dd{float:right;width:750px;}
.game-comment dl dd span{float:left;}
.game-comment dl dd time{float:right;color:#999;}
.game-comment dl dd p{clear:both;padding-top:10px;line-height:22px;color:#666;}
.game-recommend-related-list{clear:both;background:#FFF;padding:15px;margin-top:15px;}
.game-recommend-related-list ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.game-recommend-related-list ul li{float:left;text-align:center;width:205px;padding:12px 0px;border:1px solid #EEE;padding-bottom:15px;}
.game-recommend-related-list ul li img{width:86px;height:86px;border-radius:15px;}
.game-recommend-related-list ul li p:nth-child(2){line-height:24px;height:24px;overflow:hidden;}
.game-recommend-related-list ul li p:nth-child(3){font-size:12px;color:#999;}
.game-recommend-related-list ul li p:nth-child(4){margin-top:8px;}
.game-gallery-list{height:360px;position:relative;}
.game-gallery-list .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.game-gallery-list .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width:1000px) {
    .game-content{margin-top:0px;padding:12px;}
    .game-content video{height:auto;}
    .game-comment{margin-top:5px;}

    .game-comment dl dt img{width:40px;height:40px;border-radius:40px;margin-right:8px;}
    .game-comment dl dd span{font-size:12px;color:#999;}
    .game-comment dl dd{float:none;width:100%;}

    .game-recommend-related-list{height:auto;padding:12px;margin-bottom:5px;}
    .game-recommend-related-list ul li{width:33.33%;border:0px;padding-bottom:8px;}
    .game-recommend-related-list ul li a{font-size:12px;}
    .game-recommend-related-list ul li img{width:60px;height:60px}
    .game-gallery-list{height:220px;}
}

.game-related-list{clear:both;background:#FFF;padding:15px;margin-bottom:20px;}
.game-related-list ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.game-related-list ul li{float:left;text-align:center;width:205px;padding:12px 0px;border:1px solid #EEE;padding-bottom:15px;}
.game-related-list ul li img{width:86px;height:86px;border-radius:15px;}
.game-related-list ul li p:nth-child(2){line-height:24px;height:24px;overflow:hidden;}
.game-related-list ul li p:nth-child(3){font-size:12px;color:#999;}
.game-related-list ul li p:nth-child(4){margin-top:8px;}
@media screen and (max-width:1000px) {
    .game-related-list{height:auto;padding:12px;margin-bottom:5px;}
    .game-related-list ul li{width:33.33%;border:0px;padding-bottom:8px;}
    .game-related-list ul li a{font-size:12px;}
    .game-related-list ul li img{width:60px;height:60px}
}

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

.game-related{padding:15px;background:#FFF;overflow:hidden;line-height:20px;margin-bottom:15px;}
.game-related li{margin-right:10px;margin-top:10px;float:left;}
.game-related li a{color:#FFF;padding:5px 10px;display:block}
.game-related li{border-radius:5px;}
.game-related li:nth-child(9n){background-color:#4a4a4a}
.game-related li:nth-child(9n+1){background-color:#15a287}
.game-related li:nth-child(9n+2){background-color:#5cb85c}
.game-related li:nth-child(9n+3){background-color:#d9534f}
.game-related li:nth-child(9n+4){background-color:#567e95}
.game-related li:nth-child(9n+5){background-color:#b433ff}
.game-related li:nth-child(9n+6){background-color:#00a67c}
.game-related li:nth-child(9n+7){background-color:#b37333}
.game-related li:nth-child(9n+8){background-color:#f60}
@media screen and (max-width:1000px) {
	.game-related{margin-top:5px;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update ol{padding:15px 0px;overflow:hidden;}
.game-vs-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
.mobile-nav{display:none;}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{display:none}

    .mobile-nav{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#2C63BF;z-index:9999;}
    .mobile-nav ul{display:flex;}
    .mobile-nav li{width:20%;}
    .mobile-nav li a{display:block;padding:5px 0px;color:#FFF;}
    .mobile-nav li p:nth-child(1){padding-bottom:3px;font-size:13px;}
    .mobile-nav li p .icons{font-size:20px;}
}