.app-container {
  width: 100%;
  min-height: calc(100vh - 140px);
  box-sizing: border-box;
  padding: 20px;
  background-color: #F5F7FA;
  float: left;
  /* 滚动条样式 */
  /*正常情况下滑块的样式*/
  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
  /*鼠标悬浮在滑块上时滑块的样式*/
  /*正常时候的主干部分*/
  /*鼠标悬浮在滚动条上的主干部分*/
}
.app-container .main {
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 4px 4px 0px 0px;
  min-height: calc(100vh - 124px);
  padding: 20px;
}
.app-container .main .top {
  width: 100%;
  margin-top: 20px;
  float: left;
}
.app-container .main .top .bindingMenber {
  float: left;
}
.app-container .main .top .bindDevice {
  float: left;
  margin-left: 30px;
}
.app-container .main .top .solve {
  float: left;
  margin-left: 50px;
  height: 32px;
  line-height: 32px;
}
.app-container .main .table {
  margin-top: 70px;
}
.app-container .peopleList {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.app-container .issued {
  height: 30px;
  padding-left: 20px;
}
.app-container .issued .title {
  float: left;
}
.app-container .issued .image {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: skyblue;
  color: #fff;
  text-align: center;
  margin-left: 5px;
  margin-top: -2px;
  line-height: 20px;
  cursor: pointer;
}
.app-container .deviceList {
  width: 90%;
  min-height: 100px;
  border: 1px solid #888;
  border-radius: 10px;
  padding: 10px;
}
.app-container .deviceList .devices {
  float: left;
  margin-right: 15px;
  border-radius: 5px;
  background-color: #fff;
}
.app-container .getDeviceList {
  position: relative;
  max-height: 200px;
  top: -105px;
  left: 80px;
  padding: 10px;
  box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.21);
  background-color: #fff;
  width: 200px;
  overflow-y: scroll;
}
.app-container .getDeviceList::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.app-container .getDeviceList::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.app-container .getDeviceList:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.app-container .getDeviceList::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.app-container .getDeviceList::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}
.app-container .getDeviceList::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.01);
}
.app-container .el-tag + .el-tag {
  margin-left: 10px;
}
.app-container .button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.app-container .input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}
