1333 lines
23 KiB
Plaintext
1333 lines
23 KiB
Plaintext
/* 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;
|
|
} |