C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

115 rader
1.8 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .tabs {
  6. width: 100% !important;
  7. height: 88rpx;
  8. text-align: center;
  9. }
  10. .i-tab {
  11. width: 30% !important;
  12. display: inline-block;
  13. }
  14. .section {
  15. margin-top: 2%;
  16. }
  17. .detail_msg {
  18. width: 92%;
  19. height: 220rpx !important;
  20. background: #fff;
  21. display: flex;
  22. margin: 0 4%;
  23. margin-top: 2%;
  24. border-bottom: 1px solid #ededed;
  25. }
  26. .logo {
  27. width: 248rpx;
  28. height: 184rpx;
  29. border-radius: 30rpx;
  30. }
  31. .logo image {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .info view:nth-child(1) {
  36. display: flex;
  37. justify-content: space-between;
  38. padding: 0 4%;
  39. }
  40. .info {
  41. width: 100%;
  42. }
  43. .info view:nth-child(1) {
  44. margin-bottom: 72rpx;
  45. }
  46. .info view:nth-child(1) text {
  47. font-size: 30rpx;
  48. }
  49. .info view:nth-child(1) text:nth-child(2) {
  50. color: #ffae00;
  51. font-size: 24rpx;
  52. }
  53. .info view:nth-child(2), .info view:nth-child(3) {
  54. color: #ff3434;
  55. font-size: 24rpx;
  56. padding-left: 4%;
  57. }
  58. .info view:nth-child(2) text, .info view:nth-child(3) text {
  59. font-size: 22rpx;
  60. color: #b8b8b8;
  61. }
  62. .info view:nth-child(3) {
  63. margin-top: 5rpx;
  64. }
  65. .payment {
  66. width: 92%;
  67. height: 120rpx;
  68. line-height: 120rpx;
  69. padding: 0 4%;
  70. display: flex;
  71. justify-content: space-between;
  72. border-bottom: 20rpx solid #EDEDED;
  73. }
  74. .payment view:nth-child(1) text:nth-child(1) {
  75. font-size: 36rpx;
  76. color: #ff3434;
  77. font-weight: bold;
  78. }
  79. .payment view:nth-child(1) text:nth-child(2) {
  80. font-size: 24rpx;
  81. color: #b4b4b4;
  82. padding-left: 18rpx;
  83. text-decoration: line-through;
  84. }
  85. .payment view:nth-child(2) {
  86. width: 114rpx;
  87. height: 50rpx;
  88. background: #00c0ff;
  89. border-radius: 10px;
  90. line-height: 38rpx;
  91. text-align: center;
  92. margin-top: 40rpx;
  93. }
  94. .payment view:nth-child(2) text {
  95. font-size: 28rpx;
  96. color: #fff;
  97. }