SunjiApplet/pages/mine/myOrderDetail.wxss

.cy-container {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0rpx;
  bottom: 120rpx;
  overflow: auto;
}

.cy-view-top {
  width: 100%;
  height: 237rpx;
}

.cy-out-store-view {
  position: relative;
  width: 750rpx;
  height: 100rpx;
  background: white;
  overflow: hidden;
}

.cy-out-store-name {
  margin-left: 30rpx;
  width: 400rpx;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}

.cy-out-mark {
  position: absolute;
  top: 18rpx;
  right: 30rpx;
  width: 180rpx;
  height: 64rpx;
  background: rgba(255, 198, 57, 1);
  border-radius: 6rpx;
  font-size: 24rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.cy-out-mark image {
  margin-right: 14rpx;
  width: 34rpx;
  height: 28rpx;
}

.cy-out-address {
  margin-top: 20rpx;
  margin-left: 30rpx;
  width: 460rpx;
  height: 100rpx;
}

.cy-out-address-text {
  font-size: 26rpx;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}

.cy-out-person-text {
  margin-top: 20rpx;
  font-size: 26rpx;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
}

.cy-out-icon-right {
  position: absolute;
  top: 70rpx;
  right: 30rpx;
  width: 10rpx;
  height: 19rpx;
}

.cy-out-time-title {
  margin-left: 12rpx;
  font-size: 28rpx;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}

.cy-out-go-time {
  position: absolute;
  top: 15rpx;
  right: 30rpx;
  width: auto;
  height: auto;
  font-size: 28rpx;
  font-family: PingFang-SC-Medium;
  font-weight: bold;
  color: rgba(255, 198, 57, 1);
}

.cy-store-address {
  width: 750rpx;
  height: 126rpx;
  background-color: white;
  overflow: hidden;
  border-bottom: 0.1rpx solid #f3f3f3;
}

.cy-address-icon {
  width: 26rpx;
  height: 30rpx;
}

.cy-store-address-view {
  margin-left: 30rpx;
  width: 690rpx;
  min-height: 50rpx;
}

.cy-store-address-view text {
  margin-left: 15rpx;
  width: 550rpx;
  height: auto;
  font-size: 30rpx;
  color: #000;
}

.cy-eat-time {
  position: relative;
  padding-bottom: 40rpx;
  width: 750rpx;
  height: auto;
  background: white;
  overflow: hidden;
}

.cy-eat-mobile {
  margin-left: 30rpx;
  width: 320rpx;
  color: #666;
  font-size: 30rpx;
}

.cy-eat-time-view {
  position: absolute;
  right: 30rpx;
  color: #ffc639;
  font-size: 30rpx;
}

button {
  border-radius: 30rpx;
  height: 50rpx;
  line-height: 50rpx;
  background: #ffc639;
  width: auto;
  text-align: center;
  color: white;
  padding: 8rpx 15rpx;
}

.cy-eat-type {
  width: 750rpx;
  height: 80rpx;
  background: #f3f3f3;
}

.cy-eat-type text {
  margin-left: 30rpx;
  color: #666;
  font-size: 30rpx;
}

.cy-eat-type-view {
  width: 100%;
  height: 100rpx;
  background: white;
}

.cy-eat-type-radio-view {
  position: absolute;
  right: 30rpx;
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  overflow: hidden;
}

.cy-eat-type-radio-view image {
  width: 24rpx;
  height: 18rpx;
}

.cy-eat-type-normal-raido {
  background: white;
  border: 2rpx solid rgba(153, 153, 153, 1);
  box-sizing: border-box;
}

.cy-eat-type-select-raido {
  background: rgba(255, 198, 57, 1);
  border: 2rpx solid rgba(255, 198, 57, 1);
  box-sizing: border-box;
}

.cy-list-view {
  position: relative;
  margin: 20rpx;
  width: 710rpx;
  height: auto;
  background: #f3f3f3;
  border-radius: 10rpx;
  overflow: hidden;
}

.cy-product-list {
  width: 710rpx;
  height: auto;
  background: white;
  padding-bottom: 10rpx;
  overflow: hidden;
}

.cy-product-item {
  margin: 30rpx 30rpx 20rpx 30rpx;
  padding-bottom: 20rpx;
  width: 650rpx;
  height: 96rpx;
}

.cy-product-item image {
  width: 96rpx;
  height: 96rpx;
  border-radius: 6rpx;
  background: #f3f3f3;
  overflow: hidden;
}

.cy-product-item-right {
  margin-left: 22rpx;
  width: 562rpx;
  height: 96rpx;
}

.cy-product-item-line {
  width: 100%;
  height: 48rpx;
}

.cy-product-name {
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}

.cy-product-make {
  font-size: 26rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  line-height: 55rpx;
  color: rgba(102, 102, 102, 1);
}

.cy-product-money {
  width: 710rpx;
  height: 80rpx;
  background: white;
}

.cy-product-money-line {
  width: 710rpx;
  height: 70rpx;
  background: white;
}

.cy-total-title {
  margin-left: 30rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.cy-total-money {
  margin-right: 30rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 73, 73, 1);
}

.cy-order-comment {
  width: 750rpx;
  height: 90rpx;
  background: white;
}

.cy-order-comment input {
  position: absolute;
  width: 500rpx;
  min-height: 90rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: right;
  right: 30rpx;
  color: rgba(153, 153, 153, 1);
}

.cy-content-title {
  width: 100%;
  height: auto;
  color: #111;
  overflow: hidden;
  background-color: white;
}

.cy-title-item {
  width: 750rpx;
  height: 100rpx;
}

.cy-title-row {
  width: 100%;
  height: 44rpx;
}

.cy-title-row text:nth-child(1) {
  font-size: 22rpx;
}

.cy-title-row text:nth-child(2) {
  font-weight: bold;
}

.cy-row-address {
  font-size: 13px;
  font-weight: 350;
}

.cy-item-take {
  margin-left: 52rpx;
  width: 670rpx;
  height: 120rpx;
}

.cy-take-icon {
  width: 315rpx;
  height: 100%;
  border-radius: 18rpx;
  box-sizing: border-box;
  border: 1px solid gray;
  color: gray;
}

.cy-select-take-icon {
  border: 1px solid #004585;
  color: #004585;
}

.cy-take-icon image {
  width: 70rpx;
  height: 70rpx;
}

.cy-take-name {
  width: 160rpx;
  height: 70rpx;
  font-size: 14px;
  letter-spacing: 3rpx;
}

.cy-user-info {
  width: 750rpx;
  height: auto;
  overflow: hidden;
}

.cy-pay-font {
  font-size: 34rpx;
}

.cy-row-link {
  margin-top: 25rpx;
  margin-left: 52rpx;
  width: 670rpx;
  height: auto;
  background-color: white;
}

.cy-row-line {
  width: 750;
  height: 1px;
  background-color: gainsboro;
}

.cy-content-row {
  padding-left: 52rpx;
  height: 95rpx;
  overflow: hidden;
  background-color: white;
}

.cy-pay-row {
  width: 100%;
  height: 100rpx;
  background-color: white;
}

.cy-row-item {
  width: 670rpx;
  height: 100%;
  line-height: 100rpx;
  overflow: hidden;
  background-color: white;
}

.cy-content-list {
  padding: 10rpx 0px;
  width: 100%;
  min-height: 120rpx;
  overflow: scroll;
  background-color: white;
}

.cy-list-item {
  margin-left: 52rpx;
  width: 670rpx;
  min-height: 100rpx;
  font-size: 13px;
}

.cy-item-shop {
  margin-top: 15rpx;
  width: 100%;
  height: 50rpx;
  line-height: 50rpx;
}

.cy-item-make {
  width: 100%;
  height: 30rpx;
  color: #a1a1a1;
}

.cy-item-name {
  width: 40%;
  height: 100%;
}

.cy-item-count {
  width: 30%;
  height: 100%;
  text-align: center;
}

.cy-item-icon {
  position: absolute;
  right: 0px;
  width: auto;
  height: 100%;
  font-size: 12px;
  color: gray;
  line-height: 80rpx;
}

.pricetitle {
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.cy-sumMoney {
  font-size: 42rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 73, 73, 1);
}

.cy-item-icon text {
  max-width: 460rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iconfont {
  font-weight: bold;
  font-size: 12px;
  height: 100%;
}

.cy-content-cart {
  position: fixed;
  width: 100%;
  height: 120rpx;
  bottom: 0rpx;
  background-color: white;
}

.cy-content-cart-total {
  width: 530rpx;
  height: 100%;
  font-size: 36rpx;
}

.cy-content-cart-total view {
  margin-left: 30rpx;
  width: 100%;
  min-height: 50rpx;
}

.cy-content-cart-total view text {
  letter-spacing: 3rpx;
}

.cy-content-place-order {
  width: 220rpx;
  height: 100%;
  background-color: #ffc639;
  color: white;
}

.cy-conmment-info {
  width: 550rpx;
  text-align: right;
}

.quantext {
  font-size: 18rpx;
  background-color: #1c457c;
  width: 28rpx;
  height: 28rpx;
  line-height: 28rpx;
  color: #fffffe;
  border-radius: 8rpx;
  margin-left: 10rpx;
  text-align: center;
}

.cy-pay-content {
  position: fixed;
  bottom: -2rpx;
  width: 100%;
  height: auto;
  background-color: white;
  z-index: 9999;
}

.cy-pay-close {
  position: absolute;
  right: 0px;
  width: 100rpx;
  height: 60rpx;
  color: gray;
  font-weight: 200;
}

.cy-pay-view {
  width: 100%;
  height: 322rpx;
}

.cy-pay-item {
  margin-left: 100rpx;
  width: 550rpx;
  height: 90rpx;
  border-radius: 90rpx;
}

.cy-member-pay {
  color: white;
  font-size: 36rpx;
  text-align: center;
  line-height: 90rpx;
  background: linear-gradient(180deg, rgba(255, 221, 108, 1), rgba(255, 185, 35, 1));
}

.cy-wx-pay {
  margin-top: 36rpx;
  text-align: center;
  line-height: 90rpx;
  color: #333;
  font-size: 36rpx;
  border: 2rpx solid #c8c8c8;
  box-sizing: border-box;
}

.cy-pay-icon {
  margin: 35rpx 25rpx;
  width: 60rpx;
  height: 50rpx;
}

.cy-pay-name {
  width: 500rpx;
  height: 100%;
}

.cy-select-check {
  width: 120rpx;
  height: 120rpx;
}

.cy-load-bk {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
}