#listBox{ position: absolute; left:10%; bottom: 10%; } .nubma{ font-size:13px; } .aaa{ width:200px; position: relative; float: left; } .ccc{ width:200px; height:200px; } .bbb{ width:100px; height:100px; position: absolute; top: 2%; right:2% ; } #banner{ position:absolute; top:25%; left:29%; } .sipPos2{ position: absolute; right: 5%; top: 5%; width:320px; height:200px; } .sipPos1{ width:670px; height:400px; } .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; width: 112%; height: 85%; position: absolute; left: -2%; top: 10%; display: none; /* box-shadow:0 0 16px #71FFFF; */ /* box-shadow:0 0 12px #71FFFF inset; */ }