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

/*顶部*/
.top{ width:100%; height:30px; overflow: hidden; background:url(../images/shonline_top.jpg) ; margin:0 auto; }
.head{ width:980px; height:30px; overflow: hidden; margin:0 auto; }
.head span{height:29px; line-height:29px;font-size:12px;font-family:"宋体"; }
.head span a{ font-size:12px;  width:20px; font-family:"宋体"; }
.head span a:hover{ text-decoration:underline;}
.aa_1{ float:left; margin-left:10px;}
.aa_2{ float:right; margin-right:10px; }

.body{ width:980px; height: auto; overflow:hidden; margin:0 auto;}

.banner{ width:980px; height:140px; overflow:hidden; margin:3px auto; }
.banner a.a1{ width:429px; height:140px;float:left;}
.banner a.a1 img{ width:429px; height:140px; }
.banner span{ width:550px; height:140px; float:right;}
.banner span a img{ width:550px; height:140px; }

.nav{ width:100%; height:50px; float:left; overflow:hidden; background:url(../images/head_nav_bg.jpg) no-repeat; margin:0 auto; }
.nav ul{ width:980px; height:40px; float:left; overflow:hidden; margin-left:4px; margin-top:7px;}
.nav ul li{float:left; overflow:hidden; width:81px;height:22px; text-align:center; }
.nav ul li a{ color:#fff; font-size:14px; font-weight:bold;font-family:"宋体";text-align:center; width:96px; height:20px;}
.nav ul li a:hover{ text-decoration:underline;}

/*登录弹出层*/
.leaguer{ width:100%; height:100%; _height:expression(document.body.clientHeight); overflow:hidden; background:#000; filter: alpha(opacity=50); /* 设置ie透明度  */ opacity:0.5;  /* 设置火狐高版本透明度  */  -moz-opacity:.5; /* 设置火狐低版本透明度  */ position:fixed; top:0; right:0; z-index:99; _position: absolute;  _top: expression(documentElement.scrollTop)+ 0 + "px");display:none;}
.leaguer_con{width:340px; height:auto; position:fixed; top:150px;left:50%; margin-left:-120px; background:#fff; z-index:999; _position: absolute;  _top: expression(documentElement.scrollTop + 150 + "px"); background:#F0FFF0;display:none;}
.leaguer_con p{ display:block; width:340px; height:20px; overflow:hidden; text-align:right;}
.leaguer_con p .a1{ display:inline; width:30px; height:16px; overflow:hidden; text-align:center; line-height:18px; border:1px solid #ccc; margin:2px; float:right; color:#333; cursor:pointer; background:#0C0; color:#fff;}
.leaguer_con p .a1:hover{ color:#fff; text-decoration:none;}
.leaguer_con dl{ display:block; width:320px; height:34px;  padding:0 10px; position:relative; z-index:99; float:left;}
.leaguer_con dd{ display:block; width:auto; height:34px; overflow:hidden; float:left; line-height:36px; font-size:16px; font-weight:bold; border:1px solid #093; border-bottom:none; margin-right:1px;}
.leaguer_con dd a{ display:block; width:auto; height:34px;padding:0 8px; float:left; overflow:hidden;}
.leaguer_con dd a:hover{ text-decoration:none; color:#333;}
.leaguer_con dd .a1{ background:#093; color:#fff;}
.leaguer_con dd .a2{ background:#fff; color:#093;}
.leaguer_con ul{ display:block; width:278px; height:auto; overflow:hidden; margin:0 10px 10px;  border:1px solid #093; padding:20px 20px 4px; background:#fff; position:relative; z-index:98; float:left; _margin-top:-1px; _margin-left:5px; _margin-right:5px;}
.leaguer_con li{ width:278px; height:40px; line-height:40px; overflow:hidden; position:relative;}
.leaguer_con li a{ margin-left:10px; color:#093; text-decoration:underline;}
.leaguer_con li a:hover{ color:red;}
.leaguer_con li .yzm{ width:76px; height:22px; position:absolute; right:0; top:8px; _top:0;}
.leaguer_con li #username{ color:#999;}
.leaguer_con li .inp1{ width:172px; height:20px; line-height:20px; border:1px solid #ccc; padding:0 3px; padding-right:23px;}
.leaguer_con li .inp2{ width:84px; height:20px; line-height:20px; border:1px solid #ccc; padding:0 3px; padding-right:23px;text-transform:uppercase;}
.leaguer_con li .sub{ width:52px; height:21px; overflow:hidden; border:none; background:url(../images/login_sub.jpg) no-repeat; cursor:pointer;}
.leaguer_con li .inp3{ margin-top:13px; float:left; margin-left:78px; _margin-top:8px;}
.leaguer_con li .span2{ float:left; display:block; padding-left:4px;}
.leaguer_con li strong{ display:block; width:15px; height:15px; overflow:hidden; position:absolute; right:4px; top:12px; z-index:5;}
.leaguer_con li strong img{ width:15px; height:15px;}
.leaguer_con li .code_check{right:88px;}

/*顶部登录注册收藏*/
.web_top{ width:100%; height:30px; overflow:hidden; background:url(../images/top_bg.jpg) repeat-x; font-size:12px; line-height:32px;}
.web_top .con{ width:980px; height:30px; overflow:hidden; margin:0 auto;}
.web_top .con p{ width:auto; height:30px; overflow:hidden; float:left; padding-left:10px;}
.web_top .con ul{ width:auto; height:30px; overflow:hidden; float:right; padding-right:10px;}
.web_top .con li{ width:auto; height:30px; overflow:hidden; float:left;}