@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;			   /*外边距，内边距（填充）均为0*/
-moz-box-sizing:border-box;        /* 火狐浏览器*/
-webkit-box-sizing:border-box;    /* webkit内核谷歌浏览器*/
box-sizing:border-box;}           /* 边框宽度往内填充*/  /*默认样式：往外填充，content-box边框往外填充*/

body{font-size:16px;font-family:"微软雅黑";color:#333333;background:#f3f3f3;}   /*浏览器一般默认字体大小为16像素=12磅，#333浅灰色*/

b{font-weight:normal;}  /*加粗标签b，normal常规，不加粗；加粗bold=700*/

i{font-style:normal;}   /*斜体标签i，normal常规，不倾斜；italic倾斜与不倾斜之间；oblique倾斜*/

a,a:hover,a:active{text-decoration:none;color:#333333;}   /*text-decoration文本修饰：有上、下、中（删除线）划线、闪烁等效果*/
input,textarea,select{outline:none;}    /*单行输入框，多行输入框，下拉列表选项均有轮廓（默认有蓝色轮廓），轮廓在边框之外*/

img{border:none;vertical-align:top;}   /* vertical-align:top  竖直方向对齐：顶端对齐，可以解决图片基线对齐下方多出的空间*/

li{list-style:none;}   /*列表项前没有编号和项目符号*/

.fl{float:left;}      /* 类名命名为.fl，样式：左浮动*/
.fr{float:right;}	 /* 类名命名为.fr，样式：右浮动*/
.cl{clear:both;}     /* 类名命名为.cl，样式：清除两侧的左和右浮动，*/

.clearfix::after{    /*  ：：伪元素标记，在类名clearfix后添加伪元素，内容为空，类型为块级，且左右没有浮动元素，即独占一行，防止高度塌陷*/
				content:"";
				display:table;
				clear:both;
				}