.#{$upload-prefix-cls} {
	position: relative;
	&-def {
		margin-right: -0.1rem;
		padding-top: .2rem;
	}
	&-file,
	&-btn {
		float: left;
    margin: 0 0.17rem 0.1rem 0;
	}
	&-file {
		position: relative;
		&-def {
			position: relative;
		  width: 1.4rem;
		  height: 1.4rem;
		  box-sizing: border-box;
		  background: #FFF no-repeat center;
		  background-size: cover;
		  border-radius: .02rem;
		  .cubeic-wrong{
				color: #FF4F59;
		    position: absolute;
		    z-index: 23;
		    top: -0.2rem;
		    right: -0.16rem;
				font-size: .42rem;
		  }
		}
		&-state {
			position: relative;
		  width: 100%;
		  height: 100%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  overflow: hidden;
			opacity: 0;
			background-color: rgba(37,38,45,.4);
		  border-radius: .02rem;
		  transition: opacity .1s;
		  &::before{
		    content: ".";
		    position: relative;
		    left: -50%;
		    display: block;
		    width: .01rem;
		    height: .01rem;
		    margin-left: -0.01rem;
		    background-color: rgba(0, 0, 0, .1);
		  }
		}
		&-stat{
		  opacity: 1;
		}
		&-status{
		  position: absolute;
		  width:.56rem;
		  height:.56rem;
		  z-index: 1;
		  font-size: .55rem;
		  color: #fc9153;
		}
		&-progress{
		  display: block;
		  font-size: .34rem;
		  color: #fff;
		}
	}
	&-btn{
	  position: relative;
	  overflow: hidden;
	  &:active {
	    .upload-btn-def{
	    }
	  }
	  &-def{
		  width: 1.4rem;
		  height: 1.4rem;
		  background-color: rgba(0,0,0,0.04);
		  box-shadow: 0 0 .06rem .02rem rgba(0,0,0,.08);
		  border-radius: .04rem;
		  position: relative;
		  > i {
		    &::before, &::after {
		      content: "";
		      position: absolute;
		      top: 50%;
		      left: 50%;
		      width: .4rem;
		      height: .04rem;
		      transform: translate(-50%, -50%);
		      background-color: #666;
		    }
		    &::after{
		      transform: translate(-50%, -50%) rotate(90deg);
		    }
		  }
		}
	}
	&-input{
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  width: 100%;
	  font-size: 0;
	  opacity: 0;
	}
}
.clearfix {
  clear: both;
  overflow: hidden;
}