.agent-headshot{width:100%;height:100%}.agent-headshot .agent-img{width:100%;height:100%}

.view-more .view-more-content{overflow:hidden;line-height:24px;white-space:pre-wrap}.view-more .more-btn{margin-top:10px;text-decoration:underline;cursor:pointer}

.book-appointment{cursor:pointer;display:inline-block;font-size:var(--base-font-size, "16px");font-family:var(--font-medium);white-space:nowrap;display:inline-flex;align-items:center}.book-appointment .icon-calendar{margin-right:8px}.book-appointment.button{position:relative;color:var(--mg-button-color);background-color:var(--mg-button-background);padding:7px 15px}.book-appointment.button:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.book-appointment.link{color:var(--color-theme)}.book-appointment.link:hover{color:var(--color-hover);text-decoration:underline}.book-appointment.link .icon-arrow_01_right{font-size:10px}.book-appointment.link .icon-arrow_01_right::before{margin-left:8px}.book-appointment .icon-arrow_06_right{margin-left:10px;font-size:16px}

.agent-card{display:flex;height:500px}.agent-card.agent-detail-info-card .agent-info-detail .introduce::-webkit-scrollbar{width:4px;height:8px;-webkit-appearance:none}.agent-card.agent-detail-info-card .agent-info-detail .introduce::-webkit-scrollbar-thumb{border-radius:4px;background-color:#999}.agent-card .agent-info-brief{flex:none;width:350px;height:100%}.agent-card .agent-info-brief>a{display:block;width:100%;height:100%}.agent-card .agent-info-brief .agent-img{width:100%;height:100%}.agent-card .agent-info-brief .agent-name{display:none}.agent-card .agent-info-brief .book-appointment{display:none}.agent-card .agent-info-detail{display:flex;flex:1;flex-direction:column;position:relative;width:calc(100% - 350px);height:100%;background-color:#f5f6fa}.agent-card .agent-info-detail .name-introduce{width:100%;flex:1;padding:30px 110px 30px 30px}.agent-card .agent-info-detail .agent-name-appointment{display:flex;align-items:center;gap:10px}.agent-card .agent-info-detail .agent-name-appointment.appointment-enabled{width:calc(100% - 200px)}.agent-card .agent-info-detail .agent-name-appointment .agent-name{flex:1}.agent-card .agent-info-detail .agent-name-appointment .agent-name .name{width:315px;display:block;font-size:18px;font-family:var(--font-title);color:var(--color-text);line-height:1.1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.agent-card .agent-info-detail .agent-name-appointment .agent-name .position-license{margin-top:10px;font-size:14px;font-family:var(--font-medium);color:var(--color-info);line-height:18px}.agent-card .agent-info-detail .introduce{margin-top:24px;width:100%;font-size:14px;line-height:1.5;color:var(--color-text);height:auto;overflow:auto;max-height:126px;padding-right:8px}.agent-card .agent-info-detail .introduce::-webkit-scrollbar{width:4px;height:8px;-webkit-appearance:none}.agent-card .agent-info-detail .introduce::-webkit-scrollbar-thumb{border-radius:4px;background-color:#999}.agent-card .agent-info-detail .more-introduce{display:none;margin-top:20px;width:100%;font-size:14px;line-height:1.5;color:var(--color-text);overflow:auto;max-height:135px;padding-right:8px}.agent-card .agent-info-detail .more-introduce .more-btn{margin-top:0;color:var(--g-btn-background, var(--color-theme, #03c9ff))}.agent-card .agent-info-detail .share-links{position:absolute;width:80px;height:100%;padding:10px;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--g-btn-background, var(--color-theme, #03c9ff))}.agent-card .agent-info-detail .share-links .iconfont{width:40px;height:40px;position:relative;color:#fff;font-size:16px}.agent-card .agent-info-detail .share-links .iconfont::before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.agent-card .agent-info-detail .contact-list{display:flex;flex:none;width:100%;height:210px;padding-right:80px;background-color:#f5f6fa}.agent-card .agent-info-detail .contact-list .contact-item{min-width:calc(50% - 1px);flex:1;height:100%;background-color:#ebecf3;display:flex;flex-direction:column;justify-content:center;padding-left:30px;padding-right:10px}.agent-card .agent-info-detail .contact-list .contact-item .name{display:flex;align-items:center;font-size:12px}.agent-card .agent-info-detail .contact-list .contact-item .name .iconfont{color:var(--g-btn-background, var(--color-theme, #03c9ff));width:20px;height:20px;font-size:16px;position:relative}.agent-card .agent-info-detail .contact-list .contact-item .name .iconfont.icon-smallphone{font-size:18px}.agent-card .agent-info-detail .contact-list .contact-item .name .iconfont::before{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.agent-card .agent-info-detail .contact-list .contact-item .name span{margin-left:5px;font-family:var(--font-medium);color:var(--color-info)}.agent-card .agent-info-detail .contact-list .contact-item .value{font-family:var(--font-bold);font-size:14px;line-height:20px;max-height:60px;display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word;color:var(--color-text);margin-top:9px;word-break:break-word}.agent-card .agent-info-detail .contact-list .contact-item:nth-child(even){margin-left:2px}.agent-card .agent-info-detail .contact-list .contact-item:nth-child(3),.agent-card .agent-info-detail .contact-list .contact-item:nth-child(4){margin-top:2px}.agent-card .agent-info-detail .contact-list.two-line{flex-wrap:wrap}.agent-card .agent-info-detail .contact-list.two-line .contact-item{height:calc(50% - 1px)}.agent-card .agent-info-detail.more-share .name-introduce{padding-right:100px}.agent-card .agent-info-detail.more-share .share-links{height:auto;max-height:100%}.agent-card .agent-info-detail.no-share .contact-list{padding-right:0}.agent-card.big{height:540px}.agent-card.big .agent-info-brief{width:450px}.agent-card.big .agent-info-detail{width:calc(100% - 450px)}.agent-card.big .agent-info-detail .name-introduce{padding:50px}.agent-card.big .agent-info-detail .introduce{max-height:150px}.agent-card.big .agent-info-detail.more-share .name-introduce{padding-right:120px}@media (max-width: 800px){.agent-card{flex-direction:column;height:auto;background-color:#f5f6fa;padding-top:20px}.agent-card .agent-info-brief{width:100%;padding:0 15px;display:flex}.agent-card .agent-info-brief>a{width:100px;height:100px}.agent-card .agent-info-brief .agent-name-appointment{width:calc(100% - 100px)}.agent-card .agent-info-brief .agent-name{display:block;margin-left:10px}.agent-card .agent-info-brief .agent-name .name{width:100%;display:block;font-size:24px;font-family:var(--font-title);color:var(--color-text);line-height:1.1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.agent-card .agent-info-brief .agent-name .position-license{margin-top:10px;font-size:12px;color:var(--color-info);line-height:18px}.agent-card .agent-info-brief .book-appointment{display:block;margin-left:10px;margin-top:10px;text-align:center}.agent-card .agent-info-detail{width:100%;height:auto;margin-top:20px}.agent-card .agent-info-detail .name-introduce{padding:0 15px}.agent-card .agent-info-detail .name-introduce .agent-name{display:none}.agent-card .agent-info-detail .name-introduce .introduce{display:none}.agent-card .agent-info-detail .name-introduce .more-introduce{display:block;font-size:13px;line-height:20px;max-height:none;padding-right:0}.agent-card .agent-info-detail .share-links{margin-top:20px;position:static;width:calc(100% - 30px);height:auto;padding:0 10px;margin-left:15px;flex-direction:row;flex-wrap:wrap}.agent-card .agent-info-detail .contact-list{margin-top:20px;height:auto;padding-right:0;flex-direction:column}.agent-card .agent-info-detail .contact-list .contact-item{min-width:100%;height:87px;flex:none;padding-left:20px;padding-right:20px;margin-top:2px}.agent-card .agent-info-detail .contact-list .contact-item:nth-child(even){margin-left:0}.agent-card .agent-info-detail .contact-list .contact-item:nth-child(1){margin-top:0}.agent-card .agent-info-detail .contact-list.two-line{flex-wrap:wrap}.agent-card .agent-info-detail .contact-list.two-line .contact-item{height:87px}.agent-card .agent-info-detail .book-appointment{display:none}.agent-card .agent-info-detail.more-share .name-introduce{padding-right:0}.agent-card .agent-info-detail.more-share .share-links{height:auto;max-height:none}}

.md-team.single-column-grid-info .agent-card{margin-top:10px}.md-team.single-column-grid-info .agent-card+.agent-card{margin-top:30px}@media (min-width: 801px){.md-team.single-column-grid-info .agent-card .agent-info-detail.more-share .share-links{height:100%}.md-team.single-column-grid-info .agent-card .agent-info-detail.no-share .name-introduce{padding:50px 30px}.md-team.single-column-grid-info .agent-card:nth-child(2n) .name-introduce{padding:50px 110px 50px 30px}.md-team.single-column-grid-info .agent-card:nth-child(2n+1){flex-direction:row-reverse}.md-team.single-column-grid-info .agent-card:nth-child(2n+1) .name-introduce{padding:50px 30px 50px 110px}.md-team.single-column-grid-info .agent-card:nth-child(2n+1) .share-links{right:auto;left:0}.md-team.single-column-grid-info .agent-card:nth-child(2n+1) .agent-info-detail:not(.no-share) .contact-list{padding-left:80px;padding-right:0}}@media (max-width: 800px){.md-team.single-column-grid-info .agent-card.cross:nth-child(2n+1) .agent-info-brief{flex-direction:row-reverse}.md-team.single-column-grid-info .agent-card .agent-info-detail{margin-top:0}}.md-team.single-column-grid-info .comp-pagination{margin-bottom:20px}