.consultItem { width: 100%; .top_row { display: flex; width: 100%; height: 116rpx; border-bottom: 2rpx dashed #E8E9EC; justify-content: space-between; align-items: center; .tag { // width: 176rpx; height: 60rpx; background: rgba(233, 243, 230, 1.0); border-radius: 8rpx; text-align: center; font-size: 28rpx; color: #6cbc9f; margin-right: 24rpx; padding: 10rpx 18rpx; white-space: nowrap; &.yellow { color: #FA7919; background: rgba(250, 149, 25, 0.1); } } .schoolName { font-size: 28rpx; color: #333; margin-left: 20rpx; } .status { display: flex; align-items: center; white-space: nowrap; .text { font-size: 28rpx; color: $themC; } } } .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: 30rpx; } .lab { margin-left: 10rpx; font-size: 28rpx; color: #ADADAD; } } .name { font-size: 28rpx; color: #333; } } .border_bottom { border-top: 2rpx dashed #E8E9EC; padding: 10rpx 10rpx 16rpx 0; .dateBox { .date { font-size: 28rpx; color: #ADADAD; margin-bottom: 16rpx; } } .btnBg { width: 212rpx; margin: 30rpx auto; } } } .rows { display: flex; justify-content: space-between; padding: 16rpx 0; font-size: 28rpx; color: #ADADAD; .label { &.hui { color: #686B73; } } .value { &.blue { color: $themC; font-weight: 500; } } }