/* template/document-box/document-box.wxss */ .flexflex { display: flex; } .flexcenter { display: flex; justify-content: center; align-items: center; } .flexjcenter { display: flex; justify-content: center; } .flexacenter { display: flex; align-items: center; } .flex1 { flex: 1; } .block { background-color: #ffffff; border: 1rpx solid #ebebeb; border-radius: 18rpx; margin-bottom: 60rpx; margin-left: 36rpx; } .file { padding-bottom: 34.5rpx; } .file .file-swiper { transition: all 0.3s; } .file .file-list { padding: 36rpx 10rpx 25.5rpx 49.5rpx; box-sizing: border-box; } .file .file-list .file-item:not(:last-of-type) { margin-bottom: 39rpx; } .file .file-list .file-item .name { position: relative; margin-bottom: 15rpx; font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC', sans-serif; font-weight: 650; font-size: 27rpx; color: #000000; } .file .file-list .file-item .name .icon { position: absolute; top: 50%; left: -27rpx; transform: translateY(-50%); width: 12rpx; height: 12rpx; } .file .file-list .file-item .name .tag { width: 69rpx; height: 36rpx; line-height: 36rpx; background-color: #6fc16d; border-radius: 30rpx; font-size: 21rpx; color: #FFFFFF; margin-left: 15rpx; } .file .file-list .file-item .name .tag.selectable { border: 1rpx solid #d7d7d7; background-color: #fff; color: #333333; font-weight: 400; } .file .file-list .file-item .hint { font-size: 24rpx; color: #555555; white-space: pre-line; } .file .pilot { margin-top: 24rpx; display: flex; justify-content: center; align-items: center; } .file .pilot .item { width: 15rpx; height: 6rpx; background-color: #d7d7d7; border-radius: 30rpx; } .file .pilot .item.pitch { background-color: #fa6b11; } .file .pilot .item:not(:last-of-type) { margin-right: 6rpx; }