.display{ display:block}

.toutiao-list#index-list{ background:#fff;padding-top: 5px;}
.toutiao-list .toutiao-list__item{overflow:hidden; display:block; padding:0 15px; border-bottom:1px solid #F4F4F4;}

.toutiao-list .tuotiao-list__type1 .toutiao-item__title{ line-height:20px; margin:10px 0; color:#111; font-size:1.1em; font-weight: normal; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.toutiao-list .tuotiao-list__type1 .toutiao-item__pic{ width:100%;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__pic img{display:block; width:100%; height:50vw; object-fit:cover; max-height:380px;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__xx{ line-height:40px; height:40px; font-size:0.8em; color:#999;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__xx .label{    font-weight:400; margin-right:5px; font-size:0.75em; padding:0px 2px;border-radius:2px; border:1px solid #ff7f00; color:#ff7f00;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__xx span{ margin-right:10px}
.toutiao-list .tuotiao-list__type1 .toutiao-item__xx span .tciconfont{ vertical-align: -1px;color: #bbb; margin-right:2px;}

.toutiao-list .tuotiao-list__type1 .toutiao-item__pic2{ width:100%;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__pic2 .pic-item{  margin-right:8px;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__pic2 .pic-item:nth-child(3n){margin-right:0;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__pic2 .pic-item img{ display:block; width:100%; height:22vw; max-height:120px; object-fit:cover;}

.toutiao-list .tuotiao-list__type2 .toutiao-item__content{float:left; width:65%; padding:10px 0; height:22vw; max-height:120px; position:relative;}
.toutiao-list .tuotiao-list__type2 .toutiao-item__content .title{ line-height:25px; color:#111; font-size:1.1em; font-weight: normal; max-height:50px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.toutiao-list .tuotiao-list__type2 .toutiao-item__content .xinxi{ line-height:36px; height:36px; font-size:0.7em; color:#999; position:absolute; bottom:0px;}
.toutiao-list .tuotiao-list__type2 .toutiao-item__content .xinxi .label{ font-weight:400; margin-right:5px; font-size:0.75em; padding:0px 2px;border-radius:2px; border:1px solid #ff7f00; color:#ff7f00;}
.toutiao-list .tuotiao-list__type2 .toutiao-item__content .xinxi span{ margin-right:10px}
.toutiao-list .tuotiao-list__type2 .toutiao-item__content .xinxi span .tciconfont{ vertical-align: -1px;color: #bbb; margin-right:2px;}
.toutiao-list .tuotiao-list__type2 .toutiao-item__pic{width: 35%; box-sizing:border-box; float:right; padding:10px 0 10px 10px; }
.toutiao-list .tuotiao-list__type2 .toutiao-item__pic img{ width:100%;height:22vw; object-fit:cover; max-height:120px;}

.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum{ position:relative;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .picnum { position: absolute; height: 12px; bottom: 0; right: 0; width: 100%; font-size: 12px; padding: 17px 0 7px 0; text-align: right; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(20, 0, 0, .8));}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .picnum .tciconfont{right: 5px;letter-spacing: 1px; color: #fff; position:absolute;bottom:5px; font-size:1.05em;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .picnum .tciconfont span{ font-size:0.7em}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .bofang{ position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.1); top: 0; left: 0;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .bofang .bofang_btn{ color:#fff; font-size:3em; position:absolute; width:50px; height:50px; top:50%; left:50%; margin-top:-25px; margin-left:-25px;}
.toutiao-list .tuotiao-list__type1 .toutiao-item__picnum .bofang .bofang_btn img{width: 100%;height: 100%;}

.toutiao-list .tuotiao-list__type4{ }
.toutiao-list .tuotiao-list__type4 .toutiao-item__content{ padding:10px 0;}
.toutiao-list .tuotiao-list__type4 .toutiao-item__content .title{ line-height:25px; color:#111; font-size:1.1em; font-weight: normal; min-height:50px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.toutiao-list .tuotiao-list__type4 .toutiao-item__content .xinxi{ line-height:20px; height:20px; font-size:0.8em; color:#999;margin-top: 5px; }
.toutiao-list .tuotiao-list__type4 .toutiao-item__content .xinxi span{ margin-right:10px}
.toutiao-list .tuotiao-list__type4 .toutiao-item__content .xinxi span .tciconfont{ vertical-align: -1px;color: #bbb; margin-right:2px;}
.toutiao-list .tuotiao-list__type4 .toutiao-item__content .xinxi .label{ font-weight:400; margin-right:5px; font-size:0.75em; padding:0px 2px;border-radius:2px; border:1px solid #ff7f00; color:#ff7f00;}
.toutiao-list .tuotiao-list__type4 .toutiao-item__pic{width: 35%; box-sizing:border-box; float:left; padding:10px 10px 10px 0; }
.toutiao-list .tuotiao-list__type4 .toutiao-item__pic img{ width:100%;height:22vw; object-fit:cover; max-height:244px;}