crmeb_shop/view/crmebN/pages/user/user.wxss

/* pages/user/user.wxss */
page{position: relative;}
.header{width: 100%; height: 400rpx; background-image: linear-gradient(to bottom,#ff6c00,#ff3d3d);flex-direction: column; color: #fff; align-items: center; justify-content: center; font-size: 26rpx;position:relative;}
.header .system-notification{position: absolute;right: 30rpx;top: 46rpx;font-size:46rpx;}
.header .system-notification .system-notification-text{position:absolute;top:-5rpx;right:-3rpx;font-size:18rpx;background-color:#fff;border-radius:50%;color:#ff3d3d;
min-width:26rpx;height:26rpx;text-align:center;line-height:26rpx;}
.header .avatar{width: 130rpx; height: 130rpx; border-radius: 50%; border: 6rpx solid rgba(255,255,255,.5)}
.header text{font-size: 22rpx;}
.header .name{margin: 13rpx 0 7rpx 0;}
.user-list-warapper{position: absolute; top:330rpx; left: 50%; width: 710rpx; margin-left: -355rpx;}
.user-list-warapper .item-box{margin-bottom: 30rpx; background-color: #fff; border-radius: 5px; box-shadow: 1px 2px 2px 1px #eee;}
.amount{height: 150rpx; align-items: center;}
.amount .amount-item{flex: 1 25%; text-align:  center; font-size: 24rpx; color: #555;}
.amount .amount-item .count{margin-bottom: 17rpx; font-size: 32rpx; color:#ff3d3d;}
.title-bar{padding:0 28rpx; height: 88rpx; align-items:  center; justify-content: space-between; border-bottom: 1px solid #f7f7f7; }
.title-bar navigator{font-size: 24rpx; color:#999;}
.list-wrapper{ flex-wrap: wrap;  align-items: center;}
.list-wrapper .item{width: 25%; text-align: center;margin:20rpx 0;position: relative}
.list-wrapper .item .iconfont{font-size: 45rpx;}
.list-wrapper .item .text{font-size: 24rpx; color:#555;margin-top:10rpx;}

.orders image{width: 42rpx; height: 45rpx;}
.orders .list-wrapper{height: 142rpx;}
.service .list-wrapper{height:auto;padding:0rpx 0 30rpx;min-height:100rpx;}
.icon-chongzhi{color: #ff3d3d;}
.icon-wodejifen{color:#ffa800;}
.icon-wodepintuan{color:#ff5959;}
.icon-collect{color:#ff8920;}
.icon-youhuijuan{color:#1dc7ad;}
.icon-wodetuiguangren{color:#ff865c;}
.icon-tongzhi{color:#20b3ff;}
.icon-dizhiguanli{color:#43c885;}
.icon-liaotian{color:#48c5ff;}
.icon-custom-service{color:#acdc67;}
.icon-erweima{color:#fa9552;}
.icon-er{color: #20b3ff;font-size:46rpx!important;}
.contact-but{background-color:#ffffff;line-height:normal!important;}
.contact-but::after{border:none;} 
.item-span{min-width:26rpx;height:26rpx;border-radius:50rpx;background-color:#ff3d3d;color: #fff;display:block;font-size:20rpx;text-align:center;line-height:26rpx;position:absolute;right:46rpx;top:0;}
.list-wrapper .item .user-sign{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEiklEQVR4Xu1bzXXbOBCeAd/quvJhQ9+iSAVEpgpYuYLYFUTuwK4gSQXxVhC5AjsVWFuAZLoAaZWblT1YPsZ5wOQBJhWSAkXCpKGfR15JzM+H+QFmhggFn+9eq0dAnwlgzoQ4fuVP/YIkVy7/3m60BWOXCFBHwLNXo3G/CD8ssliuvfNaA0T4W9Eh+uSOJh+L0ly1fuY1PwLihyd28O/+aNwtwq8CoAh6O2sB9+1G/afjvCOAIwKo60BinJ9Jf9e5wJ3XPAfEt0XBja0nut0fTU51LqDiguN81vFDgDkCXP3B+dc9fzpPfrPkAmFQA0St4iEBxvnhX/50oAcgEhdKQiH0dx0A/7cbXeE41ytZEc11QTMGQJR4ltxbB0CoUCJQLwDIhWIEla0FAABC2aU6CwBmndYVALzL2vmtdYG4Yl/d4fgoCQDlVT6a86PAEdHZ/mhyPvOa91kxxIjXU9Kfu6PJ3p3XPEXEMOApRUxcN+TrDsdq86MWYArAvCbEgSTyyFhPngQD5RcHFWMlsxYE/qtAAKjXhOj/BKgTY9emgBcHINgVBOgLIQbMceoCoIcAhU5mmRgADJjkyfmcMdYlgJ6p8pJHOQBkSbvB7ysACseADd7dPKJVFlBZQNE0mMfONvibygUqF6hcIOMobKG+ZytE6O4K2TGgAuDlK7yVBVhCoHKBSC8hfz2gigGbGQNkyf6Hw947XNzKqnQeL9oZF7hvNxqPjN0sCiA5rXQnAJA7/+iwawBsL3Y9qBNmWcFOADDrNG9iyj9VZh/c4WRlA0d+tfUAzLzmF0DsJXeaiP6R7bKdtoDUkjfRbU2Irq7flwRkay1A9SkRviztsIHyW+sC6a06ekAuuiaTKNYsQLXVARomwun8V7a705odyPmBKX0rAMw6rSMgksFKRuUrdzg+zgpOuvfqoMPYDSI2ku+R4OQ5M0FWALjzmv/FhCbqu6PJiQkI2lwfEAj7jib0wm+tADDrtJZ6i3nT1ELQTusSAFTXNvFcuMPxUhrMC4YVAGKTIhHJ8ppteq4vPglmBQB1TneYD4B/JncmOpCgDXolpbs0i7ACgGSuorfDBksgyPkcIQ510Ts11wM91Lho5DnoZLmCNQAUCOm7KecJ3kQVSk935rl+FQhWAZCCJKY4IrKRX+PiUIKwdLWNa3DsDsdyZKeUxzoA6vjZackZ3vcaDa5qnJ8sXW2DD/MGTRNk1gJAAIJ+8IporpvqME2beUFYGwDqYMPYIOfUaKFcv1ExICpMcLT1EfF1qpCGt7u8O784YK27KpyaHqWEL6y8csV1AyCF0F9vy013az8IZZlm/IxgR/mNsYAQHGUJjHXlkOOeP51mgVbG+41wgTIUeS6NCoBNCILP3b0y1lUWUFnA71/tQouqRmQyx+SI1J+geVvQZfjqS9AI0u5l8vK1bAFe0895aXkJOa3SjP5xuvhjJL00ZVU2K8yiNYf4b3OGP05ZkbZ8JrFrdwyAp8aEc55SySlfFPsUL2qcn0brktqfp4ObW4+Iuivv8fYVMOZIRN8QccA47+sC+i+y8GF9qni6FAAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-size: 100% 100%; width: 45rpx;height: 45rpx;text-align:conter;display: inline-block} 
.getPhoneNumber{font-size: 20rpx;}
@import "/pages/home/home.wxss";