.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:14px;padding: 0;}
.webuploader-pick{background: #3d99f5;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 .filelist:after {content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both;}
#uploader .filelist li{width:85px;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%;background: url('../images/gif.gif') no-repeat; 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;line-height: 85px;vertical-align: middle;overflow: hidden;height:85px;overflow: hidden;-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;right: 0;top:0;height:42px;width:42px;z-index: 9;background: url("../images/success.png") no-repeat right bottom;text-indent: -9999px;overflow: hidden;}
#uploader .filelist li .error{background-image: url("../images/fail.png");}
#uploader .filelist li .success{display: none;}
#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 {line-height: 35px;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;bottom: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:10px;cursor: pointer;font-size: 14px;border:0;float: left;line-height:35px;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 .btn_soft{background:#20a0ff;color: #fff;padding: 0 30px;display: inline-block;border-radius: 3px;margin: 0;margin-right: 235px;cursor: pointer;font-size: 14px;border:0;float: left;line-height:35px;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 .webuploader-pick{background: #cee8ff;color: #6291e3;}
#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: #1490ed;color: #fff;}
#uploader .statusBar .btns .uploadBtn.disabled{pointer-events: none;opacity: 0.6;}

/*修改*/
.queueList .webuploader-pick{background: url('../images/upload_icon.png') no-repeat center top;max-width:150px;padding-top:60px;color: #4074e1;}

#uploader .retry{color: #f43838;}
#uploader .ignore{color: #1897f5;}

#uploader .filelist li .otherimg{background-image: url('../images/otherimg.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;}
@media screen and (max-width: 640px) {
	#uploader .statusBar .btns{position: relative;overflow: hidden;text-align: center;}
	#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{padding: 0;margin-left: 0;margin-bottom:10px;width: 100%;max-width: 100%;}
	#filePicker2{display: block;width: 100%;}
	#uploader .filelist li{width: 25%;margin: 0;}
	#uploader .filelist li p.imgWrap{margin: 0 3px;}
	#uploader .statusBar .btns .btn_soft{margin-right: 0px;width: 100%;}
}
.sbj50{margin-top: 40px;}
		#content dd{ display:none;}
		#content dd.shou{ display:block;}
		.wrap{margin-top:50px;}
        .bangong{font-size:24px;color:#3946ae; float:left;margin-right:20px; }
        #list li{ float:left; font-size:16px;color:#595959;margin-right: 20px; line-height: 28px;cursor:pointer;}
        .qcfd{clear:both;}
		#list li.actives{color:#3a47af;border-bottom:2px solid #3a47af;}
		.pro-list4 li { width: 25%;float: left;margin-bottom: 25px;}
		.pro-list-box{padding: 40px 0;background: #fafafa;}
.pro-list{margin: 0 -10px;}
.pro-list li{float: left;margin-bottom: 15px;width: 25%;}
.pro-list5 li{width: 20%;}
.pro-list4 li{width: 25%;}
.pro-list3 li{width: 33.333%;}
.pro-list li .box{display: block;margin: 0 10px;background: #fff;border-radius: 6px;overflow: hidden;position: relative;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
  }
	
.pro-list li .name, .pro-list .dianzan {
    padding-left: 15px;
    padding-right: 15px;
	
}	

	
.pro-list li .box:hover{-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);box-shadow: 0px 0px 10px rgba(0,0,0,.25);-webkit-transform: translate3d(0, -3px, 0);-ms-transform: translate3d(0, -3px, 0);-o-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);}
.pro-list li .box:after{content: "";position: absolute;width: 100%;height: 100%; top:0;background: #efefef url('../images/imglazyload.png') center no-repeat;z-index: 9;}
.pro-list li.imgOver .box:after{display: none;}
.pro-list li .pic-box{overflow: hidden;position: relative;}
.pro-list li .pic{text-align: center;display: block;position: relative;}
.pro-list li .pic .picbg{width: 100%;background-position: top center; position: absolute;top: 0;left: 0;z-index: 0;}
.pro-list li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .45);opacity: 0;filter:Alpha(opacity=0);}
.pro-list li .btn-wrap{position: static;}
.pro-list li .download{position: absolute;left: 0;bottom: 120px; width: 74%;margin: 0  13%;opacity: 0;filter:Alpha(opacity=0);-webkit-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
.pro-list .download i{padding-right: 10px;font-size: 18px;vertical-align: top;}
.pro-list li .btn-wrap .btn{position: absolute;bottom: 50px;left:50%;width: 38px;height: 38px;text-align: center;line-height: 38px;background: #000;background: rgba(0, 0, 0, .35);border-radius: 50%;padding: 0;font-size: 20px;overflow: hidden;color: #fff;opacity: 0;filter:Alpha(opacity=0);-webkit-transform: translate3d(0, 20px, 0);-ms-transform: translate3d(0, 20px, 0);-o-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
.pro-list li .btn-wrap .btn.zan{margin-left: -50px;}
.pro-list li .btn-wrap .btn.like{margin-left: 10px;}
.pro-list li .btn-wrap .btn i{width: 100%;height: 100%;position: absolute;top: 0;left: 0px;}
.pro-list li .btn-wrap .btn:hover{color: #7f8dff;}
.pro-list li .btn-wrap .btn .yes{color: #ff9e19;display: none;}
.pro-list li .btn-wrap .btn.actived .no{display: none;}
.pro-list li .btn-wrap .btn.actived{background: rgba(0, 0, 0, .35);}
.pro-list li .btn-wrap .btn.actived .yes{display: block;}
.pro-list li .box:hover .mask{opacity: 1;filter:Alpha(opacity=100);}
.pro-list li .box:hover .btn-wrap{z-index: 13;position: static;}
.pro-list li .box:hover .btn-wrap .download,
.pro-list li .box:hover .btn-wrap .btn{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.pro-list li .box .btn-wrap .download:hover{-webkit-transform: translate3d(0, 6px, 0);-ms-transform: translate3d(0, 6px, 0);-o-transform: translate3d(0, 6px, 0);transform: translate3d(0, 6px, 0);}
.pro-list li .name,
.pro-list dl{padding-left:15px;padding-right: 15px;}
.pro-list li .name{font-size: 18px;color:#444;line-height: 45px;display: block;}
.pro-list li .box:hover .name{color: #3a47af;}
.pro-list dl{padding-bottom: 10px;height: 25px;line-height: 25px;}
.pro-list .dianzan li{float: left;width: 50%;color: #9c9b9b;}
.pro-list .dianzan li p{padding: 0 5px;font-size: 12px;}
.pro-list .dianzan li i{font-size: 18px;padding-right: 5px;}
.download {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    background: #ff9f19;
    background: -moz-linear-gradient(top,#797ae1 6%, #414db5 75%);
    background: -webkit-linear-gradient(top, #797ae1 6%,#414db5 75%);
    background: linear-gradient(to bottom, #797ae1 6%,#414db5 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797ae1', endColorstr='#414db5',GradientType=0 );
  background: -webkit-linear-gradient(left,#797ae1 6%,#414db5 75%);
}
.tar {
    text-align: right;
}
.chaochu{    padding-bottom: 50px;
    
    padding-top: 80px;
    overflow: hidden;}
	
	
.download-wrap .row1 {
    background: #fbfbfb;
    padding: 20px 0;
  
}
.download-wrap .view-img {
    width: 255px;
    float: left;
}
.download-wrap .view-img .img {
    height: 200px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 10px;
}
.picbg {
    height: 100%;
    background-size: cover;
    background-size: 100% 100%\9;
    background-position: center center;
    background-repeat: no-repeat;
}
.fz12 {
    font-size: 12px;
}
.download-wrap .right-box {
    margin-left: 290px;
}
.download-wrap .row1 .title span {
    color: #777;
}
.m-bt20 {
    margin-bottom: 20px;
}.m-tp10 {
    margin-top: 10px;
}.bold {
    font-weight: bold;
}.fz20 {
    font-size: 20px;
}.c-orange {
    color: #ff9400;
}.download-wrap .row1 dl dd a.gradient-h-orange {
    border: 0;
    height: 56px;
    line-height: 56px;
    color: #fff;
}.download-wrap .row1 dl dd a {
    width: 200px;
    height: 54px;
    padding: 0;
    line-height: 54px;
    border: 1px solid #f38616;
    color: #f38616;
    font-size: 18px;
    margin-right: 5px;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}.gradient-h-orange {
    background: #ffae12;
    background: -moz-linear-gradient(left, #797ae1 0%, #424eb5 100%);
    background: -webkit-linear-gradient(left, #797ae1 0%,#424eb5 100%);
    background: linear-gradient(to right, #797ae1 0%,#424eb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797ae1', endColorstr='#424eb5',GradientType=1 );
}.btn {
    border-radius: 3px;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
}.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px) translateX(0) translateZ(0);
    transform: translateY(-5px) translateX(0) translateZ(0);
}