Home Explore Help
Register Sign In
Kirin
/
vote
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
vote
/
view
/
pages
/
user_vip
/
index.wxss

index.wxss 4.5 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. .member-center .header{background-color:#232323;width:100%;padding:50rpx 0;}
    2. 

  2. .member-center .header swiper{width:100%;height:328rpx;position:relative;}
    3. 

  3. .member-center .header swiper-item .memberBg.active{transform: none;transition: all 0.2s ease-in 0s;}
    4. 

  4. .member-center .header swiper-item .memberBg.quiet{ transform: scale(0.9);transition: all 0.2s ease-in 0s;}
    5. 

  5. .member-center .header swiper-item .memberBg{width:100%;height:328rpx;border-radius:16rpx;color:#fff;position:relative;background-size: 100% 100%}
    6. 

  6. /*
    7. 

  7. .member-center .header swiper-item .memberBg.gold{background-image: linear-gradient(to right,#e3c072 0%,#cf9e51 100%);}
    8. 

  8. .member-center .header swiper-item .memberBg.silver{background-image: linear-gradient(to right,#bebebe 0%,#929292 100%);}
    9. 

  9. .member-center .header swiper-item .memberBg.brass{background-image: linear-gradient(to right,#e8cba7 0%,#caaf8f 100%);}
    10. 

  10. .member-center .header swiper-item .memberBg.bronze{background-image: linear-gradient(to right,#9ab1c2 0%,#6a8493 100%);}
    11. 

  11. .member-center .header swiper-item .memberBg.ordinary{background-image: linear-gradient(to right,#7aa7ed 0%,#6292de 100%);} */
    12. 

  12. .member-center .header swiper-item .memberBg image{width:89rpx;height:108rpx;display:block;position:absolute;right:60rpx;}
    13. 

  13. .member-center .header swiper-item .memberBg .name{font-size:46rpx;font-weight:bold;padding:40rpx 0 0 35rpx;}
    14. 

  14. .member-center .header swiper-item .memberBg .discount{font-size:28rpx;font-weight:bold;margin:15rpx 0 0 35rpx;}
    15. 

  15. .member-center .header swiper-item .memberBg .discount .iconfont{margin-left:10rpx;font-size:30rpx;}
    16. 

  16. .member-center .header swiper-item .memberBg .nav{margin-top:55rpx;}
    17. 

  17. .member-center .header swiper-item .memberBg .nav .item{flex:1;text-align:center;color:rgba(255, 255, 255, 0.6);position:relative;}
    18. 

  18. .member-center .header swiper-item .memberBg .nav .item .num{font-size:40rpx;color:#fff;font-family: 'Guildford Pro';}
    19. 

  19. .member-center .header swiper-item .memberBg .nav .item~.item::before{position:absolute;width:2rpx;height:32rpx;background-color:rgba(255, 255, 255, 0.6);content:'';left:0;top:50%;transform:translateY(-50%);}
    20. 

  20. .member-center .header swiper-item .memberBg .lock{font-size:26rpx;margin:73rpx 0 0 35rpx;}
    21. 

  21. .member-center .header swiper-item .memberBg .lock .iconfont{font-size:37rpx;margin-right:15rpx;vertical-align:-4rpx;}
    22. 

  22. .member-center .wrapper{background-color:#fff;padding-bottom:16rpx;margin-bottom:20rpx;}
    23. 

  23. .member-center .wrapper .title{height:98rpx;padding:0 30rpx;font-size:30rpx;font-weight:bold;color:#282828;}
    24. 

  24. .member-center .wrapper .title .iconfont{color:#ffae06;font-weight:normal;font-size:40rpx;margin-right:12rpx;vertical-align:-2rpx;}
    25. 

  25. .member-center .wrapper .title .num{font-size:28rpx;color:#999;}
    26. 

  26. .member-center .wrapper .title .num .current{color:#ffae06;}
    27. 

  27. .member-center .wrapper .list .item{width:690rpx;height:184rpx;background-color:#f9f9f9;margin:0 auto 20rpx auto;padding:27rpx 0 22rpx 0;border-radius:12rpx;box-sizing:border-box;}
    28. 

  28. .member-center .wrapper .list .item .top{padding-right:27rpx;font-size:26rpx;color:#999;}
    29. 

  29. .member-center .wrapper .list .item .top .name{border-left:6rpx solid #ffae06;padding-left:20rpx;font-size:28rpx;color:#282828;font-weight:bold;}
    30. 

  30. .member-center .wrapper .list .item .top .name .iconfont{color:#999;font-size:30rpx;vertical-align:-2rpx;margin-left:10rpx;}
    31. 

  31. .member-center .wrapper .list .item .cu-progress {overflow: hidden;height:12rpx;background-color: #eee;width:636rpx;border-radius:20rpx;margin:35rpx auto 0 auto;}
    32. 

  32. .member-center .wrapper .list .item .cu-progress .bg-red{width: 0;height: 100%;transition: width 0.6s ease;background-color: #ffaa29;border-radius:20rpx;}
    33. 

  33. .member-center .wrapper .list .item .experience{margin-top:17rpx;padding:0 27rpx;font-size:24rpx;color:#999;}
    34. 

  34. .member-center .wrapper .list .item .experience .num{color:#ffad07;}
    35. 

  35. .member-center .growthValue{background-color:#fff;border-radius:16rpx;position:fixed;top:266rpx;left:50%;width:560rpx;height:740rpx;margin-left:-280rpx;z-index:99;transform:translate3d(0,-200%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9);}
    36. 

  36. .member-center .growthValue.on{transform:translate3d(0,0,0);}
    37. 

  37. .member-center .growthValue .pictrue{width:100%;height:257rpx;position:relative;}
    38. 

  38. .member-center .growthValue .pictrue image{width:100%;height:100%;border-radius:16rpx 16rpx 0 0;}
    39. 

  39. .member-center .growthValue .conter{padding:0 35rpx;font-size:30rpx;color:#333;margin-top:58rpx;line-height:1.5;height:350rpx;overflow:auto;}
    40. 

  40. .member-center .growthValue .pictrue .iconfont{position:absolute;font-size:65rpx;color:#fff;top:775rpx;left:50%;transform:translateX(-50%);}
    41.