@charset "utf-8"; body{margin:0;padding:0; font-size: 12px; font-family: "微软雅黑 Regular","Microsoft YaHei";} ul,li{list-style: none} a{text-decoration: none;color: #333;} li.item{padding-left: 20px; padding-right: 6em;line-height: 30px; height: 30px; position: relative; border-bottom: #d5d5d5 dashed 1px;} li.item:before { content: ""; position: absolute; width: 6px; height: 1px; background-color: #999; top: 50%; left: 6px; } li.item a.title { width: 100%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } li.item span.date { position: absolute; right: 0; top: 0; color: #999; } li.edu{ border-bottom: 1px solid #e8e8e8; line-height: 62px; font-size: 0; } li.edu div.tit { display: inline-block; width: 84%; font-size: 18px; color: #505050; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; float: left; } li.edu div.time { display: inline-block; width: 16%; text-align: right; color:#9f9f9f; font-size: 16px; } @media (max-width: 780px) { li.edu div.tit{ width: 76%; } li.edu div.time { width: 24%; } } @media (max-width: 400px) { li.item{ height:auto; } li.item a.title{ line-height: 150%; white-space: initial; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } li.item:before{ top: 13px; } } li.edu_pic{ border-bottom: 1px solid #eeeeee; padding: 27px 0; overflow: hidden; } li.edu_pic img{ width: 296px; height: 177px; display: block; float: left; } li.edu_pic .fl{ padding-left: 28px; width: 520px; float: left; } li.edu_pic .tit{ font-size: 18px; color: #505050; padding-top: 2px; line-height: 28px; } li.edu_pic .time{ font-size:18px; color: #0a61ae; line-height: 28px; padding-top: 8px; }