page { background: #f0f0f0; } .cy-order-num-view { width: 100%; height: 293rpx; background: linear-gradient(180deg, var(--color--) , rgba(240, 240, 240, 1)); } .cy-order-num-image { position: absolute; margin-left: 20rpx; width: 710rpx; height: 240rpx; background: white; border-radius: 10rpx; } .cy-order-num { position: absolute; top: 75rpx; width: 100%; height: 80rpx; /* color: #ffc639; */ color: var(--color--); font-size: 80rpx; font-weight: 500; } .cy-order-text { position: absolute; width: 100%; height: auto; text-align: center; font-size: 30rpx; font-weight: 500; color: rgba(102, 102, 102, 1); bottom: 31rpx; } .cy-order-info-view { position: relative; margin-top: -33rpx; width: 710rpx; height: auto; background: white; border-radius: 10rpx; padding-bottom: 20rpx; } .cy-line-view { margin-left: 30rpx; width: 650rpx; height: auto; color: #333; font-size: 30rpx; } .cy-order-status-view { width: 100%; height: auto; text-align: center; } .cy-order-status { margin-top: 40rpx; font-size: 32rpx; font-family: PingFang-SC-Medium; font-weight: bold; color: rgba(51, 51, 51, 1); } .cy-store-des { margin-top: 15rpx; text-align: center; font-size: 28rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(102, 102, 102, 1); } .cy-once-order { width: 150rpx; height: 60rpx; margin-right: 30rpx; /* background: rgba(255, 198, 57, 1); */ background: var(--color--); border-radius: 4rpx; font-size: 28rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(51, 51, 51, 1); padding: 0rpx; margin: 0rpx 30rpx 0rpx 0rpx; } .cy-link-store { margin-left: 10rpx; font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(51, 51, 51, 1); } .cy-order-product-info-view { position: relative; margin-top: 20rpx; width: 710rpx; height: auto; border-radius: 10rpx; overflow: hidden; background: white; } .cy-product-list { position: relative; width: 100%; height: auto; background: white; padding-top: 10rpx; } .cy-total-view { margin-left: 30rpx; margin-top: 30rpx; width: 670rpx; height: 40rpx; } .cy-totle-money { margin-right: 40rpx; font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(255, 73, 73, 1); } .cy-product-item { margin-top: 10rpx; width: 100%; height: auto; } .cy-item-image { margin: 10rpx 20rpx 10rpx 30rpx; width: 96rpx; height: 96rpx; background: #f3f3f3; } .cy-item-info-view { margin-top: 10rpx; width: 550rpx; height: 120rpx; } .cy-product-name { width: 520rpx; height: 45rpx; font-size: 30rpx; color: #333; background: white; overflow: hidden; text-overflow: ellipsis; } .cy-product-make { margin-top: 15rpx; width: 520rpx; height: 35rpx; color: #666; font-size: 24rpx; } .cy-order-info-line { margin-left: 30rpx; width: 650rpx; height: auto; } .cy-order-info-line-left { width: 160rpx; font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(153, 153, 153, 1); } .cy-order-info-line-right { font-size: 30rpx; font-family: PingFang-SC-Medium; font-weight: 400; color: rgba(51, 51, 51, 1); } .cy-order-storeName { position: absolute; width: 100%; height: auto; text-align: center; font-size: 33rpx; font-weight: 600; color: rgba(102, 102, 103, 1); top: 10rpx; font-family: PingFang-SC-Medium; font-weight: bold; } .cy-order-detail-storeName{ font-size: 33rpx; font-weight: 600; color: rgba(102, 102, 103, 1); font-family: PingFang-SC-Medium; font-weight: bold; }