| | |
| | | .tl { |
| | | text-align: left !important; |
| | | } |
| | | .de-cl{ |
| | | flex-direction: column; |
| | | } |
| | | .fl { |
| | | display: flex; |
| | | } |
| | |
| | | .mt-40 { |
| | | margin-top: 40px; |
| | | } |
| | | .mr-20 { |
| | | margin-right: 20px; |
| | | } |
| | | .wh-nr { |
| | | white-space: nowrap; |
| | | } |
| | |
| | | } |
| | | .w100 { |
| | | width: 100%; |
| | | } |
| | | .w95 { |
| | | width: 95%; |
| | | } |
| | | .w80 { |
| | | width: 80%; |
| | | } |
| | | .w50 { |
| | | width: 50%; |
| | | } |
| | | .w45{ |
| | | width: 45%; |
| | | } |
| | | .pd-20 { |
| | | padding: 0 20px; |
| | |
| | | color: red; |
| | | } |
| | | .icon-box { |
| | | text-indent: 0; |
| | | margin-left: 8px; |
| | | display: inline-block; |
| | | width: 18px; |
| | |
| | | } |
| | | } |
| | | } |
| | | .bor-g{ |
| | | border: 1px solid green; |
| | | padding: 5% 10%; |
| | | |
| | | } |
| | | .textarea-box { |
| | | border: none; |
| | | text-align: center; |
| | |
| | | color: #f49a4c; |
| | | font-weight: bold; |
| | | } |
| | | .select-border { |
| | | border: 0; |
| | | border-bottom: 1px solid #000; |
| | | outline: none; |
| | | } |
| | | } |
| | | /* 媒体查询做基础响应式布局 */ |
| | | @media (max-width: 660px) { |