body {

  font-family: Microsoft YaHei;

}

img  {

  border: none;

}

ol,ul,li,a {

  text-decoration: none;

  list-style: none;

}

input,button,select,textarea{

  outline:none;/*去掉谷歌浏览器默认的input、textarea的边框*/

}

.lr-tb {

  -webkit-writing-mode:horizontal-tb;

  writing-mode:lr-tb;

  writing-mode:horizontal-tb;

}

.tb-rl {

  -webkit-writing-mode:vertical-rl;

  writing-mode:tb-rl;

  writing-mode:vertical-rl;

}

.tb-lr {

  -webkit-writing-mode:vertical-lr;

  writing-mode:tb-rl;

  writing-mode:vertical-lr;

}

/* ==========================================================================

   浮动

 ============================================================================ */

.pull-right {

  float: right;

}

.pull-left {

  float: left;

}

/* ==========================================================================

   闭合浮动

 ============================================================================ */

.clearfix:before, .clearfix:after {

  content: "";

  display: table;

}



.clearfix:after {

  clear: both;

}



.clearfix {

  zoom: 1; /* ie 6/7 */

}



/* ==========================================================================

   文字排版方向

 ============================================================================ */

.text-center {

  text-align: center;

}

.text-right {

  text-align: right;

}

.text-left {

  text-align: left;

}

/* ==========================================================================

   响应式图片

 ============================================================================ */

.img-responsive {

  width: 100%;

  height: auto;

}