html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body, p, h1, h2, h3, h4, h5, h6, ul, li {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 1000px;
  overflow-x: auto;
  color: #333;
}
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 2dppx){ 
    /* Retina下仍使用默认字体渲染 */
    body { -webkit-font-smoothing: subpixel-antialiased; }
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
a {background-color: transparent; text-decoration: none;}
li {list-style: none;}
img {border-style: none;}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {overflow: auto;}

/* layout */
.bs {box-sizing: border-box;}

.container {
  width: 62.5%;
  min-width: 1000px;
  margin: 0 auto;
}

.flex {
  display: -webkit-flex;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-main-c {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-main-sb {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-cross-c {
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-box-flex: 1;  
}

/* text */
.t-left {text-align: left;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-indent {text-indent: 2em;}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipsis2 {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pull-left {float: left!important;}
.pull-right {float: right!important;}