html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
}
.fullPage {
  width: 100%;
  height: 100%;
}
.headContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 30px;
}
.headContainer .el-input {
  width: 200px;
}
.materialBox {
  width: 100%;
  height: 90%;
}
.materialBox ul {
  list-style: none;
  width: 100%;
  height: 100%;
}
#app {
  padding: 5%;
  width: 90%;
  height: 90%;
}
.modelBox .container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.modelBox .container .imgBox {
  width: 320px;
}
.modelBox .container .imgBox .infoImg {
  border: 1px black solid;
}
.modelBox .container .imgBox .infoImg .el-image__inner {
  width: 100%;
  height: 100%;
}
.modelBox .container .imgBox .infoName {
  width: 320px;
  word-break: break-all;
  margin-bottom: 40px;
}