﻿
input, textarea {outline-style: none;} 
i{font-style: normal;font-weight: 400;}
.clearfix{zoom:1;}
.clearfix:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
.nav_bg{width:1300px;}
.ss_game_con{width:1366px;margin: 0 auto;padding: 25px 0 30px;}
.ss_game_box{margin-top:30px}
.ss_game_box .ss_category{width: 228px;height: 912px;border: 1px solid #d5d5d5;float: left;overflow-y: auto;overflow-x: hidden;}
.ss_game_box .ss_category .type_title,.ss_category ul .type_title{padding: 20px 15px 15px;display: block;font-size: 14px;}
.search_inner{margin: 0 15px;position: relative;width: 200px;height: 30px;background: url(../image/game_serch_icon.png) no-repeat;background-position: 0 -23px;}
.search_inner:hover{background-position: 0 -63px;}
.search_inner input{width: 200px;height: 30px;border: none;background-color: transparent;padding-left: 13px;font-size: 12px;line-height: 30px;color: #666;}
.search_inner .search_submit{width: 16px;height: 16px;position: absolute;top: 8px;right: 10px;background: url(../image/game_serch_icon.png) no-repeat;background-position: -19px -3px;}
.search_inner .search_submit:hover{background-position: -3px -3px;} 
.ss_category ul{padding: 0 0 10px 15px;margin-right: -15px;border-bottom: dotted 1px #d5d5d5;}
.ss_category ul span{margin-left: -15px;}
.ss_category ul li{width: 60px;height: 20px;margin: 0 10px 10px 0;float: left;}
.ss_category ul li a{display: block;line-height: 20px;text-align: center;color: #777;background-color: #f7f7f7;border-radius:5px;}
.ss_category ul li.locked a,.ss_category ul li:hover a{color: #fff;background-color: #03b4f5;}
.ss_category .zdxs_search{border:none;}
.allgames_box{width: 845px;height: 968px;margin: 0 20px 0 25px;float: left;position: relative;}
.list_tabs{margin: 10px 0 14px;font-size: 14px;}
.list_tabs .new_test,.list_tabs .turn_page .prepage{border-right: solid 1px #d5d5d5;}
.list_tabs li a{color:#333}
.list_tabs li.locked a,.list_tabs li:hover a{color: #1ea6ff;text-decoration: none;}
.list_tabs li{margin-right: 15px;padding-right: 15px;float: left;font-size: 14px;}
.list_tabs .turn_page{float: right;color: #999;font-size: 12px;}
.list_tabs .turn_page span{margin-right:20px;}
.list_tabs .turn_page .prepage{padding-right: 5px;}
.list_tabs .turn_page a{color: #999;cursor: pointer;}
.list_tabs .turn_page a:hover,.game_handle a.gametxt_web:hover span,.game_handle a.gametxt_bag:hover span{color: #1ea6ff;} 
.list_allgames{margin-right: -15px;}
.list_allgames li{width: 200px;height: 163px;border: 1px solid #d5d5d5;margin: -3px 13px 15px 0;position: relative;float: left;overflow: hidden;}
.list_allgames li .gameinfo a img{width:200px;height:133px}
.list_allgames li:hover{border: 1px solid #03b4f5;}
.list_allgames li:hover .game_handle{bottom: 0;transition: all .2s ease-in-out 0s;} 
.game_handle a.gametxt_web,.game_handle a.gametxt_bag{color:#333}
.list_allgames li .gamename{left: 0;bottom: 0;background-color: #f5f5f5;}
.list_allgames li .game_handle,.list_allgames li .gamename{width: 200px;height: 30px;position: absolute;line-height: 30px;text-align: center;}
.game_handle{bottom: -32px;background-color: #fff;}
.game_handle .gametxt_web,.game_handle .gametxt_bag{float:left;}  
.game_handle .gametxt_web span,.game_handle .gametxt_bag span{padding: 0 8px;}
.game_handle .gametxt_bag .card_line{border-left: 1px solid #ccc;}
.game_handle .entergame{width: 76px;float: right;color: #fff;background-color: #03b4f5;}
.game_handle .entergame:hover{background-color: #009fda;text-decoration: none;}
.nav{border-bottom:0;box-shadow: 0 3px 5px #ccc;}
.newgame_rank{float:right}
.newgame_rank .title_rank{margin-bottom: 13px;color: #444;}
.newgame_rank .title_rank h1{font-size:18px;margin: 4px 0;}
.newgame_rank .list_rank_con{width: 244px;height: 693px;border: 1px solid #d5d5d5;}
.newgame_rank .list_rank_con .list_rank_box{overflow: hidden;font-size: 14px;color: #333;position: relative;}
.newgame_rank .list_rank_con li{height: auto;}
.list_rank_box .list_name,.list_rank_box .list_num,.list_rank_box .list_time,.list_rank_box .list_type{float:left;text-align:left}
.list_rank_box .list_rank{height: 22px;display: block;padding: 9px 15px;text-align: right;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_rank_box .list_rank:hover{text-decoration: none;background: #f4f4f4;}
.list_rank_box .list_rank_cur .list_rank{position: relative;height: 80px;display: block;padding: 15px;}
.list_rank_box .list_num{width: 22px;height: 22px;margin-right: 18px;background: #ededed;color: #666;font-family: Arial;text-align: center;font-size: 12px;border-radius: 2px;}
.list_rank_box .list_rank_cur .list_num{position: absolute;left: 14px;top: 18px;height: 70px;line-height: 70px;font-weight: 700;}
.list_rank_box .list_rank_01 .list_num{background: #fd5253;color: #fff;}
.list_rank_box .btn_org,.list_rank_box .list_img,.list_rank_box .list_type{display:none;}
.list_rank_box .list_rank_cur .list_img{display: block;position: absolute;left: 47px;top: 15px;width: 85px;height: 80px;}
.list_rank_box .list_name{width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_rank_box .list_rank_cur .list_name{width: 90px;position: absolute;left: 144px;top: 15px;font-size: 14px;font-weight: 700;line-height: 32px;}
.list_rank_box .list_rank_cur .list_type{position: absolute;left: 144px;top: 40px;display: block;color: #999;font-size: 12px;white-space: nowrap;line-height: 26px;}
.list_rank_box .list_rank_cur .btn_org{position: absolute;right: 31px;top: 68px;width: 70px;height: 22px;display: block;font-size: 12px;text-align: center;line-height: 22px;background: #03b4f5;color: #fff;}
.list_rank_box .list_rank_cur .btn_org:hover{background: #009fda;}
.list_rank_box .list_rank:hover *{cursor: pointer;} 
.list_rank_box .text_status{display: block;font-size: 12px;color: #999;}
.list_rank_box .list_rank_cur .text_status{display: none;}
.list_rank_box .list_rank_02 .list_num{background: #ff7b41;color: #fff;}
.list_rank_box .list_rank_03 .list_num{background: #ffad2b;color: #fff;}