index.less 898 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .dbox{
  2. display: flex;
  3. flex-flow: column;
  4. align-items: center;
  5. // padding: 10px;
  6. >span{
  7. display: flex;
  8. justify-content: left;
  9. width: 100%;
  10. }
  11. }
  12. .show {
  13. background: rgba(59, 116, 255, 0.08);
  14. border: 1px solid rgba(59, 116, 255, 0.12);
  15. }
  16. .red {
  17. background: rgba(255, 86, 45, 0.08);
  18. border: 1px solid rgba(255, 86, 45, 0.12);
  19. position: relative;
  20. overflow: hidden;
  21. &::before{
  22. content: '';
  23. width: 121%;
  24. height: 1px;
  25. background: rgba(255, 86, 45, 0.1);
  26. transform: rotate(146deg);
  27. position: absolute;
  28. top: 56%;
  29. left: -10px;
  30. }
  31. &::after{
  32. content: '';
  33. width: 121%;
  34. height: 1px;
  35. background: rgba(255, 86, 45, 0.1);
  36. transform: rotate(-146deg);
  37. position: absolute;
  38. top: 44%;
  39. left: -10px;
  40. }
  41. }