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

.game-filter{background:#FFF;padding:15px;overflow:hidden;}
.game-filter dl{position:relative;padding:10px 15px 10px 80px;}
.game-filter dl dt{position:absolute;left:0px;}
.game-filter dl dd a{padding:5px 12px;display:inline-block;margin-right:8px;margin-bottom:5px;border-radius:5px;color:#333;}
.game-filter dl dd a:hover,.game-filter dl dd a.active{background:#2C63BF;color:#FFF;}
@media screen and (max-width:1000px) {
	.game-filter-box{height:40px;}
	.game-filter{padding:5px;position: fixed;width: 100%;top:50px;z-index:100;}
	.game-filter dl{float:left;width:50%;padding:0px;min-height:30px;line-height:30px;}
    .game-filter dl dd{display:none;position:fixed;top:90px;border-top:1px solid #EEE;left:0px;background: #FFF;padding:8px 0px;}
    .game-filter dl dt{width:100%;text-align:center;cursor:pointer;}
    .game-filter dl dt:after{content:'';position:absolute;top:12px;margin-left:5px; border:6px solid transparent;border-top:6px solid #1890ff;}
    .game-filter dl dd a{margin:0px;padding:0px;display:block;float:left;background:#EEE;width:30%;margin-left:2.5%;margin-top:5px;text-align:center;}
}

.content{padding:10px;line-height:22px;color:#666;background:#f9f9f9;margin-top:8px;}
.content p:last-child{font-size:12px;color:#999;}
.game-list{margin-top:20px;padding:20px;background:#FFF;overflow:hidden;}
.game-list h1{font-size:22px;}
.game-list ul{}
.game-list ul li{margin-top:25px;width:370px;min-height:130px;position:relative;padding-left:150px;}
.game-list ul li:nth-child(odd){float:left;}
.game-list ul li:nth-child(even){float:right;}
.game-list ul li img{position:absolute;left:0px;top:0px;width:130px;height:130px;border-radius:8px;float:left;}
.game-list ul li p.game-name{font-size:18px;font-weight:bold;}
.game-list ul li p.game-label{padding-top:15px;color:#999;line-height:24px;}
.game-list ul li p.game-label span{min-width:140px;display:block;float:left;}
.game-list ul li p.game-label a{color:#333;}
.game-list ul li p.game-label strong{font-weight:normal;color:#666;}
.game-list ul li p.game-label time{color:#555;}
.game-list ul li p.game-desc{clear:both;font-size:12px;color:#999;height:40px;line-height:20px;overflow:hidden;}
@media screen and (max-width:1000px) {
	.game-list{margin-top:5px;padding:12px;}
	.game-list h1{font-size:1.1rem;}
	.game-list ul li{width:auto;padding-left:90px;padding-top:15px;border-top:1px solid #EEE;min-height:70px;}
	.game-list ul li:nth-child(odd),.game-list ul li:nth-child(even){float:none;}
	.game-list ul li p.game-name{font-size:1rem;}
	.game-list ul li p.game-name a:after{content:'下载';padding:5px 10px;border-radius:3px;font-size:12px;background:red;color:#FFF;float:right;}
	.game-list ul li img{width:80px;height:80px;}
	.game-list ul li p.game-label{padding-top:5px;}
	.game-list ul li p.game-label span{font-size:12px;}
	.game-list ul li p.game-label span:ntn-child(1),.game-list ul li p.game-label span:ntn-child(1){width:50%;min-width:50%;}
	.game-list ul li p.game-desc{display:none;}
}

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