/*进度条*/
.progress { height: 10px; margin-bottom: 10px; margin-top:10px; overflow: hidden; background-color: #f5f5f5; border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);width: 100%;}
.progress-bar { float: left; width: 100%; height:10px; font-size: 10px; line-height: 10px; color: #fff; text-align: center; background-color: #668BE4; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width .6s ease; transition: width .6s ease }
.progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent); background-size: 40px 40px }

.plupload_wrapper{width:99%;overflow:hidden;border: 1px dashed #C0C0C0; border-radius:5px;color:#838383;font-size:10px;margin-top:20px;background:#f6f6f6}
.plupload_list{overflow: hidden;padding: 20px;}
.plupload_list_item {width: 120px;background: url(./bg.png) no-repeat;margin-right:8px;position: relative;display: inline;float: left;overflow: hidden;font-size: 12px;}
.plupload_list_item .imgWrap{display: flex;justify-content: center; align-items: center;margin:0; margin-bottom:0;position:relative;line-height:180px;vertical-align:middle;overflow:hidden;width:120px;height:180px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webit-transition:200ms ease-out;-moz-transition:200ms ease-out;-o-transition:200ms ease-out;-ms-transition:200ms ease-out;transition:200ms ease-out}
.plupload_list_item img{width:120px;height:auto}
.plupload_list_item p.error{background:#f43838;color:#fff;position:absolute;bottom:0;left:0;height:28px;line-height:28px;width:100%;z-index:100}
.plupload_list_item .success{display:block;position:absolute;left:0;bottom:0;height:40px;width:100%;z-index:200;background:url(./success.png) no-repeat right bottom}
.plupload_list .file-panel{/*padding:5px 0;*/position:absolute;height:26px; line-height:26px;color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;background:rgba(0,0,0,.5);width:100%;top:0;left:0;overflow:hidden;z-index:250}
.plupload_list .file-shan{height:26px;line-height:26px;position:absolute;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')url(0);background:rgba(0,0,0,.5);width:100%;top:0;left:0;overflow:hidden}
.state-complete .file-shan{position:absolute;height:26px;line-height:26px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')url(0);background:transparent;width:100%;bottom:0;left:0;overflow:hidden}
.plupload_list span.cancel{position:absolute;top:0;right:0;width:24px;height:26px;display:inline;text-indent:-9999px;overflow:hidden;background:url(./icons.png) no-repeat;cursor:pointer;z-index:300}
.plupload_list span.cancel{background-position:-48px 5px}
.plupload_list_item .moveud{ position:absolute;height:20px; line-height:20px;color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;background:rgba(0,0,0,.5);width:100%;bottom:0;left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;z-index:201;}
.plupload_list_item .moveud .moveud_in{position: relative;padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.plupload_list_item .moveud a{width:20px;height:20px;color:#FFFFFF; font-size:20px;text-align:center;}
.plupload_list_item .moveud a.moveUpBtn{position: absolute;
    top: 0;
    left: 0;}
.plupload_list_item .moveud a.moveDownBtn{position: absolute;
    top: 0;
    right: 0;}
.plupload_list_item .moveud .moveud_in .filename {
    width: 100%;
    border: 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    background: transparent;
    color: #f60;
    text-align: center;vertical-align: top;
}

.plupload_list_item .progress{position: absolute;margin-bottom: 0;margin-top: 0;bottom:0;height: 20px;}
.plupload_list_item .progress .progress-bar{background-color:#027AFF;line-height: 20px;}
/*按钮*/
.plupload_btns{height:45px;line-height:45px;margin-bottom: 10px;border-top:0px solid #dadada;vertical-align:middle;position:relative}
.plupload_btn,.plupload_select_btn{background:#0EC5A1;color:#fff;padding:0 18px;display:inline-block;border-radius:3px;cursor:pointer;font-size:14px;line-height: 35px;margin:5px 0 0 20px;}
.plupload_btn:hover{background:#668BE4}
.plupload_btn.on,.plupload_select_btn{background:#0EC5A1;color:#fff;border-color:transparent;}
.plupload_btn.on:hover,.plupload_select_btn:hover{background:#668BE4}
.plupload_btn.disabled{pointer-events:none;opacity:.6;}

.upload-xieyi{ width:100%; float:left; margin-bottom:20px;text-align:center;}
@media (max-width: 767px){
.queueList{margin:5px;}
.plupload_list_item{-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;width: 33.33333333%;border:0px solid #ddd;margin:2px 0;}
.plupload_list_item .imgWrap{width:100%;height:100%;padding: 0 2px;line-height:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.plupload_list .file-shan,.plupload_list_item .moveud,.plupload_list .file-panel,.plupload_list_item .success{width:auto;left:5px; right:2px;}
.statusBar{line-height:normal;}
.statusBar .info{line-height: normal; }
}