.consultItem { width: 100%; .top_row { display: flex; width: 100%; height: 116rpx; border-bottom: 2rpx dashed #E8E9EC; justify-content: space-between; align-items: center; .flex { width: 0; flex: 1; } .tag { // width: 176rpx; height: 60rpx; border-radius: 8rpx; text-align: center; font-size: 28rpx; margin-right: 24rpx; white-space: nowrap; padding: 10rpx 18rpx; &.tag2 { background: rgba(144,12,64,0.1) !important; color: #F158B9 !important; } &.tag3 { color: #FA7919; background: rgba(250, 149, 25, 0.1); } } .schoolName { font-size: 28rpx; color: #333; margin-left: 20rpx; flex: 1; } .status { display: flex; align-items: center; justify-content: flex-end; width: 140rpx; flex-shrink: 0; text-align: right; .text { font-size: 28rpx; color: $themC; white-space: nowrap; } } } .target { // border-bottom: 2rpx dashed #E8E9EC; } .row { display: flex; justify-content: space-between; padding: 24rpx 0; .leftLab { display: flex; align-items: center; .icon { width: 30rpx; height: 32rpx; } .lab { margin-left: 10rpx; font-size: 28rpx; color: #ADADAD; } } .name { font-size: 28rpx; color: #333; } } .border_bottom { border-top: 2rpx dashed #E8E9EC; padding: 30rpx 10rpx 16rpx 0; .dateBox { .date { font-size: 28rpx; color: #ADADAD; margin-bottom: 16rpx; } } .btnBg { width: 212rpx; margin: 30rpx auto; } } }