html{font-size: 50px;}
section{ position: relative; overflow: hidden;}
section.rankcon .rank_banber{width: 100%; height:1.21rem; display: block; overflow: hidden; background: url(rank_bg.png)/*tpa=http://wm17.vip/Public/static/images/rank_bg.png*/ no-repeat; background-size:100% 100%;}
.rank_nav{ width: 100%; height:0.8rem; background: #1878e9; display: block; overflow: hidden; position: relative;}
.rank_nav li{ float: left; width: 33.33%; text-align: center; display: block; height: 0.8rem; line-height: 0.8rem; position: relative;}
.rank_nav li span{ display: block; overflow: hidden; color: #fff; height: 0.8rem; line-height: 0.8rem; font-size: 0.31rem; opacity: 0.7;}
.rank_nav li.hover span{opacity: 1;height: 0.8rem; line-height: 0.8rem;}
.rank_nav li.hover i{ height:0.05rem;width:0.75rem; display:block; overflow: hidden; background: #ffde32;margin: -0.05rem auto;}
.rank_nav li::after{content: '';position: absolute;right: 0;bottom:0.14rem;width:1px;height:0.52rem;background: #1062c2;z-index:1;}
.rank_nav li:active{ background:#1062c2;}

/*更改切换方式*/
.rank_list{ width: 300%; overflow: hidden;zoom:1;}
.rank_list .gamelist{ width: 33.3%; float: left; display: block !important;}

.gamelist .game_con{ padding: 15px 10px 0; overflow: hidden;}
.gamelist .game_con .game{ overflow: hidden; border-bottom: 1px solid #f3f3f3; padding-bottom: 15px; position: relative;}
.gamelist .game_con:nth-child(1) i{border-radius: 0; font-size: 0; width:22px; height:28px; display:inline-block; float: left; margin-top:18px; margin-right:0.18rem; background: url(rank1.png)/*tpa=http://wm17.vip/Public/static/images/rank1.png*/ no-repeat; background-size:100% 100%;}
.gamelist .game_con:nth-child(2) i{border-radius: 0; font-size: 0; width:22px; height:28px; display:inline-block; float: left; margin-top:18px; margin-right:0.18rem; background: url(rank2.png)/*tpa=http://wm17.vip/Public/static/images/rank2.png*/ no-repeat; background-size:100% 100%;}
.gamelist .game_con:nth-child(3) i{border-radius: 0; font-size: 0; width:22px; height:28px; display:inline-block; float: left; margin-top:18px; margin-right:0.18rem; background: url(rank3.png)/*tpa=http://wm17.vip/Public/static/images/rank3.png*/ no-repeat; background-size:100% 100%;}
.gamelist .game_con i{font-style: normal;text-align: center; font-size:14px; color: #fff; width:22px; height:22px; line-height:22px; display: block; overflow: hidden; background:#ddd; border-radius: 50%; float: left;margin-top:19px; margin-right:0.18rem;}
.game_img{ width:60px; height:60px;display:inline-block;float: left; overflow: hidden; margin-right: 0.18rem;}
.game_img img{ width: 100%; height: 100%; display:block; overflow: hidden;border-radius:15px; }
.game_info{ padding-right: 80px;}
.gamelist .game_con .gbtn{ width:80px; height:30px; background: #38b8ff; border-radius:26px; display: block; overflow: hidden;text-align: center; line-height:30px; font-size:14px; color: #fff; position: absolute;right: 0px; top:15px;}
.gamelist .game_con .gbtn:active{ background: #279ada;}
.gamelist .game_con .game .gname{ font-size:16px; color: #333; height:28px; line-height:28px; margin-bottom:10px; font-weight: bold; display: block; overflow: hidden;}
.gamelist .game_con .game p{ font-size:14px; color: #999;position: absolute;left: 70px;}
.gamelist .game_con a.fl{ color: #999; margin-right: 0.21rem;}
.gamelist .game_con:nth-child(1) .fl{ color: #f5b417;}
.gamelist .game_con:nth-child(2) .fl{ color: #a4b8c4;}
.gamelist .game_con:nth-child(3) .fl{ color: #ea9884;}
.mid-more {height: 35px;line-height: 35px;text-align: center;background-color: #f6f6f6;margin: 10px;display: block;border-radius: 3px;}
.mid-more:active{ background: #e2e1e1;}
.mid-more em {display: inline-block;width: 12px;height: 7px;margin-left: 5px;}
.mid-more span em.arr {background: url(m_sy_item_bg.png)/*tpa=http://wm17.vip/Public/static/images/m_sy_item_bg.png*/ no-repeat -18px -19px;}
#infocon_1,#infocon_2,#infocon_3{overflow: hidden;}