html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, textarea, button, img, iframe, table, th, td,
::before, ::after {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none; /*清除列表风格*/
}

s, i, em {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

/*fieldset组合表单中的相关元素*/
select, input, button, textarea {
    border: none;
    outline-style: none;
    font-size: inherit;
    background: transparent;
}

/*防止多行文本框拖动*/
textarea {
    resize: none;
}

button {
    cursor: pointer;
}

img {
    border: none;
    vertical-align: top;  /* 去掉图片底测默认的3像素空白缝隙 */
}

table {
    border-collapse: collapse; /*合并外边线*/
}

a, a:hover {
    /*-webkit-tap-highlight-color: transparent; 移动端 tap 高亮 */
    text-decoration: none;
    color: inherit;  /* 颜色继承 */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}


/* 去除 自动填充表单是的浅黄色背景 改为白色 */
select:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

/* placeholder 文字颜色设置 */
input, button, select, textarea {
    font-size: inherit;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #aaa;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aaa;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aaa;
}

/*select 默认样式修改 */
.select {
    display: inline-block;  /*苹果手机显示有问题 增加此属性*/
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: 1PX solid #999;
    padding-left: 4px;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("http://ourjs.github.io/static/2015/arrow.png") right center no-repeat scroll;

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.select::-ms-expand {
    display: none;
}

/*清除浮动*/
.clearfix::before,
.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}


/* 根据项目情况设置 */
html {
    width: 100%;
    height: 100%;
    color: #333;
    background: #fff;
    position: relative;

    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
}

body, input, select, button, textarea {
    /* 控制的字体渲染——只对MacOS的Webkit有效， 尽可能地控制输出的字体，而非控制字体渲染比较好 */
    -webkit-font-smoothing: antialiased;

    line-height: 1.3;
    font-family: tahoma, arial, Hiragino Sans GB, "Microsoft YaHei", \5b8b\4f53, sans-serif;
    color: inherit;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.hide {
    display: none;
}

.show {
    display: block;
}
