/* h5 第五套模板 文章列表*/

.v5_f-l { display: block; float: left;}
.v5_f-r { display: block; float: right;}
.v5_clear:after { display: block; clear: both; width: 0; height: 0; overflow: hidden; font-size: 0; content: '.';}

.m-list-v5 { background: #ffffff;}
.m-list-v5 { padding-top: 15px;}
.m-list-v5 a { display: block; margin: 0 15px; border-bottom: 1px solid #f4f4f4; margin-bottom: 15px; padding-bottom: 15px;}
.m-listv5-model1 { display: flex;}
.m-listv5-txt { flex: 1; position: relative;}
.m-listv5-thumbdiv { width: calc(calc(100% - 10px) / 3); height: calc(calc(calc(100% - 10px) / 3) * 3 / 4); margin-left: 15px; position: relative; font-size: 0;}
.m-listv5-typetag { position: absolute; right: 3px; bottom: 3px; background: rgba(0,0,0,0.4); min-width: 53px; height: 20px; text-align: center; line-height: 20px; color: #ffffff; border-radius: 20px; padding: 0 5px; font-size: 12px;}
.m-listv5-typetag.m-listv5-typetag_pics { min-width: 39px;}
.m-listv5-typetag.m-listv5-typetag_audio { width: 18px; height: 18px; min-width: auto; padding: 0;}
.m-listv5-typetag.m-listv5-typetag_audio i.iconfont { margin-right: 0;}
.m-listv5-typetag.m-listv5-typetag_live { background-image: linear-gradient(-90deg, #aaa8a8 0%, #474646 100%);}
.m-listv5-typetag.m-listv5-typetag_live2 { background-image: linear-gradient(-90deg, #f5964f 0%, #fa7842 100%);}
.m-listv5-typetag i.iconfont { font-size: 12px; margin-right: 2px;}
.m-listv5-thumbdiv .m-listv5-thumb { width: 100%; height: 100%; border-radius: 2px;}
.m-listv5-title { font-size: 16px; color: #333333; line-height: 23px; height: 69px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}
.m-listv5-data { margin-top: 12px; color: #999999; display: flex; height: 20px; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%;}
.m-listv5-data p { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 0; margin-right: 5px;}
.m-listv5-data span { margin-right: 5px; display: inline-block; margin-top: 2px;}
.m-listv5-data em { font-weight: normal; background: #fce4df; color: #e84827; width: 28px; height: 15px; line-height: 15px; text-align: center; margin-top: 5px;}
.m-listv5-data em.m-listv5-data_type { background: none; color: #999999; width: auto; text-align: left; margin-right: 5px;}
.m-listv5-data em.m-listv5-data_type-ad { background: #ededed;}
.m-listv5-model1_longtit { position: relative; padding-bottom: 20px;}
.m-listv5-model1_longtit .m-listv5-data { position: absolute; width: 100%; left: 0; bottom: 0;}
.m-listv5-model1_longtit .m-listv5-txt { position: static;}
.m-listv5-data i.icon-redu { color: #f57575; font-size: 14px;}

/*无图*/
.m-listv5-model2 .m-listv5-title { min-height: auto; max-height: 46px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.m-listv5-model2 .m-listv5-txt ,.m-listv5-model2 .m-listv5-data ,.m-listv5-model3 .m-listv5-txt ,.m-listv5-model3 .m-listv5-data { position: static;}

/*三图*/
.m-listv5-model3 .m-listv5-title { max-height: 46px; min-height: auto; margin-bottom: 10px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.m-listv5-3pics { display: flex;}
.m-listv5-3pics>.m-listv5-thumbdiv { margin-left: 0; flex: 1; width: 0; margin-right: 5px;}
.m-listv5-3pics>.m-listv5-thumbdiv:last-child { margin-right: 0;}
.m-listv5-3pics>.m-listv5-thumbdiv .m-listv5-typetag { display: none;}
.m-listv5-3pics>.m-listv5-thumbdiv:last-child .m-listv5-typetag { display: block;}
.m-listv5-3pics>.m-listv5-thumbdiv img { width: 100% !important;}

/*大图*/
.m-listv5-model4 .m-listv5-title { max-height: 46px; min-height: auto; margin-bottom: 10px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.m-listv5-model4 .m-listv5-txt ,.m-listv5-model4 .m-listv5-data { position: static;}
.m-listv5-model4 .m-listv5-thumbdiv { margin-left: 0; width: 100%;}
.m-listv5-model4 .m-listv5-typetag { right: auto; left: 3px;}
.m-listv5-model4 .m-listv5-typetag_live_time { right: 3px; left: auto; background: rgba(0,0,0,0.4);}
.m-listv5-thumb-icon { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; background: rgba(0,0,0,0.4); border-radius: 100%; text-align: center; line-height: 50px; color: #ffffff;}
.m-listv5-thumb-icon i.iconfont { font-size: 26px;}

/*左文右图*/
.m-listv5-model1 .m-listv5-thumbdiv { width: 112px; height: 82px; margin-left: 15px; position: relative; font-size: 0;}