.main{padding:20px 0;display:flex;justify-content:space-between}.main .leftNav{width:160px}.main .leftNav h3{color:#fff;text-align:center;height:50px;line-height:50px;background-color:#31cdf7;font-size:14px;border-top-left-radius:4px;border-top-right-radius:4px}.main .leftNav .classify_list{background-color:#fff;padding:5px 0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:30px}.main .leftNav .classify_list li{padding:0 5px}.main .leftNav .classify_list li a{display:block;padding:5px 10px;font-size:14px;color:#666;border-radius:4px;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .leftNav .classify_list li a img{width:20px;vertical-align:middle;margin-right:5px}.main .leftNav .classify_list li a.active,.main .leftNav .classify_list li a:hover{background-color:#ffc108;color:#fff}.main .leftNav .classify_list li:last-child a{text-align:center}.main .leftNav h4{border-radius:4px;color:#fff;background-color:#31cdf7;height:50px;text-align:center;line-height:50px;margin-bottom:15px}.main .leftNav .downGame_list a{margin-bottom:15px}.main .rightMain{width:calc(100% - 180px)}.main .rightMain h2{background-color:#fff;font-size:16px;color:#31cdf7;border-radius:4px;height:40px;line-height:40px;text-indent:1em;font-weight:600;margin-bottom:20px}.main .rightMain .topGameCom{display:flex;justify-content:space-between;margin-bottom:20px}.main .rightMain .topGameCom .comPat{width:calc(50% - 10px);display:flex;flex-wrap:wrap}.main .rightMain .topGameCom .comPat .gameImgBox{margin-bottom:20px}.main .rightMain .topGameCom .comPat .gameImgBox:nth-child(n+7){margin-bottom:0}.main .rightMain .topGameCom .comPat .big{width:calc(50% - 10px)}.main .rightMain .topGameCom .comPat .big+.big{margin-left:20px}.main .rightMain .topGameCom .comPat .samll{width:calc(25% - 15px)}.main .rightMain .topGameCom .comPat .samll+.samll{margin-left:20px}.main .rightMain .topGameCom .comPat .samll:nth-child(7){margin-left:0}.main .rightMain .smallBox{display:flex;flex-wrap:wrap;margin-bottom:30px}.main .rightMain .smallBox .gameImgBox{width:calc(12.5% - 17.5px)}.main .rightMain .smallBox .gameImgBox+.gameImgBox{margin-left:20px}.main .rightMain .smallBox .gameImgBox:nth-child(9){margin-left:0}.main .rightMain .smallBox .gameImgBox:nth-child(n+9){margin-top:20px}.main .rightMain .bigBox{display:flex;margin-bottom:30px}.main .rightMain .bigBox .gameImgBox{width:calc(25% - 15px)}.main .rightMain .bigBox .gameImgBox+.gameImgBox{margin-left:20px}.main .rightMain .adBox{display:flex;align-items:center;justify-content:center}.main .rightMain .adBox .textAd{width:980px;height:300px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1200px){.main{padding:20px}.main .leftNav h3{height:40px;line-height:40px}.main .leftNav .classify_list{margin-bottom:20px}.main .leftNav h4{height:40px;line-height:40px}.main .rightMain{width:calc(100% - 175px)}.main .rightMain h2{margin-bottom:20px}.main .rightMain .topGameCom{margin-bottom:20px}.main .rightMain .topGameCom .comPat{width:calc(50% - 7.5px)}.main .rightMain .topGameCom .comPat .gameImgBox{margin-bottom:15px}.main .rightMain .topGameCom .comPat .big{width:calc(50% - 7.5px)}.main .rightMain .topGameCom .comPat .big+.big{margin-left:15px}.main .rightMain .topGameCom .comPat .samll{width:calc((100% - 45px)/4)}.main .rightMain .topGameCom .comPat .samll+.samll{margin-left:15px}.main .rightMain .topGameCom .comPat .samll:nth-child(7){margin-left:0}.main .rightMain .smallBox{margin-bottom:20px}.main .rightMain .smallBox .gameImgBox{width:calc((100% - 105px)/8)}.main .rightMain .smallBox .gameImgBox+.gameImgBox{margin-left:15px}.main .rightMain .smallBox .gameImgBox:nth-child(9){margin-left:0}.main .rightMain .smallBox .gameImgBox:nth-child(n+9){margin-top:15px}.main .rightMain .bigBox{margin-bottom:20px}.main .rightMain .bigBox .gameImgBox{width:calc((100% - 45px)/4)}.main .rightMain .bigBox .gameImgBox+.gameImgBox{margin-left:15px}.main .rightMain .adBox .textAd{width:580px;height:400px}}@media screen and (max-width: 900px){.main{padding:20px 10px}.main .leftNav{width:150px}.main .leftNav .classify_list{margin-bottom:15px}.main .leftNav h4{margin-bottom:10px}.main .leftNav .downGame_list a{margin-bottom:10px}.main .rightMain{width:calc(100% - 160px)}.main .rightMain h2{margin-bottom:15px}.main .rightMain .topGameCom{margin-bottom:15px}.main .rightMain .topGameCom .comPat{width:calc(50% - 5px)}.main .rightMain .topGameCom .comPat .gameImgBox{margin-bottom:10px}.main .rightMain .topGameCom .comPat .gameImgBox:nth-child(n+7){margin-bottom:0}.main .rightMain .topGameCom .comPat .big{width:calc(50% - 5px)}.main .rightMain .topGameCom .comPat .big+.big{margin-left:10px}.main .rightMain .topGameCom .comPat .samll{width:calc(25% - 7.5px)}.main .rightMain .topGameCom .comPat .samll+.samll{margin-left:10px}.main .rightMain .topGameCom .comPat .samll:nth-child(7){margin-left:0}.main .rightMain .smallBox{margin-bottom:15px}.main .rightMain .smallBox .gameImgBox{width:calc((100% - 70px)/8)}.main .rightMain .smallBox .gameImgBox+.gameImgBox{margin-left:10px}.main .rightMain .smallBox .gameImgBox:nth-child(9){margin-left:0}.main .rightMain .smallBox .gameImgBox:nth-child(n+9){margin-top:10px}.main .rightMain .bigBox{margin-bottom:15px}.main .rightMain .bigBox .gameImgBox{width:calc(25% - 7.5px)}.main .rightMain .bigBox .gameImgBox+.gameImgBox{margin-left:10px}}@media screen and (max-width: 700px){.main{padding:15px 10px}.main .leftNav{display:none}.main .rightMain{width:100%}.main .rightMain .topGameCom{flex-wrap:wrap}.main .rightMain .topGameCom .comPat{width:100%}.main .rightMain .topGameCom .comPat+.comPat{margin-top:10px}.main .rightMain .smallBox .gameImgBox{width:calc((100% - 30px)/4);margin-right:10px}.main .rightMain .smallBox .gameImgBox:nth-child(9){margin-left:0}.main .rightMain .smallBox .gameImgBox:nth-child(n+9){margin-top:0px}.main .rightMain .smallBox .gameImgBox+.gameImgBox{margin-left:0}.main .rightMain .smallBox .gameImgBox:nth-child(4n){margin-right:0}.main .rightMain .smallBox .gameImgBox:nth-child(n+5){margin-top:10px}.main .rightMain .adBox .textAd{width:300px;height:300px}}/*# sourceMappingURL=index.css.map */