@charset "UTF-8";
.text-primary {
  color: #3579f6;
}

.bg-primary {
  background-color: #3579f6;
}

.text-info {
  color: #3092e2;
}

.bg-info {
  background-color: #3092e2;
}

.text-success {
  color: #10b888;
}

.bg-success {
  background-color: #10b888;
}

.text-warning {
  color: #efb723;
}

.bg-warning {
  background-color: #efb723;
}

.text-orange {
  color: #ff7b00;
}

.bg-orange {
  background-color: #ff7b00;
}

.text-danger {
  color: #f70a0a;
}

.bg-danger {
  background-color: #f70a0a;
}

.text-gray-middle {
  color: #666;
}

.bg-gray-middle {
  background-color: #666;
}

.text-gray-light {
  color: #999;
}

.bg-gray-light {
  background-color: #999;
}

.font-mini {
  font-size: 12px;
}

.font-base {
  font-size: 14px;
}
.font-700{
  font-weight: bold;
}

.p-mini {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.px-mini {
  padding-left: 8px;
  padding-right: 8px;
}

.py-mini {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pl-mini {
  padding-left: 8px;
}

.pr-mini {
  padding-right: 8px;
}

.pt-mini {
  padding-top: 8px;
}

.pb-mini {
  padding-bottom: 8px;
}

.m-mini {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

.mx-mini {
  margin-left: 8px;
  margin-right: 8px;
}

.my-mini {
  margin-top: 8px;
  margin-bottom: 8px;
}

.ml-mini {
  margin-left: 8px;
}

.mr-mini {
  margin-right: 8px;
}

.mt-mini {
  margin-top: 8px;
}

.mb-mini {
  margin-bottom: 8px;
}

.p-small {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.px-small {
  padding-left: 12px;
  padding-right: 12px;
}

.py-small {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pl-small {
  padding-left: 12px;
}

.pr-small {
  padding-right: 12px;
}

.pt-small {
  padding-top: 12px;
}

.pb-small {
  padding-bottom: 12px;
}

.m-small {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 12px;
  margin-right: 12px;
}

.mx-small {
  margin-left: 12px;
  margin-right: 12px;
}

.my-small {
  margin-top: 12px;
  margin-bottom: 12px;
}

.ml-small {
  margin-left: 12px;
}

.mr-small {
  margin-right: 12px;
}

.mt-small {
  margin-top: 12px;
}

.mb-small {
  margin-bottom: 12px;
}

.p-base {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 14px;
}

.px-base {
  padding-left: 14px;
  padding-right: 14px;
}

.py-base {
  padding-top: 14px;
  padding-bottom: 14px;
}

.pl-base {
  padding-left: 14px;
}

.pr-base {
  padding-right: 14px;
}

.pt-base {
  padding-top: 14px;
}

.pb-base {
  padding-bottom: 14px;
}

.m-base {
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: 14px;
  margin-right: 14px;
}

.mx-base {
  margin-left: 14px;
  margin-right: 14px;
}

.my-base {
  margin-top: 14px;
  margin-bottom: 14px;
}

.ml-base {
  margin-left: 14px;
}

.mr-base {
  margin-right: 14px;
}

.mt-base {
  margin-top: 14px;
}

.mb-base {
  margin-bottom: 14px;
}

.p-large {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.px-large {
  padding-left: 24px;
  padding-right: 24px;
}

.py-large {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pl-large {
  padding-left: 24px;
}

.pr-large {
  padding-right: 24px;
}

.pt-large {
  padding-top: 24px;
}

.pb-large {
  padding-bottom: 24px;
}

.m-large {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: 24px;
}

.mx-large {
  margin-left: 24px;
  margin-right: 24px;
}

.my-large {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ml-large {
  margin-left: 24px;
}

.mr-large {
  margin-right: 24px;
}

.mt-large {
  margin-top: 24px;
}

.mb-large {
  margin-bottom: 24px;
}

.p-2 {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.px-2 {
  padding-left: 3px;
  padding-right: 3px;
}

.py-2 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pl-2 {
  padding-left: 3px;
}

.pr-2 {
  padding-right: 3px;
}

.pt-2 {
  padding-top: 3px;
}

.pb-2 {
  padding-bottom: 3px;
}

.m-2 {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.mx-2 {
  margin-left: 3px;
  margin-right: 3px;
}

.my-2 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.ml-2 {
  margin-left: 3px;
}

.mr-2 {
  margin-right: 3px;
}

.mt-2 {
  margin-top: 3px;
}

.mb-2 {
  margin-bottom: 3px;
}

.flex-row {
  display: flex;
}

.flex-row-vcenter {
  display: flex;
  align-items: center;
}

/* 垂直居中对齐 */
.flex-row-rcenter {
  display: flex;
  justify-content: center;
}

/* 水平居中对齐 */
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 水平垂直居中对齐 */
.flex-row-bw {
  display: flex;
  justify-content: space-between;
}

.flex-row-ad {
  display: flex;
  justify-content: space-around;
}

.flex-row-end {
  display: flex;
  justify-content: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

/* 换行，默认nowrap（不换行）*/
.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-col-vcenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 纵向布局垂直居中 */
.flex-col-rcenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 纵向布局水平居中对齐 */
.flex-col-c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-col-bw {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex1-row {
  flex: 1;
  width: 1px;
}

.flex1-col {
  flex: 1;
  height: 1px;
}

.flex-shrink {
  flex-shrink: 0;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.vertical-middle {
  vertical-align: middle;
}

.line-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=global.css.map */