.contacts .contacts-wrap{width:100%;height:100vh;display:flex}.contacts .contacts-menu{width:430px;display:flex;flex-direction:column;height:100%;border-right:1px solid #f4f4f4;flex:0 0 430px}.contacts .contacts-menu .search-wrap{height:70px;background-color:#fdfdfd;border-bottom:1px solid #f2f2f2;padding:0 20px}.contacts .contacts-menu .search-wrap .search{width:350px}.contacts .contacts-menu .menu-list{flex:1;overflow-y:auto;overflow-x:hidden}.contacts .contacts-menu .menu-list .menu-item{height:66px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.contacts .contacts-menu .menu-list .menu-item .menu-title{margin:0;font-size:16px;font-weight:700;color:#333}.contacts .contacts-menu .menu-list .menu-item .menu-icon{color:#c5c5c5}.contacts .contacts-menu .menu-list .menu-item:hover{background-color:var(--primaryHoverLightColor);color:var(--primaryColor)}.contacts .contacts-menu .menu-list .menu-item:hover .menu-icon,.contacts .contacts-menu .menu-list .menu-item:hover .menu-title{color:inherit}.contacts .contacts-menu .menu-list .menu-item-active{background-color:var(--primaryHoverLightColor);color:var(--primaryColor)}.contacts .contacts-menu .menu-list .menu-item-active .menu-icon,.contacts .contacts-menu .menu-list .menu-item-active .menu-title{color:inherit}.contacts .contacts-main{flex:1;display:flex;flex-direction:column;height:100%}.contacts .contacts-main .contacts-main-head{position:relative;flex:0 0 70px;display:flex;align-items:center;border-bottom:1px solid #f4f4f4;padding-left:23px}.contacts .contacts-main .contacts-main-head .content-head-title{color:#333;font-size:20px;font-weight:400}.contacts .contacts-main .contacts-main-head .tabs .tabs-title{font-size:16px;font-weight:400;color:#999;cursor:pointer}.contacts .contacts-main .contacts-main-head .tabs .tabs-link-bar{position:absolute;bottom:0;left:18px;z-index:1;box-sizing:border-box;width:74px;height:2px;background-color:var(--primaryColor);transform-origin:0 0;transition:all .2s}.contacts .contacts-main .contacts-main-head .tabs .tabs-active{color:var(--primaryColor)}.contacts .contacts-main .main-content-body{flex:1 1;display:flex;contain:strict}.contacts .contacts-main .main-content-body .organize-list{width:430px;border-right:1px solid #f4f4f4;overflow-y:auto;overflow-x:hidden;flex:0 0 430px}.contacts .contacts-main .main-content-body .organize-list .menu-wrap-active{background-color:var(--primaryHoverLightColor);color:var(--primaryHoverColor)}.contacts .contacts-main .main-content-body .organize-list .menu-wrap{display:flex;justify-content:space-between;align-items:center;height:66px;padding:0 20px}.contacts .contacts-main .main-content-body .organize-list .menu-wrap:hover{background-color:var(--primaryHoverLightColor);color:var(--primaryHoverColor)}.contacts .contacts-main .main-content-body .organize-list .menu-wrap .icon{transform:rotate(-90deg)}.contacts .contacts-main .main-content-body .organize-list .menu-wrap .icon-active{transform:rotate(0deg)}.contacts .contacts-main .main-content-body .organize-list .contact-img{flex:0 0 40px;width:40px;height:40px;margin-right:10px}.contacts .contacts-main .main-content-body .organize-list .fold-icon{position:absolute;top:50%;right:5px;font-size:10px;font-weight:800}.contacts .contacts-main .main-content-body .organize-list .organize-icon{padding-right:10px}.contacts .contacts-main .main-content-body .organize-list .menu-item{display:flex;align-items:center;height:66px}.contacts .contacts-main .main-content-body .organize-list .menu-item:hover{background-color:var(--primaryHoverLightColor);color:var(--primaryHoverColor)}.contacts .contacts-main .main-content-body .organize-list .menu-group-item-active{background-color:var(--primaryHoverLightColor);color:var(--primaryColor)}.contacts .contacts-main .main-content-body .organize-list .menu-children-item{position:relative;display:flex;align-items:center;height:80px;padding-left:30px;padding-right:20px}.contacts .contacts-main .main-content-body .organize-list .menu-children-item:hover{background-color:var(--primaryHoverLightColor)}.contacts .contacts-main .main-content-body .organize-list .menu-children-item:hover .menu-num,.contacts .contacts-main .main-content-body .organize-list .menu-children-item:hover .menu-title{color:var(--primaryHoverColor)}.contacts .contacts-main .main-content-body .organize-list .menu-children-item .item-icon{position:absolute;top:33px;right:20px}.contacts .contacts-main .main-content-body .organize-list .menu-children-item .contact-img{flex:0 0 50px;width:50px;height:50px;margin-right:10px}.contacts .contacts-main .main-content-body .organize-list .menu-children-item .contact-body{height:45px;display:flex;flex-direction:column;justify-content:space-between}.contacts .contacts-main .main-content-body .organize-list .menu-children-item .contact-body .text{color:#ee4320}.contacts .contacts-main .main-content-body .organize-list .menu-group-item{position:relative;padding:0 40px 0 20px;height:66px;line-height:66px}.contacts .contacts-main .main-content-body .organize-list .menu-group-item .item-icon{position:absolute;top:23px;right:20px}.contacts .contacts-main .main-content-body .organize-list .menu-title{color:#333;font-size:16px}.contacts .contacts-main .main-content-body .organize-list .menu-num{color:#999}.contacts .contacts-main .main-content-body .menu-contact-list{flex:1 1;height:100%;display:flex;flex-direction:column;contain:inherit}.contacts .contacts-main .main-content-body .menu-contact-list .menu-group-contact-title{flex:0 0 40px;margin-bottom:0;line-height:40px;padding-left:20px;font-weight:400;color:#999;background:#fafafa}.contacts .contacts-main .main-content-body .menu-contact-list .menu-breadcrumb{padding-left:20px;height:40px;display:flex;align-items:center;background-color:#fafafa}.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-center:after,.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-center:before,.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-left:after,.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-left:before,.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-right:after,.contacts .contacts-main .main-content-body .menu-contact-list .ant-divider-horizontal.ant-divider-with-text-right:before{top:0}.contacts .contacts-main .main-content-body .contact-wrap{display:flex;align-items:center;padding:13px 20px;height:80px}.contacts .contacts-main .main-content-body .contact-wrap:hover{background-color:var(--primaryHoverLightColor);color:var(--primaryColor)}.contacts .contacts-main .main-content-body .contact-wrap:hover .contact-name{color:inherit}.contacts .contacts-main .main-content-body .contact-wrap .contact-body-wrap{flex:1 1;display:flex;align-items:center;overflow:hidden}.contacts .contacts-main .main-content-body .contact-wrap .customer-contact{width:100%;display:flex;justify-content:space-between;align-items:center}.contacts .contacts-main .main-content-body .contact-wrap .customer-contact .icon{padding-left:20px}.contacts .contacts-main .main-content-body .contact-wrap .contact-body{width:100%;display:flex;flex-direction:column;justify-content:space-between;height:45px}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .at-text{color:#ee4320;padding-right:5px}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .disturb-wrap{display:flex;justify-content:space-between}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .contact-title-wrap{position:relative;display:flex;align-items:center}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .contact-multi-icon{display:inline-block;width:40px;line-height:20px;margin-left:10px;text-align:center;background-color:#dff8e8;color:#49c372;font-size:12px;border-radius:4px}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .contact-name{max-width:calc(100% - 140px);font-weight:700;font-size:14.5px;color:#333;text-align:left}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .contact-time{position:absolute;right:0;width:90px;text-align:right;color:#ccc;font-size:12px}.contacts .contacts-main .main-content-body .contact-wrap .contact-body .contact-text{text-align:left;color:#999;font-size:13px}.contacts .contacts-main .main-content-body .contact-wrap .contact-img{flex:0 0 50px;width:50px;height:50px;margin-right:10px}.contacts .main-content-head{height:70px;line-height:70px;padding-left:20px;font-weight:700;font-size:20px;border-bottom:1px solid #f4f4f4}@media screen and (max-width:1530px){.contacts .contacts-menu{width:360px;flex:0 0 360px}.contacts .contacts-menu .search-wrap .search{width:280px}.contacts .contacts-main .main-content-body .organize-list{width:360px;flex:0 0 360px}}