coupon.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .effective,.discount{
  2. float: right;
  3. margin-left: 20px;
  4. margin-top: 10px;
  5. p{
  6. float: left;
  7. }
  8. div{
  9. width: 15px;
  10. height: 20px;
  11. float: left;
  12. position: relative;
  13. .up{
  14. cursor: pointer;
  15. position: absolute;
  16. top: 0;
  17. right: 0
  18. }
  19. .up:hover{
  20. color: #1890ff
  21. }
  22. .down{
  23. cursor: pointer;
  24. position: absolute;
  25. bottom: 0;
  26. right: 0
  27. }
  28. .down:hover{
  29. color: #1890ff
  30. }
  31. }
  32. }
  33. .cardCode{
  34. .ant-card-body{
  35. background: #69afeb;
  36. color: #fff;
  37. >p{
  38. clear: both;
  39. text-align: center;
  40. font-size: 16px;
  41. padding-top: 20px;
  42. border-top: 1px solid #cccccc;
  43. }
  44. }
  45. .discountList{
  46. display: flex;
  47. display: -webkit-flex;
  48. justify-content: space-between;
  49. margin-bottom: 5px;
  50. >p{
  51. width: 124px;
  52. overflow: hidden;
  53. height: 68px;
  54. text-align: center;
  55. span{
  56. font-size: 40px;
  57. }
  58. }
  59. }
  60. .intro {
  61. width: 180px;
  62. margin-top: 10px;
  63. p{
  64. font-size: 16px;
  65. text-align: left;
  66. margin-bottom: 5px;
  67. overflow: hidden;
  68. white-space:nowrap;
  69. text-overflow:ellipsis;
  70. -o-text-overflow:ellipsis;
  71. }
  72. }
  73. }