.bn-grade{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid #3f95d7;color:#3f95d7;font-size:16px;line-height:16px;font-weight:700}.bn-grade.bn-grade-small{width:20px;height:20px;font-size:14px;line-height:14px}.edit-item{position:relative;height:32px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;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 .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}.bn-star{display:-webkit-inline-box;display:-ms-inline-flexbox;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:#313d4b}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#313d4b}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#313d4b}.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:#313d4b}.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;transition:all .3s}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.new-contact{min-height:360px;width:100%}.required-field{color:red;margin-right:5px}.new-company{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.new-company .new-company-warp{-webkit-box-flex:1;-ms-flex:1;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:#223a84}.new-company .new-company-warp.relations .relations-list .relations-item.is-active{color:#223a84;background-color:#fff}.component-form{margin-bottom:10px;padding:8px 16px;min-height:360px;background-color:#fff}.component-form.border-right{border-right:1px solid #d3d8db}.box-shadow{-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.form-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px;border-bottom:1px solid #d3d8db}.form-head .form-head-title{font-size:14;font-weight:700;color:#313d4b;height:28px;line-height:28px;border-bottom:2px solid #223a84}.form-head .el-button{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.16);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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;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:#313d4b}.form-body .form-item .form-item-input{-webkit-box-flex:1;-ms-flex:1;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{-webkit-box-flex:0.5;-ms-flex:0.5;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:#90959e}.import-contacts{width:100%;padding:16px}.import-contacts .el-upload{width:100%;display:block}.import-contacts .el-upload .el-upload-dragger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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:-webkit-box;display:-ms-flexbox;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;-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.3);box-shadow:0 5px 8px rgba(0,0,0,.3)}.new-footer.company:hover,.new-footer.contact:hover{-webkit-transition:all .5s;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}.el-button,.el-button:hover{border-color:#bbb}