.listBox {
    margin-top: .18rem;
    width: 100%;
    background: #fff;
    padding: .20rem 0 0 0;
    display: flex;
    flex-direction: column;
    box-shadow:0px 1px 0px 0px rgba(141, 141, 141, 0.35),
    0px -1px 0px 0px rgba(141, 141, 141, 0.35);
}
.listBox h2.titleH2 {
    background: url(../images/titleBg.png) no-repeat 0 5px;
    background-size: .3rem .3rem;
}
.android .listBox h2.titleH2 {
    background: url(../images/titleBg.png) no-repeat 0 6px;
    background-size: .3rem .3rem;
}
.listBox h2 {
    width: 6.9rem;
    margin: 0 auto;
}
.listBox h2 span {
    font-size: .36rem;
    line-height: .36rem;
    padding-left: .42rem;
}
.android .listBox h2 span {
    position: relative;
    top: 2px;
}
.listBox ul {
    width: 6.9rem;
    margin: 0 auto;
    margin-top: .18rem;
    padding-bottom: .3rem;
}
.listBox ul li {
    height: 1.5rem;
    display: flex;
    align-items: center;
    padding: .2rem 0;
    border-top: 1px solid #E6E6E6;
}
.listBox ul li:last-child {
    border-bottom: 1px solid #E6E6E6;
}
.listBox ul li div.cover {
    position: relative;
    top: 6px;
}
.listBox ul li img {
    width: 2.3rem;
    height: 1.5rem;
}
.listBox ul li span {
    display: block;
    max-height: 1.5rem;
    padding-left: .19rem;
    font-size: .36rem;
    color: #4F4F4F;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2; 
}

.listBox .likead {
    width: 6.9rem;
    margin: 0 auto;
    margin-top: .18rem;
    border-top: 1px solid #E6E6E6;
}

.listBox ul li.three {
    height: 100%;
    display: block;
    align-items: center;
    padding: .2rem 0;
    border-top: 1px solid #E6E6E6;
}

.listBox ul li.three span{
    padding-left: 0;
}

.listBox ul li.three div.cover {
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 6px;
}

.listBox ul li.three div.cover img{
    width: 33%;
    height: 100%;
}