html {
    font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.667px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
    html {
        font-size: 48px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
    html {
        font-size: 50px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
    html {
        font-size: 52.4px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
    html {
        font-size: 54.93px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
    html {
        font-size: 55.2px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
    html {
        font-size: 64px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
    html {
        font-size: 72px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
    html {
        font-size: 85.33px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
    html {
        font-size: 96px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
    html {
        font-size: 102.4px;
        font-size: 13.33333vw;
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size: 102.4px;
    }
}

body{ max-width: 7.5rem; margin:0 auto;font: 400 0.28rem/1.5 Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;}
#jdsybanner{ background:#fff;}
.navbox {margin-bottom: 0.2rem;padding-bottom: 0.16rem;}
#banner img{width: 100%;height: 3.26rem;object-fit: cover;}
div#banner {position: relative; height: 3.24rem;overflow: hidden;}
.h2biaoti{ position:absolute; color:#fff; left:42%; top:30%; font-size: 0.6rem;font-family: "微软雅黑";}
.pjshao{ position:absolute;color:#fff; top:60%; left:25%;font-family: "微软雅黑";}
swiper-wrapper .webkit_box {position: absolute;top: 0;}
.cyj_banner_text {position: relative;z-index: 10;}
.swiper-wrapper h2 {text-align: center;line-height: 1.5;font-size: 0.6rem;color: #fff;text-shadow: 0 0 0.02rem rgba(0,0,0,0.3);}
.swiper-wrapper .cyj_banner_title {display: -webkit-box;-webkit-box-orient: horizontal;}
.swiper-wrapper .cyj_banner_title .cyj_banner_line.left {margin: 0.08rem 5% 0.08rem 0%;}
.swiper-wrapper .cyj_banner_title .cyj_banner_line {width: 41%;height: 0.02rem;border-top: 0.02rem solid #fff;opacity: 0.5;}
.swiper-wrapper .cyj_banner_title .cyj_banner_icon {width: 0.28rem;height: 0.2rem;background: url(http://webresource.c-ctrip.com/ResGSH5Online/R1/build/destination/img/banner.png?v=20160615_18_47) no-repeat;background-size: 100% auto;}
.swiper-wrapper .cyj_banner_title .cyj_banner_line.right {margin: 0.08rem 0% 0.08rem 5%;}
.swiper-wrapper p {display: -webkit-box;-webkit-box-orient: vertical;text-align: center;margin: 0 auto 0.1rem;font-size: 0.38rem;color: #fff;text-shadow: 0 0 0.04rem rgba(0,0,0,0.4);}
div#count_weather p {color: #666;font-size: 0.28rem;line-height: 0.6rem;text-align: center;}
.webkit_box {width: 100%;height: 100%;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;position: absolute;background: rgba(0, 0, 0, 0.41);}
.navbox{ margin-top:0.2rem;}
.weather {background: #efefef;height: 0.6rem;line-height: 0.6rem;padding: 0 0.2rem;position: relative;border-width: 0;border-bottom: 0.02rem solid #c8c8c8;}
weather p {color: #666;font-size: 0.28rem;line-height: 0.6rem;text-align: center;}
.shiqujd {width: 100%;background: #FFF;min-height: 1.12rem; margin-bottom:0.2rem;}
.shiqujd ul li {width: 33.29%; background-color: #fff;float: left;}
.border_rigt{ background:url(../images/xian.png)right no-repeat;}
.shiqujd i {width: 0.4rem;height: 0.4rem;background: url(../images/jdytb.png) no-repeat;float: left;background-size:1.2rem 0.4rem;margin-right: 0.14rem;}
.kuai {padding-top: 0.36rem;padding-bottom: 0.36rem;display: inline-flex;margin: 0 auto;text-align: center;width:1.84rem;}
i.jdtb_2{background-position: -0.4rem 0;}
i.jdtb_3{background-position: -0.8rem 0;}
#jdsyzsjd{background: #fff;min-height:0;margin-bottom: 0.2rem;}
#rmzty {background: #fff;min-height: 0;margin-bottom: 0.2rem;}
#rmzty ul li{height:0.84rem; overflow:hidden;border-bottom: 0.02rem solid #ddd;}
#rmzty i{width:10%; height:0.84rem; float:left;display: inline-block;vertical-align: middle; background-position: center 0.2rem;background-image: url(../images/ztytb.png);background-repeat: no-repeat;background-size: 0.5rem auto;}
#rmzty .gty{width:40%;font-size: 0.28rem;border-width: 0;border-bottom: 0.02rem solid #e0e0e0;line-height: 0.84rem;height: 0.84rem;display: block; float:left;}
#rmzty .gtyjs{width:50%;font-size: 0.24rem;border-width: 0;border-bottom: 0.02rem solid #e0e0e0;line-height: 0.84rem;height: 0.84rem;display: block; float:left; color:#666;overflow: hidden;}
#rmzty .tb_2{background-position: center -0.82rem;}
#rmzty .tb_3{background-position: center -1.76rem;}
#rmzty .tb_4{background-position: center -2.84rem;}

.zbjd {width: 100%;background: #FFF;min-height: 0.92rem; margin-bottom:0.2rem;}
.zbjd ul li {width: 33.29%; background-color: #fff;float: left;}
.zbjd i {width: 0.4rem;height: 0.4rem;background: url(../images/zb.png) no-repeat;float: left;background-size:1.6rem 0.4rem;margin-right: 0.14rem;}
.zbkuai {padding-top: 0.22rem;padding-bottom: 0.28rem;display: inline-flex;margin: 0 auto;text-align: center;width:1.84rem;}
i.zbtb_2{background-position: -0.4rem 0;}
i.zbtb_3{background-position: -0.8rem 0;}

.shengjd {width: 100%;background: #FFF;min-height: 0.92rem; margin-bottom:0.2rem;}
.shengjd ul li {width:33.33%; background-color: #fff;float: left;}
.shengjd i {width: 0.4rem;height: 0.4rem;background: url(../images/zb.png) no-repeat;float: left;background-size:1.6rem 0.4rem;margin-right: 0.14rem;}
.shengkuai {padding-top: 0.22rem;padding-bottom: 0.28rem;display: inline-flex;margin: 0 auto;text-align: center;width:1.84rem;}
i.shengtb_1{background-position: -0.4rem 0;}
i.shengtb_2{background-position: -0.8rem 0;}
i.shengtb_3{background-position: -1.2rem 0;}

.bti p{ margin-left:0.2rem;}

#zbcs{background: #fff;min-height: 0;margin-bottom: 0.2rem;}
.navlist {background: #fff;height: auto;}
.navlist ul li {border-width: 0;border-right: 0.02rem solid #e0e0e0;border-bottom: 0.02rem solid #e0e0e0;-webkit-box-sizing: border-box;width: 50%;float: left;height: 1.1rem;}
.navlist ul li a {padding: 0.14rem 0 0 0.3rem;position: relative;font-size: 0.3rem;display: block;}
.navlist ul li a span {font-size: 0.22rem;color: #666;font-weight: normal;}
.navlist ul li a span em {color: #FF9913;}

#lycs {background: #fff;min-height: 0;margin-bottom: 0.2rem;}
#lycs ul li a{display:block; line-height:0.88rem; text-align:center; color: #666;}
#lycs ul li {border-width: 0;border-right: 0.02rem solid #e0e0e0;border-bottom: 0.02rem solid #e0e0e0;-webkit-box-sizing: border-box;width: 33.33%;float: left;height: 0.88rem;}
.quanbu a {text-align: center;display: block;padding: 0.1rem 0 0.1rem 0;color: #F98E2C;}

.dibuwenz {padding-bottom: 0.08rem;color: #666;text-indent: 0.12rem;}

#dbrmjd {background: #fff;min-height: 0;margin-bottom: 0.2rem; height: 2.5rem;overflow: hidden;}
#dbrmjd ul li {border-width: 0;border-right: 0.02rem solid #e0e0e0;border-bottom: 0.02rem solid #e0e0e0;-webkit-box-sizing: border-box;width: 25%;float: left;height: 0.88rem;overflow:hidden;}
#dbrmjd ul li a {display: block;line-height: 0.88rem;text-align: center;color: #666;}

.shiqujd a {display: flex;}
.zbjd a {display: flex;}
.shengjd a {display: flex;}

.atleLP {width:100%; border-bottom: 0.02rem solid #DDDDDD;}
.atleLP *{padding:0; margin:0;}
.atleLP ul,.atleLP li{list-style:none;}
.atleLP h2 {font-size:0.24rem; font-weight:normal;}.atleLP img {border:none;} 
.atleLP a {color:#000;text-decoration:none;}
.atleLP a:visited {color:#000;text-decoration:none;}
.atleLP a:hover {color:#ff6503;text-decoration:none;}
.atleLP a:active {color:#000;}.atleLP .hidden{display:none;}
.atleLP .cB {color:#252525;}.tabCtrl {height:0.84rem; overflow:hidden;background-color:#f7f7f7;}
.tabCtrl li {float:left; width:49%; line-height:0.78rem; display:inline-block; *display:inline; *zoom:1;color:#202020; cursor:pointer; font-family:"Microsoft Yahei", "黑体", serif; font-size:0.32rem; text-align:center;border-top:0.02rem solid #dbdee1;border-bottom:0.02rem solid #dbdee1;}
.tabCtrl a{color:#202020;}
.tabCtrl .active {background:#fff;color:#000; border-bottom:0.06rem solid #ff6503; border-left:0.02rem solid #dbdee1;border-right:0.02rem solid #dbdee1;}
.tabCtrl .no-left{}
.tabCtrl .active a{color:#000;background:#fff; text-decoration:none;}
.atleLP .tabCon .active {display:block;overflow:hidden;}
.atleLP .tabCon .clearfix {*zoom:1;clear:both;overflow:hidden;}

.navbox .new_nav a .new_nav_sprites {
    display: block;
    background-image: url(../images/tbiao.png);
    background-size: 4rem 2rem;
    width: 1rem;
    height: 1rem;
    margin: 0 0 0.1rem 0;
}
.navbox .new_nav a .new_nav_sprites.traffic {
    background-position: -1rem 0;
}
.navbox .new_nav a .new_nav_sprites.stay {
    background-position: -2rem 0;
}
.navbox .new_nav a .new_nav_sprites.tour {
    background-position: -3rem 0;
}
.navbox .new_nav a .new_nav_sprites.sight {
    background-position: 0 -1rem;
}
.navbox .new_nav a .new_nav_sprites.restaurant {
    background-position: -1rem -1rem;
}
.navbox .new_nav a .new_nav_sprites.shop {
    background-position: -2rem -1rem;
}
.navbox .new_nav a .new_nav_sprites.entertainment {
    background-position: -3rem -1rem;
}
.menu-header-icon {
    background: url(../images/toptb.png)no-repeat;
    background-position: 0px 0.28rem;
    background-size: 0.44rem;
}
#jdsyzsjd {
    background: #fff;
    min-height: 0;
    margin-bottom: 0.2rem;
}

#banner .swiper-slide{height:3.24rem;}

/*nav style*/
.i-category-list {position: relative;width: 100%;padding-top: 0;padding-bottom: 0.4rem;font-size: 0.26rem;background-color: #fff;overflow: hidden;background-repeat: no-repeat;background-size: 100% 100%;background-position: top left;}
.i-category-list ul.swipe-box {position: relative;height: 2.88rem;overflow: hidden}
.i-category-list ul.swipe-box>li {position: relative;float: left;width: 100%}
.i-category-list ul.list {height: 2.88rem;text-align: center}
.i-category-list ul.list li {display: inline-block;width: 25%;text-align: center;margin-top: 0.24rem;float: left}
.i-category-list ul.list li span.btn_icon {display: inline-block;width: 0.8rem;height: 0.8rem;line-height: 0.8rem;text-align: center;vertical-align: middle;color: #fff;background-repeat: no-repeat;background-size: 0.8rem;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s}
.i-category-list ul.list li span.word {display: block;font-size: 0.26rem;line-height: 0.28rem;color: #222;text-align: center;margin-top: 0.12rem}
.i-category-list ul.list a {display: block}
.i-category-list.swipe-container {position: relative}
.i-category-list.swipe-container .swipe-box li.swipe-frame {display: block}
.i-category-list.swipe-container .swipe-pagenavi {position: absolute;bottom: 0.1rem;left: 0;width: 100%;height: 0.04rem;text-align: center;font-size: 0}
.i-category-list.swipe-container .swipe-pagenavi .swiper-pagination-bullet {background: #666;width: 0.3rem;height: 0.04rem;margin: 0 0.02rem;line-height: 1.98rem;overflow: hidden;cursor: pointer;display: inline-block;*display:inline;*zoom:1}
.i-category-list.swipe-container .swipe-pagenavi .swiper-pagination-bullet-active {background: #23cc77}
.i-category-list.swipe-container.loading .swipe-box li.swipe-frame {display: none}
.i-category-list.swipe-container.loading .swipe-box li.swipe-frame:first-child {display: block}

/*new right footer*/
#tabs>ul>li {float: left;position: relative;background-color: #fcfafa;text-align: center;height: 0.68rem;width: 1.68rem;margin-bottom: 0.2rem;margin-right: 0.2rem}
#tabs ul li.ui-state-active {color: #fff;background: #15AD5C;}
#tabs ul li.ui-state-active:after {content: '';left: 0;right: 0;bottom: -0.02rem;position: absolute;display: block;height: 0.02rem;background-color: #fff;}
#tabs ul li.ui-state-active a {color: #fff;float:none;}
#tabs>ul>li>a {display: block;padding: 0.1rem 0 0.08rem;font: 0.28rem/0.46rem 'Pathway Gothic One',;text-transform: uppercase;outline: none;font-family: 微软雅黑;color:#666;float:none;}
div#tabs {border-top: 0.02rem solid #e0e0e0;padding-top: 0.2rem;}
.clear {clear: both;}
.sqcgkd {border-top: 0.02rem solid #E0E0E0;height: 0.6rem;text-align: center;}
.sqcgkd a {color: #F60;line-height: 0.6rem;text-align: center;display: block;}
#lybb {background: #fff;min-height: 0;margin-bottom: 0.2rem;}
.indextdd a {display: inline-block;text-align: center;width: 49%;padding: 0.24rem 0;}

.indextdd a dl.icon_gottdin dt {float: left;line-height: 0.6rem;}
.linepx.h3 {border-width: 0;border-right: 0.02rem solid #E0E0E0;height: 0.7rem;width: 0;display: inline-block;position: absolute;left: 50%;top: 0.3rem;}
.indextdd {position: relative;border-bottom: 0.02rem solid #E0E0E0;}
dl dt i {width: 0.4rem;height: 0.4rem;background: url(/jingdian/images/mudidi.png) no-repeat; background-size:1.6rem 0.4rem;float: left;margin:0.08rem 0.2rem 0 0.3rem;}
.lvbbtb_1{background-position:-0.4rem 0;}
.lvbbtb_2{background-position:-0.8rem 0;}
.lvbbtb_3{background-position:-1.2rem 0;}

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

.waterfall {
    column-count: 2; /* 设置列数 */
    column-gap: 0.15rem; /* 设置列间距 */
    width: 100%;
   
    margin: 0 auto;
    padding: 0.15rem;
}

.waterfall li {
    break-inside: avoid; /* 防止项目内部断开 */
    margin-bottom: 0.3rem;
    background: #f5f5f5;
    border-radius: 0.1rem;
    overflow: hidden;
    list-style: none;    
}

.waterfall li .img-box{position: relative;min-height: 1rem;}

.waterfall li img {
    width: 100%;
    display: block;
}

.waterfall li .img-tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #000;font-size: 0.32rem;text-align: center;line-height: 0.4rem;display: grid; place-items: center; padding: 0.4rem;}

.waterfall li .content {
    padding: 0.2rem;
}
.waterfall li .title{color: #333333;font-family: "PingFang SC";font-size: 0.26rem;font-style: normal;font-weight: 700;line-height: 0.4rem;text-align: left; padding-left: 0.1rem;}
.waterfall li .address{font-size: 0.22rem;color: #666;line-height: 0.35rem;margin-bottom: 0.1rem; padding-left: 0.1rem;}
.waterfall li .price{font-size: 0.22rem;color: #666;line-height: 0.35rem;margin-bottom: 0.1rem; padding-left: 0.1rem;}

.liangdian {
    position: relative;
    display: inline-block;
    color: #333333;
    font-family: "PingFang SC";
    font-size: 0.22rem;
    font-style: normal;
    line-height: 0.35rem;
}
.liangdian::after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0.05rem;
    left: 0;
    height: 0.07rem;
    flex-shrink: 0;
    background: linear-gradient(90deg, #ffaa7180 0%, #ff660180 100%);
}

.bti {
    width: 100%;
    float: left;
    margin-bottom: 0.2rem;
    background: none;
    border-bottom: 0.02rem solid #e0e0e0;
}

.bti h2 {
    font-size: 0.28rem;
    color: #ff6600;
    font-family: "微软雅黑";
    line-height: 0.72rem;
    margin-left: 0.2rem;
    float: left;
}

.bti img {
    float: right;
    margin-right: 0.2rem;
    margin-top: 0.3rem;
}

.zb-header {
    height: 0.88rem;
    line-height: 0.88rem;
    border-bottom: 0.02rem solid #d9d9d9;
}
.zb-header h1 {    
    font-size: 0.4rem;
    line-height: 0.8rem;
}
.menu-header-icon .zbicon-backs {
    width: 0.6rem;
}
.breadcrumb {
    font-size: 0.28rem;
    background: #FFF;
    line-height: 0.42rem;
    padding: 0.1rem 0;
    color: #999;
    margin: 0.1rem auto;
}

.sub-list li{
    height: 0.72rem !important;
    line-height: 0.72rem !important;
}
.nav-index .equal-table li a{font-size: 0.28rem !important;}