/*以及圆角*/
.button{ border-radius: 0; } 
/*flex 盒模型布局*/
.flex{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;align-items: center;align-content: space-between;}
/*清除浮动方法*/
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{+height:1%;zoom:1;}
.clear {clear:both;}
/*两端对齐 布局*/
.justify {text-align:justify;text-justify:inter-ideograph;font-size:0;}
.justify::after {display:inline-block;content:'';width:100%;height:0;overflow:hidden;vertical-align:top;}
.hidden {overflow: hidden;}
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.mar {margin: 1rem auto;}