1
0

couponDetail.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. page {
  2. background: #f4f4f4;
  3. min-height: 100%;
  4. }
  5. .container {
  6. background: #f4f4f4;
  7. min-height: 1220rpx;
  8. padding-top: 30rpx;
  9. }
  10. .coupon-form {
  11. height: 550rpx;
  12. width: 100%;
  13. background: #fff;
  14. padding-top: 20rpx;
  15. margin-left: 20rpx;
  16. }
  17. .to-index-btn {
  18. color: #fff;
  19. background: #e64340;
  20. border-radius: 6px;
  21. width: 300rpx;
  22. height: auto;
  23. line-height: 70rpx;
  24. text-align: center;
  25. font-size: 28rpx;
  26. margin: 0 auto;
  27. display: block;
  28. margin-bottom: 180rpx;
  29. }
  30. .coupon-center {
  31. background: white;
  32. height: 550rpx;
  33. text-align: center;
  34. width: 88%;
  35. margin-left:24rpx;
  36. }
  37. .coupon-center .image-view {
  38. text-align: center;
  39. height: 140rpx;
  40. }
  41. .coupon-center .image {
  42. /* display:block; */
  43. width:140rpx;
  44. height:140rpx;
  45. /* margin:35rpx; */
  46. border-radius:50%;
  47. }
  48. .coupon-center .title {
  49. font-size: 24rpx;
  50. color: rgb(160, 159, 159);
  51. text-align: center;
  52. height:60rpx;
  53. line-height:60rpx;
  54. }
  55. .coupon-center .title2 {
  56. font-size: 28rpx;
  57. text-align: center;
  58. height:60rpx;
  59. line-height:60rpx;
  60. }
  61. .coupon-center .time {
  62. font-size: 28rpx;
  63. text-align: center;
  64. height: 80rpx;
  65. line-height: 80rpx;
  66. color: rgb(160, 159, 159);
  67. }
  68. .coupon-center .title-sub {
  69. font-size: 22rpx;
  70. text-align: center;
  71. height:60rpx;
  72. line-height:60rpx;
  73. }
  74. .coupon-center .btn {
  75. text-align: center;
  76. height: 80rpx;
  77. }
  78. .coupon-center .btn .r {
  79. height: 60rpx;
  80. line-height: 60rpx;
  81. text-align: center;
  82. color: #fff;
  83. font-size: 30rpx;
  84. border-radius: 1;
  85. width: 300rpx;
  86. }
  87. .tick-info {
  88. border-top: 1px solid rgb(221, 219, 219);
  89. height:80rpx;
  90. width: 88%;
  91. margin-left:24rpx;
  92. background:white;
  93. }
  94. .tick-info .txte {
  95. height: 40rpx;
  96. line-height: 40rpx;
  97. float: left;
  98. margin-left: 20rpx;
  99. margin-top: 16rpx;
  100. color: rgb(122, 121, 121);
  101. }
  102. .tick-info .txte2 {
  103. height: 40rpx;
  104. line-height: 40rpx;
  105. float: right;
  106. margin-right: 20rpx;
  107. margin-top: 16rpx;
  108. color: rgb(122, 121, 121);
  109. }