li{list-style: none;}

/* 上传按钮 */
.uploadinp {float: left; position: relative; position: relative; width: 85px; height: 85px; margin-bottom: 10px; background: #f7f7f7 url('/static/images/ui/picHolder.png') no-repeat center 10px; border: 1px solid #ddd; cursor: pointer; overflow: hidden;}
.uploadinp object {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer;}
.uploadinp span {position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; font-size: 14px; color: #7b7b7b; text-align: center;}
.upload-tip {float: left; margin: 0 0 0 20px; font-size: 14px; color: #404040; line-height: 85px;}
.upload-tip a {color: #2672ec;}
#deleteAllAtlas {display: none;}


/*20170328dq*/
.thumblist .progress{max-width: 100px;}
.thumblist li{position: relative; float: left;}
.thumblist img{max-width: 300px!important;}
.thumb .uploadinp {float: left; position: relative; width: 100px; height: 25px; background: url('/static/images/ui/swfupload/uploadbutton.png') no-repeat top; margin-right: 10px; border: 0;}
.thumb .uploadinp.thumbtn{position: absolute; width: 100px; overflow: hidden; z-index: 8;}
.thumb .uploadinp input {opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.thumb .uploadinp span{display: none;}
.btn-section input{opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.btn-section label{width: 85px !important; height: 85px !important; position: relative; z-index: 99; top: -34px;}

/* 上传图集 */
.list-holder {min-width:660px;}
.list-holder ul {margin:0; padding:0;}
.list-holder li {float:left; position:relative; width:640px; min-height:18px; margin-right:10px; list-style:none; cursor:move; margin-bottom:10px; padding:10px; background:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#555; line-height:18px; font-size:12px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.list-holder li.holder {background:none;}
.list-holder li .li-move {position:absolute; top:50%; left:10px; margin-top:-9px; width:10px; height:18px; cursor:move; text-indent:-9999px; background:url('/static/images/admin/pubIcon.png') -166px -72px;}
.list-holder li a.li-rm {position:relative; z-index:3; float:right; margin:-5px -5px 0 0; color:#c1c1c1; font-size:22px; width:22px; height:22px; text-align:center; line-height:22px;}
.list-holder li a.li-rm:hover {cursor:pointer; text-decoration:none; color:#c93333;}
.list-holder li .li-name {float:left; width: 320px; margin-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-holder li .li-progress {float:right; margin:0px 20px 0 0; width:250px; height:14px; border:1px solid #8b8b8b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff;}
.list-holder li .li-progress s {width:0; height:14px; display:block; background-color:#15496b; background-image:-webkit-gradient(linear, left top, left bottom, from(#235b7b), to(#134365)); background-image:-webkit-linear-gradient(#235b7b, #134365); background-image:-moz-linear-gradient(#235b7b, #134365); background-image:-ms-linear-gradient(#235b7b, #134365); background-image:-o-linear-gradient(#235b7b, #134365); background-image:linear-gradient(#235b7b, #134365);}
.list-holder li .li-thumb {position:relative; cursor:default; float:left; margin:0 10px 0 20px; width:115px; height:86px; display:none;}
.list-holder li .li-thumb img {width:115px; height:86px; cursor:move; object-fit: cover;}
.list-holder li .li-thumb .r-progress {position:absolute; bottom:0; left:0; display:none; z-index:3; width:115px; height:4px;}
.list-holder li .li-thumb .r-progress s {width:0; height:4px; display:block; background:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.list-holder li .li-thumb .ibg {position:absolute; z-index:2; left:0; bottom:0; width:115px; height:25px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.list-holder .nopoper li .li-thumb .ibg {display:none;}
.list-holder li .li-thumb .ibtn {position:absolute; z-index:3; left:0; bottom:0; width:115px; height:25px;}
.list-holder .nopoper li .li-thumb .ibtn {display:none;}
.list-holder li .li-thumb .ibtn a {float:left; width:14px; height:12px; display:block; margin:7px 0 0 5px; background:url('/static/images/admin/glyphicons-halflings-white.png') no-repeat; text-indent:-9999em;}
.list-holder li .li-thumb .ibtn a.Lrotate {background-position:-216px -25px; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:fliph;}
.list-holder li .li-thumb .ibtn a.Rrotate {background-position:-216px -25px;}
.list-holder li .li-thumb .ibtn a.rupload {background-position:-96px -73px;}
.list-holder li .li-thumb .ibtn a.rupload object {display:block;}
.list-holder li .li-thumb .ibtn a.enlarge {float:right; background-position:-48px -1px; margin-right:5px;}
.list-holder li .li-desc {float:left; width:460px; height:76px; line-height:18px; padding:4px; border:1px solid #d0d0d0; border-top:1px solid #dbdbdb; border-bottom:1px solid #a9a9a9; margin:0; box-shadow:1px 1px 1px #d3d3d3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none; resize:none; display:none;}
.list-holder li .li-desc:focus {border-color:rgba(82,168,236,0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}
.list-holder li .movehide {position:absolute; top:0; right:0; z-index:0; width:35px; height:120px;}

.list-holder li .li-input {display:none; float:left; width:460px; height:76px;}
.list-holder li .li-input input[type=text] {display:block; width:100%; padding:4px; border:1px solid #d0d0d0; border-top:1px solid #dbdbdb; border-bottom:1px solid #a9a9a9; margin:0; box-shadow:1px 1px 1px #d3d3d3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none;}
.list-holder li .li-input .i-name {margin:0 10px 10px 0;}

/* 汽车车身颜色专用 */
.list-holder .picColor li {width:400px;}
.list-holder .picColor li .li-name {width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-holder .picColor li .li-progress {width:180px;}
.list-holder .picColor li .li-info {display:none; padding-top:20px;}
.list-holder .picColor li .li-info .li-title {width:180px; height:31px; padding-left:3px; border:1px solid #ccc; outline:0;}
.list-holder .picColor li .li-info .color_pick {margin-left:-8px;}

/*进度条*/
.progress {position: absolute; right: 0; bottom: 0; height: 3px; left: 0; height: 4px; overflow: hidden; z-index: 15; margin:0; padding: 0; border-radius: 5px; background: transparent;}
.progress span {display: block; overflow: hidden; width: 0; height: 100%; background: #499c00 url('/static/js/webuploader/progress.png') repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; -webkit-animation: progressmove 2s linear infinite; -moz-animation: progressmove 2s linear infinite; -o-animation: progressmove 2s linear infinite; -ms-animation: progressmove 2s linear infinite; animation: progressmove 2s linear infinite; -webkit-transform: translateZ(0);}
@-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;}
}
.fileerror{color: #ff6600;}

/*视频*/
.uploadVideo .uploadinp {width:140px;height:126px;background-image: none;background-color: #fff;border-color: #f1884e;}
.uploadVideo .list-holder, .uploadVideo .btn-section {float:left;}
.uploadVideo .list-holder {min-width: auto;}

.uploadVideo .list-holder li {width:auto;width:170px;height:126px;line-height: 65px;padding:0;text-align: center;background-color: rgba(0,0,0,.6);border-radius:0;overflow: hidden;border: 1px solid #e5e5e5;}
.uploadVideo .list-holder li video {width:100%;height:100%;}

.uploadVideo .list-holder li .cancel {position: absolute;right:0;top:0;display: block;height:20px;line-height: 20px;padding: 0 15px;background-color: rgba(0,0,0,.4);margin:0;color:#fff;cursor: default;z-index: 2;}
.uploadVideo .list-holder li .player {position: absolute;left:50%;top:50%;margin-left: -23px;margin-top: -23px;display: block;width:46px;height:46px;background-image: url('../images/player.png');background-repeat: no-repeat;background-position: center;cursor: default;}
.uploadVideo .list-holder li .player.ing {left:0;top:0;width:100%;height:100%;margin:0;background-image:none;}
.uploadVideo .list-holder li .info {position: absolute;left:0;right:0;bottom:0;padding:0 10px;height:26px;line-height: 26px;color: #e3e3e1;font-size: 12px;background-color: rgba(0,0,0,.4);}
.uploadVideo .list-holder li .info .time {float: right;}


.uploadVideo .list-holder li .thumb-error {position: absolute;left:52px;top:10px;display: none;text-indent: -99em;overflow: hidden;}
.uploadVideo .list-holder li.complete .thumb-error {display: block;width:46px;height:46px;margin:10px auto; background: url('/static/images/player.png') center no-repeat;border-radius:0;}

.uploadVideo .btn-section label {width: 170px !important;height: 126px !important;}
.uploadVideo .uploadinp em {position: absolute;left:0;right:0;top:30px;text-align: center;font-size: 64px;}
.uploadVideo .uploadinp em, .uploadVideo .uploadinp span {color: #f1884e;bottom:15px;}
.uploadVideo .progress {background: #ededed;height:6px;border-radius:0;}
.uploadVideo .progress span {background: #e56d5c;}


/* 微信传图 */
.wxUploadObj {margin-bottom: 10px;}
.wxUploadObj .uploadinp {margin-bottom: 0;}
.wxUploadObj .upload-split {display: none; float: left; height: 87px; line-height: 87px; padding: 0 30px; color: #676767; font-size: 14px;}
.wxUploadObj .wxUpload {float: left; display: none;}
.wxUploadShow .upload-split, .wxUploadShow .wxUpload {display: block;}
.wxUploadObj .wxUpload dt {float: left; width: 85px; height: 85px; padding: 0; border: 1px solid #ddd;}
.wxUploadObj .wxUpload dt img {width: 85px; height: 85px; display: block; border: 0;}
.wxUploadObj .wxUpload dd {position: relative; overflow: hidden; padding-left: 10px; font-size: 14px; line-height: 22px; margin-left: 0;}
.wxUploadObj .wxUpload dd .wx {color: #3fab45; padding: 0 3px;}
.wxUploadObj .wxUpload dd .fs {color: #ed6d06; padding: 0 3px;}
.wxUploadObj + .upload-tip {float: none; margin-left: 0; line-height: 25px;}