#page-content {
    background: #1C1D1F !important;
}

.footer {
    background: #FFFFFF;
    /*     box-shadow: 0px 0px 13px 0px rgba(224, 230, 241, 0.48); */
}

#statistics {
    margin-top: 30px;
    border-radius: 10px;
    background: linear-gradient(277deg, #252428 -1%, #252428 26%, #252428 71%, #252428 113%);
    border: 1px solid #3F414B;
}



.hmbox {
    border: 0px;
}

.hmbox2 {
    margin-bottom: 15px;
}

.hmbox3 {
    margin-bottom: 15px;
    margin-top: 10px;
}

.panel-title {
    font-family: "Inter Regular";
    font-size: 16px !important;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--text-gray-color) !important;
    margin-bottom: 15px;
    white-space: nowrap;
}

.panel-body {
    font-family: "Inter Regular";
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFDB9E;

}

.panel-body span {
    color: var(--primary) !important;
}

.overview_blockhash {
    color: var(--primary) !important;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

.overview_blockhash:hover {
    color: var(--primary) !important;
    text-decoration: none;
}

#block-table {
    /* border-collapse: separate;
    border-spacing: 0 6px; */
    box-shadow: none !important;
    background: transparent !important;
}

#block-table thead {
    /* background: linear-gradient(268deg, rgba(46, 47, 54, 0) 0%, #2E2F36 98%); */
}

#block-table th {

    border-bottom: none;
    -webkit-font-smoothing: antialiased;

    font-family: "Inter Regular";
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
    align-items: center;
    letter-spacing: 0em;
    color: #80879A;
}

#block-table td {
    color: #FFFFFF;
}

.table-scroll {
    padding: 20px 20px;

    border-radius: 12px;
    background: linear-gradient(242deg, rgba(46, 47, 54, 0) 3%, #2E2F36 96%);

    box-sizing: border-box;
    border: 1px solid #3F414B;
    /*     overflow-x: auto; */
}

.table-scroll .table_div {
    overflow-x: auto;
}

.overview_div {
    background-color: #1C1D1F;
    padding-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    /*  width: 1400px; */
    width: 1280px;
}

.overview_div .auto {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.pagination a:focus {
    outline: 0;
}

.overview_seach_btn {
    border-radius: 5px;
    background: linear-gradient(270deg, #F5BA47 0%, #FFEABA 100%) !important;
}

.overview_seach_btn span {
    font-family: "Inter Regular";
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #2E2F36;
}



#block-table {
    margin: 0px !important;
    min-width: 700px;
}

#block-table_wrapper .col-sm-12 {
    overflow: auto;
    padding: 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #3F414B;
}



/* 美化滚动条 */
#block-table_wrapper .col-sm-12::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#block-table_wrapper .col-sm-12::-webkit-scrollbar-track {
    width: 5px;
    background: rgba(#101F1C, 0.1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/* #block-table_wrapper .col-sm-12::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, .3);
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    transition: background-color .5s;
    cursor: pointer;
}

#block-table_wrapper .col-sm-12::-webkit-scrollbar-thumb:hover {
    background-color: rgba(144, 147, 153, .3);
} */

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #186DEE;
    border-color: #186DEE;
}

#search-miner {
    margin-top: 30px;
    /* display: flex; */
    /* justify-content: right; */
}

.stats {
    width: 100%;
    float: right;
    margin-top: 7px !important;
}

.chart_div {
    padding-left: 20px;
    padding-right: 10px;
    background: #fff;
    margin-top: 30px !important;
    padding-bottom: 20px;
    border-radius: 12px;

    background: linear-gradient(254deg, rgba(46, 47, 54, 0) 1%, #2E2F36 98%);
    box-sizing: border-box;
    border: 1px solid #3F414B;
}

.card_title {
    padding-top: 20px;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased;

    font-family: "Inter Regular";
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #FFDB9E;
}

#block-info {
    margin-top: 30px;
}

/* 表格分页 */
#block-table_paginate {
    margin-top: 20px;
    text-align: right !important;
}

#block-table_wrapper>.row>.col-sm-7{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#block-table_paginate .pagination li a {
    margin: 0px 2px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 5px 11px !important;
    border-radius: 2px !important;
    border: 1px solid #3F414B !important;
    color: #80879A !important;
    background-color: #3F414B !important;
    font-family: "Inter Regular";

    display: flex;
    justify-content: center;
    align-items: center;
}

#block-table_paginate .pagination li a:hover,
#block-table_paginate .pagination li a:focus,
#block-table_paginate .pagination li a:active {
    color: var(--text-black-color) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

#block-table_paginate .pagination .active a {
    border: 1px solid var(--primary) !important;
    background: #F6CA7F !important;
    color: var(--text-black-color) !important;
}

#block-table_paginate .pagination .active a:hover,
#block-table_paginate .pagination .active a:focus {
    border: 1px solid var(--primary) !important;
    color: var(--text-black-color) !important;
    background: #F6CA7F !important;
}

/* 表格分页 */

.pool_echart_main {
    height: 300px;
    width: 100%;
}

#block-table_wrapper .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@media only screen and (max-width: 1500px) {
    .overview_div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 1350px) {
    .stats {
        width: 100%;
        float: none;
        margin-bottom: 20px !important;
    }
}


@media screen and (max-width: 1200px) {
    .overview_div {
        width: 100%;
        /*  background: #fff; */
    }

    .footer {
        background: linear-gradient(180deg, #F7F9FE 0%, #FFFFFF 100%);
    }

    .card_title {
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 5px;
        font-size: 15px;
        text-align: left;
    }

    .panel-body {
        font-size: 14px;
    }

    #statistics .box .panel-body span {
        font-size: 20px !important;
    }

    #statistics {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    #block-table_wrapper .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #block-info {
        margin-top: 20px !important;
    }

    .chart_div {
        padding: 10px 0;
    }

    .pool_echart_main {
        height: 220px !important;
    }

    .search_coin {
        padding-left: 10px;
        padding-right: 10px;
        gap: 5px;
    }

    .search_coin img {
        width: 20px;
        min-width: 20px;
        height: 20px;
        min-height: 20px;
    }

    .search_coin span {
        font-size: 14px;
    }

}


@media screen and (max-width: 767px) {

    .overview_div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #statistics,#search-miner,#hash-history,#hash-history2 {
        margin-left: 16px !important;
        margin-right: 16px !important;
        width: auto !important;
    }

    #block-info .table-scroll{
        border: none;
        border-top: 1px solid #3F414B;
        background: transparent;
        padding: 20px 16px;
    }
    #block-table_paginate .pagination li a {
        width: 30px !important;
        height: 30px !important;
    }

    #block-table_paginate {
        margin-top: 20px;
        text-align: center !important;
    }

    .panel-title {
        font-size: 12px !important;
    }

    #search-miner {
        margin-top: 20px;
    }

    .chart_div {
        margin-top: 20px !important;
    }

    #statistics .box .panel-body span {
        font-size: 16px !important;
    }
}