.orderStatus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .orderStatus .round { width: 10px; height: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 100%; background-color: #d8d8d8; } .orderStatus .round.yellow { background-color: #f6c337; } .orderStatus .round.error { background-color: red; } .orderStatus .round.success { background-color: #1890ff; } .orderStatus .line { width: 20px; height: 2px; background-color: #d8d8d8; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 4px; } .orderStatus .line.success { background-color: #1890ff; } .topSearch .el-card { border: 1px solid #e6ebf5; } .tableBtn { text-align: right; padding-bottom: 20px; } .detailesLink { color: #409eff; text-decoration: underline; cursor: pointer; } .planLst { margin: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cardSet .el-tabs--border-card > .el-tabs__content { padding: 20px; min-height: 600px; }