110 lines
1.8 KiB
CSS
110 lines
1.8 KiB
CSS
|
|
.des{
|
|
color: #666666;
|
|
line-height: 1.28rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.con{
|
|
width: 56rem;
|
|
margin: auto;
|
|
/* height: 15rem; */
|
|
}
|
|
li{
|
|
padding: 1.6rem 0;
|
|
border-bottom: .04rem dashed rgba(0,0,0,0.2);
|
|
}
|
|
.txt{
|
|
width: 62%;
|
|
float: left;
|
|
}
|
|
.time{
|
|
width: auto;
|
|
text-align: right;
|
|
float: right;
|
|
}
|
|
.title{
|
|
margin-bottom: 1.6rem;
|
|
}
|
|
.ta{
|
|
padding-bottom: .8rem;
|
|
margin-bottom: .8rem;
|
|
border-bottom: .04rem solid #113a85;
|
|
color: #113a85;
|
|
font-family: "time";
|
|
}
|
|
.con a{
|
|
display: block;
|
|
}
|
|
.sort{
|
|
text-align: center;
|
|
margin: 2rem 0 4rem;
|
|
}
|
|
.sort a{
|
|
height: 1.2rem;
|
|
width: 1.2rem;
|
|
border: .04rem solid rgba(0,0,0,0.2);
|
|
text-align: center;
|
|
line-height: 1.2rem;
|
|
border-radius: .2rem;
|
|
display: inline-block;
|
|
margin-left: .2rem;
|
|
}
|
|
.sort a:first-child{
|
|
margin-left: 0;
|
|
}
|
|
.sort_ac{
|
|
color: white;
|
|
background: #113a85;
|
|
}
|
|
.sort a:hover{
|
|
color: white;
|
|
background: #113a85;
|
|
}
|
|
@media screen and (max-width: 54.64rem) {
|
|
.con{
|
|
width: 90%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 30.72rem) {
|
|
.con{
|
|
width: 94%;
|
|
}
|
|
.ta{
|
|
display: inline-block;
|
|
padding-bottom: 0rem;
|
|
margin-bottom: 0rem;
|
|
border-bottom: none;
|
|
}
|
|
.sort{
|
|
margin: .8rem 0 1.6rem;
|
|
}
|
|
.title{
|
|
margin-bottom: .8rem;
|
|
}
|
|
.time{
|
|
margin-top: .4rem;
|
|
width: 100%;
|
|
float: none;
|
|
|
|
}
|
|
.time .fnt_14{
|
|
display: none;
|
|
}
|
|
.con li{
|
|
padding: 1.2rem 0;
|
|
}
|
|
.con li:first-child{
|
|
padding: 0 0 1.6rem;
|
|
}
|
|
.txt{
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.fabu{
|
|
display: none;
|
|
}
|
|
} |