.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,
.queueList .btn{position: relative;cursor: pointer;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;max-width:200px;display: block;margin: 0 auto;margin-bottom: 15px;line-height: 45px;font-size: 20px;padding: 0;}
.webuploader-pick{background: #2d5be4;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;margin-bottom: 0;}
.webuploader-pick-hover{background: #1f80e1;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}

#uploader{text-align: center;font-size: 18px;position: relative;}
#uploader .placeholder .flashTip {color: #666666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px;}
#uploader .placeholder .flashTip a {color: #0785d1;text-decoration: none;}
#uploader .placeholder .flashTip a:hover {text-decoration: underline;}
#uploader .placeholder.webuploader-dnd-over {border-color: #999999;}
#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {border-color: red;}
#uploader .filelist{list-style: none;margin: 0;padding: 0;text-align: center;}
#uploader .add_li{padding: 25px;}
#uploader .filelist:after {content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both;}
#uploader .filelist li{width:120px;text-align: center;margin:0 10px;position: relative;display:inline-block;font-size: 12px;}

#uploader .filelist li .name{height: 20px;line-height: 20px}
#uploader .filelist li p.log {position: relative;top: -45px;}
#uploader .filelist li p.title {position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;white-space: nowrap;text-overflow : ellipsis;top: 5px;text-indent: 5px;text-align: left;}
#uploader .filelist li p.progress {position: absolute;top:50%;left:50%;height:48px;width: 48px; overflow: hidden;z-index:9;margin-top: -34px;margin-left: -24px;}
#uploader .filelist li p.progress span {position: absolute;width: 100% !important;height: 100%; top: 0;left: 0;display: none;}

@-webkit-keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}
}
@-moz-keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}
}
@keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}
}

#uploader .filelist li p.imgWrap {position: relative;z-index: 2;vertical-align: middle;overflow: hidden;background: #fff;height:120px;overflow: hidden;box-shadow:0 0 6px rgba(135,176,206,.3);-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;}



/*#uploader .filelist li p.error {background: #f43838;color: #fff;position: absolute;bottom: 0;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100;}*/

#uploader .filelist li .success,
#uploader .filelist li .error{display: block;position: absolute;left: 50%;top:50%;height:35px;width:35px;z-index: 9;background: url("../images/success.png") no-repeat right bottom;margin-top: -27px;margin-left: -17px;text-indent: -9999px;overflow: hidden;}
#uploader .filelist li .success{display:none; }
#uploader .filelist li .error{background-image: url("../images/fail.png");}

#uploader .filelist div.file-panel {position: absolute;height: 0;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba( 0, 0, 0, 0.5 );width: 100%;top: 0;left: 0;overflow: hidden;z-index: 300;}

#uploader .filelist div.file-panel span {width: 24px;height: 24px;display: inline;float: right;text-indent: -9999px;overflow: hidden;background: url("../images/icons.png") no-repeat;margin: 5px 1px 1px;cursor: pointer;}

#uploader .filelist div.file-panel span.rotateLeft {background-position: 0 -24px;}
#uploader .filelist div.file-panel span.rotateLeft:hover {background-position: 0 0;}

#uploader .filelist div.file-panel span.rotateRight {background-position: -24px -24px;}
#uploader .filelist div.file-panel span.rotateRight:hover {background-position: -24px 0;}

#uploader .filelist div.file-panel span.cancel {background-position: -48px -24px;}
#uploader .filelist div.file-panel span.cancel:hover {background-position: -48px 0;}

#uploader .statusBar {height: 45px;line-height: 45px;vertical-align: middle;position: relative;text-align: left;margin: 20px 0;}

#uploader .statusBar .progress {width:286px;background: #a9bee7;height: 10px;position: relative;display: inline-block;text-align: center;line-height: 20px;color: #808080;position: relative;margin-right: 10px;font-size: 12px;border-radius: 15px;margin-top: 15px;border:2px solid #a9bee7;}
#uploader .percentage_box{position:relative;margin: 1px}
#uploader .statusBar .progress span.percentage {width: 0;height:10px;left: 0;top: 0;position: absolute;overflow: hidden;background: #3366cc;border-radius: 15px;}

#uploader .statusBar .progress span.text {position: absolute;z-index: 10;left: 102%;white-space: nowrap;height: 14px;line-height: 14px;top:-2px;}
#uploader .statusBar .progress span.text font{color: #3366cc}

#uploader .statusBar .info {display: inline-block;font-size: 14px;color: #666666;}

#uploader .statusBar .btns {position: absolute;top:0;right: 0;}
#filePicker2 {display: inline-block;float: left;}
#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused,
#uploader .statusBar .btns .btn{color: #fff;padding: 0 30px;display: inline-block;border-radius: 3px;margin: 0;margin-left: 15px;cursor: pointer;font-size: 14px;float: left;line-height: 40px;border:1px solid #2d5be4;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}

#uploader .statusBar .btns .btn_green{border-color: #36c97f;background: #36c97f;}
#uploader .statusBar .btns .btn_green:hover{background: #2bbb73;}
/*继续下载按钮*/
#uploader .statusBar .btns .webuploader-pick{background: none;color: #4074e1;}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {background: #2f63d0;color: #fff;}



#uploader .statusBar .btns .uploadBtn.disabled{pointer-events: none;opacity: 0.6;}

/*修改*/
.queueList .webuploader-pick{max-width:360px;color: #4074e1;margin-top: 20px;background: #2d5be4;text-decoration: underline;color: #fff;font-size:22px;line-height: 55px;}
#uploader .retry{color: #f43838;}
#uploader .ignore{color: #1897f5;}

#uploader .filelist li .otherimg{background-image: url('../images/otherimg.png');}
/*#uploader .filelist li .otherimgon{background-image: url('../images/otherimgon.png');}
*/
/*错误提示*/
.error_wrap{height: 40px;width:180px;border-radius: 10px;border:2px solid #fdc368;padding: 20px 40px 20px 60px;position: fixed;z-index: 99;top: 50%;margin-top:-42px; left: 0;right: 0;margin-left:auto;margin-right:auto;background: rgba(0,0,0,.6);background: #464646\9;color: #fff;line-height: 18px;}
.error_wrap .txt i{position: absolute;top:20px;left:15px;font-size: 32px;color: #ffd95f;line-height: 1.2;}
.error_wrap .closebtn{position: absolute;top:10px;right:10px;font-size: 20px;cursor: pointer;}
.state-error .progress{display: none;}
@media screen and (max-width: 640px) {
	.default_box .common_box{padding: 30px 10px;}
	#uploader .add_li{padding: 0;}
	#uploader .filelist li{width: 25%;margin: 0;}
	#uploader .filelist li p.imgWrap{margin: 0 3px;height: 80px;}
	#uploader .statusBar{height: auto;text-align: center;}
	#uploader .statusBar .btns{position: relative;overflow: hidden;}
	#uploader .statusBar .btns .webuploader-pick, #uploader .statusBar .btns .uploadBtn, #uploader .statusBar .btns .uploadBtn.state-uploading, #uploader .statusBar .btns .uploadBtn.state-paused, #uploader .statusBar .btns .btn{width: 100%;margin-left: 0;margin-bottom:10px;padding: 0;}
	#uploader .statusBar .btns .webuploader-pick{max-width: 100%;width: auto;display: block;float: none;}
	#filePicker2{display: block;width: 100%;}
	#uploader .statusBar{margin-bottom: 0;}
}
.downloads-zzds {
padding: 30px 26px;	
margin-bottom: 20px;
background: #F5F8FF;
border: 1px solid #3573EE;
border-radius: 10px;
height: 120px;
box-sizing: border-box;
-moz-box-sizing: border-box;}
.downloa-sy {width: 100%;}
.downloa-lift{float:left;}	
.downloa-right{float:right}
.downloa-lift img {
margin-right: 18px;
width: 60px;
height: 60px;}
.displ-te{text-align: left;}	
.displ-te .displ-te1{font-size: 24px;font-weight: bold;color: #3170EB}
.displ-te .displ-te2{font-size: 16px;color: #999999;margin-top: 10px;}	
.downloa-right a {
display: block;
width: 160px;
height: 50px;
background: #386DE6;
border-radius: 6px;
font-size: 16px;
border: 1px solid #3573EE;	
color: #FFFFFF;text-align:center;
line-height: 50px;
margin-top: 5px;
transition: all 0.5s ease;}	
.displayflex{display:flex;}
.downloa-right a:hover{transform: translateY(-5px);box-shadow: 1px 2px 16px 0px rgba(32, 92, 228, 0.27);color: #FFFFFF!important;}
.popup{vertical-align: middle;margin-right: 5px;position:relative;top:-2px;display: initial;}