orico-association/unpackage/dist/build/mp-weixin/pages/component/diy/albumDiy.wxss

.component-album .album-title{display:flex;align-items:center;justify-content:space-between}.component-album .album-list{display:flex;flex-direction:column}.component-album .album-list .list-item .item-timeline{display:flex;flex-direction:column}.component-album .album-list .list-item .item-timeline .timeline-time{color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.component-album .album-list .list-item .item-timeline .timeline-point{width:20rpx;height:20rpx;border-radius:4rpx;background:var(--theme-color)}.component-album .album-list .list-item .item-timeline .timeline-line{width:2rpx;height:100%;flex:1;background:#f0f0f0}.component-album .album-list .list-item .item-content{margin-left:16rpx;position:relative}.component-album .album-list .list-item .item-content .content-title{color:#5a5b6e;font-size:28rpx;line-height:40rpx}.component-album .album-list .list-item .item-content .content-box{margin-top:16rpx}.component-album .album-list .list-item .item-content .content-box .box-single{width:100%;height:240rpx;border-radius:16rpx;overflow:hidden}.component-album .album-list .list-item .item-content .content-box .box-multiple{display:flex;flex-wrap:wrap;-webkit-column-gap:2%;column-gap:2%;row-gap:16rpx}.component-album .album-list .list-item .item-content .content-box .box-multiple .multiple-image{width:32%;height:0;padding-top:32%;border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-list .list-item .item-content .content-box .box-multiple .multiple-image .image{position:absolute;top:0;left:0;width:100%;height:100%}.component-album .album-list .list-item .item-content .content-box .box-cover{width:100%;height:240rpx;border-radius:16rpx;overflow:hidden;position:relative}.component-album .album-list .list-item .item-content .content-box .box-cover .cover-image{width:100%;height:100%}.component-album .album-list .list-item .item-content .content-box .box-cover .cover-play{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:64rpx;height:64rpx;border-radius:50%}.component-album .album-list .list-item .item-content .content-box .box-cover .cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}