#sidebar {
  background: #000;
  height: 100%;
}
#sidebar .header {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 0;
}
#sidebar .header .signOut {
  margin-right: 28px;
  margin-left: 20px;
  cursor: pointer;
}
#sidebar .header-right {
  height: 60px;
  background: transparent url(/lpmtgpc/assets/bg.d402255a513a4ba4a8b6.png) no-repeat center / 100% 64px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
#sidebar .logo {
  height: 60px;
  overflow: hidden;
  padding: 0 6px 0 16px;
  background-color: transparent;
  background-image: url(/lpmtgpc/assets/logo-bg.a3af824df60d82cef9b1.png);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
#sidebar .logo .logo-text {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  overflow: hidden;
}
#sidebar .logo .logo-text a {
  color: #fff;
  text-decoration: none;
}
#sidebar .logo .logo-text a img {
  width: 44px;
  padding-right: 5px;
}
#sidebar .ant-menu-submenu-title {
  font-size: 14px;
  margin: 0;
}
#sidebar .ant-menu-item {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}
#sidebar .ant-menu-item .nav-ico {
  position: relative;
  top: -1px;
}
.ant-layout-sider-children {
  background: -webkit-linear-gradient(360deg, #77c7f7, #4296ed);
  background: -moz-linear-gradient(360deg, #77c7f7, #4296ed);
  background: -o-linear-gradient(360deg, #77c7f7, #4296ed);
  background: linear-gradient(360deg, #77c7f7, #4296ed);
  background: #62b4f3;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #3c84ca !important;
  padding-left: 29px;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background: #3c84ca !important;
}
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #3c84ca !important;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff !important;
  font-weight: bold;
}
.ant-menu-submenu .nav-ico {
  position: relative;
  top: -1px;
}
.ant-menu-submenu .ant-menu {
  background: #126fc9 !important;
}
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  background-image: none!important;
}
.ant-menu-item > a {
  color: #fff !important;
}
.ant-menu-item-selected {
  background-color: #025bb9 !important;
  color: #fff;
  font-weight: 550;
}
.ant-menu-vertical > .ant-menu-item-active > li {
  background: #126fc9 !important;
}
.left-sider {
  position: absolute;
  text-align: center;
  width: 220px;
  height: 40px;
  line-height: 40px;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #fff;
}
.bottom-content {
  text-align: center;
  height: 40px;
  width: 100%;
  line-height: 40px;
  font-size: 12px;
  color: #666666;
  background: #e1e9f1;
}
.ant-layout-header {
  height: 60px!important;
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  background-image: none!important;
}
a:focus {
  text-decoration: none!important;
}

#sloan-list .anticon-search {
  font-size: 21px;
}
.ant-table-tbody > tr > td.CUST_NM,
.ant-table-thead > tr > th.CUST_NM {
  min-width: 120px;
}
.detail {
  color: #4A90E2;
  cursor: pointer;
}
.small-title {
  font-size: 17px;
  font-weight: 550;
  padding-bottom: 15px;
}
.information {
  padding: 0 15px;
}
.ant-form-item-label label {
  font-weight: bold!important;
}
.detailinforamtion {
  font-family: PingFangSC-Medium;
}
.detailinforamtion .right {
  float: right;
  font-weight: normal;
  font-size: 16px;
  color: #4A90E2;
  margin-right: 30px;
  cursor: pointer;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.start {
  width: 50%;
  margin: 0 auto;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.start .start-search {
  margin-left: 10px;
  width: 60%!important;
}
.popup-box {
  text-align: center;
  line-height: 2;
}
.input-box {
  width: 86%;
  border: 1px solid #eee;
  margin: 0 auto;
}
.input-box input {
  border: none;
}
.input-box.VER_COD input {
  width: 68%;
  height: 30px;
  line-height: 30px;
}
.input-box.VER_COD img {
  width: 31%;
  height: 30px;
}
.button-ok {
  margin: 0 auto;
  width: 86%;
  background: #4A90E2;
  color: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 32px;
  cursor: pointer;
}

tr.ant-table-expanded-row {
  background: #EAF3FA !important;
  opacity: 0.85;
}
.ant-table-expanded-row > td:first-child {
  display: none;
}
.overflow-col {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.red {
  color: #f00;
}
.handover {
  font-weight: 600;
}
.change-box {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.change-box .handleContant {
  padding-top: 10px;
  display: flex;
  flex-flow: row;
  width: 25%;
}
.change-box .handleContant .new {
  width: 22px;
}
.change-box .handleContant .new-right {
  flex: 1;
}
.change-box .handleContant img {
  margin-top: -5px;
}
.change-box .handleContant p {
  margin: 0px;
  font-weight: 600;
}
.change-box .handleContant label {
  padding-left: 5px;
}
.detail,
.section-title,
.ant-steps-item-title {
  font-weight: 600 !important;
}
.process-row .section-title {
  padding: 5px 0;
}
.process-row .ant-steps {
  -ms-flex-warp: wrap!important;
  -webkit-flex-warp: wrap!important;
  flex-wrap: wrap!important;
}
.process-row .ant-steps .ant-steps-item {
  margin-right: 0!important;
  flex: none!important;
  width: 240px!important;
  margin-bottom: 15px;
}
.process-row .ant-steps .ant-steps-item .ant-steps-icon {
  color: #4A90E2 !important;
  font-size: 18px!important;
}
.process-row .ant-steps .ant-steps-item .ant-steps-item-title {
  padding-right: 8px!important;
  color: #4A90E2 !important;
  font-size: 14px!important;
}
.process-row .ant-steps .ant-steps-item .ant-steps-item-title::after {
  background-color: #e8e8e8 !important;
}
.process-row .ant-steps .ant-popover {
  position: relative !important;
  z-index: unset !important;
  margin-left: -30px !important;
  margin-top: -5px !important;
  width: 230px !important;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-arrow {
  left: 48px !important;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner {
  margin-bottom: 1px;
  margin-left: 5px;
  margin-right: 1px;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content {
  padding: 8px 8px 4px;
  line-height: 1.5;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content .process-item {
  white-space: nowrap;
  color: orange;
  font-weight: 800;
  word-break: break-all;
  word-wrap: break-word;
  white-space: inherit;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content .process-item label {
  margin-right: 5px;
  color: #666;
  font-weight: 500;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content .process-item.wrap {
  width: 208px;
  word-break: break-all;
  white-space: unset;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content .process-item.last {
  padding-top: 5px;
  color: #999;
  font-weight: normal;
}
.process-row .ant-steps .ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content .process-item.comment {
  color: #697098;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
  white-space: inherit;
}

#tab-select {
  display: flex;
  align-items: center;
  background: #f0f2f5;
}
#tab-select .mr20 {
  margin-right: 20px;
}
#tab-select .no-border-rangePicker .ant-calendar-picker-input {
  box-sizing: content-box;
  border: none;
}
#tab-select .no-border-rangePicker .no-border-select .ant-select-selection {
  padding: 4px 0 ;
}
#tab-select .ant-tabs-bar {
  margin: 0;
}
#tab-select .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
}
#tab-select .ant-tabs-tab {
  padding: 8px 20px;
  position: relative;
}
#tab-select .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  line-height: 24px;
}
#tab-select .ant-tabs-tab:after {
  content: "";
  height: 16px;
  border-right: 1px solid #ccc;
  color: #ccc;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}
#tab-select .ant-tabs-tab:last-child:after {
  border: none;
}
#tab-select .ant-tabs {
  border-radius: 7px;
}
#total-view .p10 {
  padding: 10px;
}
#total-view .tab-self {
  width: 49%;
  position: relative;
  padding: 30px 0 20px;
  background-color: #f6f6f6;
  text-align: center;
}
#total-view .tab-middle {
  width: 100%;
  position: relative;
  padding: 30px 0 20px;
  background-color: #f6f6f6;
  text-align: center;
}
#total-view img {
  padding-right: 15px;
  height: 70px;
  margin-top: -24px;
}
#total-view .value {
  display: inline-block;
  font-size: 28px;
  width: 180px;
  font-weight: bolder;
  color: #4A90E2;
  margin: 0 auto;
  text-align: left;
}
#total-view .value p {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}
.time-Report .value {
  color: #999 !important;
}
#chart #chart-table {
  width: 100%;
  height: 360px;
}
#chart .left {
  font-size: 18px;
  text-indent: 15px;
  color: #ccc;
}
#chart .right {
  font-size: 12px;
  position: relative;
  text-indent: 24px;
  line-height: 27px;
}
#chart .right .circle-point {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lineChart_tips {
  width: 9px;
  height: 9px;
  background-color: #f5a623;
  border: 1px solid;
  border-color: #f5a623;
  border-radius: 50%;
  display: inline-block;
}

.box {
  background: #ffffff;
  position: relative;
}
.box p {
  font-size: 18px;
  font-weight: bold;
}
.box .content {
  box-sizing: border-box;
  padding: 15px;
}
.user-title {
  font-size: 16px;
  font-weight: bold;
}
#save {
  background: #4ec880;
  color: #ffffff;
  border-color: #4ec880;
}
#cancel {
  background: #f56c6c;
  color: #ffffff;
  border-color: #f56c6c;
}
.modify {
  height: 50px;
}
.modalCancel {
  height: 300px;
}
.login-form .ant-checkbox-wrapper {
  margin-top: 10px !important;
}
.ant-row-flex .ant-col-pull-2 {
  width: 30%;
}
.ant-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-input-group-addon {
  background-color: transparent!important;
  border: none!important;
}
.inputDiv {
  display: inline-block;
}
.inputDiv span {
  font-weight: 550;
  color: #333;
}
.btn {
  padding: 0 20px 10px 0px;
}
.ant-pagination-item-active {
  background-color: #1890ff !important;
}
.ant-pagination-item-active a {
  color: #fff !important;
}
.ant-table-thead > tr > th {
  font-weight: 600!important;
}
.project {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

#home {
  background-color: #fff;
}
#home .home-center {
  margin: 0 5%;
  padding: 20px 0;
}
#home .home-center .home-title {
  font-size: 28px;
  color: #fff;
  margin: 10px 0;
  background-image: linear-gradient(#add7f5 0%, #87caf0 100%);
  padding: 5px 20px;
}
#home .home-center .home-title img {
  height: 60px;
  margin-right: 20px;
}
#home .home-center .home-box {
  overflow: hidden;
}
#home .home-center .home-box .container {
  text-align: left;
  padding-left: 10px;
  position: relative;
}
#home .home-center .home-box .head {
  font-size: 20px;
  color: #fff;
  float: left;
}
#home .home-center .home-box .summarize {
  width: 100%;
  font-size: 14px;
  color: #fff;
  float: left;
}
#home .home-center .home-box .reportForm {
  width: 70%;
  height: 235px;
  float: left;
}
#home .home-center .home-box .reportForm .open {
  float: right;
  margin-right: 20px;
  width: 72px;
  height: 31px;
  color: #ffffff;
  background-color: #a0c2fc;
  line-height: 31px;
  text-align: center;
  font-weight: 550;
}
#home .home-center .home-box ._width {
  width: 100%;
  height: 235px;
  float: left;
}
#home .home-center .home-box ._width .open {
  float: right;
  margin-right: 20px;
  width: 72px;
  height: 31px;
  color: #ffffff;
  background-color: #a0c2fc;
  line-height: 31px;
  text-align: center;
  font-weight: 550;
}
#home .home-center .home-box .loan {
  width: 26%;
  float: right;
  height: 500px;
}
#home .home-center .home-box .myFocus,
#home .home-center .home-box .userManagementHome {
  width: 100%;
  height: 260px;
  float: left;
}
#home .home-center .home-box .myFocus.Focus_width,
#home .home-center .home-box .userManagementHome.Focus_width {
  width: 70%;
}
#home .home-center .home-box .myFocus .open,
#home .home-center .home-box .userManagementHome .open {
  float: right;
  margin-right: 20px;
  width: 72px;
  height: 31px;
  color: #ffffff;
  line-height: 31px;
  text-align: center;
  font-weight: 550;
}
#home .home-center .home-box .myFocus .open.green,
#home .home-center .home-box .userManagementHome .open.green {
  background-color: #7edab2;
}
#home .home-center .home-box .myFocus .open.yellow,
#home .home-center .home-box .userManagementHome .open.yellow {
  background-color: #fad276;
}
#home .home-center .home-box .reportForm,
#home .home-center .home-box ._width,
#home .home-center .home-box .loan,
#home .home-center .home-box .myFocus,
#home .home-center .home-box .userManagementHome {
  display: block;
  margin: 1%;
  box-shadow: none;
  transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3;
  -webkit-transition: box-shadow 0.3;
  -o-transition: box-shadow 0.3;
}
#home .home-center .home-box .reportForm .summary .img-box,
#home .home-center .home-box ._width .summary .img-box,
#home .home-center .home-box .loan .summary .img-box,
#home .home-center .home-box .myFocus .summary .img-box,
#home .home-center .home-box .userManagementHome .summary .img-box,
#home .home-center .home-box .reportForm .user .img-box,
#home .home-center .home-box ._width .user .img-box,
#home .home-center .home-box .loan .user .img-box,
#home .home-center .home-box .myFocus .user .img-box,
#home .home-center .home-box .userManagementHome .user .img-box,
#home .home-center .home-box .reportForm .focus .img-box,
#home .home-center .home-box ._width .focus .img-box,
#home .home-center .home-box .loan .focus .img-box,
#home .home-center .home-box .myFocus .focus .img-box,
#home .home-center .home-box .userManagementHome .focus .img-box,
#home .home-center .home-box .reportForm .loanlist .img-box,
#home .home-center .home-box ._width .loanlist .img-box,
#home .home-center .home-box .loan .loanlist .img-box,
#home .home-center .home-box .myFocus .loanlist .img-box,
#home .home-center .home-box .userManagementHome .loanlist .img-box {
  text-align: center;
}
#home .home-center .home-box .reportForm .summary .img-box img,
#home .home-center .home-box ._width .summary .img-box img,
#home .home-center .home-box .loan .summary .img-box img,
#home .home-center .home-box .myFocus .summary .img-box img,
#home .home-center .home-box .userManagementHome .summary .img-box img,
#home .home-center .home-box .reportForm .user .img-box img,
#home .home-center .home-box ._width .user .img-box img,
#home .home-center .home-box .loan .user .img-box img,
#home .home-center .home-box .myFocus .user .img-box img,
#home .home-center .home-box .userManagementHome .user .img-box img,
#home .home-center .home-box .reportForm .focus .img-box img,
#home .home-center .home-box ._width .focus .img-box img,
#home .home-center .home-box .loan .focus .img-box img,
#home .home-center .home-box .myFocus .focus .img-box img,
#home .home-center .home-box .userManagementHome .focus .img-box img,
#home .home-center .home-box .reportForm .loanlist .img-box img,
#home .home-center .home-box ._width .loanlist .img-box img,
#home .home-center .home-box .loan .loanlist .img-box img,
#home .home-center .home-box .myFocus .loanlist .img-box img,
#home .home-center .home-box .userManagementHome .loanlist .img-box img {
  height: 140px;
  transition: height 0.3s;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
}
#home .home-center .home-box .reportForm .loanlist,
#home .home-center .home-box ._width .loanlist,
#home .home-center .home-box .loan .loanlist,
#home .home-center .home-box .myFocus .loanlist,
#home .home-center .home-box .userManagementHome .loanlist {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
#home .home-center .home-box .reportForm .loanlist .img-box,
#home .home-center .home-box ._width .loanlist .img-box,
#home .home-center .home-box .loan .loanlist .img-box,
#home .home-center .home-box .myFocus .loanlist .img-box,
#home .home-center .home-box .userManagementHome .loanlist .img-box {
  flex-flow: column;
  height: 160px;
  width: auto;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#home .home-center .home-box .reportForm .loanlist .img-box img,
#home .home-center .home-box ._width .loanlist .img-box img,
#home .home-center .home-box .loan .loanlist .img-box img,
#home .home-center .home-box .myFocus .loanlist .img-box img,
#home .home-center .home-box .userManagementHome .loanlist .img-box img {
  height: 140px;
  transition: height 0.3s;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
}
#home .home-center .home-box .reportForm .loanlist span,
#home .home-center .home-box ._width .loanlist span,
#home .home-center .home-box .loan .loanlist span,
#home .home-center .home-box .myFocus .loanlist span,
#home .home-center .home-box .userManagementHome .loanlist span {
  font-size: 20px;
  color: #fff;
}
#home .home-center .home-box .reportForm .loanlist .summarize,
#home .home-center .home-box ._width .loanlist .summarize,
#home .home-center .home-box .loan .loanlist .summarize,
#home .home-center .home-box .myFocus .loanlist .summarize,
#home .home-center .home-box .userManagementHome .loanlist .summarize {
  width: 80%;
  margin: 0 auto;
  color: #fff;
  margin-top: 18px;
}
#home .home-center .home-box .reportForm .loanlist .open,
#home .home-center .home-box ._width .loanlist .open,
#home .home-center .home-box .loan .loanlist .open,
#home .home-center .home-box .myFocus .loanlist .open,
#home .home-center .home-box .userManagementHome .loanlist .open {
  width: 72px;
  height: 31px;
  color: #ffffff;
  background-color: #b0cdff;
  line-height: 31px;
  text-align: center;
  font-weight: 550;
  margin-top: 60px;
}
#home .home-center .home-box .reportForm:hover,
#home .home-center .home-box ._width:hover,
#home .home-center .home-box .loan:hover,
#home .home-center .home-box .myFocus:hover,
#home .home-center .home-box .userManagementHome:hover {
  box-shadow: 0 10px 20px #bbb;
  -moz-box-shadow: 0 10px 20px #bbb;
  -webkit-box-shadow: 0 10px 20px #bbb;
  -o-box-shadow: 0 10px 20px #bbb;
}
#home .home-center .home-box .reportForm:hover .img-box img,
#home .home-center .home-box ._width:hover .img-box img,
#home .home-center .home-box .loan:hover .img-box img,
#home .home-center .home-box .myFocus:hover .img-box img,
#home .home-center .home-box .userManagementHome:hover .img-box img {
  height: 160px;
}
#home .home-center .home-box .reportForm,
#home .home-center .home-box ._width {
  background-image: linear-gradient(-180deg, #81c7f1 0%, #58a8e7 100%);
}
#home .home-center .home-box .loan {
  background-image: linear-gradient(-180deg, #86aff4 0%, #608ded 100%);
}
#home .home-center .home-box .myFocus {
  background-image: linear-gradient(-180deg, #ffd000 0%, #ffb400 100%);
}
#home .home-center .home-box .userManagementHome {
  background-image: linear-gradient(-180deg, #81f098 0%, #34c888 100%);
}

#modifyPersonal .ant-form label {
  font-size: 16px;
}
#modifyPersonal .ant-form-item-label label {
  font-weight: bold!important;
}

.err-404-page .err-content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}
.err-404-page .err-content .err-msg {
  padding-top: 55px;
  color: #666;
  font-size: 30px;
}
.err-404-page .err-content .back-btn {
  display: block;
  width: 85px;
  height: 32px;
  margin: 20px auto 0;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  background: #1890ff;
  border-radius: 4px;
}

#login {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  padding-top: 120px;
}
#login .login-box {
  width: 550px;
  height: 680px;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 85px 72.5px 0 72.5px;
}
#login .copyright {
  font-size: 16px;
  color: #E1E9f1;
  text-align: center;
  margin-bottom: 30px;
}
#login .logo {
  text-align: center;
}
#login .logo .logo-image {
  display: inline-block;
  width: 52px;
  text-align: center;
  margin-right: 20px;
}
#login .logo .logo-image img {
  width: 100%;
  height: 100%;
}
#login .logo-label {
  display: inline-block;
  font-size: 26px;
  color: #333;
  text-align: center;
}
#login .login-form {
  margin-top: 100px;
}
#login .ant-input {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e0e3e5;
}
#login .login-form-forgot {
  float: right;
  color: #929699;
}
#login .login-form-remeber {
  color: #929699;
}
#login .login-form-button {
  width: 100%;
  height: 48px;
  font-size: 26px;
  background: linear-gradient(-135deg, #77c7f7 0%, #4296e4 100%);
  border: none;
  margin-top: 10px;
}
#login .mb120 {
  margin-bottom: 120px;
}
#login .password-operate {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
#retrieve-pwd {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #f5f5f5;
}
#retrieve-pwd .header {
  height: 60px;
  line-height: 60px;
  padding: 0 70px;
  background: #fff;
}
#retrieve-pwd .logo-lable {
  font-size: 26px;
  color: #333;
  text-align: center;
}
#retrieve-pwd .content {
  flex: 1;
  background: red;
  margin: 19px 70px;
  background: #fff;
}
#retrieve-pwd .sub-title {
  padding: 20px 10px;
  font-size: 16px;
  color: #333333;
}
#retrieve-pwd .step-box {
  margin-top: 67px;
  padding: 0 289px;
}
#retrieve-pwd .steps-action {
  margin-top: 108px;
  display: flex;
  justify-content: center;
}
#retrieve-pwd .retrieve-input {
  width: 380px;
  display: inline-block;
}
#retrieve-pwd .verification {
  display: inline-block;
  width: 270px;
}
#retrieve-pwd .button-orange {
  background: #f5a623;
  color: #fff;
}
#retrieve-pwd .ant-form-item-children {
  display: flex;
  align-items: center;
}
#retrieve-pwd .ml {
  margin-left: 104px;
}
#retrieve-pwd .ml8 {
  margin-left: 8px;
}
.ant-input:focus {
  box-shadow: none;
}
.has-error .ant-input:focus {
  box-shadow: none;
}
#scan-login {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  padding-top: 100px;
}
#scan-login .login-box {
  width: 550px;
  height: 680px;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 70px 72.5px 0 72.5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#scan-login .copyright {
  font-size: 16px;
  color: #999;
  text-align: center;
  margin-bottom: 30px;
}
#scan-login .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
#scan-login .logo .logo-label {
  font-size: 26px;
  color: #333;
  text-align: center;
  margin-top: 30px;
}
#scan-login .logo .logo-image {
  width: 52px;
  text-align: center;
  margin-right: 20px;
}
#scan-login .logo .logo-image img {
  width: 100%;
  height: 100%;
}
#scan-login .QRcode {
  width: 280px;
  height: 280px;
  margin-bottom: 28px;
  position: relative;
}
#scan-login .QRcode img {
  width: 100%;
  height: 100%;
}
#scan-login .QRcode canvas {
  width: 100%!important;
  height: 100%!important;
}
#scan-login .QRcode .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0.657;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
#scan-login .QRcode .refresh {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#scan-login .tip {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-bottom: 50px;
}
#scan-login .status {
  font-size: 22px;
  color: #333;
  text-align: center;
}
#scan-login .a-green {
  color: #5e9800;
}

@font-face {
  font-family: UnCommFont;
  font-weight: normal;
  font-style: normal;
  src: url(/lpmtgpc/assets/uncommon_font_v2.0ce8af758f2b898fb79e.woff2) format('woff2'), url(/lpmtgpc/assets/uncommon_font_v2.baad412e23ea080997be.woff) format('woff');
}
body {
  font-family: Helvetica, Verdana, sans-serif, UnCommFont;
}
/*为了兼容input等，需要设置inherit body和html的字体*/
input,
select,
textarea,
button {
  font-family: inherit;
}
a {
  text-decoration: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.mr20 {
  margin-right: 20px;
}
.mr10 {
  margin-right: 10px;
}
.mr30 {
  margin-right: 30px;
}
.ml20 {
  margin-left: 20px;
}
.ml10 {
  margin-left: 10px;
}
.mr40 {
  margin-right: 40px;
}
.mb0 {
  margin-bottom: 0px!important;
}
.mb24 {
  margin-bottom: 24px;
}
.mb15 {
  margin-bottom: 15px;
}
.radius {
  background: #fff;
  width: 100%;
}
.radius-title {
  background: #fff;
  width: 100%;
}
.title {
  margin: 0;
  height: 54px;
  line-height: 54px;
  width: 100%;
  border-bottom: 1px solid #999;
  font-size: 20px;
  font-weight: bold;
}
.title.orange {
  color: #f5a623;
}
.title::before {
  content: "";
  display: block;
  height: 100%;
  width: 4px;
  float: left;
  border-top-left-radius: 7px;
  background: #67c2fa;
  margin-right: 10px;
}
.title > span {
  line-height: 54px;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.circle-point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: red;
  float: left;
}
.wrapper {
  margin: 0 12px;
  padding: 13px 0;
  border-bottom: 1px solid #eee;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  display: none;
}
.list-detail {
  font-size: 12px;
  color: #bbb;
}
.btn-wrap {
  padding: 10px 20px;
}
.btn-position {
  padding: 0 20px 10px 20px;
}
.in-triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #999;
  float: right;
}
.triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #999;
  float: right;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
#background {
  position: absolute;
  z-index: 0;
  background: white;
  display: block;
  min-height: 50%;
  min-width: 50%;
  width: 100%;
  height: 100%;
}
#app {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.ant-layout-sider {
  background: #62b4f3 !important;
}
.ant-layout-has-sider {
  min-height: 100vh !important;
}
.header {
  height: 80px;
  line-height: 80px;
}