1223 lines
21 KiB
Plaintext
1223 lines
21 KiB
Plaintext
/* pages/buy/cart_v2/cart_v2.wxss */
|
|
.to-more {
|
|
position: relative;
|
|
margin: 0 0 0 15px;
|
|
}
|
|
.to-more .icon-zb_all_more {
|
|
font-size: 24px;
|
|
}
|
|
.to-more .triangle-up {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 3px;
|
|
width:0;
|
|
height:0;
|
|
border-right:10px solid transparent;
|
|
border-left:10px solid transparent;
|
|
border-bottom:10px solid #ffffff;
|
|
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2));
|
|
}
|
|
.to-more .more-list-box {
|
|
position: absolute;
|
|
top: 35px;
|
|
left: -40px;
|
|
width: 60px;
|
|
text-align: center;
|
|
background-color: #ffffff;
|
|
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2));
|
|
padding: 0 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.edit-right-box {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.gray {
|
|
font-size: 24rpx;
|
|
padding: 0 4rpx;
|
|
flex: 0 0 66rpx;
|
|
color: #fff;
|
|
background: #dfdfdf;
|
|
border-radius: 30rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.cart .edit {
|
|
padding: 0 28rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
line-height: 72rpx;
|
|
text-align: left;
|
|
/* overflow: hidden; */
|
|
z-index: 99;
|
|
background: #fff;
|
|
align-items: center;
|
|
margin-top: 4rpx;
|
|
}
|
|
|
|
.cart .edit .pencil_square {
|
|
width: 36rpx;
|
|
padding-top: 10rpx;
|
|
}
|
|
|
|
.cart .rent_main {
|
|
/* background: #fff; */
|
|
margin-top: 8rpx;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one {
|
|
background-color: #fff;
|
|
|
|
/* border-bottom: solid 2rpx #e2e2e2; */
|
|
|
|
/* padding: 20rpx 28rpx; */
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .img {
|
|
height: 192rpx;
|
|
width: 192rpx;
|
|
overflow: hidden;
|
|
margin-right: 20rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info {
|
|
position: relative;
|
|
flex: 2;
|
|
text-align: left;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .h1 {
|
|
height: 80rpx;
|
|
line-height: 40rpx;
|
|
font-weight: normal;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .ul {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .day {
|
|
/* line-height: 52rpx; */
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.rent-one .day .member {
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
.rent-one .day .icon_rent_1 {
|
|
width: 28rpx;
|
|
padding-top: 10rpx;
|
|
}
|
|
|
|
.rent-one .day icon {
|
|
color: #ff9800;
|
|
font-size: 28rpx;
|
|
line-height: 52rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .bottom {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .bottom .jiage {
|
|
text-align: left;
|
|
font-size: 24rpx;
|
|
color: #ff4949;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .bottom .jiage .b {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .num {
|
|
display: flex;
|
|
width: 160rpx;
|
|
height: 40rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .num .leftnav {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 40rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #888;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .rent-one .info-box .info .num input {
|
|
min-height: 40rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 70rpx;
|
|
text-align: center;
|
|
border: none;
|
|
background-color: #f2f2f2;
|
|
border-radius: 2rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 2rpx;
|
|
margin-right: 2rpx;
|
|
}
|
|
|
|
.rent-one .info-box .info .num .rightnav {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 40rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #888;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .recommend-box {
|
|
background-color: #fff;
|
|
margin-top: 20rpx;
|
|
padding: 32rpx 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .recommend-box .h1 {
|
|
font-size: 32rpx;
|
|
color: #f15353;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .recommend-box .line {
|
|
width: 36%;
|
|
height: 2rpx;
|
|
background-color: #f15353;
|
|
margin: 8rpx auto;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .recommend-box .h2 {
|
|
font-weight: normal;
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box {
|
|
margin-top: 8rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 216rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .left {
|
|
width: 49%;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .left:nth-child(odd) {
|
|
margin-right: 2vw;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box {
|
|
text-align: left;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .img {
|
|
height: 384rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .text {
|
|
padding: 12rpx 16rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .span {
|
|
color: #f15353;
|
|
font-size: 36rpx;
|
|
margin-bottom: 8rpx;
|
|
display: block;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .text .small {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .ul {
|
|
display: flex;
|
|
color: #8c8c8c;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .box .goods-box .ul .li:last-child {
|
|
color: #8c8c8c;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay {
|
|
height: 100rpx;
|
|
width: 100%;
|
|
background: #fff;
|
|
border-top: 2rpx solid #e1e1e1;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .all {
|
|
height: 98rpx;
|
|
width: 140rpx;
|
|
line-height: 98rpx;
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
margin-left: 28rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text {
|
|
min-height: 100rpx;
|
|
color: #333;
|
|
font-size: 12px;
|
|
display: flex;
|
|
padding: 0 16rpx;
|
|
align-items: center;
|
|
flex: 2;
|
|
flex-direction: column;
|
|
text-align: right;
|
|
word-break: break-all;
|
|
justify-content: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_paybottom {
|
|
padding-bottom: 120rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_paybottom_ipx {
|
|
padding-bottom: 170rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .freight {
|
|
margin-right: 12rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .totalprice {
|
|
color: #f15353;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .freight .span {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .heji {
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 60rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .heji .right {
|
|
line-height: 60rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .heji .span {
|
|
color: #f15353;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .text .heji .fontbe {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.cart .rent-box .rent_main .cart_pay .paysub {
|
|
/* padding: 0 20rpx; */
|
|
height: 70rpx;
|
|
width: 170rpx;
|
|
background: #ff4949;
|
|
font-size: 28rpx;
|
|
line-height: 70rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 40rpx;
|
|
}
|
|
|
|
.cart .cart_del {
|
|
z-index: 99;
|
|
background: #fff;
|
|
border-top: 2rpx solid #e1e1e1;
|
|
position: fixed;
|
|
bottom: 0rpx;
|
|
width: 100%;
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .cart_del.cart_paybottom {
|
|
padding-bottom: 120rpx;
|
|
}
|
|
|
|
.cart .cart_del.cart_paybottom_ipx {
|
|
padding-bottom: 170rpx;
|
|
}
|
|
|
|
.cart .cart_del .checkall {
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.cart .cart_del .delete {
|
|
height: 70rpx;
|
|
width: 170rpx;
|
|
background: #ff4949;
|
|
font-size: 28rpx;
|
|
line-height: 70rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 40rpx;
|
|
}
|
|
|
|
.nocard .card_no {
|
|
margin: 160rpx 0 160rpx;
|
|
color: #ccc;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.nocard .card_no .shopping_cart {
|
|
width: 200rpx;
|
|
}
|
|
|
|
.nocard .card_no .shopping_cart image {
|
|
width: 100%;
|
|
}
|
|
|
|
.nocard .card_no .view_title .left {
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.nocard .card_no_menu {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.nocard .card_no_menu .card_no_nav {
|
|
height: 76rpx;
|
|
width: 43%;
|
|
background-color: inherit;
|
|
margin: 0 3%;
|
|
border: 2rpx solid #f15353;
|
|
border-radius: 10rpx;
|
|
text-align: center;
|
|
line-height: 76rpx;
|
|
color: #f15353;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.nocard .card_no_menu .card_no_navcolor {
|
|
background-color: #f15353;
|
|
color: #fff;
|
|
}
|
|
|
|
.cart .cart_main {
|
|
/* background: #fff; */
|
|
height: auto;
|
|
min-height: 100vh;
|
|
overflow: hidden;
|
|
margin-top: 8rpx;
|
|
margin-bottom: 200rpx;
|
|
}
|
|
|
|
.cart-box {
|
|
padding: 0.625rem 0.875rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-bottom: 1px solid #efefef;
|
|
}
|
|
|
|
.cart .cart_main .cart_good {
|
|
display: flex;
|
|
|
|
/* padding: 20rpx 28rpx; */
|
|
|
|
/* border-bottom: 2rpx solid #e3e3e3; */
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .right {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .img {
|
|
width: 192rpx;
|
|
height: 192rpx;
|
|
overflow: hidden;
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info {
|
|
position: relative;
|
|
margin-left: 20rpx;
|
|
flex: 2;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info .inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info .inner .name {
|
|
font-weight: normal;
|
|
height: 80rpx;
|
|
line-height: 40rpx;
|
|
width: 400rpx;
|
|
color: #333;
|
|
text-align: left;
|
|
font-size: 28rpx;
|
|
word-break: break-all;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info .inner .introduction {
|
|
font-size: 24rpx;
|
|
color: #a29c9c;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
line-height: 36rpx;
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info .inner .introduction .option_str {
|
|
background-color: #f9f9f9;
|
|
border-radius: 4px;
|
|
padding: 1px;
|
|
color: #666;
|
|
display: inline-block;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .info .other {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .other .price {
|
|
text-align: left;
|
|
font-size: 28rpx;
|
|
color: #ff4949;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .other .price .span {
|
|
font-size: 18px;
|
|
word-break: break-all;
|
|
}
|
|
.cart .cart_main .cart_good .other .price .dPriceBox_vipPrice{
|
|
font-size: 20rpx;
|
|
color: #FD7B0C;
|
|
}
|
|
.cart .cart_main .cart_good .other .price .dPriceBox_vipPrice .span{
|
|
font-size: 22rpx;
|
|
}
|
|
.cart .cart_main .cart_good .other .num {
|
|
display: flex;
|
|
width: 160rpx;
|
|
height: 40rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .other .num .leftnav {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 40rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #888;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .other .num input {
|
|
min-height: 40rpx;
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 70rpx;
|
|
text-align: center;
|
|
border: none;
|
|
background-color: #f2f2f2;
|
|
border-radius: 2rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 2rpx;
|
|
margin-right: 2rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_good .other .num .rightnav {
|
|
height: 40rpx;
|
|
line-height: 40rpx;
|
|
width: 40rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #888;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay {
|
|
/* height: 100rpx; */
|
|
width: 100%;
|
|
background: #fff;
|
|
border-top: 2rpx solid #e1e1e1;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .cart_main .cart_paybottom {
|
|
padding-bottom: 120rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_paybottom_ipx {
|
|
padding-bottom: 170rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .all {
|
|
height: 98rpx;
|
|
width: 140rpx;
|
|
line-height: 98rpx;
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
margin-left: 28rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text {
|
|
min-height: 100rpx;
|
|
color: #333;
|
|
font-size: 12px;
|
|
display: flex;
|
|
padding: 0 16rpx;
|
|
align-items: center;
|
|
flex: 2;
|
|
flex-direction: column;
|
|
text-align: right;
|
|
word-break: break-all;
|
|
justify-content: center;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .freight {
|
|
margin-right: 12rpx;
|
|
height: 60rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.text .coupon {
|
|
color: #f15353;
|
|
width: 100%;
|
|
text-align: right;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .totalprice {
|
|
color: #f15353;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .freight .span {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .heji {
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 60rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .heji .right {
|
|
line-height: 60rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .text .heji .span {
|
|
color: #f15353;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
.cart .cart_main .cart_pay .paysub {
|
|
height: 70rpx;
|
|
width: 170rpx;
|
|
background: #ff4949;
|
|
font-size: 28rpx;
|
|
line-height: 70rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-radius: 40rpx;
|
|
margin: 0 20rpx;
|
|
}
|
|
|
|
.cart .van-tab--active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cart .van-checkbox__icon {
|
|
border: 1px solid #777;
|
|
}
|
|
|
|
.cart .nonavshow.van-tabs--line .van-tabs__wrap {
|
|
display: none;
|
|
}
|
|
|
|
.cart .nonavshow.van-tabs--line {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.zangbudenglu {
|
|
padding-top: 400rpx;
|
|
}
|
|
|
|
.zangbudenglu .p {
|
|
text-align: center;
|
|
font-size: 30rpx;
|
|
line-height: 70rpx;
|
|
}
|
|
|
|
.zangbudenglu .buttonContent {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.zangbudenglu .button {
|
|
width: 120rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
background: #ee4343;
|
|
color: #fff;
|
|
}
|
|
|
|
.wrapper {
|
|
border-radius: 30rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.block {
|
|
position: relative;
|
|
width: 600rpx;
|
|
height: 736rpx;
|
|
border-radius: 15px;
|
|
background-color: #fff;
|
|
padding: 20rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.choose-title {
|
|
color: #878787;
|
|
padding: 20rpx;
|
|
border-bottom: solid 1px #f5f5f5;
|
|
}
|
|
|
|
.choose-content {
|
|
height: 550rpx;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.radio-title {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.radio-list {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.radio-item {
|
|
padding: 20rpx 0;
|
|
border-bottom: solid 1px #f5f5f5;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
position: absolute;
|
|
bottom: 20rpx;
|
|
width: 95%;
|
|
}
|
|
|
|
.button-item {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.button-content {
|
|
margin: 0 auto;
|
|
width: 200rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
border-radius: 20rpx;
|
|
border: solid 1px #b5b5b5;
|
|
}
|
|
|
|
.button-content.red {
|
|
color: #fff;
|
|
background-color: #f15353;
|
|
border: none;
|
|
}
|
|
|
|
.shop-box {
|
|
margin: 8px;
|
|
background: #fff;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.shop-head {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 0 0 0 0.875rem;
|
|
}
|
|
|
|
.shop-head .shop-left {
|
|
flex: 1;
|
|
text-align: left;
|
|
display: flex;
|
|
}
|
|
|
|
.shop-head .shop-title {
|
|
color: #333;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
align-self: center;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 13.5rem;
|
|
}
|
|
|
|
.shop-head .icon-fontclass-dianpu {
|
|
color: #f15353;
|
|
font-size: 32px;
|
|
}
|
|
|
|
.shop-head .coupon-tag {
|
|
color: #f08c34;
|
|
flex: 0 0 4rem;
|
|
text-align: right;
|
|
margin-top: 0.4rem;
|
|
}
|
|
|
|
.shop-head .coupon-tag .span {
|
|
padding: 0.3rem 0.5rem;
|
|
background-color: #fff2e5;
|
|
border-radius: 15px 0 0 15px;
|
|
}
|
|
|
|
.coupon-list {
|
|
display: flex;
|
|
align-self: center;
|
|
}
|
|
|
|
.coupon-list .coupon-left {
|
|
flex: 1;
|
|
text-align: left;
|
|
padding: 0 0 0 2.5rem;
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.coupon-list .tag {
|
|
border-radius: 4px;
|
|
border: solid 1px #f14e4e;
|
|
color: #f14e4e;
|
|
padding: 1px 3px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.coupon-list .tag-title {
|
|
padding: 1px;
|
|
text-align: left;
|
|
}
|
|
|
|
.coupon-list .coupon-right {
|
|
padding: 1px;
|
|
color: #f14e4e;
|
|
flex: 0 0 4.5rem;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.disabled-list {
|
|
margin: 8px;
|
|
background: #fff;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
.disabled-head {
|
|
display: flex;
|
|
padding: 0.3rem 0.875rem;
|
|
}
|
|
|
|
.disabled-head .span {
|
|
flex: 1;
|
|
}
|
|
|
|
.disabled-head .disabled-title {
|
|
text-align: left;
|
|
}
|
|
|
|
.disabled-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.625rem 0.875rem;
|
|
}
|
|
|
|
.disabled-item .img {
|
|
width: 6rem;
|
|
height: 6rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.disabled-item .img image {
|
|
height: 100%;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.disabled-item .detail {
|
|
text-align: left;
|
|
margin-left: 0.625rem;
|
|
width: 60%;
|
|
height: 6rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.disabled-item .title {
|
|
word-break: break-all;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.disabled-item .price {
|
|
font-size: 14px;
|
|
color: #999;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.estimated {
|
|
align-self: self-start;
|
|
padding: 2px 8px;
|
|
margin-top: 5px;
|
|
border-radius: 10px;
|
|
margin-left: 8rem;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
color: #f14e4e;
|
|
background-color: #fdf2f2;
|
|
}
|
|
|
|
.activity {
|
|
color: #f14e4e;
|
|
padding: 0.5rem 0.2rem 0 0.875rem;
|
|
display: flex;
|
|
text-align: left;
|
|
}
|
|
|
|
.activity .activity-box {
|
|
font-size: 12px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.activity .activity-title {
|
|
flex: 0 0 4rem;
|
|
margin-right: 5px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.activity .activity-box .activity-item {
|
|
background-color: #fdf2f2;
|
|
padding: 2px 4px;
|
|
border-radius: 4px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.coupon-detail-title,
|
|
.coupon-pop-title {
|
|
color: #333;
|
|
padding: 5px 15px 15px 15px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.coupon-detail,
|
|
.coupon-pop {
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
.coupon-detail-box .li {
|
|
display: flex;
|
|
padding: 0.5rem 0;
|
|
}
|
|
|
|
.coupon-detail-box .li .left {
|
|
flex: 1;
|
|
text-align: left;
|
|
color: #666;
|
|
}
|
|
|
|
.coupon-detail-box .li:last-child .left {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.coupon-detail-box .li .right {
|
|
flex: 1;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.total-box {
|
|
display: flex;
|
|
}
|
|
|
|
.total-box .left {
|
|
flex: 1;
|
|
text-align: left;
|
|
}
|
|
|
|
.total-box .right {
|
|
flex: 1;
|
|
text-align: right;
|
|
color: #f14e4e;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.tips {
|
|
color: #f14e4e;
|
|
text-align: left;
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
.coupon-pop-box {
|
|
max-height: 500rpx;
|
|
|
|
/* overflow-y: scroll; */
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.coupon-pop-box .li {
|
|
display: flex;
|
|
box-shadow: 0 1px 4px 0 rgba(173, 173, 173, 0.31);
|
|
margin-bottom: 0.7rem;
|
|
background: #fbbd5c;
|
|
}
|
|
|
|
.coupon-pop-box .li .left {
|
|
flex: 0 0 7rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-self: center;
|
|
justify-content: center;
|
|
padding: 0.2rem 0.5rem;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.coupon-pop-box .li .left .p {
|
|
padding: 0.3rem 0;
|
|
}
|
|
|
|
.coupon-pop-box .li .right {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-self: center;
|
|
background: #fff;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
padding: 10px;
|
|
}
|
|
|
|
.coupon-pop-box .li .right .p {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.coupon-pop-box .li .right .good-tag {
|
|
background: #fbbd5c;
|
|
color: #fff;
|
|
padding: 2px 4px;
|
|
border-radius: 4px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.coupon-pop-box .li .right .good-text {
|
|
color: #9da1a5;
|
|
}
|
|
|
|
.coupon-pop-box .li .right .good-button {
|
|
width: 4.5rem;
|
|
text-align: center;
|
|
background: #fbbd5c;
|
|
color: #fff;
|
|
padding: 2px 4px;
|
|
border-radius: 4px;
|
|
margin-left: 8rem;
|
|
}
|
|
|
|
.delete-button {
|
|
height: 100%;
|
|
color: #fff;
|
|
background-color: #ee0a24;
|
|
padding: 0 15px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.recommend {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
padding: 0 30rpx;
|
|
}
|
|
|
|
.recommendBox {
|
|
width: 48%;
|
|
height: 500rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #fff;
|
|
margin: 0 1%;
|
|
border-radius: 15rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.recommend_image {
|
|
width: 100%;
|
|
height: 332rpx;
|
|
border-radius: 10rpx 10rpx 0 0;
|
|
}
|
|
|
|
.recommend_image image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10rpx 10rpx 0 0;
|
|
}
|
|
|
|
.recommend_min {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.recommend_title {
|
|
padding: 10rpx 20rpx;
|
|
text-align: left;
|
|
flex: 1;
|
|
|
|
/* display: flex; */
|
|
|
|
/* align-items: center; */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.recommend_price {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 20rpx;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #f15353;
|
|
}
|
|
|
|
.recommend_txt {
|
|
width: 100%;
|
|
display: flex;
|
|
font-size: 32rpx;
|
|
color: #222;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 34rpx 0;
|
|
}
|