@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-size:12px; font-family:"宋体"; color:#6d6d6d; background: url(../ext_images/body.jpg);}
body,ul,li.ol,span,h1,a,img{ padding:0px; margin:0px; list-style:none;}

/* 网站主题框架 */
.header{ width:100%; height:193px; background: url(../ext_images/header.png); border-bottom:solid #FFF 1px; } 
.main-K{ margin:0 auto; width:1000px; }
.Main{ margin:auto; width:998px; padding-left:1px; padding-right:1px; float:left; margin-bottom:10px;  padding-top:10px; padding-bottom:10px;  background:#fff;}
.footer{ height:100px; width:100%; background: url(../ext_images/header.png); background-position:0px -365px; border-top:solid 1px #c2c2c2; clear:both; }
.footer-box{ width:1000px; margin:0 auto; text-align:center; color:#6d6d6d; padding-top:20px;line-height:22px}

/* header 一下样式 */
.banter{ width:1000px; height:156px; font-size:30px;  background: url(../ext_images/banter.jpg);  font-family:"黑体";}
.nav{ height:37px; line-height:37px; width:1000px; margin:0 auto;background: url(../ext_images/header.png); background-position:0px -278px;}
.nav .left{ width:15px; height:37px; float:left; background: url(../ext_images/header.png); background-position:0px -194px;}
.nav .right{ width:15px; height:37px; float:right; background: url(../ext_images/header.png); background-position:right -232px;}
.nav .navlibiao{ float:left; padding-left:20px; }
.nav .navlibiao li{ float:left; margin-right:10px; }
.nav a{ background: url(../ext_images/); background-position:0px -320px; width:91px; color:#FFF; font-weight:bold; display:block; text-align:center; float:left; text-decoration:none; font-size:14px;  }
.nav a:hover{ background: url(../ext_images/header.png); background-position:0px -320px; width:91px; color:#FFF; font-weight:bold; display:block; text-align:center; float:left; text-decoration:none; font-size:14px;  }
.nav .hover{ background: url(../ext_images/header.png); background-position:0px -320px; width:91px; color:#FFF; font-weight:bold; display:block; text-align:center; float:left; text-decoration:none; font-size:14px;  }
/*main 主体一下样式 左 中 右 */

.left-nav{ width:224px;  height:auto; float:left; }
.cen-main{ width:522px;  height:auto; margin-left:13px; float:left; }
.right-nav{ width:224px; height:auto; float:right; }


a{ color:#6d6d6d; text-decoration: none;}
a:hover{ color:#ff3300;}
img{ border:none;}
/* left 左边导航框架 */

.left-title-1{ width:222px; height:40px; float:left; line-height:40px; background: url(../ext_images/title.png); background-position:0px 0px;   }
.left-title-1 span{ padding-left:20px; font-weight:bold;}
.left-title-2{ width:222px; height:40px; float:left; line-height:40px; margin-top:10px; background: url(../ext_images/title.png); background-position:0px -46px;   }
.left-title-2 span{ padding-left:20px; font-weight:bold;}
.left-title-3{ width:222px; height:40px; float:left; line-height:40px; margin-top:10px; background: url(../ext_images/title.png); background-position:0px -93px;   }
.left-title-3 span{ padding-left:20px; font-weight:bold;}

.left-box-1{ width:220px; height:auto; float:left; border:#CCC solid 1px; border-top:none;}
.xiazai{ width:220px;}
.xiazai li{ width:220px; border-bottom:solid 1px #dfdfdf; height:35px; line-height:35px;}
.xiazai li a{background: url(../ext_images/title.png); background-position:left -187px; padding-left:20px; text-decoration:none; display: block;}
.xiazai li a:hover{ background: url(../ext_images/title.png); background-position:left -147px; color:#000;}

.anniu{ width:220px;}
.anniu li{ width:220px; height:54px; border-bottom:#CCC solid 1px; line-height:54px;}
.an1 a{background: url(../ext_images/title.png); background-position:right 0px; padding-left:20px; _padding-left:0px; text-decoration:none; display: block;   _display:inline-block;   _width:100%; }
.an1 a:hover{ background: url(../ext_images/title.png); background-position:right -220px; color:#FFF;}

.an2 a{background: url(../ext_images/title.png); background-position:right -56px; padding-left:20px; _padding-left:0px; text-decoration:none; display: block;   _display:inline-block;   _width:100%; }
.an2 a:hover{ background: url(../ext_images/title.png); background-position:right -275px; color:#FFF;}

.an3 a{background: url(../ext_images/title.png); background-position:right -110px; padding-left:20px; _padding-left:0px; text-decoration:none; display: block;  _display:inline-block;   _width:100%; }
.an3 a:hover{ background: url(../ext_images/title.png); background-position:right -330px; color:#FFF;}

.an4 a{background: url(../ext_images/title.png); background-position:right -165px; padding-left:20px; _padding-left:0px; text-decoration:none; display: block;   _display:inline-block;   _width:100%;}
.an4 a:hover{ background: url(../ext_images/title.png); background-position:right -385px; color:#FFF;}


.left-box{ width:220px; height:auto; float:left; border:#CCC solid 1px; border-top:none; padding-bottom:5px;}

.sousuo{  width:520px; height:56px; border:#dfdfe1 solid 1px;margin-bottom:10px; background: url(../ext_images/title.png);  background-position:0px -445px; float:left; }
.sousuo .Sliebiao{ width:400px;  float:left; padding-left:100px;  padding-top:20px;}
.sousuo .Sliebiao li{ float:left; padding-left:5px;}
.xuanze{  width:520px; height:76px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; background: url(../ext_images/title.png);  background-position:0px -585px; float:left; }
.xuanze .liebiao{ float:left;  width:500px; padding-left:10px; line-height:25px;}
.xuanze .liebiao li{ float:left; width:500px; padding-top:8px;}

/* cen 中间导航框架 */
.cen-title-1{ width:520px; height:40px; line-height:40px;  float:left;  border:#CCC solid 1px;background: url(../ext_images/title.png);  background-position:0px -505px;  }
.cen-title-1 span{ padding-left:20px; font-weight:bold;}
.cen-box-1{width:520px; float:left; height: auto; border:#ccc solid 1px; border-top:none;}
.cen-box-1 .Information{  width:515px; padding-left:5px; float:left; height: auto; line-height:25px;}
.cen-box-1 .Information span{ width:20px; height:20px; float:left; }
.cen-box-1 .Information li{ width:475px; line-height:20px; float:left; }
.cen-box-1 .Information li a{ float:left;}
.cen-box-1 .Information li dd{ float:right;}
.cen-title{ 
width:520px; height:40px; line-height:40px; 
float:left;  
border:#CCC solid 1px; border-bottom:none; background: url(../ext_images/title.png);  background-position:0px -546px;
margin-top:10px;
}
.cen-title span{ padding-left:20px; font-weight:bold;}
.cen-box{  width:520px; height: auto; float:left; padding-bottom:5px; border:#CCC solid 1px;}
.cen-box .Article{ width:500px; float:left; padding-bottom:5px; padding-top:5px; border-bottom:dashed 1px #999;}
.cen-box .Article span{ float:left; width:25px; margin-bottom:40px;}
.cen-box .Article li{ width:475px; line-height:20px; float: right; }
.cen-box .gundong{ overflow-y:scroll; height:500px;}

.qkjjie{ width:512px; height:auto; padding-left:8px; padding-top:5px; padding-bottom:5px; float:left; }
.qkjjie span{ width:180px; border:#CCC solid 1px; background-image:url(../ext_images/fmback.gif); height:230px;  float:left; }
.qkjjie span img{ width:180px; height:230px;}
.qkjjie li{ width:320px; margin-right:5px; line-height:25px; float:right;}

.Article a{ text-decoration:none; color:#6d6d6d;}
.Article a:hover{ color:#ff3300; font-weight:bold;}
/* right 右边导航框架 */
.right-title-1{ width:222px; height:40px; line-height:40px; float:left;  background: url(../ext_images/title.png); background-position:0px -229px;  }
.right-title-1 span{ padding-left:20px; font-weight:bold;}

.right-title-2{ width:222px; height:40px; line-height:40px; float:left;  background: url(../ext_images/title.png); background-position:0px -274px;  }
.right-title-2 span{ padding-left:20px; font-weight:bold;}

.right-title-3{ width:222px; height:40px; line-height:40px; float:left;  background: url(../ext_images/title.png); background-position:0px -323px;  }
.right-title-3 span{ padding-left:20px; font-weight:bold;}

.right-box-1{ width:220px; height:210px; border:#CCC solid 1px; border-top:none; margin-bottom:10px; float:left;}
.right-box-1 .Honor{ width:210px; float:left; border-bottom:dashed 1px #333; margin-top:5px; padding-bottom:5px; }
.right-box-1 .Honor span{ float:left; width:50px; height:50px; border:#ccc solid 1px; margin-left:2px;}
.right-box-1 .Honor li{ width:155px; float:left; }
.right-box-1 .fengmian{ margin:10px; background:url(../ext_images/images/fengmian-back.gif); float: left;}

.right-box{ width:220px; height:auto; float:left; border:#CCC solid 1px; border-top:none; margin-bottom:10px;}
.right-box .qkxx{ width:218px; float:left; line-height:25px; padding-left:2px;}
.right-box .qkxx span{ float:left;}
.right-box .qkxx li{ width: auto; float:left; width:153px;}
.qkxx-2g{ width:60px; float:left;}
.qkxx-12g{ width:60px; float:left;}
#qkxx-4g{ width:100px; float:left;}
.qkxx-5g{ width:60px; float:left;}
/* 排行榜标签样式 */
.paih{ width:220px; height:27px; border-left:#cccccc solid 1px;  border-right:#cccccc solid 1px;
background: url(../ext_images/biaoq.png); background-position:0px -28px;float:left; line-height:27px;}
.paih li{ float:left; padding-left:23px; padding-right:25px; margin-right:1px; }
.paih .hover{background: url(../ext_images/biaoq.png); background-position:0px -58px;}
.paihlib{ width:215px; float:left;  padding-left:5px; }
.paihlib span{ background: url(../ext_images/biaoq.png); background-position:0px -5px; width:18px; text-align:center; margin-top:5px; height:18px; float:left;}
.paihlib li{ width:195px; float:right;  margin-top:2px; line-height:20px;}

.xxgg span{ background: url(../ext_images/biaoq.png); background-position:0px -91px; width:18px; text-align:center; height:18px; float:left;}
.xxgg{ width:215px;  float:left; padding-left:5px;margin-top:5px}
.xxgg li{ width:180px;  float:left; margin-top:2px;}


/* 表单控制样式 */
.biaodan{ width:200px; padding-left:10px; }
.biaodan li{ width:200px; margin-bottom:8px; margin-top:8px;}

.form{ padding:px; margin:0px; }
#text{ width:200px; height:18px;}
/* 顶部菜单样式表 */
.bnav{ text-align:left;height:25px;overflow:hidden;width:98%;line-height:25px;background:#E5E5E5; margin:0 1%;border:#B4B4B4 1px solid; border-top:none;z-index:999;position:fixed;top:0;left:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;}
.close{position:absolute;right:5px;height:25px;width:16px;text-indent:-9999px;padding-left:10px;}
.close a{background: url(../ext_images/jt-x.gif) no-repeat center; width:16px;display:block;}
.bnav2{height:24px;line-height:24px; margin:1px; margin-bottom:0;background:#E5E5E5; }
.bnav .s1{ position:absolute;left:10px;}
.bnav .s1 img{ padding-top:3px;margin-right:7px; border:none;}
.bnav .s2{ position:absolute;right:30px; color:#888;}
.bnav .s2 span{ padding-right:10px;}
.bnav .s2 a{margin:0 6px;}
.rolltext{position:absolute;left:160px;height:25px; top:-12px; background:#E5E5E5;line-height:25px; overflow: hidden;}
.rolltext dt,.rolltext dd{float:left;width: auto;}
.rolltext a{display:block;height:25px;overflow:hidden;}
.bnav3{height:25px;width:16px;line-height:25px; margin:0 1%; padding-right:6px;border-bottom:none;z-index:999;position:fixed;top:0;right:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;}
.bnav3 a{background:url(../ext_images/jt-s.gif) no-repeat center; display:block;height:25px;width:16px; text-indent:-5000px;}


(1)页面结构

容器: container

页头：header

内容：content/container

页面主体：main

页尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

(2)导航

导航：nav

主导航：mainbav

子导航：subnav

顶导航：topnav

边导航：sidebar

左导航：leftsidebar

右导航：rightsidebar

菜单：menu

子菜单：submenu

标题: title

摘要: summary

(3)功能

标志：logo

广告：banner

登陆：login

登录条：loginbar

注册：regsiter

搜索：search

功能区：shop

标题：title