html,body{width: 100%;}

     /* Normalizes margin,padding */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size:100%}
/* Removes list-style from lists */
ol,ul { list-style:none }
/* Normalizes font-size and font-weight to normal */
address,caption,cite,code,dfn,em,strong,th,var { font-size:normal; font-weight:normal }
/* Removes list-style from lists */
table { border-collapse:collapse; border-spacing:0 }
/* Removes border from fieldset and img */
fieldset,img { border:0 }
/* Left-aligns text in caption and th */
caption,th { text-align:left }
/* Removes quotation marks from q */
q:before,q:after { content:''}


/* 声明 flex */
.hi-flex{display:flex !important;}
/* flex 竖向 */
.hi-rows{display:flex; flex-direction:row !important;}
/* flex 横向 */
.hi-columns{display:flex; flex-direction:column !important;}
/* flex 自动换行 */
.hi-wrap{display:flex; flex-wrap:wrap;}
/* flex 横向不换行 */
.hi-nowrap{display:flex; flex-wrap:nowrap !important;}
/* flex 横向两端对齐 */
.hi-space-between{display:flex; justify-content:space-between !important; }
.hi-space-around{display:flex; justify-content:space-around !important; }
/* flex 横向居中 */
.hi-flex-center{justify-content:center;}
/* flex 垂直顶端对齐 */
.hi-flex-top{align-items: flex-start;}
/* flex 垂直居中对齐 */
.hi-flex-vcenter{align-items:center;}
/* flex 垂直底部对齐 */
.hi-flex-bottom{align-items:flex-end;}