love.wxss 1.8 KB
/* pages/love/love.wxss */
page{
 background: #F0F0F0;
}
.swiper{
 height: 220rpx;
}
.item_img{
 width:100%;
 height: 100%;

}
.item_img image{
 display: block;
 width:100%;
 height: 100%;
}
.title_box{
 background: #fff;
 padding:30rpx 32rpx;
 display: flex;
 align-items: center;
 justify-content: space-between;
 color:#979DA8;
 font-size: 26rpx;

}
.title_item{
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 text-align: center;
}
.title_img{
 width:84rpx;
 height: 84rpx;
 border-radius: 50%;
}
.title_img image{
 display: block;
 width:100%;
 height: 100%;
 border-radius: 50%;
}
.new_box{
 background: #fff;
 margin: 14rpx 0 0 0;
}
.new_first{
 box-sizing: border-box;
 padding:30rpx 0;
 margin: 0 32rpx;
 border-bottom:1rpx solid #EBEBEB;
}
.new_first_title{
 display: flex;
 align-items: center;
 justify-content: space-between;
 color:#8DE063;
 font-size:30rpx;
}
.more{
 color:#CCCCCC;
 font-size: 24rpx;
}
.new_first_img{
 margin: 30rpx 0 20rpx 0;
 height: 220rpx;
 width: 100%;
 overflow: hidden;
 border-radius: 5rpx;
}
.new_first_img image{
 width:100%;
 height: 100%;
 display: block;
}
.new_first_txt{
 color:#292929;
 font-size:26rpx;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.new_first_time{
 margin: 17rpx 0 0 0;
 color:#CCC;
 font-size: 26rpx;
}
.new_itembox{
 background: #fff;

 
}
.new_item{
 display: flex;
 align-items: center;
 justify-content: space-between;
 border-bottom:1rpx solid #EBEBEB;
 padding:30rpx 0;
 margin: 0 32rpx;
}
.new_icon{
 width:300rpx;
 height: 150rpx;
 border-radius: 5rpx;
}
.new_item_txtbox{
 width: 300rpx;
}
.new_icon image{
 width:100%;
 height: 100%;
 border-radius: 5rpx;
}
.new_itemtxt{
 color:#292929;
 font-size: 26rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}