| | |
| | | margin: 0; |
| | | overflow: scroll; |
| | | overflow: hidden; |
| | | font-size: 14px; |
| | | scrollbar-width: none; /* firefox */ |
| | | -ms-overflow-style: none; /* IE 10+ */ |
| | | &::-webkit-scrollbar { |
| | |
| | | top: 1px; |
| | | } |
| | | } |
| | | |
| | | .main_app { |
| | | background-color: #fff; |
| | | padding: 30px; |
| | | margin: 0 16px; |
| | | } |
| | | /** 基础通用 **/ |
| | | // 大小 外边距 |
| | | .flex1{ |
| | | flex: 1; |
| | | } |
| | | .w100{ |
| | | width: 100px !important; |
| | | } |
| | | .w120{ |
| | | width: 120px !important; |
| | | } |
| | | .w200{ |
| | | width: 200px !important; |
| | | } |
| | | .w300{ |
| | | width: 300px; |
| | | } |
| | | .w400{ |
| | | width: 400px !important; |
| | | } |
| | | .pt5 { |
| | | padding-top: 5px; |
| | | } |
| | | |
| | | .pr5 { |
| | | padding-right: 5px; |
| | | } |
| | | |
| | | .pb5 { |
| | | padding-bottom: 5px; |
| | | } |
| | | |
| | | .mt5 { |
| | | margin-top: 5px; |
| | | } |
| | | |
| | | .mr5 { |
| | | margin-right: 5px; |
| | | } |
| | | |
| | | .mb5 { |
| | | margin-bottom: 5px; |
| | | } |
| | | |
| | | .mb8 { |
| | | margin-bottom: 8px; |
| | | } |
| | | |
| | | .ml5 { |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .mt10 { |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | .mr10 { |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .mb10 { |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .ml10 { |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .mt20 { |
| | | margin-top: 20px; |
| | | } |
| | | |
| | | .mr20 { |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .mb20 { |
| | | margin-bottom: 20px; |
| | | } |
| | | .red{ |
| | | color: red !important; |
| | | } |
| | | .table_btns{ |
| | | border-bottom: 1px solid #eee; |
| | | padding-bottom: 10px; |
| | | } |
| | | .ml20 { |
| | | margin-left: 20px; |
| | | } |
| | | .mt30 { |
| | | margin-top: 30px; |
| | | } |
| | | |
| | | .mr30 { |
| | | margin-right: 30px; |
| | | } |
| | | |
| | | .mb30 { |
| | | margin-bottom: 30px; |
| | | } |
| | | .pr20{ |
| | | padding-right: 20px; |
| | | } |
| | | |
| | | .ml30 { |
| | | margin-left: 30px; |
| | | } |
| | | .h24{ |
| | | height: 24px; |
| | | line-height: 24px; |
| | | } |
| | | |
| | | // flex布局 |
| | | .df{ |
| | | display: flex; |
| | | } |
| | | .df_ac{ |
| | | display: flex; |
| | | align-items: center; |
| | | p { |
| | | margin: 0; |
| | | } |
| | | } |
| | | .df_sb{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | // 文本样式 |
| | | .underline{ |
| | | text-decoration: underline; |
| | | } |
| | | .fs12{ |
| | | font-size: 12px; |
| | | } |
| | | .fs_12{ |
| | | font-size: 12px; |
| | | } |
| | | .fs_16{ |
| | | font-size: 16px; |
| | | } |
| | | .fs_18{ |
| | | font-size: 18px; |
| | | } |
| | | .fs_24{ |
| | | font-size: 24px; |
| | | } |
| | | .text{ |
| | | color: #333333; |
| | | } |
| | | .tac{ |
| | | text-align: center; |
| | | } |