#page-footer {
  position: fixed;
  bottom: 0;
  left: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  width: calc(100% + 1rem);
  z-index: 102;
  background-color: #F3F5FA;
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
#page-footer > div {
  max-width: 1440px;
  margin: auto;
  height: 35px;
}
#page-footer .el-button {
  min-width: 10rem;
  margin: auto 1rem;
}
#page-footer .el-button.back-button {
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 1rem;
  z-index: 102;
}
@media (min-width: 1440px) {
#page-footer .el-button.back-button {
    left: calc((100vw - 1440px) / 2);
}
}
#page-footer .el-button.back-button:hover {
  background-color: transparent;
}
#page-footer .el-button.complain-button {
  background-color: transparent;
  z-index: 102;
  font-weight: bold;
}
#page-footer .el-button.complain-button:hover {
  background-color: transparent;
}
#page-footer .el-button.complain-button.floating-right {
  position: absolute;
  right: 0;
  bottom: 1rem;
}
@media (min-width: 1440px) {
#page-footer .el-button.complain-button.floating-right {
    right: calc((100vw - 1440px) / 2);
}
}
.mobile #page-footer {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mobile #page-footer .el-button.back-button {
  left: -40px;
  bottom: 8px;
}
.mobile #page-footer .el-button.complain-button {
  right: -20px;
  bottom: 8px;
}
.mobile #page-footer .el-row {
  margin: auto;
}
.mobile #page-footer .el-row.with-back {
  margin-left: 4rem;
}
.mobile #page-footer .el-row .el-button {
  min-width: 0;
  width: 100%;
}