.focus-box{ width:520px; height:362px; /* padding:5px; background-color: #e8e8e8; border:1px solid #c6c6c6; */ /* margin-top:10px; margin-left:10px; */ } .ffocus-box{ width: 298px; height:141px; overflow: hidden; } .ffocus{ width:298px; height:141px; margin:0 12px; position: relative; overflow:hidden; } .ffocus_pics{ position: absolute; left:12px; top:13px; } .ffocus_pics .ffocus_divbox{ width:298px; height:141px; float:left; position: relative; } .ffocus_pics .ffocus_divbox .ffocus_title{ position: absolute; top:0px; left:124px; line-height:28px; font-size:14px; width:156px; } .focus{ width:520px; height:362px; position:relative; overflow:hidden; } .focus_pics{ position:absolute; left:0; top:0; } .focus_pics div { float:left; border-radius: 8px; position: relative;} .focus_pics div p{position: absolute;height:38px;width:520px;bottom:4px;left:0px;background-color:rgba(0, 0, 0, 0.4);line-height:38px;text-indent: 20px;} .focus_pics div p a{color:#fff;} .focus_pics div p a:hover{color:#fff;} .focus-pics img{border-radius: 8px;} .focus_handle {opacity: 0.9;margin: 12px auto;width: 130px; } .focus_handle li {float:left; margin:0 0 0 3px; width:37px; height:8px;display:block;background:#DCDCDC;cursor: pointer;} .focus_handle li.on{ background-color:#CD3353; } .focus-bottom{ margin-top:25px; width:480px; padding:10px 30px; /* background:url(../image/bg5002.png) no-repeat left -349px; */ height:140px; } .focus-bottom p{ font-size:14px; line-height:2em; color:#ffc7a2; } .focus-bottom em{ font-weight:600; color:#faf100; }