.ps-overall { .ps-overall-content { display: flex; padding-bottom: 40px; .ps-content-left { &.second-login { margin: 0 -20px; padding-right: 20px; .overall-data-top { padding: 20px 0 20px 0; display: flex; .data-block:nth-child(1) { margin-right: 20px; max-width:260px; min-width:260px; header { margin-top: 20px; font-weight: normal; } span { color: black; text-align: center; display: block; font-size: 60px; margin-top: 20px; } } .data-block:nth-child(2) { header { height: 20px; font-size: 14px; } ul { height:240px; overflow: auto; li { padding: 8px 0; display: flex; justify-content: space-between; span:nth-child(1) { flex: 6; } span:nth-child(2) { flex: 1; } } } } } .overall-data-center { padding-top: 10px; display: flex; margin-right: -20px; .data-block { height:230px; margin-right: 20px; header { font-weight: normal; margin-top: 20px; } .data-block-content { margin-top: 25px; font-size: 26px; } footer { margin-top: 25px; } } } .overall-data-bottom { padding: 20px 0; } .data-block { padding: 15px; flex: 1; border: 1px #ddd solid; height:260px; } } flex: 5; header { font-size: 18px; font-weight: bold; } p{ padding-left: 20px; margin: 10px 0; line-height: 24px; .ip-address { color: red; } } h2 { font-weight: normal; } .block{ border: 1px #000 solid; margin: 15px 0 15px 28px; padding: 15px; line-height: 24px; } } .ps-content-right { padding: 20px 0 0 20px; flex: 1; max-width: 400px; .ps-right-header { font-size: 16px; color:#1E4B9E; padding: 20px 0; } .ps-site-list { .list-item { padding: 5px 0; display: flex; justify-content: space-between; div { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } span { min-width: 30px; max-width: 30px; cursor: pointer; } } } .quick-sp { .quick-sp-content { display: flex; justify-content: space-between; margin-bottom: 10px; } p { color:#999; } } .help-list-content { .help-list-item { padding: 5px 0; } } } } }