@CHARSET "UTF-8";
*{margin:0;padding:0; font-family:"微软雅黑","Arial" }
ul,ol li{list-style:none;}
a,button{text-decoration:none; outline:0px; -webkit-tap-highlight-color: rgba(0,0,0,0)}
a:hover{text-decoration:none;}
img{ vertical-align:middle}
button,input,select,textarea{font-size:14px;resize:none; outline: none; overflow:hidden}
table{border-collapse:collapse; border-spacing:0;}
html { background:#fff; height:100%}

.clearfix:after{content:"\20"; display:block; height:0; clear:both;}
.clearfix{*zoom:1; _zoom:1}

@media screen and (min-width:320px) and (max-width:479px){ html{font-size:12px}} 
@media screen and (min-width:480px) and (max-width:539px){ html{font-size:14px}} 
@media screen and (min-width:540px) and (max-width:599px){ html{font-size:16px}}
@media screen and (min-width:600px) and (max-width:639px){ html{font-size:18px}}  
@media screen and (min-width:640px) and (max-width:719px){ html{font-size:20px}} 
@media screen and (min-width:720px) and (max-width:767px){ html{font-size:22px}} 
@media screen and (min-width:768px) and (max-width:799px){ html{font-size:24px}} 
@media screen and (min-width:800px) and (max-width:959px){ html{font-size:26px}} 
@media screen and (min-width:960px) and (max-width:1023px){ html{font-size:28px}} 
@media screen and (min-width:1024px) and (max-width:1199px){ html{font-size:30px}} 
@media screen and (min-width:1200px){ html{font-size:36px}}