/* components/jianli/experience.wxss */ .list { height: 282rpx; padding: 0 30rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx solid #f5f5f5; } .list-left, .list-right { height: 100%; position: relative; display: flex; flex-direction: column; justify-content: space-around; z-index: 1; } .up, .down { width: 8rpx; left: 57rpx; position: absolute; } .up, .down { background: #EFF8FF; } .up { height: 45rpx; top: 0; } .down { height: 210rpx; bottom: 0; } .middle { position: absolute; top: 44rpx; left: 46rpx; height: 30rpx; width: 30rpx; } .length { height: 162rpx; bottom: 46rpx; } .cell { font-size: 28rpx; display: flex; align-items: center; position: relative; } .cell-image { height: 30rpx; width: 30rpx; margin-right: 15rpx; } .list-left { width: 130rpx; } .list-right { flex: 1; height: 85%; } .edit { color: #0177FF; font-size: 30rpx; } .cell-edit { height: 70rpx; width: 50%; position: absolute; right: 0; top: 0; display: flex; /* align-items: center; */ justify-content: flex-end; }