/* pages/buy/myOrder_v2/myOrder_v2.wxss */ .goodsinfo .addr { display: flex; flex-flow: row wrap; align-items: center; background: #fff; padding: 20rpx 28rpx; } .goodsinfo .addr { flex: 1; display: flex; justify-content: center; } .goodsinfo .addr .map_marker { width: 46rpx; height: 34rpx; margin-right: 16rpx; } .goodsinfo .addr .p { flex: 8; text-align: justify; font-weight: bold; line-height: 48rpx; color: #333; font-size: 28rpx; } .goodsinfo .addr .right_change { padding: 4rpx 8rpx; color: #f15353; font-size: 28rpx; border: 1rpx solid #f15353; border-radius: 8rpx; } .dis_warn { text-align: left; padding: 10rpx 28rpx; background: #fff; color: #f15353; font-size: 24rpx; /* border-top: 2rpx solid #ebebeb; */ width: 92%; display: inline-block; } .goodsinfo .addr .big { font-size: 32rpx; line-height: 58rpx; } .goodsinfo .addr .p .span { font-weight: normal; color: #666; } .goodsinfo .addr .right { flex: 1; display: flex; justify-content: flex-end; align-items: center; } .goodsinfo .addr .angle_right { padding-top: 10rpx; width: 32rpx; margin-right: 16rpx; } .goodsinfo .add-info { overflow-y: scroll; width: 100%; background: #fff; max-height: 50vh; padding-top: 20rpx; } .goodsinfo .add-info .ul { overflow-y: scroll; } .goodsinfo .add-info .ul .li { padding: 20rpx 0; display: flex; position: relative; } .goodsinfo .add-info .li .liia { width: 100%; padding-right: 40rpx; flex: 1; text-align: left; padding-left: 40rpx; display: flex; flex-direction: column; } .goodsinfo .add-info .li .liia .name { font-size: 36rpx; color: #222; line-height: 64rpx; } .goodsinfo .add-info .li .liia .address { word-break: break-word; width: 100%; font-size: 24rpx; color: #666; line-height: 40rpx; } .goodsinfo .add-info .li .edit_btn { margin-top: 16rpx; margin-right: 64rpx; height: 64rpx; line-height: 64rpx; flex: 0 0 96rpx; background: #f15353; color: #fff; border-radius: 20rpx; text-align: center; } .goodsinfo .address-plus { background: #f15353; height: 80rpx; line-height: 80rpx; color: #fff; width: 100%; border: 0; text-align: center; } .address_a { background-color: #fff; padding-left: 28rpx; margin-top: 20rpx; } .address_a .li { height: 100rpx; padding-right: 28rpx; display: flex; align-items: center; font-size: 32rpx; } .defaultAdd { background: #fff; padding-left: 28rpx; display: flex; height: 100rpx; padding-right: 28rpx; font-size: 32rpx; align-items: center; justify-content: space-between; } .addName { background: #fff; } .addstreet { background: #fff; } .text_adderss { background: #fff; } .text_adderss input { /* text-wrap: unset; */ padding: 20rpx 28rpx; font-size: 28rpx; line-height: 48rpx; min-height: 104rpx; } .adderss_btn .button { margin: 40rpx auto; width: 600rpx; height: 90rpx; border-radius: 10rpx; background: #f15353; color: #fff; display: flex; align-items: center; justify-content: center; } .adderss_btn .button .plus_circle { display: flex; justify-content: center; align-items: center; } .adderss_btn .button .plus_circle van-icon { display: flex; align-items: center; } /* 地址选择器 */ /* -------------------------------- */ .btn-area { padding: 0rpx 20rpx; } .dateBe { position: fixed; bottom: 0rpx; left: -5rpx; width: 760rpx; padding: 0rpx 5rpx; box-sizing: border-box; z-index: 200; font-size: 28rpx; border-top: 1rpx solid #d9d9d9; opacity: 0; transform: translate(-750rpx, 0rpx); } .dateBe.true { opacity: 1; transform: translate(0rpx, 0rpx); } .dateBe .head { display: flex; flex-flow: nowrap; padding: 0rpx 30rpx; line-height: 80rpx; border-bottom: 1rpx solid #d9d9d9; background: #f8f8f8; } .dateBe .head .ll { flex: 1; } .dateBe .head .rr { text-align: right; flex: 1; } .dateBe .main { background: #f8f8f8; } .dateBe .main view { text-align: center; } /* -------------------------------- */ .goodsinfo .goods-detail .title { line-height: 72rpx; background-color: #f7f7f7; color: #f15353; text-align: left; padding: 0 28rpx; display: flex; align-items: center; } .goodsinfo .goods-detail .title .span { margin-left: 20rpx; } .goodsinfo .goods-shop { background: #fff; line-height: 72rpx; border-bottom: #e8e8e8 solid 2rpx; } .goodsinfo .goods-shop .p { text-align: left; margin: 0; padding: 0 0 0 28rpx; font-size: 24rpx; color: #555; } .goodsinfo .detail_good { background: #fff; overflow: hidden; } .goodsinfo .diy-box { display: flex; flex-direction: column; } .goodsinfo .diy-from { position: absolute; top: 50rpx; right: 0; background: #ff2c29; color: #fff; border-radius: 20rpx 0 0 20rpx; padding: 4rpx 12rpx; z-index: 9; } .goodsinfo .diy-from.write { background: #02cc74; } .goodsinfo .detail_good .goods { display: flex; padding: 32rpx 28rpx 0 28rpx; } .goodsinfo .detail_good .goods .img { width: 30%; display: inline-block; } .goodsinfo .detail_good .goods .img image { width: 100%; } .goodsinfo .detail_good .goods .warp { width: 70%; margin-left: 20rpx; position: relative; } .goodsinfo .detail_good .goods .warp .inner { display: flex; -ms-flex-pack: justify; justify-content: space-between; } .goodsinfo .detail_good .goods .warp .inner .name { font-size: 28rpx; line-height: 40rpx; height: 80rpx; width: 60%; text-align: left; color: #333; margin-bottom: 20rpx; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } .goodsinfo .detail_good .goods .warp .inner .red { color: #f15353; display: flex; } .goodsinfo .detail_good .goods .warp .inner .red .icon_rent { width: 24rpx; height: 24rpx; display: flex; justify-content: center; align-items: center; padding-top: 10rpx; } .goodsinfo .detail_good .goods .warp .price { display: flex; justify-content: space-between; color: #333; position: relative; } .goodsinfo .detail_good .goods .option { color: #8c8c8c; font-size: 28rpx; } .goodsinfo .detail_good .goods .warp .price .right { color: #8c8c8c; } .goodsinfo .detail_good .rent-choice { width: 100%; bottom: 0; display: flex; justify-content: space-between; color: #8c8c8c; } .goodsinfo .detail_good .rent-choice .red { color: #f15353; margin-right: 10px; margin-right: 20rpx; font-size: 14px; } .goodsinfo .detail_good .note { display: flex; margin: 32rpx 16rpx 0 16rpx; } .goodsinfo .detail_good .note .left { display: flex; justify-content: center; align-items: center; font-size: 12px; color: #858585; margin-right: 16rpx; } .goodsinfo .detail_good .note .right { flex: 1; text-align: left; } .goodsinfo .rent-info { background-color: #fff; padding: 20rpx 28rpx; font-size: 28rpx; border-bottom: solid 2rpx #e2e2e2; } .goodsinfo .tbs { display: flex; flex-direction: column; align-items: center; background: #fff; flex-flow: row wrap; padding: 20rpx 28rpx; line-height: 48rpx; border-bottom: #e8e8e8 solid 2rpx; font-size: 30rpx; } .goodsinfo .tbs .list { width: 100%; padding-bottom: 20rpx; display: flex; justify-content: space-between; align-items: center; } .goodsinfo .tbs .left { text-align: left; color: #333; } .goodsinfo .tbs .right { text-align: right; } .goodsinfo .tbs .right .red { color: #e84e40; } .goodsinfo .tbs .left .span { font-size: 30rpx; } .goodsinfo .rent-time { margin-top: 20rpx; padding: 32rpx 28rpx; background-color: #fff; } .goodsinfo .rent-time .text { font-size: 28rpx; text-align: left; flex: 16%; margin-bottom: 20rpx; } .goodsinfo .rent-time .week { display: flex; flex-wrap: wrap; } .goodsinfo .rent-time .week .button { width: 30.4%; border: solid 2rpx #e2e2e2; background-color: #fff; font-size: 24rpx; color: #333; border-radius: 8rpx; height: 120rpx; margin: 10rpx 1.1%; display: flex; justify-content: center; align-items: center; } .goodsinfo .rent-time .week .button .span { text-align: center; } .goodsinfo .rent-time .week .button .red { color: #f15353; } .goodsinfo .tbs.coupon-list { margin-top: 20rpx; /* margin-bottom: 20rpx; */ } .goodsinfo .tbs .list:nth-last-child(1) { padding-bottom: 0; } .goodsinfo .coubtngroup { display: flex; font-size: 28rpx; text-align: center; } .goodsinfo .coubtngroup .sure { background: #f15353; height: 80rpx; line-height: 80rpx; color: #fff; width: 50%; } .goodsinfo .coubtngroup .close { background: #eee; height: 80rpx; line-height: 80rpx; color: #333; width: 50%; } .goodsinfo .add-info { overflow-y: scroll; width: 100%; background: #fff; max-height: 50vh; padding-top: 20rpx; } .goodsinfo .add-info .coupon-list-info { width: 99.5vw; display: flex; align-items: center; } .goodsinfo .add-info .checkList { padding-left: 6rpx; margin-right: 20rpx; display: flex; justify-content: center; align-items: center; } .goodsinfo .add-info .coupon_voucher_gray { flex: 1; height: 160rpx; margin-right: 20rpx; margin-bottom: 20rpx; display: flex; } .goodsinfo .add-info .coupon_voucher_main { flex: 1; height: 160rpx; margin-right: 20rpx; margin-bottom: 20rpx; display: flex; } .goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left { width: 204rpx; height: 100%; color: #fff; border-radius: 8rpx 0 0 8rpx; text-align: center; display: flex; flex-direction: column; justify-content: center; background-color: #47c1c4; } .goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left { width: 204rpx; height: 100%; color: #fff; border-radius: 8rpx 0 0 8rpx; text-align: center; display: flex; flex-direction: column; justify-content: center; background-color: #ccc; } .goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_amount.type_large { margin: 0; font-size: 44rpx; } .goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_amount.type_large { margin: 0; font-size: 44rpx; } .goodsinfo .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_limit { font-size: 24rpx; margin-top: 26rpx; margin-bottom: 0; } .goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_limit { font-size: 24rpx; margin-top: 26rpx; margin-bottom: 0; } .goodsinfo .add-info .coupon_voucher_main .coupon_voucher_right { flex: 1; padding: 30rpx 30rpx 30rpx 20rpx; border-radius: 0 8rpx 8rpx 0; background-color: #e5f3f3; color: #666; position: relative; } .goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_right { flex: 1; padding: 30rpx 30rpx 30rpx 20rpx; border-radius: 0 8rpx 8rpx 0; background-color: #eee; color: #666; position: relative; } .goodsinfo .add-info .coupon_voucher_main .coupon_voucher_right .coupon_voucher_range { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; font-size: 24rpx; text-align: left; margin: 0; padding: 0; vertical-align: baseline; } .goodsinfo .add-info .coupon_voucher_gray .coupon_voucher_right .coupon_voucher_range { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; font-size: 24rpx; text-align: left; margin: 0; padding: 0; vertical-align: baseline; } .coupon_voucher_main .coupon_voucher_right .coupon_voucher_period { color: #999; font-size: 24rpx; bottom: 0; } .coupon_voucher_main .coupon_voucher_gray .coupon_voucher_period { color: #999; font-size: 24rpx; bottom: 0; } .goodsinfo .tbs .agreement { display: flex; align-items: center; } .goodsinfo .tbs .agreement .left { margin-left: 20rpx; } .goodsinfo .tbs .agreement .left .red { color: red; } .agreementContent { width: 100%; height: 100%; overflow: auto; } .agreementContent .h3 { text-align: center; font-size: 32rpx; } .goodsinfo .tbsbottom { margin-top: 20rpx; } .goodsinfo .detail_pay { z-index: 98; font-size: 32rpx; text-align: left; height: 98rpx; background: #fff; padding: 0 0 0 28rpx; border-top: 2rpx solid #eaeaea; position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; } .goodsinfo .detail_pay .total { font-size: 28rpx; padding-right: 20rpx; display: flex; justify-content: flex-end; align-items: center; flex: 3; } .goodsinfo .detail_pay .total .deposit { font-size: 24rpx; color: #999; margin-right: 12rpx; } .goodsinfo .detail_pay .total .font { color: #f15353; } .goodsinfo .span_t { color: #f15353; font-size: 32rpx; } .goodsinfo .detail_pay .order_delete { flex: 1; background: #f15353; justify-content: center; color: #fff; display: flex; align-items: center; position: relative; } .goodsinfo .detail_pay .order_delete.disabled{ background: #a5a5a5; } .goodsinfo .rent-time .week .active { border: solid 2rpx red; } .goodsinfo .shipping_ins { background: #fff; /* padding: 0 0.625rem; */ } .goodsinfo .shipping_ins .shipping_ins_1 { padding: 0 20rpx; height: 68rpx; line-height: 68rpx; display: flex; justify-content: space-between; align-items: center; } .goodsinfo .shipping_ins .shipping_ins_title { font-size: 28rpx; color: #333; } .goodsinfo .shipping_ins .shipping_ins_total { color: #f15353; } .goodsinfo .shipping_ins .fa-angle-right { font-size: 20px; margin-left: 10px; } .goodsinfo .shipping_ins .shipping_ins_date .icon-fontclass-rili { font-size: 20px; color: #666; } .goodsinfo .shipping_ins .shipping_ins_address { flex: 1; padding-left: 12px; display: flex; align-items: center; font-size: 10px; overflow: hidden; } .goodsinfo .shipping_ins .shipping_ins_address .addressDiv { flex: 1; overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /* 规定段落中的文本不进行换行 */ } .goodsinfo .shipping_ins .cell-textarea-style { background: #fbfbfb; } .getLocation { display: flex; align-items: center; height: 100rpx; justify-content: space-between; margin: 0 30rpx; } .getLocation .left { height: 100%; display: flex; align-items: center; } .getLocation .left icon { margin-top: -10rpx; color: #999; } .getLocation .left text { font-size: 30rpx; } .getLocation .right { height: 100%; display: flex; align-items: center; } .getLocation .right icon { color: #999; } .coupon-stepper { position: absolute; width: 95%; bottom: 4px; right: 8rpx; display: flex; justify-content: space-between; align-items: center; } .coupon-stepper .coupon-stepper-num { border-radius: 28rpx; overflow: hidden; padding: 0 16rpx; color: #999; border: 1px solid #999; height: 32rpx; font-size: 24rpx; line-height: 32rpx; } .van-stepper .plus-box { width: 20px; height: 20px; background-color: #47c1c4; color: #fff; border-radius: 50%; } .van-stepper .minus-box { width: 20px; height: 20px; color: #47c1c4; border-color: #47c1c4; border-radius: 50%; } .van-stepper .input-box { background-color: transparent; } .prepaid-recharge { background-color: white; text-align: left; } .prepaid-recharge .van-new-cell { font-size: 24px; border-bottom: none; } .prepaid-recharge .van-hairline--top-bottom::after { border-bottom: none; } .prepaid-recharge .tips { margin-top: 15px; border-top: #e8e8e8 solid 2rpx; padding: 10px; line-height: 22px; color: #ff2424; font-size: 14px; } .cpsMember { height: 90rpx; background: #fff; margin-bottom: 20rpx; /* line-height: 60rpx; */ display: flex; align-items: center; padding-left: 30rpx; box-sizing: border-box; } .cpsinp { font-size: 28rpx; } .diy-other-btn { height: 64rpx; line-height: 64rpx; background: #f7e7e7; text-align: center; margin-top: 12px; color: #e84e40; font-size: 12px; } .diy-other-btn icon { display: inline-flex; font-size: 14px; } .deposit-tips { font-size: 12px; padding: 2px 8px; margin-right: 5px; border-radius: 5px; background-color: rgba(255, 174, 190, 0.43); color: #f15353; } .give_integral_wrapper { position: relative; display: flex; text-align: left; } .give_integral_wrapper .give_integral_text { position: absolute; display: flex; align-items: center; justify-content: center; width: 35rpx !important; height: 35rpx !important; font-size: 22rpx; color: #fff; background-color: #ec544a; border-radius: 50%; } .give_integral_wrapper .give_integral_num { display: inline-flex; align-items: center; height: 35rpx !important; padding: 6rpx 16rpx 6rpx 42rpx; box-sizing: border-box; font-size: 22rpx; color: #ec544a; background-color: #fff5f4; border-radius: 15%; } /* 供应商配送 */ .autoAddress { display: flex; justify-content: space-between; flex-flow: row wrap; align-items: center; background: #fff; padding: 28rpx; } .autoAddress .autoAddress_nod { flex: 1; display: flex; align-items: center; } .autoAddress .autoAddress_nod .span_txt { text-align: left; padding: 0 20rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .autoAddress .icon-location { color: #ec6060; } .autoTips { font-size: 22rpx; text-align: left; padding: 28rpx; color: #858585; } /* 微信地址 */ .wxAdress { padding: 24rpx 0 34rpx 0; font-size: 28rpx; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #c03b38; } .wxAdress .iconfont { margin-right: 16rpx; } .userFrom { padding: 30rpx; background-color: #fff; } .userFrom .cell_from { flex: 1; display: flex; align-items: center; justify-content: space-between; height: 60rpx; margin-top: 16rpx; } .userFrom .cell_from:first-child { margin-top: 0; } .userFrom .cell_from input { flex: 1; height: 60rpx; padding-left: 10rpx; border: 1rpx solid #ededed; box-sizing: border-box; } .userFrom .cell_from .sex { flex: 1; display: flex; align-items: center; } .sex van-radio-group { width: 100%; } .sex van-radio-group .sexGroup { width: 100%; display: flex; align-items: center; justify-content: space-around; } .userFrom .cell_area { width: 100%; border: 1rpx solid #ededed; text-indent: 10rpx; height: 60rpx; margin-top: 16rpx; display: flex; justify-content: space-between; align-items: center; } .cell_area .areaName { font-size: 28rpx; color: #c5a87b; } .cell_area .iconfont { margin-right: 15rpx; font-size: 40rpx; } .ferightExplain { width: 580rpx; margin: 0 auto; padding-bottom: 32rpx; } .ferightExplain .ferightExplain-title { display: flex; align-items: center; justify-content: center; height: 80rpx; } .ferightExplain .ferightExplain-content { min-height: 320rpx; max-height: 480rpx; padding:0 32rpx; margin-bottom: 32rpx; text-align: left; overflow: auto; } .ferightExplain .ferightExplain-button { display: flex; align-items: center; justify-content: center; width: 320rpx; height: 64rpx; margin: 0 auto; font-size: 28rpx; color: #fff; background: #ef5252; border-radius: 10rpx; } .dResrve{ width:100%; text-align: left; display: flex; } .dResrve .span{ color: rgb(232, 78, 64); } .distribution-range { padding: 26rpx 31rpx; text-align: left; color: #2c2c2c; background: #fff; border-bottom: 2rpx solid #f2f2f2; } .distribution-range .sameCity { display: flex; align-items: center; } .distribution-range .sameCity .sameCity-text { font-size: 30rpx; color: #2c2c2c; } .distribution-range .sameCity .sameCity-see { flex: 1; text-align: right; font-size: 24rpx; color: #989898; } .distribution-range .sameCity .fa-angle-right { padding-left: 16rpx; color: #4e4e4e; } .distribution-cost { padding: 26rpx 31rpx; margin: 20rpx 0; text-align: left; background: #fff; } .distribution-cost .distribution-time { display: flex; align-items: center; } .distribution-cost .distribution-time .distribution-time-text { font-size: 28rpx; color: #2c2c2c; } .distribution-cost .distribution-time .distribution-time-select { flex: 1; text-align: right; font-size: 24rpx; color: #666666; } .distribution-cost .distribution-time .fa-angle-right { padding-left: 16rpx; color: #4e4e4e; } .costSpec { max-height: 912rpx; } .costSpec .costSpec-title { display: flex; align-items: center; justify-content: center; height: 112rpx; font-size: 36rpx; color: #2a2a2a; font-weight: bold; } .costSpec .costSpec-container { max-height: 800rpx; padding: 0 39rpx; overflow: auto; } .costSpec .costSpec-container .costSpec-items { margin-bottom: 41rpx; } .costSpec .costSpec-container .costSpec-items .costSpec-h2 { margin-bottom: 34rpx; text-align: left; font-size: 30rpx; font-weight: bold; color: #2a2a2a; } .costSpec .costSpec-container .costSpec-items .costSpec-texts { display: flex; justify-content: space-between; margin-top: 26rpx; } .costSpec .costSpec-container .costSpec-items .costSpec-texts .costSpec-text { font-size: 26rpx; font-weight: bold; color: #666666; } .costSpec .costSpec-container .costSpec-items .costSpec-texts .costSpec-text .costSpec-price { color: #f05152; } .selectCommunity { max-height: 912rpx; } .selectCommunity .selectCommunity-title { display: flex; align-items: center; justify-content: center; height: 112rpx; font-size: 36rpx; color: #2a2a2a; font-weight: bold; } .selectCommunity .selectCommunity-container { max-height: 640rpx; padding: 0 39rpx; overflow: auto; } .selectCommunity .selectCommunity-container .selectCommunity-items { display: flex; justify-content: space-between; margin-bottom: 32rpx; } .selectCommunity .selectCommunity-btns { display: flex; align-items: center; height: 160rpx; padding: 0 47rpx; } .selectCommunity .selectCommunity-btns .selectCommunity-btn { display: flex; align-items: center; justify-content: center; height: 80rpx; width: 100%; color: #fff; background: #f05354; border-radius: 8rpx; } .serviceRegion { max-height: 752rpx; min-height: 480rpx; padding-bottom:32rpx; } .serviceRegion .serviceRegion-title { display: flex; align-items: center; justify-content: center; height: 112rpx; font-size: 36rpx; color: #2a2a2a; font-weight: bold; } .serviceRegion .serviceRegion-container { display: flex; flex-wrap: wrap; max-height: 640rpx; overflow: auto; padding-left: 6rpx; padding-right: 29rpx; } .serviceRegion .serviceRegion-container .serviceRegion-item { display: flex; align-items: center; height: 52rpx; padding: 6rpx 16rpx; margin-left: 23rpx; margin-bottom: 23rpx; font-size: 28rpx; color: #2b2b2b; border-radius: 4rpx; border: solid 2rpx #c5c5c5; } .nClassOne { height: 96rpx !important; background: #fde4d8; } .nClassOne .nClassOne_title { color: #e84e40 !important; } .nClassOne .switchBox { display: flex; align-items: center; justify-content: flex-end; position: relative; } .nClassOne .switchBox van-switch{ display: flex; align-items: center; } .nClassOne .switchBox .switchIcon { position: absolute; right: 16rpx; font-size: 32rpx; color: #e84e40; z-index: 999; } .price_Vip{ color: #FD7B0C; text-align: left; font-size: 22rpx; }