SunjiApplet/pages/order/balance/submitOrder.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); */
  background: var(--color--);
  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); */
  color: var(--color--);
}

.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: 20rpx;
  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;
  margin: 20rpx;
  width: 710rpx;
  height: auto;
  background: white;
  overflow: hidden;
  border-radius: 10rpx;
}

.cy-eat-normal-view {
  width: 310rpx;
  height: 110rpx;
  border: 2rpx solid rgba(224, 224, 224, 1);
  border-radius: 10rpx;
  font-size: 36rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
}

.cy-eat-select-view {
  width: 310rpx;
  height: 110rpx;
  background: rgba(255, 248, 194, 1);
  border: 2rpx solid rgba(255, 198, 57, 1);
  /* background: var(--color--);
  border: 2rpx solid var(--color--); */
  border-radius: 10rpx;
  font-size: 36rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  /* color: rgba(255, 198, 57, 1); */
  color: var(--color--);
}

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

.cy-eat-time-view {
  position: absolute;
  right: 60rpx;
  /* color: #ffc639; */
  color:  var(--color--);
  font-size: 30rpx;
}

.cy-icon-right {
  position: absolute;
  right: 30rpx;
  width: 13rpx;
  height: 20rpx;
}

button {
  border-radius: 30rpx;
  height: 50rpx;
  line-height: 50rpx; 
  /* background: #ffc639; */
  background:var(--color--);
  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); */
  background: var(--color--);
  border: 2rpx solid var(--color--);
  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: 36rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.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: 50rpx;
  /* background-color: white; */
  /* margin-top: 30rpx; */
}

.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: 17px;
  height: 100%;
}

.cy-content-cart {
  position: fixed;
  left: 0rpx;
  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; */
  background-color: var(--color--);
  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;
  z-index: 9999;
  background: rgba(243, 243, 243, 1);
  border-radius: 30rpx 30rpx 0px 0px;
}

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

.cy-pay-view {
  /* width: 100%;
  height: 322rpx; */
  width: 690rpx;
  height: 280rpx;
  background: rgba(255, 255, 255, 1);
  border-radius: 20rpx;
  margin: auto auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 50rpx;
}

.cy-pay-item {
  /* margin-left: 100rpx; */
  /* width: 550rpx; */
  height: 140rpx;
  width: 100%;
  /* border-radius: 90rpx; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cy-pay-arount{
  justify-content: space-around;
}

.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)); */
  background: linear-gradient(180deg, var(--color--), var(--color--));
}

.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;
}

.cy-submit-pay {
  width: 690rpx;
  height: 90rpx;
  /* background: linear-gradient(180deg, rgba(255, 221, 108, 1), rgba(255, 185, 35, 1)); */
  background: var(--color--);
  border-radius: 45rpx;
  margin: auto auto;
  margin-top: 30rpx;
  margin-bottom: 70rpx;
  text-align: center;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 90rpx;
}

.cy-pay-item-item {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  /* margin-top: 30rpx; */
}

.cy-pay-icons {
  width: 70rpx;
  /* height: 52rpx; */
  display: flex;
  justify-content: center;
}


.cy-pay-icons image {
  width: 36rpx;
  height: 36rpx;
  display: block;
  margin: auto auto;
}

.cy-pay-contents {
  width: 65%;
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  margin-left: -25rpx;
  line-height: 66rpx;
}

.cy-pay-select {
  width: 44rpx;
  /* height: 44rpx; */
  display: flex;
  justify-content: center;
}
.cy-pay-select image {
  width: 44rpx;
  height: 44rpx;
  display: block;
  margin: auto auto;
}
/* .cy-pay-select image {
  width: 44rpx;
  height: 44rpx;
} */

.member-pay-msg {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  margin-top: -35rpx;
}

.cy-pay-line {
  width: 621rpx;
  height: 1rpx;
  background: rgba(224, 224, 224, 1);
  float: right;
  display: block;
  margin-left: 65rpx;
}

.cy_member_discount_after_amount {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: 500;
  text-decoration: line-through;
  color: rgba(102, 102, 102, 1);
  margin-top: -50rpx;
  margin-bottom: 20rpx;
  height: 70rpx;
}
.cy-member-pay-amount-font-style{
  color: red;
}
.cy-eat-is-box-fee{
  width: 35rpx;
  height: 35rpx;
  border-radius: 50%;
  border:1rpx solid rgb(189, 176, 176);
  /* margin-left: 320rpx; */
  background-repeat: no-repeat;
  background-size: 100% 100% ;
  text-align: right;
  margin-right: 30rpx;
  /* background:var(--color--); */
}

.cy-eat-is-box-fee-no-select{
  width: 35rpx;
  height: 35rpx;
  margin-right: 30rpx;
  display: block;
  float: right;
  border: 3rpx solid gray;
  border-radius: 50%;
}
.iconduihao1{
  margin-right: 30rpx;
  width: 45rpx;
  height: 45rpx;
  text-align: right;
}

.cy-product-originalPrice {
  font-size: 25rpx;
  font-family: PingFang SC;
  font-weight: bold;
  text-decoration: line-through;
  color: rgba(153, 153, 153, 1);
  padding-left: 15rpx;
}