body{
    padding-bottom: 230px;
    position: relative;
    min-height: 100vh;
}
:root {
    --main-color: rgb(164 0 25)
}
.custom-header {
    background-color: var(--main-color);
}
.custom-footer {
    background-color: #343a40;
    color: white;
    padding: 70px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.nav-link:hover {
    color: #0d6efd !important;
}
.navbar-nav a {
    color: #fff;
}
.navbar-nav * {
    color: #fff;
}
.navbar-brand {
    color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff; text-decoration: underline;
}
img {
    max-width: 100%;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 24px;
    }
}
.pdl2em {
    padding-left: 2em !important; text-indent: 0 !important;
}
.pdl4em {
    padding-left: 4em !important; text-indent: 0 !important;
}
[v-cloak] {
    display: none;
}
a.logo:hover {
    color: #fff !important;
}
.navbar-nav .nav-link:hover {
    color: #fff !important;
}

.top {
    text-align: right; padding: 10px;
}
.top a {
    color: #333; text-decoration: none; border-left: 1px solid #333; border-right: 1px solid #333; padding: 0 14px; font-size: 15px;
}
.top img {
    width: 20px; vertical-align: sub; margin-left: 10px; margin-right: 6px;
}
.top span {
    cursor: pointer;
}
.logo {
    font-size: 30px;
}
.logo img {
    height: 38px;
}
/* 内容title */
.title {
    position: relative;
    padding: 10px; padding-bottom: 60px;
}
.title h3{
    font-weight: normal; line-height: 1; margin-bottom: 0; padding-top: 2px;font-size: 30px;
}
.title p {
    font-size: 15px; color: #999;
}
.title:before {
    position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; top: 0; left: 0;
}
.title::after {
    position: absolute; content: ''; width: 60px; height: 60px; border: 6px solid var(--main-color); left: -60px; top: 0;
}
.content {
    padding: 0 10px;
}
.content p {
    padding-bottom: 35px; text-indent: 2em;
}
.competitionIntro {
    padding-bottom: 50px;
}
.competitionIntro .newHouseWrap {
    width: 70%; cursor: pointer;
}
.competitionIntro .newHouseWrap p {
    padding-bottom: 17px;
}
.competitionIntro .newHouseWrap.houseRight {
    float: right;
}
.competitionIntro .newHouse {
    background: var(--main-color); color: #fff; padding: 10px 20px;
}
.competitionIntro .newHouse.houseRight {
    float: right;
}
.newHouse h4 {
    font-size: 26px; line-height: 1; padding: 10px 0 14px;
}
.competitionIntro .newHouse p {
    margin: 0; font-size: 12px;
}
.newHouseWrap .houseInfo {
    text-align: right; padding-top: 10px;
}
.newHouseWrap .houseInfo a {
    color: #333; position: relative; display: inline-block; margin-right: 20px; font-size: 24px;
}
.newHouseWrap .houseInfo a:before {
    position: absolute; content: ''; width: 100%; height: 2px; background: var(--main-color); bottom: -3px; left: 0;
}
.newHouseWrap .houseInfo a:after {
    position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 8px; border-color: transparent transparent transparent var(--main-color); right: -26px; top: 0; bottom: 0; margin: auto;
}
.judgingCriteria .title p {
    padding-bottom: 10px;
}
.judgingCriteria p {
    padding: 0; margin: 0;
}
.judgingCriteria img {
    width: 70%; margin: 70px auto 30px; display: none;
}
.banner {
    padding-bottom: 70px; position: relative; color: #fff;
}
.banner img {
    width: 100%;
}
.banner h2 {
    font-size: 65px; font-weight: normal;
}
.banner .subSlogon {
    font-size: 22px; top: 25%; opacity: .6; text-align: right; padding-top: 10px; padding-right: 14px; display: none;
}
.banner .host {
    font-size: 25px; text-align: left; padding-top: 50px; padding-right: 14px; width: fit-content; float: right;
}
.bannerSlogon {
    position: absolute; left: 0; right: 0; margin: auto; top: 10%;
}
.competitionIntro .col-md-6 {
    margin-bottom: 10px;
}
.nav-link {
    font-size: 20px
}
.navbar-toggler {
    border-color: #fff;
}
.navbar-toggler-icon {
    filter: invert(1);
}

.csbm {
    width: 1000px; position: relative; margin: auto; display: none;
}
.csbm img {
    width: 100%;
}
.csbm span {
    font-size: 25px; color: #fff; position: absolute; top: 65%;
}
.csbm span.csbm-text {
    left: 2.2%;
}
.csbm span.zptj-text {
    left: 44.5%;
}
.csbm span.zpps-text {
    left: 86%;
}
.awardSeting span {
    width: 22%; display: inline-block; top: auto; font-size: 25px; bottom: 5px; left: 0; text-align: center;
}
.awardSeting span.second-text {
    left: 23.3%;
}
.awardSeting span.third-text {
    left: 46.4%;
}
.awardSeting span.honorable-text {
    left: 74%;
}
.nav-item {
    /* width: 20%; text-align: center; */
}
.logo span {
    vertical-align: super; font-family: SimHei;
}
.logo span:first-child {
    margin-right: 5px;
}
@media  (max-width: 1440px) {
    /* .banner h2 {
        font-size: 30px;
    } */
}
@media  (max-width: 750px) {
    .logo {
        font-size: 24px;
    }
    .custom-header {
        padding: 0 20px;
    }
    .banner h2 {
        font-size: 20px;
    }
    .bannerSlogon {
        padding: 10px; padding-top: 3px;
    }
    .bannerSlogon h2 {
        font-size: 18px;
    }
    .banner .host {
        font-size: 12px; padding-top: 5px;
    }
    .banner .host p {
        font-size: 12px;
    }
    .banner .subSlogon {
        font-size: 14px; padding-top: 0; top: 0;
    }
    .html {
        font-size: 0.4px;
    }
    .competitionIntro .newHouseWrap.houseRight {
        float: none;
    }
    .csbm {
        width: 90%; margin: auto; display: none;
    }
    .csbm span {
        font-size: 12px;
    }
    .competitionIntro .newHouseWrap {
        margin: auto;
    }
    .awardSeting span {
        bottom: 0;
    }
    .csbm span.zptj-text {
        left: 43.5%;
    }
    .csbm span.zpps-text {
        left: 85%;
    }
    .custom-footer {
        padding-left: 30px; padding-right: 30px;
    }
    .custom-footer .text-md-end {
        display: none;
    }
    .title {
        padding-bottom: 20px;
    }
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    text-decoration: none;
}