.patent-table { display: flex; flex-direction: column; .plist { display: flex; flex-direction: row; flex-wrap: wrap; .plitem { width: 23%; margin: 15px 1%; border-radius: 20px; padding: 25px; .plititle { font-size: 16px; .plisum { color: #0000FF; text-decoration: underline; } } .count { .plinum { color: #0000FF; font-size: 32px; margin-top: 30px; text-decoration: underline; min-height: 48px; } .plitit { font-size: 16px; } } .list { font-size: 16px; margin-top: 15px; } } .plitems { width: 23%; margin: 15px 1%; border-radius: 20px; padding: 25px; font-size: 16px; display: flex; flex-direction: row; position: relative; .pleft{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-right: 25px; .round{ width: 60px; height: 60px; background: green; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } } .refresh{ position: absolute; right: 25px; top: 25px; background: green; color: #fff; padding: 8px 10px; border-radius: 8px; cursor: pointer; } } } }