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