134 lines
5.6 KiB
CSS
134 lines
5.6 KiB
CSS
|
|
html {
|
|
background: #FFF;
|
|
color: #000
|
|
}
|
|
*:focus {outline: none;}
|
|
body, div, ul,li,dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
max-width:100%;
|
|
}
|
|
fieldset, img {
|
|
border: 0
|
|
}
|
|
address, caption, cite, code, dfn, th, var {
|
|
font-style: normal;
|
|
font-weight: normal
|
|
}
|
|
ol, ul {
|
|
list-style: none
|
|
}
|
|
caption, th {
|
|
text-align: left
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-size: 100%;
|
|
font-weight: normal
|
|
}
|
|
q:before, q:after {
|
|
content: ''
|
|
}
|
|
abbr, acronym {
|
|
border: 0;
|
|
font-variant: normal
|
|
}
|
|
sup {
|
|
vertical-align: text-top
|
|
}
|
|
sub {
|
|
vertical-align: text-bottom
|
|
}
|
|
input, textarea, select {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit
|
|
}
|
|
input, textarea, select {
|
|
font-size: 100%
|
|
}
|
|
legend {
|
|
color: #000
|
|
}
|
|
html {
|
|
background-color: #f8f7f5
|
|
}
|
|
*{font-family:Arial, "微软雅黑", sans-serif;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
|
|
body {
|
|
|
|
color: #222;
|
|
height: 100%;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
a,a:visited{color: #000; text-decoration:none;}
|
|
a:hover{color: #dd0000; text-decoration:none;}
|
|
|
|
/* 焦点图 */
|
|
.slideBox{ position:relative; overflow:hidden; margin:0px auto; max-width:720px;/* 设置焦点图最大宽度 */ }
|
|
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;}
|
|
|
|
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
|
|
|
|
.slideBox .hd li.on{ background:#fff; }
|
|
.slideBox .bd{ position:relative; z-index:0; }
|
|
.slideBox .bd li{ position:relative; text-align:center; }
|
|
.slideBox .bd li img{ background:url(/images/ajaxLoader.gif) center center no-repeat; vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
|
|
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
|
|
|
|
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(/images/focusBg.png) repeat-x; color:#fff; text-align:left; }
|
|
.slideBox .bd li a.tit,.slideBox .bd li a.tit:visited{color:#fff;}
|
|
|
|
/* 本例子css */
|
|
.picScroll-left{ float:left; margin-top:10px; width:100%; overflow:hidden; position:relative; border:1px solid #dfdfdf; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; background-color:#fff;}
|
|
.picScroll-left .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
|
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
|
cursor:pointer; background:url("/images/arrow.png") no-repeat;}
|
|
.picScroll-left .hd .pageState{ line-height:25px;}
|
|
.picScroll-left .hd .next{ background-position:0 -50px; }
|
|
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
|
|
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
|
|
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
|
|
.picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/images/icoCircle.gif") 0 -9px no-repeat; }
|
|
.picScroll-left .hd ul li.on{ background-position:0 0; }
|
|
.picScroll-left .bd{float:left; width:100%;}
|
|
.picScroll-left .bd ul{float:left;width:100%; overflow:hidden; zoom:1; }
|
|
.picScroll-left .bd ul li{width:50%; margin-top:10px; float:left; overflow:hidden; text-align:center; }
|
|
.picScroll-left .bd ul li .pic{ padding-left:10px; text-align:center; }
|
|
.picScroll-left .bd ul li .pic img{ width:90%; display:block; padding:2px; border:1px solid #ccc; }
|
|
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; }
|
|
.picScroll-left .bd ul li .title{ line-height:24px; width:208px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
|
|
.productbox2{float:left; position:relative;width:100%; overflow:hidden;background: #FFF;border-top:4px solid #dfdfdf;}
|
|
.productbox2 h3{float:left;width:100%; margin:10px 0;border-bottom:1px solid #c81623; background:#fff;}
|
|
.productbox2 h3 em
|
|
{
|
|
float:left;
|
|
margin-top:6px;
|
|
display:block;
|
|
width:41px;
|
|
height:27px;
|
|
line-height:30px;
|
|
font-style:normal;
|
|
color:#fff;
|
|
font-size:14px;
|
|
text-indent:5px;
|
|
background:url(/images/category_ico.png) no-repeat 0 center;
|
|
}
|
|
.productbox2 h3 a,.productbox2 h3 a:visited{float:left; height:32px; width:200px; text-indent:7px; line-height:32px; color:#000;}
|
|
.productbox2 h3 span{ float:right; margin-right:10px;}
|
|
.productbox2 h3 span a,.productbox2 h3 span a:visited{background:none;color:#000;width:auto;}
|
|
.productbox2 ul{float:left;width:100%; margin-left:7px;}
|
|
.productbox2 ul li{float:left;width:50%; margin:10px 0; position:relative;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
|
|
.productbox2 ul li span{float:left; display:block;width:100%; text-align:center;}
|
|
|
|
.productbox2 ul li img{float:left; width:90%;border:1px solid #dfdfdf;}
|
|
.productbox2 ul li a:hover img{ border-color:#999; }
|
|
.productbox2 ul li .btitle{margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
.productbox2 ul li em{ font-style:normal; font-size:16px; font-weight:bold; color:#ff0000; letter-spacing:0;font-family:Arial;}
|
|
.productbox2 ul li del{ font-style:normal; font-size:14px; font-weight:bold; color:#aaa;}
|
|
|
|
|
|
|