brandview.css
3.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
.wx-contenner{overflow: hidden; position:relative}
.right-bar{width: 40px; background: #444444;float:right;position:fixed;right: 0;top: 43px; height:100%; overflow:hidden; z-index:200;}
.right-bar b{height: 40px; width: 40px; line-height: 40px; text-align: center; color: #999999;display: block; font-size: 12px;cursor: pointer;}
.right-bar b a{color: #999999;}
.right-bar b:hover{background: #666666}
.brand-search{height: 50px; margin-top: 10px;position:relative;padding-right:30px;}
.brand-search .search-input{width:98%;padding:10px 1%;background:#f8f8f8; border: none; font-size: 14px;color:#a5a5a5; }
.brand-search span.icon-search{width: 25px; height: 40px;position:absolute;top:0;right:0; background: url(http://static.yohobuy.com/m/v1/img/weixin/search.png) no-repeat center; cursor: pointer;}
.brand-search span.consel{line-height: 40px; text-align: center;width: 25px; height: 40px;float: left;cursor: pointer;}
.brand-search div.consel{position:absolute;top:0;right:0;}
.left-box .title-bar{width: 100%; border: 2px solid #eeeeee; background: #eeeeee;line-height: 1.4em; text-indent: 1em;color: #999999;font-weight: bold;}
.left-box .hot-brand{width: 100%;}
.left-box .hot-brand ul{margin: 10px;overflow: hidden; position: relative;}
.left-box .hot-brand ul li{width: 30%; float: left;overflow:hidden;}
.left-box .hot-brand ul li.right-border{border-right: 2px solid #f1f1f1; }
.left-box .hot-brand ul li.bottom-border{border-bottom: 2px solid #f1f1f1;}
.left-box .hot-brand ul li img{min-height:50px;}
.left-box .hot-brand .rado5{}
.left-box .brand-list{width: 100%;}
.left-box .brand-list p{border-bottom: 2px solid #f1f1f1;width: 100%;text-indent: 1em;cursor: pointer;font-weight:bold;}
.left-box .brand-list p a{height:36px;line-height:36px;padding-top:6px;display:block;font-size:1em;}
.left-box .brand-list p.hot a{font-size:1.02em;color: #f00;}
.left-box .brand-list p a i{padding-left:4px;}
.left-box .search-result ul li a.hot{display:block; padding-right:20px; height:36px; background: url(http://static.yohobuy.com/m/v1/img/weixin/hot_03.png) no-repeat right center; float:left; color:#f00}
.left-box .brand-list p:hover{color:#f01a29;}
.brand-desc{width: 100%;}
.brand-desc ul{overflow: hidden;}
.brand-desc ul li{width: 100%; height: 70px;border-top: 1px solid #e6e6e6; padding-top: 10px}
.brand-desc ul li .hasimg{width: 60px;height: 60px;float: left}
.brand-desc ul li .hasdesc{width:200px;height: 60px;float: left;margin-left: 6px;}
.brand-desc ul li .hasdesc .p1{font-size: 14px;font-weight: bold; overflow: hidden;}
.brand-desc ul li .hasdesc .p2{font-size: 12px;word-wrap: break-word;}
.brand-desc ul li .hasdesc .p2 a{ color:#999999}
.search-result{width: 100%; border-top: 1px solid #e6e6e6;}
.search-result ul{overflow: hidden;}
.search-result ul li{width: 100%; height: 40px;border-bottom: 1px solid #e6e6e6; line-height: 40px; font-weight: bold;cursor: pointer;}
.search-result ul li:hover{color:#f01a29;}
.download-contenner{width: 320px; margin:0 auto; overflow: hidden;}
.list-items{width: 100%; height: 150px; border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.list-items .left-box{width: 182px; float: left; margin-top: 20px}
.list-items .left-box .left-pic{clear:left;width: 50px;height: 50px; margin: 5px;float: left;}
.list-items .left-box .right-desc{width: 120px; height: 50px; float: right; margin: 5px 0;}
.list-items .left-box .right-desc h3{font-weight: bold;font-size: 14px;}
.list-items .left-box .right-desc .p1{font-size: 12px; color: #b8b8b8}
.list-items .left-box .right-desc .p2{font-size: 10px; color:#e7e7e7;}
.list-items .left-box .left-botton{float: left; margin-top: 10px;}
.list-items .left-box .left-botton a{
display: block;
padding:5px;
width:75px;
height:20px;
border: 1px solid #dedede;
-moz-border-radius: 8px; /* Gecko browsers */
-webkit-border-radius: 8px; /* Webkit browsers */
border-radius:8px;
float: left;
margin-left: 3px;
text-align: center;
}
.list-items .right-box{float: right; width: 110px; height:112px;margin: 20px 10px 0 0;}