You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
3.1 KiB
37 lines
3.1 KiB
.top{width:100%;height:376rpx;background: linear-gradient(to bottom,#FFCB12 0%,#ffffff 100%);position: relative;z-index: 1;} |
|
.top .ava{width:100%;height:276rpx;text-align: center;} |
|
.top .ava image{width:144rpx;height:144rpx;border-radius:50%;margin:16rpx;} |
|
.top .ava .nickname{font-size: 36rpx;} |
|
.top .info{position: absolute;width:128rpx;height:56rpx;background: rgba(255,255,255,0.20);font-size:28rpx;border-top-left-radius: 56rpx; |
|
border: 1px solid rgba(255,255,255,0.60);right:0;top:58rpx;text-align: center;line-height:56rpx; border-bottom-left-radius: 56rpx;} |
|
.myactive{width:94%;margin:0 auto;background:#fff;z-index:999;position: relative;margin-top:-100rpx;border-radius: 10rpx;box-shadow: 0px 8px 18px 0px rgba(103,46,7,0.08); } |
|
.myactive .title{padding:24rpx 40rpx;display: flex;justify-content: space-between;} |
|
.myactive .title view {font-size:24rpx;color:#BEBEBE} |
|
.myactive .title view image{width:32rpx;height:32rpx;margin-left:11rpx;transform:rotate(180deg);vertical-align: middle;} |
|
.myactive .activeList{padding:12rpx 40rpx 32rpx 40rpx;display:flex;justify-content: space-between;} |
|
.myactive .activeList .listone{text-align: center;font-size:24rpx;} |
|
.myactive .activeList .listone image{width:96rpx;height:96rpx} |
|
.myactive .activeList .listone view{padding-top: 4rpx;} |
|
.wallet{width:94%;margin:24rpx auto;background:#fff;border-radius: 10rpx;box-shadow: 0px 8px 18px 0px rgba(103,46,7,0.08); } |
|
.wallet .title{padding:24rpx 40rpx;display: flex;justify-content: space-between;} |
|
.wallet .title view {font-size:24rpx;color:#BEBEBE} |
|
.wallet .title view image{width:32rpx;height:32rpx;margin-left:11rpx;transform:rotate(180deg);vertical-align: middle;} |
|
.wallet .money{display: flex;justify-content: space-around;padding:24rpx 40rpx;color:#8C8C8C} |
|
.wallet .money .solid{background:#F6F6F6;height:70rpx;width:4rpx;} |
|
.wallet .money .moneyone{text-align: center;} |
|
.wallet .money .moneyone .num{font-size:48rpx;} |
|
.wallet .money .moneyone .name{padding-top:16rpx;font-size:26rpx;} |
|
.wallet .orange{padding:24rpx 40rpx;} |
|
.wallet .orange .orangecircle{height:72rpx;line-height:72rpx;background: #FFFCEF;display: flex;justify-content: space-around;border-radius: 84px; |
|
box-shadow: 0px 8px 18px 0px rgba(103,46,7,0.08); } |
|
.wallet .orange .orangecircle .trash{font-size:28rpx;color:#F66A01} |
|
.wallet .orange .orangecircle .trash image{width:35rpx;height:35rpx;margin-right:15rpx;vertical-align: sub;} |
|
.bottom{padding:24rpx 32rpx} |
|
.center{padding:18rpx 0;display: flex;justify-content: space-between;} |
|
.center .center-left{font-size:28rpx;} |
|
.center .center-left image{width:48rpx;height:48rpx;margin-right:16rpx;vertical-align: middle;} |
|
.center .right{width:32rpx;height:32rpx;margin-left:11rpx;transform:rotate(180deg);vertical-align: middle;} |
|
button{background:#f1f1f1;border:none;padding-left:0;padding-right:0;display:inline;text-align: left;} |
|
.call{border-bottom:1px solid #ddd;font-size:28rpx;padding:10rpx 0rpx;height:70rpx;line-height:70rpx} |
|
.call image{width:48rpx;height:48rpx;margin-right:16rpx;vertical-align: middle;} |
|
.call image:last-child{float:right;width:32rpx;height:32rpx;margin-top: 20rpx;margin-right:0;transform:rotate(180deg);}
|
|
|