html,body {
    height: 100%;
}
body {
    background: rgba(245, 245, 245, 1);
}
/*1. 重置样式   reset css*/
* {
    margin: 0;
    padding: 0;
}
*, ::before, ::after {
    /*设置宽度高度的时候，是包含 边框 内边距  内容 ，尺寸从边框开始计算*/
    /*防止盒子超出设备宽度  不出现横向滚动条*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
}
ul{
    list-style: none;
}
a{
    color: #333;
    text-decoration: none;
    /*点击高亮效果  清除 设置的是完全透明的颜色*/
    -webkit-tap-highlight-color: transparent;
}
a:hover{
    color: #333;
}
input[type="text"],input[type="search"],input[type="number"],textarea{
    outline: none;
    border: none;
    -webkit-appearance: none;
}

/*2. 公用样式   common css*/
.f_left{
    float: left;
}
.f_right{
    float: right;
}
.clearfix:before,
.clearfix:after{
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
}