a,body,center,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,img,label,li,ol,p,pre,small,span,strong,sub,sup,u,ul{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}a{color:#007bc4 ;text-decoration:none}a:hover{text-decoration:underline}a:focus{outline:none;-moz-outline:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}body{height:100%;font:14px/18px Microsoft Yahei,Tahoma,Helvetica,Arial,Verdana,"\5B8B\4F53",sans-serif;color:#51555c}img{border:none}header{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px;overflow:hidden}.logo a{display:block;width:240px;height:90px}.main{border:1px solid #d3d3d3;border-radius:5px;background:#fff}h2.top_title{margin:4px 10px;padding-top:15px;padding-bottom:10px;border-bottom:1px solid #d3d3d3;font-size:18px;color:#007bc4;font-weight:700}.optlist{margin:50px 10px;text-align:center}.optlist a{margin:6px}footer{height:60px}footer p{padding:10px 2px;line-height:24px;text-align:center}footer p a:hover{color:#51555c}.google_ad{width:728px;height:90px;margin:50px auto}.ad_76090,.ad_demo{width:760px;height:90px;margin:40px auto}.demo_topad{position:absolute;top:15px;right:0;width:472px;height:60px}@media screen and (min-width:320px) and (max-width:480px){html{-webkit-text-size-adjust:none}.header,.main{width:100%}.main{margin:10px auto;border-radius:0}.demo_topad{display:none}.ad_76090,.ad_demo,.google_ad{width:100%;margin:40px auto;text-align:center}.ad_76090,.ad_demo{height:auto}.demo{width:98%;margin:10px auto}}.webuploader-container{position:relative}.webuploader-element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.webuploader-pick{position:relative;display:inline-block;cursor:pointer;background:#00b7ee;padding:10px 15px;color:#fff;text-align:center;border-radius:3px;overflow:hidden}.webuploader-pick-hover{background:#00a2d4}.webuploader-pick-disable{opacity:.6;pointer-events:none}#uploader{position:relative}#uploader .queueList{margin:20px}#uploader .placeholder{border:3px dashed #e6e6e6;min-height:350px;padding-top:158px;text-align:center;color:#ccc;font-size:18px;position:relative}#uploader .placeholder .webuploader-pick{font-size:18px;background:#00b7ee;border-radius:3px;line-height:44px;padding:0 30px;color:#fff;display:inline-block;margin:20px auto;cursor:pointer;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}#uploader .placeholder .webuploader-pick-hover{background:#00a2d4}#uploader .placeholder .flashTip{color:#666;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:#999}#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied{border-color:red}#uploader .filelist{list-style:none;margin-top:10px;padding:0}#uploader .filelist:after{content:"";display:block;width:0;height:0;overflow:hidden;clear:both}#uploader .filelist li{width:110px;height:110px;text-align:center;margin:0 8px 20px 0;position:relative;display:inline;float:left;overflow:hidden;font-size:12px}#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;width:100%;bottom:0;left:0;height:8px;background-color:transparent;margin-bottom:0;overflow:hidden;z-index:50}#uploader .filelist li p.progress span{display:none;overflow:hidden;width:0;height:100%;-webit-transition:width .2s linear;-webkit-transition:width .2s linear;transition:width .2s linear;-webkit-animation:progressmove 2s linear infinite;animation:progressmove 2s linear infinite;-webkit-transform:translateZ(0)}@-webkit-keyframes progressmove{0%{background-position:0 0}to{background-position:17px 0}}@keyframes progressmove{0%{background-position:0 0}to{background-position:17px 0}}#uploader .filelist li p.imgWrap{position:relative;z-index:2;line-height:110px;vertical-align:middle;overflow:hidden;width:110px;height:110px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webit-transition:.2s ease-out;-webkit-transition:.2s ease-out;transition:.2s ease-out}#uploader .filelist li img{width:100%}#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{display:block;position:absolute;left:0;bottom:0;height:40px;width:100%;z-index:200}#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,.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;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:63px;border-top:1px solid #dadada;padding:0 20px;line-height:63px;vertical-align:middle;position:relative}#uploader .statusBar .progress{border:1px solid #1483d8;width:198px;background:#fff;height:18px;display:inline-block;text-align:center;line-height:20px;color:#6dbfff;position:relative;margin-right:10px}#uploader .statusBar .progress span.percentage{width:0;height:100%;left:0;top:0;background:#1483d8;position:absolute}#uploader .statusBar .progress span.text{position:relative;z-index:10}#uploader .statusBar .info{display:inline-block;font-size:14px;color:#666}#uploader .statusBar .btns{position:absolute;top:10px;right:20px;line-height:40px}#filePicker2{display:inline-block;float:left}#uploader .statusBar .btns .uploadBtn,#uploader .statusBar .btns .uploadBtn.state-paused,#uploader .statusBar .btns .uploadBtn.state-uploading,#uploader .statusBar .btns .webuploader-pick{background:#fff;border:1px solid #cfcfcf;color:#565656;padding:0 18px;display:inline-block;border-radius:3px;margin-left:10px;cursor:pointer;font-size:14px;float:left}#uploader .statusBar .btns .uploadBtn.state-paused:hover,#uploader .statusBar .btns .uploadBtn.state-uploading:hover,#uploader .statusBar .btns .uploadBtn:hover,#uploader .statusBar .btns .webuploader-pick-hover{background:#f0f0f0}#uploader .statusBar .btns .uploadBtn{background:#00b7ee;color:#fff;border-color:transparent}#uploader .statusBar .btns .uploadBtn:hover{background:#00a2d4}#uploader .statusBar .btns .uploadBtn.disabled{pointer-events:none;opacity:.6}.item{padding-bottom:10px;line-height:22px}.pic2{height:38px}a{color:#333}a:hover{text-decoration:none}.uped_but{width:80px;height:38px;border:1px solid #409eff;text-align:center;background:#409eff;color:#fff;border-radius:4px}.demo{min-width:360px;margin:30px auto;padding:10px 20px}.demo h3{line-height:40px;font-weight:700}.file-item{float:left;position:relative;width:110px;height:110px;margin:0 20px 20px 0;padding:4px}.file-item .info{overflow:hidden}.i_b_out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ylbtn{margin-left:80px;border:1px solid #333;border-radius:20px;padding:0 12px;font-size:12px}.ylbtn,.ylbtn:hover{-webkit-transition:all .3s;transition:all .3s}.ylbtn:hover{border:1px solid #0078ff;color:#0078ff;cursor:pointer;-webkit-box-shadow:0 0 5px 0 rgba(0,120,255,.2);box-shadow:0 0 5px 0 rgba(0,120,255,.2)}.delsing{margin-left:50px;cursor:pointer}.uploader-list{width:100%;overflow:hidden}.webuploader-pick{padding:0 15px}.classborder{border:1px solid #c1cdcd;width:60%;text-align:center;border-radius:2px}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.index{border-radius:6px;padding-bottom:10px}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar{width:178px;height:178px;display:block}