#listBox{ position: absolute; left:0; bottom: 100px; margin-left: 170px; } #listBoxTraffic{ position: absolute; left:0; bottom: 100px; margin-left: 170px; } /*.list-tab{ position: absolute; left:0; bottom: 100px; margin-left: 170px; }*/ .nubma{ font-size:13px; } .aaa{ width:250px; position: relative; } .ccc{ width:250px; 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:180px; } .tabs li{ width:230px; height:120px; /* border:2px solid #001255; */ margin-left:0px; margin-top: 50px; /* border-radius:100%; */ } /*.tabs li:nth-child(1){ margin-bottom: 70px } .tabs li:nth-child(2){ margin-bottom: 60px } .tabs li:nth-child(3){ height: 150px; margin-bottom: 70px; } .tabs li:nth-child(4){ margin-bottom: 20px; }*/ /* .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: 90%; height: 75%; position: absolute; left: 5%; top: 13%; display: none; /* box-shadow:0 0 16px #71FFFF; */ /* box-shadow:0 0 12px #71FFFF inset; */ } .trafficBg{ border:3px solid #71FFFF; width: 90%; height: 75%; position: absolute; left: 5%; top: 13%; display: none; }