手机端清除样式

* { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, input, font,figure{ padding: 0; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:100%;margin: 0 auto;color:#505050;}
fieldset, img { border: 0; vertical-align: top; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul, li, dl, dt, dd { list-style: none; }
.left { float: left; }
.right { float: right; }
a {color:#333;text-decoration: none; }
a:link, a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: none; outline: none; }
.clearfix:after { display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; zoom: 1; visibility: hidden; }
input[type="submit"],  input[type="button"],  button { -webkit-appearance: none; outline: 0; cursor: pointer; }
textarea { resize: none; overflow: auto; vertical-align: top; }
i, em { font-style: normal; }
body { width: 100%; max-width: 640px; min-width: 320px; font-size:18px;line-height: 30px; overflow: hidden; }


 @media only screen and (min-width: 320px)and (max-width: 360px) {
body{ font-size:12px;line-height:22px;}
}
 @media only screen and (min-width: 360px)and (max-width: 480px) {
body{ font-size:14px;line-height:24px;}
}
 @media only screen and (min-width: 480px)and (max-width: 640px) {
body{ font-size:16px;line-height:28px;}
}