/* 经纪人微名片弹出框 */
.agent-dialog{
    position: absolute;
    left: 44px;
    top: 2px;
    width: 265px;
    height: 368px;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(141,141,141,0.50);
    border-radius: 3px;}
.agent-dialog .dialog-title{
    position: relative;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px 3px 0 0;
    color: #fff;
    background: #e03236;
    padding: 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;}

.agent-dialog .dialog-closed{
    position: absolute;
    right: 10px;
    top: 11px;
    width: 14px;
    height: 14px;
    background-position: -147px -10px;
}
.agent-dialog .dialog-cont{
    padding: 20px 0;
}
.agent-dialog .scan-list{
    margin-bottom: 30px;
    overflow: hidden;
}
.agent-dialog .scan-list span{
    font-size: 12px;
    float: left;
    width: 33.3333333%;
    text-align: center;
    color: #2f343a;
    line-height: 17px;
}
.agent-dialog .scan-list span em{
    color: #999;
}
.agent-dialog .scan-list span b{
    font-weight: 600;
    font-size: 20px;
    display: block;
    color: #222222;
    line-height: 28px;
    text-align: center;
    margin-top: 8px;
}
.agent-dialog .scan-qrcode{
    font-size: 12.89px;
    color: #666666;
    text-align: center;
}
.agent-dialog .scan-qrcode img{
    display: block;
    height: 172px;
    width: auto;
    max-width:172px;
    margin: 0 auto 15px;
}
.agent-dialog .scan-qrcode p{
    padding: 0;
}

.slide-box{width:332px;height:auto;float:right;}
.slide-box .agentbox{position:fixed;top:58px;width:332px;display: none;background: #ffffff;}
.agentbox .title{font-weight: 600;height:56px;line-height:56px;font-size: 14px;color: #333333;border-bottom: 1px solid #efefef;}
.agentbox .agent{width:100%;padding:22px 0 20px;border-bottom: 1px solid #efefef;}
.agentbox .agent .img{width: 57px;height: 76px;margin-right:20px;background:#f5f5f5;}
.agentbox .agent .img img{width: 57px;height: 76px;}
.agentbox .agent p{margin-bottom: 8px;height:20px;line-height:20px;color:#4a4a4a;}
.agentbox .agent .p{line-height:16px;}
.agentbox .agent .name{float:left;font-size: 16px;color: #333;line-height: 18px;font-weight: bold;}
.agentbox .agent a:hover .name{color: #e03236;}
.agentbox .agent .commendlabel{position:absolute;display: inline-block;width: 32px;height: 16px;line-height: 16px;background: #f5a623;text-align: center;color: #fff;margin-left: 10px;}
.agentbox .agent .commendlabel i{position: absolute;width: 0;height: 0;border-width: 3px;border-style: solid;border-color: transparent #f5a623 #f5a623 transparent;left: -4px;top: 4px;}
.agentbox .agent .label{float: left;height:16px;line-height:16px;padding:0 4px;margin-right:9px;background:#efefef;}
.agentbox .agent .tel{margin-bottom: 0px;}
.agentbox .agent .tel .telnum{float:left;color: #e03236;font: bold 20px/20px "arial";}
.agentbox .agent .tel em{font:normal 14px "microsoft yahei","hiragino sans gb","stheiti","simsun";color: #000;margin: 0 5px}
.agentbox .btns{margin-top:20px;}
.agentbox .btn{width: 160px;height: 38px;line-height: 38px;font-size: 14px;text-align: center;border-radius: 2px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12);}
.agentbox .btn.yuyue{background:#fff;color: #333;}
.agentbox .btn.im-zixun{background:#e03236;color: #fff;cursor:pointer;}
.agentbox .btn:hover{opacity:0.8;filter:alpha(opacity=80);}
.agent-card-box{position: relative;}
.esf-detail{background-image:;background-image: -webkit-image-set( 1x, 2x);background-position: center center;background-repeat: no-repeat;}
.esf-detail.agent-card{float:left;width: 20px;height: 14px;margin-top: 4px;margin-left:10px;background-position: -10px -106px;cursor: pointer;}

.agent-dialog-new{
    width: 647px;
    height: 435px;
}
.agent-dialog-new .dialog-cont{
    padding: 42px 0px;
}
.agent-dialog-new .scan-list{
    margin-bottom: 35px;
}
.agent-dialog-new .scan-qrcode img{
    width:auto;
    height:180px;
    margin: 0 auto 30px;
}
.intro-box4 p{
    font-size: 12px;
    color: #666666;
}
.dialog-left{
    width: 290px;
    padding:37px 30px 30px;
}
.dialog-left .dialog-left-img{
    height: 240px;width: 100%;
    overflow: hidden;
}
.dialog-left .dialog-left-img img{
    display: block;
    height: 238px;
    width:auto;
    max-width: 180px;
    margin: 0 auto;
    border-radius: 10px;
    border:1px solid #e8e8e8;
    object-fit: contain;
}
.dialog-left .dialog-left-txt{
    margin-top: 25px;
}
.dialog-left .dialog-left-txt p{
    font-size: 12px;
    color: #333333;
    margin-top: 8px;
}
.dialog-left .dialog-left-txt p span{
    color: #999999;
}
.dialog-right{
    width: 265px
}
.tag-li{
    position: relative;
    display: inline-block;
    padding:2px 10px;
}
.tag-li .tag-li-bj{
    position: absolute;
    width:100%;
    height: 22px;
    left:0;
    top:0;
    opacity: 0.09;
    background: #5064a2;
    border-radius: 10px;
}
.tag-li .tag-li-txt{
    font-weight: 600;
    font-size: 13px;
    color: #5064a2;
    line-height: 18px;
    text-align: center;
}
.hasiframe{
    height:auto;
}
.hasiframe .dialog-left-img{
    height:444px;
}
.hasiframe .dialog-left-img img{
    height:auto;
    width:auto;
    max-height: 100%;
    max-width: 100%;
}