/* pages/sickDetail/sickDetail.wxss */ .page{ overflow: hidden; display: flex; flex-direction: column; } .content{ overflow-y: scroll; } .countcell{ margin: 192rpx 30rpx 0; background:#fff; display: flex; padding:30rpx 20rpx; border-radius: 10rpx; align-items: flex-start; justify-content: space-between; } .icon{ font-size: 34rpx; color: #666666; } .countcell .time{ font-size: 30rpx; color: #666666; margin-top: 20rpx; } .basiccell{ padding:23rpx 20rpx; margin:0 30rpx; background: #FFFFFF; border-radius: 10rpx; } .infobox .title{ margin:0 30rpx; padding:30rpx 0; } .namebox{ display: flex; align-items: center; } .namebox .name{ font-size: 34rpx; color: #3CC7C0; } .age{ margin-left: 30rpx; font-size: 34rpx; color: #666666; } .infocell{ font-size: 30rpx; margin-top: 20rpx; flex-wrap: wrap; padding:20rpx; display: flex; background: #FAFAFA; border-radius: 10rpx; } .infocell .cell{ line-height: 60rpx; margin-right: 21rpx; } .infocell .cell:nth-child(3){ margin-right: 0rpx; } .cell .desc{ font-size: 28rpx; color: #666666; } .row{ padding:0 20rpx; margin-top: 20rpx; display: flex; align-items: center; } .row.top{ align-items:flex-start } .row .name{ font-size: 30rpx; flex-shrink: 0; white-space: nowrap; } .row .desc{ word-break: break-all; font-size: 28rpx; color: #666666; } .row.top .desc{ margin-top: 5rpx; } .tip{ margin-top: 10rpx; background: #FAFAFA; border-radius: 10rpx; padding:20rpx; font-size: 26rpx; color: #999999; }