/* pages/control/order/order.wxss */ page { width: 750rpx; min-height: 100vh; background: #F6F6F6; } .contioner { padding: 24rpx 32rpx; background: #fff; } .top { padding: 24rpx 0; } .top .tit { font-size: 28rpx; font-weight: 600; } .top .tit2 { font-size: 36rpx; } .top .tips { font-size: 24rpx; } .black { color: #333333; } .gray { color: #666666; } .top .lr { width: 146rpx; height: 124rpx; background: #F8F8F8; border-radius: 8rpx; flex-direction: column; } .foot .le { font-size: 24rpx; font-weight: 600; color: #333333; } .foot .lr { font-size: 24rpx; color: #666666; } .boxs { width: 690rpx; background: #FFFFFF; border-radius: 8rpx; margin: auto; padding: 24rpx; } .boxs .tit { font-size: 28rpx; font-weight: 600; color: #333333; } .boxs .content { flex-wrap: wrap; } .boxs .item { width: 120rpx; height: 120rpx; border-radius: 10rpx; position: relative; z-index: 10; } .boxs .item image { width: 100%; height: 100%; } .boxs .item .icon { width: 24rpx; height: 24rpx; background: #F23131; border-radius: 50%; position: absolute; right: 5rpx; top: 5rpx; } .boxs .photo { width: 120rpx; height: 120rpx; background: #F6F6F6; border-radius: 4rpx; } .boxs .photo image { width: 40rpx; height: 40rpx; } .tipsBox { padding: 42rpx 24rpx; border-radius: 8rpx; width: 690rpx; margin: 25rpx auto; background: #FFFFFF; } .tipsBox .lr { width: 48rpx; height: 48rpx; } .tipsBox .tops { font-size: 28rpx; font-weight: 600; color: #333333; } .tipsBox .foots { font-size: 24rpx; color: #0F8800; } .footer { width: 750rpx; height: 148rpx; background: #FFFFFF; border-radius: 24rpx 24rpx 0px 0px; position: fixed; left: 0; bottom: 0; padding: 30rpx; } .footer .btn { width: 330rpx; height: 88rpx; border-radius: 8rpx; line-height: 88rpx; font-size: 30rpx; } .btn-border { border: 1rpx solid #52A1FF; color: #52A1FF; }