/*选择服务器*/
.web-winServer{ z-index:1000; width:706px; height:510px; background:url(http://pic.my4399.com/js/resource/image/winServer-selBg.png) no-repeat; font:12px/22px simsun; color:#555; }
.web-winServer a{ color:#555; text-decoration:none; cursor:pointer }
.web-winServer a:hover{ text-decoration:underline;}
.web-winServer ul,.web-winServer li{ list-style:none;}
.web-winServer img{ border:0 none;}
.web-winServer .close{ position:absolute; right:0; top:0; width:44px; height:44px; cursor:pointer;}
.web-winServer .userInfo{ width:630px; height:42px; padding:7px 0 0 22px; line-height:42px;}
.web-winServer .userInfo .astar{ padding-right:10px;}

.web-winServer .tj,.web-winServer .zj,.web-winServer .all{ position:relative; width:636px; margin:10px auto 0; padding: 0;}
.web-winServer .tj h3,.web-winServer .zj h3,.web-winServer .all h3{ width:300px; height:28px; background:url(http://pic.my4399.com/js/resource/image/userWin-web-logBox.png) no-repeat -361px -22px; padding-left:10px; font:14px/28px microsoft yahei; color:#000;}
.web-winServer .tj p{ width:617px; height:38px; padding-top:16px; margin:8px auto 0; background:url(http://pic.my4399.com/js/resource/image/winServer-tj.png) no-repeat; font:bold 18px/18px microsoft yahei; color:#eff5f2; text-align:center;}
.web-winServer .tj p a{ width:82px; height:25px; display:inline-block; margin-left:5px; background:url(http://pic.my4399.com/js/resource/image/userWin-web-logBox.png) no-repeat 0 -177px; text-align:center; font:14px/24px microsoft yahei; color:#8f0808; vertical-align:middle;}

.web-winServer .zj ul{ width:634px; height:87px; border:1px #e5e5e5 solid; background-color:#f6f6f6;}
.web-winServer .zj ul li{ width:289px; height:58px; padding:8px; float:left; display:inline; margin:7px 3px 0 7px; background:url(http://pic.my4399.com/js/resource/image/userWin-web-logBox.png) no-repeat 0 -102px; overflow:hidden;}
.web-winServer .zj ul li img{ float:left;}
.web-winServer .zj ul li h4{ margin-left:70px; color:#4b3008; font:12px/28px microsoft yahei;}
.web-winServer .zj ul li h4 .name{ padding-right:10px;}
.web-winServer .zj ul li p{ margin-left:70px; color:#ad0505; font:14px/24px microsoft yahei;}
.web-winServer .zj ul li p a.goto{ width:60px; height:24px; *zoom:1; background-color:#e03602; text-align:center; color:#fff; display:none;}
.web-winServer .zj ul li:hover p a.goto{ display:inline-block;}

.web-winServer .all .kxf{ position:absolute; right:8px; top:4px;}
.web-winServer .all .kxf .txt{ width:110px; height:20px; border:1px #d8d8d8 solid; background-color:#f2f2f2; vertical-align:middle; line-height:20px; margin: 0;}
.web-winServer .all .kxf a.gotoBtn{ width:50px; height:20px; display:inline-block; margin-left:3px; border:1px #c0c0c0 solid; background-color:#ededed; box-shadow:1px 2px 0 #dedede; text-align:center; vertical-align:middle; line-height:20px;}

.web-winServer .serTabs{ width:636px; margin-top:18px; /* position:absolute; left:0; top:184px; */ }
.web-winServer .serTabs a{ width:103px; height:29px; display:inline-block; float:left; margin-right:3px; background-color:#e9e9e9; text-align:center; line-height:29px;}
.web-winServer .serTabs a.on,.web-winServer .serTabs a:hover{ position:relative; margin-top:0px; top:-4px; height:33px; background:url(http://pic.my4399.com/js/resource/image/userWin-web-logBox.png) no-repeat -83px -177px; line-height:38px; overflow:hidden; text-decoration:none; color:#222;}

.web-winServer .scrollBox{width: 634px; height: 130px; margin-top:6px; border:1px #e5e5e5 solid; background-color:#f6f6f6;overflow: hidden;}
.web-winServer .viewport { width:618px; height:130px; _height:120px; margin-top:10px; overflow:hidden; position: relative;}
.web-winServer .overview { position: absolute; left: 6px; top: 0; }
.web-winServer .overview li{ width:148px; height:32px; float:left; margin:0 3px 6px 0; background-color:#fff; border:1px #dedede solid; text-indent:10px; line-height:32px; overflow:hidden; }
.web-winServer .overview li em{ color:#036c15; font-style:normal; float:right; margin-right:5px; }
.web-winServer .overview li.hot em{ color:#e71111; font-weight: bold; }
.web-winServer .overview li.wh em{ color:gray}
.web-winServer .thumb { background: #ffbd00 url(http://pic.my4399.com/js/resource/image/winServer-scroll.jpg) no-repeat left bottom; }
.web-winServer .scrollbar { position: relative; float: right; width: 12px; }
.web-winServer .track { background-color: #eaeaea; height: 100%; width:12px; position: relative; padding: 0; }
.web-winServer .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0;}
.web-winServer .thumb .end { overflow: hidden; height: 5px; width: 12px; }
.web-winServer .disable{ display: none; }

.web-winServer .all .item a{display:block}