/**
* CSS Reset
* 内容：清除和重置和通用功能
* 维护：yzl
* 版本: V1.0;
* 日期:2016/1/31;
* 测试浏览器:IE 6+, Firefox 3.5+, Safari 4+, Chrome 2+, Opera 10+ ;
* 注意点:清除内外边距的元素，去掉了 div, code（在测试浏览器中，没发现有边距）, 增加了 button（感觉是 YUI 遗漏了）. 
	去掉了 YUI 里对 html 颜色和背景色的设置。在测试浏览器中，没有发现差异。（要设的话，推荐background: transparent） 
	对于 address, caption, …, em, strong 等文本格式元素，做了调整。保留了 strong 和 th 的粗体。 
	对 abbr 和 acronym 做了调整，使得在非 ie6 下可视性更好。 
	去掉了 sup 和 sub 的样式，直接用浏览器默认的即可。 
	对于 input, select, textarea 表单元素，去掉了针对 ie 的 inherit, 只保留了 font-size 的 inherit hack. 因为其它 hack 经测试已失效。 
	增加了一些元素的默认样式。;
**/


* {
    -webkit-tap-highlight-color: transparent;
    box-sizing:border-box;
}


/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 除去div 由于div在测试的浏览器中不存在padding和margin */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/*重置表格边框之间的空隙和合并*/
table{border-spacing: 0; border-collapse: 0}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0 none; } /* img 搭车：让链接里的 img 无边框 */
img{vertical-align:middle;max-width:100%;}
/*将字体和字体大小设为正常*/
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
button, input, select, textarea {font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */}
button:focus, input:focus, select:focus, textarea:focus {outline:none;}
/*去除苹果手机按钮默认样式*/
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="file"]{
    -webkit-appearance:none;
}
textarea {
    -webkit-appearance: none;
}
/*颜色块问题*/
a{
    text-decoration:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html{
    position:relative;
    min-height:100%;
}
@media (min-width: 415px) {
    html {
        font-size: 16.5px;
    }
}
@media (max-width: 414px) {
    html {
        font-size: 15.5px;
    }
}
@media (max-width: 375px) {
    html {
        font-size: 14.5px;
    }
}
@media (max-width: 320px) {
    html {
        font-size: 13.5px;
    }
}
/*弹出框显示后，在body中添加样式，禁止滚动*/
.body-fixed{
    overflow:hidden;
}
.show{
    display:block;
}
.hide{
    display:none;
}

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}


/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 除去div 由于div在测试的浏览器中不存在padding和margin */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/*重置表格边框之间的空隙和合并*/
table {
    border-spacing: 0;
    border-collapse: 0
}
/* 重置列表元素 */
ul, ol {
    list-style: none;
}

/* 重置表单元素 */
legend {
    color: #000;
}
/* for ie6 */
fieldset, img {
    border: 0 none;
}
/* img 搭车：让链接里的 img 无边框 */
img {
    vertical-align: middle;
    max-width: 100%;
}
/*将字体和字体大小设为正常*/
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

    button:focus, input:focus, select:focus, textarea:focus {
        outline: none;
    }
    /*去除苹果手机按钮默认样式*/
    textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="file"] {
        -webkit-appearance: none;
        appearance: none;
    }

    input[type="text"], input[type="password"] {
        caret-color: #000;
    }
/*颜色块问题*/
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* 刘海屏问题 */
body {
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
}