.bn-grade{width:24px;height:24px;border-radius:50%;border:1px solid #3f95d7;color:#3f95d7;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.bn-grade.bn-grade-small{width:21px;height:21px;font-size:14px}.page-layout .bn-grade{padding:1px 0 0 1px}.edit-item{position:relative;height:32px;display:inline-flex;align-items:center;padding-right:30px;max-width:100%}.edit-item .edit-icon{position:absolute;right:0;cursor:pointer;visibility:hidden}.edit-item:hover .edit-icon{visibility:visible}.edit-item.disabled:hover .edit-icon{visibility:hidden}.edit-item.remark-content{height:unset;width:unset;min-width:50px;max-width:calc(100% - 100px);white-space:pre-wrap;word-break:normal}.edit-item.remark-content .edit-item-text.text-ellipsis{white-space:unset;overflow:unset;text-overflow:unset}.edit-item .edit-item-slot{width:100%}.edit-item .edit-item-slot .el-input,.edit-item .edit-item-slot .el-select{max-width:100%;z-index:inherit}.edit-item-tooltip{max-width:400px;word-break:break-all}.description-poper .edit-item{padding-right:0}.description-poper .edit-item.remark-content{max-width:unset;width:100%!important}.description-poper .edit-item.remark-content .edit-item-text{width:100%}.bn-star{display:inline-flex;cursor:pointer}.bn-star.disable{cursor:inherit}.bn-star.star-on{color:#ff8400}.f-scrollbar::-webkit-scrollbar{height:4px;width:4px}.f-scrollbar::-webkit-scrollbar-thumb{width:4px}.f-scrollbar::-moz-scrollbar{height:4px;width:4px}.f-scrollbar::-moz-scrollbar-thumb{width:4px}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700;color:#2d4668}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#2d4668}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#2d4668}.h6,h6{font-size:12px}.padding-xs{padding:8px}.padding-md{padding:16px}.padding-lg{padding:32px}.padding-page{padding:24px 16px}.title-color{color:#2d4668}.txt-c{text-align:center}.txt-r{text-align:right}.cursor-p{cursor:pointer}.inline-block{display:inline-block}.pos-center{position:absolute;left:0;right:0;margin:0 auto}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans{-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;transition:all .3s}@keyframes scaleout{0%{transform:scale(0)}to{transform:scale(1)}}.el-textarea__inner{font-family:inherit}main audio,main canvas,main embed,main iframe,main img,main object,main svg,main video{display:unset!important}main .chat-box audio,main .chat-box canvas,main .chat-box embed,main .chat-box iframe,main .chat-box img,main .chat-box object,main .chat-box svg,main .chat-box video{display:block!important}main .chat-box .el-loading-mask svg{display:inline-block!important}a{color:#3f95d7;cursor:pointer;text-decoration:none}.new-contact{min-height:360px;width:100%}.required-field{color:red;margin-right:5px}.new-company{display:flex;background-color:#e8ecef}.new-company .new-company-warp{flex:1;margin:12px}.new-company .new-company-warp.relations{padding-left:45px;position:relative}.new-company .new-company-warp.relations .add-person{margin-bottom:16px}.new-company .new-company-warp.relations .relations-list{width:45px;position:absolute;left:0;top:44px}.new-company .new-company-warp.relations .relations-list .relations-item{position:relative;width:100%;height:45px;line-height:45px;text-align:center;color:#8d9095;background-color:#f9fafb;cursor:pointer}.new-company .new-company-warp.relations .relations-list .relations-item .remove{position:absolute;font-size:12px;top:2px;right:2px;cursor:pointer}.new-company .new-company-warp.relations .relations-list .relations-item .remove:hover{color:#ff8e42}.new-company .new-company-warp.relations .relations-list .relations-item.is-active{color:#53caab;background-color:#fff}.component-form{margin-bottom:10px;padding:8px 16px;min-height:360px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.16)}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.form-head .form-head-title{font-size:14;font-weight:700;color:#2d4668;height:28px;line-height:28px}.form-head .el-button{box-shadow:0 1px 2px rgba(0,0,0,.16)}.form-body{width:100%;margin:0 auto 16px auto}.form-body .form-item{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:6px 0}.form-body .form-item.position-top{padding-top:16px}.form-body .form-item.position-top .form-item-label{width:auto;height:16px;line-height:16px;top:0;position:absolute}.form-body .form-item .form-item-label{min-width:60px;height:32px;line-height:32px;font-size:12px;color:#90959e}.form-body .form-item .form-item-label.group{font-size:12px;font-weight:700;color:#2d4668}.form-body .form-item .form-item-input{flex:1}.form-body .form-item .form-item-input ::-webkit-input-placeholder{font-size:12px}.form-body .form-item .form-item-input .el-input__inner,.form-body .form-item .form-item-input .el-textarea__inner{padding-left:0}.form-body .form-item .form-item-input .el-date-editor--date .el-input__prefix{left:0;line-height:28px}.form-body .form-item .form-item-input .el-date-editor--date .el-input__inner{padding-left:28px}.form-body .form-item .form-item-input.is-short{flex:0.5}.form-body .form-item .form-item-input:not(:last-child){margin-right:24px}.form-body .form-item .form-item-input .line-input{width:100%}.textarea-wrap{position:relative;padding-bottom:5px}.textarea-wrap .textarea-count{position:absolute;right:16px;bottom:10px;color:#606266}.import-contacts{width:100%;padding:16px}.import-contacts .el-upload{width:100%;display:block}.import-contacts .el-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center;width:100%;height:106px;background:#f8f8f8}.import-contacts .import-tips{padding:12px 0}.import-contacts .import-tips p{font-size:12px;line-height:24px}.import-contacts .import-tpls{display:flex;font-size:12px}.import-contacts .import-tpls a{margin-right:15px}.new-footer{width:100%;text-align:right;padding:8px 24px;background-color:#f1f4f7;border-top:1px solid #d3d8db}.new-footer.company,.new-footer.contact{position:fixed;padding:4px 24px;width:800px;bottom:10px;border:none;opacity:.8;transition:all .5s;box-shadow:0 5px 8px rgba(0,0,0,.3)}.new-footer.company:hover,.new-footer.contact:hover{transition:all .5s;opacity:1}.new-footer.company .el-button,.new-footer.contact .el-button{padding:0;height:28px;line-break:28px}.new-footer.company{width:1200px}.new-footer .el-button{min-width:80px}.choose-tips{padding:8px 0;font-size:12px;color:red}.line-input.is-disabled .el-input__inner{background-color:#f5f7fa}