/*样式重置：
1.去除一些元素的默认间距，边距
2.去除不同浏览器对某些添加的默认样式
3.超链接的下划线，和默认样式
*/
/*
添加一些常用的样式
1.字体，字体大小
2.去除超链接下划线
3.添加浮动
4.去除添加边框和边距对原始div的影响
*/
body{
font-size: 12px;
font-family: "Microsoft YaHei",sans-serif;
color: #333;
}
a{
color: #333;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
ul,ol{
list-style: none;
}
input{
border: none;
/*获取焦点时的外边框*/
outline: none;
/*清除移动端默认的表单样式:-webkit-appearance是用来改变按钮和其他控件的外观，使其外观类似于原生控件.
通常我们可以在相应的元素上加上-webkit-appearance: none;来移除原生控件样式。*/
-webkit-appearance: none;
}
/*添加的新样式*/
/*左浮动与右浮动*/
.f_left{
float: left;
}
.f_right{
float: right;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after{
display:block;
height:0;
clear:both;
content: "";
height: 0;
line-height:0;
display: block;
clear: both;
visibility: hidden;
}
.m_l10{
margin-left:10px;
}
.m_r10{
margin-right:10px;
}
.m_t10{
margin-top:10px;
}
/*Bz*/
.ib{
display: inline-block;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}