@charset "utf-8";
*{
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", '宋体', 'Arial';
  color: #333;
}
p,
ul,
li,
dl,
dd {
  padding: 0;
  margin: 0;
}
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: #666;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
  .container-fluid {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .container {
    max-width: 414px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
  } 
  .container-fluid {
    max-width: 414px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 375px) {
  .container {
    max-width: 375px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
  }
  .container-fluid {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 360px) {
  .container {
    max-width: 360px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: auto;
    margin-right: auto;
  }
  .container-fluid {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
*:link, *:visited, *:hover, *:active, *:focus { text-decoration: none;}