/*上传控件*/
.hidden { display: none !important; visibility: hidden !important;}
/*
.hidden { display: none !important; visibility: hidden !important;}
.webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: #00b7ee; padding: 5px 15px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden;}
.webuploader-pick-hover { background: #00a2d4;}
.webuploader-dnd { width: 400px; height: 400px; border: 3px solid #ddd;}
.webuploader-dnd-over { border-style: dashed;}
.webuploader-container { position: relative;}
.jumbotron { color: #fff; text-shadow: 1px 1px 1px #3b3262; margin-bottom: 0;}
*/

/* 解决 box-sizing: border-box; 导致的错位  */
div[data-ui-type="uploader"],
div[data-ui-type="uploader"] *,
.upload-single,
.upload-single *{ box-sizing: border-box;}


/*单图片上传*/
.upload-single img{vertical-align: middle;}
.upload-single>.clearfix>div { padding-right: 10px; padding-bottom: 5px; padding-left: 0;}
.upload-single .upload-photo-area,
.upload-single .upload-file-area { padding: 5px; width: 166px; height: 166px; border: 3px dashed #e6e6e6; color: #ccc; text-align: center;}
.upload-other-ways { text-align: center; font-size: 12px; line-height: 20px; opacity: .7;}
.upload-single .upload-pick {padding-top: 90px;background: url(../img/upload-images-bg.png) center 12px no-repeat;}
.upload-single .upload-pick>div[id]{top:90px; left:25px;}
.upload-single .webuploader-pick { padding: 5px 15px; width: 100px; height: 36px; border-radius: 4px; text-align: center; line-height: 26px;}
.upload-single .upload-pick:hover .webuploader-pick,
.upload-single .webuploader-pick-hover { background-color: #3276b1;}
.upload-single .upload-pick input { padding: 0 24px; width: 100px; height: 36px;}
.upload-single .upload-pick label { display: none;}
.upload-single .upload-placeholder p { text-align: center;}
.upload-photo-area ul,
.upload-file-area ul { margin: 0; padding: 0; list-style: none; min-height: 120px;}
.upload-photo-area .photolist li { display: table-cell; line-height: 150px;}
.upload-photo-area .photolist li .imgWrap img{opacity:1}
.upload-photo-area .photolist li .imgWrap-upload-success img{opacity:1}
.upload-photo-area .photolist img { max-width: 150px; max-height: 150px;}
.upload-photo-area .photolist li,
.upload-single .upload-file-area li { position: relative; float: left; overflow: hidden; padding: 0; width: 150px; height: 150px; text-align: center; font-size: 12px; cursor: pointer;}
.upload-photo-area .photolist li p { padding: 0;}
.upload-photo-area .photolist li p.title { position: absolute; top: 0; left: 0; overflow: hidden; padding: 5px; width: 200px; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000) \0; color: #d2d2d2; color: rgba(255, 255, 255, .8); text-align: left; text-indent: 5px; text-overflow: ellipsis; white-space: nowrap;}
.upload-placeholder-bottom{text-align:center;}
.upload-placeholder-bottom>span{width:22px; display:inline-block;}
.upload-placeholder-bottom .upload-btn{font-size:20px; color:#777 }
.upload-placeholder-bottom .upload-btn:hover{color:#00b7ee}

/*单文件上传*/
.upload-single .upload-file-area li { cursor: default;}
.upload-single .upload-file-area li .imgWrap{width:150px; height:150px; text-align:center; font-size:0px; line-height:150px; display:block; padding:0px; margin:0 auto;}
.upload-single .upload-file-area li #fileName{position:absolute; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,0.6); z-index:2; line-height:20px;}
.upload-single .upload-file-area .name { overflow: hidden; white-space: nowrap; margin-top: 20px; padding: 80px 0 0; text-align: center; line-height: 24px; color: #000; background: url(../img/filestype.png) 40px 10px no-repeat;}
.upload-single .upload-file-area li .name.rar { background-position: 34px -718px;}
.upload-single .upload-file-area li .name.pic { background-position: 34px -158px;}
.upload-single .upload-file-area li .name.word { background-position: 34px -524px;}
.upload-single .upload-file-area li .name.video { background-position: 34px 0;}
.upload-single .upload-file-area li .name.music { background-position: 34px -338px;}
.upload-single .upload-file-area li .name.files { background-position: 34px -524px;}
.upload-single .upload-file-area .control { display: none; font-size: 20px; line-height: 24px; padding-left: 5px;}
.upload-single .upload-file-area li:hover .control { display: block;}
.upload-single .upload-file-area .size { line-height: 24px; font-size: 14px; padding-right: 5px;}

.upload-single .control-label { padding: 6px 7px 6px 15px; font-weight: normal; line-height: 22px;min-height: 29px;}

/* 链接文件上传 */
.upload-single-linkurl .upload-pick { padding-top: 0;background: none; }

/*单图片和单文件的操作图标*/
.upload-photo-area .photolist .file-panel,
.upload-file-area .filelist .file-panel { position: absolute; top: 116px; left: 0; z-index: 300; display: none; overflow: hidden; padding: 5px 10px; width: 150px; border: none; border-radius: 0; background: rgba(66, 139, 202, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC428bca, endColorstr=#CC428bca) \0; color: #fff; font-size: 20px; line-height: 24px; cursor: default;}
.upload-photo-area .photolist li:hover .file-panel,
.upload-file-area .filelist li:hover .file-panel { display: block;}
.upload-photo-area .photolist .file-panel i,
.upload-file-area .filelist .file-panel i { padding: 0 6px; width: 28px; height: 24px; color: #fff; text-align: center; line-height: 24px; cursor: pointer;}

/*上传成功提示*/
.upload-single .upload-success,
.upload-multi .upload-success { position: absolute; top: 5px; right: 5px; z-index: 300; display: block; padding: 0; width: 20px; height: 20px; border: none; border-radius: 50%; background: #00c1f3; color: #fff; font-size: 14px; line-height: 20px;}

/*上传失败提示*/
.upload-single .upload-error { position: absolute; top: 5px; right: 5px; z-index: 300; display: block; padding: 0; width: 20px; height: 20px; border: none; border-radius: 50%; background: #C71816; color: #fff; font-size: 14px; line-height: 20px;}
.upload-multi .upload-error{ background: #f43838;color: #fff;position: absolute;bottom: 3px;left: 4px;right: 5px;height: 24px;line-height: 24px;width: auto;z-index: 300;margin: 0; }
/*上传进度条*/
.upload-single .progress,
.upload-multi .progress,
.wizard .upload-single .progress,
.wizard .upload-multi .progress { position: absolute; top: 116px; z-index: 301; margin: 0; width: 150px; height: 34px; border-radius: 0; background: rgba(0, 0, 0, .2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000) \0; color: #fff; text-align: center; font-size: 14px; line-height: 34px;}
.upload-single .progress span.percentage,
.upload-multi .progress span.percentage,
.wizard .upload-single .progress span.percentage,
.wizard .upload-multi .progress span.percentage { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: rgba(255, 138, 0, .8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCff8a00, endColorstr=#CCff8a00) \0;}
.upload-single .progress span.text,
.upload-multi .progress span.text,
.wizard .upload-single .progress span.text,
.wizard .upload-multi .progress span.text { position: relative; z-index: 10;}

/*确定上传栏*/
.upload-multi .status-bar { margin-top: 15px; padding: 15px 20px 5px; border-top: 1px solid #a1a1a1; border-top: 1px solid rgba(218, 218, 218, .7);}
.upload-multi .status-bar .info,
.upload-multi .status-bar .edit { padding-top: 5px; color: #ccc; text-align: left; font-size: 12px; line-height: 20px;}
.upload-multi .status-bar .info span { padding: 0 3px; color: #666; font-weight: bold;}
.upload-multi .status-bar .upload-btn-left .upload-btn{font-size:20px; color:#777 }
.upload-multi .status-bar .upload-btn-left .upload-btn:hover{color:#00b7ee; text-decoration: none;}

/*多文件上传（图片）*/
.upload-multi .upload-placeholder { padding-bottom: 30px;}
.upload-multi .upload-photo-area,
.upload-multi .upload-file-area {padding: 3px;min-height: 200px;border: 3px dashed #e6e6e6;color: #ccc;text-align: center;}
.upload-multi .upload-pick { padding-top: 150px; margin-top: 0; background: url(../img/upload-images-bg.png) center 60px no-repeat;}
.upload-multi .webuploader-pick { padding: 10px 25px; width: 145px; height: 46px; line-height: 26px; font-size: 16px;}
.upload-multi .upload-pick input { padding: 0 40px; width: 145px; height: 46px;}
.upload-multi .photolist li {min-width: 135px;max-width: 240px;margin: 0;padding: 4px;width: 20%; height:auto; border: 1px solid transparent;}
.upload-multi .photolist .file-panel { top: 5px; left: 5px; right:5px; width:auto; padding: 4px 2px 4px 0; font-size: 18px;}
.upload-multi .photolist .file-panel i { padding: 0; width: 20px;}
.upload-multi .photolist .file-panel #btnAddFeaturedImage { padding-right: 6px;}
.upload-multi .photolist .title { position: absolute; top: auto; left: auto; bottom:7px;z-index: 299; padding: 4px 8px 4px 0; width: 100%;height: 24px; line-height:24px; border: none; background: transparent;}
.upload-multi .photolist .title input {margin: 0;padding: 0 5px;width:100%; text-align:center;height: 24px;outline: none;border: 1px solid transparent;background: transparent;color: #666;-o-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;}
.upload-multi .photolist li:hover .title input { border: 1px solid #b3daef; border: 1px solid rgba(8, 139, 207, .3); background: #fefefe; background: rgba(255, 255, 255, .55); box-shadow: 0 1px 1px rgba(0, 0, 0, .075); color: #666;}
.upload-multi .upload-photo-area .photolist .imgWrap{display:block;width: 100%; height: 0px; padding-bottom: calc(100% - 2px); overflow:hidden; line-height:140px; font-size:0; text-align:center; border:1px solid #ddd; background:#fff;position:relative;margin:0; margin-bottom:25px;}
.upload-multi .upload-photo-area .photolist .imgWrap img {max-width: 100%;max-height: 100%;cursor: move; opacity:50%;position:absolute; margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.upload-multi .upload-photo-area .photolist .imgWrap-upload-success img{opacity:1}
.upload-multi .upload-photo-area .upload-success { top: 7px; right: 7px; font-size: 12px;}
.upload-multi .upload-photo-area .progress { top: auto; bottom: 3px;right: 5px;left: 4px; padding: 0; width: calc(100% - 8px);height: 24px; border: none; line-height: 24px;z-index: 300;}
.upload-multi .upload-placeholder-bottom{ padding-top:15px;}
.upload-multi .upload-btn .btn-default{display: inline-block; text-align: center; vertical-align: middle; color: #333333; background-color: #ffffff; border:1px solid #cccccc; white-space: nowrap; padding: 6px 12px; user-select: none; border-radius: 4px;}
.upload-multi .upload-btn .btn-default:hover{background-color: #d4d4d4; border-color: #8c8c8c; color: #333333;}

/*多文件上传（文件）*/
.upload-multi .upload-file-area li { display: block; position: relative; height: 36px; line-height: 36px; background: #fff;}
.upload-multi .upload-file-area li:nth-child(2n + 1) { background: #1f2326; background: rgba(66, 139, 202, .05);}
.upload-multi .upload-file-area li:hover { background: #f5f9fc;}
.upload-multi .upload-file-area .file-message>div { padding-right: 5px; padding-left: 5px;}
.upload-multi .upload-file-area li .size,
.upload-multi .upload-file-area li .stutus,
.upload-multi .upload-file-area li .control { overflow: hidden; white-space: nowrap;}
.upload-multi .upload-file-area li .name { overflow: hidden; white-space: nowrap; padding-left: 60px; text-align: left; color: #000; background: url(../img/filestype-small.png) 40px 10px no-repeat;}
.upload-multi .upload-file-area li .name.rar { background-position: 40px -92px;}
.upload-multi .upload-file-area li .name.pic { background-position: 40px -26px;}
.upload-multi .upload-file-area li .name.word { background-position: 40px -125px;}
.upload-multi .upload-file-area li .name.video { background-position: 40px 10px;}
.upload-multi .upload-file-area li .name.music { background-position: 40px -60px;}
.upload-multi .upload-file-area li .name.files { background-position: 40px -125px;}
.upload-multi .upload-file-area li .upload-success { top: 8px; left: 8px; padding: 0; font-size: 12px; width: 16px; height: 16px; border-radius: 50%; line-height: 16px;}
.upload-multi .upload-file-area li .upload-error { top: 8px; left: 8px; padding: 0; font-size: 12px; width: 16px; height: 16px; border-radius: 50%; line-height: 16px;}
.upload-multi .upload-file-area li .control a { margin: 0 5px; font-size: 14px;}
.upload-multi .upload-file-area li .progress { position: relative; top: 0; margin: 8px 0 0; height: 20px; width: auto; line-height: 20px; z-index: 301; background: #181818; background: rgba(0, 0, 0, .2); color: #fff; text-align: center; font-size: 14px;}
.upload-multi .upload-file-area .progress span.percentage {}

/* 上传控件遮罩层 */
.multiuploadimages-list li:hover .overlay,
.upload-file-area .filelist li:hover .overlay,
.upload-photo-area .photolist li:hover .overlay { display: block; }
.multiuploadimages-list .overlay,
.upload-file-area .filelist .overlay,
.upload-photo-area .photolist .overlay{position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.1); display:none;}
.multiuploadimages-list .overlay .show-photo,
.upload-file-area .filelist .overlay .show-photo,
.upload-photo-area .photolist .overlay .show-photo{width:80px; height:80px; line-height:80px;  font-size:50px; color:rgba(255,255,255,0.8); position:absolute; left:50%; top:50%; text-align: center;margin:-60px auto auto -40px; cursor:pointer }
.multiuploadimages-list .overlay .show-video,
.upload-file-area .filelist .overlay .show-video,
.upload-photo-area .photolist .overlay .show-video{width:80px; height:80px; line-height:80px;  font-size:50px; color:rgba(255,255,255,0.8); position:absolute; left:50%; top:50%; text-align: center;margin:-60px auto auto -40px; cursor:pointer }

/*上传弹出窗口样式*/
.add-photo-info label { padding-right: 0; color: #333; text-align: right; font-weight: normal;}

/*弹出窗口样式调整(添加外链和修改信息)*/
.upload-single .upload-file-area .modal-content,
.upload-single .upload-photo-area .modal-content,
.upload-multi .upload-file-area .modal-content,
.upload-multi .upload-photo-area .modal-content { color: #000; text-align: left;}
.upload-single .upload-file-area .form-group label,
.upload-single .upload-photo-area .form-group label,
.upload-multi .upload-file-area .form-group label,
.upload-multi .upload-photo-area .form-group label { padding: 4px 0 0; color: #999; text-align: right; font-weight: normal; line-height: 24px; margin-bottom:5px;}
.upload-single .upload-file-area .modal-footer,
.upload-single .upload-photo-area .modal-footer,
.upload-multi .upload-file-area .modal-footer,
.upload-multi .upload-photo-area .modal-footer { margin-top: 0;}
.upload-multi .form-horizontal .form-group:before,
.upload-multi .form-horizontal .form-group:after{ content: " "; display: table; clear: both;}

.upload-multi .modal-dialog .form-group{padding: 4px 0;}
.upload-multi .modal-dialog .col-sm-2{float:left; width:16.66666667%}
.upload-multi .modal-dialog .col-sm-9{float: left; width: 75%;}
.upload-multi .modal-dialog .form-control{display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff;background-image: none; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.upload-multi .modal-dialog .form-control:focus{ border-color: #66afe9; outline: 0;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.upload-multi .modal-dialog textarea.form-control{height:auto;}
.upload-multi .modal-dialog .btn{border-radius:4px;}

/*拖拽显示边框样式*/
.upload-single.webuploader-dnd-over,
.upload-multi.webuploader-dnd-over { border: none;}
.upload-single.webuploader-dnd-over .upload-photo-area,
.upload-single.webuploader-dnd-over .upload-file-area,
.upload-multi.webuploader-dnd-over .upload-photo-area,
.upload-multi.webuploader-dnd-over .upload-file-area { border-color: #666;}

/*内部拖拽边框样式*/
.upload-multi .photolist li.ui-sortable-helper { background: #fff; border: 1px dashed #428bca;}
.upload-multi .photolist li.ui-sortable-placeholder {}

/*上传input隐藏*/
.upload-single .webuploader-element-invisible,
.upload-multi .webuploader-element-invisible { display: none;}

/*上传图片裁剪 image-cropper*/
.image-cropper-box .modal-dialog { width: 800px;}
.image-cropper-box .modal-body { padding: 15px 25px;}
.image-cropper-left { width: 550px;}
.docs-toolbar { margin-top: 10px; text-align: center;}
.image-cropper-right { width: 180px;}
.image-cropper-right h3 { font-size: 14px; line-height: 24px; font-weight: bold; padding: 0 0 5px; margin: 0;}
.img-container,
.img-preview { background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center;}
.img-container { box-shadow: inset 0 0 5px #eee; border: 1px solid #eee; height: 360px;}
.img-container>img { max-width: 100%; max-height: inherit;}
.img-preview { margin-bottom: 5px; border: 1px solid #eee; height: 120px; width: 180px;}
.docs-data>.input-group { padding-bottom: 7px;}
.lock-ratio { padding: 5px 0;}
.lock-ratio span { padding-left: 5px;}
.docs-options { margin-top: 7px; padding-top: 5px; border-top: 1px solid #ccc;}
.docs-options .row { padding: 4px 0;}
.docs-options .row>div { padding: 0; font-size: 12px;}
.docs-options .row .control-label { padding-right: 8px; color: #666;}


/*文件上传后预览*/

/*图片上传后预览列表显示 multiuploadimages-list*/
.multiuploadimages-list figure figcaption { color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.multiuploadimages-list figure figcaption,
.multiuploadimages-list figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.multiuploadimages-list figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
figure.smooth-effect { position: relative; z-index: 1; display: block; float: left; overflow: hidden; margin: 1px; width: 120px; height: 120px; background: #3085a3; text-align: center; cursor: pointer;}
figure.smooth-effect img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);}
figure.smooth-effect figcaption { top: auto; bottom: 0; height: 100%; text-align: left; padding: 40px 10px 10px;}
figure.smooth-effect h2,
figure.smooth-effect p { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
figure.smooth-effect h2 { margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-size: 14px;}
figure.smooth-effect p { font-size: 12px; line-height: 18px; height: 59px; overflow: hidden; color: #d2d2d2; color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover p { opacity: 1;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover h2,
figure.smooth-effect:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
figure.smooth-effect:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}

/*.multiuploadimages-list*/
.multiuploadimages-list ul { padding: 0; margin: 0; overflow:hidden; }
.multiuploadimages-list li{ min-width: 128px; max-width: 221px;position: relative; vertical-align: top;width: 18%;height: auto;margin: 2px 5px 5px; display: inline-block;list-style: none;}
.multiuploadimages-list li .imgWrap{width:100%; height:0;padding-bottom: calc(100% - 2px); font-size:0px; line-height:135px; text-align: center; background:#fff; display: block; border:1px solid #e5e5e5;margin: 0;position: relative;}
.multiuploadimages-list li .imgWrap span{display:block; width:100%;}
.multiuploadimages-list li .imgWrap img{width:auto; height:auto; max-width:100%; max-height:100%;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
.multiuploadimages-list li:hover .imgWrap{background: #e5f3fb; border: 1px solid #70c0e7; box-shadow: 0 0 3px rgba(35, 112, 158, .4);}
.multiuploadimages-list li h2 { font-size: 12px; text-align: center; color: #666; padding: 4px 0; margin: 5px 0 0; line-height: 16px; word-wrap: break-word; word-break: break-all;}
.multiuploadimages-list li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*文件上传后预览列表显示 multiuploadfiles-list*/
.multiuploadfiles-list ul { padding: 0; margin: 0;}
.multiuploadfiles-list li { display: block; height: 32px; line-height: 32px; padding-left: 26px; background: url(../img/filestype-small.png) 0px 10px no-repeat #fff;}
.multiuploadfiles-list li:nth-child(2n) { background-color: #f9f9f9;}
.multiuploadfiles-list li:hover { background-color: #e5f3fb;}
.multiuploadfiles-list li a { padding: 0 20px 0 0;}
.multiuploadfiles-list li span { color: #ccc; font-weight: normal; padding-right: 15px;}
.multiuploadfiles-list li.rar { background-position: 0px -95px;}
.multiuploadfiles-list li.pic { background-position: 0px -27px;}
.multiuploadfiles-list li.word { background-position: 0px -127px;}
.multiuploadfiles-list li.video { background-position: 0px 9px;}
.multiuploadfiles-list li.music { background-position: 0px -60px;}
.multiuploadfiles-list li.files { background-position: 0px -126px;}

/* 图片预览 */
.upload-multi .modal-dialog,
.upload-single .modal-dialog{width: 600px;}

/*上传图片裁剪 image-cropper*/
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #000;}
.image-cropper-box .modal-dialog { width: 800px;}
.image-cropper-box .modal-body { padding: 15px 25px;}
.image-cropper-left { width: 550px;}
.docs-toolbar { margin-top: 10px; text-align: center;}
.image-cropper-right { width: 180px;}
.image-cropper-right h3 { font-size: 14px; line-height: 24px; font-weight: bold; padding: 0 0 5px; margin: 0;}
.img-container,
.img-preview { background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center;}
.img-container { box-shadow: inset 0 0 5px #eee; border: 1px solid #eee; height: 360px;}
.img-container>img { max-width: 100%; max-height: inherit;}
.img-preview { margin-bottom: 5px; border: 1px solid #eee; height: 118px; width: 178px;}
.docs-data>.input-group { padding-bottom: 7px; overflow: hidden;}
.docs-data>.input-group span.input-group-addon { border-radius: 0px 4px 4px 0px; border-right: 1px solid #ccc; border-left: none;}
#FormBox .modal-dialog .modal-body .form-control { height: 24px; line-height: 24px; overflow: hidden; width: 108px; float: left; padding: 0px 5px; border: 1px solid #ccc; margin: 0px;}
#FormBox .modal-dialog .modal-body #dataWidth.form-control,
#FormBox .modal-dialog .modal-body #dataHeight.form-control { width: 89px;}
.lock-ratio { padding: 5px 0;}
.lock-ratio span { padding-left: 5px;}
.docs-options { margin-top: 7px; padding-top: 5px; border-top: 1px solid #ccc;}
.docs-options .row { padding: 4px 0;}
.docs-options .row>div { padding: 0; font-size: 12px;}
.docs-options .row .control-label { padding-right: 8px; color: #666;}

/*文件上传后预览*/

/*图片上传后预览列表显示 multiuploadimages-list*/
.multiuploadimages-list figure figcaption { color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.multiuploadimages-list figure figcaption,
.multiuploadimages-list figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.multiuploadimages-list figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
figure.smooth-effect { position: relative; z-index: 1; display: block; float: left; overflow: hidden; margin: 1px; width: 120px; height: 120px; background: #3085a3; text-align: center; cursor: pointer;}
figure.smooth-effect img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);}
figure.smooth-effect figcaption { top: auto; bottom: 0; height: 100%; text-align: left; padding: 40px 10px 10px;}
figure.smooth-effect h2,
figure.smooth-effect p { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
figure.smooth-effect h2 { margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; font-size: 14px;}
figure.smooth-effect p { font-size: 12px; line-height: 18px; height: 59px; overflow: hidden; color: #d2d2d2; color: rgba(255, 255, 255, 0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover p { opacity: 1;}
figure.smooth-effect:hover img,
figure.smooth-effect:hover h2,
figure.smooth-effect:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
figure.smooth-effect:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}

/*.multiuploadimages-list*/
.multiuploadimages-list ul { padding: 0; margin: 0;}
.multiuploadimages-list li { position: relative; display: inline-block; vertical-align: top; width: 128px; background-color: #fff; background-color: rgba(255, 255, 255, .6); padding: 3px; margin: 2px 4px 4px 2px; list-style: none; border: 1px solid transparent; -o-transition: box-shadow ease-in-out 1s, border ease-in-out .5s; -webkit-transition: box-shadow ease-in-out 1s, border ease-in-out .5s; transition: box-shadow ease-in-out 1s, border ease-in-out .5s;}
.multiuploadimages-list li:hover { background: #e5f3fb; border: 1px solid #70c0e7; box-shadow: 0 0 3px rgba(35, 112, 158, .4);}
.multiuploadimages-list .pic { width: 120px; height: 120px; overflow: hidden;}
.multiuploadimages-list .pic span { width: 120px; height: 120px; overflow: hidden; vertical-align: bottom; display: table-cell;}
.multiuploadimages-list .pic img { width: 120px; height: 120px;}
.multiuploadimages-list li h2 { font-size: 12px; text-align: center; color: #666; padding: 4px 0; margin: 0; line-height: 16px;}
.multiuploadimages-list li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*文件上传后预览列表显示 multiuploadfiles-list*/
.multiuploadfiles-list ul { padding: 0; margin: 0;}
.multiuploadfiles-list li { display: block; height: 32px; line-height: 32px; padding-left: 45px; background: url(../img/filestype-small.png) 15px 10px no-repeat #fff;}
.multiuploadfiles-list li:nth-child(2n) { background-color: #f9f9f9;}
.multiuploadfiles-list li:hover { background-color: #e5f3fb;}
.multiuploadfiles-list li a { padding: 0 20px 0 0;}
.multiuploadfiles-list li span { color: #ccc; font-weight: normal; padding-right: 15px;}
.multiuploadfiles-list li.rar { background-position: 15px -92px;}
.multiuploadfiles-list li.pic { background-position: 15px -26px;}
.multiuploadfiles-list li.word { background-position: 15px -125px;}
.multiuploadfiles-list li.video { background-position: 15px 10px;}
.multiuploadfiles-list li.music { background-position: 15px -60px;}
.multiuploadfiles-list li.files { background-position: 15px -125px;}

/* mobile-file-upload-hd */
.mobile-file-upload-box { font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', 'PingFang SC', sans-serif; font-size: 14px; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.mobile-file-upload-hd { height: 45px; position: relative; overflow: hidden;}
.mobile-file-upload-hd .logo-img { position: absolute; left: 10px; top: 16px; width: 90px;}
.mobile-file-upload-hd .logo-img img { max-height: 30px; width: 100%;}
.mobile-file-upload-hd .title { text-align: center; font-size: 16px; height: 45px;}
.mobile-file-upload-bd { padding: 15px;;}
.mobile-file-upload-bd .tips { margin: 15px 0 0 0; color: #999;}
.mobile-file-upload-bd .upload-photo-area { padding: 5px 3px;}
.mobile-file-upload-bd .upload-photo-area p { margin: 0px;}
.mobile-file-upload-bd .upload-photo-area .progress { width: 100%;}
.mobile-file-upload-bd .upload-photo-area img { width: auto; height: auto;}
.error { width: 100%; text-align: center; margin-top: 20%;}

/**/
.fileInfo-fileTitle{height: 34px !important}

/* 头像上传控件 */
.upload-single.upload-avatar .upload-photo-area { width: 88px;height: 88px;border-radius: 50%;position: relative;overflow: hidden;padding:0;border:none; }
.upload-single.upload-avatar .upload-photo-area .photolist li{ line-height:0;width:88px;height:88px; }
.upload-single.upload-avatar .upload-photo-area .photolist img{ width:88px;height:88px; }
.upload-single.upload-avatar .upload-photo-area .photolist .file-panel { width: 100%;top: 54px;background: rgba(0, 0, 0, 0.5); }
.upload-single.upload-avatar .upload-photo-area .photolist .file-panel span{ color: #fff;font-size: 13px;font-weight: bold; }
.upload-single.upload-avatar .upload-photo-area .photolist .overlay{ background:none; }
.upload-single.upload-avatar .upload-photo-area .photolist .overlay .show-photo{ display:none; }
.upload-single.upload-avatar .upload-pick { padding-top: 54px;background: url(/content/_common/base/img/lock.jpg) center -9px no-repeat;background-size: 88px 88px; }
.upload-single.upload-avatar .upload-pick .webuploader-pick{padding: 0;width: 100%;border-radius: 0;background: rgba(0, 0, 0, 0.5);line-height: 30px;height:34px; }
.upload-single.upload-avatar .cropper-viewer,
.upload-single.upload-avatar .cropper-face {border-radius: 50%;}

/* 头像上传控件-移动端 */
.upload-single.upload-avatar.phone-view .modal-dialog{width: 100%;margin: 0;height: 100%;}
.upload-single.upload-avatar.phone-view .modal-header{height: 7%;}
.upload-single.upload-avatar.phone-view .modal-content{height: 100%;}
.upload-single.upload-avatar.phone-view .modal-body{height: 85%;}
.upload-single.upload-avatar.phone-view .modal-footer{bottom: 0px;position: absolute;width: 100%;height: 8%;padding-top: 10px;}
.upload-single.upload-avatar.phone-view .img-container{height: 100%;}