/*** 浜烘墠鎷涜仒 ****/ .talent-list { width: 100%; padding-top: 0; } .talent-list .item { height: auto; text-align: left; } .talent-list .item .body { width: 90%; margin-left: 5%; position: relative; } .talent-list .item:nth-child(3n+1) .body { margin-left: 0; } .talent-list .item:nth-child(3n+0) .body { margin-left: 10%; } .talent-list .item .bg { width: 100%; height: auto; /* position: relative; */ } .talent-list .item .info { position: absolute; padding: 50px; padding-bottom: 150px; overflow: hidden; top: 0; left: 0; } .talent-list .item .info .title { font-weight: 500; font-size: 20px; color: #1A1A1A; } .talent-list .item .info .desc { font-size: 16px; color: gray; margin-top: 25px; font-weight: 400; font-family: Source Han Sans CN; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 13; -webkit-box-orient: vertical; letter-spacing: 3px; } .talent-list .item .more { bottom: 50px; left: 50px; position: absolute; } .talent-list .item .more a { font-size: 16px; font-family: Helvetica Neue; font-weight: normal; color: #4d4d4d; letter-spacing: 3px; } .talent-list .item .more a:hover { color: #12508F; } @media screen and (max-width: 900px) { .talent-list .item .body { width: 100%; margin-left: 0; } .talent-list .item:nth-child(3n+1) .body { margin-left: 0; } .talent-list .item:nth-child(3n+0) .body { margin-left: 0; } .talent-list .item .info { padding: 25px; } .talent-list .item .more { bottom: 25px; left: 25px; } }