body,html{width:100%;-webkit-text-size-adjust:none;}
body{font-family:'Microsoft YaHei';color:#666;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
li,ol,ul{list-style:none}
em,i{font-style:normal}
img{border:0}

img,input{vertical-align:middle}
* {
padding:0;margin:0;
}
body{color:#666;font-size:14px;background:#f3f5f5;}
a{text-decoration:none;}
a,html{-webkit-tap-highlight-color:transparent}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden}
.hidden{display:none}

/*@media screen and (min-width:320px){html{font-size:42.67px}}
@media screen and (min-width:360px){html{font-size:48px}}
@media screen and (min-width:375px){html{font-size:50px}}
@media screen and (min-width:414px){html{font-size:55.2px}}
@media screen and (min-width:480px){html{font-size:64px}}
@media screen and (min-width:640px){html{font-size:85.33px}}
@media screen and (min-width:750px){html{font-size:100px}}
@media screen and (min-width:1024px){html{font-size:100px}}*/

body{margin:0 auto;}
ul {
           margin:0;
            padding:0;
		list-style:none;
}


a {
    color:#666;
    cursor: pointer;
}

.flex{
	display: flex;
}

.flex-item{

flex:1;	
}