.ldc-device{width:100%;display:flex;flex-wrap:wrap}.ldc-device-item{width:380px;border:1px solid #38b44a;cursor:pointer;margin-right:8px;margin-bottom:12px;background:#396af2;position:relative}.ldc-device-item .ldc-device-set{width:35px;height:35px;border-radius:50%;background:#38b44a;position:absolute;margin-left:345px;border-radius:0 0 0 50px;text-align:center;line-height:35px}.ldc-device-item .ldc-device-set i{color:#fff;position:relative;left:5px;top:-2px}.ldc-device-item-top{padding:12px;min-height:120px;background:#fff}.ldc-device-item-top .ldc-device-name{font-weight:700;margin-top:12px}.ldc-device-item-top .ldc-device-signal{width:27px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;top:2px}.ldc-device-item-top .ldc-device-signal span{display:inline-block;width:3px;background:#396af2}.ldc-device-item-top .ldc-device-signal span:first-child{height:4px}.ldc-device-item-top .ldc-device-signal span:nth-child(2){height:6px}.ldc-device-item-top .ldc-device-signal span:nth-child(3){height:8px}.ldc-device-item-top .ldc-device-signal span:nth-child(4){height:10px}.ldc-device-item-top .ldc-device-signal span:nth-child(5){height:12px}.ldc-device-item-top .ldc-device-signal span:nth-child(6){height:14px}.ldc-device-item-top .ldc-device-signal span:nth-child(7){height:16px}.ldc-device-item-top .ldc-device-did{font-size:13px;color:#999;margin-top:4px}.ldc-device-item-top .ldc-device-switch{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:12px}.ldc-device-item-top .ldc-device-switch-item{width:20%}.ldc-device-item-top .ldc-device-switch .switch-name{font-size:12px;margin-top:4px;font-weight:700}.ldc-device-item-info{width:94%;padding:12px;background:#396af2;color:#fff;font-size:13px;min-height:160px}.ldc-device-item-info .device-info-title{font-weight:700;margin-bottom:12px;color:#eac71e}.ldc-device-item-info .device-info-li{display:flex;align-items:center;flex-wrap:wrap}.ldc-device-item-info .dil-item{display:flex;min-height:28px}.ldc-device-item-info .dil-item div:first-child{color:hsla(0,0%,100%,.8)}.ldc-device-item-info .dil-item div:last-child{text-align:right;font-weight:700;margin:0 12px}.ldc-device-item-info .device-info-btm{min-height:24px}.ldc-device-item-info .device-info-btm .dib-title{color:hsla(0,0%,100%,.8)}.ldc-device-item-info .device-info-btm .dib-val{font-weight:700}