<>
.recentread-p{
background-color: #e1eced;
border-bottom: 1px solid #ddd;
font-size: 14px;
font-weight: 700;
height: 35px;
overflow: hidden;
line-height: 35px;
padding-left: 10px;
}
.recentread-main {
width: 100%;
display: flex;
border-bottom: 1px solid #ddd;
line-height: 40px;
height: 40px;
overflow: hidden;
padding: 0 10px;
font-size: 13px;
}
.recentread-main span{
display: block;
}
.recentread-main > a:first-child > * {
// display: block;
}
.recentread-main > a:first-child{
width: 100%;
display: flex;
}
.recentread-main > a:last-child{
width: 40px;
text-align: right;
margin-right: 10px;
color: red;
}
#tempBookcase > a:last-child{width:10%;display:inline}
.recentread-main span:first-child{width:2%}
.recentread-main span:nth-child(2){width:25%}
.recentread-main span:nth-child(3){width:45%}
.recentread-main span:nth-child(4){width:15%}
.recentread-main span:nth-child(5){width:13%}
@media screen and (max-width:767px){
.recentread-main span:first-child,
.recentread-main span:nth-child(4),
.recentread-main span:nth-child(5){
display: none;
}
.recentread-main span:nth-child(2){width:40%}
.recentread-main span:nth-child(3){width:60%}
}