@media screen and ( min-width: 212px){/*213px显示屏样式 LG Optimus One*/}

@media screen and ( min-width: 319px){/*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */}

@media screen and ( min-width: 359px){/*360px显示屏样式 索尼Z1*/}

@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ /*兼容iphone6*/ }

@media screen and ( min-width: 383px){/*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/}

@media screen and ( min-width: 399px){/*399px显示屏样式 三星galaxyNote*/}

@media screen and ( min-width: 414px){/*414px显示屏样式 苹果6plus*/}

@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ /*兼容iphone6+*/ }

@media screen and ( min-width: 423px){/*424px显示屏样式 LG 4X */}

@media screen and ( min-width: 479px){/*480px显示屏样式 索尼MT27i Xperia sola*/}

@media screen and ( min-width: 539px){/*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/}

@media screen and ( min-width: 639px){/*640px显示屏样式*/}

@media screen and ( min-width: 640px){/*640px以上显示屏样式*/}

@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ /*魅族*/  }

@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ /*mate7*/  }

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){ /* 兼容iphone4/4s */; }

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ /* 兼容iphone5 */; }

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
	/*div {
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
	}*/
}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td,i {
    margin: 0;
    padding: 0;
    border: 0; outline: none; font-style: normal; font-weight: normal;
}
html,body {
    color: #333;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-size: inherit !important;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar:{display:none; width:0; height: 0;}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

body {
	background: #f4f4f4;
	color: #666;
	top: 0;
	left: 0;
	display: block;
	position: fixed;
	padding-top: constant(safe-area-inset-top); /* 兼容 iOS < 11.2 */
	padding-top: env(safe-area-inset-top); /* 兼容 iOS > 11.2 */
	padding-left: constant(safe-area-inset-left); /* 兼容 iOS < 11.2 */
	padding-left: env(safe-area-inset-left); /* 兼容 iOS > 11.2 */
	padding-right: constant(safe-area-inset-right); /* 兼容 iOS < 11.2 */
	padding-right: env(safe-area-inset-right); /* 兼容 iOS > 11.2 */
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS > 11.2 */
}
body::-webkit-scrollbar:{display:none; width:0; height: 0;}

header{
	padding-left: constant(safe-area-inset-left)  !important; /* 兼容 iOS < 11.2 */
	padding-left: env(safe-area-inset-left) !important; /* 兼容 iOS > 11.2 */
	padding-right: constant(safe-area-inset-right) !important; /* 兼容 iOS < 11.2 */
	padding-right: env(safe-area-inset-right) !important; /* 兼容 iOS > 11.2 */
}
footer{
	padding-left: constant(safe-area-inset-left); /* 兼容 iOS < 11.2 */
	padding-left: env(safe-area-inset-left); /* 兼容 iOS > 11.2 */
	padding-right: constant(safe-area-inset-right); /* 兼容 iOS < 11.2 */
	padding-right: env(safe-area-inset-right); /* 兼容 iOS > 11.2 */
}

/*body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td,i
{margin: 0; padding: 0; border: 0; outline: none; font-style: normal; font-weight: normal;}*/

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}



