header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4vw 3.2vw;
}
header > a {
  display: flex;
  align-items: center;
  height: 9.6vw;
}
header > a span {
  font-size: 6.4vw !important;
  color: #181818;
}
header .middle {
  width: 75.7333vw;
  height: 9.6vw;
  border-radius: 1.0667vw;
  border: 0.2667vw solid #4a4a4a;
}
header .middle .search {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 2.6667vw;
}
header .middle .search input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  font-size: 3.7333vw;
  color: #4a4a4a;
}
header .middle .search .iconfont {
  font-size: 4.2667vw;
  margin-right: 2.1333vw;
}
header .middle .search .close {
  display: none;
}
header .jb {
  display: flex;
  align-items: center;
  height: 9.6vw;
  font-size: 7.4vw !important;
  color: #e64340;
}
.selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2vw 3.2vw 2.2vw;
  border-bottom: 0.2667vw solid #e0e0e0;
}
.selected a {
  display: flex;
  color: #181818;
  font-size: 4.2667vw;
}
.selected a.active {
  color: #e64340;
  position: relative;
}
.selected a.active::after {
  display: inline-block;
  content: "";
  width: 80%;
  height: 0.2667vw;
  background: #e64340;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.s_list {
  padding: 3.2vw 3.2vw 1vw;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 2vw 1vw rgba(0, 0, 0, 0.06);
}
.s_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22vw;
  height: 5.8667vw;
  font-size: 3.4667vw;
  color: #181818;
  background: #eeeeee;
  border: 0.2667vw solid #e0e0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_list a:not(:nth-of-type(4n)) {
  margin: 0 1.6vw 2vw 0;
}
.fix_top {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 2;
}
.m_content {
  padding: 3.2vw 0;
  margin-top: 47.4333vw;
}
.m_content .sort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 3.2vw;
}
.m_content .sort span {
  font-size: 3.7333vw;
  margin-left: 1.6vw;
}
.m_content .article_list .item {
  position: relative;
  border-bottom: 1.6vw solid #f7f7f7;
  padding: 3.2vw 3.2vw 0;
}
.m_content .article_list .item .sp_content .desc,
.m_content .article_list .item .sp_content .img_wrap,
.m_content .article_list .item .sp_content .detail {
  padding-left: 10.1333vw;
}
.m_content .article_list .item .win {
  position: absolute;
  width: 17.6vw;
  height: 13.3333vw;
  right: 3.2vw;
  top: 2.1333vw;
}
.m_content .article_list .item .win img {
  width: 17.6vw;
  height: 13.3333vw;
}
.sort_pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 3;
  display: none;
  align-items: flex-end;
}
.sort_pop .content {
  width: 100%;
  background: #ffffff;
}
.sort_pop .content .t,
.sort_pop .content .cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.2vw;
  color: #181818;
  font-size: 3.7333vw;
  border-bottom: 0.2667vw solid #e0e0e0;
}
.sort_pop .content .active {
  color: #0077e5;
}
.cz_content{
    padding-top:0;
}
.cz_vert{
    padding-top:0;
}