.title{
    width: 100%;
    height: 0.65rem;
    background: rgb(117,117,117);
    color:white;
    position: relative;
    font-size: 0.35rem;
    line-height: 0.65rem;
    margin-top: -0.02rem;
}
.title span:first-child{
    position: absolute;
    left:0.55rem;
    display: block;
    width: 0.25rem;
    height: 0.4rem;
    background: url("../imgs2/phone/leftArrow.png")no-repeat;
    background-size: contain;
    top:0.12rem
}
.title span:last-child{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    letter-spacing: 0.2rem;
}
.tit{
    width: 100%;
    height: 1rem;
    position: relative;
    background: none;
    left:50%;
    transform: translateX(-50%);
    font-size: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    margin-bottom: 0.2rem;
    letter-spacing: 0rem;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: 0.2rem;
}
.tit p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    box-sizing: border-box;
}
.container{
    width: 8.2rem;
    position: relative;
    left:50%;
    transform: translateX(-50%);
    height: calc(100vh - 8.5rem);
    overflow: auto;
    font-size: 0.28rem;
}
.item{
    width: 100%;
    height: 0.6rem;
    border-bottom: 0.04rem dotted #999;
    padding-left: 0.5rem;
    background: url("../imgs2/list/article_bg.png") no-repeat left center;
    background-size: 0.3rem 0.3rem;
    box-sizing: border-box;
    font-size: 0.27rem;
    line-height: 0.6rem;
    letter-spacing: 0.03rem;
    color:rgb(74,74,74);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.item:last-child{
    border: none;
}
#page{
    margin-top: 1.5rem;
    text-align: center;
    margin-bottom: 0.6rem;
    position: absolute;
    bottom: 3.4rem;
    width: 100%;
}
.layui-laypage-mypage  span,.layui-laypage-mypage  a{
    height: 28px;
    width:28px;
    margin: 0 5px;
    padding: 0;
    border: 0;
    font-size: 18px;

}

.layui-laypage-mypage .layui-laypage-curr .layui-laypage-em{
    background-color:#9b7747!important;
    border-radius: 50%;
}
.layui-laypage a, .layui-laypage span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0.15rem!important;
    border-radius: 50%!important;
    line-height: 0.4rem!important;
    margin: 0 0.14rem 5px 0!important;
    background-color: #fff;
    color: #333;
    font-size: 0.3rem!important;
    height: 0.4rem!important;
    width: 0.4rem!important;
}
.lianjie3{
    height: 1.4rem;
    width: 100%;
    background-color: #7d0b0b;
    font-size: 0.08rem;
    text-align: center;
    margin-top: 0.3rem;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: absolute;
    bottom:2rem;
}

.footer {
    height: 2rem;
    width: 100%;
    padding-top: 0.3rem;
    box-sizing: border-box;
    background-color: #373737;
    font-size: 0.12rem;
    color: white;
    line-height: 0.4rem;
    text-align: center;
    letter-spacing: 0.025rem;
    position: relative;
    z-index: -2;
    position: absolute;
    bottom:0;
}
.footer a{
    color:white;
    text-decoration: none;
}
body{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.tit3 {
    position: relative;
    top: 0.5rem;
}
.time {
    position: relative;
    top: 0.5rem;
}