.zoom-mask {
    background-color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    position: fixed;
    text-align: center;
    overflow: auto;
}

.zoom {
    cursor: zoom-in;
}


/* 包含子菜单样式 */
.navbar .navbar-subitem {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    background-color: rgba(100, 0, 0, .7);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
    font-size: .875rem;
    min-width: 100%;
    z-index: 20;
}

.navbar .has-subitem {
    position: relative;
}

.navbar .has-subitem>a:hover {
    background-color: #f2f2f2;
    color: #0a0a0a;
}

.navbar .has-subitem:hover>.navbar-subitem {
    display: flex;
    gap: 1px;
    flex-wrap: wrap;
    width: 361px;
}

.navbar .navbar-subitem::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background: rgb(113 113 113 / 41%);
}

.navbar .navbar-subitem .navbar-item {
    flex: 0 0 180px;
}


/* 英文站点 */
html[lang|=en] .topbar {
    background: url(/uploads/image/rsdimg/topbar_en_c.jpg) no-repeat center top;
    background-size: 100%;
    height: 900px;
    position: relative;
}

html[lang|=en][type=page-index] .topbar {
    background: url(/uploads/image/rsdimg/topbar_en.jpg) no-repeat center top;
    background-size: 100%;
    height: 700px;
}

html[lang|=en]:not([type=page-index]) .topbar::after {
    display: block;
    right: 78px;
    bottom: 30px;
    background: url(/uploads/image/rsdimg/topbg_en_c.jpg) no-repeat center bottom;
}

html[lang|=en] .topbar .channel-title {
    position: absolute;
    left: 108px;
    bottom: 30px;
    width: 420px;
    height: 170px;
    line-height: 1.5;
    font-size: 300%;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

html[lang|=en] .navbar {
    background: transparent;
}

html[lang|=en] .navbar-item {
    flex: 0 0 auto;
}

html[lang|=en] .navbar-item .navbar-link {
    text-align: center;
    max-width: 150px;
    font-size: 0.85rem;
}

html[lang|=en] .navbar-item.is-active .navbar-link,
html[lang|=en] .navbar-item:focus .navbar-link,
html[lang|=en] .navbar-item:hover .navbar-link {
    background-color: transparent !important;
}

html[lang|=en] .navbar-item:hover,
html[lang|=en] .navbar-item.active {
    background-color: transparent !important;
}

html[lang|=en] .navbar-item .navbar-dropdown {
    background-color: #818080 !important;
}

html[lang|=en] .search {
    margin-right: 10px;
    width: 230px;
    float: right;
}

html[lang|=en] .search input {
    border: none;
    padding: 0.15rem 0.85rem;
}

html[lang|=en] .search-input {
    background-color: #a4a3a4;
}

html[lang|=en] .search-button {
    background-color: #b40000;
}


html[lang|=en] .footer {
    background: #cd1614 !important;
}

html[lang|=en] .friend-links {
    margin: 80px auto;
}

html[lang|=en] .channel-1500 .tile.is-parent:first-child,
html[lang|=en] .channel-1500 .content-box {
    border: none;
}

html[lang|=en] .channel-1500 .tile.is-parent:first-child,
html[lang|=en] .channel-1500 .breadcrumb {
    display: none;
}

html[lang|=en] .channel-1500 .tile.is-parent:last-child {
    width: 100%;
}

html[lang|=en] .channel-1500 .prof-list {
    background: url(/uploads/image/rsdimg/profbg1.jpg),
        url(/uploads/image/rsdimg/profbg2.jpg),
        url(/uploads/image/rsdimg/profbg3.jpg);
    background-repeat: no-repeat;
    background-position: left top, center top, right top;
    column-count: 3;
    column-gap: 80px;
    font-size: 103%;
    font-weight: 600;
    padding: 15px 0 35px;
}

html[lang|=en] .channel-1500 .prof-list li {
    padding: 15px 15px 15px;
}

html[lang|=en] .list-item a:hover,
html[lang|=en] .friend-links a:hover,
html[lang|=en] .channel-1500 .prof-list li a:hover {
    color: #dd1000;
}

html[lang|=en] .is-college .college-logo .level-left {
    width: 450px;
    justify-content: flex-end;
}

html[lang|=en] .channel-1503 .topbar::after {
    right: 78px;
    bottom: -80px;
    background: url(/uploads/image/rsdimg/topbar_en_da_bg.jpg) no-repeat right top;
    background-size: auto 100%;
    width: 775px;
}

html[lang|=en] .channel-1503 .topbar {
    background: #e7e7e7;
    margin-bottom: 120px;
}

html[lang|=en] .is-college .navbar-item a.navbar-link {
    color: #656565;
}

html[lang|=en] .is-college .list-header {
    border-bottom: none;
    font-size: 1.85rem;
}

html[lang|=en] .is-college .list-header__more a {
    font-size: .65em;
}

html[lang|=en] .is-college .newslist {
    margin: 20px 0 50px;
}

html[lang|=en] .is-college .major-list .list-inner {
    column-count: 2;
}

html[lang|=en] .content-body {
    min-height: 30em;
}

html[lang|=en] .pagination {
    width: 48%;
}

html[lang|=en] .pagination span {
    color: #878787;
}