*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app,body,html{height:100%}.app-container{padding:20px}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}.table-container .el-table .el-table__header-wrapper th{background-color:#fafafa}.pagination-container{padding:32px 16px;text-align:right}.card-container{margin:20px}.card-container .el-card__header{padding:20px;border-bottom:1px solid #f0f0f0}.card-container .el-card__header .card-title{font-size:16px;font-weight:500;color:#303133}.form-container .el-form .el-form-item{margin-bottom:22px}.btn-group .el-button+.el-button{margin-left:10px}.status-tag.active{background-color:#f0f9ff;color:#1890ff;border-color:#b3d8ff}.status-tag.inactive{background-color:#fff7e6;color:#fa8c16;border-color:#ffd591}.status-tag.banned{background-color:#fff2f0;color:#f5222d;border-color:#ffccc7}@media(max-width:768px){.app-container{padding:10px}.filter-container .filter-item{display:block;margin-bottom:10px}.btn-group .el-button{margin-bottom:10px;margin-left:0!important}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.p-20{padding:20px}.full-width{width:100%}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-1{flex:1}