*,
::before,
::after {
    /*选择所有的标签*/
    margin: 0;
    padding: 0;
    /*清除移动端默认的点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*所有的都是以边框开始计算宽度 百分比*/
    -webkit-box-sizing: border-box;
    /*兼容用的*/
    box-sizing: border-box;
}

body {
    font-size: 14px;
    font-family: "Microsoft YaHei", sans-serif;
    color: #333;
}

a {
    /* color: #333; */
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input {
    border: none;
    outline: none;
    /*清除移动端默认的表单样式*/
    /* -webkit-appearance: none; */
}

ul,
ol {
    list-style: none;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.clearfix::before,
.clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}


/*所有页面中class以"icon_开头的都会设置这个属性"*/

[class^="icon_"] {
    background: url("../image/sample.jpg") no-repeat;
    background-size: 70px 80px;
}