@charset "UTF-8"; /*主色调*/ /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ .team-list { margin-top: 40px; } .team-item { display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: justify; justify-content: space-between; } .team-item ~ .team-item { margin-top: 60px; } .team-item .img { width: 430px; } .team-item .img img { display: block; width: 100%; height: auto; } .team-item .info { padding-right: 50px; width: 736px; color: #3A4B99; } .team-item .name { font-size: 36px; line-height: 44px; font-weight: 600; } .team-item .pos { margin-top: 10px; font-size: 20px; line-height: 36px; font-weight: 600; } .team-item .line { position: relative; margin-top: 32px; height: 2px; width: 100%; background: -webkit-gradient(linear, left top, right top, from(#3A4B99), to(#ffffff)); background: linear-gradient(90deg, #3A4B99, #ffffff); } .team-item .line::after { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; width: 18px; height: 18px; border-radius: 50%; background-color: #3A4B99; } .team-item .desc { margin-top: 32px; font-size: 16px; line-height: 28px; max-height: 112px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .team-item .app-btn { margin-top: 30px; } .team-item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .team-item:nth-child(2n) .img { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .team-item:nth-child(2n) .info { padding: 0 0 60px 80px; width: 664px; } .doctor-detail { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 40px 60px; background-color: #fff; margin-top: 20px; } .doctor-detail .main { width: 720px; } .doctor-detail .user-info { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .doctor-detail .user-info .base { width: 340px; box-sizing: border-box; padding-right: 40px; color: #3A4B99; min-height: 220px; } .doctor-detail .user-info .base .user-name { font-size: 40px; font-weight: 600; line-height: 56px; } .doctor-detail .user-info .base .honor { margin-top: 20px; } .doctor-detail .user-info .base .honor-item { font-size: 16px; font-weight: 500; line-height: 24px; padding-left: 36px; position: relative; } .doctor-detail .user-info .base .honor-item::before { content: ""; position: absolute; left: 12px; top: 10px; z-index: 1; width: 6px; height: 6px; background-color: #3A4B99; border-radius: 50%; } .doctor-detail .user-info .base .honor-item ~ .honor-item { margin-top: 16px; } .doctor-detail .user-info .img { width: 340px; height: 340px; } .doctor-detail .user-info .img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .doctor-detail .detail { margin-top: 40px; } .doctor-detail .detail .detail-title { font-size: 24px; line-height: 34px; font-weight: 600; } .doctor-detail .detail .detail-content { margin-top: 12px; line-height: 28px; font-size: 16px; white-space: pre-line; } .doctor-detail .main-btns { margin-top: 40px; display: -webkit-box; display: flex; } .doctor-detail .other { width: 320px; } .doctor-detail .other .title { font-size: 24px; line-height: 34px; padding-bottom: 20px; font-weight: 600; border-bottom: 1px solid #e0e0e0; } .doctor-detail .other .list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } .doctor-detail .other .item { width: 175x; border: 1px solid #333333; border: 1px solid rgba(51, 51, 51, 0.1); margin-top: 20px; } .doctor-detail .other a { display: block; } .doctor-detail .other .img { width: 150px; height: 125px; overflow: hidden; } .doctor-detail .other .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s; } .doctor-detail .other .img:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .doctor-detail .other .info { padding: 5px; text-align: center; } .doctor-detail .other .name { font-size: 15px; font-weight: 600; line-height: 22px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .doctor-detail .other .pos { font-size: 10px; line-height: 18px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .doctor-detail .other .item:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06); } .app-footer { margin-top: 20px; } /*# sourceMappingURL=maps/team.css.map */