@charset "utf-8"; /* css 重置 */ .ysScroll2 ul,.ysScroll2 li{margin:0; padding:0; list-style:none;} .ysScroll2 img{ border:0; } .ysScroll2 a{ text-decoration:none;} /* 本例子css */ .ysScroll2 { width:100%; /*min-width:1318px;*/ height:376px; overflow:hidden; position:relative;} /* 修改 高度, 修改 最少宽度【暂时不修改】 */ .ysScroll2 .bd{ position:relative; height:100%; z-index:0; } .ysScroll2 .bd li{ zoom:1; vertical-align:middle; width:759px;} .ysScroll2 .hd { position: absolute; top: 660px; left: 48%; } .ysScroll2 .hd ul{ overflow:hidden; zoom:1; float:left; } .ysScroll2 .hd ul li{ float: left; width: 24px; height: 11px; cursor: pointer; margin-right: 10px; background: #bfbfbf; } .ysScroll2 .hd ul li.on{ background: #d51519; } .ysScroll2 .bd a.prev, .ysScroll2 .bd a.next { display: block; width: 47px; height: 47px; position: absolute; cursor: pointer; background: url(/template/images/bt8.png) no-repeat; top: 300px; z-index: 300; } .ysScroll2 .bd a.prev { right:65px; background-position-x:-47px; } .ysScroll2 .bd a.prev:hover { background-position-x:0; } .ysScroll2 .bd a.next { right:10px; background-position-x:-94px; } .ysScroll2 .bd a.next:hover { background-position-x:-141px; } /* 自行修改 */