.main-container{background-color:#f5f6f9;padding:30px calc(50% - 360px);width:100%}.main-container .parent{border:1px solid #dedede}.main-container .header{align-items:center;display:flex;justify-content:space-between;padding:20px}.main-container .header .logo{width:200px}.main-container .header .text{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}.main-container .header .text .text-wrap{display:flex;flex-direction:column;text-align:right}.main-container .header .text .qr-wrap{width:120px}.main-container .header .text #qrcode{margin-top:10px}.main-container .main-card{background-color:#fff;border-radius:12px;padding:20px 20px 105px}.main-container .main-card .info-wrap{align-items:center;display:flex;justify-content:space-between}.main-container .main-card .info-wrap .product-info{display:flex;flex-direction:column;padding:12px;row-gap:12px}.main-container .main-card .info-wrap .grade{background-color:#fafafa;border:1px solid #f4f4f4;border-radius:10px;color:#888;display:inline-block;padding:10px 15px}.main-container .main-card .point{background-color:#fafafa;border:1px solid #f4f4f4;border-radius:10px;margin:10px 0;padding:10px}.main-container .main-card .point .ico{border-radius:50%;margin-right:7px;padding:1px}.main-container .main-card .point .ico.success{background-color:#85c962}.main-container .main-card .point .ico.danger{background-color:#f44a49}.main-container .main-card .point .ico i{color:#fff}.main-container .main-card .grid{-moz-column-gap:35px;column-gap:35px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px;row-gap:5px}.main-container .main-card .grid .slab{align-items:center;background:#fdfdfd 0 0 no-repeat padding-box;border:1px solid #f4f4f4;border-radius:10px;color:#6a6c76;display:flex;font-size:14px;justify-content:space-between;padding:6px 10px}.main-container .main-card .grid .slab .success{align-items:center;background-color:#86c962;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;padding:4px;width:20px}.main-container .main-card .grid .slab .success i{font-size:11px}.main-container .main-card .grid .slab .failed{align-items:center;background-color:#f44949;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;padding:4px;width:20px}.main-container .main-card .grid .slab .failed i{font-size:11px}.main-container .main-card .grid .slab .default{align-items:center;background-color:#bbb;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;padding:4px;width:20px}.main-container .main-card .grid .slab .default i{font-size:11px}.main-container .main-card .h-device-status{color:#393b43;font-size:18px;margin:20px 0}.main-container .main-card .footer-box{background-color:#fafafa;border:1px solid #f4f4f4;border-radius:10px;padding:10px 25% 10px 10px;position:relative}.main-container .main-card .footer-box .footer-date{color:#393b43;font:normal normal medium 15px/54px Open Sans;margin:8px 0 5px}.main-container .main-card .footer-box span{color:#8c8e95;font:normal normal medium 15px/54px Open Sans}.main-container .main-card .seal{display:inline-block;position:absolute;right:0;top:40px}.main-container .mb-5{margin-bottom:20px}.main-container .d-flex{display:flex}.main-container .d-flex.flex-column{flex-direction:column}.main-container .d-flex.justify-space-between{justify-content:space-between}.main-container .d-flex.flex-wrap{flex-wrap:wrap}@media (max-width:480px){.main-container .header .logo{width:116px}.main-container .footer-box .footer{display:flex;flex-direction:column}.main-container .main-card .grid{display:grid;grid-template-columns:repeat(1,1fr)}.main-container .main-card .info-wrap{flex-wrap:wrap}.main-container .main-card .info-wrap #info-wrap-details{flex-grow:1;order:1}.main-container .main-card .info-wrap #info-wrap-imei{order:3;width:100%}.main-container .main-card .info-wrap #info-wrap-grade{order:2}}.pr-15{padding-right:15px}