13 changed files with 746 additions and 744 deletions
@ -1,185 +1,211 @@ |
|||||
.renYou{ |
.renYou { |
||||
width: 48rpx; |
width: 48rpx; |
||||
height: 48rpx; |
height: 48rpx; |
||||
position: absolute; |
position: absolute; |
||||
right: 30rpx; |
right: 30rpx; |
||||
} |
} |
||||
.big_title{ |
|
||||
|
.big_title { |
||||
font-size: 36rpx; |
font-size: 36rpx; |
||||
} |
} |
||||
|
|
||||
.main .money_con{ |
.main .money_con { |
||||
display: block; |
display: block; |
||||
width:95%; |
width: 95%; |
||||
margin: 0 auto; |
margin: 0 auto; |
||||
margin-top: 50rpx; |
margin-top: 50rpx; |
||||
margin-bottom: 50rpx; |
margin-bottom: 50rpx; |
||||
height: 320rpx; |
height: 320rpx; |
||||
background-image: linear-gradient(to right, #FF820C , #FFB606); |
background-image: linear-gradient(to right, #FF820C, #FFB606); |
||||
padding: 40rpx 50rpx; |
padding: 40rpx 50rpx; |
||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||
} |
} |
||||
.textcon1{ |
|
||||
|
.textcon1 { |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
line-height: 56rpx; |
line-height: 56rpx; |
||||
} |
} |
||||
.textcon1 .text1{ |
|
||||
|
.textcon1 .text1 { |
||||
color: #fff; |
color: #fff; |
||||
font-size: 56rpx ; |
font-size: 56rpx; |
||||
} |
} |
||||
.textcon1 .text1 .text2{ |
|
||||
|
.textcon1 .text1 .text2 { |
||||
color: #fff; |
color: #fff; |
||||
font-size: 32rpx ; |
font-size: 32rpx; |
||||
} |
} |
||||
.textcon1 .img1{ |
|
||||
|
.textcon1 .img1 { |
||||
width: 100rpx; |
width: 100rpx; |
||||
height: 110rpx; |
height: 110rpx; |
||||
} |
} |
||||
.textcon1 .v1{ |
|
||||
|
.textcon1 .v1 {} |
||||
} |
|
||||
.textcon1 .v1 .t1{ |
.textcon1 .v1 .t1 { |
||||
color: #fff; |
color: #fff; |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
} |
} |
||||
.textcon1 .v1 .t2{ |
|
||||
|
.textcon1 .v1 .t2 { |
||||
color: #fff; |
color: #fff; |
||||
font-size: 24rpx; |
font-size: 24rpx; |
||||
} |
} |
||||
.textcon1 .v2{ |
|
||||
|
.textcon1 .v2 { |
||||
margin-right: 100rpx; |
margin-right: 100rpx; |
||||
} |
} |
||||
.select_con{ |
|
||||
|
.select_con { |
||||
width: 100%; |
width: 100%; |
||||
padding-bottom: 260rpx; |
padding-bottom: 260rpx; |
||||
} |
} |
||||
.select_con .select{ |
|
||||
margin: 0 12px; |
.select_con .select { |
||||
|
margin: 0 12px; |
||||
border-radius: 30rpx; |
border-radius: 30rpx; |
||||
background-color: #fff; |
background-color: #fff; |
||||
box-shadow: 0 0 30px #EBEEF1; |
box-shadow: 0 0 30px #EBEEF1; |
||||
} |
} |
||||
/deep/ .u-tabs{ |
|
||||
|
/deep/ .u-tabs { |
||||
border-bottom: 2rpx solid #F6F8FD; |
border-bottom: 2rpx solid #F6F8FD; |
||||
border-radius: 30rpx 30rpx 0 0; |
border-radius: 30rpx 30rpx 0 0; |
||||
} |
} |
||||
.select_con .item1{ |
|
||||
|
.select_con .item1 { |
||||
display: flex; |
display: flex; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
padding-top: 60rpx; |
padding-top: 60rpx; |
||||
padding-bottom: 50rpx; |
padding-bottom: 50rpx; |
||||
border-bottom: 2rpx solid #F6F8FD; |
border-bottom: 2rpx solid #F6F8FD; |
||||
padding-left: 40rpx; |
padding-left: 40rpx; |
||||
padding-right: 24rpx; |
padding-right: 24rpx; |
||||
} |
} |
||||
.select_con .item1 .lef_con{ |
|
||||
|
.select_con .item1 .lef_con { |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
} |
} |
||||
.select_con .item1 .lef_con .img1{ |
|
||||
|
.select_con .item1 .lef_con .img1 { |
||||
width: 48rpx; |
width: 48rpx; |
||||
height: 48rpx; |
height: 48rpx; |
||||
} |
} |
||||
.select_con .item1 .lef_con .textcon{ |
|
||||
|
.select_con .item1 .lef_con .textcon { |
||||
margin-left: 24rpx; |
margin-left: 24rpx; |
||||
} |
} |
||||
.select_con .item1 .lef_con .textcon .text1{ |
|
||||
font-size: 32rpx; |
.select_con .item1 .lef_con .textcon .text1 { |
||||
|
font-size: 26rpx; |
||||
} |
} |
||||
.select_con .item1 .lef_con .textcon .text2{ |
|
||||
font-size: 24rpx; |
.select_con .item1 .lef_con .textcon .text2 { |
||||
|
font-size: 22rpx; |
||||
color: #999; |
color: #999; |
||||
} |
} |
||||
|
|
||||
.select_con .item1 .rig_con .text1{ |
.select_con .item1 .rig_con .text1 { |
||||
font-size: 32rpx; |
font-size: 24rpx; |
||||
} |
} |
||||
.select_con .item1 .rig_con .img1{ |
|
||||
|
.select_con .item1 .rig_con .img1 { |
||||
width: 28rpx; |
width: 28rpx; |
||||
height: 20rpx; |
height: 20rpx; |
||||
float: right; |
float: right; |
||||
margin-top: 20rpx; |
margin-top: 20rpx; |
||||
} |
} |
||||
.select_con .item1 .rig_con .img2{ |
|
||||
|
.select_con .item1 .rig_con .img2 { |
||||
width: 28rpx; |
width: 28rpx; |
||||
height: 40rpx; |
height: 40rpx; |
||||
float: right; |
float: right; |
||||
margin-top: 20rpx; |
margin-top: 20rpx; |
||||
} |
} |
||||
.btnconn{ |
|
||||
position: fixed; |
.btnconn { |
||||
bottom: 0; |
position: fixed; |
||||
|
bottom: 0; |
||||
background-color: #fff; |
background-color: #fff; |
||||
padding: 24rpx 24rpx; |
padding: 24rpx 24rpx; |
||||
width: 100%; |
width: 100%; |
||||
display: flex; |
display: flex; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
} |
} |
||||
.btnconn .btn{ |
|
||||
width: 334rpx; |
.btnconn .btn { |
||||
line-height: 96rpx; |
width: 306rpx; |
||||
|
line-height: 78rpx; |
||||
border-radius: 30rpx; |
border-radius: 30rpx; |
||||
border: 2rpx solid #5B53FF; |
border: 2rpx solid #5B53FF; |
||||
text-align: center; |
text-align: center; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
color:#5B53FF; |
color: #5B53FF; |
||||
justify-content: center; |
justify-content: center; |
||||
font-size: 34rpx; |
font-size: 28rpx; |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
.active{ |
|
||||
color: #fff !important; |
.active { |
||||
|
color: #fff !important; |
||||
background-color: #5B53FF; |
background-color: #5B53FF; |
||||
} |
} |
||||
.btnconn .btn .img1{ |
|
||||
|
.btnconn .btn .img1 { |
||||
width: 48rpx; |
width: 48rpx; |
||||
height: 48rpx; |
height: 48rpx; |
||||
|
|
||||
} |
} |
||||
|
|
||||
.arrow-up-left{ |
.arrow-up-left { |
||||
width: 48rpx; |
width: 44rpx; |
||||
height: 48rpx; |
height: 44rpx; |
||||
position: absolute; |
position: absolute; |
||||
top: 50%; |
top: 50%; |
||||
transform: translateY(-50%); |
transform: translateY(-50%); |
||||
left: 68rpx; |
left: 68rpx; |
||||
} |
} |
||||
.btn13{ |
|
||||
|
.btn13 { |
||||
margin-left: 40rpx; |
margin-left: 40rpx; |
||||
} |
} |
||||
|
|
||||
.main .money_con{ |
.main .money_con { |
||||
margin-top: 32rpx; |
margin-top: 32rpx; |
||||
background-image: linear-gradient(to right, #6441CF , #877BFE); |
background-image: linear-gradient(to right, #6441CF, #877BFE); |
||||
height: 320rpx; |
height: 320rpx; |
||||
padding: 40rpx 36rpx; |
padding: 40rpx 36rpx; |
||||
position: relative; |
position: relative; |
||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||
} |
} |
||||
.main .money_con2{ |
|
||||
|
.main .money_con2 { |
||||
margin-top: 32rpx; |
margin-top: 32rpx; |
||||
background-image: linear-gradient(to right, #FF820C , #FFB606); |
background-image: linear-gradient(to right, #FF820C, #FFB606); |
||||
height: 320rpx; |
height: 320rpx; |
||||
padding: 40rpx 36rpx; |
padding: 40rpx 36rpx; |
||||
position: relative; |
position: relative; |
||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||
} |
} |
||||
.main .money_con3{ |
|
||||
|
.main .money_con3 { |
||||
margin-top: 32rpx; |
margin-top: 32rpx; |
||||
background-image: linear-gradient(to right, #B6162A , #F96D7D); |
background-image: linear-gradient(to right, #B6162A, #F96D7D); |
||||
height: 320rpx; |
height: 320rpx; |
||||
padding: 40rpx 36rpx; |
padding: 40rpx 36rpx; |
||||
position: relative; |
position: relative; |
||||
border-radius: 24rpx; |
border-radius: 24rpx; |
||||
} |
} |
||||
|
|
||||
.select_con .item1 .rig_con .text1 text{ |
.select_con .item1 .rig_con .text1 text { |
||||
margin-left: 10rpx; |
margin-left: 10rpx; |
||||
} |
} |
||||
|
|
||||
/deep/ .u-empty { |
/deep/ .u-empty { |
||||
padding: 30px !important; |
padding: 30px !important; |
||||
} |
} |
||||
|
Loading…
Reference in new issue