html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
span {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

a,
i {
    text-decoration: none;
    color: #000;
}

.container {
    /*版心 提取 */
    width: 1200px;
    margin: 0 auto;
}

.clearfix {
    zoom: 1;
    /*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的haslayout属性起作用*/
}

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