/* pages/index/writeoffPage/writeoffPage.wxss */ @import '../../iconfont.ttss'; .write0ffPage { width: 100%; height: 100%; background: #f5f5f5; position: absolute; border-top: 1px solid #f5f5f5; } .user { position: fixed; left: 0; right: 0; margin: auto; bottom: 40rpx; width: 92%; background: #52a0fd; border-radius: 8rpx; color: #fff; font-size: 36rpx; height: 94rpx; line-height: 94rpx; } .detail_msg { width: 100%; height: 416rpx !important; background: #fff; display: flex; flex-direction: column; } .active{ opacity: .6; } .detail_msg>view:nth-child(1) { width: 100%; height: 244rpx; display: flex; } .detail_msg>view:nth-child(1) view:nth-child(1) { width: 248rpx; height: 184rpx; } .detail_msg>view:nth-child(1)>view:nth-child(1) image { width: 100%; height: 100%; margin: 20rpx 0 0 30rpx; border: 1px solid #eee; border-radius: 16rpx; } .detail_msg>view:nth-child(1)>view:nth-child(2) { width: 50%; margin-left: 7%; display: flex; flex-direction: column; } .detail_msg>view:nth-child(1)>view:nth-child(2)>text:nth-child(1) { width: 374rpx; height: 72rpx; overflow: hidden; font-size: 26rpx; font-weight: bold; margin-top: 27rpx; } .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(2) { font-size: 22rpx; color: #333; } .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(2) text { font-size: 22rpx; color: #ff3434; } .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(3) { font-size: 36rpx; color: #ff3434; margin-top: 15rpx; font-weight: bold; } .detail_msg>view:nth-child(1)>view:nth-child(2) text:nth-child(3) text { font-size: 24rpx; color: #b4b4b4; text-decoration: line-through; } .detail_msg>view:nth-child(2) text { font-size: 28rpx; } .detail_msg>view:nth-child(2), .detail_msg>view:nth-child(3) { width: 92%; height: 88rpx; line-height: 88rpx; border-top: 1px solid #f5f5f5; display: flex; justify-content: space-between; padding: 0 4%; } .detail_msg>view:nth-child(2), .detail_msg>view:nth-child(3) text { font-size: 28rpx; } .detail_msg>view:nth-child(2) text:nth-child(2), .detail_msg>view:nth-child(3) text:nth-child(2) { color: #b8b8b8; } .detail_info { width: 100%; height: 352rpx !important; background: #fff; margin-top: 2%; display: flex; flex-direction: column; } .detail_info view { width: 92%; height: 88rpx; border-top: 1px solid #f5f5f5; display: flex; justify-content: space-between; padding: 0 4%; line-height: 88rpx; } .detail_info view text { font-size: 28rpx; } .detail_info view text:nth-child(2) { color: #b8b8b8; } .detail_info view:nth-child(4) text:nth-child(2) { color: #ffae00; } .status { width: 320rpx; height: 320rpx; position: fixed; right: 0; bottom: 20%; } .status image { width: 100%; height: 100%; }