body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#555;background:#fff}
a{color:#337ab7;text-decoration:none}a:hover{text-decoration:underline}
.topbar{height:50px;line-height:50px;background:#0d7fc3;color:#fff;display:flex;justify-content:space-between;padding:0 22px;box-sizing:border-box}
.topbar a{color:#fff;margin-left:26px}
.wrap{padding:22px}.wrap.narrow{max-width:760px}.crumb{color:#999;background:#f5f5f5;margin:-22px -22px 25px -22px;padding:14px 22px}
h1{font-weight:400;color:#555;margin:0 0 28px 0;border-bottom:1px solid #ddd;padding-bottom:28px}
.title-row{display:flex;align-items:center;justify-content:space-between}
.title-row h1{flex:1}
.btn{display:inline-block;border:0;border-radius:3px;background:#eee;color:#555;padding:9px 16px;line-height:1;cursor:pointer;text-decoration:none;font-size:14px}
.btn:hover{text-decoration:none;opacity:.9}.btn.primary{background:#0b83d8;color:#fff}.btn.green{background:#20bf79;color:#fff}.btn.test{background:#f0ad4e;color:#fff}
.search{margin:8px 0 18px 0}.search input,.search select{height:36px;border:1px solid #ddd;padding:0 10px;margin-right:4px}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid #e5e5e5;padding:12px;text-align:center}th{background:#f1f1f1;color:#555}.empty{color:#999;padding:30px}
.dot{display:inline-block;width:13px;height:13px;border-radius:50%}.dot.green{background:#23b75b}.dot.red{background:#e53935}.dot.orange{background: #f0ad4e}
.ops a{margin:0 5px}.ops .danger{color:#d9534f}.muted{color:#999}.tag{display:inline-block;background:#eee;color:#888;border-radius:3px;padding:2px 6px;font-size:12px;margin-left:5px}
.alert{padding:12px 16px;margin-bottom:18px;border-radius:3px}.alert.ok{background:#e8f7ee;color:#168144}.alert.err{background:#fdecea;color:#c0392b}
.form{border:1px solid #e5e5e5}.form-row{display:flex;border-bottom:1px solid #eee}.form-row:last-child{border-bottom:0}.form-row label{width:160px;text-align:right;padding:18px 18px;background:#fafafa;box-sizing:border-box}.form-row input,.form-row select,.form-row textarea{flex:1;margin:12px;border:1px solid #ddd;padding:10px;font-size:14px}.form-row textarea{resize:vertical}.tip{font-size:12px;color:#999;align-self:center;margin-right:10px}
.login-body{background:#f5f6f8}.login-box{width:360px;margin:120px auto;background:#fff;padding:28px;border-radius:6px;box-shadow:0 2px 14px rgba(0,0,0,.12)}.login-box h2{margin-top:0;text-align:center;font-weight:400}.login-box label{display:block;margin-top:14px}.login-box input{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:11px;margin-top:8px}.login-box button{width:100%;margin-top:20px;padding:12px}
@media (max-width: 480px) {
    .login-box {
        width: auto;
        margin: 80px 18px;
    }
}