/*
* author:liudj-a
* desc:附件不同应用场景的样式
* type:webuploader-btn,type:webuploader-img,type:webuploader-photo
*/
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;

    text-align: center;
    border-radius: 3px;

    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 2px 5px;
    font-size: 9pt;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: relative;
    background-color: #fff;
    color: #409eff;
    border-color: #B3D8FF;

}
.logouploader .webuploader-pick {
    border: 0;
}
.webuploader-pick-hover {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}

.webuploader-btn .webuploader-pick {
    background-color: #fff;
    color: #3c6eea;
    border-color: #3c6eea;

}
.webuploader-btn .webuploader-pick-hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff;
    border-color: #3C6EEA;
    color: #3C6EEA;
}

.webuploader-img{
    position: relative;
}
.webuploader-img>img{
	border:1px solid #ddd;
}
/*附件改造升级*/
.gzc-webupload-layout{

}
 

.webuploader-img .webuploader-pick{
    border-radius: 0;
    padding:0;
    background-color: #fff;
    color: #666 ;
    border-color: #ddd ;

}
.webuploader-img .webuploader-pick-hover {
    background-color: #fff ;
    color: #666 ;
    border-color: #ddd;
}


.progress-item{
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    line-height: 30px;
}
.progress-item .webuploadstate{
    color:#666;
}

.webuploader-bar{
    background: rgba( 0, 0, 0, 0.5 );
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
    line-height: 30px;
    text-align: right;
    display: none;
}

.webuploader-bar .file-panel{
    float: right;
    margin-right: 10px;
    color:#FFFFFF;
}
.webuploader-bar .file-panel span{
    cursor: pointer;
    margin:0 5px;
    font-size:18px;
}
.webuploader-bar .file-panel span.preview{
    color:#ffffff;
}
.webuploader-bar .file-panel span.cancel{
    color:#ffffff;
}



.gzc-progress{
    position: relative;
    height: 4px;
    background-color: #e2e2e2;
}

.gzc-progress-bar{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    max-width: 100%;
    height: 4px;
    line-height: 4px;
    border-radius: 20px;
    text-align: right;
    background-color: #5FB878;
    transition: all .3s;
    -webkit-transition: all .3s;
    width:0%;
}

.gzc-progress-bar .gzc-progress-text{
    position: relative;
    line-height: 4px;
    font-size: 12px;
    color: #666;
}