.main {
background: #fff;
width: 100%;
margin-top: 40px;
}
.title_top_view {
width: 100%;
display: flex;
background: white;
position: fixed;
height: 40px;
top: 0px;
z-index: 1;
}
.title_scroll {
width: 100%;
background: #48c17b;
color: #fff;
flex: none;
position: relative;
display: flex;
white-space: nowrap;
}
/*隐藏Scrollview滚动条 */
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.scroll_title_label {
height: 40px;
text-align: center;
line-height: 40px;
border: 1px;
width: 100%;
font-size: 13px;
color: #fff;
border-bottom: 2px;
border-color: #ff5e5e;
}
.title_text {
font-size: 13px;
padding-top: 10px;
padding-bottom: 7px;
}
.search_img {
width: 22px;
height: 22px;
margin-top: 9px;
}
.home__list-item {
position: relative;
background: white;
}
.swiper {
width: 100%;
}
.swiper image {
max-height: 100%;
max-width: 100%;
}
.content_item {
width: 100%;
height: 120px;
right: 75px;
}
.content_title_box {
display: flex;
margin-top: 10px;
line-height:28px;
height: 36px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient:horizontal;
-webkit-line-clamp: 1;
}
.content_title {
font-family: PingFangSC-Regular;
font-size: 16px;
color: #333;
margin-right: 40dp;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.risk_img {
width: 30px;
margin-top: 6px;
margin-left: 2px;
height: 14px;
}
.content_content {
height: 54px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #888;
line-height: 18px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.content_image {
width: 70px;
margin-top: -20px;
transform: translateY(-100px);
float: right;
margin-right: 15px;
height: 70px;
}
.like_box {
display: flex;
justify-content: flex-start;
}
.content_tags_box {
display: flex;
justify-content: flex-end;
}
.content_tags {
font-size: 13px;
color: #de7f46;
border-radius: 2px;
background-color: #ffebe0;
min-height: 16px;
min-width: 30px;
padding: 2.5px;
line-height: 16px;
margin-left: 6px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.zarparent_box {
margin-left: 15px;
margin-right: 15px;
display: flex;
justify-content: space-between;
margin-top: 5px;
}
.zar_box {
display: flex;
margin-left: -5px;
width: 70px;
}
.zar_img {
width: 25px;
height: 25px;
}
.content_zar {
font-family: PingFangSC-Regular;
font-size: 10px;
margin-left: 3px;
margin-top: 5px;
color: #afafaf;
}
.save_box {
display: flex;
margin-left: -5px;
width: 70px;
}
.save_img {
width: 20px;
margin-top: 3px;
height: 20px;
}
.content_save {
font-family: PingFangSC-Regular;
font-size: 10px;
margin-left: 3px;
margin-top: 5px;
color: #afafaf;
}
.tags_view {
display: flex;
float: right;
position: absolute;
right: 20px;
}
.tags1 {
background: #f2fdf7;
border-radius: 2px;
font-size: 12px;
margin-left: 10px;
color: #58a478;
margin-top: 5px;
padding: 3px;
}
/*item 分割线*/
.home__list-item__bottom {
height: 1px;
background: #e2e2e2;
margin-top: 5px;
left: 15px;
right: 15px;
}
.home__list-item__bottom.new_home__list-item__bottom{
margin-top: 16px!important;
}
.list_scroll {
height: 100vh;
/* background: rebeccapurple */
}
.icon_refresh {
position: fixed;
width: 50px;
height: 50px;
right: 20px;
bottom: 30px;
}