C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

141 行
2.2 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: 1rpx 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),
  55. .info view:nth-child(3) {
  56. color: #f96563;
  57. font-size: 24rpx;
  58. padding-left: 4%;
  59. }
  60. .info view:nth-child(2) text,
  61. .info view:nth-child(3) text {
  62. font-size: 22rpx;
  63. color: #b8b8b8;
  64. }
  65. .info view:nth-child(3) {
  66. margin-top: 5rpx;
  67. }
  68. .payment {
  69. position: relative;
  70. width: 92%;
  71. height: 120rpx;
  72. line-height: 120rpx;
  73. padding: 0 4%;
  74. display: flex;
  75. justify-content: space-between;
  76. border-bottom: 20rpx solid #ededed;
  77. }
  78. .payment view:nth-child(1) text:nth-child(1) {
  79. font-size: 36rpx;
  80. color: #f96563;
  81. }
  82. .payment view:nth-child(1) text:nth-child(2) {
  83. font-size: 24rpx;
  84. color: #b4b4b4;
  85. padding-left: 18rpx;
  86. text-decoration: line-through;
  87. }
  88. .btn {
  89. position: absolute;
  90. top: 0;
  91. bottom: 0;
  92. margin: auto;
  93. right: 20rpx;
  94. width: 200rpx;
  95. height: 60rpx;
  96. line-height: 60rpx;
  97. text-align: center;
  98. background: #00c0ff;
  99. color: #fff;
  100. float: right;
  101. border-radius: 15rpx;
  102. font-size: 28rpx;
  103. }
  104. .payment view:nth-child(2) text {
  105. font-size: 28rpx;
  106. color: #fff;
  107. }
  108. .dingdan{
  109. margin-top: 200rpx;
  110. }
  111. .dingdan text {
  112. display: block;
  113. text-align: center;
  114. font-size: 30rpx;
  115. color: #999;
  116. }
  117. .dingdan image {
  118. display: block;
  119. width: 100rpx;
  120. margin: 0 auto 16rpx;
  121. }