/* packageE/others/cloudwarehouse/cloudOrder/cloudOrder.wxss */ /* packageE/others/cloudwarehouse/cloudOrderList/cloudOrderList.wxss */ /* 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: 100%; 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: 999; } .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: 0.625rem; 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; } .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; } .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 .rent-time .week .active { border: solid 2rpx red; } .invoice { background: #fff; margin-top: 20rpx; height: 90rpx; line-height: 90rpx; font-size: 30rpx; display: flex; padding: 0 28rpx; border-top: solid 2rpx #ebebeb; border-bottom: solid 2rpx #ebebeb; position: relative; justify-content: space-between; align-items: center; } .invoice .left { display: flex; align-items: center; } .invoice .span { margin-right: 40rpx; } .invoice .span .font { color: #f15353; } .invoice .type { font-size: 24rpx; color: #8c8c8c; } .invoice .right { display: flex; align-items: center; justify-content: center; } .goodsinfo .popup_box { background: #fff; min-height: 820rpx; padding-top: 100rpx; padding-bottom: 140rpx; box-sizing: border-box; } .goodsinfo .popup_box .h1 { width: 100%; position: fixed; top: 0; background: #fff; font-size: 36rpx; height: 100rpx; line-height: 100rpx; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0 28rpx; box-sizing: border-box; } .goodsinfo .popup_box .h1 icon { font-size: 32rpx; color: #c9c9c9; } .goodsinfo .popup_box .p { padding: 12rpx 28rpx; background: #f0f9ff; border-top: solid 2rpx #91d5ff; border-bottom: solid 2rpx #91d5ff; font-size: 28rpx; text-align: left; color: #8c8c8c; display: flex; } .goodsinfo .popup_box .p icon { font-size: 36rpx; color: #91d5ff; margin-right: 8px; } .goodsinfo .popup_box .type_box { margin-top: 20rpx; } .goodsinfo .popup_box .type_box .h2 { font-size: 30rpx; height: 80rpx; line-height: 80rpx; text-align: left; padding: 0 28rpx; } .goodsinfo .popup_box .type_box .type { display: flex; padding: 0 28rpx; } .goodsinfo .popup_box .type_box .type .button { background: #fff; border: solid 2rpx #ebebeb; font-size: 28rpx; width: 192rpx; height: 56rpx; border-radius: 32rpx; margin-right: 40rpx; color: #666; text-align: center; line-height: 56rpx; } .goodsinfo .popup_box .type_box .type .cur.button { background: #f15353; color: #fff; border: none; } .goodsinfo .popup_box .type_box .input_box input { padding: 0 20rpx; width: 100%; height: 72rpx; background: #f5f5f5; border-radius: 32rpx; margin-bottom: 24rpx; } .goodsinfo .popup_box .btn { position: fixed; bottom: 0; width: 100%; background: #fff; align-items: center; justify-content: center; display: flex; padding-top: 20rpx; padding-bottom: 20rpx; } .goodsinfo .popup_box .btn .button { width: 90%; height: 84rpx; border-radius: 64rpx; background: #f15353; color: #fff; font-size: 36rpx; border: none; text-align: center; line-height: 84rpx; } .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; } /* 新样式 */ .newShop { padding: 30rpx 28rpx 30rpx 31rpx; display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; min-height: 352rpx; } .newShop_bottom { width: 100%; height: 122rpx; background-color: #f8f8f8; margin-top: 28rpx; } .newShop_bottom textarea { width: 100%; height: 100%; } .newShop_top { flex: 1; display: flex; justify-content: space-between; } .newShop_top .left { width: 140rpx; height: 140rpx; background-color: aquamarine; } .newShop_top .left image { width: 100%; height: 100%; } .newShop_top .right { flex: 1; margin-left: 21rpx; margin-right: 54rpx; } /* .newShop_top .right .name{ } */ .posBtn { position: fixed; bottom: 47rpx; width: 100%; height: 80rpx; } .posBtn view { width: 620rpx; height: 80rpx; background-color: #f14e4e; border-radius: 40rpx; margin: 0 auto; color: #fff; text-align: center; line-height: 80rpx; font-size: 30rpx; }