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;
}