#listBox{ float: left; position: absolute; left:0;bottom: 100px; margin-left: 142px; } .nubma{ font-size:13px; } .aaa{ width:200px; } .ccc{ width:200px; height:200px; } .bbb{ width:100px; height:100px; } #banner{ width:520px; height:280px; position:absolute; top:15%; margin-top:-140px; left:18%; margin-left:-260px; } .tabs{ position:absolute; bottom:110px; left:160px; } .tabs li{ width:170px; height:120px; /* border:2px solid #001255; */ float:left; margin-left:0px; /* border-radius:100%; */ } .tabs li:nth-child(1){ margin-left: -2px; } .tabs li:nth-child(2){ margin-left: 24px; } .tabs li:nth-child(3){ margin-left: 32px; } .tabs li:nth-child(4){ margin-left: 30px; } .tabs li:nth-child(5){ margin-left: 26px; } .tabs li:nth-child(6){ margin-left: 33px; } .btnn{ width:30px; height:50px; background-color:rgba(0,0,0,.5); color:#fff; font-size:30px; line-height:50px; text-align:center; position:absolute; top:50%; margin-top:-25px; cursor:pointer; } .btnn:hover{ background-color:rgba(0,0,0,.8); color:red; } .btn1{ left:0; } .btn2{ right:0; } .bg{ border:3px solid #71FFFF; /* box-shadow:0 0 16px #71FFFF; */ /* box-shadow:0 0 12px #71FFFF inset; */ }