*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'Source Han Sans CN';
  src: url('../../fonts/SourceHanSansCN-Normal.ttf');
}
html {
  height: 100%;
}
html body {
  height: 100%;
}
html body #app {
  height: 100%;
}
html body #app .framebody {
  height: calc(100% - 122px);
  background-image: url('../../images/loginv2/loginbg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
html body #app .framebody .title {
  user-select: none;
  padding: 89px 0 49px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body #app .framebody .title .logoIcon {
  font-size: 4em;
}
html body #app .framebody .title .font {
  display: block;
  padding-left: 30px;
  font-family: 'Source Han Sans CN';
  font-size: 2.62em;
}
html body #app .framebody .frame-body-border {
  display: flex;
  justify-content: center;
  align-items: center;
}
html body #app .framebody .frame-body-border .name {
  font-family: 'Source Han Sans CN';
  color: #333;
  font-size: 1.3em;
  font-weight: 400;
  padding-bottom: 25px;
}
html body #app .framebody .frame-body-border .frame-frame {
  user-select: none;
  padding: 32px 40px 31.5px;
  border-radius: 20px;
  height: 560px;
  background-color: rgba(255, 255, 255, 0.36);
}
html body #app .framebody .frame-body-border .frame-frame:not(:last-child) {
  margin-right: 40px;
}
html body #app .framebody .frame-body-border .frame-frame .frame-blocks {
  display: flex;
  align-items: center;
}
html body #app .framebody .frame-body-border .frame-frame .frame-blocks:not(:last-child) {
  padding-bottom: 2.25em;
}
html body #app .framebody .frame-body-border .frame-frame .frame-blocks .business-block:not(:last-child) {
  margin-right: 2.25em;
}
html body #app .footer {
  height: 122px;
  font-family: 'Source Han Sans CN';
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
html body #app .footer span[art="icp-number"] {
  cursor: pointer;
}
html body #app .footer > span:not(:last-child) {
  margin-right: 5.57em;
}
html body #app .footer .copy {
  display: flex;
  align-items: center;
  cursor: pointer;
}
html body #app .footer .copy img {
  margin: 4px 10px 0 0;
  display: block;
}