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