yuminge-app/yun-min-program-plugin-master/packageC/mycomponent/group_level/group_level.wxss

612 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-bottom: 16rpx;
border-radius: 16rpx;
overflow: hidden;
}
.rush-buy .three-row .dl:nth-child(3n) {
margin-right: 0rpx;
}
.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: 224rpx;
}
.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;
box-sizing: border-box;
}
.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;
}