* {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  background: #fff;
  color: #666;
  font-family: 'MicrosoftYaHei', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  list-style: none;
}
dl {
  margin: 0;
  padding: 0;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
p {
  margin: 0;
}

/* header */
header {}
/* header end */

/* list page */
#content {
  width: 80%;
  margin: 20px auto;
}
#content .banner section {
  display: inline-block;
  max-height: 120px;
  margin: 0 10px;
}
#content h3 {
  font-size: 20px;
  color: #ff0000;
  border-bottom: 1px solid #ccc;
  margin: 15px 0;
}
#content h3::after {
  content: '';
  display: block;
  width: 40%;
  padding-bottom: 10px;
  border-bottom: 2px solid #ff0000;
}
#content .list section {
  font-size: 16px;
}
#content .list section::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ff0000;
  border-radius: 3px;
  margin-right: 5px;
}
/* list page end */

/* footer */
footer {}
/* footer end */



/*-- responsive media queries --*/
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1080px) {}
@media (max-width: 1024px) {
}
@media (max-width: 991px) {}
@media (max-width: 800px) {}
@media (max-width: 768px) {
}
@media (max-width: 736px) {
}
@media (max-width: 667px) {}
@media (max-width: 640px) {}
@media (max-width: 600px) {}
@media (max-width: 568px) {}
@media (max-width: 480px) {
}
@media (max-width: 414px) {}
@media (max-width: 384px) {}
@media (max-width: 375px) {}
@media (max-width: 320px) {}