.desktop-list-wrap{position:fixed;left:70px;top:0;bottom:0;font-size:14px;z-index:99;width:430px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.desktop-list-wrap .list{height:calc(100vh - 70px);overflow:auto}.desktop-list-wrap .all-list{height:100%}.desktop-list-wrap .sub-list-wrap{position:relative;display:flex;padding:15px 0}.desktop-list-wrap .sub-list-wrap .sub-list-icon{width:50px;height:50px;margin-right:12px}.desktop-list-wrap .sub-list-wrap .sub-list-icon img{width:100%;height:100%}.desktop-list-wrap .sub-list-wrap .sub-and-extra-wrap{flex:1}.desktop-list-wrap .sub-list-wrap .sub-and-extra-wrap .sub-list-info-wrap{display:flex;justify-content:space-between}.desktop-list-wrap .sub-list-wrap .sub-and-extra-wrap .sub-list-info-wrap.new-code-digger{height:100%;align-items:center}.desktop-list-wrap .sub-list-wrap .sub-and-extra-wrap .extra-info{display:flex;justify-content:space-between;margin-top:14px;padding-top:8px;border-top:1px solid #f2f2f2;font-size:14px;color:#999}.desktop-list-wrap .sub-list-wrap .sub-list-info{flex:1}.desktop-list-wrap .sub-list-wrap .sub-list-info p{margin:0}.desktop-list-wrap .sub-list-wrap .sub-list-info .sub-list-info-name{display:flex;padding-bottom:5px;font-weight:700;font-size:16px}.desktop-list-wrap .sub-list-wrap .sub-list-info .sub-list-info-text{font-size:14px;color:#999}.desktop-list-wrap .sub-list-wrap .sub-list-info .sub-list-info-text .vip-text{color:#ee4320}.desktop-list-wrap .sub-list-wrap .sub-list-info .sub-list-info-text .iteration{margin-left:20px}.desktop-list-wrap .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-list-wrap .sub-list-wrap .sub-list-btn.to-connect{background:#fff;color:#333}.desktop-list-wrap .sub-list-wrap .sub-list-btn.to-connect:hover{background:var(--primaryHoverColor);color:#fff;border:none}.desktop-list-wrap .sub-list-wrap .sub-list-btn.to-reconnect{background:#ee4320;color:#fff;border:none}.desktop-list-wrap .sub-list-wrap .sub-list-btn.to-reconnect:hover{background:#dd2a05}.desktop-list-wrap .sub-list-wrap .sub-list-btn.to-disconnect{background:var(--primaryColor);color:#fff;border:none}.desktop-list-wrap .sub-list-wrap .sub-list-btn.to-disconnect:hover{background:var(--primaryHoverColor)}.desktop-list-wrap .sub-list-head h4{line-height:40px;padding-left:20px;margin-bottom:0;background:#fafafa;font-size:14px;color:#999}.desktop-list-wrap .sub-list-status-wrap{display:flex;align-items:center;margin-left:10px}.desktop-list-wrap .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-list-wrap .sub-list-status-wrap .disconnect-close{margin-left:10px}.desktop-list-wrap .sub-list-status-wrap .is-connecting,.desktop-list-wrap .sub-list-status-wrap .is-success{background:#dff8e8;color:#49c372}.desktop-list-wrap .sub-list-status-wrap .is-showing{background:var(--primaryHoverLightColor);color:var(--primaryColor)}.desktop-list-wrap .sub-list-status-wrap .is-disconnect{background:#fff6f5;color:#ee4320}.desktop-list-wrap .icon{font-size:18px;color:#ff463b}.desktop-list-wrap .icon:hover{color:#e54f3b}.desktop-list-wrap .desktop-list-head{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #f2f2f2}.desktop-list-wrap .desktop-list-head h1{line-height:70px;margin-bottom:0;font-size:20px;color:#333}.desktop-list-wrap .active-list{display:flex;flex-flow:wrap;padding:26px 20px 15px}.desktop-list-wrap .active-list .active-list-item{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:60px;margin-right:20px;margin-bottom:5px;cursor:pointer}.desktop-list-wrap .active-list .active-list-item:nth-child(5n){margin-right:0}.desktop-list-wrap .active-list .active-list-item:hover .icon-close{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVElEQVQ4T2NkwAQcQCFRIOYFYjao9C8g/RmIXwPxD2QtjEgcEFsGqhlZHFn9f6ghT4A0iM0AUwiiVaG2YnEUhhDINbdBhsAMkAVyxIjRiaTmFZD9GGQAyM9aMNeIi4uzNDQ0aGZmZl6GKWZlZWWcOnWqXkFBwaVv376BnQ71wjWQASi2T58+XTcjI2P+zZs352toaEwFab5z506FnJxcUGVlZXBHR8cjZFeADADZzons/Bs3bmSrq6sn3r59ez47OzsfSPOFCxcmGhoaLkHz5neQAQZAzIzu/1u3bmWrqqomgpyKQzNIy1+sBiA7GxQ2MO9gCWSwASheQNYMspmTk5Mf5B0choC9gBKIs2bN0k9NTZ2D7GxYmNTW1ga3tLQ8RA9ElGjk4uJizMvLk0ULbYbq6mqF1tbWB0iaQdEJjkYQoCghgQygOCnDDCE7MyHHEEnZGQA4g4IPXE/84AAAAABJRU5ErkJggg==) no-repeat}.desktop-list-wrap .active-list .active-list-item:hover .icon-close:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABdklEQVQ4T2NkwARiQCEjIFYCYn6o9EcgfQ+IzwHxK2QtjEgcZiDbHYhNgJgJi8EgoX9AfAaIdwLxX5AAzACQ5hggVsShEV0Y5JqlIENgBngBOWZEaoYpOwVkbAMZAPJzBh5n4zIX5J0ZIAM8gNgCpkpFRYUnNzfXsrKyct+3b9/A/uTi4mJub293mjx58vE7d+58QTLxBMiALKgrwOJ8fHwsixcvjv3x48f3xMTE1SCx+fPnh3JwcHDGxsYu/vTp0x8kA16BDKgEYnZkdwoLC7PNmzcvGmjID5A4UDNHUlLS0rdv3/5C889PrAaAFMnIyHCuXbs2/////4whISETnjx58h1LYIANQPECzM8gZ3MCAYj/HQhA3oGFCboXUAIR6FqmhQsXhoH8DHI2SDHUO9/j4+NXAX0FCn0YAAciSjRqamrylZeXOxcXF2+F+RkUJr29vd6dnZ17r1+//gmqGx6NID5FCQlkAMVJGWYI2ZkJOYZIys4A12uJkybyg3gAAAAASUVORK5CYII=) no-repeat;cursor:pointer}.desktop-list-wrap .active-list .active-list-item.is-active:hover .icon-close{top:-6px;right:-6px}.desktop-list-wrap .active-list .active-list-item.is-active .img-wrap{position:relative;border:2px solid var(--primaryHoverColor);border-radius:7px}.desktop-list-wrap .active-list .active-list-item.is-active .img-wrap .icon-selected{position:absolute;top:0;left:0;width:18px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABE0lEQVQ4T2NkgIHQ/2wMn56kMfxniGZgZNBmYPjPC5cjxPjP2MAIVuP0WJqBlWELULMBIT0Y8kBDGHbJNjIyQFxykhJDQIYzMrg/zgEaMplcl8D0MTK4PT7OwPjfAtkgRqCHO5P4GTxMOBj0Ml9i2gH1DooeoIs+gQI23oWL4cClnwwvP/xlWFIqzOAONCSy/S3DllM/UA3CYgjUa4/+gxh72kUZNOVYGZ68+cMgK8rC4Fv3muHsnd9EGYJiECcbI8PiMiEGJQkWhsCmNwwPX/0l2hAUg/AGNg7voIURxGs4ARGGEHYRkYbgN4gEQ3AbRKIh2A0iwxBMg8g0BNUgCgxBGEShIRCD3B7Xg8oTknM/mgYAjV5/uyILgDIAAAAASUVORK5CYII=) no-repeat}.desktop-list-wrap .active-list .active-list-item.is-active img{width:56px;height:56px}.desktop-list-wrap .active-list .active-list-item img{width:60px;height:60px}.desktop-list-wrap .active-list .active-list-item p{width:100%;margin:5px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#333}.desktop-list-wrap .desktop-list{overflow-x:hidden;overflow-y:auto;border:none}.desktop-list-wrap .desktop-list .ant-collapse-item{border-bottom:none}.desktop-list-wrap .desktop-list .ant-collapse-item .ant-collapse-header{line-height:40px;padding:0 20px;background:#fafafa;color:#999}.desktop-list-wrap .desktop-list .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{right:20px}.desktop-list-wrap .desktop-list .ant-collapse-item .ant-collapse-content{border-top:none}.desktop-group-tooltip.ant-tooltip-placement-bottomLeft{padding-top:0}.desktop-group-tooltip .ant-tooltip-arrow:before{display:none}