index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /**index.wxss**/
  2. .page_title{
  3. width: 750rpx;
  4. height: 64rpx;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. position: fixed;
  9. left: 0;
  10. color: #FFFFFF;
  11. font-size: 36rpx;
  12. }
  13. .wrap{
  14. min-height: 100vh;
  15. background: #f6f6f6;
  16. }
  17. .wrap_t .banner{
  18. width: 750rpx;
  19. height: 501rpx;
  20. }
  21. .order_wrap{
  22. width: 690rpx;
  23. /* background: #FFFFFF; */
  24. margin: -300rpx auto 0;
  25. position: relative;
  26. display: flex;
  27. flex-direction: column;
  28. }
  29. .order_wrap .banner_wenzi{
  30. width: 514rpx;
  31. height: 203rpx;
  32. position: absolute;
  33. top: -180rpx;
  34. left: 50%;
  35. transform: translateX(-50%);
  36. }
  37. .order_t{
  38. padding: 40rpx 0 30rpx;
  39. text-align: center;
  40. background: #FFFFFF;
  41. border-radius: 10rpx 10rpx 0 0;
  42. }
  43. .order_t .icon_success{
  44. width: 177rpx;
  45. height: 124rpx;
  46. }
  47. .order_t .tips{
  48. font-size: 44rpx;
  49. font-weight: 500;
  50. color: #2D5F59;
  51. padding-top: 20rpx;
  52. }
  53. .order_t .desc{
  54. font-size: 30rpx;
  55. color: rgba(0,0,0,.54);
  56. padding-top: 10rpx;
  57. }
  58. .order_t .price{
  59. font-size: 60rpx;
  60. color: #000000;
  61. padding-top: 20rpx;
  62. }
  63. .order_t .price .unit{
  64. font-size: 40rpx;
  65. }
  66. .order_wrap .order_nr_t{
  67. width: 690rpx;
  68. height: 28rpx;
  69. }
  70. .order_nr{
  71. padding: 40rpx 0 18rpx;
  72. background: #FFFFFF;
  73. border-radius: 0 0 10rpx 10rpx;
  74. }
  75. .order_nr .order_item{
  76. padding: 0 30rpx 28rpx;
  77. font-size: 26rpx;
  78. color: rgba(0,0,0,.54);
  79. }
  80. .order_nr .order_item .item_r{
  81. padding-left: 20rpx;
  82. color: rgba(0,0,0,.87);
  83. }
  84. .btn_wrap{
  85. margin-top: 90rpx;
  86. }
  87. .btn_wrap .btn{
  88. width: 405rpx;
  89. height: 98rpx;
  90. margin: 0 auto;
  91. background: #2D5F59;
  92. border-radius: 10rpx;
  93. font-size: 28rpx;
  94. color: #FEFEFE;
  95. display: flex;
  96. align-items: center;
  97. justify-content: center;
  98. }