1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- .new3 .body {
- padding: 0 5px;
- margin-top: 90px;
- }
- .new3 .body h4 {
- font-weight: 500;
- }
- .new3 .body .title {
- color: #777;
- margin: 5px 0;
- }
- .new3 .body .list .list-flex {
- margin: 10px 0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- }
- .new3 .body .list .list-flex .list-item {
- border-radius: 5px;
- flex: 1;
- padding: 10px;
- margin-right: 20px;
- box-shadow: 0 0 5px #d6d6d6;
- }
- .new3 .body .list .list-flex .list-item:hover {
- cursor: pointer;
- }
- @media screen and (max-width: 768px) {
- .new3 .body .list .list-flex .list-item {
- margin-right: 5px;
- }
- }
- .new3 .body .list .list-flex .list-item h4 {
- font-weight: 600;
- }
- .new3 .body .list .list-flex .list-item .p {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .new3 .body .list .list-flex .list-item .p .blue {
- color: #2382ff;
- }
- .new3 .body .list .list-flex .list-item .p a:hover {
- color: #777;
- }
- .new3 .body .list .list-flex > .list-item:last-child {
- margin: 0 0 0 20px;
- }
- @media screen and (max-width: 768px) {
- .new3 .body .list .list-flex > .list-item:last-child {
- margin: 0 0 0 5px;
- }
- }
- .alert-msg {
- margin: 10px 0;
- padding: 10px;
- background-color: #eee;
- border-radius: 5px;
- vertical-align: middle;
- text-align: center;
- }
- #toast .toast-content img {
- padding: 1px;
- }
|