/* reset */
html {
  background-color: #fff
}
body {
  font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;
  background-color: transparent;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}

/* bg class */
.bg-white { background-color: #ffffff; }
/* text color class */
.text-white { color: #ffffff; }
.text-black{ color: #000000; }
/* help class */
.display-block{ display:block }
.display-none{ display:none}
.pm-none { margin: 0; padding: 0; }
.div-center { margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.img-circle { border-radius: 50%; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.pos.left { left: 0; }
.pos.right { right: 0; }
.pos.top { top: 0; }
.pos.bottom { bottom: 0; }
.width-full { width: 100%; }
.width-half{width: 50%;}
.max-width-640 { max-width: 640px; }
.height-full { height: 100%; }
.overflow-hidden { overflow: hidden; }
.pull-right { float: right; }
.pull-left { float: left; }
.help-inline-block { display: inline-block; }
.full-bg-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.full-bg-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.cursor-pointer{
  cursor: pointer;
}
.clear-fix {
  clear: both;
}
.clone {
  display:none;
}