@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background: #f8f6f6; padding-top: 16rpx; } .orderDetial .row .input { text-align: right; } .row { display: flex; align-items: center; position: relative; padding: 0 30rpx; height: 110rpx; background: #fff; } .row .refund { font-size: 30rpx; color: #303133; padding-left: 128rpx; } .row .noRefund { font-size: 30rpx; color: #909399; padding-left: 128rpx; } .row .tit { flex-shrink: 0; width: 120rpx; font-size: 30rpx; color: #303133; } .row .input { flex: 1; font-size: 30rpx; color: #303133; padding-left: 128rpx; } .row .input.payColor { color: #dd524d; } .row .iconlocation { font-size: 36rpx; color: #909399; } .add-btn { display: flex; align-items: center; justify-content: center; width: 690rpx; height: 80rpx; margin: 60rpx auto; font-size: 32rpx; color: #fff; background-color: #921a23; border-radius: 10rpx; } /* 多条商品 */ .order-item { display: flex; flex-direction: column; background: #fff; margin-top: 16rpx; /* 单条商品 */ } .order-item .goods-box { height: 160rpx; padding: 20rpx 0; white-space: nowrap; } .order-item .goods-box .goods-item { width: 120rpx; height: 120rpx; display: inline-block; margin-right: 24rpx; } .order-item .goods-box .goods-img { display: block; width: 100%; height: 100%; } .order-item .goods-box-single { display: flex; padding: 20rpx 0; } .order-item .goods-box-single .goods-img { display: block; width: 120rpx; height: 120rpx; } .order-item .goods-box-single .right { flex: 1; display: flex; flex-direction: column; padding: 0 30rpx 0 24rpx; overflow: hidden; } .order-item .goods-box-single .right .title { font-size: 30rpx; color: #303133; line-height: 1; } .order-item .goods-box-single .right .attr-box { font-size: 26rpx; color: #909399; padding: 10rpx 12rpx; } .order-item .goods-box-single .right .price { font-size: 30rpx; color: #303133; } .order-item .goods-box-single .right .price:before { content: '¥'; font-size: 24rpx; margin: 0 2rpx 0 8rpx; } .refund-num { margin: 20rpx 0; width: 750rpx; height: 100rpx; background: #ffffff; line-height: 100rpx; } .refund-num view { display: inline-block; } .refund-num .num-title { font-size: 30rpx; font-family: PingFangSC; font-weight: 500; color: #333333; padding-left: 30rpx; } .refund-num .num { padding-left: 133rpx; font-size: 30rpx; font-family: PingFang SC; font-weight: bold; color: #901b21; } .good { margin-bottom: 18rpx; width: 750rpx; height: 220rpx; background: #ffffff; padding: 30rpx 29rpx; display: flex; position: relative; } .good .img-wrapper { width: 160rpx; height: 160rpx; } .good .img-wrapper image { width: 100%; height: 100%; border-radius: 5rpx; } .good .good-infoo { padding-left: 20rpx; } .good .good-infoo .good-name { width: 282rpx; font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: #1d2023; line-height: 40rpx; margin-bottom: 40rpx; } .good .good-infoo .create-time { height: 21rpx; font-size: 22rpx; font-family: PingFang SC; font-weight: 400; color: #999999; } .good .good-infot { position: absolute; right: 29rpx; text-align: right; font-size: 26rpx; font-family: PingFang SC; font-weight: 400; color: #666666; } .good .good-infot .good-num { font-size: 22rpx; } .pushpic { margin-top: 20rpx; width: 750rpx; height: 284rpx; background: #FFFFFF; padding: 30rpx 0 0 30rpx; } .pushpic .up-title { font-size: 30rpx; font-family: PingFang SC; font-weight: 400; color: #3F454B; line-height: 1; padding-bottom: 35rpx; } .pushpic .up .up-bg { width: 160rpx; height: 160rpx; background: #fff; border: 2rpx #999999 dashed; border-radius: 10rpx; position: relative; } .pushpic .up .up-bg image { width: 36rpx; height: 36rpx; position: absolute; top: 44rpx; left: 64rpx; } .pushpic .up .up-bg .up-tap { position: absolute; height: 23rpx; font-size: 24rpx; font-family: PingFangSC; font-weight: 500; color: #888888; top: 93rpx; left: 33rpx; } .pushpic .up .up-img { width: 160rpx; height: 160rpx; background: #fff; border-radius: 10rpx; } .pushpic .up .up-img image { width: 100%; height: 100%; border-radius: 10rpx; }