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;}