* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    /* height: 100%; */
    overflow-y: auto;
}

body {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    font-size: inherit;
    padding-top: 45px;
}

html body #zp {
    width: 100%;
    height: 100%;
}

html body ul {
    margin: 0;
    padding: 0;
}

html body ul li {
    list-style: none;
}

html body p {
    margin: 0;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5 {
    margin: 0;
    padding: 0;
}

html body a {
    text-decoration: none;
}

html body img {
    border: none;
}

html body input {
    border: none;
    padding: 0;
}

html body button {
    padding: 0;
    background: transparent;
    border: none;
}

.zpBody {
    width: 100%;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
}

.zp-body-1 {
    width: 100%;
    height: auto;
    position: relative;
}

.body-1-bj {
    width: 100%;
    height: 486px;
    /*background-image: url("https://imgs0.zupu.cn/photos/common/20210914/45f33661-65db-4d98-a2ba-2aed56f7c235.png");*/
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;*/
    background-color: #000;
    position: relative;
}

.body-1-bj-top {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    /*background-color: rgba(0,0,0,0.5);*/
}

.body-1-top {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding-top: 110px;
}

.body-1-tit {
    color: #fff;
    text-align: center;
    width: 634px;
    height: 136px;
    background-image: url("https://hsy1.zupu.cn/static/web/images/zupuking/zp-banner1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.body-search {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: 42px; */
    /* position: absolute; */
    /* z-index: 100; */
}

.superSearch {
    width: 32px;
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin-left: 12px;
}

.body-search input {
    width: 570px;
    height: 100%;
    border: none;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px 0px 0px 5px;
    outline: none;
    text-indent: 14px;
    font-size: 18px;
    color: #333;
}

.body-search input::-webkit-input-placeholder {
    color: #666;
}

.body-search input::-moz-input-placeholder {
    color: #666;
}

.body-search input::-ms-input-placeholder {
    color: #666;
}

.body-search button {
    position: relative;
    width: 140px;
    height: 100%;
    margin-left: 10px;
    padding-right: 30px;
    background: url('https://hsy1.zupu.cn/static/web/img/home-search.png')center center no-repeat;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.body-search button:hover {
    border: 1px solid #fff;
}

.body-search button::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background-size: 600% 100%;
    transition: all 0.3s ease;
    animation: shine 10s linear infinite;
}

@keyframes shine {
    0% {
        background-position-x: 400%;
    }

    50% {
        background-position-x: 0%;
    }

    100% {
        background-position-x: -400%;
    }
}

.functional {
    width: 1200px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clickleft,
.clickright {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    cursor: pointer;
}

.clickleft {
    margin-right: 8px;
}

.clickright {
    margin-left: 8px;
}

.func-c {
    flex: 1;
    display: flex;
    justify-content: center;
    /*max-width: 1110px;*/
    /*overflow: hidden;*/
}

.box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 104px;
}

.box-img {
    width: 104px;
    height: 104px;
}

.name {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.body-1-dynamic {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.dynamic-box {
    width: 1160px;
    height: 20px;
    display: flex;
}

.dynamic-box label {
    color: #FCFCFA;
    font-size: 14px;
    font-weight: bold;
}

.dynamic-box div {
    color: #FCFCFA;
    font-size: 14px;
}

.dynamic-right {
    width: 1090px;
    height: 20px;
    position: relative;
}

.dynamic-right .swiper-container {
    width: 100%;
    height: 100%;
}

.dynamic-right .swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.dynamic-right .swiper-slide {
    text-align: left;
    font-size: 14px;
    color: #FCFCFA;
    /* Center slide text vertically */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.dynamic-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.body-1-box {
    width: 1200px;
    height: 213px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 21px;
    position: relative;
}

.zp-zs {
    width: 242px;
    height: 552px;
    position: absolute;
    right: -235px;
    top: 30px;
}

.body-1-box-left {
    width: 216px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background-color: #EAEAEA;
    box-sizing: border-box;
    padding: 20px 4px;
    align-items: center;
}

.left-img {
    width: 110px;
    height: 22px;
    margin-bottom: 20px;
}

.body-1-box-center {
    width: 748px;
    height: 100%;
}

.body-1-box-right {
    width: 216px;
    height: 100%;
}

.body-1-box-left>div {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.body-1-box-left>div>a {
    width: 190px;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 32px;
    cursor: pointer;
}

.body-1-gx-box,
.body-1-ls-box {
    background-color: #EFEFEF !important;
}

.body-1-zp {
    background-color: #202634;
}

.body-1-gx {
    background-color: #4A4B5A;
}

.body-1-dfz {
    background-color: #7A705E;
}

.body-1-ls {
    background-color: #2D453D;
}

.body-1-name {
    width: auto;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.body-1-name span {
    color: #000000;
    font-size: 30px;
    line-height: 1;
}

.body-1-name label {
    color: #B30B20;
    font-size: 12px;
    margin-left: 6px;
}

.body-1-number {
    color: #999999;
    font-size: 14px;
    margin-top: 8px;
}

.body-1-box-center-top {
    width: 100%;
    height: 214px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.body-1-box-center-top .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.body-1-box-center-top .swiper-slide img {
    width: 100%;
    height: 100%;
}

.body-1-box-center-top .swiper-pagination {
    bottom: 0;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.body-1-box-center-top .swiper-pagination span {
    flex: 1;
    height: 100%;
    margin: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .4);
}

.body-1-box-center-top .swiper-pagination span:last-child {
    border: none;
}

.body-1-box-center-top .swiper-pagination-bullet {
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #CCCCCC;
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
}

.body-1-box-center-top .swiper-pagination-bullet-active {
    color: #fff;
    background: #B30B20;
}

.body-1-box-center-foot {
    width: 100%;
    height: 92px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.body-1-scroll-cen {
    flex: 1;
    height: 100px;
}

.body-1-scroll-right,
.body-1-scroll-left {
    width: 20px;
    height: 100%;
    background-color: #EBEBEB;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.body-1-scroll-left {
    margin-right: 10px;
}

.body-1-scroll-right img,
.body-1-scroll-left img {
    width: 20px;
    height: 20px;
}

.body-1-scroll-cen>div {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.body-1-scroll-cen div a {
    display: inline-block;
    width: 0;
    flex: 1;
    /*height: 90px;*/
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}

.body-1-scroll-cen div a:last-child {
    margin-right: 0;
}

.body-1-scroll-cen div a img {
    width: 100%;
    height: 100%;
}

.scroll-nav-name {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 3px;
    color: #fff;
    font-family: Songti SC;
    font-size: 14px;
    font-weight: 900;
    /*-webkit-text-stroke: 0.5px #fff;*/
    /*text-stroke: 0.5px #ccc;*/
}

.body-1-box .nicescroll-rails-vr .nicescroll-cursors {
    display: none;
}

.body-1-right-top {
    width: 100%;
    height: 213px;
    background-color: #EAEAEA;
    text-align: center;
    padding: 15px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 10px 10px 0;
}

.lhl-tit {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.desc-top {
    position: absolute;
    top: 4px;
    right: 2px;
    background: #B30D20;
    border-radius: 18px;
    border: 2px solid #FFFFFF;
    text-align: center;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    padding: 2px 4px;
}

.lhl-tzg-ji {
    width: 70px;
    height: 70px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210831/ea060d2f-0abc-4b48-910a-4cadd4f2b1d6.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #669900;
    font-size: 54px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    font-family: cursive;
}

.lhl-text {
    width: 100%;
    height: 43px;
    font-size: 12px;
    color: #000;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 2;
    position: relative;
}

.lhl-ck {
    color: #2E70B6;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
    text-decoration: underline;
    text-align: center;
}

.body-1-right-foot {
    width: 100%;
    height: 109px;
    background-color: #EBEBEB;
    padding: 8px 21px;
}

.body-1-right-foot a {
    width: 100%;
    display: inline-block;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000;
    font-size: 12px;
    font-weight: bold;

}

.zp-body-2,
.zp-body-3 {
    width: 1200px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 16px;
    border-radius: 10px;
    overflow: hidden;
}

.zp-body-5 {
    width: 100%;
    height: auto;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/e55b79ab-25fc-4ca3-a43b-21dab390d905.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 10px;
}

.zp-body-5-box {
    width: 1200px;
    height: auto;
    margin: 16px auto;
    background-color: #fff;
}

.zp-body-5-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
}

.zp-body-2 a {
    flex: 1;
    height: 180px;
    display: flex;
    align-items: flex-end;
    position: relative;
    margin-right: 15px;
}

.zp-body-2 a:last-child {
    margin-right: 0;
}

.zp-body-2 a img {
    width: 100%;
    height: auto;
}

.zp-2-tit {
    width: 100%;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 36px;
    color: #CCCCCC;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp-body-3,
.zp-body-5-box {
    border-radius: 10px;
    overflow: hidden;
}

.zp-3-left,
.zp-3-right,
.zp-5-left,
.zp-5-right {
    width: 216px;
    height: 710px;
    background-color: #EAEAEA;
    padding: 24px 9px;
}

.zp-3-cen,
.zp-5-cen {
    flex: 1;
    height: 710px;
    margin: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}

.zp-3-xw {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 25px;
}

.zp-3-tit {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
}

.zp-3-xw-li {
    display: flex;
    width: 100%;
    height: 60px;
    border-bottom: 1px dotted #333333;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 10px;
}

.zp-3-xw-li label {
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #666666;
    border-radius: 3px;
}

.zp-3-xw-li-1 label {
    background-color: #B30B20;
}

.zp-3-xw-li-right {
    flex: 1;
    height: 100%;
    margin-left: 10px;
    overflow: hidden;
    text-align: left;
}

.zp-3-xw-li-tit {
    color: #000;
    font-size: 16px;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp-3-xw-li-time {
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
}

.zp-3-ck,
.ct-5-ck {
    width: 100%;
    margin-top: 15px;
    text-align: right;
}

.zp-3-ck a,
.ct-5-ck a {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.zp-3-cen-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xcb-qs {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.xcb-qs .zp-3-cen-top-cen {
    margin-left: 24px;
}

.zp-3-cen-top-left {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.zp-3-cen-top-left label {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #B30B20;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
}

.zp-3-cen-top-left label:last-child,
.zp-3-cen-top-left label:nth-last-child(2) {
    background-color: #333333;
}

.zp-3-cen-top-left label:last-child {
    margin-right: 0;
}

.zp-3-cen-top-cen {
    color: #000000;
    font-size: 16px;
}

.zp-3-cen-top-right {
    width: auto;
    height: auto;
    text-decoration: underline;
    color: #000;
    font-size: 14px;
}

.zp-3-cen-li {
    display: inline-block;
    width: 100%;
    height: 210px;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 20px;
    cursor: pointer;
}

.zp-3-cen-li-top {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.zp-3-cen-li-tit {
    color: #000;
    font-size: 24px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0;
}

.zp-3-cen-li-time {
    color: #000000;
    font-size: 12px;
    margin-left: 10px;
}

.zp-3-cen-li-box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.zp-3-cen-li-left {
    width: 185px;
    height: 122px;
    border-right: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.zp-3-cen-left-bj {
    width: 100%;
    height: 100%;
    background-image: url('https://imgs0.zupu.cn//ueditor/2021/08/31/4cd613ca-b935-4356-85dc-a4c7fa10e7a6.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.zp-3-cen-left-top {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.zp-3-cen-left-top>img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.zp-3-cen-li-right {
    width: 0;
    flex: 1;
    height: auto;
    font-size: 16px;
    color: #666666;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-left: 20px;
}

.zp-jb-adv {
    width: 1200px;
    /* height: 100%; */
    margin: 20px auto;
    display: block;
    cursor: pointer;
}

.zp-jb-adv img {
    width: 100%;
    height: auto;
}

/* 寻根专栏 ***** start ***** */
.zp-body-xungen {
    width: 100%;
    height: auto;
}

.zp-xungen-box {
    width: 1214px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 4px 7px;
}

.zp-xungen-dd-top-reward {
    margin-top: 21px;
}

.zp-xungen-dd-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.zp-xungen-dd-top div {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.zp-xungen-dd-top a {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

.zp-xungen-dd-reward {
    width: 1200px;
    padding: 12px 0 24px;
    background-color: #fafafa;
}

.list {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 6px;
}

.list .li {
    width: 226px;
    height: auto;
    box-sizing: border-box;
    padding: 10px 7px 12px 7px;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    margin-right: 18px;
    box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.0500);
}

.list .li.reward-li {
    border: 1px solid #B30D20;
    padding: 9px 6px 11px 6px;
}

.list .li:last-child {
    margin-right: 0;
}

.list .li .topimg {
    width: 170px;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.list .li .img {
    width: 212px;
    height: 208px;
    position: relative;
    padding-left: 7px;
}

.list .li .img .li-icon {
    width: 198px;
    height: 197px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.list .li .img .name {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    position: absolute;
    left: 87px;
    top: 70px;
    color: #fff;
}

.list .li .img .name-desc {
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 24px;
}

.list .li .img .top-img {
    width: 193px;
    height: 39px;
    overflow: hidden;
    position: absolute;
    top: -16px;
    left: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list .li .img .top-img .top-box {
    font-size: 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #fff;
}

.list .li .img .top-img .top-box .b-icon {
    width: 23px;
    height: 23px;
    margin-right: 3px;
}

.list .li .img .top-img .top-box .b-icon.reward-icon {
    width: 28px;
    height: 28px;
    margin-right: 0;
    margin-top: -3px;
}

.reward-fb {
    color: #fff;
}

.list .li .img .top-img .top-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list .li .img .top-img .top-box span i {
    font-style: normal;
    font-size: 10px;
    display: inline-block;
    vertical-align: baseline;
    color: #FFFFFF;
}

.list .li .img .top-img .top-box span i:last-child {
    font-size: 24px;
    font-weight: 800;
    margin-top: -4px;
}

.list .li .li-content {
    box-sizing: border-box;
    padding: 0px 8px;
    margin-bottom: 7px;
}

.list .li .li-text {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.list .li .li-text .title {
    font-weight: bold;
}

.list .li .li-text.text-two-line {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 2;
    height: 38px;
}

.list .li .li-btn {
    width: calc(100% - 14px);
    height: 32px;
    background: #b30d20;
    border-radius: 17px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    margin: 0 7px 2px;
}

.zp-xungen-dd-today {
    width: 100%;
    height: auto;
    padding-top: 12px;
}

.today-list {
    width: 100%;
    height: 132px;
    overflow: hidden;
    padding: 24px 5px 4px 59px;
    background: #EAEAEA;
    border-radius: 6px;
}

.today-li {
    width: 169px;
    height: 16px;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.today-li::before {
    content: 'ꔷ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 16px;
    line-height: 16px;
}

/* 寻根专栏 ***** end ***** */
.zp-body-4 {
    width: 100%;
    height: 650px;
    margin: 16px auto;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/cafcf887-389e-4422-9e4b-b0ccb1dbe147.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.zp-4-box {
    width: 1200px;
    height: 100%;
}

.zp-4-box-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 40px;
}

.zp-4-top-li {
    flex: 1;
    height: auto;
    text-align: center;
    margin-right: 20px;
    overflow: hidden;
}

.zp-4-box-top .zp-4-top-li:last-child {
    margin-right: 0;
}

.zp-4-top-tit {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}

.zp-4-top-ul {
    width: 100%;
    height: auto;
}

.zp-4-zp-li {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    cursor: pointer;
}

.zp-4-li-first-left {
    width: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    overflow: hidden;
}

.zp-first-jb {
    width: 60px;
    height: 20px;
    background-color: #A57B33;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.zp-first-name {
    width: 100%;
    color: #BDCDEF;
    font-size: 16px;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.zp-first-number {
    color: #fff;
    font-size: 14px;
}

.zp-first-number span {
    color: #fff;
    font-size: 24px;
}

.zp-4-li-first-right {
    width: 70px;
    height: 70px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/aeb44f30-d20e-4184-9d6e-864b47cad096.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #A57B33;
    font-size: 50px;
    text-align: center;
    line-height: 70px;
    margin-left: 5px;
}

.zp-li-jb {
    width: 20px;
    height: 20px;
    background-color: #A57B33;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    align-items: center;
}

.zp-li-jb2 {
    background-color: #202532 !important;
}

.zp-li-name {
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5px;
    text-align: left;
    flex: 1;
}

.zp-li-number {
    color: #999999;
    font-size: 12px;
}

.zp-4-top-ck {
    width: 100%;
    text-align: right;
    margin-top: 30px;
}

.zp-4-top-ck a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.zp-4-top-li-3 {
    width: 216px;
    height: 100%;
    margin: 0 30px;
}

.zp-4-top-li-3-top {
    width: 100%;
    height: 318px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/16f440c5-6f02-4517-93b1-921c0360d832.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.newtitle {
    color: #fff;
    padding: 12px 0px;
}

.zp-4-cj {
    display: block;
    width: 180px;
    height: 50px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/fec73451-d57b-4556-9fbe-5899b5f0436c.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    line-height: 50px;
    color: #FFDDA4;
    font-size: 22px;
    font-weight: bold;
    margin: 23px auto;
}

.zp-4-xg {
    display: block;
    width: 180px;
    height: 50px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/3d09b3f0-52aa-49e3-b1e8-2178c037e013.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    line-height: 50px;
    color: #9095A0;
    font-size: 22px;
    font-weight: bold;
    margin: 0 auto;
}

.zp-4-icon {
    width: 84px;
    height: 84px;
}

.zp-4-top-li-3-text {
    color: #A57B33;
    font-size: 30px;
    font-weight: bold;
    margin-top: 18px;
    font-family: cursive;
}

.zp-body-4-foot {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #1D222D;
}

.zp-body-5-foot {
    width: 79%;
    height: 60px;
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*background-color: #1D222D;*/
}

.zp-5-swipe {
    /*width: 1200px;*/
    height: 100%;
    margin: 0 auto;
}

.zp-5-swipe .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.zp-5-swipe .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;


}

.zp-5-swipe .swiper-slide>a {
    color: #333;
    font-size: .8rem;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin: 0 10px;
    /*display: flex;*/
    justify-content: left;
    align-items: center;
    display: block;
}

.zp-5-swipe .swiper-slide a span {
    text-align: left;
}

.diansize {
    font-size: 1rem;
    margin: 3px;
}

.zp-5-swipe .swiper-slide .indexionic {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #666666;
    border-radius: 3px;
    line-height: 20px;
    margin: 0px 3px;
}

.zp-body-6-foot {
    width: 89%;
    height: 63px;
    padding: 0px 10px;
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*background-color: #1D222D;*/
}

.zp-6-swipe {
    width: 200px;
    height: 67px;
    margin: 0 auto;
}

.zp-6-swipe .swiper-container {
    width: 100%;
    height: 100%;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*padding-top: 5px;*/
}

.zp-6-swipe .swiper-slide {
    padding: 0px 5px;
    /*margin-bottom: 5px !important;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.zp-6-swipe .swiper-slide>a {
    color: #ffffff9e;
    font-size: 1rem;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 10px;
    display: block;
}

.zp-4-swipe {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.zp-4-swipe .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.zp-4-swipe .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.zp-4-swipe .swiper-slide>div {
    color: #A57B33;
    font-size: 14px;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 10px;
}

.zp-4-swipe .swiper-slide>a {
    color: #A57B33;
    font-size: 14px;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 10px;
}

.astyle {
    color: #A57B33;
    font-size: 14px;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 10px;
}

.zp-5-left {
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.zp-5-tit {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
    cursor: pointer;
    text-align: center;
}

.zp-5-switch {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zp-5-change-left {
    width: 30px;
    height: 30px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210908/1799f89f-4f2d-480a-9c98-e8943a02bffc.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.zp-5-change-left:hover {
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/6d0435ec-1334-4549-91bc-5b70923a9aa3.png");
}

.zp-5-change-right {
    width: 30px;
    height: 30px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210908/3419639d-7d56-47b2-a02f-d74f5de0deef.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.zp-5-change-right:hover {
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/be83417f-6f65-4844-b0ad-407d03780d3e.png");
}

.zp-5-change-cen {
    flex: 1;
    text-align: center;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

.zp-5-left-text {
    color: #000;
    font-size: 15px;
    width: 100%;
    height: auto;
    flex: 1;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
    margin-top: 35px;
    margin-bottom: 20px;
}

.zp-5-left-gd {
    width: 100%;
    height: 185px;
    padding-top: 46px;
    border-top: 1px dotted #333333;
    text-align: center;
}

.zp-5-td {
    text-align: center;
    color: #B30B20;
    font-size: 14px;
}

.zp-5-gx-number {
    color: #000;
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
}

.zp-5-gx-gd {
    display: inline-block;
    width: 130px;
    height: 38px;
    background-color: #B30B20;
    border-radius: 19px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 18px;
    margin-top: 40px;
}

.zp-5-cen-cen {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
}

.zp-5-cen-li {
    width: 48%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DDDDDD;
    margin-top: 36px;
    padding-bottom: 36px;
}

.zp-5-cen-li-left {
    width: 100px;
    height: 140px;
    margin-right: 14px;
}

.zp-5-cen-li-left img {
    width: 100%;
    height: 100%;
}

.zp-5-cen-li-right {
    flex: 1;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

.zp-5-cen-name {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    height: auto;
}

.zp-5-cen-text {
    color: #666666;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.zp-5-cen-number {
    color: #B30B20;
    font-size: 14px;
}

.zp-5-ct-li {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dotted #333333;
}

.zp-5-ct-li-first {
    height: 100px;
}

.ct-5-first-left {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
}

.ct-left-name {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ct-left-name label {
    width: 20px;
    height: 20px;
    background-color: #B30B20;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}

.ct-left-name div,
.zp-5-ct-li-left div {
    color: #000;
    font-size: 16px;
    margin-left: 9px;
}

.ct-left-number {
    color: #000;
    font-size: 20px;
    margin-top: 15px;
    font-weight: bold;
}

.ct-left-dy {
    color: #000;
    font-size: 14px;
}

.ct-5-first-right {
    width: 70px;
    height: 70px;
}

.ct-5-first-right img {
    width: 100%;
    height: 100%;
}

.zp-5-ct-li-left {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.zp-5-ct-li-left label {
    width: 20px;
    height: 20px;
    background-color: #333333;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}

.zp-5-ct-li-right {
    color: #999;
    font-size: 12px;
}

.timeLine {
    width: 100%;
    height: 40px;
    margin-top: 24px;
}

.timeLine ul {
    width: 100%;
    height: 100%;
    display: flex;
}

.timeLine ul li {
    width: 66px;
    height: 100%;
    cursor: pointer;
    margin-right: 7px;
    position: relative;
    float: left;
}

.timeLine ul li:last-child {
    margin-right: 0;
}

.timeLineName {
    width: 100%;
    height: 22px;
    text-align: center;
    line-height: 22px;
    color: #000000;
    opacity: 0.6;
    font-size: 16px;
}

.timeLine ul li:hover .timeLineName {
    background-color: #ffffff;
    color: #B20B30;
    opacity: 1;
}

.timeLineLine {
    width: 100%;
    height: 4px;
    background-color: #333333;
    margin-top: 4px;
}

.timeLineTips {
    width: 100%;
    height: 22px;
    display: none;
}

.timeLineActive .timeLineTips {
    display: block;
}

.timeLineActive .timeLineName {
    display: none;
}

.timeLineTipsName {
    width: 100%;
    height: 20px;
    background-color: #B20B30;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
}

.timeSanjiao {
    width: 0;
    height: 0;
    border-top: 5px solid #B20B30;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 18px;
}

.zp-body-6-box {
    width: 1200px;
    height: 725px;
    margin: 30px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.include-zp-adv {
    width: 100%;
    text-align: center;
}

.zp-6-left {
    width: 546px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-right: 1px solid #DDDDDD;
}

.zp-6-left-li {
    width: 46%;
    height: 124px;
    padding: 20px 18px;
    cursor: pointer;
}

.zp-6-left-li:hover {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
}

.zp-6-left-li-top {
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    width: 100%;
    display: block;
}

.zp-6-left-li-top span {
    color: #000;
    font-size: 28px;
}

.zp-6-left-li-foot {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
}

.zp-6-left-li-foot-left {
    color: #000;
    font-size: 16px;
}

.zp-6-left-li-foot-left span {
    font-size: 28px;
}

.zp-6-left-li-foot-right,
.zp-6-left-li-foot-right span {
    color: #666;
    font-size: 14px;
    text-align: right;
}

.zp-6-left-li-active {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
}

.zp-6-cen {
    flex: 1;
    width: 0;
    overflow: hidden;
    margin: 0 20px;
}

.zp-6-cen-top {
    width: 100%;
    height: auto;
}

.zp-6-cen-top-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.zp-6-cen-top-left {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/454b6327-4d19-4577-8595-44980c01fdef.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 12px;
    color: #000;
    font-size: 50px;
}

.zp-6-cen-top-right {
    flex: 1;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.zp-6-cen-top-right-name {
    color: #000;
    font-size: 20px;
}

.zp-6-cen-top-right-text {
    color: #666666;
    font-size: 14px;
}

.zp-6-cen-top-right-text li:first-child {
    display: none;
}

.zp-6-cen-top-foot {
    color: #000;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    margin-top: 20px;
}

.zp-6-cen-top-btn {
    display: inline-block;
    width: 130px;
    height: 38px;
    background-color: #B30B20;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    margin-top: 25px;
}

.zp-6-cen-cen {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.zp-6-cen-tit {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zp-6-cen-tit-left {
    color: #000;
    font-size: 20px;
}

.zp-6-cen-tit-right {
    color: #999999;
    font-size: 14px;
    text-decoration: underline;
}

.zp-6-cen-rw {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
}

.zp-6-cen-rw-li {
    width: auto;
    height: auto;
    margin-right: 12px;
}

.zp-6-cen-rw-li img {
    width: 80px;
    height: 80px;
}

.zp-6-cen-rw-li div {
    text-align: center;
    color: #333333;
    font-size: 14px;
}

.zp-6-cen-foot {
    width: 100%;
    height: auto;
    margin-top: 40px;
}

.zp-6-cen-foot-book {
    width: 100%;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-top: 15px;
}

.zp-6-cen-foot-cover {
    width: 80px;
    height: 112px;
}

.zp-6-cen-foot-cover img {
    width: 100%;
    height: 100%;
}

.zp-6-cen-foot-right {
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
}

.zp-6-cen-foot-right-tit {
    color: #666666;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp-6-cen-foot-right-ll {
    color: #B30B20;
    font-size: 14px;
    margin-top: 5px;
}

.zp-6-cen-foot-right-text {
    color: #666666;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
}

.zp-6-right {
    width: 216px;
    height: auto;
    background-color: #EDEDED;
    padding: 24px 15px;
    border-radius: 0 10px 10px 0;
}

.xs-left-name {
    width: 60px;
    height: 20px;
    background-color: #B30B20;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}

.xs-left-number {
    color: #000;
    font-size: 20px;
    margin-top: 5px;
    font-weight: bold;
}

.xs-left-dy {
    color: #000;
    font-size: 14px;
    margin-top: 5px;
}

.xs-6-first-right {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210901/454b6327-4d19-4577-8595-44980c01fdef.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 12px;
    color: #000;
    font-size: 50px;
}

.zp-body-7 {
    width: 100%;
    height: 650px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210902/46479619-1983-4efa-b014-12fe9a321978.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.zp-7-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zp-7-li {
    flex: 1;
    height: 100%;
    padding-top: 58px;
    text-align: center;
    margin-right: 32px;
}

.zp-7-box .zp-7-li:last-child {
    margin-right: 0;
}

.zp-7-li-tit {
    color: #FDD190;
    font-size: 24px;
    margin-bottom: 14px;
}

.zp-7-sub-tit {
    color: #FEFEFE;
    font-size: 14px;
    margin-bottom: 35px;
}

.zp-7-img {
    width: 216px;
    height: 216px;
    margin-bottom: 35px;
}

.zp-7-text {
    width: 180px;
    height: auto;
    margin: 0 auto;
    color: #CCCCCC;
    font-size: 12px;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.zp-7-ck {
    width: auto;
    height: auto;
    display: inline-block;
    color: #FDD190;
    font-size: 20px;
    text-decoration: underline;
    margin-top: 35px;
}

.zp-7-li-cen {
    width: 216px;
    height: auto;
    margin-right: 28px;
}

.zp-7-cen-top {
    width: 100%;
    height: 370px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210902/dcf5ecb8-4ff0-40d9-ae5a-68cfa80b4ba3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: -20px;
}

.zp-7-cen-img {
    width: 84px;
    height: 84px;
    margin-top: 60px;
}

.zp-7-cen-tit {
    color: #A57B33;
    font-size: 25px;
    margin-top: 20px;
}

.zp-7-cen-top-foot {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding-top: 15px;
    color: #FEFEFE;
}

.zp-7-cen-number {
    font-size: 26px;
}

.zp-7-cen-qg {
    font-size: 18px;
    margin-top: 5px;
}

.zp-7-li-cen-btn {
    width: 180px;
    height: 50px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210902/7c9c5a0a-9419-4b9a-ad03-65e6ab263590.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    line-height: 50px;
    color: #A57B33;
    font-size: 22px;
    font-weight: bold;
    margin: 120px auto 0;
    cursor: pointer;
}

.zp-body-7-foot {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #25443F;
}

.zp-7-swipe {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.zp-7-swipe .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.zp-7-swipe .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.zp-7-swipe .swiper-slide>div {
    color: #FDD190;
    font-size: 14px;
    flex: 1;
    width: 0;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 10px;
}

.zp-body-8 {
    width: 100%;
    height: auto;
    background-color: #F6F6F6;
    padding: 20px 0;
    margin-top: 20px;
}

.zp-body-8-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.zp-8-top {
    width: 100%;
    height: auto;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

.zp-8-top-left {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.zp-8-top-label {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
}

.zp-8-top-label label {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #B30B20;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
}

.zp-8-top-label label:last-child,
.zp-8-top-label label:nth-last-child(2) {
    background-color: #333333;
}

.zp-8-top-text {
    color: #000;
    font-size: 16px;
    margin-left: 20px;
}

.zp-8-top-right {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

.zp-8-dd {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 32px;
}

.zp-8-dd-li {
    width: 48%;
    height: auto;
    margin-bottom: 30px;
}

.zp-8-dd-top {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zp-8-dd-top div {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.zp-8-dd-top a {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

.zp-8-dd-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 25px;
}

.dd-li {
    width: 100%;
    height: 66px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    display: block;
}

.dd-li-tit {
    color: #000;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}

.dd-li-foot {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 10px;
}

.dd-li-foot-text {
    width: 80%;
    height: auto;
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-li-foot span {
    color: #999999;
    font-size: 12px;
    display: inline-block;
    width: 15%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp-8-dd-li-down {
    width: 200px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin: 20px auto 0;
    cursor: pointer;
    border-radius: 20px;
}

.zp-8-dd-li-down img {
    width: 20px;
    height: 20px;
}

.zp-body-9 {
    width: 100%;
    height: auto;
}

.zp-9-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
}

.zp-9-zt {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zp-9-li {
    width: 32%;
    height: auto;
    margin-top: 36px;
}

.zp-9-li-tit {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}

.zt-9-ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zt-9-li {
    height: auto;
    width: 48%;
    overflow: hidden;
    display: flex;
    margin-bottom: 10px;
}

.zt-9-li label {
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: #666666;
    border-radius: 3px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
}

.zt-9-ul .zt-9-li:first-child label {
    background-color: #B30B20;
}

.zt-9-li div {
    color: #333333;
    font-size: 16px;
    margin-left: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    cursor: pointer;
    flex: 1;
    overflow: hidden;
    width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zp-body-10 {
    width: 100%;
    height: auto;
    margin-top: 40px;
}

.zp-10-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.zp-10-box>div {
    margin-right: 57px;
    text-align: left;
}

.zp-10-box>div:last-child {
    margin-right: 0;
}

.zp-10-jj {
    width: 446px;
    height: auto;
}

.zp-10-lj {
    width: auto;
    height: auto;
}

.zp-10-tit {
    color: #333333;
    font-size: 20px;
    margin-bottom: 30px;
}

.zp-10-jj-text {
    color: #333;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
}

.zp-10-lj-ul {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.zp-10-lj-ul a {
    width: auto;
    height: auto;
    color: #333333;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 10px;
    cursor: pointer;
}

.zp-10-hz {
    width: 325px;
    height: auto;
}

.zp-10-hz-ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zp-10-hz-ul a {
    width: 48%;
    height: 60px;
    background-image: url("https://imgs0.zupu.cn/common/2020-03-31/0e067126-286e-4c13-ae68-3c5df640d2ad.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
    border: 1px solid #E4E4E4;
    cursor: pointer;
}

.zp-10-gzh {
    width: 202px;
    height: auto;
}

.zp-10-gzh-box {
    width: 202px;
    height: 202px;
    border: 1px solid #E4E4E4;
    padding: 10px;
}

.zp-10-gzh-box img {
    width: 100%;
    height: 100%;
}

.zp-body-11 {
    width: 100%;
    height: 80px;
    background-color: #F6F6F6;
}

.zp-11-box {
    width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;
    margin: 0 auto;
}

.zp-11-box a {
    color: #333333;
    font-size: 14px;
    text-decoration: underline;
    margin: 0 20px 5px;
}

.zp-body-12 {
    width: 100%;
    height: 140px;
    background-image: url("https://imgs0.zupu.cn/photos/common/20210902/a9d06f6c-a44c-4943-8999-a8faecfcfd9e.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zp-body-12-text {
    width: auto;
    height: auto;
    color: #CCCCCC;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

.zp-body-12-text a {
    color: #CCCCCC;
    font-size: 14px;
}

.zpRight {
    width: 60px;
    height: auto;
    border-radius: 3px;
    position: fixed;
    bottom: 120px;
    right: 40px;
    padding: 10px 0;
    z-index: 11;
}

.zpRight ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.zpRight ul li {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F6F6F6;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #E4E4E4;
}

.rightName {
    color: #999999;
    font-size: 12px;
    margin-top: 4px;
}

.ewmBox {
    width: 180px;
    height: 180px;
    position: absolute;
    left: -185px;
    top: -60px;
    background-color: #fff;
    padding: 2px;
    border-radius: 3px;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.appEwmBox {
    padding: 12px;
}

.ewmBox>img {
    width: 100% !important;
    height: 100% !important;
}

.zpRight ul li:first-child img {
    width: 24px;
    height: 21px;
}

.zpRight ul li:nth-child(2) img {
    width: 22px;
    height: 25px;
}

.zpRight ul li:nth-child(3) img {
    width: 20px;
    height: 18px;
}

.zpRight ul li:nth-child(4) img {
    width: 20px;
    height: 18px;
}

.zpRight ul li:nth-child(5) img {
    width: 20px;
    height: 21px;
}

.zpRight ul li img.right2 {
    display: none;
}

.heightAuto {
    height: auto !important;
}

.jplist {
    text-align: center;
    color: #fff;
}

.gdcenter {
    text-align: center;
    height: 44px;
    width: 100%;
}

.marquee-box {
    /*padding: 10px;*/
    justify-content: center;
    background: #eaeaea;
}

.marquee-box .marquee-title {
    font-size: 1rem;
    font-weight: bold;
    width: 14%;
}

.marquee-box .marquee-body {
    width: 89%;
    margin: 0px 3px;
}

.marquee-box .marquee-body a {
    font-size: 1rem;
    width: 25%;
    margin: 10px;
    color: #333;
}

.line-weap {
    width: 100%;
    text-overflow: ellipsis;
    /*height: 20px !important;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    display: flex;
    flex-wrap: nowrap;
}

.dashiji-year {
    width: 75px;
    flex: 0 0 75px;
    color: #333;
}

.dashiji-desc {
    max-width: 183px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    color: #333;
}

.lhllink {
    color: #1E6AB3;
    width: 134px;
    position: absolute;
    top: 24px;
    right: -92px;
    background-color: #EAEAEA;
    padding-left: 6px;
}

.swiper-container5 {
    height: 21px;
}

.swiper-container-today {
    height: 100%;
    width: 100%;
}

.swiper-container-today .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.icon-top {
    position: absolute;
    right: -6px;
    top: 206px;
    width: 70px;
    height: 41px;
}

.xungen-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xungen-link {
    display: flex;
    align-items: center;
}

.xungen-link-fabu {
    margin-left: 16px;
    color: #B30D20;
    text-decoration: underline #B30D20;
}

.xungen-btn {
    width: 140px;
    height: 32px;
    background: #b30d20;
    border-radius: 17px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.imgkf {
    width: 120px;
    height: 120px;
    position: absolute;
    right: -15%;
    align-items: center;
    top: -28%;

}

.imgkf img {
    width: 112px;
    height: 149px;
    display: none;
}

.imgkf span {
    font-size: 10px;
    color: #ffffff;
}

/* 新增，首页banner改版 */
#zpBanner {
    width: 100%;
    height: 458px;
    /* height: 368px; */
}

#zpBanner .zp-hoem-slide {
    background-position-x: center;
}

#zpBanner img {
    width: 100%;
    height: 100%;
}

#zpBannerPagination .swiper-pagination-bullets {
    bottom: 16px;
}

#zpBannerPagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    opacity: 1;
}

#zpBannerPagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #B30B20;
}

.zp-banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px;
    z-index: 10;
}

.zp-swiper-slide-content {
    /* display: grid; */
    /* grid-template-columns: auto 340px; */
    /* grid-column-gap: 130px; */
    display: flex;
    justify-content: center;
}

.zp-banner-content,
.zp-swiper-slide-content {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.zp-banner-content {
    display: flex;
    justify-content: end;
}

.zpbc-left {
    /* padding-top: 220px; */
    padding-top: 320px;
    padding-left: 10px;
}

/*  */
.loginTop {
    width: 100%;
    height: 410px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 2;
    padding-right: 200px;
    box-sizing: border-box;
}

.wxIcon {
    width: 39px;
    height: 39px;
}


.wxLoginA img {
    width: 24px;
    height: 24px;
    margin-right: 7px;
}


.bdBox {
    width: 340px;
    height: 410px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    padding: 50px 0 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.switchBox {
    width: 64px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.switch {
    width: 22px;
    height: 20px;
    cursor: pointer;
}

.backBtn {
    width: 100%;
    height: 40px;
    border: 1px solid #B20B30;
    border-radius: 20px;
    color: #B20B30;
    margin-top: 18px;
    font-weight: bold;
    cursor: pointer;
}

.container {
    width: 350px;
    height: 430px;
    /*margin: 100px auto;*/
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    text-align: center;
    position: absolute;
    right: 140px;
    top: 60px;
    z-index: 99;
}

.container h2 {
    height: 64px;
    font-size: 22px;
    line-height: 64px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1)
}

.container form {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
}

.container form label {
    display: block;
    margin-bottom: 21px;
}

.up-btn {
    width: 300px;
    height: 44px;
    background: rgba(230, 2, 20, 1);
    border-radius: 10px;
    font-size: 15px;
    border: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    margin-top: 8px;
    margin-bottom: 27px;
    text-align: center;
}

.on {
    background-image: url("https://imgs0.zupu.cn/photos/common/20210624/ca4ed6d7-bcbf-4a21-9d9c-ddc51401754d.png");
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type='number'] {
    -moz-appearance: textfield;
}

[v-cloak] {
    display: none;
}