.system-info::-webkit-scrollbar{display:none}.system-info{height:4rem;line-height:4rem;white-space:nowrap;overflow-x:no-display;text-align:right}.system-info span{display:inline-block;position:relative;margin-right:.325rem;color:#79797a}.system-info span i{color:#027be3;margin-right:.125rem}@media only screen and (max-width:800px){.system-info{overflow-x:auto}}.top-wrapper{width:100%;padding:0 1rem;background-color:#f5f5f5;font-size:small}.top-wrapper .breadcrumbs{height:4rem;line-height:4rem;color:#79797a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}.top-wrapper .breadcrumbs>span{cursor:pointer}.top-wrapper .breadcrumbs .help{color:#b1b4b4;margin-left:25px;width:100%}.top-wrapper .breadcrumbs .help>span{cursor:pointer;padding:0 6px;text-decoration:underline}.wrapper{margin:0 20px;min-height:100%;background-color:#fff}.wrapper .wrapper-content{padding:5vh 3vw;position:relative}#sn_and_hostname{text-decoration:none;font-weight:400;font-size:14px}.text-vendor-head-color-menu{color:#fff}.q-toolbar{background:-webkit-gradient(linear,left top,right top,color-stop(30%,#434343),to(#1b1b1b))!important;background:linear-gradient(90deg,#434343 30%,#1b1b1b)!important}#q-app,body,html{height:100%}i{font-style:normal;cursor:pointer}.network-diagram img{filter:grayscale(.5);-webkit-filter:grayscale(.5);-moz-filter:grayscale(.5);-ms-filter:grayscale(.5);-o-filter:grayscale(.5)}.q-table-middle::-webkit-scrollbar,::-webkit-scrollbar{width:0;height:1.5vh}.q-table-middle::-webkit-scrollbar-button,::-webkit-scrollbar-button{width:0;height:0}.q-table-middle::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}.q-table-middle::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment{display:none}.font18{font-size:18px}.font28{font-size:28px;font-weight:100}.font14{font-size:14px}.icon-wangkou,.ng-icon-sfp{font-size:30px}.active .icon-wangkou,.active .ng-icon-sfp{-webkit-transform:scale(1.1);transform:scale(1.1)}span.tooltip-value{float:right}.el-textarea-inner,.q-input{width:360px;border-radius:4px;border:1px solid #ddd;color:#333;height:30px;line-height:30px;font-size:14px;padding:0 15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;padding-top:0!important}.el-textarea-inner{padding:0;resize:none;height:175px;display:inline-block;overflow-x:auto;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea-inner:focus{border-color:#434343}.el-textarea-inner.small{height:120px}.el-textarea-inner .item-list{position:relative;width:100%;text-align:center;color:#434343;background:#fff;border-bottom:1px solid #434343}.el-textarea-inner .item-list .item-checkbox{position:absolute;top:5px;left:10px}.el-textarea-inner .item-list.active{color:#fff;background:#434343;border-bottom:1px solid #fff}div.btn-mt{margin-top:30px}button.btn{-webkit-box-shadow:none;box-shadow:none;padding:0 20px;margin:.1rem .1rem 10px}button.blue{border:1px solid #434343;background:#434343;color:#fff}button.white{color:#89949b;background:#fff;border:1px solid #ddd}button.positive{border:1px solid #9c3;background:#9c3;color:#fff}button.primary{border:1px solid #434343;background:#fff;color:#434343}button.table-btn{margin-right:10px}.q-datetime-input,.q-select.iconfont{width:360px;max-width:100%;font-size:14px;height:30px;line-height:30px;border:1px solid #ddd;padding-left:15px;padding-right:5px;padding-top:8px!important;border-radius:4px}.q-datetime-input .q-icon,.q-select.iconfont .q-icon{color:#333}.q-datetime-input .material-icons,.q-select.iconfont .material-icons{display:none}.q-datetime-input:hover,.q-input:hover,.q-select:hover{border:1px solid green}.q-if-error{border:1px solid red!important}.q-input.q-if-focused{border:1px solid #434343}.q-if:after,.q-if:before{border-bottom-style:unset}.q-field-label-inner,.q-table th{color:#333}.q-table-bottom{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:none}.q-field-no-input .q-field-bottom{margin:0;border:0}div.readme{font-size:14px;margin-top:30px;position:relative;background:#f5f5f5;padding:15px 20px 15px 45px;color:#8c8c8c}div.readme .note{position:relative;left:-30px;top:-5px}div.readme div{margin-bottom:3px}div.tabbottom-line{margin-top:-1px;border-top:2px solid #e9e9e9}span.input-line{margin:0 5px;color:#ccc}span.join,span.remove,span.timing{cursor:pointer;font-size:14px;padding:0 5px;color:#434343;text-decoration:underline}span.input-suffix{font-size:14px;color:#ccc;padding-left:10px}span.edit{padding:10px;cursor:pointer;color:rgba(0,0,0,.74)}i.input-required{margin-left:10px;color:red}.general-tooltip{color:#000;border:1px solid #c7d7de;text-align:left;background:#fff;padding:5px 15px;line-height:1.4;border-radius:5px}.title-h6{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:url(/statics/black-line.png) 125px no-repeat;margin-bottom:40px;margin-top:40px}.title-h6 h6{float:left;color:#333;font-size:16px;margin:0}.title-bottom{margin-bottom:0}.tp-title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333;height:36px;line-height:36px;margin-bottom:10px}.tp-title-container-msg{margin-right:2%}i.tp-title-icon{color:#434343;margin-right:10px}.tp-content-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.tp-graph-content{width:100%;overflow-y:hidden;overflow-x:scroll}.connect-line{display:inline-block;width:35px;vertical-align:middle;border:1px solid #33a0ff;margin-right:8px}.wireless-line{border:1px dashed #33a0ff;margin-left:16px}.tp-content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.modal-content{padding:15px 35px;text-align:center}.modal-content .model-header{text-align:center;font-size:16px;color:rgba(0,0,0,.5)}.modal-content .modal-scroll{max-height:100%;padding:10px}.modal-content .modal-scroll .model-details>div{margin-bottom:5px}.modal-content .modal-scroll .model-details>div:last-of-type{margin-bottom:0}.modal-content .modal-buttons .model-footer{width:100%;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.modal-content .config-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.modal-content .config-wrapper:last-of-type{margin-bottom:0}.modal-content .config-wrapper span{font-size:14px;width:75px;text-align:left}.modal-content .config-wrapper .el-textarea-inner,.modal-content .config-wrapper .q-input,.modal-content .config-wrapper .q-select.iconfont{width:230px}.modal-content .config-wrapper .el-textarea-inner{height:90px}.q-editor{width:90%}.q-uploader{width:360px;max-width:100%}@media only screen and (max-width:800px){::-webkit-scrollbar{display:none}div.wrapper{margin:0;min-height:100%}div.wrapper .wrapper-content{padding:15px}.q-layout-page-container{padding-bottom:0}.el-textarea-inner,.q-datetime-input,.q-input,.q-select.iconfont,.q-uploader{width:100%;height:40px;line-height:40px}button.blue,button.btn,button.positive,button.primary,button.white{font-size:14px!important}.title-h6{margin-bottom:20px;margin-top:30px}}.authen-wrapper{margin-top:0}.dashboard-page{padding:0 5px}.border-as-backgroud-1px{border:1px solid #f5f5f5}.border-as-backgroud-2px{border:2px solid #f5f5f5}.ipv6enablelabel{background-color:#2b99ff}.ipv6disablelabel,.ipv6enablelabel{padding:5px;display:inline-block;text-align:center;vertical-align:text-bottom;font-size:8px;line-height:100%;font-style:normal;font-weight:400;color:#fff;overflow:hidden;margin-left:20px;border-radius:2px;font-style:oblique}.ipv6disablelabel{background-color:#aaa}.is-green{background-color:#48d000}.is-dark{background-color:#e2e2e2}.is-grey{background-color:#d0811b}.network-diagram{width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem 0 0}.network-diagram,.network-diagram-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.network-diagram-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.network-diagram-group.network-diagram-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.network-diagram-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.network-diagram-label,.tooltip-diagram-value{font-size:16px;font-weight:700;color:#4a4a4a;white-space:nowrap;margin-top:30px}.tooltip-diagram-value{font-size:14px;margin-top:10px}.network-diagram-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:1px;min-width:15px;margin-top:32px}.network-diagram-line:after{content:" ";position:absolute;height:1px;left:0;right:0;background:#00a0df;margin:0 10px}.network-diagram-group.network-diagram-group-head{-webkit-box-flex:0;-ms-flex:none;flex:none}.network-diagram-speed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:56px;font-size:10px;font-weight:300;line-height:12px;color:#4a4a4a;text-align:center;margin-top:5px}.network-diagram-speed-after:after{display:inline-block;content:"";width:0;height:0;border-color:transparent #00a0df transparent transparent;border-style:solid;border-width:3px 6px 3px 0;margin-left:5px}.network-diagram-speed-before:before{display:inline-block;content:"";width:0;height:0;border-color:transparent transparent transparent #00a0df;border-style:solid;border-width:3px 0 3px 6px;margin-right:5px}.channel-distribution-group:first-child{padding-right:10px}.flex-flag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-flag--centered{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modular-subhead{font-size:14px;line-height:13px;font-weight:700;color:#4a4a4a}.flexible{-webkit-box-flex:1;-ms-flex:1;flex:1}.inflexible{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header{font-size:9px;line-height:11px;margin-top:2px;margin-bottom:6px}.channel-distribution-channels{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-ms-flex-line-pack:start;align-content:flex-start;border-top:1px solid #cacaca}@media only screen and (min-width:1921px){.channel-distribution-channels{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.channel-distribution-channel{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.channel-distribution-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.channel-distribution{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:3rem 0}@media only screen and (max-width:480px){.channel-distribution{-ms-flex-wrap:wrap;flex-wrap:wrap}}.channel-distribution-item-box{height:10px;border-radius:1px;margin:9px 0 9px 1px}.channel-distribution-channel:first-child .channel-distribution-item-box{margin-left:0}.channel-distribution-item-label{font-size:11px;color:#4a4a4a;text-align:center;border-top:1px solid #cacaca;padding-top:7px;min-width:23px}@media only screen and (max-width:800px){.channel-distribution-group:first-child{margin-bottom:8px}.channel-distribution-channel{width:27px;max-width:27px}.network-diagram-icon{width:56px}.network-diagram-line,.network-diagram-speed{display:none}.network-diagram{padding:0}.network-diagram,.network-diagram-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.network-diagram-group{width:100%}.network-diagram-value{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;text-align:right;margin-top:12px;margin-bottom:4px}.network-diagram-image{margin-right:10px}.network-diagram-icon{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;border-bottom:1px solid #cacaca;padding:6px 0}}