discount.wxss
1.56 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/* pages/reserve/discount.wxss */
@import "../../colorui/main.wxss";
page{
background-color: #F5F5F5;
}
.banner{
position: relative;
}
.banner-image{
width: 100%;
}
.banner-image-bottom{
position: absolute;
bottom: -64rpx;
left:calc(50% - 243rpx);
width:486rpx;
height: 104rpx;
background-image: url("http://nosqn.colorcun.com/activity/a2.png");
background-size: 100% 100%;
}
.pages{
width: 100%;
margin: 0 auto;
color:#ccc;
font-size: 28rpx;
box-sizing: border-box;
}
.follow {
padding-bottom: 50rpx;
width: calc(100% - 40rpx);
margin: 104rpx auto;
}
.follow .seller{
margin-bottom:20rpx;
background-color: #ffffff;
border-radius: 6rpx;
overflow: hidden;
}
.biaoyu{
height:44rpx;
font-size:32rpx;
font-family:PingFangSC-Semibold,PingFang SC;
font-weight:600;
color:rgba(53,53,53,1);
line-height:44rpx;
width: 528rpx;
text-align: center;
margin-left: calc(50% - 264rpx);
position: relative;
/* margin-bottom: 160rpx; */
}
.biaoyu:after,.biaoyu:before{
content:"";
display: block;
position: absolute;
width:52rpx;
height: 20rpx;
left:0;
top:12rpx;
background-image: url("http://nosqn.colorcun.com/activity/al.png");
background-size: 100% 100%;
}
.biaoyu:before{
background-image: url("http://nosqn.colorcun.com/activity/ar.png");
right:0;
left: auto;
}
.discount-list{
width: 100%;
padding: 20rpx 60rpx 0;
box-sizing: border-box;
}
.discount-item{
padding-top: 20rpx;
}
.font-orange{
color: #F05522;
}
.discount-border{
width: 96rpx;
height: 6rpx;
}
.discount-border.active{
background: #F05522;
}