605 lines
12 KiB
Plaintext
605 lines
12 KiB
Plaintext
.rush-buy {
|
|
/* background: none !important; */
|
|
padding: 1rpx 0;
|
|
}
|
|
|
|
.rush-buy .buy-5 {
|
|
border: solid #f15353 2rpx !important;
|
|
color: #f15353 !important;
|
|
border-radius: 20rpx !important;
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.rush-buy .buy-6 {
|
|
border: solid #f15353 2rpx !important;
|
|
color: #fff !important;
|
|
border-radius: 20rpx !important;
|
|
background-color: red !important;
|
|
}
|
|
|
|
.rush-buy .buy-7 {
|
|
border: solid #f15353 2rpx !important;
|
|
color: #f15353 !important;
|
|
border-radius: 10rpx !important;
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.rush-buy .buy-8 {
|
|
border: solid #f15353 2rpx !important;
|
|
color: #fff !important;
|
|
border-radius: 10rpx !important;
|
|
background-color: red !important;
|
|
}
|
|
|
|
.rush-buy .sale-xp {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-xp.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .sale-rx {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-rx.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .sale-tj {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-tj.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .sale-xs {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-xs.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .sale-by {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-by.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .sale-cx {
|
|
background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/images/sale-cx.png");
|
|
background-size: 100rpx;
|
|
height: 100rpx;
|
|
width: 100rpx;
|
|
position: absolute;
|
|
top: -6rpx;
|
|
left: -6rpx;
|
|
}
|
|
|
|
.rush-buy .h2 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.rush-buy .double-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: 16rpx 24rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box {
|
|
background-color: #fff;
|
|
width: 49%;
|
|
margin-right: 2%;
|
|
margin-bottom: 16rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .img {
|
|
/* height: 49vw;
|
|
overflow: hidden;
|
|
background-color: #ccc;
|
|
position: relative; */
|
|
height: 0;
|
|
padding-bottom: 100%;
|
|
overflow: hidden;
|
|
background-color: #ccc;
|
|
position: relative;
|
|
border-top-left-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .img image {
|
|
width: 100%;
|
|
height: 47vw;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .img .time-box {
|
|
width: 100%;
|
|
position: absolute;
|
|
min-height: 60rpx;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(153, 153, 153, 0.1));
|
|
bottom: 0rpx;
|
|
text-align: left;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
color: #fff;
|
|
padding: 0 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .img .time-box .span {
|
|
color: #fff;
|
|
line-height: 60rpx;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text {
|
|
/* padding: 12rpx; */
|
|
padding: 12rpx 16rpx;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .h2 {
|
|
line-height: 40rpx;
|
|
height: 80rpx;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .price {
|
|
line-height: 48rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .price .left {
|
|
color: #f15353;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .price .right {
|
|
font-size: 14px;
|
|
text-decoration: line-through;
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .price .small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .rob {
|
|
line-height: 48rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 12px;
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .rob .left .big {
|
|
color: #f15353;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box .text .rob button {
|
|
background-color: #f15353;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
height: 52rpx;
|
|
border-radius: 8rpx;
|
|
padding: 0 12rpx;
|
|
display: inline-block;
|
|
border: none;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box:nth-last-child(2) {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.rush-buy .double-row .list-box:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.rush-buy .single-row {
|
|
background-color: #fff;
|
|
border-bottom: solid 2rpx #ebebeb;
|
|
margin: 16rpx 24rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.rush-buy .single-row .img {
|
|
/* position: relative;
|
|
background-color: #ccc;
|
|
width: 100vw;
|
|
height: 100vw;
|
|
overflow: hidden; */
|
|
border-top-left-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
position: relative;
|
|
background-color: #ccc;
|
|
width: 100%;
|
|
height: 0;
|
|
padding-bottom: 100%;
|
|
overflow: hidden;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.rush-buy .single-row .img image {
|
|
width: 100%;
|
|
height: 95vw;
|
|
}
|
|
|
|
.rush-buy .single-row .img .time-box {
|
|
width: 100%;
|
|
position: absolute;
|
|
height: 80rpx;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(153, 153, 153, 0.1));
|
|
bottom: 0rpx;
|
|
text-align: left;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
padding: 0 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.rush-buy .single-row .img .time-box .span {
|
|
color: #fff;
|
|
line-height: 80rpx;
|
|
font-size: 32rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .single-row .text {
|
|
padding: 12rpx 20rpx;
|
|
}
|
|
|
|
.rush-buy .single-row .text .title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.rush-buy .single-row .text .title .h2 {
|
|
flex: 3;
|
|
font-size: 16px;
|
|
line-height: 48rpx;
|
|
height: 96rpx;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .single-row .text .title .span {
|
|
text-align: right;
|
|
flex: 1;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rush-buy .single-row .text .title .span .big {
|
|
font-size: 20px;
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .single-row .text .price {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 14px;
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.rush-buy .single-row .text .price .left {
|
|
font-size: 18px;
|
|
color: #f15353;
|
|
line-height: 52rpx;
|
|
width: 100%;
|
|
}
|
|
|
|
.rush-buy .single-row .text .price .left .small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.rush-buy .single-row .text .price .left .price-b {
|
|
margin-left: 20rpx;
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.rush-buy .single-row .text .price button {
|
|
border: none;
|
|
color: #fff;
|
|
height: 60rpx;
|
|
font-size: 14px;
|
|
border-radius: 6rpx;
|
|
padding: 0 20rpx;
|
|
}
|
|
|
|
.rush-buy .single-row .text .rob {
|
|
text-align: left;
|
|
height: 52rpx;
|
|
line-height: 52rpx;
|
|
|
|
/* display: flex; */
|
|
|
|
/* justify-content: space-between; */
|
|
}
|
|
|
|
.rush-buy .single-row .text .rob .left {
|
|
float: left;
|
|
}
|
|
|
|
.rush-buy .single-row .text .rob .left .big {
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .single-row .text .rob button {
|
|
height: 52rpx;
|
|
border: none;
|
|
background-color: #f15353;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
line-height: 52rpx;
|
|
border-radius: 8rpx;
|
|
padding: 0 20.8rpx;
|
|
float: right;
|
|
}
|
|
|
|
.rush-buy .three-row {
|
|
margin: 16rpx 24rpx;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
dl:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* .rush-buy .three-row .dl:nth-child(3n) {
|
|
margin-right: 0;
|
|
} */
|
|
dl:nth-child(-n + 3) {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.rush-buy .three-row .dl {
|
|
width: 32%;
|
|
background-color: #fff;
|
|
margin-right: 2%;
|
|
margin-bottom: 16rpx;
|
|
border-radius: 16rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .img {
|
|
border-top-left-radius: 16rpx;
|
|
border-top-right-radius: 16rpx;
|
|
position: relative;
|
|
height: 212rpx;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .img .time-box {
|
|
width: 100%;
|
|
position: absolute;
|
|
min-height: 60rpx;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(153, 153, 153, 0.1));
|
|
bottom: 0rpx;
|
|
text-align: left;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
padding: 0 8rpx;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .img .time-box .span {
|
|
color: #fff;
|
|
line-height: 60rpx;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text {
|
|
padding: 12rpx;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .h2 {
|
|
text-align: left;
|
|
font-size: 12px;
|
|
line-height: 36rpx;
|
|
height: 72rpx;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .price {
|
|
line-height: 48rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .price .price-a {
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .price .price-b {
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .price .small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .rob {
|
|
text-align: left;
|
|
line-height: 48rpx;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .rob .left .big {
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .three-row .dl .text .button button {
|
|
width: 100%;
|
|
height: 52rpx;
|
|
border: none;
|
|
background-color: #f15353;
|
|
line-height: 45rpx;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
border-radius: 8rpx;
|
|
padding: 0 8rpx;
|
|
}
|
|
|
|
.rush-buy .across-row .list {
|
|
background-color: #fff;
|
|
display: flex;
|
|
}
|
|
|
|
.rush-buy .across-row .list .img {
|
|
width: 38vw;
|
|
height: 38vw;
|
|
padding: 12rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.rush-buy .across-row .list .img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
/* padding: 12rpx; */
|
|
}
|
|
|
|
.rush-buy .across-row .list .img .time-box {
|
|
width: 92%;
|
|
position: absolute;
|
|
min-height: 60rpx;
|
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(153, 153, 153, 0.1));
|
|
bottom: 12rpx;
|
|
left: 12rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
text-align: center;
|
|
}
|
|
|
|
.rush-buy .across-row .list .img .time-box .span {
|
|
color: #fff;
|
|
line-height: 60rpx;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text {
|
|
width: 62vw;
|
|
position: relative;
|
|
padding: 20rpx;
|
|
border-bottom: solid 2rpx #ebebeb;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .h2 {
|
|
line-height: 48rpx;
|
|
height: 96rpx;
|
|
text-align: left;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .price {
|
|
line-height: 60rpx;
|
|
display: flex;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .price .small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .price .price-a {
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .price .price-b {
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
padding-left: 8rpx;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .rob {
|
|
position: absolute;
|
|
bottom: 20rpx;
|
|
font-size: 14px;
|
|
line-height: 48rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .rob .big {
|
|
color: #f15353;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .button {
|
|
position: absolute;
|
|
bottom: 20rpx;
|
|
right: 20rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.rush-buy .across-row .list .text .button .button_1 {
|
|
border: none;
|
|
background-color: #f15353;
|
|
color: #fff;
|
|
border-radius: 8rpx;
|
|
text-align: center;
|
|
}
|