index.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .patent-table {
  2. display: flex;
  3. flex-direction: column;
  4. .plist {
  5. display: flex;
  6. flex-direction: row;
  7. flex-wrap: wrap;
  8. .plitem {
  9. width: 23%;
  10. margin: 15px 1%;
  11. border-radius: 20px;
  12. padding: 25px;
  13. .plititle {
  14. font-size: 16px;
  15. .plisum {
  16. color: #0000FF;
  17. text-decoration: underline;
  18. }
  19. }
  20. .count {
  21. .plinum {
  22. color: #0000FF;
  23. font-size: 32px;
  24. margin-top: 30px;
  25. text-decoration: underline;
  26. min-height: 48px;
  27. }
  28. .plitit {
  29. font-size: 16px;
  30. }
  31. }
  32. .list {
  33. font-size: 16px;
  34. margin-top: 15px;
  35. }
  36. }
  37. .plitems {
  38. width: 23%;
  39. margin: 15px 1%;
  40. border-radius: 20px;
  41. padding: 25px;
  42. font-size: 16px;
  43. display: flex;
  44. flex-direction: row;
  45. position: relative;
  46. .pleft{
  47. display: flex;
  48. flex-direction: column;
  49. align-items: center;
  50. justify-content: center;
  51. padding-right: 25px;
  52. .round{
  53. width: 60px;
  54. height: 60px;
  55. background: green;
  56. border-radius: 50%;
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. margin-bottom: 25px;
  61. }
  62. }
  63. .refresh{
  64. position: absolute;
  65. right: 25px;
  66. top: 25px;
  67. background: green;
  68. color: #fff;
  69. padding: 8px 10px;
  70. border-radius: 8px;
  71. cursor: pointer;
  72. }
  73. }
  74. }
  75. }