css样式

/*
 *清除默认样式
 */
 *{margin: 0;padding: 0;}
  html,body{width: 100%;height: 100%;min-width: 1024px}
  #app{height: 100%;position: relative}
  body { background:#fff; color:#555; font-size:14px; font-family:Microsoft YaHei;user-select: none}
  td,th,caption { font-size:12px; }
  h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
  address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
  a { color:#555; text-decoration:none; }
  /*a:hover { text-decoration:underline; }*/
  img { border:none; }
  ol,ul,li { list-style:none; }
  input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; -webkit-user-select: none;}
  table { border-collapse:collapse; }
  /*清除浮动*/
  .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
  .clearfix{_height:1%;}
  /*上下居中*/
  .topCenter{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
  }
  /*左右居中*/
  .leftCenter{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
  }
  /*上下左右居中*/
  .center{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }