@import "./index.skeleton.wxss"; .item-box { position: relative; width: 100vw; background-color: #fff; margin-bottom: 20rpx; padding-bottom: 20rpx; box-sizing: border-box; .top { display: flex; padding: 20rpx 30rpx 10rpx; box-sizing: border-box; .image { width: 128rpx; height: 128rpx; border-radius: 16rpx; overflow: hidden; margin-right: 20rpx; flex-shrink: 0; } .content { flex: 1; .title { display: flex; align-items: center; justify-content: space-between; height: 40rpx; .line-1 { display: block; width: 500rpx; font-size: 28rpx; font-family: PingFang SC-Semibold, PingFang SC; font-weight: 600; color: #333333; } .iconfont { position: absolute; width: 60rpx; height: 60rpx; line-height: 60rpx; right: 0; flex-shrink: 0; } } .exp { height: 34rpx; line-height: 34rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #999999; margin-top: 8rpx; } } } .bottom { display: flex; justify-content: space-between; align-items: center; height: 58rpx; padding: 0 30rpx; box-sizing: border-box; margin-top: 12rpx; .check { display: flex; align-items: center; height: 100%; width: 380rpx; .label-class { font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; color: #999999; margin-left: -6rpx; } } .input-class { width: 120rpx; } } } .footer { width: 100vw; min-height: 130rpx; position: fixed; bottom: 0; z-index: 999; display: flex; justify-content: space-between; padding: 0 30rpx; box-sizing: border-box; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 5rpx 15rpx 0px; .left { flex: 1; color: #333333; .sum { height: 40rpx; line-height: 40rpx; font-size: 28rpx; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; margin-top: 14rpx; text { color: #FF3B30; } } .transport { height: 34rpx; line-height: 34rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; margin-top: 8rpx; text { color: #FF3B30; } } } .but { width: 230rpx; height: 90rpx; background: #3874F6; border-radius: 16rpx; font-size: 28rpx; font-weight: 600; color: #FFFFFF; margin-top: 10rpx; } }