index.wxss 1.8 KB
/**index.wxss**/
.slide-image{
 height: 300rpx;
 width:100%;
}
.slide-image image{
 width:100%;
 height: 100%;
}
.index_volunteertitle{
 color:#666666;
 font-size:26rpx;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 32rpx 32rpx 0 32rpx;
}
.title{
 color:#333;
 padding:0 0 0 20rpx;
 font-size:32rpx;
 font-weight: bold;
 position: relative;
}
.title::after{
 position: absolute;
 content: '';
 top:50%;
 transform: translateY(-50%);
 left:0;
 width:4rpx;
 height: 32rpx;
 background: #21AE59;
}
.volunteerbox{
 margin: 0 32rpx;
 color:#999999;
 font-size: 26rpx;
 display: flex;
 /* justify-content: space-between; */
 align-items: center;
}
.volunteercell{
 width:33%;
 padding:30rpx 0;
}
.cell_top{
 display: flex;
 align-items: center;
 color:#333;
 font-size: 29rpx;
}
.cellimg{
 display: flex;
 align-items: cneter;
 justify-content: center;
 margin: 0 18rpx 16rpx 0;
 width: 76rpx;
 height: 76rpx;
 border-radius: 50%;
 overflow: hidden;
}
.cellimg image{
 width:100%;
 height: 100%;
 display: block;
}
.index_newbox{
 margin: 32rpx 0rpx 0 0rpx;
}
.new_box{
 display: flex;
 justify-content: space-between;
 align-items: center;
 color:#999;
padding:0 32rpx;
 font-size:24rpx;
 flex-wrap: wrap;
 border-bottom: 1rpx solid #E6E6E6;
}
.new_cell{
 width:48%;
 padding:29rpx 0rpx;
 /* border-bottom:1rpx solid #E6E6E6; */
}
.new_cell:nth-child(2n){
 margin: 0 0 0 10rpx;
}
.new_cellmain{
 overflow: hidden;
 
}
.new_img{
 width:336rpx;
 height: 220rpx;
 display: flex;
 align-items: center;
 justify-content: center;
}

.new_img image{
 width:100%;
 height: 100%;
 display: block;
}
.new_title{
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 margin: 18rpx 0 13rpx 0;
 color:#292929;
 font-size:28rpx;
}
.activity_title{
 margin: 0 32rpx;
}