.desktop-popup{position:fixed;left:80px;top:360px;width:305px;max-height:480px;overflow-y:auto;background:#fff;border-radius:4px;box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.desktop-popup .list-wrapper{font-size:14px}.desktop-popup .list-wrapper .list{height:calc(100vh - 60px);overflow:auto}.desktop-popup .list-wrapper .sub-list-wrap{position:relative;display:flex;padding:15px 20px}.desktop-popup .list-wrapper .sub-list-wrap:hover{background:var(--recentListActiveColor);cursor:pointer}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-icon{flex:0 0 50px;width:50px;height:50px;margin-right:10px}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-icon img{width:100%;height:100%}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info{flex:1}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info.no-text-list-info{display:flex;align-items:center}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info p{margin:0}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info .sub-list-info-name{display:flex;padding-bottom:5px;font-weight:700;font-size:16px}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info .sub-list-info-text{font-size:14px;color:#999}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-info .sub-list-info-text .iteration{margin-left:20px}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn{width:70px;height:26px;line-height:26px;text-align:center;border:1px solid #ebebeb;border-radius:4px;font-size:12px;cursor:pointer}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-connect{background:#fff;color:#333}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-connect:hover{background:var(--primaryHoverColor);color:#fff;border:none}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-reconnect{background:#ee4320;color:#fff;border:none}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-reconnect:hover{background:#dd2a05}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-disconnect{background:var(--primaryColor);color:#fff;border:none}.desktop-popup .list-wrapper .sub-list-wrap .sub-list-btn.to-disconnect:hover{background:var(--primaryHoverColor)}.desktop-popup .list-wrapper .sub-list-head h4{line-height:40px;padding-left:20px;margin-bottom:0;background:#fafafa;font-size:14px;color:#999}.desktop-popup .list-wrapper .sub-list-status-wrap{display:flex;align-items:center;margin-left:10px}.desktop-popup .list-wrapper .sub-list-status-wrap .sub-list-status{height:20px;line-height:22px;padding:0 7px;border-radius:4px;text-align:center;font-size:12px}.desktop-popup .list-wrapper .sub-list-status-wrap .disconnect-close{margin-left:10px}.desktop-popup .list-wrapper .sub-list-status-wrap .is-connecting,.desktop-popup .list-wrapper .sub-list-status-wrap .is-success{background:#dff8e8;color:#49c372}.desktop-popup .list-wrapper .sub-list-status-wrap .is-showing{background:var(--primaryHoverLightColor);color:var(--primaryColor)}.desktop-popup .list-wrapper .sub-list-status-wrap .is-disconnect{background:#fff6f5;color:#ee4320}.desktop-popup .list-wrapper .icon{font-size:18px;color:#ff463b}.desktop-popup .list-wrapper .icon:hover{color:#e54f3b}