html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, del, em, img, strong, 
sub, sup, dl, dt, dd, ol, ul, li, form, label, caption { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-family: inherit; 
vertical-align: baseline;
box-sizing:border-box;
}

html { 
font-family:Arial,sans-serif,"Microsoft Yahei", 微软雅黑;
-ms-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
height: 100%;
font-size:12px;
}

body{ 
margin: 0; 
line-height: 1.5; 
color: #727071; 
background-color: white; 
height: 100%; 
-webkit-overflow-scrolling: touch;
background-color:#f7f7f7;
}
h1, h2, h3, h4, h5, h6, p, a,span,li{
    font-family:Arial,"Microsoft Yahei"!important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
display: block; 
}

img { 
border: 0; 
max-width: 100% !important; 
vertical-align: middle; 
}

address, caption, cite, code, i, em, strong{ 
font-weight: normal; 
font-style: normal; 
}

ol, ul { 
list-style: none; 
}
.white{background-color:#fff;}
a {
color:#5f5f5f;
background: transparent; 
text-decoration: none; 
-webkit-tap-highlight-color: transparent;  
}

a:active { 
outline: 0;
}
a:link {color: #000;}
h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
font-size: 100%; 
}

.hor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.hor-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.hor-center, .ver-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.ver-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.center-center {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}
.center-center, .center-center-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.center-center-column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}
.space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
div:after{
    content:"";
    width:0;
    height:0;
    display:block;
    clear:both;
}
.img-responsive {
    display: block;
    width: 100%
}

.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.text-overflow-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-overflow-one {
    -webkit-line-clamp: 1
}
.text-overflow-2, .text-overflow-one {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}
.text-overflow-2 {
    -webkit-line-clamp: 2
}
.text-overflow-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.bg-white {
    background-color: #fff
}
.hide{
    display: none;
}



button, input, select, textarea { 
margin: 0; 
font: inherit; 
color: inherit; 
outline: none; 
-webkit-appearance: none; 
border-radius: 0; 
}

{ 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
:before, 
:after { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
}
.img-responsive {
    display: block;
    width: 100%
}
.hor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    
}