/*--------------------------------------------------------------

>>>模板调用通用联系地产经纪表格css:

----------------------------------------------------------------*/

.contact-agent-box { border: 0;}
.contact-agent-box .contact-form { padding: 1rem; }
.contact-agent-box .contact-form .form-item { margin-bottom: 0.625rem; }
.contact-agent-box .contact-form .form-item input,
.contact-agent-box .contact-form .form-item textarea { background: #f8f8f8; border-color: #eaeaea; }
.contact-agent-box .contact-form .form-item textarea { min-height: 8rem; }
.contact-agent-box .contact-form .form-item .cf-btn { background: #76b258; color: #fff; width: 100%; padding: 0.625rem 0; border: none; border-radius: 3px;}
.contact-agent-box .contact-agent-card { padding: 20px; border: 1px solid #e6e6e6; background: #ffffff; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1); bottom: auto; }
    /*.contact-agent-box header { border-bottom: 3px solid #20c063; padding: 1rem; }*/
/*.contact-agent-box header h3 { font-size: 1.25rem; font-weight: 600; margin: 0; }*/
/*.contact-agent-box header h3.claim-agent-header { color: #20c063; }*/
.contact-agent-box .uinfo { margin: 0 0 1rem; }
.contact-agent-box .contact-info { border-bottom: 1px solid #e6e6e6; padding: 1rem; }
.contact-agent-box .uinfo dl { height: 100%; overflow: hidden; margin-bottom: 0; }
.contact-agent-box .uinfo dt { width: 72px; margin-right: 1.25rem; float: left; max-width: 5rem; }
.contact-agent-box .uinfo dt img { display: block; border-radius: 100%; max-width: 72px; }
.contact-agent-box .uinfo dd.agent-name { width: calc(100% - 92px); float: left; margin-bottom: 0; }
.contact-agent-box .uinfo dd.zan { width: 25%; float: left; }
.contact-agent-box .uinfo dd .agent-real-name { float: left; display: inline-block; max-width: 6rem; margin-right: 4px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.contact-agent-box .uinfo dd .agent-legal-name { display: inline-block; line-height: 1.2; white-space: nowrap; font-size: 0.875rem; color: #999999; }
.contact-agent-box .uinfo dd .agent-tit { display: block; max-width: 100%; line-height: 24px; font-size: 0.75rem; font-weight: 400; white-space: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; color: #333333; }
.contact-agent-box .uinfo dd strong b { display: inline-block;}
.contact-agent-box .uinfo dd small { display: block; color: #999999; font-size: 0.75rem; }
.contact-agent-box .uinfo dd p { margin-bottom: 0; line-height: 1; }
.contact-agent-box .uinfo dd p span { margin-right: 0.325rem; font-size: .725rem; }
.contact-agent-box .contact-agent-tag-box { font-size: 0.75rem; color: #555555; margin-bottom: 0.625rem; }
.contact-agent-box .contact-agent-tag-box span { display: inline-block; margin-right: 10px; margin-bottom: 0.625rem; background: #fcfcfc; border: 1px solid #f2f2f2; border-radius: 2px; padding: 6px 10px; white-space: nowrap; }
.contact-agent-box .contact-agent-tag-box span:last-child { margin-right: 0; }
.contact-agent-box .contact-agent-tag-box img { vertical-align: middle; margin-right: 6px; }
.contact-agent-box .brief { color: #999999; font-size: 0.8125rem; margin: 0 0 1.25rem; }
.contact-agent-box .phone-button { background: #f6f6f6; margin: 0 0 1rem; border:0; border-radius: 3px; line-height: 40px; text-align: center; font-size: 1.25rem; font-weight: 600; }
.contact-agent-box .phone-button .icon-call { font-size: 1.25rem; font-weight: 600; vertical-align: middle; margin-right: 0.725rem; }
.contact-agent-box .phone-button span { color: #333333; }
.contact-agent-box .phone-button a { color: #333333; text-decoration: none; outline: 0; }
.contact-agent-box .email-button { background: #f6f6f6; margin: 0 0 1rem; border:0; border-radius: 3px; line-height: 40px; text-align: center; font-size: 1.25rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.contact-agent-box .email-button .icon-mail { font-size: 1.25rem; font-weight: 600; vertical-align: middle; margin-right: 0.725rem; }
.contact-agent-box .btn-question { float:left; width: calc(50% - 5px); padding-left: 0.5rem; margin-right: 5px; background-color: #20c063; border-color: #20c063; letter-spacing: -0.5px; }
.contact-agent-box .btn-question:hover { background-color: #13964a; border-color: #13964a; }
.contact-agent-box .btn-reservation { float:right; width: calc(50% - 5px); padding-left: 0.375rem; margin-left: 5px; background-color: #20c063; border-color: #20c063; letter-spacing: -0.5px; }
.contact-agent-box .btn-reservation:hover { background-color: #13964a; border-color: #13964a; }
.contact-agent-box .btn-primary:not(:disabled):not(.disabled):active { background-color: #20c063; border-color: #20c063; outline: 0; box-shadow: none; }
.contact-agent-box .btn-primary.focus, .contact-agent-box .btn-primary:focus {box-shadow: none;}
.contact-agent-box .contact-info .infoitem { display: block; clear: both; }
.contact-agent-box .contact-info .infoitem i { color: #999999; font-size: 1.25rem; }

.seller-broker { border: 1px solid #e6e6e6; border-bottom: 0; text-align: left; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1); background: #ffffff; }
.seller-broker .text-sort { display: block; position: relative; line-height: 60px; padding-left: 15px; font-weight: 700; font-size: 18px; }
.seller-broker .text-sort:before { position: absolute; left: 0; bottom: 0; background: #20c063; content: ""; width: 100%; height: 3px; border-radius: 1.5px; }

/* 弹窗 */
.modal-agent-contact .modal-dialog { max-width: 350px; }
.modal-agent-contact .modal-header { border-bottom: 0; padding: 1rem 1rem 0;}
.modal-agent-contact .modal-body { padding: 0px; }
.modal-header .close:focus { outline: 0;}
.contact-form .form-item input,
.contact-form .form-item textarea { background: #fafafa; border-color: #eaeaea; font-size: 0.875rem; }
.contact-form .form-item textarea { min-height: 8rem; }
.contact-form .form-item .cf-btn { padding: 0.625rem 0; border-radius: 3px; cursor: pointer; font-size: 0.875rem; }
.contact-form .form-item .btn-primary.focus, .contact-form .form-item .btn-primary:focus { box-shadow: none; }
.contact-form .form-item .btn-primary:not(:disabled):not(.disabled):active { box-shadow: none; }
.contact-form .form-item input::-webkit-input-placeholder,
.contact-form .form-item textarea::-webkit-input-placeholder { color: #bbbbbb; }
.contact-form .btn-group-toggle { width: calc(100% + 5px); }
.contact-form .btn-group-toggle .btn-primary { background: #f2f2f2; color: #555555; border: 0; font-size: 0.875rem; }
.contact-form .btn-group-toggle .btn-primary:not(:disabled):not(.disabled).active { background: #20c063; color: #ffffff;}
.contact-form .btn-group-toggle .btn-primary:not(:disabled):not(.disabled).active:focus { outline: 0; box-shadow: none; }
.contact-form .btn-group-toggle .btn-primary.focus { outline: 0; box-shadow: none; }
.contact-form .btn-group-toggle label { width: calc(33.333% - 5px); margin-right: 5px;}
.contact-form .btn-group-toggle label button { width: 100%; }
.contact-agent-dial-phone:link { color: #333333; text-decoration: none; }
/*.contact-agent-box .contact-agent-dial-phone .phone-button { border: 1px solid #20c063; }*/
/* 有关联系经纪人发送邮件表单报错以及成功之后的样式 */
.login-errors { font-size: 12px; color: red; margin-bottom: 5px; }
.contact-email-success-icon-container { margin-bottom: 10px; }
.contact-email-success-icon-container .icon-right { margin-bottom: 10px; font-size: 30px; color: #20c063; }
.contact-email-result-success { display: block; text-align: center; padding: 10px 0px 20px; font-size: 1rem; color: #555555; }

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    .contact-agent-box { position: relative !important; border-left: 0; border-right: 0; border-top: 0; }
    .contact-agent-box header { padding: 1rem; }

}

@media (max-width: 543px) {
    .modal-agent-contact .modal-dialog { max-width: 100%; }
}

@media (max-width: 320px) {
    .contact-agent-box .contact-agent-tag-box span { margin-right: 5px; }
}