coupon.less 1.4 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. width: 1100px;
  35. .ant-card-body{
  36. background: #69afeb;
  37. color: #fff;
  38. }
  39. .discountList{
  40. p{
  41. font-size: 16px;
  42. }
  43. >p{
  44. border-bottom: 1px solid #cccc;
  45. text-align: center;
  46. span{
  47. font-size: 60px;
  48. margin: 0 10px;
  49. display: inline-block;
  50. }
  51. padding-bottom: 10px;
  52. }
  53. .discountListTxt {
  54. p{
  55. margin-top: 10px;
  56. }
  57. }
  58. }
  59. .intro {
  60. width: 180px;
  61. margin-top: 10px;
  62. p{
  63. font-size: 16px;
  64. text-align: left;
  65. margin-bottom: 5px;
  66. overflow: hidden;
  67. white-space:nowrap;
  68. text-overflow:ellipsis;
  69. -o-text-overflow:ellipsis;
  70. }
  71. }
  72. }