| | |
| | | } |
| | | } |
| | | .parimary-btn { |
| | | min-width: 80px; |
| | | font-size: 14px; |
| | | margin-left: 5px; |
| | | background-color: #0bab87; |
| | | border-color: #0bab87; |
| | | border-width: 1px; |
| | | color: #fff; |
| | | border-radius: 6px; |
| | | font-size: 16px; |
| | | &:hover { |
| | | background-color: #a1afc8; |
| | | border-color: #a1afc8; |
| | |
| | | } |
| | | button { |
| | | cursor: pointer; |
| | | border-radius: 6px; |
| | | } |
| | | button:focus { |
| | | outline: none; |
| | | } |
| | | .pd-5 { |
| | | padding: 0 5px; |
| | |
| | | border: 3px dotted #f49a4c; |
| | | border-radius: 1em; |
| | | } |
| | | .btn-border { |
| | | border-color: #0bab87; |
| | | } |
| | | svg { |
| | | fill:#fff ; |
| | | } |
| | | .btn-box { |
| | | margin-left: 5px; |
| | | cursor: pointer; |
| | | text-indent: 0; |
| | | display: inline-block; |
| | | border:1px solid #0bab87; |
| | | height: 22px; |
| | | padding: 5px; |
| | | background-color:#0bab87 ; |
| | | border-radius: 5px; |
| | | &:hover { |
| | | background-color: #fff; |
| | | svg { |
| | | fill:#0bab87 ; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | /* 媒体查询做基础响应式布局 */ |
| | | @media (max-width: 660px) { |