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.
97 lines
6.3 KiB
CSS
97 lines
6.3 KiB
CSS
.header {box-shadow: 0 2px 12px 1px rgba(153,153,153,0.5);}
|
|
|
|
.trunk-box.detail {padding-top:15px;padding-bottom:50px;min-height:700px;}
|
|
.mainer {float:left;width:884px;}
|
|
.side {float:right;width:290px;}
|
|
|
|
.condition {padding-top:15px;}
|
|
.condition .table{table-layout:fixed;font-size:14px;}
|
|
.condition .table-cell {padding:5px 0;}
|
|
.condition .condition-name{color:#000;font-weight:bold;width:75px;}
|
|
.condition .condition-value .condition-item{margin:0 8px;position:relative;padding:1px 5px;border-radius:2px;color:#999;display:inline-block;}
|
|
.condition .condition-value .condition-item~.condition-item:before {content:'';position:absolute;width:1px;height:10px;left:-9px;top:6px;background:#999;}
|
|
.condition .condition-value .condition-item:hover,.condition .condition-value .condition-item.active {background:#42B5FF;color:#FFF;}
|
|
|
|
.list {min-height:600px;}
|
|
.list ul {padding-bottom:15px;
|
|
max-height: 600px;
|
|
overflow: hidden;
|
|
}
|
|
.list li {
|
|
background-color:#fff;
|
|
width:276px;float:left;margin:15px 0 15px 29px;border:1px solid transparent;box-shadow:2px 0px 2px #ededed,-2px 0px 2px #ededed,0px 4px 8px #ededed;}
|
|
.list li.first {margin-left:0;}
|
|
.list li .item {padding:10px;}
|
|
.list li .pic {overflow:hidden;width:68px;height:68px;position:relative;background:#DEDEDE;color:#FFF;float:left;}
|
|
.list li .pic .font {font-size:14px;}
|
|
.list li .txt {margin-left:78px;height:68px;}
|
|
.list li .txt .name {width:100%;display:block;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
|
.list li .txt .info{margin:3px 0;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
.list li .txt .info img {margin-right:5px;vertical-align:middle;margin-top:-4px;}
|
|
.list li .txt .info .surplus {margin-left:10px;}
|
|
.list li .txt .info .surplus i {color:red;font-style:normal;}
|
|
.list li .txt .butn{width:50px;height:24px;line-height:24px;text-align:center;color:#42B5FF;border:1px solid #42B5FF;border-radius:2px;display:block;margin:0;}
|
|
.list li .txt .butn:not(.disabled):hover{background:#42B5FF;color:#fff;}
|
|
.list li .txt .butn.disabled {color:#D7D7D7;border-color:#D7D7D7;}
|
|
.list li:hover{border-color:#CAEAFF;}
|
|
|
|
|
|
.location {font-size:14px;}
|
|
.location .location-mark {margin:0 5px;}
|
|
.detail .mainer-content {
|
|
background-color:#fff;
|
|
box-shadow:2px 0px 2px #ededed,-2px 0px 2px #ededed,0px 4px 8px #ededed;}
|
|
.detail .base {padding:22px;}
|
|
.detail .base .item {position:relative;float:left;width:100%;height:91px;}
|
|
.detail .base .item .pic {height:91px;width:91px;position:relative;top:0;left:0;float:left;background:#DEDEDE;border-radius:5px;}
|
|
.detail .base .item .pic .font {font-size:14px;}
|
|
.detail .base .item .pic .font~img{border-radius:5px;}
|
|
.detail .base .item .but {position:absolute;right:0;top:0;height:100%;}
|
|
.detail .base .item .but .butn {height:38px;width:98px;font-size:14px;line-height:38px;border-radius:5px;background:#FF5534;color:#FFF;display:block;text-align:center;}
|
|
.detail .base .item .but .butn.disabled {background:#D7D7D7;}
|
|
.detail .base .item .txt {margin-left:101px;}
|
|
.detail .base .item .txt .name {margin:0;font-size:20px;}
|
|
.detail .base .item .txt .info {color:#999;margin:5px 0;}
|
|
.detail .base .item .txt .info .surplus i {font-style:normal;color:red;}
|
|
.detail .base .item .txt .info .surplus {margin-right:20px;}
|
|
.detail .base .item .txt .info img{display: inline-block;margin-top: -1px;padding: 0 10px;}
|
|
.detail .base .item .txt .download-area {padding-top:8px;}
|
|
.detail .base .item .txt .download-area .butn {width:86px;height:28px;line-height:30px;text-align:center;display:inline-block;background:#42B5FF;color:#FFF;border-radius:4px;}
|
|
.detail .base .item .txt .download-area .butn img {margin-top:-5px;margin-right:5px;}
|
|
.detail .base .item .txt .download-area .download-and {margin-right:15px;}
|
|
|
|
.detail .description,.detail .useway,.detail .relevant {padding:20px 22px;}
|
|
.detail .description .description-title,.detail .useway .useway-title,.detail .relevant .relevant-title {font-size:14px;}
|
|
.detail .description .description-content,.detail .useway .useway-content {line-height:2;padding-top:5px;}
|
|
|
|
.detail .relevant .relevant-content {padding-top:20px;}
|
|
.detail .relevant li {width:264px;height:130px;float:left;border:1px solid #EAEAEA;margin-left:13px;margin-bottom:15px;}
|
|
.detail .relevant li.first{margin-left:0;}
|
|
.detail .relevant li:hover {border-color:#42B5FF;}
|
|
.detail .relevant li .item {padding:15px;position:relative;}
|
|
.detail .relevant li .item h5 {font-size:14px;margin:0;}
|
|
.detail .relevant li .item p {margin:0;padding-top:10px;height:32px;}
|
|
.detail .relevant li .item .suplus {padding-top:10px;}
|
|
.detail .relevant li .item .suplus span {color:red;}
|
|
.detail .relevant li .item .suplus img{display: inline-block;margin-top: -1px;}
|
|
.detail .relevant li .item .butn {position:absolute;right:15px;bottom:0;width:48px;height:24px;line-height:26px;border:1px solid #42B5FF;color:#42B5FF;text-align:center;border-radius:3px;display:block;}
|
|
.detail .relevant li .item .butn:not(.disabled):hover {background:#42B5FF;color:#FFF;}
|
|
.detail .relevant li .item .butn.disabled {color:#D7D7D7;border-color:#D7D7D7;}
|
|
.detail .relevant li .item .suplus .and,.detail .relevant li .item .suplus .ios {margin-left:5px;}
|
|
|
|
.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 .surplus,.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:#D7D7D7;color:#D7D7D7;}
|
|
.recommon li .txt .butn:not(.disabled):hover,.hot li .txt .butn:not(.disabled):hover {background:#42B5FF;color:#fff;}
|
|
|
|
.hot {padding-top:10px;}
|
|
.recommon li .txt .surplus i,.hot li .surplus i{color:red;font-style:normal;}
|
|
|