|
|
|
@@ -0,0 +1,238 @@ |
|
|
|
/* pages/spellGroup/mySpellGroup/index.wxss */ |
|
|
|
.top-img{ |
|
|
|
width: 100%; |
|
|
|
height: 533rpx; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
.top-img image{ |
|
|
|
width: 100%; |
|
|
|
height: 533rpx; |
|
|
|
} |
|
|
|
.content-box{ |
|
|
|
box-sizing: content-box; |
|
|
|
height: auto; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.content{ |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
background: #fff; |
|
|
|
overflow: hidden; |
|
|
|
padding-bottom: 130rpx; |
|
|
|
} |
|
|
|
.text{ |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
.title{ |
|
|
|
position: absolute; |
|
|
|
top: 503rpx; |
|
|
|
background-color: #fff; |
|
|
|
z-index: 100; |
|
|
|
width: 750rpx; |
|
|
|
padding-top: 30rpx; |
|
|
|
padding-left: 30rpx; |
|
|
|
line-height: 50rpx; |
|
|
|
border-radius:20rpx 20rpx 0px 0px; |
|
|
|
opacity: 1; |
|
|
|
font-size:32rpx; |
|
|
|
font-family:PingFang-SC-Bold; |
|
|
|
font-weight:bold; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.remark{ |
|
|
|
margin-top: 48rpx; |
|
|
|
font-size:24rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(134,134,134,1); |
|
|
|
margin-bottom: 12rpx; |
|
|
|
} |
|
|
|
.des{ |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
padding-top: 6rpx; |
|
|
|
border-top: 2rpx solid rgb(240, 238, 238); |
|
|
|
} |
|
|
|
.des-peoplenum{ |
|
|
|
display: inline; |
|
|
|
font-size:24rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(0,0,0,1); |
|
|
|
line-height:44rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
.des-saleprice{ |
|
|
|
display: inline; |
|
|
|
font-size:40rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,53,53,1); |
|
|
|
} |
|
|
|
.status{ |
|
|
|
width: 100%; |
|
|
|
border-radius: 15rpx; |
|
|
|
background:rgba(255,235,229,1); |
|
|
|
margin: 30rpx 0; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.status01{ |
|
|
|
float: left; |
|
|
|
width: 130rpx; |
|
|
|
height: 130rpx; |
|
|
|
} |
|
|
|
.status01 image{ |
|
|
|
width: 90rpx; |
|
|
|
height: 90rpx; |
|
|
|
border-radius: 45rpx; |
|
|
|
margin: 20rpx 0 0 20rpx; |
|
|
|
} |
|
|
|
.status02{ |
|
|
|
margin-top: 20rpx; |
|
|
|
float: left; |
|
|
|
width: 140rpx; |
|
|
|
font-size:28rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
} |
|
|
|
.r-p-num{ |
|
|
|
display: inline; |
|
|
|
color: #FF3535; |
|
|
|
} |
|
|
|
.status03{ |
|
|
|
/* width: 160rpx; */ |
|
|
|
float: left; |
|
|
|
padding-left: 80rpx; |
|
|
|
color: #F74812; |
|
|
|
} |
|
|
|
.hh,.mm,.ss{ |
|
|
|
display: inline-block; |
|
|
|
font-size:26rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
height: 38rpx; |
|
|
|
width: 38rpx; |
|
|
|
background: #F74812; |
|
|
|
border-radius:10rpx; |
|
|
|
margin: 46rpx 8rpx 0 0; |
|
|
|
text-align: center; |
|
|
|
line-height: 38rpx; |
|
|
|
} |
|
|
|
.status04{ |
|
|
|
float: left; |
|
|
|
width: 163rpx; |
|
|
|
} |
|
|
|
.s-button{ |
|
|
|
background:#ED3D2E; |
|
|
|
width: 120rpx; |
|
|
|
height: 48rpx; |
|
|
|
font-size:28rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
text-align: center; |
|
|
|
line-height: 48rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
margin: 40rpx auto 0; |
|
|
|
} |
|
|
|
.p-title{ |
|
|
|
font-size:32rpx; |
|
|
|
font-family:PingFang-SC-Bold; |
|
|
|
font-weight:bold; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
margin: 10rpx 0 20rpx 0; |
|
|
|
} |
|
|
|
.p-list{ |
|
|
|
font-size:24rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
line-height:50rpx; |
|
|
|
} |
|
|
|
.edit{ |
|
|
|
position: fixed; |
|
|
|
width: 690rpx; |
|
|
|
bottom: 20rpx; |
|
|
|
left: 30rpx; |
|
|
|
} |
|
|
|
.edit-left{ |
|
|
|
float: left; |
|
|
|
width: 330rpx; |
|
|
|
height: 95rpx; |
|
|
|
background:rgba(255,169,2,1); |
|
|
|
box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32); |
|
|
|
border-radius:48rpx; |
|
|
|
} |
|
|
|
.edit-right{ |
|
|
|
float: right; |
|
|
|
width: 330rpx; |
|
|
|
height: 95rpx; |
|
|
|
background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); |
|
|
|
box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32); |
|
|
|
border-radius:48rpx; |
|
|
|
} |
|
|
|
.edit-left-top{ |
|
|
|
height: 46rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.price{ |
|
|
|
display: inline; |
|
|
|
font-size:32rpx; |
|
|
|
line-height: 32rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
margin-top: 6rpx; |
|
|
|
} |
|
|
|
.price-unit{ |
|
|
|
display: inline; |
|
|
|
font-size:27rpx; |
|
|
|
line-height: 27rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
} |
|
|
|
.edit-left-bottom{ |
|
|
|
text-align: center; |
|
|
|
font-size:30rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
} |
|
|
|
|
|
|
|
.edit-right-top{ |
|
|
|
height: 46rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.real-price{ |
|
|
|
display: inline; |
|
|
|
font-size:32rpx; |
|
|
|
line-height: 32rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
margin-top: 6rpx; |
|
|
|
} |
|
|
|
.real-price-unit{ |
|
|
|
display: inline; |
|
|
|
font-size:27rpx; |
|
|
|
line-height: 27rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
} |
|
|
|
.edit-right-bottom{ |
|
|
|
text-align: center; |
|
|
|
font-size:30rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
font-family:PingFang-SC-Medium; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(254,254,254,1); |
|
|
|
} |