.main{ width: 380px; height: 540px; margin: 0 auto; position: relative; overflow: hidden; } .offer,.offer .dec,.offer .bg{ position: absolute; width: 130px; height: 20px; } .offer .dec{ left: 0; top: 0; z-index: 2; } .offer{ font-size: 12px; color: #fff; line-height: 20px; text-align: center; right: 0; bottom: 0; font-family: '微软雅黑' } .offer .bg{ left: 0; top: 0; background: #000; filter: Alpha(opacity=80); background: rgba(0, 0, 0,.8); z-index: 1; } .header{ width: 370px; background-color: rgb(40, 111, 183); height: 30px; line-height: 30px; color: #fff; overflow: hidden; padding-left: 10px; } .logo{ background: url("../img/logo_kuaiya.png") no-repeat center; width: 30px; height: 30px; } .close{ width: 30px; height: 30px; background: url(../img/close.png) no-repeat center; } .close:hover{ background: url(../img/close.png) red no-repeat center; } .content { width: 380px; height: 505px; position: relative; overflow: hidden; } .content .list{ padding:0px 10px; } .content .list a{ padding:10px 0px; font-size: 15px!important; letter-spacing: 1px; border-bottom: 1px solid #eee; position: relative; width: 100%; } .content .source{ color: #bbb9b9; font-size: 14px; font-weight: normal; } /* .content .big .source{ position: absolute; } */ .content .big .img{ width: 100%; height: 120px; overflow: hidden; position: relative; margin: 8px 0 4px; } .content .small .img{ width: 120px; height: 76px; position: absolute; left: 0; top:8px; overflow: hidden; } .content .small .dec{ padding-left: 126px; } .content .small .title{ height: 44px; overflow: hidden; margin-bottom: 10px; } .title:hover{ color:#406599; } .baiduP{ border-bottom: 1px solid #eee; } .tips{ font-size: 12px; position: absolute; padding: 2px 3px; border: 1px solid #eee; background: #fafafa; top: 28px; width: 224px; left: 126px; }