.order-details-table { height: calc(100vh - 406px); overflow-y: auto; } .order-details-info { box-sizing: border-box; padding: 15px; font-size: 15px; color: #606266; overflow-y: auto; max-height: 300px; } .order-details-info::-webkit-scrollbar { width: 5px; } .order-details-info::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); } .order-details-info::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px #eee; border-radius: 0; } .order-details-info-list { display: flex; justify-content: space-between; margin-bottom: 10px; } .order-details-info-list > :nth-child(1) { /* width: 80px;*/ } .order-details-info-list > :nth-child(2) { flex: 1; text-align: right; line-height: 20px; } .order-details-actually-paid { text-align: right; } .order-details-serial-title { color: #333; font-weight: bold; font-size: 13px; padding: 15px 20px 5px; line-height: 28px; } .order-details-serial-goods { color: #606266; font-size: 12px; padding: 0 20px; line-height: 20px; } .order-details-serial-table td { padding: 0!important; } .order-details-serial-table .el-button { font-weight: 400!important; }