body,html{
    max-width: 750px;
    margin: 0 auto;
}
.list-box {
    padding: 0px 10px 10px;
    background: #fff;
    margin-bottom: 10px;
}

.iList li {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    padding: 0.25rem 0;
}

.iList li .iList-img {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 10px;
    /* margin-top: 10px; */
}

.iList li .iList-img img {
    width: 100%;
    height: 100%;
}

.iList .iList-info {
    flex: 1;
    width: 50%;
}

.iList .iList-info a {
    display: block;
    width: 90%;
    height: 0.44rem;
    line-height: 0.44rem;
    overflow: hidden;
    color: #333333;
    font-size: 16px;
    /* margin-top: 0.25rem; */
    white-space: nowrap;
    text-overflow:ellipsis;
}

.iList .iList-info span {
    color: #999999;
    display: block;
    margin-top: 0.12rem;
    font-size: 12px;
    height: 0.3rem;
    overflow: hidden;
}
.iList .iList-info a i{
   padding:0.02rem 0.1rem;
   background: #bababa;
   font-size: 12px;
   color: #ffffff;
   margin-right: 0.1rem;
}
.iList .iList-info img{
    width: 1.6rem;
    display: block;
    vertical-align: top;
    margin-top: 0.08rem;
}
.iList .iList-info span i {
    margin: 0 5px;
}

.iList li a.btn {
    width: 1.12rem;
    display: block;
    height: 0.52rem;
    color: #378fde;
    background: #fff;
    text-align: center;
    line-height: 0.52rem;
    border-radius: 5px;
    margin-top: 0.45rem;
    border: 1px solid #378fde;
    font-size: 14px;
}
.top-box{
    width: 100%;
    height: 186px;
    overflow: hidden;
    position: relative;
}
.top-box img{
    width: 100%;
    height: 100%;
}
.top-box .top-mask{
    width: 100%;
    height: 1.22rem;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    left: 0;
}
.top-box .top-mask p{
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
}
.top-box .top-mask h1{
    margin-top: 0.15rem;
    width: 100%;
    height: 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.5rem;
    font-weight: bold;
}
.top-box .top-mask p:nth-of-type(1){
    margin-top: 0.15rem;
    font-size: 0.26rem;
}
.top-info{
    background: #fff;
    padding:0 10px;
}
.info-txt{
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
}
.top-info p{
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    
}
.iList li:nth-of-type(1) i{
    background: #f75351;
}
.iList li:nth-of-type(2) i{
    background: #6ca7eb;
}
.iList li:nth-of-type(3) i{
    background: #8dcc46;
}
.o-tit-box{
    padding: 0.1rem 0 0.2rem;
    color: #333333;
    font-size: 18px;
}
.o-tit-box em{
    width: 0.1rem;
    height: 0.36rem;
    vertical-align: top;
    background: #378fde;
    border-radius: 20px;
    display: inline-block;
    margin-top: 0.04rem;
    margin-right: 0.2rem;
}
.zt-rec{
    background: #fff;
    padding: 10px 10px 0;
    margin-bottom: 10px;
}
.rec-list ul li{
    margin-bottom: 10px;
}
.rec-list ul li a{
    display: flex;
}
.rec-list ul li a em{
    display: block;
    width: 5px;
    height: 5px;
    vertical-align: top;
    margin-right: 0.2rem;
    background: #959595;
    margin-top: 0.2rem;
}
.rec-list ul li a span{
    flex: 1;
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
	text-overflow:ellipsis;
    margin-right: 0.1rem;
}
.rec-list ul li a i{
    display: block;
    font-size: 12px;
    color: #999999;
    line-height: 0.5rem;
}