C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

125 lines
1.9 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-top: 20rpx;
  45. margin-bottom: 15rpx;
  46. }
  47. .info view:nth-child(1) text {
  48. font-size: 30rpx;
  49. }
  50. .info view:nth-child(1) text:nth-child(2) {
  51. color: #ffae00;
  52. font-size: 24rpx;
  53. }
  54. .info view:nth-child(2), .info view:nth-child(3) {
  55. color: #f96563;
  56. font-size: 24rpx;
  57. padding-left: 4%;
  58. }
  59. .info view:nth-child(2) text, .info view:nth-child(3) text {
  60. font-size: 22rpx;
  61. color: #b8b8b8;
  62. }
  63. .info view:nth-child(3) {
  64. margin-top: 5rpx;
  65. }
  66. .payment {
  67. position: relative;
  68. width: 92%;
  69. height: 120rpx;
  70. line-height: 120rpx;
  71. padding: 0 4%;
  72. display: flex;
  73. justify-content: space-between;
  74. border-bottom: 20rpx solid #ededed;
  75. }
  76. .payment view:nth-child(1) text:nth-child(1) {
  77. font-size: 36rpx;
  78. color: #f96563;
  79. }
  80. .payment view:nth-child(1) text:nth-child(2) {
  81. font-size: 24rpx;
  82. color: #b4b4b4;
  83. padding-left: 18rpx;
  84. text-decoration: line-through;
  85. }
  86. .btn{
  87. position: absolute;
  88. top: 0;
  89. bottom: 0;
  90. margin: auto;
  91. right: 20rpx;
  92. width: 200rpx;
  93. height: 60rpx;
  94. line-height: 60rpx;
  95. text-align: center;
  96. background: #00c0ff;
  97. color: #fff;
  98. float: right;
  99. border-radius: 15rpx;
  100. font-size: 28rpx;
  101. }
  102. .payment view:nth-child(2) text {
  103. font-size: 28rpx;
  104. color: #fff;
  105. }