.ranking-title {
            max-height: 40px;
        }
        .ranking-detail-head {
            width: 100%;
            background-color: #fff;
            /*height: 100px;*/
            /*box-shadow: inset 0px -2px 2px 0px;*/
        }

        .compact .ranking-detail-head {
            position: fixed;
            z-index: 1050;
            top: 0;
            width: 100%;
        }
        .compact .ranking-detail-head .ranking-logo img{
            height: 40px;
            width: 40px;
        }
        .compact .ranking-desc-content .content {
            display: none;
        }
        .compact .ranking-desc-content {
            padding: 10px;
        }

        .ranking-nav {
            margin: 5px 0;
            padding: 5px 0;
            border-bottom: dashed 1px #e3e3e3;
        }

        .ranking-logo {
            display: inline-block;
            float: left;
            padding: 10px 20px;
        }

        .ranking-logo img {
            float: left;
            /*height: 80px;*/
            width: 90px;
            margin-right: 10px;
            border-radius: 10%!important;
        }
        .compact .ranking-logo img {
            margin-right: 0px;
        }

        .ranking-desc {
            margin-top: 10px;
        }

        .ranking-desc-content {
            width: 80%;
            display: inline-block;
            padding: 20px 0px;
        }

        .ranking-desc-content span{
            font-weight: 700;
            font-size: 22px;
        }

        .ranking-table th{
            font-weight: 700 !important;
            color: #000 !important;
        }
        .ranking-table td {
            color: #000 !important;
        }

        .ranking_info_rank {
            display: block;
            width: 40px;
            height: 40px;
            background: url(https://www.findingschool.net/theme/fs/img/sh_detail_first_ranking.png) no-repeat 0;
            text-align: center;
            background-size: cover;
            line-height: 40px;
        }
        .ranking_info_rank .s1{
            color: #fff;
            font-size: 14px;
            font-weight: bold;
        }

        .ranking-level {
            width: 30px !important;
            height: 30px !important;
            padding: 5px !important;
            margin: 10px !important;
            font-size: 12px !important;
            text-align: center;
            /*
            outline: 0!important;
            box-shadow: none!important;
            border-radius: 50% !important;
            overflow: hidden;
            border: 1px solid transparent;
            */
        }
        .ranking-filter {
            margin: 10px 0px 0px 0px;
            /*box-shadow: -2px -1px 2px 0px;*/
            padding: 10px 140px;
            -webkit-box-shadow:inset 0 1px 4px -2px, 0 4px 5px -2px;
            -moz-box-shadow:inset 0 1px 4px -2px, 0 4px 5px -2px;
            box-shadow:inset 0 1px 4px -2px, 0 4px 5px -2px;
            position:relative;
        }

        .ranking-count {
            float: right;
            margin-bottom: 10px;
        }
        .ranking-filter .filter4{
            display: none;
        }
        .ranking-pingji-note {
            font-style:oblique;
        }
        .ranking-pingji-note2 {
            display: none;
        }

        .ranking-table .t2 a{
            /*line-height: 20px;*/
        }
        .ranking-table .t2 .school-name {
            padding-top: 7px;
        }
        .ranking_offer {
            position: absolute;right: 0;top: calc(50% - 8px);
        }

@media (max-width: 991px){
    .ranking-filter label {
        display: none;
    }
    .ranking-count {
        /*float: left;*/
    }

    .ranking_offer {
        right: 2rem;
        top: auto;
        bottom: -2.5rem;
    }

    .ranking-detail-head .ranking-logo img{
        height: 40px;
        width: 40px;
    }
    .ranking-desc-content .content{
        display: none;
    }

    .ranking-filter {
        margin-top: 0px;
        padding: 10px;
    }

    .ranking-filter .filter2{
        margin-top: 5px;
    }
    .ranking-filter .filter2 .btn-group {
        width: 100% !important;
    }
    .ranking-filter .filter3{
        /*display: none;*/
        float: right;
        margin-top: 5px;
    }
    .ranking-filter .filter3 .btn-group{
        width: 100% !important;
    }
    .ranking-filter .filter4{
        display: none;
        float: right;
        top: -20px;
        position: relative;
    }
    .ranking-filter .filter4 .btn-group{
        width: 150px !important;
    }

    .ranking-table th,  .ranking-table td{
        padding: 5px 0px !important;
    }

    .ranking-table .t1{
        width: 10%;
    }
    .ranking-table .t2{
        width: 40%;
    }
    .ranking-table .mobile-hide {
        display: none;
    }

    .ranking-pingji-note {
        display: none;
    }
    .ranking-pingji-note2 {
        display: block;
        font-style:oblique;
        font-size: 12px;
        color: #333;
    }

    .ranking-logo {
        padding: 5px 10px;
        width: auto;
    }
    .ranking-logo img {
        margin-right: 10px;
        width: 40px;
    }

    .ranking-desc-content {
        /*padding: 0px;*/
        width: 60%;
    }
    .ranking-desc-content span {
        font-size: 16px;
    }
    .compact .ranking-desc-content {
        padding: 0 0 0 10px;
    }
}

        .small-ranking-icon {
            display: inline-block;
            width: 20px;
            height: 20px;
            border-radius: 4px !important;
            /*
            background: url(/img/logo.svg) no-repeat 0;
            text-align: center;
            background-size: cover;
             */
            line-height: 20px;
        }
        .score_fliter {
            min-width: 30px;
            margin: 5px;
        }
        .sch-star {
            width: 28px;
            margin-top: -6px;
        }

        .portlet.smp{
            border: #e02222 1px solid !important;
        }
        .smp.mt-element-ribbon .ribbon {
            top: -40px;
        }

        .page-sidebar-menu li.nav-item.active > a:not(.nav-toggle), .page-sidebar-menu .nav-item-sub.active  a {
            background: #b2243c !important;
            color: #fff !important;
        }

        .page-sidebar .page-sidebar-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a {
            font-weight: bolder;
        }

        .nav-link.nav-toggle{
            font-weight: bolder !important;
            color: #000 !important;
        }

        .compact .page-sidebar-menu {
            /*position: fixed;*/
            z-index: 1050;
            width: 235px;
            top: 150px;
        }

        .page-sidebar-wrapper .menu-toggler.sidebar-toggler {
            display: none!important;
        }

        .ranking-sidebar {
            background: rgba(0, 0, 0, 0);
            /*padding-top: 30px !important;*/
            border: 1px solid #c6c6c6 !important;
        }

        .ranking-item {
            /*padding: 20px 20px;*/
        }

        .ranking-item-2 {
            padding: 10px 40px 10px 10px;
        }

        .ranking-item-2 .r1{
            text-align: right;
        }
        .ranking-item-2 .r2{
            text-align: right;
            /*bottom:-10px;*/
            position: relative;
        }

        .ranking-item-1 .ranking_info_rank {
            margin: 10px;
        }

        .school-name .en {
            display: inline-block;
        }

        .nav-item .ranking-logo{
            height: 20px;
            width: 20px;
            padding: 0px;
            margin-right: 5px;
        }

        .ranking-filter-2 {
            margin: 0px 0px 0px 0px;
            padding: 5px 100px;
            /*position: relative;*/
            border-top: solid 1px silver;
        }

        .ranking-2022-row{
            margin-bottom: 0px !important;
        }
        .ranking-2022-row.light.bordered{
            border: 1px solid #c6c6c6 !important;
            border-bottom: 0px !important;
        }
        .ranking-2022-row.light.bordered:nth-last-child(2){
            border-bottom: 1px solid #c6c6c6 !important;
        }
        .ranking-2022-row:nth-child(even){
            background-color: #f3f3f3;
        }
        .ranking-item-1 {
            padding-top:5px;
        }
        .public-ranking-table td {
            line-height: 40px !important;
            height: 40px !important;
            font-size:15px;
        }

        .ranking_info_name {
            margin-top: 15px;
        }

        .ranking-info {
            background-color: #fff!important;
            border: 1px solid #c6c6c6 !important;
            min-height: 165px;
        }

        /* 公校fixed */
        table.dataTable thead th, table.dataTable thead td {
            padding: 10px 10px !important;
        }
        .dataTables_filter {
            float: left !important;
            text-align: left !important;
        }
        /* end 公校fixed */

        @media (max-width: 991px) {
            .page-content-wrapper .page-content {
                padding: 5px 5px 5px 5px!important;
                overflow: hidden;
            }
            .menu-toggler.sidebar-toggler {
                display: inline-block !important;
                position: absolute;
                top: 15px;
                right: 15px;
                float: right;
                width: 40px;
                height: 30px;
                background: url(https://www.findingschool.net/img/menu-toggler.png) center center;
                background-repeat: no-repeat;
                opacity: .7;
            }
            .ranking-sidebar {
                padding-top: 0px !important;
            }
            .compact .page-sidebar-menu {
                /*position: relative;*/
                background: #ffffff;
                width: 100%;
            }
            .page-sidebar-wrapper.compact .menu-toggler.sidebar-toggler {
                position: fixed;
                top: 10px;
                right: 15px;
                z-index: 1050;
            }

            .ranking_info_name {
                margin-top: 10px;
            }

            .ranking-item-2 {
                margin-top: 0px;
                padding: 0px 10px 0px 25px;
            }
            .ranking-item-2 .r1{
                display: inline-block;
                margin-right: 10px;
            }
            .ranking-item-2 .r2{
                display: inline-block;
                bottom:0px;
            }

            .school-name .en {
                display: block;
                width: 100%;
            }
            .school-name >a.text-danger {
                display: inline-block;
                right: 20px;
                top: 5px;
                position: absolute;
            }

            .ranking-item {
                padding: 10px 10px;
            }

            .ranking-item-1.boarding .ranking_info_rank {
                margin-right: 0px;
            }
            .ranking-item-1 .ranking_info_rank {
                margin-right: 10px;
            }

            #ajax_data.col-xs-12 {
                padding-left: 5px;
                padding-right: 5px;
            }

            .score_fliter {
                margin: 1px;
            }

            .mcas_1::after{
                content: "\a";
                white-space: pre;
            }

            .ranking-info {
                min-height: 100px;
            }
            .ranking-info.hypsm {
                min-height: unset;
            }
            .ranking-filter-2 {
                padding: 5px 5px;
            }
            .ranking-filter-2 .filter2 {
                padding: 5px 0px;
            }
            .public-ranking-table td {
                line-height: 24px !important;
                height: 24px !important;
                word-break: break-word;
            }
            .public-ranking-table th {
                min-width: 30px;
            }


        }

/* index page */
        .ranking-title {
            max-height: 40px;
        }
        .more-boarding.modal
        {top:0%;}
        .more-day.modal
        {top:0%;}
        .full-ranking-btn {
            border-radius: 5px !important;
            overflow: hidden;
            font-size: 14px;
            font-weight: bold;
            background: #b2243c;
            border-color: #b2243c;
            color: #fff;
            box-shadow: 1px 1px 3px #aaa !important;
        }

        .ranking-smp-card {
            padding-bottom: 0 !important;
            border: 0px solid #d3d3d3;
        }
        .sub-ranking-title {
            font-size: 15px;
            text-decoration: underline;
            font-weight: bold;
        }
        .ranking-list .ranking-card .rank {
            font-weight: 500;
        }
        .ranking-page-head {
            background-image: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)), url(http://images2.findingschool.net/attachments/SCH002529/cover.jpeg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            color: #fff;
            height: 200px;
        }
        .ranking-page-description {
            height: 100%;
            padding: 15px;
        }
        .ranking-page-description div {
            margin-left: 30px;
            margin-top: 30px;
        }
        .ranking-page-description a {
            color: #8DC8FF;
        }
        .ranking-page-logo {
            height: 100%;
            padding: 10px 40px;
            display: flex;justify-content: end;align-items: center;
        }
        .fs-ranking-badge {color:#fff;font-size:12px;font-weight: 600; width: 100px; height: 145px; display: flex; flex-direction: column; align-items: center; background: #a6243a;
            border: 3px solid #fff;border-radius: 8px;padding:5px;box-shadow: 0 0 4px #00000090;}
        .fs-ranking-badge img {width:80px; margin: -0.3rem 0 -.5rem;}
        .fs-ranking-badge .year {font-size:22px;line-height: .9;}
        .fs-ranking-badge .slogan {font-size: 10px;}
        .ranking-item {
            margin-left: 0px;
            margin-right: 0px;
        }
        .ranking-item.index {
            background-color: white;
            margin-bottom: 20px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .ranking-item .title {
            font-weight: 700;
            font-size:26px;
            height: 60px;
            line-height: 60px;
            border-bottom: solid 1px #C0C0C0;
        }
        .ranking-item .title a {
            color: #000000;
        }
        .ranking-item .desc {
            margin-top: 10px;
            margin-bottom: 10px;
            height: 96px;
            line-height: 24px;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
        .ranking-school-item {
            height: 220px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            color: #fff;
            display: block;
        }
        .ranking-school-item .school-text {
            position: relative;
            left: 0px;
            top: 65%;
            height: 35%;
            text-align: left;
            padding-left: 10px;
            padding-top: 20px;
            background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0, #000 70%);
        }
        .ranking-school-item .info-ranking {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: url(https://www.findingschool.net/theme/fs/img/sh_detail_first_ranking.png) no-repeat 0;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            text-align: center;
            float: left;
            margin-right: 20px;
            margin-top: 5px;
        }
        .ranking-school-item .school-title {
            float: left;
            display: inline-block;
        }

        .criteria {
            background-color: white;
            margin-bottom: 20px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .criteria .title{
            font-weight: 700;
            font-size: 28px;
            color: #000;
            padding: 10px;
        }
        .criteria .link{
            padding: 10px;
        }
        .criteria img{
            width: 80%;
            display: block;
            margin: 0 auto;
        }
        .criteria .c-icon{
            width: 16%;
            display: inline-block;
            text-align: center;
            font-weight: 700;
            padding: 15px;
        }
        .criteria .c-icon span{
            width: 100%;
        }

        @media (max-width: 991px){
            .ranking-page-logo img {
                float: left;
                margin-right: 10px;
            }
            .ranking-page-description div {
                margin-left: 0px;
                margin-top: 0px;
            }
            .ranking-page-description {
                padding: 0px 10px;
            }
            .ranking-page-description .content h2 {
                font-size: 20px;
                margin-top: 15px;
                margin-bottom: 10px;
            }

            .ranking-item .title {
                font-size: 22px;
                height: unset;
                line-height: unset;
            }
            .ranking-item .link {
                margin-bottom: 5px;
            }

            .criteria .c-icon {
                width: 32%;
            }
            .criteria .padding-20 {
                padding: 0 10px;
            }
            .criteria .title {
                font-size: 24px;
                display: inline-block;
            }
            .criteria .link {
                display: inline-block;
                padding: 0px 10px;
            }

            .ranking-school-item{
                margin-left: 15px;
                margin-top: 15px;
            }
            .ranking-page-logo {
                padding: 10px;
            }
            .ranking-page-head {
                height: 220px;
            }

        }