.el-select-dropdown{overflow:hidden}.el-scrollbar__wrap,.el-select-dropdown__list{padding:0}.table-cell-data-content{padding:4px;max-width:600px;max-height:300px;overflow:auto;white-space:pre-wrap;margin:-4px}.table-cell-data-content .session-item-value.session-item-value-client{color:#fff59d}.table-cell-data-content .session-item-value.session-item-value-user{color:#fff}.table-cell-data-content .session-item-value .session-item-value-hex{color:#00fbf0}.el-select-dropdown.mqtt-qos-popper .el-select-dropdown__item{font-size:14px}.el-select-dropdown__item[data-v-a272c456]{font-size:18px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected[data-v-a272c456]{display:flex;align-items:center}.hex-input-tip[data-v-a272c456]{position:absolute;left:0;top:-44px;display:block;background:#606266;color:#fff;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2}.hex-input-tip[data-v-a272c456]:after{content:" ";position:absolute;display:block;width:0;height:0;top:34px;left:34px;border-top:6px solid #606266;border-left:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid transparent}.welcome-container[data-v-a272c456]{width:100%;height:100%;padding:0 32px}.welcome-container[data-v-a272c456] .el-dialog .el-dialog__header{padding-bottom:0}.welcome-container[data-v-a272c456] .el-dialog__body .el-radio__label{font-size:16px}.welcome-container .container[data-v-a272c456]{height:calc(100% - 20px)}.welcome-container .el-header[data-v-a272c456]{height:50px!important;color:#efefef;text-align:center}.welcome-container .el-header .server-box[data-v-a272c456]{width:100%;height:36px;text-align:left}.welcome-container .el-header .server-box .server-item[data-v-a272c456]{display:inline-block;height:40px;line-height:40px;padding:0 30px;margin-right:24px;color:#fff;font-size:18px;font-weight:500;border-radius:8px;background:#1e293b}.welcome-container .el-header .server-box .server-item[data-v-a272c456]:hover{cursor:pointer;background:#2563eb}.welcome-container .el-header .server-box .server-item-active[data-v-a272c456]{background:#2563eb;box-shadow:0 4px 10px 0 rgba(0,0,0,.3)}.welcome-container .el-header .server-box .server-item-plus[data-v-a272c456]{padding:0 17px}.welcome-container .content-bottom[data-v-a272c456]{width:100%;height:calc(100% - 84px);margin-top:12px}.welcome-container .el-aside[data-v-a272c456]{width:25%!important;min-width:450px;height:100%;color:#efefef;text-align:center}.welcome-container .el-aside .aside-bottom[data-v-a272c456],.welcome-container .el-aside .aside-top[data-v-a272c456]{background:#1e293b;border-radius:10px}.welcome-container .el-aside .aside-top[data-v-a272c456]{height:308px;margin-bottom:16px;padding:20px 40px}.welcome-container .el-aside .aside-top .aside-top-title[data-v-a272c456]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.welcome-container .el-aside .aside-top .aside-top-title .title[data-v-a272c456]{width:120px;font-family:stratos-medium,sans-serif;font-weight:500;font-size:20px;color:#8ccdef;text-align:left;font-style:normal;text-transform:none}.welcome-container .el-aside .aside-top .aside-top-title .aside-top-btn[data-v-a272c456]{display:flex;align-items:center}.welcome-container .el-aside .aside-top .aside-top-title .aside-top-btn .el-button[data-v-a272c456]{font-size:16px;margin-left:10px;color:#e5e5e5;font-weight:400;padding-right:0;font-family:stratos-regular,sans-serif}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456]{height:calc(100% - 40px);overflow:auto}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item{margin-bottom:8px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item:last-of-type{margin-bottom:0}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item .copy{display:none;margin-left:6px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item:hover .copy{color:#ccc;cursor:pointer;display:inline-block}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item__label{font-weight:400;font-size:18px;color:#e5e5e5;line-height:1;padding:8px 12px 8px 0}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item__content{color:#fff;text-align:left;font-size:18px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-input--medium .el-input__inner{background:#14181f;border:none;border-radius:10px;color:#fff;font-size:18px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-input.is-disabled .el-input__inner{cursor:text}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .delete-time .el-form-item__content{color:red}.welcome-container .el-aside .aside-bottom[data-v-a272c456]{height:calc(100% - 324px);padding:20px 24px}.welcome-container .el-aside .aside-bottom .aside-bottom-title[data-v-a272c456]{display:flex;justify-content:space-between;align-items:center;margin:0 16px 16px}.welcome-container .el-aside .aside-bottom .aside-bottom-title .title[data-v-a272c456]{width:180px;font-family:stratos-medium,sans-serif;font-weight:500;font-size:20px;color:#8ccdef;text-align:left;font-style:normal;text-transform:none}.welcome-container .el-aside .aside-bottom .aside-bottom-content[data-v-a272c456]{height:calc(100% - 40px);overflow:auto}.welcome-container .el-aside .aside-bottom .aside-bottom-content .no-client-content[data-v-a272c456]{line-height:18px;width:100%;height:calc(100% - 8px);color:#909399;font-size:16px;display:flex;justify-content:center;align-items:center}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item[data-v-a272c456]{align-items:center;height:66px;padding:8px 16px;margin-bottom:10px;cursor:pointer}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item[data-v-a272c456]:last-of-type{margin-bottom:0}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content[data-v-a272c456]{text-align:left}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-title[data-v-a272c456]{font-size:18px;color:#0f0;margin-bottom:2px;display:flex;justify-content:space-between}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-title-error[data-v-a272c456]{color:red}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-title-error .icon-Link_Horizontal_Off[data-v-a272c456]{color:#666;cursor:no-drop}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-time[data-v-a272c456]{color:#adadad;font-size:16px}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-time .time-append[data-v-a272c456]{color:#00fbf0}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-btn[data-v-a272c456]{max-width:calc(100% - 68px)}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-btn i[data-v-a272c456]{font-size:20px}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-btn:last-of-type i[data-v-a272c456]{color:#adadad;margin-left:10px;position:relative;top:2px}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item-active[data-v-a272c456]{background:#203158;border-radius:10px}.welcome-container .el-main[data-v-a272c456]{height:100%;margin-left:24px;text-align:left;color:#efefef;padding:0}.welcome-container .el-main .main-top[data-v-a272c456]{height:390px;padding:20px 14px 20px 20px;border-radius:10px;background:#1e293b;margin-bottom:16px;position:relative}.welcome-container .el-main .main-top.specify-goals.specific-msg[data-v-a272c456],.welcome-container .el-main .main-top.specify-goals[data-v-a272c456]{height:415px}.welcome-container .el-main .main-top.specific-msg[data-v-a272c456]{height:484px}.welcome-container .el-main .main-top.specify-goals.specific-msg[data-v-a272c456]{height:540px}.welcome-container .el-main .main-top .main-top-header[data-v-a272c456]{display:flex;margin-left:-10px}.welcome-container .el-main .main-top .main-top-header .main-top-title[data-v-a272c456]{font-size:20px;font-family:stratos-medium,sans-serif;font-weight:500;color:#8ccdef;margin-right:10px;width:50%;padding-left:30px}.welcome-container .el-main .main-top .main-top-header .main-top-title[data-v-a272c456]:nth-of-type(2){padding-left:35px}.welcome-container .el-main .main-top .main-top-box[data-v-a272c456]{height:calc(100% - 60px);display:flex;justify-content:space-between;padding-top:10px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456]{width:calc(65% - 100px);padding:0 20px}.welcome-container .el-main .main-top .main-top-box .main-top-content.right[data-v-a272c456]{padding:0 20px 0 30px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item{margin-bottom:8px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item.is-error{margin-bottom:22px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item .el-tag.el-tag--info{color:#606266;padding-right:8px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item__label{font-size:18px;color:#efefef;text-align:left}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-select{width:100%}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-input__inner{height:36px;line-height:36px;background:#14181f;border:none;color:#fff;font-size:18px;border-radius:10px;border:1px solid #14181f}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-input__inner:hover{border:1px solid #2563eb}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .hex-btn{width:80px;border-radius:10px 0 0 10px;font-size:18px;font-family:stratos-medium,sans-serif;height:93px;border-right:none}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .hex-btn.el-button--primary.is-plain:focus,.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .hex-btn.el-button--primary.is-plain:hover{background:#eaf7fd;border-color:#eaf7fd;color:#006fff}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea{background:#14181f;color:#fff;font-size:18px;border-radius:0 10px 10px 0;width:calc(100% - 80px)}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea:hover{overflow:hidden}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea:hover .el-textarea__inner{border:1px solid #2563eb}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea__inner{border:1px solid #14181f;border-radius:0 10px 10px 0;color:#fff;font-family:stratos-regular,sans-serif}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea__inner::-moz-placeholder{color:#8c8c8c}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-textarea__inner::placeholder{color:#8c8c8c}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item.is-error .el-input__inner,.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item.is-error .el-input__inner:focus{border-color:#f64f61!important}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item.is-error .el-textarea+.el-form-item__error{left:80px}.welcome-container .el-main .main-top .main-top-box .main-top-content[data-v-a272c456] .el-form .el-form-item.is-error .el-textarea__inner{border-radius:0 10px 10px 0;border-color:#f64f61}.welcome-container .el-main .main-top .setting-box[data-v-a272c456]{position:absolute;bottom:20px;right:36px}.welcome-container .el-main .main-top .setting-box .el-button--medium[data-v-a272c456]{font-size:18px;padding:8px 16px}.welcome-container .el-main .main-top .setting-box .save-btn[data-v-a272c456] i{font-size:18px}.welcome-container .el-main .main-top .setting-box .save-btn[data-v-a272c456] i.el-icon-minus{transform:rotate(90deg)}.welcome-container .el-main .main-top.specify-goals+.main-bottom[data-v-a272c456],.welcome-container .el-main .main-top.specify-goals.specific-msg+.main-bottom[data-v-a272c456]{height:calc(100% - 431px)}.welcome-container .el-main .main-top.specific-msg+.main-bottom[data-v-a272c456]{height:calc(100% - 500px)}.welcome-container .el-main .main-top.specify-goals.specific-msg+.main-bottom[data-v-a272c456]{height:calc(100% - 556px)}.welcome-container .el-main .main-bottom[data-v-a272c456]{height:calc(100% - 406px);padding:20px 40px;border-radius:10px;background:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-title[data-v-a272c456]{display:flex;justify-content:space-between;margin-bottom:16px}.welcome-container .el-main .main-bottom .main-bottom-title .title[data-v-a272c456]{font-size:20px;font-family:stratos-medium,sans-serif;font-weight:500;color:#8ccdef;margin-right:10px}.welcome-container .el-main .main-bottom .main-bottom-title[data-v-a272c456] .main-bottom-btn i{font-size:20px;cursor:pointer}.welcome-container .el-main .main-bottom .main-bottom-title[data-v-a272c456] .main-bottom-btn .el-button{font-size:18px;margin-left:10px;color:#e5e5e5;font-family:stratos-regular,sans-serif}.welcome-container .el-main .main-bottom .main-bottom-title[data-v-a272c456] .main-bottom-btn .el-button--primary{padding:5px 5px}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456]{height:calc(100% - 80px)}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456]{height:calc(100% - 54px);overflow:auto;position:relative}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table{border-color:#415873;background-color:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table tbody{border-color:#415873}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .el-table__body-wrapper,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .el-table__header-wrapper{background:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table.el-table--border:after,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table:before{background-color:#415873}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .el-table__empty-text{font-size:16px}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table tr.current-row:hover td,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table tr.current-row td{background:#203158}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table tr:hover td{background:#2a3753}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table th{font-size:18px;font-weight:500;padding:12px 0;color:#fff;background:#1e293b;border-right:1px solid #415873;border-bottom:1px solid #415873}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table th>.cell{display:block}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td{font-size:18px;color:#adadad;background:#1e293b;border-right:1px solid #415873;border-bottom:1px solid #415873;cursor:pointer}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div{text-align:left;white-space:pre;overflow:hidden;text-overflow:ellipsis;width:100%!important}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div.session-item-client{color:#8b8c6a}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div.text-right{text-align:right}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div span.ACK-time,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td div span.send-time{white-space:pre-wrap}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title{display:flex;min-width:83px}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title.session-item-client,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title.session-item-client+.action-item-value{color:#8b8c6a}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title.session-item-user{color:#adadad}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title i{font-size:20px}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title i.icon-Client_Side{color:#fff59d}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-title i.icon-Server_Side{color:#fff}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .action-item-value{padding-left:25px;color:#adadad}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .clientitem-error{color:red!important}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .clientitem-green{color:#0f0!important}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-value.session-item-value-client{color:#8b8c6a}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-value.session-item-value-user{color:#adadad}.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-data,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table .session-item-value .session-item-value-hex{color:#00fbf0}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json[data-v-a272c456]{height:140px;overflow:hidden;border:1px solid #415873;font-size:16px;position:absolute;bottom:0;left:0;width:100%;background:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .icon-close[data-v-a272c456]{position:absolute;right:12px;top:12px;cursor:pointer}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer[data-v-a272c456]{height:calc(100% - 24px);margin:12px 0 12px 12px}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer .session-item-json-viewer-toggle[data-v-a272c456]{display:inline-block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:none}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer .icon-arrow[data-v-a272c456]{font-size:20px;position:relative;top:3px;display:inline-block;transition:all .3s}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer .icon-arrow.down[data-v-a272c456]{transform:rotate(90deg)}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer .session-item-json-viewer-contain[data-v-a272c456]{height:100%;padding-right:26px;overflow:auto;margin:0;font-size:16px;white-space:pre-line}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json .session-item-json-viewer .session-item-value-hex[data-v-a272c456]{color:#00fbf0}.welcome-container .el-main .main-bottom .main-bottom-content .session-list .session-item-json[data-v-a272c456] ::-webkit-scrollbar-corner{background-color:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table{border-color:#415873;background-color:#1e293b;color:#fff}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table tbody{border-color:#415873}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table .el-table__body-wrapper,.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table .el-table__header-wrapper{background:#1e293b}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table.el-table--border:after,.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table:before{background-color:#415873}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table .el-table__empty-text{font-size:16px}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table tr.current-row:hover td,.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table tr.current-row td{background:#203158}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table tr:hover td{background:#2a3753}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table th{padding:12px 0;color:#fff;background:#1e293b;border-right:1px solid #415873;border-bottom:1px solid #415873}.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456] .el-table td{background:#1e293b;cursor:pointer;border-right:1px solid #415873;border-bottom:1px solid #415873}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456]{width:100%;margin-top:20px;position:relative;display:flex;align-items:center}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .el-button--primary.is-plain[data-v-a272c456]:focus,.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-button--primary.is-plain:hover{background:#eaf7fd;border-color:#eaf7fd;color:#006fff}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .el-button--primary[data-v-a272c456]:focus,.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .el-button--primary[data-v-a272c456]:hover{background:#006fff;border-color:#006fff;color:#fff}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .custom-textarea-container[data-v-a272c456]{position:relative;display:inline-block;width:calc(100% - 100px);margin-right:16px}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .el-upload[data-v-a272c456]{display:block}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-upload-file-container[data-v-a272c456]{display:flex;align-items:center;cursor:pointer}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-upload-file[data-v-a272c456]{display:flex;align-items:center;margin-left:16px;font-size:12px;z-index:1}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-command-tooltip-wrap[data-v-a272c456]{max-width:120px}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-tag-close[data-v-a272c456]{font-size:14px}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-tag-close[data-v-a272c456]:hover{color:#ff4d4f}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .mqtt-suffix-icon[data-v-a272c456]{margin-left:16px;font-size:16px;color:#ccc;z-index:1}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .tcp-suffix-icon[data-v-a272c456]{position:absolute;right:10px;top:10px;font-size:24px;color:#ccc;z-index:1}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .el-button--mini.is-circle[data-v-a272c456]{padding:3px;background:transparent;border:none}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .main-bottom-input-content[data-v-a272c456]{width:100%}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-textarea__inner{background:#14181f;border:1px solid #14181f;color:#fff;border-radius:0 10px 10px 0;height:66px;font-size:18px;min-height:unset!important}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-textarea__inner:hover{border:1px solid #2563eb}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .hex-btn[data-v-a272c456]{height:66px;width:80px;border-radius:10px 0 0 10px;font-size:18px;font-family:stratos-medium,sans-serif}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .send-btn[data-v-a272c456]{vertical-align:bottom;height:66px;width:84px;border-radius:10px;font-size:18px;font-family:stratos-medium,sans-serif}.welcome-container .el-main .main-bottom-full[data-v-a272c456]{height:100%}.welcome-container[data-v-a272c456] .el-drawer.rtl{min-width:300px;background:#203158;box-shadow:2px 2px 4px rgba(0,0,0,.45)}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box{padding:0 16px;overflow:auto;height:calc(100vh - 60px)}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item{margin-bottom:20px}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item .command-set-col{display:flex;border:1px solid #415873}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item .command-set-col .name{width:80px;padding:4px;border-right:1px solid #415873}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item .command-set-col .value{width:calc(100% - 80px);word-break:break-all;padding:4px}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item .command-set-col:not(:first-child){border-top:none}.welcome-container[data-v-a272c456] .el-drawer.rtl .command-set-box .command-set-item .send-btn{margin-top:8px}.welcome-container[data-v-a272c456] .el-drawer__header{align-items:center;color:#fff;display:flex;margin-bottom:12px;padding:10px;padding-bottom:0}.welcome-container .tooltip-wrap[data-v-a272c456]{white-space:nowrap;display:inline-block;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;width:auto;max-width:80%}.welcome-container .server-tooltip-wrap[data-v-a272c456]{max-width:calc(100% - 24px);line-height:18px}.welcome-container .client-item-tooltip-wrap[data-v-a272c456]{max-width:calc(100% - 24px);line-height:16px}.welcome-container[data-v-a272c456] .el-select__caret{width:16px;height:16px;line-height:16px;margin-top:10px;border-radius:50%;background:#2563eb;color:#c0c4cc;font-size:8px;transition:transform .3s;cursor:pointer;transform:rotate(0deg)}.welcome-container[data-v-a272c456] .el-select__caret.is-reverse{transform:rotate(180deg)}.welcome-container[data-v-a272c456] .el-icon-arrow-up:before{content:"\e620";font-family:iconfont}.welcome-container.MQTT-container .el-aside .aside-top[data-v-a272c456]{height:396px}.welcome-container.MQTT-container .el-aside .aside-bottom[data-v-a272c456]{height:calc(100% - 412px)}.welcome-container.MQTT-container .client-item-time[data-v-a272c456]{display:flex;justify-content:space-between;padding:0 5px}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content[data-v-a272c456]{height:calc(100% - 80px)}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456]{height:calc(100% - 112px)}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input .send-btn[data-v-a272c456]{height:124px}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input .send-btn[data-v-a272c456] .iconfont{display:block;font-size:24px;margin-bottom:4px}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input .main-bottom-input-content[data-v-a272c456]{width:100%;background:#14181f;height:124px;padding-top:60px;border-radius:10px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);border:1px solid transparent}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input .main-bottom-input-content[data-v-a272c456]:hover{border:1px solid #006fff}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-textarea__inner{border-radius:10px;height:50px;padding:0 15px 5px 15px}.welcome-container.MQTT-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-textarea__inner:hover{border:1px solid transparent}.welcome-container.MQTT-container .MQTT-send-msg[data-v-a272c456]{display:flex;position:absolute;top:16px;left:16px;z-index:1}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item[data-v-a272c456]{display:flex}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.topic[data-v-a272c456]{margin-right:10px}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.topic[data-v-a272c456] .el-input__inner{width:180px}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.qos[data-v-a272c456]{margin-right:10px}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.qos[data-v-a272c456] .el-input__inner{width:160px}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.command-set[data-v-a272c456]{margin-right:10px;width:240px;border-radius:0 10px 10px 0;background:#25282f;color:#fff}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.command-set .select[data-v-a272c456]{cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item.command-set .select[data-v-a272c456]:hover{color:#006fff}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item[data-v-a272c456] .el-button{border-radius:10px 0 0 10px;cursor:unset}.welcome-container.MQTT-container .MQTT-send-msg .send-msg-item[data-v-a272c456] .el-input__inner{border-radius:0 10px 10px 0;border:none;background:#25282f;color:#fff}@media screen and (max-width:1440px){.welcome-container[data-v-a272c456]{padding:0 20px}.welcome-container .el-header[data-v-a272c456]{height:40px!important}.welcome-container .el-aside .aside-bottom .aside-bottom-title[data-v-a272c456]{margin:0 0 16px}.welcome-container .el-aside .aside-bottom[data-v-a272c456],.welcome-container .el-aside .aside-top[data-v-a272c456],.welcome-container .el-main .main-bottom[data-v-a272c456]{padding:20px}.welcome-container .el-aside[data-v-a272c456]{min-width:400px}.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .hex-btn[data-v-a272c456],.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input .send-btn[data-v-a272c456],.welcome-container .el-main .main-bottom .main-bottom-content .main-bottom-input[data-v-a272c456] .el-textarea__inner{height:50px}.welcome-container .content-bottom[data-v-a272c456],.welcome-container .el-main .main-bottom .main-bottom-content[data-v-a272c456]{height:calc(100% - 54px)}.welcome-container .el-aside .aside-bottom .aside-bottom-title .title[data-v-a272c456],.welcome-container .el-aside .aside-top .aside-top-title .title[data-v-a272c456],.welcome-container .el-main .main-bottom .main-bottom-title .title[data-v-a272c456]{font-size:18px}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-title[data-v-a272c456],.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item__label,.welcome-container .el-main .main-bottom .main-bottom-content .session-list[data-v-a272c456] .el-table td{font-size:16px}.welcome-container .el-aside .aside-bottom .aside-bottom-content .client-item .client-item-content .client-item-time[data-v-a272c456]{font-size:14px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item__content{line-height:34px}.welcome-container .el-header .server-box .server-item[data-v-a272c456]{height:36px;line-height:36px;padding:0 24px}.welcome-container .el-aside .aside-top .aside-top-title[data-v-a272c456]{margin-bottom:8px}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456]{height:calc(100% - 37px)}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item{margin-bottom:0}.welcome-container .el-aside .aside-top .aside-top-content[data-v-a272c456] .el-form-item:last-child .el-form-item__label{padding-bottom:0}.welcome-container .el-aside .aside-top[data-v-a272c456]{height:258px}.welcome-container .el-aside .aside-bottom[data-v-a272c456]{height:calc(100% - 274px)}.welcome-container.MQTT-container .el-aside .aside-top[data-v-a272c456]{height:326px}.welcome-container.MQTT-container .el-aside .aside-bottom[data-v-a272c456]{height:calc(100% - 342px)}}