.focus{height:100%;overflow:hidden;position:relative; margin-top:0px;} .focus_s{position:absolute;left:50%;bottom:5%;height:13px;overflow:hidden;width:100%;z-index:9;margin:0 0 0 -30px;} .focus_s li{float:left;cursor:pointer;overflow:hidden;margin-right:10px;width:10px; height:8px; margin-left:2px; background:#fff; cursor:pointer; } .focus_s li.active{background:#f60; width:10px;} .focus_m ul{opacity:1;filter:alpha(opacity=100);} .focus_m li{ width:100%;height:100%;position:absolute;top:0;left:0;background-size:100% 100%;background:center no-repeat; } /* sanimation:ant 1s 1; -webkit-animation:ant 1s 1; sanimation-timing-function:linear; -webkit-animation-timing-function:linear;sanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;stransform:scale(1.01); -webkit-transform:scale(1.01);sanimation-delay:0.2s; } */ /*动画*/ @keyframes ant { from {transform:scale(1.01);-webkit-transform:scale(1.01);} to {transform:scale(1);-webkit-transform:scale(1);} } /* Safari and Chrome */ @-webkit-keyframes ant { from {transform:scale(1);-webkit-transform:scale(1);} to {transform:scale(1.01);-webkit-transform:scale(1.01);} } .focus_l,.focus_r{position:absolute;display:block;width:30px;height:45px;overflow:hidden;z-index:2;top:40%;} .focus_l{left:0;} .focus_r{right:0;} .focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:30px;height:45px;overflow:hidden;background:#000;opacity:0.1;filter:alpha(opacity=10);cursor:pointer;} .focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:30px;height:45px;cursor:pointer;} .focus_l span{left:5px;background-image:url(l.png);background-size:100% auto;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/index_scroll_x/l.png');} .focus_r span{left:5px;background:url(r.png) 0 0 no-repeat;background-size:100% auto;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/index_scroll_x/r.png');} .focus_l:hover b,.focus_r:hover b{opacity:0.5;filter:alpha(opacity=50);}