@charset "utf-8";

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, 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; 
} 
body { 
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: "" ""; 
} 
.fl{ float:left;}
.fr{ float:right;}
a { text-decoration:none;}

/*flex布局*/
.flex-display {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
}
.flex-flex1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
.flex-alignC,.flex-align-center {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}
.flex-column{
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.flex-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-end {
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.flex-center {
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-shrink0{
    flex-shrink: 0;
}


.clear {
    clear: both;
    float: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}