/* ztitem */
.zt-item{width: 100%;}
.zt-item .banner{width: 100%; height: 42vw;position: relative;}
.zt-item .banner img{width: 100%;height: 100%;}
.zt-item .banner .gradient{width: 100%;height: 1.2rem; position: absolute; bottom: 0; z-index: 1;
    background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));
}
.zt-item .banner h1{display: block; padding-right: 0.1rem;/* width: 44%; */height: 0.64rem;line-height: 0.64rem;font-size: .3rem;color: #fff;text-indent: 10px;border-bottom-right-radius: .32rem;border-top-right-radius: .32rem;background: #fe483a;font-weight: bold;position: absolute;left: 0;bottom: .88rem;z-index: 2;}
.zt-item .banner .time{font-size: .24rem; color: #ddd; height: .64rem; line-height: .64rem; position: absolute; left: 0;bottom: 0; z-index: 2; width: 100%;}
.zt-item .banner .time .fl{margin-left: 10px;}
.zt-item .banner .time .fl em{color: #f6711c;}
.zt-item .banner .time .fr{margin-right: 10px;}

/* zt-reco */
.zt-reco{padding: 10px;background: #fff;/* overflow: hidden; */zoom: 1;position: relative;height: auto;}
.zt-reco p{
    font-size: 15px;
    color: #666;
    line-height: 24px;
    /* height: 46px; */
    transition: all .5s ease;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}
.zt-reco p em{color: #fe483a;}
.zt-reco p.op{display: block; height: auto;}
.zt-reco .op-btn{width: 34px;height: 18px;line-height: 18px;text-align: center;color: #fe483a;border-radius: 3px;font-size: 12px;margin-top: 8px;position: absolute;right: 10px;bottom: 10px;display: none;}
.zt-reco .op-btn i { display: inline-block; content: '';width:6px; height:6px; border-right: 1px solid #fe483a; border-bottom: 1px solid #fe483a; transform: rotate(45deg); vertical-align: top; margin: 4px 3px 0 0;}
.zt-reco .op-btn.show i{transform: rotate(-135deg);margin-top: 8px;bottom: 10px;}


/* list-box */
.list-box{margin-top: 10px;}
.list-box ul li {position: relative;border-bottom: 1px solid #dfdde6;padding: 17px 10px;margin-bottom: 8px;background: #fff;display: flex;}
.list-box ul li .img {display: inline-block;/* float: left; */}
.list-box ul li .img img { display: block; width: 75px; height: 75px; border-radius: 12px;}
.list-box ul li .mid {display: block;height: 75px;/* margin: 0 70px 0 90px; */flex: 1;margin-left: 10px;/* width: 26%; */}
.list-box ul li .mid a {display: block;height: 20px;color: #333;font-size: 16px;overflow: hidden;padding-top: 8px;font-weight: bold;/* width: 90%; */line-height: 20px;}
.list-box ul li .mid .type{font-size: 14px;color: #009cff;height: 20px;line-height: 20px;overflow: hidden;margin-top: 4px;/* width: 70%; */}
.list-box ul li .mid .type i{margin-right: 10px;}
.list-box ul li .mid p {color: #999;margin: 2px 0 0;font-size: 14px;height: 20px;line-height: 20px;overflow: hidden;margin-top: 2px;/* width: 70%; */}
.list-box ul li .mid p i{font-style: italic; margin: 0 5px; color: #d3d3d3;}
.list-box ul li .btn {display: block;width: 62px;height: 28px;line-height: 28px;font-size: 14px;color: #fff;overflow: hidden;/* position: absolute; */right: 10px;margin-top: 29px;text-align: center;background: #fe483a;color: #fff;border-radius: 3px;}
.list-box ul li:last-child{margin-bottom: 0;}

#list-btn{height: 24px; line-height:24px; text-align: center; margin: 10px 0; display: block; color: #333; font-size: 14px;}

.hot-zt{background: #fff;margin-top: 10px;padding: 12px 0 15px 0;}
.hot-zt .g-tit{padding-left: 10px;}
.hot-zt ul{padding: 14px 0 0 10px; display: flex; overflow-x: scroll;}
.hot-zt ul li{flex-shrink: 0;width:200px;margin-right:13px;}
.hot-zt ul li a{display: block; width: 100%;}
.hot-zt ul li a img{width: 200px; height: 100PX; border-radius:5px; display: block;}
.hot-zt ul li a p{font-size:14px;color: #444; text-align: center; height:30px; line-height:30px; overflow: hidden;margin-top: 5px;}
::-webkit-scrollbar{display: none;}

/**ztlist **/
/* zt-type */
.zt-list .zt-type{padding: 0 10px 9px; background: #fff;}
.zt-list .zt-type h1{font-size: 16px; color: #333; height: 48px; line-height: 48px;}
.zt-list .zt-type ul{width: 100%;overflow: hidden; zoom: 1;}
.zt-list .zt-type ul li{width: 31%; height: 36px; line-height: 36px; border: 1px solid #aaa; text-align: center;margin-bottom: 10px;margin-right: 2%; float: left;}
.zt-list .zt-type ul li:nth-child(3n){margin-right: 0;}
.zt-list .zt-type ul li a{display: block; width:100%; height: 100%;text-align: center;overflow: hidden; font-size:14px; color: #aaa;}
.zt-list .zt-type ul li a em{display: inline-block; width: 25px; height: 25px; background: #ccc; vertical-align: middle;margin-right: 3px; background: url(../uim_img/m-list-icons@2x.png) no-repeat; background-size: 50px auto;}
.zt-list .zt-type ul li.active{background: #fe483a; border-color: #fe483a;}
.zt-list .zt-type ul li.active a{color: #fff;}
.zt-list .zt-type ul li.active em{background-position-x: -25px !important;}

.zt-list .zt-type ul li:nth-of-type(2) em{background-position: 0 -25px;}


/* zt-latest */
.zt-latest{background: #fff;margin-top: 10px;padding: 12px 10px 20px;}
.zt-latest ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 14px;}
.zt-latest ul li{width: 48%;margin-bottom: 15px;}
.zt-latest ul li a{display: block; width: 100%; ;}
.zt-latest ul li a .img{width: 100%; height: 22.5vw;position: relative; z-index: 0;margin-bottom: 10px;}
.zt-latest ul li a img{width: 100%; height: 100%;display: block;}
.zt-latest ul li a p{font-size: 14px; height: 24px; line-height: 24px; text-align: center; color: #444;overflow: hidden;}
.zt-latest ul li a .num{display: block; padding: 0 14px 0 7px; font-size: 12px; height: 21px;line-height: 21px; background: #000; color: #fff; position: absolute; left: 0; bottom:8px;border-top-right-radius: 11px; border-bottom-right-radius: 11px;}
.zt-latest ul li a .num em{color: #fe483a; margin: 0 3px;}


.list-num{
    width: 22px;
    font-size: 14px;
    color: #666666;
    line-height: 75px;
}
.list-box ul li:after{
    content: '';
    display: block;
    width: 26px;
    height: 78px;
    position: absolute;
    top: -4px;
    left: 10px;
}
.ztli-1:after{
    background: url(https://statics.07073.com/m/img/zt-top-1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.ztli-2:after{
    background: url(https://statics.07073.com/m/img/zt-top-2.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.ztli-3:after{
    background: url(https://statics.07073.com/m/img/zt-top-3.png) no-repeat 0 0;
    background-size: 100% 100%;
}