sku.acss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. body{
  2. background-color: #F3F3F3;
  3. }
  4. .lBgn{
  5. height: 300rpx;
  6. border-bottom-left-radius: 40rpx;
  7. border-bottom-right-radius: 40rpx;
  8. background-image: linear-gradient(to top, #47CAFE 0%, #26A2FF 100%);
  9. }
  10. .box{
  11. width: 94%;
  12. background: #fff;
  13. box-shadow: 0rpx 4rpx 10rpx rgba(0, 0, 0, 0.05);
  14. margin: 0 auto;
  15. height: 800rpx;
  16. border-radius: 20rpx;
  17. position: relative;
  18. top: -80rpx;
  19. text-align: center;
  20. }
  21. .icon{
  22. width: 400rpx;
  23. z-index: 999;
  24. position: relative;
  25. top: -130rpx;
  26. }
  27. .money{
  28. position: relative;
  29. top: -140rpx;
  30. }
  31. .money view{
  32. font-size: 36rpx;
  33. color: #26A2FF;
  34. margin-left: 20rpx;
  35. position: relative;
  36. top: -6rpx;
  37. }
  38. .text{
  39. font-size: 28rpx;
  40. position: relative;
  41. top: -100rpx;
  42. }
  43. .btn{
  44. width: 70%;
  45. border-radius: 50rpx;
  46. background-image: linear-gradient(to bottom, #47CAFE 0%, #26A2FF 100%);
  47. color: #fff;
  48. text-align: center;
  49. box-shadow: rgb(204, 204, 204) 0rem 0.05rem 0.1rem;
  50. margin: 40rpx auto;
  51. padding: 20rpx 0;
  52. }
  53. .btn2{
  54. width: 70%;
  55. border-radius: 50rpx;
  56. border: 1px solid #26A2FF;
  57. color: #26A2FF;
  58. text-align: center;
  59. /* box-shadow: rgb(204, 204, 204) 0rem 0.05rem 0.1rem; */
  60. margin: 0 auto;
  61. padding: 20rpx 0;
  62. }