Home Explore Help
Sign In
yangmc
/
challengeFamily
Watch 2
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
challengeFam...
/
pages
/
home
/
referre.wxss

referre.wxss 2.3 KB
Permalink History Raw

12345678910111213141516171819202122232425262728 
  1. .content{height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
    2. 

  2. .content-box{padding: 40rpx; height: calc(100% - 112rpx);}
    3. 

  3. .item-title{flex-shrink: 0; width: 25%;}
    4. 

  4. input[type='number']{background: #f6f5f5; border-radius: 8rpx; height: 56rpx; line-height: 56rpx; padding: 0 20rpx;}
    5. 

  5. .item-after .button{height: 56rpx; line-height: 56rpx;}
    6. 

  6. .s-button{margin-left: 40rpx; width: 60%; display: inline-block; vertical-align: text-bottom;}
    7. 

  7. .referre-info{text-align: center; padding: 80rpx 0 60rpx 40rpx;}
    8. 

  8. .referre-info .head{width: 140rpx; height: 140rpx; border-radius: 100%; margin:20rpx auto; overflow: hidden;}
    9. 

  9. .referre-info .head>image{max-width: 100%; max-height: 100%;}
    10. 

  10. .modal{box-shadow: none;}
    11. 

  11. .mTop110{margin-top: 110rpx;}
    12. 

  12. .mTop240{margin-top: 240rpx;}
    13. 

  13. .b{font-weight: bold;}
    14. 

  14. .modal-head> image{width: 580rpx; height: 326rpx; vertical-align: middle; border: 0 none;}
    15. 

  15. .modal-head > text{position: absolute; bottom: 35rpx; left: 50%; width: 100%; text-align: center; color: #fff; font-size: 48rpx; font-weight: bold; transform:translate(-50%,0);}
    16. 

  16. .box{background: #ff5a6a; padding:0 45rpx; border-radius: 0 0 10rpx 10rpx; margin-top: -2rpx;}
    17. 

  17. .box-overflow{height: 356rpx; padding: 0 10rpx; overflow: hidden; overflow-y: auto;}
    18. 

  18. .voucher-list{position: relative; height: 134rpx; margin-bottom: 10rpx; box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); border-radius: 10rpx; display: flex; align-items: center; justify-content: space-between;}
    19. 

  19. .voucher-list .price{flex-shrink: 0; width: 150rpx; text-align: center; padding-left: 20rpx; height: 90rpx; line-height: 90rpx; border-right: 2rpx dashed #898989; padding-right: 20rpx; margin-right: 20rpx; white-space: nowrap; font-size: 40rpx; color: #ff5a6a;}
    20. 

  20. .voucher-list .text{flex-shrink: 1; width: 100%; font-size: 24rpx; margin-right: 30rpx;}
    21. 

  21. .voucher-list::before, .voucher-list::after{content:""; width: 28rpx; height: 28rpx; position: absolute; top: 50%; background: #ff5a6a; transform: translateY(-50%);}
    22. 

  22. .voucher-list::before{left: -12rpx; box-shadow:inset -2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 0 100% 100% 0;}
    23. 

  23. .voucher-list::after{right: -12rpx; box-shadow:inset 2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 100% 0 0 100%;}
    24. 

  24. 

  25. .buttons{padding:40rpx 60rpx;}
    26. 

  26. .button-gray{background-color: #c9caca !important;}
    27. 

  27. 

  28. .modal .button{box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); color: #ff5a6a;}
    29.