.app{
  width: 100%;
  height: 100vh;
  display: flex;
}

.aside-section{
  height: 100%;
  display: flex;
}

.aside-menu-vertical{
  height: 100%;
}

.aside-collapse{
  width: 300px;
  height: 100%;
  padding: 10px;
  overflow-y: scroll;
}

.aside-collapse .el-button-group{
  margin-bottom: 12px;
}

.geo-form .el-form-item{
  margin: 5px 0;
}

.result-image{
  width:100%;
  height:500px;
  position: relative;
  object-fit: contain;
}

.display-section{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-container{
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-info-container{
  position: absolute;
  padding: 6px 10px;
  background-color: rgba(0,0,0,.1);
  border-radius: 5px;
  left: 0;
  top: 0;
}

.current-image{
  max-width: 100%;
  max-height: 100%;
}
.current-image.half-width{
  max-width: 44%;
}

.img-action{
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.img-selector{
  width: 200px;
  height: 100%;
  overflow-y: scroll;
  padding: 10px;
  border-left: 1px solid #888;
}

.img-selector-wrapper{
  position: relative;
}

.img-selector-wrapper:hover .img-selector-float{
  opacity: 1;
}

.img-selector-float{
  position: absolute;
  padding: 2px 4px 4px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1);
  background-image: linear-gradient(180deg,#bbb,hsla(0,0%,100%,0))
}

.img-tag{
  width: 65%;
  font-size: 14px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-top;
}

.img-selector-float .action{
  cursor: pointer;
}

.img-selector-item{
  width: 100%;
  margin-bottom: 10px;
  object-fit: fill;
  cursor: pointer;
}

/* second uploader */
.second-uploader{
  max-width: 44%;
  max-height: 100%;
}
.second-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.second-uploader .el-upload:hover {
  border-color: #409EFF;
}
.second-uploader .el-upload-dragger{
  width: auto;
  height: auto;
}
.second-uploader .second-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.second-uploader .second-image {
  width: 100%;
  height: 100%;
  display: block;
}

.transfer-section .el-radio{
  display: block;
  margin: 2px 0;
}