* {
  margin: 0;
  padding: 0;
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}
a {
  text-decoration: none;
  outline: 0px;
}
html {
  font-size: 50px;
  background-color: #f2f2f2;
}
body {
  min-width: 320px;
  width: 15rem;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 21.33333333px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 50px;
  }
}
.header {
  height: 2.12rem;
  width: 15rem;
  background-color: #2c2f32;
}
.header .back {
  float: left;
  width: 2.4rem;
  height: 2.12rem;
  border-right: 0.06rem solid #464646;
  text-align: center;
  line-height: 2.12rem;
}
.header .back img {
  width: 1.04rem;
}
.header .more {
  width: 2.4rem;
  height: 2.12rem;
  text-align: center;
  line-height: 2.12rem;
  background-color: #a84d34;
  float: right;
}
.header .more img {
  width: 0.84rem;
}
#make,
#entertainment,
#company,
#industrial {
  display: none;
}
#entertainment .img {
  padding: 0 0.72rem;
}
#entertainment .img img {
  width: 100%;
  padding: 1.2rem 0;
}
.title {
  margin: 0.92rem 0.72rem 0 0.72rem;
  padding-bottom: 0.72rem;
  border-bottom: 0.04rem solid #e0e0e0;
  font-size: 0.9rem;
  color: #272a2c;
  font-weight: 600;
}
.content {
  font-size: 0.76rem;
  text-indent: 2em;
  padding: 0.2rem 0.72rem;
  color: #555555;
  line-height: 1.2rem;
}
.content.first {
  margin-top: 1rem;
}
.content.last {
  margin-bottom: 1.2rem;
}
.footer {
  height: 5.44rem;
  background-color: #000;
  padding-top: 0.8rem;
}
.footer p {
  color: #444;
  font-size: 0.56rem;
  text-align: center;
  margin-bottom: 0.5rem;
}