.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);}