/* CSS Document */

* {
  font-family: 'PingFangSC', 'Microsoft YaHei', '\u5fae\u8f6f\u96c5\u9ed1',
    'Open Sans', 'Hiragino Sans GB', 'STHeiti', 'WenQuanYi Micro Hei', SimSun,
    sans-serif;

  padding: 0;

  margin: 0;
}

body {
  padding: 0;
  background: #ffffff;
  margin: 0;
  width: 100%;
  color: #333333;
}

a {
  color: #333333;

  text-decoration: none;

  cursor: pointer;
}

a:hover {
  text-decoration: none;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  transition: all 0.2s ease;

  color: #921d22;
}

.clear {
  clear: both;
}

em,
i {
  font-style: normal;
}

ul {
  padding: 0;
  margin: 0;
}

ul li,
li {
  list-style-type: none;
}

img {
  border: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:before,
.clearfix:after {
  content: '';

  display: table;
}

.clearfix:after {
  clear: both;

  overflow: hidden;
}

.clearfix {
  zoom: 1; /*for ie6 & ie7 */
}

input,
select,
textarea {
  outline: none;
  color: #333;
}

input {
  -webkit-appearance: none;
}

.h10 {
  height: 0.25rem;
  clear: both;
  overflow: hidden;
}

.h20 {
  height: 0.5rem;
  clear: both;
  overflow: hidden;
}

.h30 {
  height: 0.75rem;
  clear: both;
  overflow: hidden;
}

.h40 {
  height: 1rem;
  clear: both;
  overflow: hidden;
}

.h50 {
  height: 1.25rem;
  clear: both;
  overflow: hidden;
}

.h60 {
  height: 1.5rem;
  clear: both;
  overflow: hidden;
}

.h70 {
  height: 1.75rem;
  clear: both;
  overflow: hidden;
}

.h80 {
  height: 2rem;
  clear: both;
  overflow: hidden;
}

.h90 {
  height: 2.25rem;
  clear: both;
  overflow: hidden;
}

.cl {
  clear: both;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */

  color: #b0b0b0;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */

  color: #b0b0b0;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #b0b0b0;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */

  color: #b0b0b0;
}

input-placeholder {
  color: #b0b0b0;
}