/*header*/
@font-face {
  font-family: 'DINAlternate';
  src: url("../font/DIN Condensed Bold.ttf"); /* Safari, Android, iOS */
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
}
body{
  display:flex;
  flex-direction: column;
    height: 100%;
    position:relative;
}
.header{
  background-color:#000;
}
.content{
  margin-top:3.2rem;
  width:100%;
  float:left;
  flex:1 0 auto;
}
.content .layout{
  margin:0 auto;
  width:76%;
}
.content .layout .content_title{
  width:12.6rem;
  height:0.84rem;
  float:left;
  font-size:1.2rem;
  margin-top:1.2rem;
  margin-left:0.2rem;
  font-family:DINAlternate;
}
.content .layout .content_title a{
  display:inline-block;
}
.content .layout .content_title a:hover{
  color: #ff6643;
}
.content .layout .border{
  width:100%;
  height:0.2rem;
  background-color:#323335;
  float:left;
  margin-top:1.04rem;
}
.content .layout .article ul{
  width:100%;
  overflow:hidden;
}
.content .layout .article ul li{
  display:inline-block;
  font-family: PingFangSC;
  margin-top:0.4rem;
  font-size:0.96rem;
  line-height:2.0;
  text-align:left;
  color:#333333;
}
.content .layout .article .import_img{
  margin-left:8rem;
  width:4.4rem;
  display:block;
  margin-top:1.2rem;
  height:7.36rem;
}
.content .layout .article .import_word{
  display:block;
  margin-left:6.8rem;
  margin-top:0.76rem;
}
.content .layout .article .color_word{
  background-color:#e3e3e3;
  width:7.6rem;
  height:1.36rem;
  display:inline-block;
}
.content .layout .article .small_word{
  width:100%;
  font-size:0.72rem;
  float:left;
  height:2.16rem;
  font-family: PingFangSC;
  color: #666666;
  margin-top:1.32rem;
  text-align:left;
}
.content .layout .article .small_word span{
  text-align:left;
  display:block;
}
.footer{
  background-color:#f0f0f0;
}
.footer .layout{
  background-clor:#f0f0f0;
}