|  |  |  | 
|---|
|  |  |  | @import "variables.scss"; | 
|---|
|  |  |  | @import "./element-variables.scss"; | 
|---|
|  |  |  | // 样式重置 | 
|---|
|  |  |  | html { | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | 
|---|
|  |  |  | font-size: 14px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .doumee-element-table { | 
|---|
|  |  |  | border-color: #DFE2E8; | 
|---|
|  |  |  | tr, th, td { | 
|---|
|  |  |  | 
|---|
|  |  |  | font-weight: bold; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .status-blue{ | 
|---|
|  |  |  | color: #3C77DA; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .status-green{ | 
|---|
|  |  |  | color:green; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .status-red{ | 
|---|
|  |  |  | color:red; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .tip-warn { | 
|---|
|  |  |  | margin: 4px 0 12px 0; | 
|---|
|  |  |  | margin: 4px 0 25px 0; | 
|---|
|  |  |  | font-size: 12px; | 
|---|
|  |  |  | color: #999; | 
|---|
|  |  |  | line-height: 25px; | 
|---|
|  |  |  | i { | 
|---|
|  |  |  | color: orange; | 
|---|
|  |  |  | margin-right: 4px; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .main_app { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | padding: 30px; | 
|---|
|  |  |  | margin: 0 16px; | 
|---|
|  |  |  | margin-top: 10px; | 
|---|
|  |  |  | margin-left: 16px; | 
|---|
|  |  |  | padding: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fs12{ | 
|---|
|  |  |  | font-size: 12px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fs13{ | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fs15{ | 
|---|
|  |  |  | font-size: 15px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .fs17{ | 
|---|
|  |  |  | font-size: 17px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .query_btns{ | 
|---|
|  |  |  | border-bottom: 1px solid #eee; | 
|---|
|  |  |  | padding-bottom: 10px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /** 基础通用 **/ | 
|---|
|  |  |  | // 大小 外边距 | 
|---|
|  |  |  | 
|---|
|  |  |  | width: 200px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .w300{ | 
|---|
|  |  |  | width: 300px; | 
|---|
|  |  |  | width: 300px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .w400{ | 
|---|
|  |  |  | width: 400px !important; | 
|---|
|  |  |  | 
|---|
|  |  |  | .mr20 { | 
|---|
|  |  |  | margin-right: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .pt16{ | 
|---|
|  |  |  | padding-top: 16px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .mb20 { | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | color: red !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .green{ | 
|---|
|  |  |  | color: #83cbb2; | 
|---|
|  |  |  | color: #00BA67; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .primaryColor{ | 
|---|
|  |  |  | color: $primary-color; | 
|---|
|  |  |  | color: $primary-color !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .placeholder9{ | 
|---|
|  |  |  | color: #999999; | 
|---|
|  |  |  | 
|---|
|  |  |  | margin-left: 20px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .mt30 { | 
|---|
|  |  |  | margin-top: 30px; | 
|---|
|  |  |  | margin-top: 30px !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .mr30 { | 
|---|