#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}#app,body,html{height:100%}.clearfix:after{content:"";display:table;clear:both}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.app-container{padding:20px}.page-header{margin-bottom:20px}.page-header .page-title{font-size:24px;font-weight:600;color:#303133;margin-bottom:10px}.page-header .page-desc{color:#909399;font-size:14px}.table-container{background:#fff;border-radius:4px;padding:20px}.table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-container{background:#fff;border-radius:4px;padding:20px}.form-container .form-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.form-container .form-header .form-title{font-size:18px;font-weight:600;color:#303133}.card-container{background:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px}.card-container .card-header{padding:20px;border-bottom:1px solid #ebeef5}.card-container .card-header .card-title{font-size:16px;font-weight:600;color:#303133}.card-container .card-body{padding:20px}@media(max-width:768px){.app-container{padding:10px}.page-header .page-title{font-size:20px}.card-container,.form-container,.table-container{padding:15px}}