@charset "UTF-8";
/*
* @Author: cs5
* @Date:   2018-04-12 13:30:23
* @Last Modified by:   cs5
* @Last Modified time: 2018-04-12 16:30:11
*/
/*
 * scss变量设置
 */
/*  */
/*主色*/
/* 产品图片高:宽  652/440 首页的产品展示*/
/* 字体 */
/* 最大宽度 */
/*
* @Author: cs5
* @Date:   2018-04-12 13:30:23
* @Last Modified by:   cs5
* @Last Modified time: 2018-04-12 16:30:11
*/
/*
 * scss函数设置
 */
/*  */
/*高度与行高设置*/
/*宽度与高度设置*/
/*字体设置*/
/*背景图片设置*/
/*注意： @import url('common.css');这种是写是属于css的，在scss中编译过程将找不到文件*/
/*菜单start*/
.padding-top-nav {
    padding-top: 1.2rem;
}

.menu .m-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 999999;
}

    .menu .m-head .mh-box {
        height: 1.2rem;
        display: flex;
        align-items: center;
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
        position: relative;
        padding-right: 1.2rem;
    }

        .menu .m-head .mh-box .logo-box {
            display: flex;
            align-items: center;
        }

            .menu .m-head .mh-box .logo-box .logo {
                width: 2.1rem;
                margin-right: 0.2rem;
                vertical-align: middle;
            }

        .menu .m-head .mh-box .ico-menu {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 1.2rem;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

            .menu .m-head .mh-box .ico-menu i {
                position: relative;
                height: 0.06rem;
                width: 0.41rem;
                background-color: #fff;
                display: block;
                margin-top: 0.05rem;
                margin-bottom: 0.05rem;
                margin-left: 0.06rem;
            }

                .menu .m-head .mh-box .ico-menu i:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: -0.12rem;
                    width: 0.06rem;
                    height: 0.06rem;
                    background-color: #fff;
                }

.menu .mn-nav {
    z-index: 99999999999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

    .menu .mn-nav.active {
        opacity: 1;
        visibility: visible;
    }

        .menu .mn-nav.active .mn-box .mn-close, .menu .mn-nav.active .mn-box > ul {
            transform: translateX(0%) !important;
        }

    .menu .mn-nav .mn-box {
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        overflow: hidden;
    }

        .menu .mn-nav .mn-box .mn-close {
            display: block;
            background: url(../img/close-menu.png) no-repeat center;
            background-size: 0.6rem;
            width: 2rem;
            height: 1.2rem;
            background-color: #005aa8;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            transition: all 0.4s ease-out;
            transform: translateX(1000%);
        }

        .menu .mn-nav .mn-box > ul {
            position: absolute;
            top: 0;
            right: 0;
            left: 2rem;
            bottom: 0;
            background-color: #fff;
            transition: all 0.3s;
            transform: translateX(100%);
        }

            .menu .mn-nav .mn-box > ul li.mn-one-level > a {
                font-size: 0.3rem;
                padding-left: .2rem;
                display: block;
                height: 1rem;
                line-height: 1rem;
                border-bottom: 0.01rem solid #ddd;
            }

            .menu .mn-nav .mn-box > ul li.mn-one-level .mn-two-level-box {
                display: none;
                font-size: 0.28rem;
                border-bottom: 0.01rem solid #ddd;
            }

                .menu .mn-nav .mn-box > ul li.mn-one-level .mn-two-level-box a {
                    display: block;
                    height: .8rem;
                    line-height: .8rem;
                    width: 100%;
                    padding-left: .5rem;
                }

/*菜单end*/
/*底部start*/
.foot ul {
    display: flex;
    align-items: center;
}

    .foot ul li {
        flex-grow: 1;
        border-right: 0.01rem solid rgba(255, 255, 255, 0.4);
    }

        .foot ul li:nth-last-child(1) {
            border-right: none;
        }

        .foot ul li a {
            width: 100%;
            height: 1.26rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .foot ul li a img {
                width: 0.5rem;
                height: 0.5rem;
                margin-right: 0.2rem;
            }

/*底部end*/
/*公共的标题start*/
.wld-title .box {
    height: 1.06rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 0.25rem;
}

    .wld-title .box .title {
        position: relative;
    }

        .wld-title .box .title:before {
            content: '';
            display: block;
            position: absolute;
            left: -0.25rem;
            top: 50%;
            transform: translateY(-50%);
            width: 0.05rem;
            height: 0.22rem;
            background-color: #005aa8;
        }

/*公共的标题end*/
/*banner图start*/
.wld-banner img {
    width: 100%;
    vertical-align: bottom;
}

/*banner图end*/
/*首页start*/
.home .wrap-slide {
    padding-top: 56%;
    position: relative;
}

    .home .wrap-slide .slide-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .home .wrap-slide .swiper-container, .home .wrap-slide .swiper-slide {
        height: 100%;
    }

        .home .wrap-slide .swiper-slide * {
            height: 100%;
            width: 100%;
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

    .home .wrap-slide .swiper-pagination-bullet {
        border: 0.02rem solid #fff;
        opacity: 1;
        background-color: transparent;
    }

    .home .wrap-slide .swiper-pagination-bullet-active {
        background-color: #fff;
    }

.HM-head-title .cn {
    margin-top: 0.5rem;
}

.HM-head-title .en {
    margin: 0.2rem 0rem 0.3rem;
}

.home-line {
    margin: 0 25%;
    height: 1px;
    background-color: #2c85ce;
}

    .home-line span {
        display: block;
        width: 35px;
        margin: 0 auto;
        position: relative;
        background-color: #fff;
        height: 1px;
    }

        .home-line span:before, .home-line span:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            border: 1px solid #2c85ce;
            border-radius: 100%;
            display: block;
        }

        .home-line span:before {
            width: 16px;
            height: 16px;
            margin-top: -8px;
            margin-left: -8px;
        }

        .home-line span:after {
            width: 8px;
            height: 8px;
            margin-top: -4px;
            margin-left: -4px;
        }

.home .exhibition-service .content ul {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0.1rem;
}

    .home .exhibition-service .content ul li {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .home .exhibition-service .content ul li.active a {
            background-color: #2c8dde;
            border: 0.01rem solid #2c8dde;
        }

            .home .exhibition-service .content ul li.active a .img1 {
                display: none;
            }

            .home .exhibition-service .content ul li.active a .img2 {
                display: block;
            }

            .home .exhibition-service .content ul li.active a p {
                color: #fff;
            }

        .home .exhibition-service .content ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 1.52rem;
            height: 1.52rem;
            border-radius: 100%;
            border: 0.01rem solid #ccc;
        }

            .home .exhibition-service .content ul li a img {
                width: 0.4rem;
                height: 0.4rem;
                margin-bottom: 0.05rem;
            }

            .home .exhibition-service .content ul li a .img1 {
                display: block;
            }

            .home .exhibition-service .content ul li a .img2 {
                display: none;
            }

.home .exhibition-service .content .visa {
    background: url(../img/home-visa.jpg) no-repeat center;
    background-size: cover;
    height: 4.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .home .exhibition-service .content .visa .title {
        margin-top: 0.4rem;
    }

    .home .exhibition-service .content .visa .introduce {
        padding: 0.2rem 0rem;
        position: relative;
    }

        .home .exhibition-service .content .visa .introduce:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0.3rem;
            right: 0.3rem;
            background-color: #333;
            height: 0.02rem;
        }

    .home .exhibition-service .content .visa .info {
        width: 70%;
        line-height: 2;
        margin-top: 0.2rem;
    }

    .home .exhibition-service .content .visa .more {
        margin-top: 0.3rem;
        padding: 0.12rem 0.5rem;
        border: 0.01rem solid #666;
    }

.home .travel-service .content {
    padding-top: 0.4rem;
    padding-bottom: 0.7rem;
}

    .home .travel-service .content ul li {
        margin-bottom: 0.3rem;
        padding-top: 46.47%;
        position: relative;
        overflow: hidden;
        border-radius: 0.2rem;
    }

        .home .travel-service .content ul li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .home .travel-service .content ul li a {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .home .travel-service .content ul li a img {
                width: 100%;
            }

            .home .travel-service .content ul li a .info {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.2);
                background-image: url(../img/travel-rect.png);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 3.8rem 1.5rem;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .home .travel-service .content ul li a .info .cn {
                    margin-right: 0.3rem;
                }

.home .partner {
    overflow: hidden;
}

    .home .partner .content {
        padding: 0.4rem 0rem 0.1rem;
    }

        .home .partner .content ul {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }

            .home .partner .content ul li {
                position: relative;
                margin-top: 0rem;
                margin-bottom: 0.4rem;
                margin-left: 0.2rem;
                margin-right: 0.2rem;
            }

                .home .partner .content ul li:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    right: -0.2rem;
                    transform: translateY(-50%);
                    width: 0.02rem;
                    height: 0.23rem;
                    background-color: #666;
                }

                .home .partner .content ul li:nth-last-child(1):after {
                    width: 0;
                    background-color: transparent;
                }

/*首页end*/
/*合作伙伴start*/
.partner .consulate ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-right: -0.3rem;
}

    .partner .consulate ul li {
        width: 50%;
        padding-right: 0.3rem;
        margin-bottom: 0.3rem;
        display: flex;
    }

        .partner .consulate ul li.active, .partner .consulate ul li.active * {
            color: #005aa8;
        }

            .partner .consulate ul li.active a {
                border: 0.01rem solid #005aa8;
            }

        .partner .consulate ul li a {
            width: 100%;
            border: 0.01rem solid #ddd;
            padding: 0.36rem 0.2rem;
            display: flex;
            justify-content: center;
        }

/*合作伙伴end*/
/*新闻列表 start*/
.wld-all {
    width: 2.3rem;
    height: 0.58rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.3rem;
}

.news .wrap-news-list > ul > li a {
    padding: 0.4rem 0rem;
    border-bottom: 0.01rem dotted #ddd;
    display: flex;
}

    .news .wrap-news-list > ul > li a .img-box, .news .wrap-news-list > ul > li a .img-box i {
        min-width: 2.6rem;
        width: 2.6rem;
        height: 1.8rem;
        display: block;
    }

        .news .wrap-news-list > ul > li a .img-box i {
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    .news .wrap-news-list > ul > li a .right {
        width: calc(100% - 2.6rem - 0.3rem);
        margin-left: 0.3rem;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
        position: relative;
    }

        .news .wrap-news-list > ul > li a .right .time {
            margin-top: 0.2rem;
        }

        .news .wrap-news-list > ul > li a .right .desc {
            position: absolute;
            bottom: 0;
            width: 100%;
        }

.news .wrap-news-list .pagination-wrap {
    margin: 0.5rem 0rem;
}

/*新闻列表 end*/
/*新闻详情 start*/
.details-title {
    margin-top: 0.3rem;
}

.details-info {
    margin: 0.2rem 0rem 0.4rem;
}

.news-details .news-content .desc img {
    width: 100%;
}

.go-back {
    width: 1.78rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem auto;
}

.prev-next {
    height: 1.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .prev-next * {
        margin: 0.05rem 0rem;
    }

/*新闻详情 end*/
/*人才招聘 start*/
.jobs .job-sort .head-title {
    margin: 0.4rem 0rem 0.3rem;
    display: flex;
}

    .jobs .job-sort .head-title .w1 {
        width: 28%;
    }

    .jobs .job-sort .head-title .w2 {
        width: 22%;
    }

    .jobs .job-sort .head-title .w3 {
        width: 50%;
    }

.jobs .job-sort ul {
    margin-bottom: 0.4rem;
}

    .jobs .job-sort ul li {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.1rem;
    }

        .jobs .job-sort ul li .head-title {
            height: 0.8rem;
            background-color: #e9ecef;
            align-items: center;
            position: relative;
            margin: 0;
        }

            .jobs .job-sort ul li .head-title .ico {
                background-color: #dee4e9;
                background-image: url(../img/job-more.png);
                background-size: 60%;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 0.76rem;
                cursor: pointer;
            }

        .jobs .job-sort ul li .content {
            background-color: #f1f4f7;
            border-top: 0.01rem solid #fff;
            line-height: 2;
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
            display: none;
        }

            .jobs .job-sort ul li .content * {
                color: #666;
            }

            .jobs .job-sort ul li .content .contact {
                text-indent: 20px;
                margin: 0.4rem 0;
            }

/*人才招聘 end*/
/*关于我们 start*/
.about-me .introduce {
    background-image: url(../img/about-me-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

    .about-me .introduce .head {
        padding: 0.5rem 0rem;
    }

        .about-me .introduce .head .en {
            margin-bottom: 0.25rem;
        }

    .about-me .introduce .content {
        line-height: 2;
        margin-bottom: 1rem;
    }

.about-me .contact .head {
    padding: 0.5rem 0rem;
}

    .about-me .contact .head .en {
        margin-bottom: 0.25rem;
    }

.about-me .contact .more {
    line-height: 2.2;
    margin-bottom: 0.3rem;
}

.about-me .map {
    padding-top: 70%;
    position: relative;
}

    .about-me .map .box {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .about-me .map .box > * {
            height: 100%;
        }

/*关于我们 end*/
/*服务范围 start*/
.service-head-nav .box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.3rem;
}

    .service-head-nav .box a {
        align-self: center;
        width: calc(33.33% - 0.15rem);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.15rem;
        margin-bottom: 0.3rem;
        background-color: #d2d2d2;
        height: 0.6rem;
    }

        .service-head-nav .box a.active {
            background-color: #005aa8;
        }

        .service-head-nav .box a:nth-last-child(1) {
            margin-right: 0;
        }

.serser-title {
    margin-top: 0.45rem;
    margin-bottom: 0.3rem;
}

    .serser-title, .serser-title > * {
        position: relative;
        display: inline-block;
    }

        .serser-title:before, .serser-title:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            width: 0.12rem;
            height: 0.12rem;
            background-color: #d2d2d2;
            transform: translateY(-50%);
        }

        .serser-title:before {
            left: 0px;
        }

        .serser-title:after {
            right: 0px;
        }

        .serser-title > * {
            padding-left: 0.45rem;
            padding-right: 0.45rem;
        }

            .serser-title > *:before, .serser-title > *:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                width: 0.08rem;
                height: 0.08rem;
                background-color: #0074b1;
                transform: translateY(-50%);
            }

            .serser-title > *:before {
                left: 0.16rem;
            }

            .serser-title > *:after {
                right: 0.16rem;
            }

.service .content .exhibitions-img-box {
    position: relative;
    margin-bottom: 0.2rem;
}

    .service .content .exhibitions-img-box a {
        display: block;
    }

    .service .content .exhibitions-img-box img {
        width: 100%;
        vertical-align: bottom;
    }

    .service .content .exhibitions-img-box p {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: center;
        line-height: 0.6rem;
    }

/*服务范围 end*/
/*服务范围列表 start*/
.service-list .content .exhibitions li {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

    .service-list .content .exhibitions li a {
        display: flex;
    }

        .service-list .content .exhibitions li a .img-box {
            margin-right: 0.3rem;
        }

            .service-list .content .exhibitions li a .img-box * {
                display: block;
                min-width: 1.9rem;
                width: 1.9rem;
                height: 1.5rem;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                border: 0.01rem solid #ddd;
            }

        .service-list .content .exhibitions li a .info {
            line-height: 1.8;
            width: 100%;
        }

            .service-list .content .exhibitions li a .info > * {
                width: 100%;
                white-space: normal;
            }

/*服务范围列表 end*/
/*服务范围详情 start*/
.service-details .content .title {
    margin-bottom: 0.2rem;
}

/*服务范围详情 end*/
/*服务范围-签证办理业务 start*/
.slide-list .service-swiper {
    padding-top: 39.848%;
    overflow: hidden;
    position: relative;
}

    .slide-list .service-swiper .swiper-container {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .slide-list .service-swiper .swiper-wrapper {
        position: relative;
    }

    .slide-list .service-swiper .swiper-slide {
        position: relative;
    }

        .slide-list .service-swiper .swiper-slide img {
            width: 100%;
            vertical-align: bottom;
        }

        .slide-list .service-swiper .swiper-slide p {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.5);
            line-height: 0.6rem;
            padding: 0 0.2rem;
        }

    .slide-list .service-swiper .swiper-pagination {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slide-list .service-swiper .swiper-pagination-bullet {
        width: 0.16rem;
        height: 0.16rem;
        display: inline-block;
        border-radius: 100%;
        background: #fff;
        opacity: .3;
    }

    .slide-list .service-swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fff;
    }

.slide-list .service-mold {
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .slide-list .service-mold .swiper-container {
        width: 100%;
    }

        .slide-list .service-mold .swiper-container .swiper-wrapper .swiper-slide a {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

            .slide-list .service-mold .swiper-container .swiper-wrapper .swiper-slide a i {
                width: 0.8rem;
                height: 0.8rem;
                display: block;
                background-color: #f7f7f7;
                background-position: center;
                background-size: 100%;
                background-repeat: no-repeat;
                border-radius: 100%;
                margin-bottom: 0.15rem;
            }

/*服务范围-签证办理业务 end*/
/*服务范围-旅游-俄罗斯 start*/
/*服务范围-旅游-俄罗斯 end*/
/*服务范围-旅游-马尔代夫 start*/
/*服务范围-旅游-马尔代夫 end*/
/*服务案例-会展服务案例 start*/
.case .content > ul {
    display: flex;
    flex-wrap: wrap;
    m;
}

    .case .content > ul > li {
        width: calc(50% - 0.25rem);
        margin-right: 0.25rem;
    }

        .case .content > ul > li a {
            display: block;
        }

            .case .content > ul > li a .img-box {
                padding-top: 55.405%;
                overflow: hidden;
                position: relative;
            }

                .case .content > ul > li a .img-box * {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

            .case .content > ul > li a .info {
                padding: 0 0.15rem;
            }

                .case .content > ul > li a .info .title {
                    margin: 0.25rem 0;
                }

                .case .content > ul > li a .info .desc {
                    line-height: 1.8;
                    margin-bottom: 0.68rem;
                }

/*服务案例-会展服务案例 end*/
/*服务案例-会展服务案例详情 start*/
.case-details .content .desc img {
    width: 100%;
}

/*服务案例-会展服务案例详情 end*/
/* start*/
/* end*/
/*表格 start*/
.table-houseboat {
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-spacing: 0;
    border-collapse: collapse !important;
    /*比较重要的属性,利用谷歌浏览器调试工具从boostrap table框架插件中学到的*/
    width: 100%;
}

    .table-houseboat caption {
        padding: 0.3rem 0 0.22rem;
        text-align: left;
    }

    .table-houseboat td, .table-houseboat th {
        box-sizing: border-box;
        vertical-align: top;
    }

    .table-houseboat tbody tr td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        width: 160px;
        text-align: center;
        line-height: 3;
        vertical-align: middle;
        color: #666;
    }

/*表格 end*/
/*分页按钮 start*/
.pagination-wrap {
    text-align: center;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.22rem;
}

    .pagination .active {
        background-color: #0074b1;
    }

        .pagination .active a {
            color: #fff;
        }

    .pagination li {
        width: 0.52rem;
        height: 0.52rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.1rem;
        background-color: #eee;
        color: #666;
    }

        .pagination li a {
            width: 0.52rem;
            height: 0.52rem;
            color: #666;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .pagination .ellipsis {
        background-color: transparent;
        width: auto;
        padding: 0 5px;
    }

    .pagination .prev, .pagination .next {
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .pagination .prev {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDMwIDMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNMTkuNjQ4LDIyLjc4MWwtNy44MjMtNy43NDFsNy43NzItNy44NTZjMC4zNDYtMC4zNDUsMC4zNDQtMC45MDYtMC4wMDItMS4yNTJsMCwwDQoJYy0wLjM0Ny0wLjM0Ny0wLjkwNy0wLjM0OC0xLjI1MiwwLjA4NmwtOC4yOTIsOC4yOTJjLTAuMTEyLDAuMTI1LTAuMjQsMC4yNzMtMC4yNjIsMC4zNTNjLTAuMTMxLDAuMzI2LTAuMDY1LDAuNzI2LDAuMTk3LDEuMDU0DQoJbDguNDA4LDguNDA4YzAuMzQ4LDAuMjU5LDAuOTEsMC4yNiwxLjI1OC0wLjA4NkMxOS45OTgsMjMuNjkyLDE5Ljk5NywyMy4xMjksMTkuNjQ4LDIyLjc4MXoiLz4NCjwvc3ZnPg0K);
    }

    .pagination .next {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDMwIDMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjOTk5OTk5IiBkPSJNOS45ODcsNy4yMWw3LjgyMyw3Ljc0MWwtNy43NzIsNy44NTZjLTAuMzQ2LDAuMzQ1LTAuMzQ0LDAuOTA1LDAuMDAyLDEuMjUybDAsMA0KCWMwLjM0NywwLjM0NywwLjkwNywwLjM0OCwxLjI1Mi0wLjA4Nmw4LjI5Mi04LjI5MmMwLjExMi0wLjEyNSwwLjI0LTAuMjczLDAuMjYyLTAuMzUzYzAuMTMxLTAuMzI2LDAuMDY1LTAuNzI2LTAuMTk2LTEuMDU0DQoJbC04LjQwOC04LjQwOGMtMC4zNDgtMC4yNTktMC45MS0wLjI2LTEuMjU4LDAuMDg2QzkuNjM4LDYuMjk5LDkuNjM5LDYuODYyLDkuOTg3LDcuMjF6Ii8+DQo8L3N2Zz4NCg==);
    }

/*分页按钮 end*/

.scenic-spot .content table {
    width: 100%;
}



.foot .qrcode {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999999;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

    .foot .qrcode.active {
        visibility: visible;
        opacity: 1;
    }

        .foot .qrcode.active .box {
            opacity: 1;
            transform: scale(1);
        }

    .foot .qrcode .box {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transform: scale(0.5);
        transition: all 0.3s;
    }

        .foot .qrcode .box img {
            width: 4rem;
            height: 4rem;
        }


.scenic-spot .content img {
    max-width: 100%;
    height: auto !important;
}