/* pages/home/home.wxss */ @import '../../templates/header/header.wxss'; @import '../../templates/footer_parent/footer.wxss'; @import '../../templates/nodata/nodata.wxss'; .li{ margin: 24rpx; background:rgba(241,243,250,1); border-radius:16rpx; font-weight:600; padding-bottom: 50rpx; } .list{ margin: 24rpx; background:rgba(241,243,250,1); border-radius:16rpx; font-weight:600; padding-bottom: 24rpx; } .li-head{ border-bottom: 1rpx #D0D5E6 solid; } .li-head-img{ width: 35rpx; height: 37rpx; margin: 30rpx 12rpx 24rpx 24rpx; } .li-head-times{ font-size: 30rpx; color: #393939; position: relative; bottom: 30rpx; display: inline-block; } .li-head-guide{ display: inline-block; float: right; margin-right: 24rpx; margin-top: 36rpx; } .li-head-guide-txt{ font-size: 24rpx; color: #FF6465; position: relative; bottom: 38rpx; margin-right: 13rpx; } .li-head-guide-tag{ width: 30rpx; height: 24rpx; margin-bottom: 37rpx; } .li-subject{ display: flex; justify-content: space-around; align-items: center; padding-top: 50rpx; width: 100%; } .li-subject-add{ display: flex; justify-content: start; align-items: center; margin-top: 50rpx; } .li-subject-item{ display: inline-block; text-align: center; } .li-subject-item-add{ display: inline-block; text-align: center; margin-left: 47rpx; margin-right: 28rpx; } .li-subject-item-title{ color: #393939; font-size: 30rpx; } .li-subject-item-times{ color: #7C819D; margin: 13rpx 0 11rpx 0; font-size: 24rpx; } .li-subject-item-plan{ position: relative; font-size: 20rpx; } .li-subject-item-plan-img{ width:152rpx; height:34rpx; } .li-subject-item-plan-txt{ position: absolute; top: 0; left: 0; width:152rpx; height:34rpx; text-align: center; padding-top: 3rpx; } .subject-gay{ color: #7C819D } .subject-red{ color: #FF6465 } .li-remark{ margin: 54rpx 24rpx 0 24rpx; background:rgba(255,255,255,1); border-radius:10rpx; position: relative; } .li-remark-title{ padding: 30rpx 12rpx 19rpx 24rpx; font-size: 30rpx; color: #7C819D; } .li-remark-content{ color: #393939; font-size: 24rpx; line-height:34rpx; margin: 0 24rpx; } .li-remark-img{ width: 78rpx; height: 124rpx; position: relative; bottom: 30rpx; left: 24rpx; z-index: 10; } .li-remark-info{ display: inline-block; float: right; margin-top: 30rpx; margin-right: 24rpx; } .li-remark-info-txt{ color: #7C819D; font-size: 24rpx; margin-right: 12rpx; position: relative; bottom: 25rpx; } .li-remark-info-img{ width:65rpx; height:65rpx; border-radius: 50% } .li-attention{ margin: 45rpx 24rpx 18rpx 24rpx; padding-bottom: 20rpx; } .li-attention-title{ color: #7C819D; font-size: 30rpx; margin-bottom: 18rpx; } .li-attention-content{ color: #393939; font-size: 24rpx; line-height:40rpx; } .history{ color: #393939; font-size: 30rpx; text-align: center; margin: 48rpx 0; } .history-line{ color: #DADCE7; margin: 0 20rpx; } .action-img{ width: 52rpx; height: 52rpx; } .loading-img{ width: 47rpx; height: 52rpx; } .end-img{ width: 39rpx; height: 52rpx; } .message{ background: #FF6465; height: 120rpx; line-height: 120rpx; display: flex; justify-content: space-between; color: #FFFFFF; font-size: 24rpx; padding: 0 25rpx; margin-top: 5%; } .message-guide{ width: 14rpx; height: 14rpx; border-top: 4rpx solid #ffffff; border-right: 4rpx solid #ffffff; transform: rotate(45deg); display: inline-block; } .date{ background:rgba(241,243,250,1); border-radius:16rpx; margin: 24rpx; /* display: flex; justify-content: space-between; */ color: #7C819D; font-size: 30rpx; padding: 0 30rpx 68rpx 60rpx; text-align: center } .date-img{ width: 207rpx; height: 134rpx; margin:60rpx 0 30rpx 0; } .date-btn{ width: 193rpx; height: 60rpx; line-height: 60rpx; text-align: center; display: inline-block; background:rgba(255,100,101,1); border-radius:30rpx; font-size: 24rpx; color: #fff; margin-top: 150rpx; } .date-items{ width: 340rpx; display: inline-block; } .look_detail{ width:160rpx; height:56rpx; background:rgba(255,100,101,0.2); border-radius:28rpx; text-align: center; line-height: 56rpx; color: #FF6465; font-size: 24rpx; }