.header {
  width:100%;
  height:10.4375rem;
  padding:2.5rem 2.5rem 0;
  display: flex;
  align-items: center;
  background-color: white;
  margin-bottom: 5.625rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}
.menu-icon {
  width:2.5rem;
  height:2.125rem;
  margin-right: 2.5rem;
  display: none;
}
.logo {
font-size: 3.75rem;
font-weight: bold;
text-transform: uppercase;
}

.logo-part1 {
color: red;
}

.logo-part2 {
color: black;
}
.btn-back {
  position: absolute;
  top: 0;
  left: 1.17rem;
  width: 2.67rem;
  height: 2.67rem;
  z-index: 1;
}
.btn-back > img {
  width: 100%;
}
#cover {
  display: block;
  width: 100%;
  margin: 4.625rem 0 5.6875rem;
  border-radius: 1.25rem;
}
.created_at{
  margin-top: 1.25rem;
  font-size: 1.875rem;
  color:#999;
  margin-top:1.625rem;
}
.wrap{
  width:100%;
  display: flex;
  flex-direction: column;
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  overflow: hidden;
  width: 100%;

  padding:0 2.5rem;
  margin: 0 auto;
  margin-bottom:1.625rem;
  min-height: 16.67rem;
}

.container .txt {
  color: #000;
  font-weight: bold;
  line-height: 4.9375rem;
  font-size: 3.4375rem;
  font-weight: 600;
  margin-top:5.625rem;
  margin-bottom:4.625rem;
}
.container .txt-1 {
  font-size: 1.67rem;
  color: #000;
  font-weight: bold;
  margin-bottom: .83rem;
}
.container .txt1 {
  color: #3A3A3A;
  font-size: 1.17rem;
  width: 100%;
  text-align: left;
  margin-top: 1.33rem;
}
.container .img {
  width: 63.75rem;
  height: 43rem;
  margin-bottom: 1.33rem;
}

.container .detail {
  color: #3A3A3A;
  font-weight: 350;
  line-height: 6rem;
}
.container .detail p{
  font-size: 2.5rem;
  margin-bottom: 4.375rem;
  font-weight: 500;
  line-height: 3.5625rem;
  color:#3D3D3D;
  /* font-family: 'SafeSimSun', 'Noto Serif SC', serif; */

}
.container .detail h1,.container .detail h2{
  display: none;
}
.box-click{
  width:62.5rem;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-click img{
  width:29.625rem;
  height:6.75rem;
}

.box-title{
  width:100%;
  padding:0 2.5rem;
  margin:6.25rem auto;
  font-size:3.4375rem;
  line-height: 4.9375rem;
}
.title {
  width: 35.06rem;
  text-align: center;
  height: 5.44rem;
  margin: 3.88rem auto;
  /* font-size: 3.75rem; */
  font-weight: bold;
}

.box-list-head{
  width:100%;
}
.box-list-head .head-img{
  width:62.5rem;
  height:38rem;
  border-radius: 2.8125rem;
}
.box-list-head .head-title{
  width:62.5rem;
  font-size:2.8125rem;
  line-height: 5.625rem;
  font-weight: 500;
  color:#000;
  margin-top: 1.8125rem;
}
.box-list-head .head-subtitle{ 

}
.box-list-head>a>p:last-child{ 
  width:62.5rem;
  font-size:2.1875rem;
  line-height:4.375rem;
  font-weight: 400;
  color:#999;
  margin-top:0.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Source Han Serif CN", serif;
}
.box-list-head h1,.box-list-head h2{
  display: none;
}
.default-top{
  background-color: aliceblue;
}
.type-container{
  width:100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none ;
  padding-left:2.5rem;
}

@media screen and (min-width: 1080px){
  .wrap{
    flex-direction: row;
    justify-content:center;
  }
  .container-top{
    max-width:60%;
    margin-bottom: 5rem;
  }
  .container-bottom{
    max-width:40%;
  }
  .box-title{
    width:62.5rem;
    padding-left:0;
  }
  .hide-1080{
    display: none;
  }
  .box-title-1080{
    text-align: center;
  }
  .container{
    min-width: 50.625rem;
  }
}