@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page, .container { min-height: 100%; height: auto; background: #ffffff; } .top { position: relative; height: 346rpx; width: 750rpx; } .top image { width: 100%; height: 100%; } .main { position: relative; z-index: 2; width: 750rpx; background: #ffffff; border-radius: 20rpx 20rpx 5rpx 5rpx; margin-top: -10rpx; padding: 46rpx 44rpx; } .main .title { display: flex; justify-content: center; align-items: center; } .main .title .title-font { font-size: 32rpx; font-family: ZhenyanGB; font-weight: 400; color: #bd9360; } .btn { width: 620rpx; height: 80rpx; background: linear-gradient(270deg, #ffe7c4, #ffce8a); border-radius: 40rpx; margin: 58rpx auto 0; font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #9f570e; line-height: 80rpx; text-align: center; } .two { margin: 26rpx 0 0; font-size: 28rpx; text-align: center; font-family: PingFang SC; font-weight: 500; color: #999999; } .two text { color: #ff383e; } .row { display: flex; align-items: center; position: relative; padding: 30rpx; background: #fff; } .row .order-status { font-size: 32rpx; color: #dd524d; font-weight: 500; } .row .refund { font-size: 30rpx; color: #303133; } .row .noRefund { font-size: 30rpx; color: #909399; } .row .tit { flex-shrink: 0; width: 120rpx; font-size: 30rpx; color: #303133; } .row .input { text-align: right; flex: 1; font-size: 30rpx; color: #303133; } .row .input.payColor { color: #dd524d; } .row .iconlocation { font-size: 36rpx; color: #909399; }