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

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*
在类名为"clearfix"的元素内最后面加入内容；
content: ".";     <----内容为"."就是一个英文的句号而已。也可以不写。
display: block;   <----加入的这个元素转换为块级元素。
clear: both;     <----清除左右两边浮动。
visibility: hidden;      <----可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；
*/

.clearfix {zoom:1;}/* zoom:1;这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素*/
ul,li {list-style:none;}
img {border:0;}

.wrapper {width:950px; margin:0 auto;}

h1 {height:50px; line-height:50px; font-size:22px; font-weight:normal; font-family:"Microsoft YaHei",SimHei;}

.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}

/* qqshop focus */
#focus {width:950px; height:400px; overflow:hidden; position:relative;}
#focus ul {height:580px; position:absolute;}
#focus ul li {float:left; width:950px; height:400px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:950px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:950px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}