@font-face {
        font-family: 'Special Elite';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/specialelite/v11/XLYgIZbkc4JPUL5CVArUVL0ntnAOSFNuQsI.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    /* https://freefrontend.com/css-quote-styles/ */

    /* https://codepen.io/JoeHastings/pen/MOdRVm */

    blockquote {
        /* font-family: 'Special Elite', cursive !important; */
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        width: 86%;
        height: 140px;
        line-height: 30px;
        position: absolute;
        margin-left: 7%;
        margin-top: 48px;
        border: 0px !important;
        padding: 0px 15px;
    }

    blockquote:before, blockquote:after {
        position: absolute;
        color: #FF224F;
        font-size: 70px;
        width: 2rem;
        height: 2rem;
    }

    blockquote:before {
        font-family: 宋体;
        content: '“';
        content: "“";
        left: -4rem;
        top: 0rem;
    }

    blockquote:after {
        font-family: 宋体;
        content: '”';
        right: -2rem;
        bottom: 1rem;
    }
    #container {
        background-color: #020227;
        color: #fff;
    }


    #container #nav.nav {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 3000;
    }
    #container .content {
        margin-top: 60px;
    }
    .content-up #cpv-tabs {
        margin-left: -15px;
    }
    #container .content .content-up,
    #container .content .content-down {
        width: 70%;
        margin: 0 15%;
    }

    #container .banner {
        height: 560px;
        margin-top: -130px;
    }

    #container .banner-head {
        position: relative;
        width: 70%;
        margin: 0 15%;
        margin-top: 70px;
        background-color: transparent;
    }

    #container .content h1 {
        margin: 0;
        height: 44px;
        line-height: 40px;
        padding-left: 48px;
        text-align: left;
        color: #fff;
        font-size: 28px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        margin-bottom: 30px;
    }
    .vsay-img, .intro-img, .profit-img, 
    .location-img, .fee-img, .needknow-img, .flow-img {
        float: left;
        margin-left: -5px;
    }
    .intro-img, .profit-img, .location-img, .fee-img{
        width: 40px;
    }
    .needknow-img {
        width: 32px;
        margin-top: 5px;
    }
    .flow-img {
        width: 42px;
        margin-left: -10px;
    }
    .page-head-top {
        background-color: transparent;
        display: flex;
        padding-top: 60px;
        justify-content: space-between;
    }
    .page-head-left {
        text-align: left;
        z-index: 1000;

    }
    .page-head-left .title {
        font-size: 45px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 68px;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    }
    
    .page-head-right {
        z-index: 1000;
        margin: auto 0;
    }

    .page-head-content {
        position: absolute;
        text-align: left;
        z-index: 1000;
        width: 100%;
    }

    .page-head-content .brief {
        font-size: 20px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        min-height: 30px;
        line-height: 30px;
        margin-top: 15px;
    }

    .page-head-content .tags {
        margin-top: 10px;
        letter-spacing: 1px;
    }

    .page-head-content .tags ul {
        list-style: none;
    }

    .page-head-content .tags ul li {
        float: left;
        height: 24px;
        overflow: hidden;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        background: rgba(0, 0, 0, 0.3);
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
        border-radius: 11px;
        padding: 4px 10px;
        margin-right: 8px;
    }

    .page-head-content .detail {
        font-size: 14px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 21px;
        margin-top: 50px;
    }
    
    .page-head-content .detail-left {
        float: left;
    }

    .page-head-content .detail-right {
        float: left;
    }

    .page-head-content .detail span{
        padding-left: 5px;
        padding-right: 25px;
    }

    .page-head-content .vsay {
        margin-top: 110px;
    }

    .page-head-content .vsay .vsay-up {
        height: 100px;
    }

    .page-head-content .vsay .vsay-up .vsay-up-right{
        font-size: 28px;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 70px;
        margin-left: 20px;
        float: left;
    }

    .page-head-content .vsay .vsay-down {
        background: #1C2C5B;
        width: 100%;
        height: 180px;
        border-radius: 20px;
        font-size: 16px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
    }

    .page-head-right .btn-order {
        width: 150px;
        height: 52px;
        line-height: 52px;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        transition: all 0.3s;
        background: linear-gradient(135deg, #FA7691 0%, #F44158 100%);
        text-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 50%), 0px 0px 20px 0px #f44158;
        border-radius: 30px;
        border: 0px;
        margin-left: 38px;
        line-height: 40px;
    }

    .vsay-img {
        width: 64px;
        margin-left: 0px;
    }
    .page-head-right .btn-order {
        margin: 0 auto;
    }

    .page-head-right .btn-order:hover {
        transform: scale(1.06);
    }
    /* .page-head-right .btn-order:focus {
        outline: auto;
    } */
    .page-head-end {
        position: absolute;
        line-height: 30px;
        width: 100%;
        height: 560px;
        margin-top: -560px;
        background: linear-gradient(180deg, rgba(2, 2, 39, 0) 0%, #020227 100%);
    }
    #container .content .nav-tabs > li {
        padding: 10px 15px 0px;
    }
    #container .content .nav-tabs > li > a {
        color: #ccc !important;
        font-size: 18px;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        padding: 0px !important;
        padding-bottom: 20px !important;
        border: 0px;
    }
    #container .nav-tabs > li > a:hover, #container .nav-tabs > li > a:focus {
        color: #FF224F !important;
        border: 0px;
    }
    #container .content  .nav-tabs > li.active > a,#container .content .nav-tabs > li:hover a, #container .content .nav-tabs > li:focus a {
        color: #FF224F !important;
        background-color: transparent !important;
    }
    #container .content  .nav-tabs > li.active > a {
        border: 0px;
        border-bottom: 4px solid #FF224F;
    }

    #container .content .tab-pane {
        margin-bottom: 50px;
        opacity: 1 !important;
    }

    .medias {
        margin-top: 20px;
    }

    .medias .media-container li{
        list-style: none;
        float: left;
        width: 480px;
        height: 270px;
        margin-right: 40px;
        background: #252544;
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        
    }

    .medias .media-container li .img{
        width: 100%;
        height: 270px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;

    }
    .medias .media-container li video{
        width: 100%;
        height: 100%;
        background: #252544;
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        outline: none;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-container.init {
        width: 70%;
        margin: 0 16%;
        overflow: inherit;
    }
    .swiper-container .media-container {
        margin-left: -15px;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;

        /* 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;
    }

    .swiper-button-prev, .swiper-button-next, .swiper-pagination {
        display: none;
    } 

    .breakdiv {
        margin-bottom: 50px;
    }

    .sub-title {
        font-size: 22px;
        font-weight: bold;
        color: #8891AB;
        line-height: 33px;
        margin-bottom: 20px;
    }

    .flow {
        background: #020227;
        margin-top: 5px;
    }

    .flow .flow-down img {
        width: 100%;
    }

    .flow .flow-down .flow-down-img {
        display: block;
    }

    .flow .flow-down .flow-down-mobile-img {
        display: none;
    }
    .exps {
        width: 100%;
        position: relative;
        margin: 0px auto;
        background-color: #020227;
        padding-bottom: 0px;
    }
    .exps ul {
        list-style: none;
        margin: 0 auto;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .exps ul li {
        margin-bottom: 40px;
    }
    .exps li .exp {
        background-color: #0c1448;
        color: #fff;
        width: 250px;
        height: 198px;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        border-radius: 20px;
        transition: all 0.3s;
    }
    .exps li .exp .exp-img{
        width: 100%;
        height:198px;
        position: absolute;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        /* opacity: 0.6; */
    }

    .exps li .exp .exp-mask{
        width: 100%;
        height: 198px;
        position: absolute;
        /* background: #101846;
        opacity: 0.6; */
        background-color: rgba(16, 24, 70, 0.4);
    }
    .exps li .exp .exp-content {
        position: absolute;
        padding: 0 20px;
        padding-top: 30px;
    }

    .exps li .exp .exp-t {
        font-size: 17px;
        font-weight: 400;
        line-height: 30px;
    }

    .exps li .exp .exp-c {
        font-size: 15px;
        font-weight: 300;
        line-height: 30px;
        margin-top: 12px;
    }

    .exps li .exp img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

    .profits .profit{
        height: 108px;
        line-height: 108px;
        background-color: #0c1449;
        border-radius: 20px;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 35px;
        display: table;
        width: 100%;
    }

    .profits .profit img {
        margin-left: 30px;
        margin-top: 36px;
        margin-right: 15px;
    }

    .profits .profit .profit-content {
        line-height: 30px;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        padding-right: 5%;
    }
    .routes-container .location .location-content {
        float: left;
        margin-top: 8px;
        font-size: 20px;
        font-weight: bold;
        color: #FF224F;
    }
    .routes-container .routes {
        min-height: 60px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .routes-container .routes  .route-img img {
        box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 20%);
        border-radius: 20px;
    }

    .routes-container .routes .route-title {
        font-size: 20px;
        font-weight: 400;
        color: #FFFFFF;
        padding-top: 10px;
    }

    .routes-container .routes .route-content {
        color:#8891AB;
        font-size: 13px;
        font-weight: 400;
    }

    /* 纯CSS时间轴列表: http://www.ayqy.net/blog/%E7%BA%AFcss%E6%97%B6%E9%97%B4%E8%BD%B4%E5%88%97%E8%A1%A8/ */
    /* 列表项间隔padding-top */
    .listItem {
        position: relative;
        padding-left: 40px;
        padding-top: 10px;
    }
    /* 列表项自带竖线 */
    .listItem:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        width: 3px;
        height: 100%;
        border-right: 2px dotted #888;
        left: 18px;
        z-index: 1;
    }
    /* 列表项自带小圆点 */
    .listItem:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: #3960D1;
        border-radius: 12px;
        left: 14px;
        top: 50%;
        margin-top: -2px;
        z-index: 1;
    }

    .listItem:last-child:before {
        height: 50%;
    }
    /* 高亮小圆点 */
    .listItem.highlight:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        background-color: #3d93fd;
        border: 4px solid #88bdfe;
        border-radius: 8px;
        left: 12px;
        -webkit-box-shadow: 0 0 0 3px #d8e9ff;
        box-shadow: 0 0 0 3px #d8e9ff;
        z-index: 2;
    }
    /* 高亮列表项 */
    .listItem.highlight > .listItemContent {
        background-color: #3d93fd;
        color: #fff;
    }
    /* 高亮列表项内容 */
    .listItem.highlight .listItemContent-date{
        color: #fff;
    }

    .scene {
        width: 100%;
        position: relative;
        margin: 0px auto;
        height: 450px;
        background-color: #020227;
        padding-bottom: 0px;
    }

    #container .content .scene h1 {
        font-size: 22px;
        padding-left: 0px;
    }

    .scene .scene-content-top {
        display: flex;
        justify-content: space-between;
        margin: 0px auto;
    }

    .scene .scene-more-container .scene-more {
        width: 180px;
        height: 44px;
        text-align: right;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        color: #DBDEE9;
        line-height: 44px;
    }
    .scene .scene-more-container .scene-more:hover {
        color:#fff;
    }
    /* .scene .scene-more-container .scene-more:focus {
        outline: auto;
    } */
    .scene ul {
        list-style: none;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

    }
    .scene li .s-badge {
      position: absolute;
      overflow: hidden;
      width: 50px;
      height: 20px;
      top: 20px;
      right: 20px;
      text-align: center;
      background: linear-gradient(137deg, #FF597B 0%, #FF224F 100%);
      box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 20%);
      border-radius: 10px;
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 20px;
      text-shadow: 0px 20px 40px rgb(0 0 0 / 20%);
    }

    .scene li .s-box {
        color: #fff;
        width: 225px;
        height: 300px;
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
        border-radius: 20px;
        transition: all 0.5s;
    }

    .scene li .s-box img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

    .scene li .s-box .s-img {
        width: 100%;
        height:300px;
        position: absolute;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .scene li .s-box .s-mask {
        width: 100%;
        height:300px;
        position: absolute;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(90, 182, 242, 0) 0%, #36509C 100%);
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
    }
    
    .page-head-content .cover-img-container {
        display: none;
    }

    .scene li .s-box .s-container {
        position: absolute;
        padding: 0 10px;
        bottom: 10px;
        z-index: 2;
        overflow: hidden;
        width: 100%;
    }

    .scene li .s-box:hover {
        transform: scale(1.06);
    }
    .scene li .s-box:hover .s-mask {
        background: linear-gradient(180deg, rgba(90, 182, 242, 0) 0%, #F44158 100%);
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
    }

    .scene li .s-box .s-up {
        font-size: 22px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        line-height: 36px;
        text-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.5);
    }

    .scene li .s-box .s-middle {
        font-size: 13px;
        font-weight: 400;
        line-height: 33px;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .scene li .s-box .s-down {
        margin-top: 10px;
        letter-spacing: 1px;
    }

    .scene li .s-box .s-down ul {
        list-style: none;
    }

    .scene li .s-box .s-down ul li {
        float: left;
        height: 24px;
        /* width: 56px; */
        overflow: hidden;
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        background: rgba(0, 0, 0, 0.3);
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.2);
        border-radius: 11px;
        padding: 4px 10px;
        margin-right: 8px;
    }

    @media (max-width: 1121px) {
        @media (min-width: 768px) {
            #container .banner-head {
                width: 96%;
                margin: 0 2%;
                margin-top: 70px;
            }
            .page-head-top {
                padding-left: 6%;
                padding-right: 6%;
            }
            .page-head-content {
                padding-left: 6%;
                padding-right: 6%;
            }
            #container .content .content-up,
            #container .content .content-down {
                width: 88%;
                margin: 0 6%;
            }
            #container .content .content-down {
                padding-left: 15px;
                padding-right: 15px;
            }
            .content-up #cpv-tabs {
                margin-left: 0px;
            }
            .swiper-container .media-container {
                margin-left: 0px;
            }

            .swiper-container.init {
                width: 88%;
                margin: 0 6%;
                padding-left: 15px;
            }
            .vsay-img, .intro-img, .profit-img, .location-img, .fee-img, .needknow-img, .flow-img {
                margin-left: 0px;
            }
            blockquote {
                margin-top: 28px;
                width: 77%;
            }
            blockquote:after {
                right: 0rem;
            }
            .exps ul li.col-sm-6 {
                width: 50%;
            }
        }
    }
    @media (max-width: 1443px) {
        .exps ul li:nth-child(4n+0) .exp {
            margin-left: 0px;
        }
        .exps ul li:nth-child(3n+1) .exp {
            margin-left: 0px;
        }
        .exps ul li:nth-child(3n) .exp {
            margin-right: 0px;
        }

    }
    @media (min-width: 1121px) {
        .page-head-right {
            right: 0px;
        }
    }
    @media (min-width: 768px) and (max-width: 781px) {
        .exps ul li:nth-child(3n+1) .exp {
            margin-left: auto;
        }
        .exps ul li:nth-child(2n+1) .exp {
            margin-left: 0;
        }
        .exps ul li:nth-child(3n) .exp {
            margin-right: auto;
        }
        .exps ul li:nth-child(2n) .exp {
            margin-right: 0;
        }
    }
    @media (min-width: 768px) and (max-width: 852px) {
        .page-head-top {
            padding-left: 2%;
            padding-right: 2%;
            padding-top: 20px;
        }
        .page-head-left .title {
            font-size: 32px;
            /* padding-top: 10px; */
        }
        .page-head-content {
            padding-left: 2%;
            padding-right: 2%;
        }
        blockquote {
            width: 85%;
        }
        #container .content .content-up, 
        #container .content .content-down {
            width: 96%;
            margin: 0 2%;
        }
        .swiper-container.init {
            width: 96%;
            margin: 0 2%;
            padding-left: 15px;
        }
    }
    @media (max-width: 767px) {
        #container .banner-head {
            width: 100%;
            margin: 0;
            margin-top: 40px;
        }
        #container .banner {
            height: 375px;
            margin-top: -68px;
        }
        .page-head-top {
            padding-left: 4%;
            padding-right: 4%;
            padding-top: 30px;
        }
        .page-head-left .title {
            font-size: 20px;
            text-align: left;
            line-height: 30px;
        }

        .page-head-left .title {
            font-size: 20px;
            text-align: left;
            line-height: 30px;
        }
        .page-head-left .title {
            line-height: 40px;
        }
        .page-head-left .title.more-word {
            line-height: 30px;
        }
        .page-head-content {
            top: 90px;
            padding-left: 4%;
            padding-right: 4%;
            margin-top: -20px;
        }
        .content-up #cpv-tabs {
            margin-left: 0px;
        }
        .page-head-content .brief {
            font-size: 14px;
            text-align: left;
        }
        .page-head-right .btn-order {
            width: 102px;
            height: 30px;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            background: linear-gradient(135deg, #FA7691 0%, #F44158 100%);
            box-shadow: 0px 0px 20px 0px #F44158;
        }
        .page-head-content .vsay {
            margin-top: 85px;
        }
        .page-head-content .vsay .vsay-up {
            height: 66px;
        }
        .vsay-img {
            width: 40px;
        }
        .page-head-content .vsay .vsay-up .vsay-up-right {
            font-size: 16px;
            line-height: 40px;
        }
        .page-head-content .vsay .vsay-down {
            font-size: 14px;
            height: 265px;
        }

        blockquote {
            font-size: 14px;
            width: 87%;
            height: 225px;
            line-height: 26px;
            margin-left: 24px;
            margin-top: 28px;
            padding: 0px 20px;
        }
        blockquote:before, blockquote:after {
            font-size: 50px;
        }
        blockquote:before {
            left: -2rem;
            top: 0rem;
        }
        blockquote:after {
            right: 0rem;
            bottom: -1rem;
        }
        #container .content .content-up, 
        #container .content .content-down {
            width: 92%;
            margin: 0 4%;
        }
        .swiper-container.init {
            width: 96%;
            margin: 0 2%;
            padding-left: 15px;
        }
        .swiper-container .media-container {
            margin-left: 0px;
        }
        #container .content .content-up {
            margin-top: 160px;
        }
        #container .content .content-down {
            margin-top: 30px;
        }
        #container .content .nav-tabs > li {
            padding: 10px 8px;
        }
        #container .content .nav-tabs > li > a {
            font-size: 16px;
            padding-bottom: 16px !important;
        }
        .page-head-end {
            height: 375px;
            margin-top: -375px;
        }
        .medias .media-container li {
            width: 304px;
            height: 170px;
        }
        .medias .media-container li .img {
            height: 170px;
        }
        .swiper-pagination {
            display: block;
        }
        #container .content h1 {
            font-size: 20px;
            padding-left: 36px;
            margin-bottom: 0px;
        }
        .intro-img, .profit-img, .location-img, .fee-img, .needknow-img, .flow-img {
            width: 25px;
            margin-top: 8px;
        }
        .intro-img {
            width: 30px;
        }
        .fee-img {
            width: 32px;
            margin-left: -8px;
        }
        .flow-img {
            width: 36px;
        }
        .breakdiv {
            margin-bottom: 10px;
        }
        .sub-title {
            font-size: 16px;
        }
        .exps {
            margin-left: 0px;
        }
        .exps ul {
            display: block;
        }
        .exps ul li.col-md-3 {
            width: 100%;
            margin-bottom: 30px;
        }
        .exps li .exp {
            width: 100%;
            border-radius: 10px;
        }
        .exps li .exp .exp-t {
            font-size: 16px;
        }
        .exps li .exp .exp-c {
            font-size: 14px;
        }
        .profits .profit {
            height: auto;
            line-height: auto;
            font-size: 16px;
            margin-bottom: 35px;
            display: block;
            width: 100%;
            padding-bottom: 10px;
        }
        .profits .profit img {
            margin-top: 36px;
            width: 34px;
            display: block;
            float: none;
            margin: 0 auto;
            padding-top: 20px;
        }
        .profits .profit .profit-content {
            line-height: 30px;
            display: block;
            width: 100%;
            padding: 15px 25px;
            font-size: 14px;
        }
        .routes-container .location .location-content {
            font-size: 16px;
        }
        .listItem {
            padding-bottom: 20px;
        }
        .listItem:before {
            left: 11px;
        }
        .listItem:after {
            left: 7px;
        }
        
        .routes-container {
            margin-top: -10px;
        }

        .routes-container .routes .route-img {
            padding: 3px 0 5px;
        }
        .routes-container .routes .route-img img {
            border-radius: 10px;
        }

        .flow .flow-down .flow-down-img {
            display: none;
        }
        .flow .flow-down .flow-down-mobile-img {
            display: block;
            width: 50%;
            margin: 0 auto;
        }
        .scene {
            height: auto;
            padding-bottom: 0px;
        }
        .scene .scene-content-top {
            margin-bottom: 80px;
        }
        .scene .scene-content > ul {
            display: flex;
            margin-top: -40px;
            flex-wrap: wrap;
        }
        .scene .scene-content > ul > li {
            width: 100%;
            height: 248px;
            height: 360px;
            margin-bottom: 60px;
        }
        .scene li .s-box {
            width: 270px;
            height: 360px;
        }
        .scene li .s-box .s-container {
          padding: 0 15px;
        }
        .scene li .s-box .s-img, .scene li .s-box .s-mask {
          height: 360px;
        }
        .scene li .s-box .s-middle {
            font-weight: 600;
        }
        .scene .s-down {
            margin-top: 10px;
        }
        .scene .s-down  ul {
            margin-top: 0px;
        }
        .scene li .s-box .s-up {
            /* height: 282px; */
            padding-top: 210px;
        }
    }

    @media (min-width: 610px) and (max-width: 767px) {
        .scene .scene-content > ul > li {
            flex: 1;
            width: 50%;
            height: 360px;
            padding: 0px;
            margin: 0 auto;
            margin-bottom: 20px !important;
            margin-top: 10px;
        }
        .scene .scene-content > ul {
            padding-bottom: 40px;
        }
    }


    @media (max-width: 465px) {
        blockquote {
            width: 85%;
        }
        .page-head-content .brief {
            margin-top: 5px;
            margin-bottom: 10px;
        }
        .page-head-content .brief.more-word {
            margin-top: 20px;
        }
        .page-head-content .tags {
            margin-top: 0px;
        }
        .page-head-content .tags ul {
            display: inline-block;
            overflow: hidden;
            height: 24px;
            line-height: 24px;
        }
        .page-head-content .tags ul li {
            padding: 4px 8px;
            line-height: 16px;
        }
        .page-head-content .detail {
            margin-top: 0px;
        }
        .page-head-content .vsay {
            margin-top: 45px;
        }
        .page-head-content .vsay .vsay-up {
            height: 56px;
        }
        
    }

    @media (max-width: 356px) {
        .scene li .s-box {
            width: 250px;
        }
    }
    @media (max-width: 342px) {
        .page-head-left .title {
            font-size: 18px;
            /* padding-right: 6px; */
        }
    }

    @media (max-width: 375px) {
        blockquote {
            width: 82%;
        }
        #container .content .nav-tabs > li > a {
            font-size: 13px;
        }
    }
    @media (min-width: 1429px) {
        .exps ul {
            justify-content: flex-start;
        }
        .exps ul li {
            width: 33.33%;
        }
    }
    @media (min-width: 1500px) {
        .exps ul {
            justify-content: flex-start;
        }
        .exps ul li {
            width: 25%;
        }
    }