.active.data-v-0ca91b30 { /* width: 82rpx; */ height: 16rpx; background: #FCD202; position: relative; top: -20rpx; z-index: 9; } .bg.data-v-0ca91b30 { background-color: #FFFFFF; } /* 切换选项 */ .nav.data-v-0ca91b30 { display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; color: #999999; } .btn.data-v-0ca91b30 { width: 150rpx; height: 60rpx; line-height: 60rpx; text-align: center; background: #F5F5F5; font-size: 28rpx; border: 2rpx solid ##F5F5F5; color: #666666; border-radius: 50rpx; font-weight: 700; margin-left: 10rpx; } .btn_.data-v-0ca91b30 { width: 150rpx; height: 60rpx; line-height: 60rpx; text-align: center; background: #FCD202; font-size: 28rpx; border: 2rpx solid #FCD202; color: #333333; border-radius: 50rpx; font-weight: 700; margin-left: 10rpx; } .tabBtn.data-v-0ca91b30 { /* background-color: #f6f6fa; */ height: 60rpx; line-height: 60rpx; color: #999999; font-size: 38rpx; } .title.data-v-0ca91b30 { position: relative; z-index: 100; } .shaix.data-v-0ca91b30 { width: 30%; text-align: center; display: flex; align-items: center; justify-content: center; letter-spacing: 4rpx; font-size: 27rpx; } .select.data-v-0ca91b30 { color: #000000; font-weight: bold; background-color: #fff; z-index: 10; } .nav view.data-v-0ca91b30 { flex-grow: 1; margin: 3% 6.5% 2%; text-align: center; } .nav_btna.data-v-0ca91b30 { font-size: 42rpx; line-height: 34rpx; color: #000000; font-weight: bold; border-bottom: 14rpx solid #FCD202; } /* 内容 */ /* 全部订单 */ .cont_one.data-v-0ca91b30 { margin-top: 160rpx; } /* .cont_one image { width: 80%; height: 353rpx; } */ /* 到店取餐 */ .cont_two.data-v-0ca91b30 { display: none; width: 94%; margin: 3% auto; background-color: #FFFFFF; border-radius: 18rpx; } .cont.data-v-0ca91b30 { /* display: none; */ width: 94%; margin: 3% auto; background-color: #FFFFFF; border-radius: 18rpx; /* padding: 20rpx 0; */ } .cont_two_top.data-v-0ca91b30 { width: 94%; padding: 4% 3% 0; margin: 0 auto; display: flex; justify-content: space-between; } .cont_two_top_le.data-v-0ca91b30 { /* width: 85%; */ font-size: 30rpx; font-weight: 500; color: #333333; /* line-height: 2; */ margin: 5rpx 0; } .cont_two_top_ri.data-v-0ca91b30 { /* width: 15%; */ padding: 6rpx 10rpx; text-align: center; background: rgba(255, 19, 10, 0.2); font-size: 24rpx; border: 2rpx solid #FF130A; color: #FF130A; opacity: 0.6; border-radius: 8rpx; } .cont_two_top_ri1.data-v-0ca91b30 { /* width: 15%; */ text-align: center; /* line-height: 2; */ padding: 6rpx 10rpx; background: #62ba8b; font-size: 24rpx; border: 2rpx solid #62ba8b; color: #fff; /* opacity: 0.6; */ border-radius: 8rpx; } .cont_two_top_ri2.data-v-0ca91b30 { /* width: 15%; */ text-align: center; /* line-height: 2; */ padding: 6rpx 10rpx; background: #FCD202; font-size: 24rpx; border: 2rpx solid #FCD202; color: #fff; /* opacity: 0.6; */ border-radius: 8rpx; } .cont_two_text.data-v-0ca91b30 { font-size: 58rpx; text-align: center; font-weight: bold; color: red; margin: 3% 0; line-height: 32rpx; } .cont_two_text2.data-v-0ca91b30 { font-size: 30rpx; width: 100%; font-weight: 500; color: #333333; text-align: center; padding-bottom: 3%; /* line-height: 32rpx; */ } .cont_two_text2 text.data-v-0ca91b30 { color: #FF130A; } .cont_two_bottom.data-v-0ca91b30 { width: 94%; padding: 3%; margin: 0 auto; display: flex; border-top: 1rpx solid #E6E6E6; } .cont_two_bottom_le.data-v-0ca91b30 { flex: 1; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 32rpx; } .cont_two_bottom_ri.data-v-0ca91b30 { flex: 1; text-align: right; } .cont_two_bottom_ri image.data-v-0ca91b30 { width: 14rpx; height: 24rpx; } /* 外卖订单 */ .cont_three.data-v-0ca91b30 { display: none; width: 94%; margin: 3% auto; background-color: #FFFFFF; border-radius: 18rpx; } .cont_three_top.data-v-0ca91b30 { width: 94%; padding: 4% 3% 0; margin: 0 auto; display: flex; } .cont_three_top_le.data-v-0ca91b30 { flex: 2; font-size: 30rpx; font-weight: 500; color: #D80204; line-height: 32rpx; } .cont_three_top_ri.data-v-0ca91b30 { flex: 1; text-align: right; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 32rpx; } .cont_three_text.data-v-0ca91b30 { padding: 2% 0 2% 3%; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 32rpx; } .cont_three_cen.data-v-0ca91b30 { width: 94%; padding: 0.5% 3%; margin: 0 auto; display: flex; } .cont_three_cen_le.data-v-0ca91b30 { flex: 2; font-size: 30rpx; font-weight: 500; color: #333333; line-height: 32rpx; } .cont_three_cen_ri.data-v-0ca91b30 { flex: 1; text-align: right; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 32rpx; } .cont_three_text2.data-v-0ca91b30 { font-size: 24rpx; font-weight: 500; color: #D80204; padding: 0 3%; line-height: 32rpx; } .cont_three_bottom.data-v-0ca91b30 { width: 94%; padding: 3%; margin: 3% auto 0; display: flex; border-top: 1rpx solid #E6E6E6; } .cont_three_bottom_le.data-v-0ca91b30 { flex: 1; font-size: 24rpx; font-weight: 500; color: #999999; line-height: 32rpx; } .cont_three_bottom_ri.data-v-0ca91b30 { flex: 1; text-align: right; } .cont_dis.data-v-0ca91b30 { display: block; } .box.data-v-0ca91b30 { /* width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 40px; z-index: 999 */ } .popbox.data-v-0ca91b30 { width: 749rpx; /* height: 764upx; */ background: #FFFFFF; padding-bottom: 72rpx; z-inde: 999; position: fixed; top: 39px; left: 0; right: 0; } .impute.data-v-0ca91b30 { background: #F2F2F2; height: 80rpx; margin: 20rpx 0; } .btns.data-v-0ca91b30 { width: 690rpx; height: 88rpx; background: #FFCC00; box-shadow: 0rpx 10rpx 20rpx 0rpx #FFD9B3; border-radius: 16rpx; text-align: center; line-height: 88rpx; font-size: 32rpx; font-weight: bold; margin: 0 auto; } .empty.data-v-0ca91b30 { width: 100%; background: #ffffff; height: 93vh; } .tabs_box.data-v-0ca91b30 { display: none; } .dis.data-v-0ca91b30 { display: block; width: 100%; } .u-tab-item.data-v-0ca91b30 { font-size: 30rpx !important; /* color: #666666 !important; */ } .success_box.data-v-0ca91b30 { width: 100%; } .order_box.data-v-0ca91b30 { width: 95%; margin: 0 auto; /* height: 420rpx; */ background: #FFFFFF; margin-top: 20rpx; border-radius: 10px; /* padding: 20rpx 0rpx; */ } .order_success.data-v-0ca91b30 { width: 90%; margin: 0 auto; display: flex; height: 80rpx; } .order_name.data-v-0ca91b30 { flex: 1; display: flex; justify-content: left; align-items: center; font-weight: bold; font-size: 31rpx; letter-spacing: 1rpx; } .order_data.data-v-0ca91b30 { flex: 1; color: #999999; display: flex; justify-content: flex-end; align-items: center; font-size: 27rpx; } .city_type.data-v-0ca91b30 { width: 90%; margin: 0 auto; height: 60rpx; line-height: 60rpx; display: flex; justify-content: left; align-items: center; } .type_name.data-v-0ca91b30 { font-size: 27rpx; } .city_text.data-v-0ca91b30 { line-height: 36rpx; color: #49A5FF; background: #c4e2ff; text-align: center; font-size: 25rpx; margin-left: 20rpx; padding: 2rpx 10rpx; } .city_address.data-v-0ca91b30 { width: 90%; margin: 0 auto; /* margin-top: -10rpx; */ } /* 发货地址 */ .fh_box.data-v-0ca91b30 { display: flex; /* height: 80upx; */ margin-top: 25rpx; } .fh_image.data-v-0ca91b30 { /* flex: 1; */ width: 10%; } .box.data-v-0ca91b30 { /* flex: 11; */ width: 85%; overflow: hidden; } .fh_name.data-v-0ca91b30 { font-size: 31rpx; font-weight: 600; letter-spacing: 2rpx; } .fh_type.data-v-0ca91b30 { color: #999999; font-size: 28rpx; margin-top: 10rpx; } .fh_type text.data-v-0ca91b30 { margin-left: 20rpx; } /* 送货地址 */ .sh_box.data-v-0ca91b30 { display: flex; margin-bottom: 14rpx; margin-top: 25rpx; } .sh_image.data-v-0ca91b30 { /* flex: 1; */ width: 10%; } .sh_name.data-v-0ca91b30 { font-size: 31rpx; font-weight: 600; letter-spacing: 2rpx; } .sh_type.data-v-0ca91b30 { color: #999999; font-size: 28rpx; margin-top: 10rpx; } .sh_type text.data-v-0ca91b30 { margin-left: 20rpx; } .fh_image image.data-v-0ca91b30 { width: 45rpx; height: 45rpx; } .sh_image image.data-v-0ca91b30 { width: 45rpx; height: 45rpx; } .order_btn.data-v-0ca91b30 { display: flex; justify-content: flex-end; align-items: center; height: 80rpx; margin-top: 8rpx; padding: 0 20rpx; } .btn1.data-v-0ca91b30 { width: 170rpx; font-size: 26rpx; line-height: 60rpx; text-align: center; border: 3rpx solid #9C9C9C; border-radius: 20rpx; color: #9C9C9C; margin-right: 30rpx; } .btn2.data-v-0ca91b30 { width: 170rpx; line-height: 60rpx; color: white; background: #FF6A04; font-size: 27rpx; text-align: center; margin-right: 30rpx; border-radius: 20rpx; } .btn3.data-v-0ca91b30 { width: 120rpx; font-size: 26rpx; line-height: 60rpx; text-align: center; border: 2rpx solid #FF130A; border-radius: 10rpx; color: #FF130A; margin-right: 30rpx; background: rgba(255, 19, 10, 0.2); opacity: 0.6; }