body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei";}

*{-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0.339rem; }

body { color: #666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #fff}

body a { text-decoration: none; font-style: normal; font-weight: normal; color: inherit;}

body i, body em, body strong {font-style: normal;}

body ol, body ul, body li {list-style: none; }

body body textarea,input, body select{outline: none;border: none;-webkit-appearance: none; }

body img {max-width: 100%;border: none; }

h1,h2,h3,h4,h5,h6 { text-align: center;font-weight: bold;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;margin: 0;padding: 0;} 

body .clearfix:after { 
    content: ''; 
    display: block;
    height: 0;
    visibility: hidden; 
    clear: both; 
}
body .clearfix { *zoom: 1; }

.container { 
    width: 94%; 
    height: auto; 
    margin: 0 3%;
    position: relative;
}
.flex{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
   -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}