25561186_200 贵族

admin

*{padding:0;margin:0;font-family:Microsoft Yahei UI}::-webkit-scrollbar{width:4px;height:4px;background:transparent}::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(144,157,170,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(144,157,170,.3)}body,html{margin-right:1px;width:624px;height:432px}.app,body,html{box-sizing:border-box}.app{margin:0 auto}.app,.wps-contact-add,.wps-router{width:100%;height:100%}.wps-contact-add{box-sizing:border-box;position:relative;z-index:1}.wps-contact-add .search-bar{font-size:14px;padding:0 42px}.wps-contact-add .search-bar-hd{font-size:14px;color:#36425a;padding:16px 0}.wps-contact-add .search-bar-input-box{height:48px;line-height:46px;border-radius:4px}.wps-contact-add .search-bar-input-box .search-input{background:#fff;border-radius:4px}.wps-contact-add .search-bar-input-box .search-input input{line-height:46px;font-size:14px}.wps-contact-add .search-bar-input-box .search-input input:-ms-input-placeholder{color:#c2c6cd;font-size:14px}.wps-contact-add .search-bar-input-box .search-input input::placeholder{color:#c2c6cd;font-size:14px}.wps-contact-add .share-link{padding:22px 0;margin:0 42px;border-bottom:1px solid #e5e5e5;line-height:40px;position:relative}.wps-contact-add .share-link .share-link-bar{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;background:#fff;position:relative;z-index:100}.wps-contact-add .share-link .share-link-bar .link-txt{margin:0 20px 0 10px;font-size:14px}.wps-contact-add .share-link .share-copy-text{position:absolute;top:50%;left:4px;transform:translateY(-50%);z-index:10}.wps-contact-add .recent-user{margin-left:42px}.wps-contact-add .recent-user-hd{margin:10px 0;font-size:12px;color:#36425a}.wps-contact-add .recent-user-list{height:200px;overflow-y:scroll;margin-right:6px;position:relative}.wps-contact-add .recent-user-list .list-content .recent-empty{line-height:20px;font-size:14px;color:#626b84;margin-top:65px;text-align:center}.wps-contact-add .recent-user-list .load-error{margin:10px auto 0}.wps-contact-add .search-result{margin:16px 42px;height:298px;box-sizing:border-box;position:relative}.wps-contact-add .search-result .search-list .pending-contact-list{padding-right:0}.wps-contact-add .search-result .search-empty{padding:58px 0 0}.wps-contact-add .search-result .search-error{margin:40px auto 0}.wps-input{width:100%;height:100%;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;font-size:12px;position:relative;border:1px solid #c2c6cd;border-radius:4px;padding:0 30px 0 10px;transition:border-color .4s;color:#36425a}.wps-input.active,.wps-input:focus{border-color:#417ff9}.wps-input.input-error{border-color:#fb4338;background:rgba(251,67,56,.1)!important}.wps-input input{background:transparent;width:100%;line-height:16px;padding:4px 0;margin-left:4px;outline:none}.wps-input input::-webkit-inner-spin-button,.wps-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wps-input-icon{width:16px}.wps-input-remove-icon{position:absolute;right:9px;top:50%;transform:translateY(-50%);cursor:pointer}.wps-input-input{height:100%;border:none;outline:none}.wps-input-input:-ms-input-placeholder{color:#b3b3b3;font-size:12px}.wps-input-input::placeholder{color:#b3b3b3;font-size:12px}.wps-input .error{position:absolute;bottom:-24px;left:0;line-height:16px;color:#fb4338;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.wps-input .error .wps-icon{margin-right:8px}.wps-icon{display:inline-block;background-size:cover}.wps-icon.search{width:16px;height:16px}.wps-icon.search,.wps-icon.search-min{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwICg4ODEwMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aWNvbi8xNnB4L2ljb25fMTZf5pCc57SiX25vcm1hbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJpY29uLzE2cHgvaWNvbl8xNl/mkJzntKJfbm9ybWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cmVjdCBpZD0iIzE2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICA8cGF0aCBkPSJNNywwLjc1IEMxMC40NTE3Nzk3LDAuNzUgMTMuMjUsMy41NDgyMjAzMSAxMy4yNSw3IEMxMy4yNSw4LjQzMjYwMTM3IDEyLjc2ODAwMDYsOS43NTI2MjU3NiAxMS45NTczMjQyLDEwLjgwNjc1MDggTDE1LjA3NSwxMy45MjUgQzE1LjM5MjU2MzcsMTQuMjQyNTYzNyAxNS4zOTI1NjM3LDE0Ljc1NzQzNjMgMTUuMDc1LDE1LjA3NSBDMTQuNzU3NDM2MywxNS4zOTI1NjM3IDE0LjI0MjU2MzcsMTUuMzkyNTYzNyAxMy45MjUsMTUuMDc1IEwxMC44MDY3NTA4LDExLjk1NzMyNDIgQzkuNzUyNjI1NzYsMTIuNzY4MDAwNiA4LjQzMjYwMTM3LDEzLjI1IDcsMTMuMjUgQzMuNTQ4MjIwMzEsMTMuMjUgMC43NSwxMC40NTE3Nzk3IDAuNzUsNyBDMC43NSwzLjU0ODIyMDMxIDMuNTQ4MjIwMzEsMC43NSA3LDAuNzUgWiBNNywyLjI1IEM0LjM3NjY0NzQ0LDIuMjUgMi4yNSw0LjM3NjY0NzQ0IDIuMjUsNyBDMi4yNSw5LjYyMzM1MjU2IDQuMzc2NjQ3NDQsMTEuNzUgNywxMS43NSBDOS42MjMzNTI1NiwxMS43NSAxMS43NSw5LjYyMzM1MjU2IDExLjc1LDcgQzExLjc1LDQuMzc2NjQ3NDQgOS42MjMzNTI1NiwyLjI1IDcsMi4yNSBaIiBpZD0i6Lev5b6EIiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzM2NDI1QSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) 0 0 no-repeat}.wps-icon.search-min{width:14px;height:14px;background-size:cover}.wps-icon.input-remove{width:16px;height:16px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uLzE2cHgvaWNvbl8xNl/muIXpmaRf6Z2iX01fbm9ybWFsPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imljb24vMTZweC9pY29uXzE2X+a4hemZpF/pnaJfTV9ub3JtYWwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IGlkPSIjMTYiIGZpbGwtb3BhY2l0eT0iMC43IiBmaWxsPSIjRkZGMkNDIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgIDxwYXRoIGQ9Ik04LDEgQzExLjg2NTk5MzIsMSAxNSw0LjEzNDAwNjc1IDE1LDggQzE1LDExLjg2NTk5MzIgMTEuODY1OTkzMiwxNSA4LDE1IEM0LjEzNDAwNjc1LDE1IDEsMTEuODY1OTkzMiAxLDggQzEsNC4xMzQwMDY3NSA0LjEzNDAwNjc1LDEgOCwxIFogTTUuMTc0MjY0MDcsNC4zMjU3MzU5MyBDNC45Mzk5NDk0OSw0LjA5MTQyMTM2IDQuNTYwMDUwNTEsNC4wOTE0MjEzNiA0LjMyNTczNTkzLDQuMzI1NzM1OTMgQzQuMDkxNDIxMzYsNC41NjAwNTA1MSA0LjA5MTQyMTM2LDQuOTM5OTQ5NDkgNC4zMjU3MzU5Myw1LjE3NDI2NDA3IEw0LjMyNTczNTkzLDUuMTc0MjY0MDcgTDcuMTUxNDcxODYsOCBMNC4zMjU3MzU5MywxMC44MjU3MzU5IEM0LjA5MTQyMTM2LDExLjA2MDA1MDUgNC4wOTE0MjEzNiwxMS40Mzk5NDk1IDQuMzI1NzM1OTMsMTEuNjc0MjY0MSBDNC41NjAwNTA1MSwxMS45MDg1Nzg2IDQuOTM5OTQ5NDksMTEuOTA4NTc4NiA1LjE3NDI2NDA3LDExLjY3NDI2NDEgTDUuMTc0MjY0MDcsMTEuNjc0MjY0MSBMOCw4Ljg0ODUyODE0IEwxMC44MjU3MzU5LDExLjY3NDI2NDEgQzExLjA2MDA1MDUsMTEuOTA4NTc4NiAxMS40Mzk5NDk1LDExLjkwODU3ODYgMTEuNjc0MjY0MSwxMS42NzQyNjQxIEMxMS45MDg1Nzg2LDExLjQzOTk0OTUgMTEuOTA4NTc4NiwxMS4wNjAwNTA1IDExLjY3NDI2NDEsMTAuODI1NzM1OSBMMTEuNjc0MjY0MSwxMC44MjU3MzU5IEw4Ljg0ODUyODE0LDggTDExLjY3NDI2NDEsNS4xNzQyNjQwNyBDMTEuOTA4NTc4Niw0LjkzOTk0OTQ5IDExLjkwODU3ODYsNC41NjAwNTA1MSAxMS42NzQyNjQxLDQuMzI1NzM1OTMgQzExLjQzOTk0OTUsNC4wOTE0MjEzNiAxMS4wNjAwNTA1LDQuMDkxNDIxMzYgMTAuODI1NzM1OSw0LjMyNTczNTkzIEwxMC44MjU3MzU5LDQuMzI1NzM1OTMgTDgsNy4xNTE0NzE4NiBaIiBpZD0i6Lev5b6EIiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0iIzM2NDI1QSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) 0 0 no-repeat}.wps-icon.unselected{width:14px;height:14px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+CiAgPGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjYuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQ0NDIi8+Cjwvc3ZnPgo=) 0 0 no-repeat}.wps-icon.selected{width:14px;height:14px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxjaXJjbGUgY3g9IjciIGN5PSI3IiByPSI3IiBmaWxsPSIjNTA4N0U1Ii8+CiAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTAuMTQ2NDI1OCw1LjE0NjQ2NzQgQzEwLjM0MTY3NjUsNC45NTExOTM3NyAxMC42NTgyNTksNC45NTExNzUxNiAxMC44NTM1MzI2LDUuMTQ2NDI1ODIgQzExLjA0ODgwNjIsNS4zNDE2NzY0OCAxMS4wNDg4MjQ4LDUuNjU4MjU4O