* { margin:0; } .min { width:900px; height:400px; background-color:#6f0b02; margin:0 auto; position:relative; } .img1 { width:48px; height:384px; background:url("http://www.jq22.com/img/cs/500x300c.png") no-repeat 100%; float:left; position:absolute; top:10px; left:402px; z-index:2; } .img2 { width:0; height:384px; background:url("http://www.jq22.com/img/cs/500x300b.png") no-repeat 100%; float:left; position:absolute; overflow:hidden; top:10px; left:450px; z-index:1; } .img3 { width:0; height:384px; float:left; background:url("http://www.jq22.com/img/cs/500x300b.png") no-repeat 100%; overflow:hidden; position:absolute; top:10px; right:450px; z-index:1; } .img4 { width:48px; height:384px; background:url("http://www.jq22.com/img/cs/500x300a.png") no-repeat 100%; float:left; position:absolute; top:9px; right:402px; z-index:2; } .cont { width:600px; position:absolute; top:100px; left:100px; display:none; z-index:3; } .cont>p { line-height:26px; font-size:14px; font-family:"微软雅黑"; } .font { width:60px; height:30px; text-align:center; line-height:30px; margin:0 auto; margin-top:40px; background-color:#6f0b02; color:white; font-size:18px; cursor:pointer; } .fonts { width:60px; height:30px; text-align:center; line-height:30px; margin:0 auto; margin-top:40px; background-color:#6f0b02; color:white; font-size:18px; cursor:pointer; display:none; }