|
|
|
/* pack-activity/pages/money.wxss */
|
|
|
|
page{
|
|
|
|
background-color: #FBE0B8;
|
|
|
|
background-color: #F5F5F5;
|
|
|
|
}
|
|
|
|
.pages{
|
|
|
|
background-image: url("http://qn.colorcun.com/activity/images/money-header.png");
|
|
|
|
/*background-image: url("http://qn.colorcun.com/activity/images/money-header.png");*/
|
|
|
|
background-image: url("http://qn.colorcun.com/activity/images/bg-black.png");
|
|
|
|
background-size: 100% auto;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
min-height: 500rpx;
|
|
...
|
...
|
@@ -13,8 +14,7 @@ page{ |
|
|
|
width: calc(100% - 40rpx);
|
|
|
|
margin-left: 20rpx;
|
|
|
|
height:340rpx;
|
|
|
|
background:rgba(251,236,217,1);
|
|
|
|
box-shadow:0rpx 4rpx 8rpx 0rpx rgba(232,194,139,1);
|
|
|
|
background:#ffffff;
|
|
|
|
border-radius:20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 20rpx;
|
|
...
|
...
|
@@ -22,39 +22,52 @@ page{ |
|
|
|
.money-block{
|
|
|
|
height:300rpx;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
box-shadow:0rpx 4rpx 8rpx 0rpx rgba(251,224,184,1);
|
|
|
|
border-radius:20rpx;
|
|
|
|
padding-top: 50rpx;
|
|
|
|
padding-top: 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.money-views-top{
|
|
|
|
background-image: url("http://qn.colorcun.com/activity/images/money-top.png");
|
|
|
|
background-size: 100% 100%;
|
|
|
|
width: 252rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
|
|
|
|
width: 258rpx;
|
|
|
|
height: 40rpx;
|
|
|
|
font-size:28rpx;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(109,61,19,1);
|
|
|
|
line-height:50rpx;
|
|
|
|
margin-left: calc(50% - 126rpx);
|
|
|
|
text-align: center;
|
|
|
|
font-weight:500;
|
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
line-height:40rpx;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.money-views-top:before{
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
content: "";
|
|
|
|
width: 100%;
|
|
|
|
height: 2rpx;
|
|
|
|
left:0;
|
|
|
|
top:19rpx;
|
|
|
|
background-color: #E0E0E0;
|
|
|
|
}
|
|
|
|
.money-views-top .txt{
|
|
|
|
width: 138rpx;
|
|
|
|
background-color: #ffffff;
|
|
|
|
left:60rpx;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.money-views{
|
|
|
|
height:100rpx;
|
|
|
|
font-size:72rpx;
|
|
|
|
font-weight:600;
|
|
|
|
color:rgba(227,31,53,1);
|
|
|
|
color:#353535;
|
|
|
|
line-height:100rpx;
|
|
|
|
margin-top: 50rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
.money-dw{
|
|
|
|
width:32rpx;
|
|
|
|
height:44rpx;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-weight:600;
|
|
|
|
color:rgba(227,31,53,1);
|
|
|
|
color:#353535;
|
|
|
|
line-height:44rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
...
|
...
|
@@ -62,7 +75,6 @@ page{ |
|
|
|
width: calc(100% - 40rpx);
|
|
|
|
margin-left: 20rpx;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
box-shadow:0rpx 4rpx 8rpx 0rpx rgba(232,194,139,1);
|
|
|
|
border-radius:20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 2rpx 40rpx 0;
|
|
...
|
...
|
@@ -93,4 +105,25 @@ page{ |
|
|
|
color:rgba(153,153,153,1);
|
|
|
|
line-height:34rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.yuding{
|
|
|
|
width:320rpx;
|
|
|
|
height:70rpx;
|
|
|
|
background:linear-gradient(360deg,rgba(192,163,105,1) 0%,rgba(252,210,167,1) 100%);
|
|
|
|
border-radius:35rpx;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFangSC-Semibold,PingFang SC;
|
|
|
|
font-weight:600;
|
|
|
|
color:rgba(123,81,42,1);
|
|
|
|
line-height:70rpx;
|
|
|
|
margin-left: calc(50% - 160rpx);
|
|
|
|
margin-top: 40rpx;
|
|
|
|
}
|
|
|
|
.yuding .icon{
|
|
|
|
background-size: 100% 100%;
|
|
|
|
width: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
background-image: url("http://qn.colorcun.com/activity/images/addr.png");
|
|
|
|
margin-right: 20rpx;
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|