/* 
.spreadOut-ico:hover{
	background-position:-2px -49px;
}
.packUp-ico:hover{
	background-position:-23px -26px;
}
.close-ico:hover{
	background-position:-45px -26px;
}
.stop-ico:hover{
	background-position:-68px -50px;
}
.start-ico:hover,.select-start-ico{
	background-position:-90px -52px;
}
.remove-ico:hover{
	background-position:-112px -52px;
}
*/

.UploadComponent-div{
	width:675px;
    height: auto;
    border:#eee 1px solid;
    background:#fff;
    position: fixed;
    right: 2px;
    bottom:0px;
    z-index: 9999;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.5);
}
.uploadBar{
	height:60px;
	line-height:60px;
    position:relative
}
.barTitle{
	min-width:105px;
	margin-left:25px;
	font-size:22px;
	font-weight: bold;
	color: #3D4059 ;
}
.barNumb{
	font-size:14px;
    color: #777993;
}
.bar-fileName{
	margin-left:10px;
	font-size:14px;
    color: #777993;
}
.bar-ico{
	width:20px;
	height:20px;
	display:inline-block;
	cursor:pointer;
	background:url(//image.zhihuishu.com/zhs/able-commons/demo/201807/4642225bd6b14ee7be95b78576b92e74.png) no-repeat;
}
.spreadOut-ico{
	margin:20px 20px 0 0;
	background-position:-2px -1px;
}
.packUp-ico{
	margin:20px 20px 0 0;
	background-position:-23px -2px;
}
.close-ico{
	margin:20px 20px 0 0;
	background-position:-45px -2px;
}
.stop-ico{
	margin:16px 25px 0 0;
	background-position:-68px -3px;
}
.start-ico{
	margin:16px 25px 0 0;
	background-position:-90px -5px;
}
.remove-ico{
	margin:16px 0px 0 0;
	background-position:-112px -5px;
}
.upload-main-list{
}
.upload-main-list li{
	height:56px;
	line-height:56px;
	position: relative;
}
.bar-progress{
	height:56px;
	margin: 0;
	background: #E6F5FF;
}
.bar-progress-start{
	background: #E6F5FF;
}
.bar-progress-stop{
	background: #f2f2f2;
}
.file-list-div{
	height:56px;
	position: absolute;
	left:36px;
	right:26px;
	top:0;
}
.file-ico{
	width:22px;
	height:28px;
	margin-top:14px;
	display: inline-block;
	background:url(//image.zhihuishu.com/zhs/able-commons/demo/201807/dd9ff2004d9f4fc4b39bb96ecd729b3e.png) no-repeat;
}
.audio-ico{
	background-position:0 0;
}
.txt-ico{
   background-position:-30px 0;
}
.word-ico{
   background-position:-60px 0;
}
.pdf-ico{
   background-position:-89px 0;
}
.compress-ico{
  background-position:-119px 0;
}
.ppt-ico{
   background-position:0 -36px;	
}
.other-ico{
   background-position:-30px -36px;
}
.execl-ico{
  background-position:-60px -36px;
}
.video-ico{
   background-position:-89px -36px;
}
.cannotlook-ico{
  background-position:-119px -36px;
}
.pic-ico{
  background-position:0px -73px;
}
.file-name-sp{
	width:240px;
	height:56px;
	margin-left:24px;
	font-size: 14px;
    color: #3D4059;
}
.fileSize{
	width:140px;
	margin-left:15px;
	text-align: left;
	font-size: 14px;
    color: #9798A9;
}
.file-list-div .fileSize-2{width:80px;}
.cl-26A9F{
	color: #26A9FF;
}
.close-pop-wrap .layui-layer-title{
	height:55px;
	line-height:55px;
	background-color:#fff;
    border-bottom:none;
    font-size: 18px;
    color: #354052;
    font-weight:bold;
}
.close-pop-wrap .layui-layer-setwin .layui-layer-close1{
	width:20px;
	height:20px;
	display:inline-block;
	cursor:pointer;
	background:url(//image.zhihuishu.com/zhs/able-commons/demo/201807/4642225bd6b14ee7be95b78576b92e74.png) -45px -2px no-repeat;
}
.close-pop-div{
	text-align: center;
}
.close-pop-div p{
	padding-top:35px;
	font-size: 16px;
    color: #354052;
   line-height: 19px;
}
.close-layer-btn{
	padding:35px 0 25px;
	text-align: center;
}
.close-layer-btn a{
	width:76px;
	cursor:pointer;
	display: inline-block;
	vertical-align: middle;
}
.btn-yes{
	height:40px;
	background: url(//image.zhihuishu.com/zhs/able-commons/demo/201807/464a2b79b9e94019a35933ea1cc513ac.png) -2px -5px no-repeat;
}
.btn-yes:hover,.btn-yes:active{
	background-position:-2px -56px;
}
.btn-no{
	margin:-2px 0 0 24px;
	height:38px;
	background: url(//image.zhihuishu.com/zhs/able-commons/demo/201807/f76e078609b745b2855536f97f93b8b1.png) -2px -1px no-repeat;
}
.btn-no:hover,.btn-no:active{
	background-position:-2px -38px;
}
.file-name-type{
	width:240px;
	height:18px;
	line-height:18px;
	float:left;
	margin-top:19px;
}
/* title */
.tooltipster-default {
	background: #333;
	border: 3px solid #333;
	border-radius: 6px;
	opacity: 0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}

.tooltipster-default .tooltipster-content {
	color: #fff;
	font-size: 14px;
	padding:2px 10px;
}

/*nano*/
#mainloadarea .nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
	z-index:10000;
}
#mainloadarea .nano > .nano-content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
}
#mainloadarea .nano > .nano-content:focus {
	outline: thin dotted;
}
#mainloadarea .nano > .nano-content::-webkit-scrollbar {
	display: none;
}
#mainloadarea .has-scrollbar > .nano-content::-webkit-scrollbar {
	display: block;
}
#mainloadarea .nano > .nano-pane {
	/*background : #fff;*/
	position   : absolute;
	width      : 6px;
	right      : 3px;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
	z-index:10000;
}
#mainloadarea .nano > .nano-pane > .nano-slider {
	background: #ddd;
	/*background: rgba(0,0,0,.1);*/
	position              : relative;
	margin                : 0;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}
#mainloadarea .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
}
/*nano*/

.UploadComponent-div.nano > .nano-pane{
	background: none;
	width: 8px;
	right: 6px;
}
.UploadComponent-div.nano > .nano-pane > .nano-slider{
	background: #dcdbe1;
	border-radius: 6px;
}

/*nano*/
