.star-page { .collocation-list { padding-top: 88px; } .collocation-list, .detail-list { width: 100%; float: left; li { float: left; width: 100%; background: #000; .cont-area { width: 100%; box-sizing: border-box; padding: 30px; } .cont-txt { font-size: 28px; line-height: 46px; color: #b0b0b0; margin-top: 10px; padding: 2px 0; } img { width: 100%; min-height: 310px; } .title { font-size: 40px; line-height: 48px; color: #fff; width: 100%; word-wrap: break-word; } } } .count-area { position: relative; width: 100%; height: 32px; span { font-size: 24px; color: #b0b0b0; height: 32px; line-height: 32px; i { display: inline-block; margin-right: 5px; font-size: 24px; position: relative; top: -2px; } } .time { float: left; } .see { float: left; margin-left: 20px; } .time-ico { width: 24px; height: 24px; } .see-ico { width: 31px; height: 24px; } .collection { float: right; } .collected-ico { width: 34px; height: 32px; vertical-align: text-bottom; } .collected { color: #d62927; } .forward { width: 40px; float: right; margin-left: 45px; font-size: 24px; color: #b0b0b0; height: 32px; line-height: 32px; position: relative; top: -1px; } } } .star-class-body { background: #333; width: 100%; font: 12px/1.5 Arial, "黑体"; float: left; }