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

.com-no-agent{display:flex;align-items:center;justify-self:center;flex-direction:column;padding-top:50px}@media (max-width: 600px){.com-no-agent{padding-top:30px}}.com-no-agent img{width:216px;height:235px}@media (max-width: 600px){.com-no-agent img{width:170px;height:185px}}.com-no-agent .text{font-family:var(--font-bold);font-size:18px;margin-top:30px;color:var(--color-info)}@media (max-width: 600px){.com-no-agent .text{font-size:14px;margin-top:20px}}

.search-item{width:100%;display:inline-block;position:relative}.search-item .options{max-width:100%;width:100%;position:absolute;bottom:0;left:0;transform:translateY(calc(100% + 2px));max-height:200px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:solid 1px #ebecf1;z-index:10;overflow-x:hidden;overflow-y:auto}.search-item .options li{height:40px;line-height:40px;font-family:var(--font-normal);font-size:14px;color:#191919;background-color:#fff;padding:0 10px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.search-item .options li:not(.selected):hover{background-color:#f6f7fb}.search-item .options li.selected{color:var(--color-theme)}.search-item ::-webkit-input-placeholder{font-size:14px;font-family:var(--font-normal);color:#a8a8a8}

.com-search-bar{display:flex;flex-wrap:wrap}.com-search-bar .search-item{flex:1}.com-search-bar .search-item+.search-item{margin-left:15px}.com-search-bar input{height:40px;width:100%;padding-left:10px;font-size:14px}.com-search-bar .search-button{margin-left:15px;align-self:flex-end}.com-search-bar button{position:relative;height:40px;line-height:40px;padding:0 30px;background-color:var(--mg-button-background, #03c9ff);border-color:var(--mg-button-background, #03c9ff);color:var(--mg-button-color, #fff);font-family:var(--font-bold)}.com-search-bar button:hover::after{content:'';background:rgba(25,25,25,0.1);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.com-search-bar .icon-search{margin-right:10px}.com-search-bar .label{font-size:14px;color:#505050;font-family:var(--font-bold);width:100%;margin-bottom:8px;display:inline-block}@media (max-width: 600px){.com-search-bar .search-item{width:100%;flex:none}.com-search-bar .search-item+.search-item{margin-left:0;margin-top:15px}.com-search-bar .search-button{margin-left:0;margin-top:20px;width:100%}.com-search-bar button{width:100%}.com-search-bar ::-webkit-input-placeholder{font-size:12px}}.com-search-bar .options{max-width:100%;width:100%;position:absolute;bottom:0;left:0;transform:translateY(calc(100% + 2px));max-height:200px;box-shadow:0 2px 5px 0 rgba(0,10,30,0.1);border:solid 1px #ebecf1;z-index:10;overflow-x:hidden;overflow-y:auto}.com-search-bar .options li{height:40px;line-height:40px;font-family:var(--font-normal);font-size:14px;color:#191919;background-color:#fff;padding:0 10px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.com-search-bar .options li:not(.selected):hover{background-color:#f6f7fb}.com-search-bar .options li.selected{color:var(--color-theme)}

@media (min-width: 601px){.md-team.agent-directory{padding:40px 0}}@media (max-width: 600px){.md-team.agent-directory{padding:20px 0}}.md-team.agent-directory .search-team{width:100%;height:130px;padding-bottom:45px}.md-team.agent-directory .search-team .search-item-container,.md-team.agent-directory .search-team .team-container{position:relative}.md-team.agent-directory .search-team .search-item-container i,.md-team.agent-directory .search-team .team-container i{font-size:16px;color:#515666;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.md-team.agent-directory .search-team .search-item-container .search-input,.md-team.agent-directory .search-team .team-container .search-input{width:100%;height:40px;padding:0 10px 0 46px;line-height:14px;font-size:14px;color:#202437;outline:none;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-team.agent-directory .agent-box{font-size:14px}.md-team.agent-directory .agent-box .agent-list{display:flex;flex-wrap:wrap;margin:-5px}.md-team.agent-directory .agent-box .agent-list .agent-item{display:block;width:calc(25% - 10px);margin:5px;border:1px solid var(--color-border);background:#fff;box-sizing:border-box}@media (max-width: 800px){.md-team.agent-directory .agent-box .agent-list .agent-item{width:calc(33.33% - 10px)}}@media (max-width: 600px){.md-team.agent-directory .agent-box .agent-list .agent-item{width:100%;margin:5px 0}}.md-team.agent-directory .agent-box .agent-list .agent-item>a{display:block;position:relative}.md-team.agent-directory .agent-box .agent-list .agent-item .mask{display:none}.md-team.agent-directory .agent-box .agent-list .agent-item .mask.img-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}.md-team.agent-directory .agent-box .agent-list .agent-item .mask.img-mask p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:139px;height:42px;line-height:42px;background:#fff;color:var(--color-hover, #03c9ff);font-size:12px;text-align:center}.md-team.agent-directory .agent-box .agent-list .agent-item:hover{background-color:var(--color-hover, #03c9ff);border-color:var(--color-hover, #03c9ff)}.md-team.agent-directory .agent-box .agent-list .agent-item:hover .mask{display:block}.md-team.agent-directory .agent-box .agent-list .agent-item:hover .info-container .info-item{color:#fff}.md-team.agent-directory .agent-box .agent-list .agent-item:hover .info-container .info-item.b-info{color:#fff}.md-team.agent-directory .agent-box .agent-list .agent-item .agent-img{padding-top:100%}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container{height:194px;padding:20px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--color-title)}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item .iconfont{margin-right:6px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.agent-name{font-size:20px;font-family:var(--font-bold);line-height:24px;margin-bottom:8px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.agent-name+.b-info{margin-top:42px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.agent-pos{font-size:13px;line-height:16px;margin-bottom:18px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.b-info{font-size:14px;color:var(--color-text);line-height:17px;margin-bottom:11px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.b-info .iconfont{color:#ccc;vertical-align:middle}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.b-info .iconfont.icon-agent-call,.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.b-info .iconfont.icon-assistant{font-size:16px}.md-team.agent-directory .agent-box .agent-list .agent-item .info-container .info-item.b-info .iconfont.icon-agent-email{font-size:14px}.md-team.agent-directory .com-search-bar{padding-bottom:30px;border-bottom:1px solid #dcdcdc;margin-bottom:30px;padding-bottom:30px;margin-bottom:30px}.md-team.agent-directory .com-search-bar .search-item+.search-item{margin-left:10px}@media (max-width: 600px){.md-team.agent-directory .com-search-bar .search-item+.search-item{margin-left:0}}.md-team.agent-directory .com-search-bar .search-buttoon{margin-left:10px}@media (max-width: 600px){.md-team.agent-directory .com-search-bar{padding-bottom:20px;margin-bottom:20px}}.md-team.agent-directory .com-search-bar input{border-radius:2px;border:solid 1px #dcdcdc;background-color:#fff;box-shadow:none}.md-team.agent-directory .com-search-bar button{padding:0 40px}.md-team.agent-directory .com-search-bar ::-webkit-input-placeholder{color:#bebebe}.md-team.agent-directory .mg-container{overflow:visible}

