main.scss 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. .flex_c_s {
  2. display: flex;
  3. align-items: center;
  4. justify-content: space-between;
  5. }
  6. .flex_c_c {
  7. display: flex;
  8. align-items: center;
  9. justify-content: center;
  10. }
  11. .flex_c_c_f {
  12. display: flex;
  13. align-items: center;
  14. justify-content: center;
  15. flex-direction: column;
  16. }
  17. .flex_c_l {
  18. display: flex;
  19. align-items: center;
  20. justify-content: flex-start;
  21. }
  22. .flex_c_r {
  23. display: flex;
  24. align-items: center;
  25. justify-content: flex-end;
  26. }
  27. .flex_s_c {
  28. display: flex;
  29. align-items: flex-start;
  30. justify-content: center;
  31. }
  32. //地址图标
  33. .address-icon {
  34. width: 48rpx;
  35. height: 48rpx;
  36. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAARbSURBVGiB7ZhBaBxlFMd/b2ayiaTNfJ1xJYccVtxMalFoIWgPPQheeqg0whYFC1aaS5HSHnrw4sUeWrGi1aOReoj00Ja2IB5svVlIQa1QsdqNuAeFQLpxu21t0t2d52Fny2YTTWZ2iwjzg4XZmffe938z33vfNwMpKSkpKSkp/x3Sy2Celx+Rhv0aqjuAcYRhAJQ54FtEvlG78fnCwuzvvRqzJwl4Xn5E6tZRhL2As4Z5HWVanfDtXiTSdQKeO1YQ9BSwITr1M+hFRGZC4RaApTyO6naQ3cDmyO6uIm8s3P7lbLcaEuOZ/GHfDTT6FX0TTKzl45tgwneDYsvPM/nD3WhI/AR8E0ygnAdQ9Jyd6ds3P//T3fX4ZrNbNoRL9WmE3QAS6ku37hS/SKIjUQLNYpXrIAblYrl6swDUY4Zx/KHgbDMJrVj12tPz90pzcbVYcR0ApG4dBTFAyep39hJfPEA98i2BmNDOHEukJa5D8+5bvwEOwsvlys0LnTbG5IxFZr+obgdQkZmQB59WKqVKp23bVKyrHT4ZtzPFfwKh9QrggM6uJn7TxmCHHWZuiHICpABSEOWEHWZubNoY7Oi0b8bQWcChTiGunNgJCLwQHZ7rvGZMzljCGYThaPE6DhxHmUMYtoQzxuTMKmHPAYhlvRhXz1qLzkqUrQCIzHResrRvsiXeajzY1irK7GDuZGhnriEMW2T2A+8vcxSZQdtixyBJEY8ACOGK+SxYz0cHn7V3lPl7pTkVmQYQle0r/R7GGokrJlEXAmiIlaTz9DxW7AQUSgB2XVfMZSW8Gh3syw7mhlvns4O5YVHdu8ymjVasVuw4xC9i4UeAUGS881ootalWwYZ25prvBsc8d+y91vxHmQulNtXpp3Zz6rViP9IECLV5B6NtQDuVSqkSKntaSQBvCXrkoXhlz2prgaruWhY7BrEXsqGhp/J9YhcBGqLbKpXiD502xuSMpX2TraJWwquh1KZWE2/M6FZb5RpATRuj1eqvs3E1xcZ3g0u+G6jnBqd7EOt8tDO9lMQ/YRfSdwEEXvWG8iva4nqJfCfaY8YlUQLl28XLwGUAEfkEcgPxo+QGRKxT0Z/LUczYJF4HLG0cQFkEecZ3+z6I6x/5bEZZtLRxIKkOO6njX0t/LgwOeGWQXSDjjw34f9xfKn+/Hl/PDSYFeQdARA/eqs5+lVRH1/hDo9NREdY8N7/mbtJz8wXfDWq+G6g/NDrd7fiJp1CLcrU2KcoVwBGs0/+WhOfmC4J1GnBEuVKu1ia7Hb/rBKC0KP3OzmVJmLFDnVaeGTvULl76nZ1QWux29J592Mpmt2wIH9QvANGeXs9a9dpBgNDp+7j5cgPA11bGmVjvB4C16OmXOZov6h8ivAnQ7FKA0GyzqifL1eIRkr1Dr0riLvQPhPeXyl8OZrzvEHkO4QkEB5iVUF8v3yl+BIS9HLDXT6Ad25jRZwEqleJ1oPEIx0pJSUlJSfl/8jesIJKEnoBZkgAAAABJRU5ErkJggg==);
  37. background-position: center;
  38. background-size: 48rpx auto;
  39. background-repeat: no-repeat;
  40. }
  41. //订单图标
  42. .order-icon {
  43. width: 48rpx;
  44. height: 48rpx;
  45. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMHSURBVGiB7ZhNaxRZFIafU9XqJDpVTaoDLlxE6O4RxYWDi1nMwsX8AyMoBgxkI+igggOzcDUg4hc6KMgshSwcCCKIoKArXbhTN350t9pCBsTQZVdIcEyq67joRDoJLX0rV0GoZ1VVt95zzlun6lL3QkZGRkZGRkZGamQ14kK+uEtxxlT5VWCoF43Cv2FUGQHi1eReJK2BXOCXLoEcTCNWdCKMqvuwYCKVgcAvXflcvHIV0fGWuLUvaVzVs6DDi+e2TORMBYV8cZeqHARiJdkXTtcmetEFXnlm4XE9BHYKMhx45beN6crvpjV04pgKFGcMQOBqGPVW/BK9ckdJ2k9eOFzwShdMY3RibICE3wCQZNww0wyACOvCqDahkvwBoCJHV2PC3ICwESAmVzeRqfJk4XB4cHDrhrBZu6iSHIO2icAv/2lcC2kMpMRdm7sGTALF1lx8P/ixfCCJeYSy2MlTA/niUdO4xrNQ4JcVoCXO5mbzed1EO+AVf0GcmwKFLrckjajimsT8Zh0ACKdrD914bjvoSVEeKNQV6rQ7k6oe42l0tUzN1t8CJzqv5fNbhlxNXqeJ90078DWw1oFNbOr73+87rBAsGVD+a0xXL9nKsxxrBj54/XuAMysGBAK/9KwRVe/aytWJNQPOutz11sd4aMUMIzLZiCr3bOVZjjUDU1NPZ4C/bMXrlewj7qTgF39G1O82Pq+5ehS9SDVddsOagQG/tFuRCfRLyXQ2n9+8rdl8/cZWXmsGWvDIhceCru92jyAvNzTn3zVtJcWigSiqvgJ22IrXK9/9R5zGwCRAjnjIVhGutooACz92RqRYUvIAQBPngKm2e1DZDyDSjm2CsQFHnH8AEEYD76cRU/1ygnxpFGEUQFT+NtWn21bxypcRDgGgjCfotTWiz+ek1dMWyVp1c/MqW0RkRGBvOwznw6hy3LSW9BtbXukcIkdS6pehpxtR9QQp9oiMlm8dJB8+hrfX/1C4hdAP9AMevb+SMUpFhRuJ6Nj7qDoOJClrycjIyMjI+H75BNMD+WeulECgAAAAAElFTkSuQmCC);
  46. background-position: center;
  47. background-size: 48rpx auto;
  48. background-repeat: no-repeat;
  49. }
  50. .font-30-333 {
  51. font-family: PingFang SC;
  52. font-size: 30rpx;
  53. line-height: 42rpx;
  54. color: #333333;
  55. }
  56. .font-28-333 {
  57. font-family: PingFang SC;
  58. font-size: 30rpx;
  59. font-weight: bold;
  60. line-height: 42rpx;
  61. letter-spacing: normal;
  62. color: #333333;
  63. }
  64. .font-26-333 {
  65. font-family: PingFang SC;
  66. font-size: 26rpx;
  67. font-weight: normal;
  68. line-height: 32rpx;
  69. letter-spacing: -0.04em;
  70. color: #333333;
  71. }
  72. .font-28-14 {
  73. font-family: PingFang SC;
  74. font-size: 28rpx;
  75. font-weight: normal;
  76. line-height: 42rpx;
  77. letter-spacing: -0.02em;
  78. color: #141414;
  79. }
  80. .font-28-grey {
  81. font-family: PingFang SC;
  82. font-size: 28rpx;
  83. line-height: 40rpx;
  84. color: rgba(109, 121, 141, 0.8);
  85. }
  86. .font-30-97 {
  87. font-family: PingFang SC;
  88. font-size: 30rpx;
  89. font-weight: normal;
  90. line-height: 32rpx;
  91. letter-spacing: normal;
  92. color: #979797;
  93. }
  94. .font-28-85 {
  95. font-family: PingFang SC;
  96. font-size: 28rpx;
  97. font-weight: normal;
  98. line-height: 42rpx;
  99. letter-spacing: normal;
  100. color: #858585;
  101. }
  102. .font-30-85 {
  103. font-family: PingFang SC;
  104. font-size: 30rpx;
  105. font-weight: normal;
  106. line-height: 42rpx;
  107. letter-spacing: normal;
  108. color: #858585;
  109. }
  110. .font-28-cb {
  111. font-family: PingFang SC;
  112. font-size: 28rpx;
  113. font-weight: 500;
  114. line-height: 44rpx;
  115. color: #CB9964;
  116. }
  117. .hr-dashed {
  118. border-bottom: 2rpx dashed rgba(216, 216, 216, 0.8);
  119. }
  120. .hr-solid {
  121. border-bottom: 2rpx solid #E9E9E9;
  122. }
  123. .hr-solid-top {
  124. border-top: 2rpx solid #E9E9E9;
  125. }
  126. .dict-tags {
  127. font-family: PingFang SC;
  128. font-size: 26rpx;
  129. font-weight: 500;
  130. line-height: 44rpx;
  131. letter-spacing: normal;
  132. color: #843816;
  133. padding: 8rpx 36rpx;
  134. border-radius: 0rpx 20rpx 0rpx 20rpx;
  135. background: linear-gradient(90deg, #FED593 0%, #FDC58C 100%);
  136. }
  137. .cus-parmas-btn {
  138. padding: 14rpx 35rpx;
  139. border-radius: 36rpx;
  140. background: #D94342;
  141. font-family: PingFang SC;
  142. font-size: 24rpx;
  143. font-weight: 500;
  144. line-height: 30rpx;
  145. letter-spacing: normal;
  146. color: #FFF9F3;
  147. }