.uploader{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px;overflow:hidden;position:relative;box-sizing:border-box}.uploader:focus{color:#333;background-color:#e6e6e6;border-color:#adadad;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uploader:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.uploader-default{color:#333;background-color:#fff;border-color:#ccc}.uploader-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.uploader-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.uploader-primary:hover{color:#fff;background-color:#3071a9;border-color:#285e8e}.uploader-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.uploader-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.uploader-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.uploader-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.uploader-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.uploader-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.uploader-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.uploader-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.uploader-link{font-weight:400;color:#428bca;border-radius:0}.uploader-link:active{border-color:transparent;box-shadow:none}.uploader-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.uploader_file{border:0 solid red;position:absolute;background-color:transparent;left:0;top:0}.uploader_file input[type=file]{display:block;height:500px;width:200px;cursor:pointer;font-size:200px;margin-top:-50px;position:absolute;left:0;top:-200px;opacity:0;filter:alpha(opacity = 0);z-index:14}.uploader-progress{padding:10px 0}.uploader-progress progress{width:100%;height:15px}.uploader_panel{width:400px;position:absolute;z-index:10}.uploader_panel .uploader_item{margin:10px 0;padding:5px 10px;color:#3c763d;border-radius:4px;font-size:12px;font-family:'Microsoft YaHei';position:relative;background-color:#f7f7f9;border:1px solid #e1e1e8}.uploader_item .title{height:25px;line-height:25px;text-overflow:ellipsis;white-space:nowrap}.uploader_item .left{float:left}.uploader_item .right{float:right}.clear{clear:both}.uploader_item .close{font-weight:bold;font-size:14px;cursor:pointer;position:absolute;top:5px;right:10px}.uploader_item .btn-proc{border:1px solid #e1e1e8;padding:2px 8px;cursor:pointer}.uploader_item .btn-proc:hover{color:red}.uploader_item .close:hover{color:red}.uploader_item .status{padding:8px 0}.coverInner{border:0 solid red;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.coverInner-hot{box-shadow:0 0 20px 5px rgba(255,0,0,0.2)}.contentElem{font-size:13px;font-family:'Microsoft YaHei';position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contentElem .top{height:25px;line-height:25px;padding-bottom:5px}.contentElem .top .title{font-weight:bold;float:left;font-size:15px}.contentElem .closeBtn{font-family:"wbficonregular"!important;display:inline-block;-webkit-font-smoothing:antialiased;float:right}.contentElem .closeBtn a{display:inline-block;width:20px;height:20px;text-align:center;line-height:19px;font-size:16px;color:inherit;font-weight:bold;text-decoration:none;border:1px solid #333;border-radius:50%}.contentElem .closeBtn a:hover{color:#188532}.contentElem .leftItem{border:0 solid blue;float:left;margin-right:20px;width:360px;height:360px;background-color:#E5E5E5;position:relative}.uploader_middle{position:relative}.uploadItem .uploader{display:inline-block}.uploadItem .upBtnDiv{text-align:center;position:absolute;width:100%;top:50%;transform:translate(0px,-50%)}.uploadItem .btnDesc{color:#f00;line-height:30px;padding:5px 0}.uploadItem .extention{font-size:12px;padding:5px 0}.uploadItem .progressDiv{width:100%;border:0 solid blue;padding-top:110px}.progressDiv .progressImg{background:url(circleTwo.gif) no-repeat center center;width:100%;height:100px}.progressDiv .progressText{text-align:center;width:100%;height:25px;line-height:25px}.uploader_middle .imgItem{display:none}.imgItem img{max-height:360px;max-width:360px;position:absolute}.contentElem .rightItem{border:0 solid blue;float:left;height:380px;padding:0 15px;background-color:#E5E5E5;position:relative}.previewDiv{position:relative;top:50%;transform:translate(0px,-50%)}.targetOne{border:0 solid blue;overflow:hidden}.targetOne img{width:100%;height:100%}.contentElem .targetText{height:25px;line-height:25px;font-size:12px;text-align:center}.uploader_btnDiv{margin-top:10px;width:100%;text-align:center}.uploader_btnDiv span{display:inline-block;margin:0 10px;color:white;background-color:#3ba354;height:25px;line-height:25px;text-align:center;padding:0 10px;cursor:pointer}.uploader_btnDiv span:hover{background-color:#188532}.uploader_btnDiv .uploader{left:0;bottom:-5px;position:absolute}#canvasUp{position:absolute;left:0;top:0;border:1px solid #6464A2;cursor:move}.canvasBack{position:absolute;background-color:rgba(0,0,0,0.6);cursor:url('cursor_drag.ico'),pointer}.divSquare{border:0 solid blue;width:5px;height:5px;position:absolute;cursor:nwse-resize;background:white}.divSquare_lb{border:1px solid blue;width:5px;height:5px;position:absolute;cursor:nesw-resize;background:white}.divSquare_lt{border:1px solid blue;width:5px;height:5px;position:absolute;cursor:nwse-resize;background:white}.divSquare_rt{border:1px solid blue;width:5px;height:5px;position:absolute;cursor:nesw-resize;background:white}