access.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* pages/order/access/access.wxss */
  2. page {
  3. width: 750rpx;
  4. min-height: 100vh;
  5. background: #F6F6F6;
  6. }
  7. .topBox {
  8. width: 750rpx;
  9. height: 174rpx;
  10. background: #FFFFFF;
  11. padding: 32rpx;
  12. }
  13. .topBox .tit {
  14. font-size: 30rpx;
  15. font-weight: 500;
  16. color: #191C27;
  17. }
  18. .topBox .adr {
  19. font-size: 24rpx;
  20. color: #666666;
  21. width: 473rpx;
  22. }
  23. .topBox .lr {
  24. font-size: 24rpx;
  25. color: #191C27;
  26. text-align: center;
  27. border-left: 1rpx solid #E4E4E4;
  28. padding-left: 32rpx;
  29. }
  30. .topBox .lr .icon {
  31. width: 40rpx;
  32. height: 40rpx;
  33. }
  34. .card {
  35. width: 702rpx;
  36. height: 272rpx;
  37. background: #FFFFFF;
  38. border-radius: 12rpx;
  39. margin: 25rpx auto;
  40. padding: 48rpx 32rpx;
  41. }
  42. .card .tit {
  43. font-size: 30rpx;
  44. font-weight: 500;
  45. color: #191C27;
  46. }
  47. .card .tips {
  48. font-size: 26rpx;
  49. color: #999999;
  50. margin: 15rpx 0;
  51. }
  52. .card .num {
  53. font-size: 72rpx;
  54. font-weight: 500;
  55. color: #191C27;
  56. }
  57. .card .lr {
  58. font-size: 24rpx;
  59. color: #191C27;
  60. }
  61. .card .lr image {
  62. width: 80rpx;
  63. height: 80rpx;
  64. }
  65. .footer {
  66. position: absolute;
  67. left: 50%;
  68. bottom: 5%;
  69. transform: translate(-50%, 0);
  70. font-size: 26rpx;
  71. color: #666666;
  72. }