.scan-title{background:rgba(28,36,56,.03);height:56px;line-height:56px}.scan-title h1{float:left}.change-version{float:right;font-size:14px;color:#2185f0;margin-right:20px}.copy-schema{height:40px;line-height:40px;background:rgba(255,153,0,.08);border:1px solid rgba(255,153,0,.4);padding:0 20px;font-size:14px}.copy-schema a{float:right}.copy-schema .copy-btn-schema{cursor:pointer;color:#2185f0}.copy-schema .show-schema{position:absolute;top:-200px}@-webkit-keyframes smartShake{0%{transform:translate(0) rotate(0)}20%{transform:translate(10px,10px) rotate(25deg)}40%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}.analytics{padding:28px 20px;padding-bottom:90px}.analytics-view .ivu-tabs-bar{border:none}.analytics-view .ivu-tabs-bar .ivu-tabs-ink-bar-animated{width:58px}.analytics-view .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab{font-family:PingFangSC-Regular;text-align:center;font-size:12px;padding:12px 2px}.analytics-view .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab-active{font-family:PingFangSC-Regular;font-weight:600}.analytics-view-title{width:100%;padding-bottom:5px;border-bottom:2px solid #e3e8ee}.analytics-view-title-h3{font-size:14px;color:#464c5b;line-height:16px;font-family:PingFangSC-Semibold;font-weight:600}.analytics-view-title-details{text-align:right}.analytics-view-title-details>a{font-size:12px;margin-right:20px;color:#39f;line-height:16px}.analytics-view-title-details>.ivu-icon{font-size:16px;margin-right:8px;cursor:pointer;margin-top:1px}.analytics-view-title-details-btn{margin-top:-5px}.analytics-view-title-details-btn>span>a{font-size:14px}.analytics-metrice-title{display:inline-block;margin-right:16px;line-height:24px}.analytics-metrice-title>span{font-size:12px;color:#657180;float:left}.analytics-metrice-title>b{margin-left:6px;font-size:16px;color:#464c5b;float:left;font-weight:500}.analytics-metrice-title-icon{float:left;margin-left:5px}.analytics-metrice-title-icon>span{font-size:12px}.tm-icon-font{color:#bdc5d5;font-size:18px;cursor:pointer}.tm-icon-font-position{position:relative;top:4px}.tm-icon-font-portrait{position:relative;top:2px}.tm-icon-font-operation{color:#39f}.hover-style:hover,.hover-style:hover:before{color:#5cadff}.analytics-metrice-title .icon-equal,.analytics-metrice-title .icon-rise{color:#5fbb5d}.analytics-metrice-title .icon-drop{color:#ed4014}.overview{padding-bottom:40px}.overview h1{font-size:18px;color:#464c5b;line-height:24px;padding-bottom:15px;font-weight:400}.overview .ivu-row{display:flex;flex-direction:row;flex-wrap:inherit;justify-content:flex-start}.overview .ivu-col{padding-right:48px;flex-shrink:1;display:block}.overview-box{overflow:hidden;display:flex;flex-wrap:wrap;align-items:baseline}.overview-num{float:left;font-size:32px;color:#464c5b;line-height:48px;padding-right:12px}.overview-equipment{display:inline-block;font-size:12px}.overview-name{min-width:48px;font-size:12px;color:#657180;line-height:16px}.overview .ivu-tooltip-content{width:220px}.overview .ivu-tooltip-inner{white-space:normal}.overview .icon-equal,.overview .icon-rise{color:#5fbb5d}.overview .icon-drop{color:#ed4014}@media (max-width:1024px){.overview-num{font-size:28px;padding-right:12px}.overview .ivu-col{padding-right:32px}}@media (max-width:769px){.overview-num{font-size:28px;padding-right:5px}}.smart-change-bg{background-color:#464c5b}.clear:after{content:"";display:block;clear:both}.smart{position:relative}.smart,.smart .step-header{border-bottom:1px solid #e3e8ee}.smart .step-header{height:56px;line-height:56px;background-color:#f7f8f8}.smart .step-header .title{float:left;width:16%;min-width:130px}.smart .step-header .sub-title{float:left;width:66%}.smart h1{font-family:PingFangSC-Regular;font-size:18px;padding-left:20px;font-weight:400;color:#464c5b}.smart .shake-phone{padding-top:80px;text-align:center;color:#464c5b}.smart .shake-phone .time{color:#3a9bfc}.smart .shake-phone .phone-model{width:150px;height:292px;padding-top:60px;margin:0 auto;background-repeat:no-repeat;background-position:50%;background-size:cover;color:#fff;line-height:20px}.smart .shake-phone .brand-logo{display:inline-block;padding-bottom:10px}.smart .shake-phone .android-model{background-image:url(../img/phone-android.fcd6f4d9.png)}.smart .shake-phone .ios-model{background-image:url(../img/phone-ios.db528271.png)}.smart .shake-phone .shake-img{width:180px;height:180px;padding-top:42px;background-color:#eff1f3;border-radius:50%;margin:0 auto 20px}.smart .shake-phone .shake-img span{display:block;width:86px;height:86px;font-size:86px;color:#657180;margin:0 auto;-webkit-animation:smartShake .6s 3s infinite alternate;animation:smartShake .6s 3s infinite alternate}.smart .shake-phone .open-tip{font-size:12px;padding:20px 0;color:#657180}.smart .shake-phone .process-status{padding-top:10px;color:#0c6}.smart .shake-phone .process-status i{display:inline-block;width:24px;height:24px;margin-right:10px;background:url(../img/radar.ce427aea.gif) no-repeat 50%;background-size:cover;vertical-align:middle}.smart .step-title{line-height:56px;text-align:center;font-weight:700;font-size:14px}.smart .step-title span{display:inline-block;width:24px;height:24px;color:#fff;font-size:14px;text-align:center;line-height:24px;margin-top:20px;background-color:#39f;border-radius:50%}.smart .connect-process{float:left;width:75%}.smart .smart-intro-tip{float:right;width:25%;min-height:902px;border-left:1px solid #e3e8ee}.smart .smart-intro-tip .step-header{padding-left:24px;font-size:14px}.smart .smart-intro-tip .step-header span{padding-left:6px}.smart .smart-intro-tip .intro-con{padding-left:24px;padding-bottom:35px}.smart .smart-intro-tip .intro-desc{padding:20px 15px 20px 0;line-height:20px;border-bottom:1px solid #e3e8ee;margin-right:15px}.smart .smart-intro-tip .step-item{padding:0 10px}.smart .smart-intro-tip .step-item span{display:inline-block;width:16px;height:16px;color:#fff;text-align:center;line-height:16px;margin-top:20px;margin-right:10px;background-color:#9fa7b3;border-radius:50%}.smart .smart-intro-tip .step-demo{padding-top:20px}.smart .smart-intro-tip .attention-con{padding:0 5px 0 30px}.smart .smart-intro-tip .attention-con .con{padding:20px 0}.smart .smart-intro-tip .attention-con span{color:#39f}.smart .fn-btn-wrap .tip{padding:36px 0 32px;text-align:center;font-size:14px}.smart .fn-btn-wrap button{width:120px;height:32px;margin:0 4px 20px}.smart .view-wrap{min-height:400px;padding:24px;background-color:#464c5b;position:relative}.smart .exit-socket-wrap{position:relative}.smart .exit-socket-wrap:hover .exit-socket{display:block}.smart .show-exit-socket{display:block;width:30px;height:30px;text-align:center;margin:15px auto 0;line-height:30px}.smart .show-exit-socket .show-box-btn{display:inline-block;width:24px;height:24px;background:url(../img/icon-device.ff2cf14b.svg) no-repeat 50%}.smart .exit-socket{display:none;position:absolute;right:20px;top:30px;z-index:2;width:340px;height:210px;opacity:.94;background-color:#657180;border-radius:6px;line-height:18px}.smart .exit-socket .info-wrap{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f5f7f9}.smart .exit-socket .device-name{width:90px;color:#f5f7f9;text-align:center}.smart .exit-socket .device-name .brand-icon{font-size:34px}.smart .exit-socket .device-info{width:130px;color:#b5bdc8}.smart .exit-socket .device-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart .exit-socket .discon-btn{width:90px;text-align:center}.smart .exit-socket .discon-btn a{color:#f5f7f9;padding:8px 18px;border:1px solid #d7dde4;border-radius:4px}.smart .exit-socket .event-list-wrap .event-name{width:140px}.smart .exit-socket .event-list-wrap .event-time{width:80px}.smart .exit-socket .event-list-wrap .event-status{width:100px}.smart .exit-socket .event-list-th{display:flex;padding:3px 0;border-bottom:1px solid #d7dde4;color:#b5bdc8;text-align:center}.smart .exit-socket .event-list-th .event-icon{display:inline-block;width:38px;height:1px}.smart .exit-socket .event-list-th .event-name{text-align:left}.smart .exit-socket .event-list-box{height:96px;overflow:auto;color:#f5f7f9}.smart .exit-socket .event-list-box .event-item{display:flex;padding:3px 0;text-align:center;line-height:30px}.smart .exit-socket .event-list-box .event-icon{font-size:18px;color:#b5bdc7;padding-left:12px;padding-right:10px}.smart .exit-socket .event-list-box .event-name{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart .exit-socket .event-list-box .event-status:after{display:inline-block;content:"";width:8px;height:8px;font-size:0;background-color:#7c1;border-radius:50%;margin-left:16px}.smart .exit-socket .event-list-box .invalid{color:#f90}.smart .exit-socket .event-list-box .invalid:after{background-color:#f90}.smart .exit-socket .event-list-box .no-event{color:#b5bdc8;padding-top:20px;text-align:center}.smart .socket-event-wrap{position:absolute;right:100px;top:40%;width:150px;height:44px;padding:6px 10px 6px 50px;background-color:#657180;border-radius:50px;line-height:16px}.smart .socket-event-wrap .event-icon{position:absolute;left:14px;top:10px;font-size:24px;color:#44ca2e}.smart .socket-event-wrap .event-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart .socket-event-wrap .event-time{color:#c3cbd6}.smart .smart-editor{padding-right:25%;height:100%;background-color:#464c5b}.smart .view-ctrl{position:absolute;left:24px;top:24px}.smart .view-ctrl .eye-view{margin-bottom:15px;cursor:pointer}.smart .view-ctrl .eye-view span{display:block;width:30px;height:30px;line-height:30px;background:#39f;border-radius:8px;text-align:center}.smart .view-ctrl .eye-view .eye{vertical-align:middle}.smart .view-ctrl p{padding:5px 0}.smart .view-ctrl span{vertical-align:middle;color:#d7dde4}.smart .view-ctrl .trace-icon{display:inline-block;width:12px;height:12px;margin-right:6px;border-width:1px;border-style:solid}.smart .view-ctrl .traceable{border-color:#f90}.smart .view-ctrl .hasTrace{border-color:#0ecfff}.smart .view-ctrl .curEle{border-color:#0f0}.smart .mobile-images{margin:30px auto 80px;position:relative;overflow:hidden}.smart .mobile-images #mobileText,.smart .mobile-images .img{position:absolute;left:0;top:0}.smart .mobile-images .button-list{position:absolute;border:2px solid transparent}.smart .mobile-images .button-list:hover,.smart .mobile-images .show-traceable .button-list{border-color:#f90}.smart .mobile-images .has-trace,.smart .mobile-images .show-traceable .has-trace{border-color:#0ecfff}.smart .mobile-images .traceable{border-color:#f90}.smart .mobile-images .cur-ele,.smart .mobile-images .cur-ele:hover{border-color:#0f0}.smart .add-event-poptip{width:300px;padding:15px;opacity:.94;background:#657180;border-radius:16px;overflow:hidden;position:absolute;left:0;top:0}.smart .add-event-poptip .close{position:absolute;right:15px;top:15px}.smart .add-event-poptip .title{font-size:16px;color:#fff;padding:5px 0}.smart .add-event-poptip .sub-title{font-size:12px;color:#c3cbd6;padding-bottom:10px}.smart .add-event-poptip input{width:100%;height:32px;line-height:32px;font-size:12px;color:#fff;background-color:#464c5b;border:none}.smart .add-event-poptip .fn-btn-wrap{text-align:right;padding-top:12px}.smart .add-event-poptip .fn-btn-wrap .name-tip{float:left;color:#f90}.smart .add-event-poptip .fn-btn-wrap .fn-btn{font-size:12px;color:#fff;text-align:right;cursor:pointer}.smart .showPoptip-transition{transition:all .3s;height:150px}.smart .showPoptip-enter-active,.smart .showPoptip-leave-active{height:0}.smart .side-event-list{width:25%;height:100%;background-color:#fff;border-left:1px solid #e3e8ee;position:absolute;right:0;top:0;overflow:hidden}.smart .event-list-header{height:56px;background-color:#f7f8f8;border-bottom:1px solid #e3e8ee}.smart .event-list-header .list-status-dropdown{padding:12px 12px 0 20px;display:flex;align-items:center;justify-content:space-between}.smart .event-list-header .list-status-dropdown .show-cur{font-size:14px;color:#464c5b}.smart .event-list-header .search-input{width:150px;padding-left:10px}.smart .event-list-header .search-input .ivu-input{border-radius:20px}.smart .event-list-box{overflow:auto;height:100%;padding-bottom:100px}.smart .event-list-item{float:left;width:100%;padding:10px 15px;border:1px solid #e3e8ee;position:relative}.smart .event-list-item .status-icon{float:left;width:20px;text-align:center}.smart .event-list-item .just-add{width:6px;height:6px;border-radius:50%;background-color:#31c32d;font-size:0;margin-top:8px;display:none}.smart .event-list-item .has-delete-icon{display:none;font-size:16px;color:#9ea7b4}.smart .event-list-item .event-name{float:left;padding-left:4px;width:80%}.smart .event-list-item .event-fn{float:right;width:20px}.smart .event-list-item .delete-btn,.smart .event-list-item .reply-btn{display:none;cursor:pointer;color:#9ea7b4;font-size:16px}.smart .event-list-item:hover .delete-btn,.smart .has-delete .has-delete-icon{display:block}.smart .has-delete .event-name{text-decoration:line-through;color:#9ea7b4}.smart .has-delete .delete-btn,.smart .has-delete .just-add{display:none}.smart .has-delete .reply-btn{display:block}.smart .has-delete:hover .delete-btn,.smart .just-create .status-icon .has-delete-icon{display:none}.smart .just-create .just-add{display:block}.smart .edit-in-list .ivu-input-wrapper{width:140px;height:28px}.smart .edit-in-list .ivu-input-wrapper .ivu-input{padding-right:10px;vertical-align:middle}.smart .edit-in-list .ivu-btn{width:44px;height:28px;padding:0;margin-left:8px}.smart .totale-event-btn{width:100%;height:100px;background-color:#f7f8f8;border-top:1px solid #e3e8ee;position:absolute;right:0;bottom:0}.smart .totale-event-btn .http-tip{height:30px;line-height:30px;margin-top:-30px;font-size:14px;color:#fff;text-align:center}.smart .totale-event-btn .success.http-tip{background-color:#0c6}.smart .totale-event-btn .error.http-tip{background-color:#f60}.smart .totale-event-btn .save-time{padding:10px 20px}.smart .totale-event-btn .total-event-box{clear:both;padding:10px 20px}.smart .totale-event-btn .fn-btn{float:left;width:48%}.smart .totale-event-btn .release-btn{margin-right:3.8%}.smart .no-event-tip{padding:10px 20px}.smart .close-tip{float:left;width:75%}.smart .close-tip-con{width:50%;min-width:200px;padding-top:150px;margin:0 auto;text-align:center;font-size:14px}.smart .close-tip-con .tip-img{display:inline-block;width:108px;height:92px;background:url(../img/offTip_icon.d2d8a384.png) no-repeat 50%;background-size:cover}.smart .close-tip-con .tip-result{font-family:PingFangSC-Semibold;padding:24px 0 12px;color:#464c5b}.smart .close-tip-con .tip-intro{color:#657180}@keyframes smartShake{0%{transform:translate(0) rotate(0)}20%{transform:translate(10px,10px) rotate(25deg)}40%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}