body, html, .footer {
  background: #eeeeee !important;
}

.headerNav {
  background: #FFFFFF;
}
.headerNav .call img {
  top: 0px;
}

.footer {
  height: 70px;
}
.footer ul {
  top: 20px;
}
.footer p {
  top: 50px;
}

.line {
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  clear: both;
}

.mainFrame {
  width: 100%;
  padding: 20px 1%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  height: 740px;
}
.mainFrame .menuBar {
  flex-basis: 230px;
  width: 230px;
  height: 100%;
  background: #FFFFFF;
}
.mainFrame .menuBar .personalInfo {
  width: 100%;
  height: 190px;
  background: #9b0d02;
  text-align: center;
  color: #FFFFFF;
}
.mainFrame .menuBar .personalInfo #avatar {
  margin-top: 30px;
}
.mainFrame .menuBar .personalInfo .username {
  margin-top: 20px;
}
.mainFrame .menuBar .personalInfo span {
  display: block;
  margin-top: 8px;
}
.mainFrame .menuList {
  width: 100%;
  margin-top: 20px;
}
.mainFrame .menuList li {
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  border-left: 4px solid #FFFFFF;
  padding-left: 45px;
  cursor: pointer;
}
.mainFrame .menuList li a {
  display: block;
  width: 100%;
  height: 50px;
}
.mainFrame .menuList li a:hover {
  color: #333;
}
.mainFrame .menuList li img {
  width: 16px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.mainFrame .menuList li:hover {
  background: #f5f5f5;
  border-left: 4px solid #9b0d02;
}
.mainFrame .menuList .liActive {
  background: #f5f5f5;
  border-left: 4px solid #9b0d02;
}
.mainFrame .lineBar {
  flex-basis: 20px;
  width: 20px;
  height: 100%;
  background: #eeeeee;
}
.mainFrame .content {
  flex-grow: 1;
  width: 87%;
  height: 100%;
  background: #FFFFFF;
  padding: 20px 30px;
  box-sizing: border-box;
  overflow-y: auto;
}

.line {
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  clear: both;
  overflow: hidden;
}

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