coupon.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. width: 1100px;
  35. .ant-card-body{
  36. background: #69afeb;
  37. color: #fff;
  38. >p{
  39. clear: both;
  40. text-align: center;
  41. font-size: 16px;
  42. padding-top: 20px;
  43. border-top: 1px solid #cccccc;
  44. }
  45. }
  46. .discountList{
  47. display: flex;
  48. display: -webkit-flex;
  49. justify-content: space-between;
  50. margin-bottom: 5px;
  51. >p{
  52. width: 124px;
  53. overflow: hidden;
  54. height: 68px;
  55. text-align: center;
  56. line-height: 75px;
  57. span{
  58. font-size: 40px;
  59. }
  60. }
  61. }
  62. .intro {
  63. width: 180px;
  64. margin-top: 10px;
  65. p{
  66. font-size: 16px;
  67. text-align: left;
  68. margin-bottom: 5px;
  69. overflow: hidden;
  70. white-space:nowrap;
  71. text-overflow:ellipsis;
  72. -o-text-overflow:ellipsis;
  73. }
  74. }
  75. }