| | |
| | | width: 96%; |
| | | text-align: center; |
| | | } |
| | | |
| | | |
| | | .img-a { |
| | | width: 95%; |
| | | } |
| | |
| | | .tl { |
| | | text-align: left !important; |
| | | } |
| | | .de-cl{ |
| | | flex-direction: column; |
| | | } |
| | | .fl { |
| | | display: flex; |
| | | } |
| | | .fd-c{ |
| | | flex-direction: column; |
| | | } |
| | | .fw-wr { |
| | | flex-wrap: wrap; |
| | |
| | | } |
| | | .al-end { |
| | | align-items: flex-end; |
| | | } |
| | | .fz-13{ |
| | | font-size: 13px; |
| | | } |
| | | .fz-14 { |
| | | font-size: 14px; |
| | |
| | | .mt-40 { |
| | | margin-top: 40px; |
| | | } |
| | | .mr-20 { |
| | | margin-right: 20px; |
| | | } |
| | | .wh-nr { |
| | | white-space: nowrap; |
| | | } |
| | |
| | | .t0 { |
| | | text-indent: 0; |
| | | } |
| | | .h50{ |
| | | height: 50%; |
| | | } |
| | | .w100 { |
| | | width: 100%; |
| | | } |
| | | .w95 { |
| | | width: 95%; |
| | | } |
| | | .w90 { |
| | | width: 90%; |
| | | } |
| | | .w80 { |
| | | width: 80%; |
| | | } |
| | | .w80x { |
| | | width: 80px !important; |
| | | } |
| | | .w70 { |
| | | width: 70%; |
| | | } |
| | | .w50 { |
| | | width: 50%; |
| | | } |
| | | .w48 { |
| | | width: 48%; |
| | | } |
| | | .w45{ |
| | | width: 45%; |
| | | } |
| | | .w35{ |
| | | width: 35%; |
| | | } |
| | | .w20{ |
| | | width: 20%; |
| | | } |
| | | .w10{ |
| | | width: 10%; |
| | | } |
| | | .pd-20 { |
| | | padding: 0 20px; |
| | |
| | | .input-bottom-border { |
| | | border: 0; |
| | | border-bottom: 1px solid #000000; |
| | | width: 86%; |
| | | &:focus { |
| | | outline: none; |
| | | } |
| | | } |
| | | .select-border { |
| | | border: 0; |
| | | border-bottom: 1px solid #767676; |
| | | &:focus { |
| | | outline: none; |
| | | } |
| | |
| | | } |
| | | } |
| | | .check-bc-t{ |
| | | background-color: transparent; |
| | | } |
| | | .select-bc-t{ |
| | | background-color: transparent; |
| | | } |
| | | .input-no-border{ |
| | |
| | | } |
| | | .mr-rg{ |
| | | margin-right: 0; |
| | | |
| | | } |
| | | .mr-10{ |
| | | margin-right: 10%; |
| | | } |
| | | .parimary-btn { |
| | | min-width: 80px; |
| | |
| | | color: red; |
| | | } |
| | | .icon-box { |
| | | text-indent: 0; |
| | | margin-left: 8px; |
| | | display: inline-block; |
| | | width: 18px; |
| | |
| | | } |
| | | .tl-left{ |
| | | text-align: left; |
| | | }.tl-right { |
| | | text-align: right; |
| | | } |
| | | .b0 { |
| | | border: 0; |
| | |
| | | } |
| | | } |
| | | } |
| | | .bor-g{ |
| | | border: 1px solid green; |
| | | padding:2% 2% ; |
| | | } |
| | | .textarea-box { |
| | | border: none; |
| | | text-align: center; |
| | |
| | | color: #f49a4c; |
| | | font-weight: bold; |
| | | } |
| | | .select-border { |
| | | border: 0; |
| | | border-bottom: 1px solid #000; |
| | | outline: none; |
| | | } |
| | | .tc { |
| | | border-color: #eace8d; |
| | | } |
| | | } |
| | | /* 媒体查询做基础响应式布局 */ |
| | | @media (max-width: 660px) { |