@charset "utf-8";
body{font: 12px tahoma,arial,'Hiragino Sans GB','\5FAE\8F6F\96C5\9ED1','\5b8b\4f53',sans-serif;}
div,li,span,img,dd{ box-sizing:border-box;}

.slider-box{ overflow:hidden; position:relative; width:100%;padding-top: 63%;}
.slider-box ul{ width:10000%; position:absolute; top:0; left:0;}
.slider-box li{ float:left; width:100%;}
.slider-box li dd{ position:relative; float:left; display:inline-block; width:33.3333%; padding:2% 0;border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.slider-box li dd:nth-child(4),.slider-box li dd:nth-child(5),.slider-box li dd:nth-child(6){border-bottom:none;}
.slider-box li dd .banner{ width:50%;}
.slider-box li dd .new{ position:absolute; left:0; top:0; width:25%;}
.slider-box .prev,.slider-box .next{ position:absolute; top: 50%; width:30px; margin-top:-30px;cursor: pointer;color: #fff;font-size:72px;}
.slider-box .prev{ left:5%;}
.slider-box .next{ right:5%; text-align:right;}
.slider-box .s-page{ position:absolute; bottom:0; left:0; width:100%; padding:2% 0; text-align:center;}
.slider-box .s-page span{ display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 3px; background:#ddd;}
.slider-box .s-page span.curr{ background:#06C;}
