.xq-flex{display:flex;}
.xq-rows{display:flex; flex-direction:row;}
.xq-columns{display:flex; flex-direction:column;justify-content:center}
.xq-wrap{display:flex;  flex-direction:row; flex-wrap:wrap;}
.xq-nowrap{display:flex; flex-direction:row; flex-wrap:nowrap;}
.xq-flex-between{display:flex; flex-direction:row; justify-content:space-between;}
.xq-flex-around{display:flex; flex-direction:row; justify-content:space-around;}
.xq-flex-center{display:flex; flex-direction:row; justify-content:center;}
.xq-flex-end{display:flex; flex-direction:row; justify-content:flex-end;}
.xq-flex-cbetween {display:flex; flex-direction:row; justify-content:space-between;align-items:center;}
.xq-flex-vtop{align-items:flex-start;}
.xq-flex-vcenter{align-items:center;}
.xq-flex-vbottom{align-items:flex-end;}
.xq-no-scale{flex-shrink:0;}
.xq-flex1{flex:1;}
.xq-flex-v1{display:flex; flex-direction:column; flex:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.border-box{
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.mt30{
    margin-top:30px;
}