.p-device{height:100%;padding:10px;box-sizing:border-box;background-color:#f7f7f7;display:flex;flex-direction:column}.p-device .row{width:100%;margin-bottom:16px;box-shadow:0 0 1px #98a5c5;background-color:#fff;padding-right:50px}.p-device .row .col{padding:10px 0 10px 50px}.p-device .row .col .box{padding:0 80px 0 40px;box-sizing:border-box;display:flex;justify-content:space-between;background-color:#f0f5fe;height:100px;overflow:hidden}.p-device .row .col .box .left{padding:20px 0 0 0}.p-device .row .col .box .left .name{font-size:16px}.p-device .row .col .box .left .value{font-size:20px;font-weight:700}.p-device .row .col .box .right{padding:10px 0}.p-device .row .col .box .right .value{color:#00adb5}.p-device .row .col .box2{background-color:#ebf9fe}.p-device .row .col .box2 .right{padding:10px 0}.p-device .row .col .box2 .right .value{color:#599df5}.p-device .row .col .box3{background-color:#ffefee}.p-device .row .col .box3 .right{padding:10px 0}.p-device .row .col .box3 .right .value{color:#ff7674}.p-device .row .col .box4{background-color:#fff6ed}.p-device .row .col .box4 .right{padding:10px 0}.p-device .row .col .box4 .right .value{color:#ff9d46}.a-device{box-shadow:0 0 3px #98a5c5;padding-top:5px;display:flex;position:relative;flex:1;flex-direction:column;overflow:hidden;background-color:#fff}.a-device .types{position:absolute;right:0;top:0}.a-device .ivu-tabs-bar{margin-bottom:0;padding:0 4px}.a-device .f-panel__header{background-color:#fff;border-bottom:0}.a-device .f-panel__body .f-panel__header{background-color:#fff;border-bottom:1px solid #ddd}.a-device .f-panel__body .f-tpl{flex:1}.dark .a-device{background-color:#1a244c}.dark .a-device .f-panel__body .f-panel__header{background-color:#fff;border-bottom:1px solid #98a5c5}.dark .p-device{background-color:#151733}.dark .p-device .row{background-color:#1a244c}.dark .p-device .row .col .box{background-color:#f0f5fe}.dark .p-device .row .col .box .left{padding:20px 0 0 0}.dark .p-device .row .col .box .left .name{font-size:16px}.dark .p-device .row .col .box .left .value{font-size:20px;font-weight:700}.dark .p-device .row .col .box .right .value{color:#00adb5}.dark .p-device .row .col .box2{background-color:#ebf9fe}.dark .p-device .row .col .box2 .right .value{color:#599df5}.dark .p-device .row .col .box3{background-color:#ffefee}.dark .p-device .row .col .box3 .right .value{color:#ff7674}.dark .p-device .row .col .box4{background-color:#fff6ed}.dark .p-device .row .col .box4 .right .value{color:#ff9d46}