body{
  background-image: linear-gradient(to bottom,#4842a3,#321748);
}
.special-list{
  margin-top:50px;
}
body .page-footer{
  background-color: #3c1a60;
}
.special-list .common-column-list-ur .common-column-list-unit{
  width:100%;
  padding:39px 16px;
}
.special-list .common-column-list-unit-title,.special-list .common-column-list-unit-text,.special-list .common-column-list-unit-bottom-time{
  color:#ffffff;
}
.special-list .common-column-list-unit-text{
  -webkit-line-clamp: 2;
}
.special-list .common-column-list-unit-title{
  -webkit-line-clamp: 1;
  height:unset;
}
.special-list .common-column-list-unit-bottom{
  flex-grow: 1 !important;
  align-items: flex-end;
  display:flex!important;
}
.special-list .common-column-list-unit-bottom-hr{
  opacity:0;
  display:block!important;
}
.special-list .common-column-list-unit-bottom-tag{
  display:none;
}
.special-list .common-column-list-col-1{
  background-color: #42368b;
}
.special-list .common-column-list-unit{
  border-bottom:1.5px solid #6e6dc8;
}
.special-list .common-column-list-unit:hover{
  background-image: linear-gradient(-3deg, 
		#802989 0%, 
		#7049c4 50%, 
		#5f68ff 100%), 
	linear-gradient(
		#8c92f0, 
		#8c92f0);
  border-radius: 0 5px 5px 0;
}
.special-list .common-column-list-unit-title:hover,.special-list .common-column-list-unit-text:hover{
  color: #7ffffa;
}
.special-list .common-column-list-col-1.common-column-list-ur .common-column-list-unit{
  margin-top:0;
}
.special-list .common-column-list-ur .common-column-list-unit-img{
  width:calc( 418 / ( 1280 - 16 - 16 ) * 100% );
  position:relative;
  height:unset;
}
.special-list .imgBox-box{
  position:relative;
  padding-top:calc( 9 / 16 * 100% );
  width:100%;
}
.special-list .imgBox{
  position: absolute;
  left: 0;
  top: 0;
}
.channel-box a, .channel-box,.friend-box-list-unit {
    color: #ffffff;
}
@media (max-width:767px){
  .special-list .common-column-list-unit-text{
    display:none;
  }
  .special-list .common-column-list-ur .common-column-list-unit{
    padding: 2vw 1vw;
  }
  .special-list .common-column-list-unit-title{
    -webkit-line-clamp: 2;
  }
  .special-list .common-column-list-unit-bottom{
    margin-top:2vw;
  }
  .special-list{
    margin-top:0;
  }
}