@charset "utf-8";

html {
    font-size: 14px;
}

body {
    background-color: aliceblue;
}

img {
    max-width: 100%
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

header {
    padding: 156px 0 100px;
}

#top-bar {
    background-color: #4e73df;
}

section {
    padding: 150px 0;
}

.card-header-title {
    max-width: 700px;
}

.card-deck .card {
    min-width: 220px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.panel {
    display: none;
    margin: 20px 5px 20px;
}

.panel.active {
    display: block;
}

.shadow {
    box-shadow: 0 0 10px #ccc;
    transition: box-shadow 0.3s;
}

.qq-auth-btn {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 300px;
    height: 48px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}

.qq-auth-btn img {
    margin-right: 10px;
}

.qq-login-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.qq-login-btn img {
    max-width: 100%;
}
.card {
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:0 solid rgba(0,0,0,.125);
    border-radius:.25rem
}
.card>hr {
    margin-right:0;
    margin-left:0
}
.card>.list-group {
    border-top:inherit;
    border-bottom:inherit
}
.card>.list-group:first-child {
    border-top-width:0;
    border-top-left-radius:calc(.25rem - 0px);
    border-top-right-radius:calc(.25rem - 0px)
}
.card>.list-group:last-child {
    border-bottom-width:0;
    border-bottom-right-radius:calc(.25rem - 0px);
    border-bottom-left-radius:calc(.25rem - 0px)
}
.card-body {
    flex:1 1 auto;
    min-height:1px;
    padding:1.25rem
}
.card-title {
    margin-bottom:1.25rem
}
.card-subtitle {
    margin-top:-.625rem;
    margin-bottom:0
}
.card-text:last-child {
    margin-bottom:0
}
.card-link:hover {
    text-decoration:none
}
.card-link+.card-link {
    margin-left:1.25rem
}
.card-header {
    padding:1.25rem 1.25rem;
    margin-bottom:0;
    background-color:rgba(0,0,0,0);
    border-bottom:0 solid rgba(0,0,0,.125)
}
.card-header:first-child {
    border-radius:calc(.25rem - 0px) calc(.25rem - 0px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
    border-top:0
}
.card-footer {
    padding:1.25rem 1.25rem;
    background-color:rgba(0,0,0,0);
    border-top:0 solid rgba(0,0,0,.125)
}
.card-footer:last-child {
    border-radius:0 0 calc(.25rem - 0px) calc(.25rem - 0px)
}
.card-header-tabs {
    margin-right:-.625rem;
    margin-bottom:-1.25rem;
    margin-left:-.625rem;
    border-bottom:0
}
.card-header-pills {
    margin-right:-.625rem;
    margin-left:-.625rem
}
.card-img-overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1.25rem
}
.card-img,.card-img-bottom,.card-img-top {
    flex-shrink:0;
    width:100%
}
.card-img,.card-img-top {
    border-top-left-radius:calc(.25rem - 0px);
    border-top-right-radius:calc(.25rem - 0px)
}
.card-img,.card-img-bottom {
    border-bottom-right-radius:calc(.25rem - 0px);
    border-bottom-left-radius:calc(.25rem - 0px)
}
.card-deck .card {
    margin-bottom:15px
}
.card
{
    box-shadow:0 2px 10px -1px rgba(69,90,100,.3);
    margin-bottom:30px;
    transition:box-shadow .2s ease-in-out
}
.cards
{
    box-shadow:0 2px 10px -1px rgba(69,90,100,.3);
    margin-bottom:30px;
    transition:box-shadow .2s ease-in-out
}

.card:hover {
    box-shadow: 0 5px 11px 0 rgba(69,90,100,.3);
}

.cards:hover {
    box-shadow: 0 5px 11px 0 rgba(69,90,100,.3);
}
.card .card-header {
    border-bottom:1px solid #e2e5e8;
    position:relative
}
.card .card-header h5 {
    margin-bottom:0;
    color:#37474f;
    font-size:.9375rem;
    display:inline-block;
    margin-right:10px;
    line-height:1.1;
    position:relative
}
.card .card-header .card-header-right {
    right:10px;
    top:10px;
    display:inline-block;
    float:right;
    padding:0;
    position:absolute
}

.table td,.table th {
    white-space:nowrap;
    padding:0 8px
}
.table thead th {
    font-size:13px;
    color:#37474f;
    background:#f7f7f7;
    padding:10px !important
}
.table tbody+tbody {
    border-top:2px solid #e2e5e8
}
.table.table-dark thead th {
    background-color:#11171a
}
.table.dataTable[class*=table-] thead th {
    background:#ecf0f5;
    border-right:1px solid #fff
}
.table-bordered {
    border:1px solid #e2e5e8
}
.table-bordered td,.table-bordered th {
    border:1px solid #e2e5e8
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color:rgba(70,128,255,.03)
}
.table-hover tbody tr:hover {
    background-color:rgba(70,128,255,.03)
}
.table .thead-dark th {
    color:#fff;
    background-color:#263238;
    border-color:#11171a
}
.table-dark {
    color:#fff;
    background-color:#263238
}
.table-dark td,.table-dark th,.table-dark thead th {
    border-color:#11171a
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color:#222d32
}
.table-dark.table-hover tbody tr:hover {
    background-color:#1c2429
}
.table-dark thead th {
    color:#fff
}
table.dataTable.fixedHeader-floating {
    top:0!important
}

.footable .pagination>.active>a,.footable .pagination>.active>span {
    background-color:#4680ff;
    border-color:#4680ff
}
.footable .pagination>.active>a:focus,.footable .pagination>.active>a:hover,.footable .pagination>.active>span:focus,.footable .pagination>.active>span:hover {
    background-color:#4680ff;
    border-color:#4680ff
}
.footable .pagination>li>a,.footable .pagination>li>span {
    color:#222
}
.footable-details.table,.footable.table {
    margin-bottom:0
}
table.footable>tfoot>tr.footable-paging>td>span.label {
    margin-bottom:0
}
table.footable-paging-center>tfoot>tr.footable-paging>td {
    padding-bottom:0
}
.table-columned>tbody>tr>td {
    border:0;
    border-left:1px solid #e2e5e8
}
.table-columned>tbody>tr>th {
    border:0
}
.table.table-xl td,.table.table-xl th {
    padding:1.25rem .75rem
}
.table.table-lg td,.table.table-lg th {
    padding:.9rem .75rem
}
.table.table-de td,.table.table-de th {
    padding:.75rem .75rem
}
.table.table-sm td,.table.table-sm th {
    padding:.6rem .75rem
}
.table.table-xs td,.table.table-xs th {
    padding:.4rem .75rem
}
#row-delete .selected,#row-select .selected {
    background-color:#4680ff;
    color:#fff
}
table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected {
    background:#4680ff
}
table.dataTable tbody>tr.selected table.dataTable tbody>tr.selected.select-checkbox:after,table.dataTable tbody>tr.selected table.dataTable tbody>tr>.selected td.select-checkbox:after,table.dataTable tbody>tr.selected th.select-checkbox:after,table.dataTable tbody>tr>.selected table.dataTable tbody>tr.selected.select-checkbox:after,table.dataTable tbody>tr>.selected table.dataTable tbody>tr>.selected td.select-checkbox:after,table.dataTable tbody>tr>.selected th.select-checkbox:after {
    text-shadow:1px 1px #e4f2fe,-1px -1px #e4f2fe,1px -1px #e4f2fe,-1px 1px #e4f2fe
}
table.dataTable tbody .selected td.select-checkbox:before,table.dataTable tbody .selected th.select-checkbox:before {
    border-color:#fff
}
table.dataTable tbody>tr.selected td.select-checkbox:after,table.dataTable tbody>tr.selected th.select-checkbox:after,table.dataTable tbody>tr>.selected td.select-checkbox:after,table.dataTable tbody>tr>.selected th.select-checkbox:after {
    content:'\2714';
    margin-top:-11px;
    margin-left:-4px;
    text-align:center
}