down.wxss
1.62 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
/* components/reserve/app/down.wxss */
@import "../../../app.wxss";
.mask{
z-index: 9999999;
}
.app-down{
box-sizing: border-box;
position: relative;
width:550rpx;
height:740rpx;
background-image: url("http://nosqn.colorcun.com/web/bg-tips.png");
background-size: 100% 100%;
}
.app-down-close{
background-image: url("http://nosqn.colorcun.com/web/close.png");
background-size: 100% 100%;
width:60rpx;
height:60rpx;
position: absolute;
right:-40rpx;
top:-54rpx;
}
.app-down-title{
width:336rpx;
height:116rpx;
font-size:42rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(139,83,24,1);
line-height:58rpx;
margin: 190rpx auto 0;
text-align: center;
}
.app-down-note{
margin: 100rpx auto 0;
width: calc(100% - 120rpx);
}
.app-down-note .li{
height:42rpx;
font-size:30rpx;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(139,83,24,1);
line-height:42rpx;
padding-left: 54rpx;
position: relative;
}
.app-down-note .li:after{
content: "";
display: inline-block;
background-color:#E1B275;
width:20rpx;
height:20rpx;
transform:rotate(45deg);
position: absolute;
left:0;
top:11rpx;
}
.app-down-but{
width: 470rpx;
height: 76rpx;
margin-top: 60rpx;
margin-left: calc(50% - 235rpx);
font-size:32rpx;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(139,83,24,1);
line-height:76rpx;
text-align: center;
background:linear-gradient(270deg,#E1B275 0%,#F6D9B1 100%);
border-radius: 38rpx;
}