Home Explore Help
Sign In
yangmc
/
challengeFamily
Watch 2
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: develop7.1.7后台需求
Branches Tags
challengeFam...
/
pages
/
account
/
vip
/
index
/
score.wxss

score.wxss 3.6 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. page{background: #fff;}
    2. 

  2. .vip-box{background: url(https://m.bbztx.com/img/vip_bg.jpg) left top no-repeat; background-size: cover; height: 375rpx;}
    3. 

  3. .vip-rule-text{position: absolute; right: 20rpx; top: 20rpx; font-size: 28rpx; color: #fff; z-index: 5;}
    4. 

  4. .group-sheet .linear-mask::after,.group-sheet .linear-mask::before,.group-sheet .linear::after,.group-sheet .linear::before{content: ''; position: absolute;}
    5. 

  5. .group-sheet{width: 100%; overflow: auto; height: 264rpx; padding-top: 20rpx; -webkit-overflow-scrolling: touch;}
    6. 

  6. .group-sheet .container{position: relative; width: 2200rpx;}
    7. 

  7. .group-sheet .sheet{position: relative; z-index: 3; width: 100%;}
    8. 

  8. .group-sheet .sheet::before{display:table;content:"";line-height:0}
    9. 

  9. .group-sheet .sheet::after{clear:both}
    10. 

  10. .group-sheet .sheet .li{width: 340rpx; float: left; position: relative; min-height: 120rpx;}
    11. 

  11. .group-sheet .sheet .li.last{width:0}
    12. 

  12. .group-sheet .linear,.group-sheet .linear-mask{display:block;position:relative;width:100%}
    13. 

  13. .group-sheet .linear{z-index:3}
    14. 

  14. .group-sheet .linear::before{height:6rpx;width:100%;left:0;top:4rpx;background-color:#595757}
    15. 

  15. .group-sheet .linear-mask::before{height:6rpx;width:100%;left:0;top:4rpx;background-color:#E8F4F3;}
    16. 

  16. .group-sheet .linear-mask{height:16rpx;overflow:hidden;z-index:4}
    17. 

  17. .ball-scale-multiple{width:104rpx; height:104rpx; line-height: 104rpx; display: block; position: relative; top: 70rpx; left: -8rpx; z-index: 5;}
    18. 

  18. .ball-scale-multiple .img{width: 60rpx; height: 60rpx;filter:grayscale(100%);}
    19. 

  19. .group-sheet .sheet .li.current .ball-scale-multiple{top:55rpx;}
    20. 

  20. .group-sheet .sheet .li.current .ball-scale-multiple .img{width:104rpx; height:104rpx;filter: none;}
    21. 

  21. .group-sheet .sheet .li .info{padding-top:50rpx;position:relative;z-index:5;width:200rpx;text-align:center;margin-left:-76rpx;font-size:24rpx;line-height:1.6;color:rgba(255,255,255,.5)}
    22. 

  22. .group-sheet .sheet .info text{display: block;}
    23. 

  23. .group-sheet .sheet .li.current .info{margin-left:-56rpx;}
    24. 

  24. .group-sheet .sheet .li.current .info text{color:#fff;font-weight:700;}
    25. 

  25. .group-text{text-align: center; font-size: 24rpx; color: #fff; margin-top: 20rpx;}
    26. 

  26. .group-text text{font-weight: bold;}
    27. 

  27. .noDataText{padding: 100rpx 0; font-size: 28rpx; color: #595757; line-height: 44rpx; text-align: center;}
    28. 

  28. .animate{animation: animate 1s; transition: width .6s ease;}
    29. 

  29. @keyframes animate{0% {width: 0;}}
    30. 

  30. 

  31. .grids{position:relative;overflow:hidden;}
    32. 

  32. .grids:before{content:'';position:absolute;box-sizing:border-box;width:200%;height:200%;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
    33. 

  33. .wgrid{position:relative;float:left;padding:.5rem;width:33.33333333%; box-sizing:border-box}
    34. 

  34. .vip-childs{margin-top: 20rpx;}
    35. 

  35. .vip-safe-box .wgrid{border: 1px solid #DCDDDD; border-right: 0 none; height: 200rpx; text-align: center; color: #595757; font-size: 24rpx; padding: 32rpx 0;}
    36. 

  36. .vip-safe-box .wgrid:last-child, .vip-safe-box .wgrid:nth-child(3n){border-right: 1px solid #DCDDDD;}
    37. 

  37. .vip-safe-box .wgrid:nth-child(n+4){border-top: 0 none;}
    38. 

  38. .VS-box{color: #ea5404; font:normal 20px Arial; margin-bottom:20rpx;}
    39. 

  39. .VS-box text{vertical-align:sub;font-size: 20rpx;}
    40. 

  40. .VS-box-text{border:2px solid #ea5404; border-radius: 100%; width: 80rpx; height: 80rpx; line-height: 80rpx; text-align: center;display: inline-block; vertical-align: bottom;}
    41. 

  41. .vip-safe-box .time{padding: 20rpx 0;}
    42. 

  42. .vip-safe-box .icon-time{font-size: 80rpx; color:#ea5404; margin-bottom: 20rpx; display: block;}
    43. 

  43. .vip-childs-button{text-align: center; padding: 40rpx 0;}
    44. 

  44. .vip-childs-button .button{display: inline-block; padding:10rpx 60rpx;}
    45. 

  45. .vip-privilege{border-top:30rpx solid #F5F5F4;}
    46.