/* *{
    box-sizing: border-box;
} */
html,body{width:100%;overflow-x:hidden;box-sizing: border-box;padding: 0;margin: 0;}
.fill{
    width: 100%;
    height: 100%;
}
.flex{
    display: -webkit-box; display: -moz-box; display: -webkit-flex;display: -moz-flex;display: -ms-flexbox; display: flex;display: -ms-flex; /* 兼容IE */
    -webkit-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-lines:multiple;-moz-flex-flow:row wrap;box-orient:horizontal;box-lines:multiple;flex-flow:row wrap;
    flex-wrap: nowrap;
}
.flexWarp{
    -webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fr{
    float: right;
    vertical-align: top;
}
.none{
    display: none;
}
p{
    margin: 0;
}
.bold{
    font-weight: bold;
}
.icon {
    vertical-align: -0.15em;
    fill: currentColor!important;
    overflow: hidden;
}
a{  
    color: black;
    text-decoration: none;
}
/* IE9兼容 */
.clearfix{
    *zoom:1;
}
.clearfix>div{
    float: left;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}