@charset "utf-8";
/* CSS Document */

.kind-select { padding-top: 27px; }
.kind-select dl { height: 22px; line-height: 22px; padding: 9px 0; font-size: 16px; overflow: hidden; color: #333; }
.kind-select dt { float: left; font-weight: bold; }
.kind-select dd { float: left; padding: 0 26px; }
.kind-select dd+dd { border-left: 2px solid #ccc; }
.kind-select dd a { color: #333; padding: 2px 10px;}
.kind-select dd.select a { color: #ff9933; }
.kind-select dd.active a { color:#fff; background: #ff9933; }
.kind-select dd a:hover { color:#fff; background: #ff9933; }

.select-game { overflow: hidden; }
.select-game ul { margin-left: -60px; zoom: 1; overflow: hidden; }
.select-game li { float: left; width: 245px; margin-top: 20px; margin-left: 60px; }
.select-game .game-brief, .select-game .game-img, .select-game .game-img img { width: 270px; height: 112px; display: inline; position: relative; overflow: hidden;    border-radius: 5px;}
.select-game .game-brief { position: relative; }
.select-game .game-img, .select-game .game-img img { display: block; }
.select-game p { width: 256px; height: 26px; line-height: 26px; padding: 0 7px; overflow: hidden; font-size: 12px; color: #ccc; background: url("../images/change_avatar.png") repeat; position: absolute; bottom: 0; left: 0; }
.select-game p span { float: left; }
.select-game p a { float: right; color: #ccc; }
.select-game p a:hover { color: #f00; text-decoration: underline; }
.select-game .enter-game { width: 270px; height: 36px; display: block; line-height: 36px; text-align: center; color: #333; background: #ededed; }
.select-game .enter-game:hover { background: #ff9933;color:#fff; }
.page { height: 40px; text-align: center; padding: 90px 0; }
.page a { padding: 0 15px; color: #666; height: 38px; line-height: 38px; border: 1px solid #ccc; display: inline-block; margin: 0 2px; }
.page a:hover { border: 1px solid #ff9933; }
.page a.current { background: #ff9933; border: 1px solid #ff9933; text-decoration: none; color: #fff; }