html{color:#000;background:#FFF;}   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {    
  margin:0;   
 padding:0;   
}   
table {   
    border-collapse:collapse;   
 border-spacing:0;   
}   
fieldset,img {    
 border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
   list-style:none;   
}   
caption,th {   
 text-align:left;   
}   
h1,h2,h3,h4,h5,h6 {   
  font-size:100%;   
   font-weight:normal;   
}   
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}




html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
 margin: 0;  
 padding: 0;  
 border: 0;  
 outline: 0;  
 font-weight: inherit;  
 font-style: inherit;  
 font-size: 100%;  
 font-family: inherit;  
 vertical-align: baseline;  
}  
/* remember to define focus styles! */  
:focus {  
 outline: 0;  
} 
.block{
	/*width: 204px;*/
	height: 58px;
} 
html,body {  
	min-width: 1240px;
 line-height: 1;  
 color: black;  
 background: white;  
}  
ol, ul {  
 list-style: none;  
}  
/* tables still need 'cellspacing="0"' in the markup */  
table {  
 border-collapse: separate;  
 border-spacing: 0;  
}  
caption, th, td {  
 text-align: left;  
 font-weight: normal;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
 content: "";  
}  
blockquote, q {  
 quotes: "" "";  
}

.none{
	display: none;
}
/*文本超出显示省略号*/
.ell{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*清除浮动*/
.clearfix { clear: both; *zoom:1;}
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }

/*flex盒子布局*/
.flex {display: -webkit-flex;display: flex;}

/* 宽度随屏幕改变变化 */
.flex-1 {-webkit-flex: 1;flex: 1;}

/* 垂直水平居中 */
.flex-center {justify-content: center;flex-direction: column;align-items: center;-webkit-justify-content: center;-webkit-flex-direction: column;-webkit-align-items: center;}

.flex-start {align-items: flex-start;-webkit-align-items: flex-start;}

/* 水平居中 */
.flex-align-center{justify-content: center;-webkit-justify-content: center;}

/* 垂直居中 */
.flex-ver{-webkit-align-items: center;align-items: center;}

.flex-end {-webkit-align-items: flex-end;align-items: flex-end;}

/* flex 换行 */
.flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;}

/* flex 容器（设置为flex）内子元素向两边顶齐平分 */
.flex-jcsb {justify-content: space-between;}
.flex-jcsa {justify-content: space-around;}


/* 容器（设置为flex）内子元素靠最后对齐（水平时比较像右浮动） */
.flex-jcfe {justify-content: flex-end;}

/* 容器（设置为flex）内子元素靠最前对齐（水平时比较像左浮动） */
.flex-jcfs {justify-content: flex-start;}

/* 容器（设置为flex）内子元素等高 */
.flex-ais {align-items: stretch;}

/* 容器（设置为flex）内子元素置底 */
.flex-aife {align-items: flex-end;}


/* flex 纵向 */
.flex-col{-webkit-flex-flow: column;flex-flow: column;}
.flex-row{-webkit-flex-flow: row;flex-flow: row;}

.flex-sb{-webkit-justify-content: space-between;justify-content: space-between;}
.flex-sa{-webkit-justify-content: space-around;justify-content: space-around;}