@charset "utf-8";
blockquote,body,button,code,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:none;}
a{color:#333; text-decoration:none;}
a:active,a:hover{text-decoration:none;}
a:focus,button:hover,input:hover,input[type=button]:hover{outline:0;}
cite,em,i{font-style:normal;}
li{overflow:hidden;list-style-type:none;vertical-align:bottom;}
body,button,input,select,textarea{outline:0;font-family:arial,'微软雅黑',sans-serif;line-height:24px}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;border:none;}
.overflow{overflow:hidden;}
a,button,i,input{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent;}
.fl{float:left;}
.fr{float:right;}
/* img{height:auto;max-width:100%;border:none;interpolation-mode:bicubic;} */
.txt-center{text-align:center;}
.txt-justify{text-align:justify;text-justify:inter-ideograph;}
.word-auto{word-wrap:break-word;word-break:normal;}
.mg-auto{position:relative;margin-right:auto;margin-left:auto;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0;}
.tianstion{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s;-ms-transition:all ease .4s;}
.area{width:100%;}
#wrap{position:relative;max-width:640px;background:#F0F0F0;}
body{background:#F0F0F0;}
@media screen and (max-width :360px){body{font-size:11px;}
#wrap{width:100%;}
}
@media screen and (min-width:360px) and (max-width :479px){body{font-size:12px;}
#wrap{width:100%;}
}
@media screen and (min-width:480px) and (max-width:640px){body{font-size:15px;}
#wrap{width:100%;}
}