|
|
|
@ -1,18 +1,30 @@ |
|
|
|
.maintoP{ |
|
|
|
margin-top: 100rpx; |
|
|
|
.maintoP { |
|
|
|
margin-top: 80rpx; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.big_con{ |
|
|
|
|
|
|
|
.big_con { |
|
|
|
padding: 0 32rpx; |
|
|
|
padding-bottom: 300rpx; |
|
|
|
padding-bottom: 180rpx; |
|
|
|
} |
|
|
|
.aaa{ |
|
|
|
|
|
|
|
.head { |
|
|
|
background: #FAFAFA !important; |
|
|
|
} |
|
|
|
page { |
|
|
|
background: #FAFAFA; |
|
|
|
} |
|
|
|
.main{ |
|
|
|
position: sticky; |
|
|
|
/* #ifdef H5 */ |
|
|
|
top: 80rpx; |
|
|
|
/* #endif */ |
|
|
|
/* #ifndef H5 */ |
|
|
|
top: 0; |
|
|
|
/* #endif */ |
|
|
|
z-index: 999; |
|
|
|
} |
|
|
|
|
|
|
|
page { |
|
|
|
background: #FAFAFA; |
|
|
|
} |
|
|
|
|
|
|
|
.main { |
|
|
|
padding: 0 24rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
background: #fff; |
|
|
|
@ -21,47 +33,56 @@ |
|
|
|
max-height: 1200rpx; |
|
|
|
overflow-y: scroll; |
|
|
|
} |
|
|
|
.title{ |
|
|
|
|
|
|
|
.title { |
|
|
|
height: 150rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 32rpx; |
|
|
|
border-bottom: 2rpx solid #F6F8FD; |
|
|
|
} |
|
|
|
.flex{ |
|
|
|
|
|
|
|
.flex { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.flex2{ |
|
|
|
|
|
|
|
.flex2 { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
|
|
|
.main_con .item .left .img{ |
|
|
|
.main_con .item .left .img { |
|
|
|
width: 80rpx; |
|
|
|
height: 80rpx; |
|
|
|
border-radius: 100rpx; |
|
|
|
} |
|
|
|
.main_con .item{ |
|
|
|
|
|
|
|
.main_con .item { |
|
|
|
height: 180rpx; |
|
|
|
border-bottom: 2rpx solid #F6F8FD; |
|
|
|
border-radius: 24rpx; |
|
|
|
} |
|
|
|
.main_con .item .img{ |
|
|
|
|
|
|
|
.main_con .item .img { |
|
|
|
width: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
} |
|
|
|
.main_con .textcon{ |
|
|
|
|
|
|
|
.main_con .textcon { |
|
|
|
margin-left: 20rpx; |
|
|
|
} |
|
|
|
.main_con .textcon .text1{ |
|
|
|
|
|
|
|
.main_con .textcon .text1 { |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
.main_con .textcon .text2{ |
|
|
|
|
|
|
|
.main_con .textcon .text2 { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
.letImg{ |
|
|
|
|
|
|
|
.letImg { |
|
|
|
width: 24rpx; |
|
|
|
height: 24rpx; |
|
|
|
} |
|
|
|
@ -69,220 +90,254 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bottom_con{ |
|
|
|
position: fixed; |
|
|
|
bottom:0rpx; |
|
|
|
z-index: 9999; |
|
|
|
} |
|
|
|
.bottom_con{ |
|
|
|
width: 100%; |
|
|
|
background-color:#F7F8FA; |
|
|
|
padding: 0 24rpx; |
|
|
|
border-radius: 16rpx 16rpx 0 0; |
|
|
|
padding-bottom: 40rpx; |
|
|
|
} |
|
|
|
.title_con{ |
|
|
|
padding: 30rpx 0; |
|
|
|
text-align: center; |
|
|
|
color: #7A7A81; |
|
|
|
} |
|
|
|
.money_con{ |
|
|
|
background-color: #fff; |
|
|
|
padding: 70rpx 30rpx; |
|
|
|
border-radius: 16rpx 16rpx 0 0; |
|
|
|
} |
|
|
|
.money_con .money{ |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.money_con .money .tex1{ |
|
|
|
font-size: 64rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
.money_con .img{ |
|
|
|
width: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
position: absolute; |
|
|
|
left: 12rpx; |
|
|
|
top: 24rpx; |
|
|
|
} |
|
|
|
.money_con .img2{ |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
position: absolute; |
|
|
|
left: 32rpx; |
|
|
|
top: 32rpx; |
|
|
|
} |
|
|
|
.money_con .money .tex2{ |
|
|
|
font-size: 42rpx; |
|
|
|
} |
|
|
|
.money_con .money .text{ |
|
|
|
|
|
|
|
} |
|
|
|
.info_con{ |
|
|
|
margin-top: 40rpx; |
|
|
|
} |
|
|
|
.info_con .item{ |
|
|
|
display: flex; |
|
|
|
padding-bottom: 24rpx; |
|
|
|
border-bottom: 2rpx solid #DDDDDD; |
|
|
|
background-color: #6747D1; |
|
|
|
} |
|
|
|
.info_con .item:last-child{ |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
.info_con .item .text1{ |
|
|
|
color: #9B9C9E; |
|
|
|
margin-right: 50rpx; |
|
|
|
} |
|
|
|
.info_con .item .text2{ |
|
|
|
word-break: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
.bottom_con .btn{ |
|
|
|
line-height: 96rpx; |
|
|
|
background-color: #5B53FF; |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
border-radius: 32rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
.money_con2{ |
|
|
|
height: 400rpx; |
|
|
|
} |
|
|
|
.btn2{ |
|
|
|
line-height: 96rpx; |
|
|
|
background-color: #E9ECF5; |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
border-radius: 32rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
.btncolor{ |
|
|
|
background-color: #5B53FF; |
|
|
|
} |
|
|
|
.btncolor2{ |
|
|
|
background-color: #E9ECF5; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item{ |
|
|
|
width: 575rpx; |
|
|
|
height: 164rpx; |
|
|
|
background-image: linear-gradient(to right, #FF9913, #FFB60C); |
|
|
|
padding: 44rpx 0; |
|
|
|
padding-left: 25rpx; |
|
|
|
padding-right: 32rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
margin-bottom: 28rpx; |
|
|
|
position: relative; |
|
|
|
box-shadow: 0 8rpx 8rpx 8rpx #EFF1F3; |
|
|
|
} |
|
|
|
|
|
|
|
.flexx{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.bot_con .item .left .img1{ |
|
|
|
width: 84rpx; |
|
|
|
height: 84rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
} |
|
|
|
.bot_con .item .left .textcon .text1{ |
|
|
|
font-size: 36rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.bot_con .item .left .textcon{ |
|
|
|
width: auto; |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
.bot_con .item .left .textcon .text2{ |
|
|
|
font-size: 28rpx; |
|
|
|
color: rgba(255,255,255,.5); |
|
|
|
word-break: break-all; |
|
|
|
|
|
|
|
} |
|
|
|
.bot_con .item .rig{ |
|
|
|
text-align: right; |
|
|
|
color: #fff; |
|
|
|
font-size: 34rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .rig .text1{ |
|
|
|
font-size: 36rpx; |
|
|
|
} |
|
|
|
.bot_con .item .rig .text2{ |
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
color: #B0BBD5; |
|
|
|
} |
|
|
|
.opc{ |
|
|
|
opacity: .4; |
|
|
|
} |
|
|
|
.rimg{ |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.letConimg{ |
|
|
|
display: block; |
|
|
|
width: 84rpx; |
|
|
|
height: 84rpx; |
|
|
|
margin-bottom: 68rpx; |
|
|
|
} |
|
|
|
.pur{ |
|
|
|
background-image: linear-gradient(to right, #6846D2, #887BFE) !important; |
|
|
|
} |
|
|
|
.red{ |
|
|
|
background-image: linear-gradient(to right, #B4142C, #F04850) !important; |
|
|
|
} |
|
|
|
.green{ |
|
|
|
background-image: linear-gradient(to right, #13BB9C, #23D7AF) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.gou{ |
|
|
|
width: 80rpx; |
|
|
|
height: 74rpx; |
|
|
|
background-size: cover; |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
.gou .img{ |
|
|
|
position: absolute; |
|
|
|
left: 75%; |
|
|
|
top: 65%; |
|
|
|
transform: translate(-50%,-50%); |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bl{ |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
.dis{ |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
.ethimg1{ |
|
|
|
width: 80rpx; |
|
|
|
height: 80rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
.ethimg2{ |
|
|
|
width: 32rpx; |
|
|
|
height: 32rpx; |
|
|
|
position: absolute; |
|
|
|
top: 20rpx; |
|
|
|
left: 20rpx; |
|
|
|
} |
|
|
|
.info_con .item{ |
|
|
|
border-radius: 24rpx; |
|
|
|
padding: 24rpx; |
|
|
|
margin-bottom: 50rpx; |
|
|
|
} |
|
|
|
.text111{ |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
.textcon .text2{ |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.bottom_con { |
|
|
|
position: fixed; |
|
|
|
bottom: 0rpx; |
|
|
|
z-index: 9999; |
|
|
|
} |
|
|
|
|
|
|
|
.bottom_con { |
|
|
|
width: 100%; |
|
|
|
background-color: #F7F8FA; |
|
|
|
padding: 0 24rpx; |
|
|
|
border-radius: 16rpx 16rpx 0 0; |
|
|
|
padding-bottom: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.title_con { |
|
|
|
padding: 30rpx 0; |
|
|
|
text-align: center; |
|
|
|
color: #7A7A81; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con { |
|
|
|
background-color: #fff; |
|
|
|
padding: 70rpx 30rpx; |
|
|
|
border-radius: 16rpx 16rpx 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .money { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .money .tex1 { |
|
|
|
font-size: 64rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .img { |
|
|
|
width: 48rpx; |
|
|
|
height: 48rpx; |
|
|
|
position: absolute; |
|
|
|
left: 12rpx; |
|
|
|
top: 24rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .img2 { |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
position: absolute; |
|
|
|
left: 32rpx; |
|
|
|
top: 32rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .money .tex2 { |
|
|
|
font-size: 42rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con .money .text {} |
|
|
|
|
|
|
|
.info_con { |
|
|
|
margin-top: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.info_con .item { |
|
|
|
display: flex; |
|
|
|
padding-bottom: 24rpx; |
|
|
|
border-bottom: 2rpx solid #DDDDDD; |
|
|
|
background-color: #6747D1; |
|
|
|
} |
|
|
|
|
|
|
|
.info_con .item:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
|
|
|
|
.info_con .item .text1 { |
|
|
|
color: #9B9C9E; |
|
|
|
margin-right: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.info_con .item .text2 { |
|
|
|
word-break: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
.bottom_con .btn { |
|
|
|
line-height: 96rpx; |
|
|
|
background-color: #5B53FF; |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
border-radius: 32rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money_con2 { |
|
|
|
height: 400rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.btn2 { |
|
|
|
line-height: 96rpx; |
|
|
|
background-color: #E9ECF5; |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
border-radius: 32rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.btncolor { |
|
|
|
background-color: #5B53FF; |
|
|
|
} |
|
|
|
|
|
|
|
.btncolor2 { |
|
|
|
background-color: #E9ECF5; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item { |
|
|
|
width: 575rpx; |
|
|
|
height: 164rpx; |
|
|
|
background-image: linear-gradient(to right, #FF9913, #FFB60C); |
|
|
|
padding: 44rpx 0; |
|
|
|
padding-left: 25rpx; |
|
|
|
padding-right: 32rpx; |
|
|
|
border-radius: 24rpx; |
|
|
|
margin-bottom: 28rpx; |
|
|
|
position: relative; |
|
|
|
box-shadow: 0 8rpx 8rpx 8rpx #EFF1F3; |
|
|
|
} |
|
|
|
|
|
|
|
.flexx { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .left .img1 { |
|
|
|
width: 84rpx; |
|
|
|
height: 84rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .left .textcon .text1 { |
|
|
|
font-size: 36rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .left .textcon { |
|
|
|
width: auto; |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .left .textcon .text2 { |
|
|
|
font-size: 28rpx; |
|
|
|
color: rgba(255, 255, 255, .5); |
|
|
|
word-break: break-all; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .rig { |
|
|
|
text-align: right; |
|
|
|
color: #fff; |
|
|
|
font-size: 34rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .rig .text1 { |
|
|
|
font-size: 36rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bot_con .item .rig .text2 { |
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
color: #B0BBD5; |
|
|
|
} |
|
|
|
|
|
|
|
.opc { |
|
|
|
opacity: .4; |
|
|
|
} |
|
|
|
|
|
|
|
.rimg { |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.letConimg { |
|
|
|
display: block; |
|
|
|
width: 84rpx; |
|
|
|
height: 84rpx; |
|
|
|
margin-bottom: 68rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.pur { |
|
|
|
background-image: linear-gradient(to right, #6846D2, #887BFE) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.red { |
|
|
|
background-image: linear-gradient(to right, #B4142C, #F04850) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.green { |
|
|
|
background-image: linear-gradient(to right, #13BB9C, #23D7AF) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.gou { |
|
|
|
width: 80rpx; |
|
|
|
height: 74rpx; |
|
|
|
background-size: cover; |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.gou .img { |
|
|
|
position: absolute; |
|
|
|
left: 75%; |
|
|
|
top: 65%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
width: 28rpx; |
|
|
|
height: 28rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.bl { |
|
|
|
display: block !important; |
|
|
|
} |
|
|
|
|
|
|
|
.dis { |
|
|
|
display: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
.ethimg1 { |
|
|
|
width: 80rpx; |
|
|
|
height: 80rpx; |
|
|
|
margin-right: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.ethimg2 { |
|
|
|
width: 32rpx; |
|
|
|
height: 32rpx; |
|
|
|
position: absolute; |
|
|
|
top: 20rpx; |
|
|
|
left: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.info_con .item { |
|
|
|
border-radius: 24rpx; |
|
|
|
padding: 24rpx; |
|
|
|
margin-bottom: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.text111 { |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
|
|
|
|
.textcon .text2 { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
