kara-module-forward/lib/index.css

kara module forward

.index-m-shade-2aXSN{opacity:.5;position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#848484}.index-m-add-member-16dtk{position:absolute;top:50%;left:50%;z-index:102;width:740px;height:622px;border-radius:6px;background-color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.index-head-5Rtcs{margin-top:50px;text-align:center}.index-head-5Rtcs img{width:84px;height:84px;border-radius:50%}.index-infolist-1YkTk{width:100%;margin-top:36px}.index-infolist-1YkTk p{height:30px;margin:0 80px;font-size:14px;line-height:30px;color:#464646}.index-infolist-1YkTk hr{height:1px;margin:5px 70px;border:none;border-top:1px solid #d1d1d1}.index-m-add-member-16dtk .index-createchat-3g0l0{width:100%;margin-top:22px}.index-m-add-member-16dtk .index-m-add-member-16dtk .index-createchat-3g0l0 a{display:block;width:120px;height:42px;margin:0 auto;font-size:14px;line-height:42px;color:#fff;text-align:center;background-color:#06acb6;cursor:pointer}.index-m-add-member-16dtk .index-m-add-main-mQ40q{width:100%;height:100%;font-family:Microsoft YaHei UI;background-color:#fff}.index-m-add-member-16dtk .index-m-add-group-3HCno{width:654px;margin:0 auto;padding-top:36px;text-align:left}.index-m-add-member-16dtk .index-add-title-2A_aQ{font-size:18px;font-weight:700;color:#010101}.index-card-Xi7m8{position:absolute;top:20px;right:26px;color:#898989;cursor:pointer}.index-m-add-member-16dtk .index-ginit-3D_SR{position:relative;padding-top:20px}.index-m-add-member-16dtk .index-ginit-3D_SR .index-m-search-3AmlK{position:relative;height:40px}.index-m-add-member-16dtk .index-ginit-3D_SR .index-m-search-3AmlK input{width:100%;height:40px;padding:0 18px 0 30px;border:1px solid #dce3f0;border-radius:4px;font-size:13px;color:#898989}.index-m-add-member-16dtk .index-ginit-3D_SR .index-m-search-3AmlK input:focus{border:1px solid #ff8928;border-radius:4px;outline:none}.index-m-add-member-16dtk .index-ginit-3D_SR .index-content-6TMNN{margin-top:0;text-align:center}.index-m-add-member-16dtk .index-ginit-3D_SR .index-content-6TMNN img{width:160px;height:160px;margin-top:100px}.index-m-add-member-16dtk .index-ginit-3D_SR .index-content-6TMNN p{margin-top:26px;font-size:20px;color:#d1d1d1;text-align:center}.index-m-add-member-16dtk .index-ginit-3D_SR p.index-select-title-3IahE em{color:#5095ff}.index-m-add-member-16dtk .index-ginit-3D_SR p.index-select-title-3IahE{padding-top:25px;color:#898989}.index-m-add-member-16dtk .index-ginit-3D_SR .index-l-choiced-3v0Rq{width:100%;height:300px;margin-top:16px;text-align:center}.index-m-add-member-16dtk .index-u-button-save-2UFi8{display:inline-block;width:170px;height:42px;margin-top:60px;border-radius:3px;line-height:42px;color:#fff;text-align:center;background-color:#ff8928;cursor:pointer}.index-m-add-member-16dtk .index-search-1RuSc .index-i-close-28Q_f{position:absolute;top:-3px;right:20px;font-size:28px;color:#bbbbbc}.index-m-add-member-16dtk .index-m-list-1lcx4{position:absolute;top:62px;z-index:3;width:100%;height:434px;max-height:432px;-webkit-box-shadow:5px 5px 10px #e7e8e8;box-shadow:5px 5px 10px #e7e8e8;background-color:#fff}.index-m-add-member-16dtk .index-m-list-1lcx4 ul li{position:relative;height:72px;border:1px solid #dce3f0;border-top:0;background:#fff;cursor:pointer}.index-m-add-member-16dtk .index-m-list-1lcx4 ul li:hover{background-color:#f5f6f6}.index-m-add-member-16dtk .index-m-list-1lcx4 img{position:absolute;top:16px;left:18px;overflow:hidden;width:40px;height:40px;border-radius:50%}.index-l-info-channel-DjMb_,.index-l-info-staff-rkEQG{height:72px;margin-left:76px;line-height:72px}.index-l-info-staff-rkEQG{padding-top:17px;line-height:20px}.index-l-info-channel-DjMb_ p strong,.index-l-info-staff-rkEQG p strong{font-size:14px;color:#010101}.index-l-info-channel-DjMb_.index-added-32rDa p strong,.index-l-info-staff-rkEQG.index-added-32rDa p strong{color:#a5a5a5}.index-l-info-channel-DjMb_ p,.index-l-info-staff-rkEQG p{font-size:12px;color:#a5a5a5}.index-location-1Vzvj{margin-right:12px}.index-isAdded-3b79J{position:absolute;right:20px;z-index:3}.index-no-result-3ZxBp{position:absolute;z-index:30;width:100%;height:100%;background:#fff}.index-no-result-3ZxBp img{position:absolute;top:50%;left:50%;width:167px;height:205px;margin-top:-83.5px;margin-left:-102.5px}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul{margin:-22px -15px 0}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li{float:left;position:relative;width:84px;height:84px;margin:22px 15px 0;border:1px solid #d1d1d1;cursor:pointer}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li img{overflow:hidden;width:40px;height:40px;margin-top:10px;border-radius:50%}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li p{overflow:hidden;width:100%;height:21px;font-size:14px;color:#010101;text-align:center}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li:hover{border:1px solid #ff8928}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li .index-btn-selected-3HIAK{opacity:0;position:absolute;top:5px;right:5px;color:#d1d1d1;cursor:pointer}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li:hover .index-btn-selected-3HIAK{opacity:1;position:absolute;top:5px;right:5px;color:#d1d1d1;cursor:pointer}.index-m-add-member-16dtk .index-l-choiced-3v0Rq ul li i.index-cell-add-30hVg{display:block;margin:22px auto;font-size:32px;color:#d1d1d1}.index-m-add-member-16dtk .index-m-shade-background-275hk{position:fixed;top:0;left:0;width:100%;height:100%}.index-m-add-member-16dtk .index-n-show-3J2qj{display:block}.index-m-add-member-16dtk .index-n-hidden-VonJO{display:none}.index-m-search-3AmlK input{width:100%}.index-search-clear-1UUI9{position:absolute;right:15px;line-height:40px}.index-hide-1kUw1{display:none}.index-u-msg-system--KQI9{padding:0 28px;font-size:12px;line-height:24px;color:#b0b0b0;text-align:center}.index-forward-search-1XVjC{position:absolute;top:0;left:0;margin:0 8px;font-size:18px;line-height:40px;color:#909090}.index-star-one-2ZIqB,.index-star-two-3F0Xb{display:inline-block;vertical-align:top}.index-star-two-3F0Xb{overflow:hidden;max-width:180px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.index-extenal-1MZK5{line-height:38px}.index-toConfirm-2BSX4{display:inline-block;padding:2px;color:#4c92ff;cursor:pointer}.index-toConfirm-2BSX4:before{content:"\FF0C"}.index-l-tip-info-2AI-8{display:block;height:34px;padding-left:18px;border:1px solid #dce3f0;border-top:none;font-size:13px;line-height:34px;color:#a7a7a7}.index-revert-3IoJ2{display:inline-block;padding:2px;color:#4c92ff;cursor:pointer}
.scroll{position:relative;overflow:hidden;height:100%}.scroll>.horizontal-bar,.scroll>.vertical-bar{opacity:0;position:absolute;z-index:9;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.scroll>.horizontal-bar>i,.scroll>.vertical-bar>i{opacity:.2;position:absolute;width:100%;height:100%;border:1px solid #fff;border-radius:3px;background-color:#333;cursor:pointer;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.scroll>.horizontal-bar>i:hover,.scroll>.vertical-bar>i:hover{opacity:.3}.scroll>.vertical-bar{top:0;right:0;width:7px;height:100%}.scroll>.vertical-bar>i{top:0;left:0}.scroll>.horizontal-bar{bottom:0;left:0;width:100%;height:7px}.scroll>.horizontal-bar>i{bottom:0;left:0}.scroll>.horizontal-bar.drag,.scroll>.vertical-bar.drag{opacity:1}.scroll>.horizontal-bar.drag>i,.scroll>.vertical-bar.drag>i{opacity:.3}.scroll>.horizontal-bar.hidden,.scroll>.vertical-bar.hidden{opacity:0}.scroll>.container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:scroll}.scroll:hover>.horizontal-bar,.scroll:hover>.vertical-bar{opacity:1}.scroll:hover>.horizontal-bar.hidden,.scroll:hover>.vertical-bar.hidden{opacity:0}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tost{position:absolute;top:40px;right:0;left:70px;text-align:center}.tost .tost-item{position:relative;height:40px;line-height:40px;color:#fff}.tost .tost-item i{display:block;width:100%;height:100%;opacity:.7}.tost .tost-item span{position:absolute;top:0;left:0;width:100%;height:100%}