.u-cell__body--large.data-v-913eaa32 { padding: 48rpx 0 !important; box-sizing: border-box; } page { background-color: #F4F4F4; font-size: 30rpx; } .checkbox { display: flex; padding: 30rpx; } .checkbox .text { margin-left: 10rpx; font-size: 26rpx; } .top { margin-top: 32rpx; padding: 10rpx 30rpx; display: flex; align-items: center; margin-bottom: 20rpx; } .top .image { margin-right: 20rpx; } .top .image image { width: 180rpx; height: 110rpx; } .suborder { position: relative; margin-top: 30rpx; padding: 48rpx 30rpx; background-color: #fff; border-radius: 0px 56rpx 0px 0px; height: calc(100vh - 323rpx); box-sizing: border-box; } .suborder .name { margin-bottom: 48rpx; } .suborder .contract { margin-top: 50rpx; } .suborder .time { position: absolute; left: 0; bottom: 75rpx; width: 100%; background-color: #F4F4F4; border-radius: 16rpx 16rpx 0px 0px; display: flex; padding: 24rpx 0rpx 24rpx 30rpx; } .navbar { margin-top: 104rpx; display: flex; justify-content: space-between; align-items: center; bottom: 0; left: 0; position: fixed; width: 100%; height: 104rpx; background: #1E9F6A; border-radius: 16rpx 16rpx 0px 0px; color: #ffffff; } .navbar .navbar-item { width: 50%; text-align: center; } .navbar .want { border-left: 1rpx solid #FFFFFF; }