Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

135 строки
2.2 KiB

  1. /* pages/payment/mjCoupon/mjCoupon.wxss */
  2. page {
  3. background: #f6f6f6;
  4. }
  5. .footer {
  6. width: 90%;
  7. margin: 40rpx auto;
  8. height: 126rpx;
  9. line-height: 126rpx;
  10. display: flex;
  11. background: #fff;
  12. border-radius: 20rpx;
  13. /* margin-top: 40rpx;
  14. margin-left: 20rpx; */
  15. align-self: center;
  16. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  17. }
  18. .footer text {
  19. margin-left: 20rpx;
  20. font-size: 30rpx;
  21. }
  22. .footer input {
  23. width: 530rpx;
  24. margin-right: 20rpx;
  25. height: 126rpx;
  26. line-height: 126rpx;
  27. font-size: 30rpx;
  28. text-align: right;
  29. }
  30. .listBox{
  31. margin: 20rpx auto 0
  32. }
  33. .couList{
  34. position: relative;
  35. width:92%;
  36. padding:0 4%;
  37. margin-top: 20rpx;
  38. }
  39. .couList >view{
  40. background: #fff;
  41. margin: 30rpx auto;
  42. /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); */
  43. border-radius:16rpx;
  44. padding: 25rpx;
  45. }
  46. .conBox {
  47. height: 60rpx;
  48. line-height: 60rpx;
  49. display: flex;
  50. justify-content: space-between;
  51. font-size: 28rpx;
  52. }
  53. .conBox view:nth-child(1){
  54. width:460rpx;
  55. overflow: hidden;
  56. text-overflow:ellipsis;
  57. white-space: nowrap;
  58. }
  59. .conBox view:nth-child(2){
  60. width:170rpx;
  61. overflow: hidden;
  62. text-overflow:ellipsis;
  63. white-space: nowrap;
  64. text-align: right;
  65. }
  66. .yxq>text{
  67. font-size: 28rpx;
  68. height: 60rpx;
  69. line-height: 60rpx;
  70. color:#999999;
  71. }
  72. .yxq1>text{
  73. font-size: 24rpx!important;
  74. }
  75. .solution1 button {
  76. margin: 40rpx auto;
  77. width: 90%;
  78. height: 100%;
  79. background: #52A0FD;
  80. line-height: 100rpx;
  81. font-size: 36rpx;
  82. color: #fff;
  83. }
  84. .tab{
  85. height: 80rpx;
  86. padding:0 25rpx;
  87. display: flex;
  88. align-items: center;
  89. justify-content: center
  90. }
  91. .tab > view{
  92. width: 35%;
  93. line-height: 80rpx;
  94. text-align: center;
  95. font-size: 28rpx;
  96. /* border: 1rpx #333 solid; */
  97. border-radius: 10rpx;
  98. }
  99. .couponsL{
  100. background: #51a0fc;
  101. color: #fff;
  102. }
  103. .couponsR{
  104. background: #FFF;
  105. color: #000;
  106. }
  107. .gou {
  108. position: absolute;
  109. top: -2rpx;
  110. right:25rpx;
  111. width: 60rpx;
  112. }
  113. .mark{
  114. background-color:rgba(0,0,0,0.08)!important;
  115. z-index: 10;
  116. }
  117. .hide {
  118. width: 100%;
  119. height: 55rpx;
  120. line-height: 55rpx;
  121. }
  122. .hide text {
  123. color: #999;
  124. display: block;
  125. text-align: center;
  126. font-size: 28rpx;
  127. }
  128. .jiaoyi {
  129. width: 160rpx;
  130. display: block;
  131. margin: 200rpx auto 0;
  132. }