#flash{ width:385px; height:180px; background:url(../images/flash.jpg) no-repeat; } .wrapper {width:385px; margin:0 auto; } /* qqshop focus */ #focus {width:385px; height:180px; overflow:hidden; position:relative;} #focus ul {width:243px; position:absolute;} #focus ul li {float:left; width:385px; height:180px; overflow:hidden; position:relative;} #focus ul li div {position:absolute; overflow:hidden;} #focus .btnBg {position:absolute; width:385px; height:0px; left:0; bottom:0;} #focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;} #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;} #focus .btn span.on {background:#fff;} #focus .preNext {width:45px; height:100px; position:absolute; top:60px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;} #focus .pre {left:0;} #focus .next {right:0; background-position:right top;} #Layer1 { position:absolute; width:110px; height:215px; z-index:1; visibility: hidden; background:#d94231; margin-left:10px; top:150px; font-family:Arial, Helvetica, sans-serif;} * html #Layer1 { position:absolute; width:110px; height:215px; z-index:1; visibility: hidden; background:#d94231; margin-left:-120px; top:150px; font-family:Arial, Helvetica, sans-serif;} * + html #Layer1 { position:absolute; width:110px; height:215px; z-index:1; visibility: hidden; background:#d94231; margin-left:-120px; top:150px; font-family:Arial, Helvetica, sans-serif;} #Layer1 ul{overflow:hidden; text-align:center; line-height:20px; padding-left:0px;} #Layer1 ul li{display:inline;float:left;} #Layer1 ul li a{width:110px; float:left;font-weight:normal; font-size:12px; color:#FFFFFF; } #Layer1 ul li a:hover{width:110px; float:left;font-weight:normal; background:#ef9e0f;font-weight:bold;color:#FFFFFF;} #Layer9 { position:absolute; width:130px; height:125px; z-index:1; visibility: hidden; background:#d94231; margin-left:-5px; top:150px; font-family:Arial, Helvetica, sans-serif;} * html #Layer9 { position:absolute; width:130px; height:125px; z-index:1; visibility: hidden; background:#d94231; margin-left:-130px; top:150px; font-family:Arial, Helvetica, sans-serif;} * + html #Layer9 { position:absolute; width:130px; height:125px; z-index:1; visibility: hidden; background:#d94231; margin-left:-130px; top:150px; font-family:Arial, Helvetica, sans-serif;} #Layer9 ul{overflow:hidden; line-height:20px; padding-left:0px;} #Layer9 ul li{display:inline;float:left;} #Layer9 ul li a{width:130px; float:left;font-weight:normal; font-size:12px; color:#FFFFFF; } #Layer9 ul li a:hover{width:130px; float:left;font-weight:normal; background:#ef9e0f;font-weight:bold;color:#FFFFFF;} #Layer2 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer2 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer2 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer3{ position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer3 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer3 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer4 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer4 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer4 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer5{ position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer5 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer5 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer6 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer6 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer6 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer7 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer7 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer7 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer8 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:110px; } * html #Layer8 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer8 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer10 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:130px; } * html #Layer10{ position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer10 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } #Layer11 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:130px; } * html #Layer11 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer11 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer12 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:130px; } * html #Layer12 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer12 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; } #Layer13 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:130px; } * html #Layer13 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:0px; } * + html #Layer13 { position:absolute; width:125px; height:126px; z-index:1; background-color: #da4231; visibility: hidden; margin-left:-0px; }