.header {box-shadow:0 2px 12px 1px #999;}

.trunk-box {padding-top:15px;padding-bottom:50px;}
.mainer {float:left;width:884px;}
.side {float:right;width:290px;}

.mainer .tab {font-size:16px;color:#000;box-shadow:-2px 0px 2px #ededed;border-top-left-radius:10px;}
.mainer .tab .tab-item {float:left;width:114px;height:30px;line-height:30px;text-align:center;border:1px solid #ededed;background:#DCDCDC;border-top-left-radius:10px;border-top-right-radius:10px;color:#999;}
.mainer .tab .tab-item.active {background:#FFF;color:#42B5FF;border-bottom-color:#FFF;}
.mainer .tab .tab-item~.tab-item {margin-left:15px;}

.list {
	background-color:#fff;
	min-height:600px;box-shadow:2px 0px 2px #eee,-2px 0px 2px #eee,0px 4px 4px #eee;border:1px solid #ededed;margin-top:-1px;}
.list ul {padding-bottom:15px;}
.list li {padding:15px 25px;}
.list li .item {position:relative;}
.list li .pic {overflow:hidden;width:62px;height:62px;position:absolute;top:0;left:0;height:100%;background:#DEDEDE;color:#FFF;border-radius:3px;}
.list li .pic .font {font-size:12px;}
.list li .txt {margin-left:72px;margin-right:200px;height:62px;}
.list li .txt .name {padding-top:8px;width:100%;display:block;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list li .txt .info {padding-top:8px;width:100%;color:#999;margin:0;}
.list li .txt .info i {font-style:normal;width:1px;height:10px;background:#999;display:inline-block;margin:0 8px;}
.list li .but {position:absolute;right:0;top:0;height:100%;}
.list li .but .butn{width:79px;height:32px;line-height:32px;text-align:center;color:#fff;border-radius:2px;display:inline-block;}
.list li .but .butn~.butn {margin-left:15px;}
.list li .but .butn.get{background:#FF6041;}
.list li .but .butn.down{background:#42B5FF;}

.list-title span {font-size:16px;}.list-title i {height:16px;}
.recommon ul,.hot ul {box-shadow:2px 0px 2px #eee,-2px 0px 2px #eee,0px 4px 4px #eee;}
.recommon li .item,.hot li .item{padding:5px 15px;}
.recommon li .pic,.hot li .pic{overflow:hidden;width:49px;height:49px;position:relative;background:#DEDEDE;color:#FFF;float:left;border-radius:50%;}
.recommon li .pic .font,.hot li .pic .font{font-size:10px;}
.recommon li .txt,.hot li .txt {margin-left:59px;height:51px;position:relative;}
.recommon li .txt .name,.hot li .txt .name {width:75%;display:block;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.recommon li .txt .downloadnum,.hot li .surplus {margin:3px 0;color:#999;white-space:nowrap;}
.recommon li .txt .butn,.hot li .txt .butn {width:42px;height:21px;line-height:23px;text-align:center;color:#42B5FF;border:1px solid #42B5FF;border-radius:2px;display:block;position:absolute;right:0;top:10px;}
.recommon li .txt .butn.disabled,.hot li .txt .butn.disabled {border-color:#999;color:#999;}
.recommon li .txt .butn:not(.disabled):hover,.hot li .txt .butn:not(.disabled):hover {background:#42B5FF;color:#fff;}
 
.hot {padding-top:10px;}
.hot li .surplus i{color:red;font-style:normal;}

.recommon-content{
	background-color:#fff;
}
.hot-content{
	background-color:#fff;
}
/*暂无数据 样式 begin*/
.nothing{
			width: 200px;
			height: 166px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -83px;
			margin-left: -100px;    
			text-align: center;
		}
		.nothing>img{
			display: block;
			margin:0px auto;
		}
/*end 暂无数据 样式*/