.main_page{position:relative;width:1200px;margin:80px auto 0;background-color:#f5f5f5;z-index:9;overflow:hidden}.main_page::before{content:"";position:absolute;top:0;left:0;width:100%;height:64px;background:#000000}.main_page .main_nav{width:100%;height:64px;background:#000000;border-radius:8px}.main_page .main_nav .nav_item{position:relative;float:left;width:12.5%;height:100%;line-height:64px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:center}.main_page .main_nav .nav_item.active{color:#FFCA00}.main_page .main_nav .nav_item.active::after{position:absolute;bottom:8px;left:0;right:0;margin:0 auto;content:"";width:60px;height:4px;background:#FFCA00;border-radius:2px}.main_page .ad .ad1_wrap{width:1200px;height:120px;border-radius:8px;margin:20px 0 20px 0;position:relative}.main_page .ad .ad1_wrap img{width:100%;height:100%;border-radius:8px}.main_page .ad .ad1_wrap::after{content:"";width:20px;height:10px;position:absolute;background:url(../images/icon_ad.png) no-repeat;background-size:23px 11px;bottom:10px;right:10px}.crumbs span,.crumbs a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666}.crumbs a{margin-right:10px}.left{width:840px;position:inherit;float:left;background-color:#fff;border-radius:8px;margin-bottom:40px}.left .list{padding:0 20px}.pink{background-color:pink}.left .list a{display:block;overflow:hidden;padding:20px 0;border-bottom:1px dashed #E1E1E1}.left .list a img{float:left;width:240px;height:135px;border-radius:8px}.left .list a .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:15px 0;padding-left:20px}.left .list a .detail{height:50px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#666;line-height:24px;overflow:hidden;margin-bottom:5px;padding-left:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.left .list a .time{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;line-height:24px;margin-right:20px;padding-left:20px}.left .list a .tags{display:inline-block}.la-pages{width:100%;height:28px;margin-top:30px;overflow:hidden;text-align:center;padding-bottom:30px}.la-pages #fye{margin:0 auto;display:inline-block}.la-pages #fye li{float:left}.la-pages #fye li.active a{color:#fff;background-color:rgba(255,165,30,1);border-color:rgba(255,165,30,1)}.la-pages #fye li:hover a{color:#fff;background-color:rgba(255,165,30,1);border-color:rgba(255,165,30,1)}.la-pages #fye .first a,.la-pages #fye .next a,.la-pages #fye .last a{width:52px}.main_page .right{width:340px;margin-left:860px}.main_page .right .right_1{width:100%;padding:0px 20px 0 20px;box-sizing:border-box;background:#ffffff;box-shadow:0px 0px 14px 0px rgba(0,0,0,0.03);border-radius:8px;overflow:hidden}.main_page .right .right_1 .collection{width:140px;box-sizing:border-box}.main_page .right .right_1 .collection:nth-of-type(2n+1){float:left}.main_page .right .right_1 .collection:nth-of-type(2n){float:right}.main_page .right .right_1 .collection img{width:100%;height:70px;border-radius:6px}.main_page .right .right_1 .collection p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;text-align:center;margin-bottom:20px}.main_page .right .right_1 .collection:hover p{font-weight:bold;color:#000000}.main_page .right_2{width:100%;margin-top:20px;padding:0 20px 1px;background:#ffffff;box-shadow:0px 0px 14px 0px rgba(0,0,0,0.03);border-radius:8px;box-sizing:border-box}.main_page .right_2 .list_item{display:block;width:100%;margin-bottom:20px;overflow:hidden}.main_page .right_2 .list_item .rank{float:left;width:20px;height:20px;text-align:center;background:#bcbcbc;border-radius:0px 0px 6px 0px;font-size:14px;font-family:DIN;font-weight:bold;color:#ffffff}.main_page .right_4{position:relative}.main_page .right_4 .list_item .rank{position:absolute;left:20px;width:20px;height:20px;text-align:center;background:#bcbcbc;border-radius:0px 0px 6px 0px;font-size:14px;font-family:DIN;font-weight:bold;color:#ffffff}.main_page .right_4 .list_item:nth-of-type(1) .rank{background:#fa3636}.main_page .right_4 .list_item:nth-of-type(2) .rank{background:#ff6f18}.main_page .right_4 .list_item:nth-of-type(3) .rank{background:#ffb400}.main_page .right_2 .list_item:nth-of-type(1) .rank{background:#fa3636}.main_page .right_2 .list_item:nth-of-type(2) .rank{background:#ff6f18}.main_page .right_2 .list_item:nth-of-type(3) .rank{background:#ffb400}.main_page .right_2 .list_item .game_simple{float:left;width:268px;margin-left:12px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main_page .right_2 .list_item .game_info{display:none}.main_page .right_2 .list_item.active .game_simple,.main_page .right_2 .list_item.active .span{display:none}.main_page .right_2 .list_item.active .game_info{display:block}.main_page .right_2 .list_item .game_info{width:300px;height:66px}.main_page .right_2 .list_item .game_info img{float:left;width:106px;height:66px;margin-left:12px;border-radius:6px}.main_page .right_2 .list_item .game_info .info{float:left;width:146px;height:66px;margin-left:16px}.main_page .right_2 .list_item .game_info .info .name{display:block;font-size:15px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main_page .right_2 .list_item .game_info .info span{display:block;margin:2px 0 4px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main_page .right_2 .list_item .game_info .info .btn{display:block;width:80px;height:24px;line-height:24px;background:#ffca00;border-radius:2px;font-size:14px;text-align:center;font-family:Microsoft YaHei;font-weight:400;color:#333333}.main_page .right .right_3{width:100%;margin-top:20px;padding:0 20px 20px;background:#FFFFFF;box-shadow:0px 0px 14px 0px rgba(0,0,0,0.03);border-radius:8px;box-sizing:border-box}.main_page .right .right_3 .list_item{display:block;width:100%;height:32px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333333;box-sizing:border-box}.main_page .right .right_3 .list_item span{position:relative;float:left;width:70%;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.main_page .right .right_3 .list_item:hover span{font-weight:bold;color:#000000}.main_page .right .right_3 .list_item span::before{position:absolute;top:0;left:0;content:"◇"}.main_page .right .right_3 .list_item i{float:right;color:#B1B1B1;width:20%;text-align:right}.main_page .right .right_4{width:100%;padding:0 20px 10px;background:#ffffff;box-shadow:0px 0px 14px 0px rgba(0,0,0,0.03);border-radius:8px;box-sizing:border-box}.main_page .right .right_4 .list_item{display:block;width:100%;height:66px;margin-bottom:20px}.main_page .right .right_4 .list_item img{float:left;width:106px;height:66px;border-radius:6px}.main_page .right .right_4 .list_item .info{float:right;width:184px;height:66px;border-radius:2px;background:rgba(0,0,0,0.03)}.main_page .right .right_4 .list_item .info:hover{background-color:rgba(255,202,0,0.08)}.main_page .right .right_4 .list_item .info:hover i{background:#ffca00}.main_page .right .right_4 .list_item .info span{display:block;width:100%;margin-top:8px;padding:0 20px;font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;box-sizing:border-box}.main_page .right .right_4 .list_item .info i{display:block;width:100px;height:24px;margin:7px auto 0;line-height:24px;background:#ededed;border-radius:2px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;text-align:center;color:#333333}