You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
3.3 KiB
CSS
74 lines
3.3 KiB
CSS
5 years ago
|
.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 暂无数据 样式*/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|