/*文字列表*/
.list ul li{
    padding: .38rem .4rem .38rem .38rem;
    background: #ffffff;
    margin-bottom: .27rem;
    position: relative;
}
.list ul li .time{
    height: .4rem;
    display: grid;
}
.list ul li .time h1{
    color: #156abd;
    font-size: .24rem;
    font-weight: bold;
}
.list ul li .time p{
    padding-left: .15rem;
    font-size: .14rem;
    background: url("../images/frame/03.png")no-repeat left center;
    background-size: .12rem;
}
.list ul li h4{
    width: calc(100% - .85rem);
    display: grid;
    align-items: center;
    padding-left: .23rem;
    position: relative;
    border-left: .01rem solid #e5e5e5;
}
.list ul li h4 a{
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .22rem;
}
.list ul li .more{
    position: absolute;
    right: .4rem;
    top: .45rem;
    width: .64rem;
    height: .26rem;
    border-left: .01rem solid #ffffff;
    text-align: right;
    background: url("../images/frame/06.png")no-repeat .11rem center;
    background-size: .15rem auto;
    color: #ffffff;
    display: none;
    align-items: center;
}


.list ul li:hover{
    background: #156abd;
}
.list ul li:hover .time h1{
    color: #ffffff;
}
.list ul li:hover .time p{
    color: #ffffff;
    background: url("../images/frame/05.png")no-repeat left center;
    background-size: .12rem auto;
}
.list ul li:hover h4{
    border-left: .01rem solid #e5e5e5;
}
.list ul li:hover h4 a{
    color: #ffffff;
}

.list ul li:hover .more{
    display: grid;
}









/*小屏幕*/
@media screen and (max-width: 1200px) {
    .list ul li{
        padding: .15rem;
    }



}