body, html{
    background-color:#F2EADE;
}
.dest{
    max-width:750px;
    margin:0 auto;
}
.header{
    position:relative;
    width:7.5rem;
    height:4.21rem;
}
.images{
    position:relative;
    width:7.5rem;
    height:4.21rem;
    display:block;
}
.images .swiper-slide{
    width:7.5rem;
    height:4.21rem;
}
.images .swiper-slide img{
    width:100%;
    height:100%;
}

.swiper-page{
    position:absolute;
    z-index:1000;
    bottom:.1rem;
    right:.1rem;
    line-height:.46rem;
    font-size:.26rem;
    box-sizing:border-box;
    padding:.04rem .3rem;
    background-color:rgba(0,0,0,0.7);
    border-radius:.28rem;
    color:#fff;
}

.lang-toggle{
    position:absolute;
    z-index:1000;
    bottom:.1rem;
    left:.1rem;
    background-color:rgba(0,0,0,0.7);
    display:flex;
    width:5.25rem;
    padding:.04rem;
    box-sizing:border-box;
    margin:0 auto;
    border-radius:.28rem;
    justify-content: center;
    align-items: center;
}
.lang-toggle a{
    flex:1;
    color:#fff;
    display:block;
    line-height:.46rem;
    text-align:center;
    font-size:.26rem;
    border-radius:.25rem;
}
.lang-toggle a.on{
    background-color:#fff;
    color:#1b1a20;
}



.dest-info{
    width:7.5rem;
    height:1.8rem;
    box-sizing:border-box;
    padding:.2rem .3rem;
    background:url(dest/info-bg.jpg) no-repeat;
    background-size:cover;
}

.dest-info.scenic{
    height:3.22rem;
    min-height:3.22rem;
    height:auto;
    box-sizing:border-box;
    padding:.2rem .3rem;
    background:url(dest/info-bg.jpg) no-repeat;
    background-size:cover;
}

.dest-info .info-name{
    color:#fff;
    font-size:.54rem;
    font-weight:500;
    line-height:1.5;
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
    margin-bottom:.06rem;
}

.dest-info .info-honour{
    color:#7c5640;
    background-color:rgba(242, 233, 215, 1);
    display:inline-block;
    line-height:.32rem;
    font-size:.26rem;
    padding:.06rem .15rem;
    border-radius:.1rem;
    margin-bottom:.2rem;
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
}

.dest-info .info-text{
    color:#fff;
    font-size:.26rem;
    line-height:.32rem;
    padding:.05rem 0;
    margin-bottom:.2rem;
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
    
    display:flex;
    justify-content: space-between;
}

.dest-info .info-text span{
    display:inline-block;
    min-width:1.1rem;
}
.dest-info .info-text span .icon{
    width:.34rem;
    height:.34rem;
    vertical-align: middle;
    margin-right:.05rem;
}


.dest-preview{
    background-color:#fff;
    position:relative;
    width:calc(7.5rem - .5rem);
    margin:0 auto;
    margin-top:-.25rem;
    box-sizing:border-box;
    padding:.3rem;
    box-shadow:0 2px 5px 0  rgba(0,0,0,0.1);
}

.dest-preview .preview-title{
    color:#977646;
    font-size:.42rem;
    font-weight:500;
    line-height:.5rem;
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
    margin-bottom:.06rem;
    text-align:center;
}
.dest-preview .preview-title .icon{
    width:.40rem;
    height:.40rem;
    line-height:.5rem;
    vertical-align: top;
    margin-right:.1rem;
    margin-top:.08rem;
}
.dest-preview .preview-desc{
    color:#000;
    font-size:.26rem;
    font-weight:500;
    line-height:.42rem;
    padding:.2rem 0;
    text-indent:2em;
}
.dest-preview .preview-more{
    color:#977646;
    text-align:center;
    margin:0 auto;
}
.dest-preview .preview-more a{
    color:#977646;
    text-decoration:none;
    display:inline-block;
    margin:0 auto;
    border:1px solid #977646;
    padding:.04rem .14rem;
    border-radius:.1rem;
}

.dest-list{
    display:flex;
    flex-wrap: wrap;
    width:7rem;
    margin:.25rem auto;
}

.dest-list .dest-item{
    width:3.4rem;
    background-color:#fff;
    margin-bottom:.25rem;
    box-shadow:0 2px 5px 0  rgba(0,0,0,0.1);
}

.dest-list .dest-item:nth-child(2n){
    margin-left:.2rem;
}

.dest-list .dest-item .item-image{
    width:3.4rem;
    height:1.9125rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1113 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M1113.043478 657.452522L779.085913 407.81913a62.775652 62.775652 0 0 0-48.128-17.452521c-17.897739 1.246609-34.326261 10.017391-45.056 23.997217l-236.499478 226.749217-136.815305-88.820869a63.087304 63.087304 0 0 0-76.04313 5.698783L0 769.068522V60.237913C0 26.980174 27.692522 0 61.840696 0H1051.158261C1085.350957 0 1113.043478 26.980174 1113.043478 60.237913v597.214609z m0 150.617043v155.692522c0 33.257739-27.692522 60.237913-61.840695 60.237913H61.885217C27.692522 1024 0 997.019826 0 963.762087v-31.165217l284.315826-253.907479 145.14087 94.252522c27.291826 17.764174 64.111304 11.575652 83.789913-13.979826l228.797217-216.82087L1113.043478 807.936v0.089043zM340.101565 421.62087c51.2 0 92.738783-40.425739 92.738783-90.334609 0-49.864348-41.538783-90.37913-92.738783-90.379131-51.2 0-92.738783 40.514783-92.738782 90.379131 0 49.90887 41.494261 90.37913 92.738782 90.37913z' fill='%23e6e6e6' %3E%3C/path%3E%3C/svg%3E");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:.7rem .7rem;
    background-color:#fafafa;
}

.dest-list .dest-item .item-image img{
    width:100%;
    height:100%;
}

.dest-list .dest-item .item-name{
    text-align:center;
    color:#000;
    font-size:.26rem;
    line-height:.34rem;
    padding:.2rem 0;
}


.dest-map{
    background-color:#fff;
    position:relative;
    width:calc(7.5rem - .5rem);
    margin:0 auto;
    margin-top:-.25rem;
    box-sizing:border-box;
    padding:.3rem;
    box-shadow:0 2px 5px 0  rgba(0,0,0,0.1);
    margin-bottom:.25rem;
}
.dest-map .map-image{
    position:relative;
    overflow:hidden;
    border-radius:.1rem;
    display:block;
}
.dest-map .map-image img{
    width:100%;
}
.dest-map .map-image span{
    position:absolute;
    left:50%;
    top:50%;
    display:inline-block;
    background-color:rgba(151, 118, 70, 1);
    color:#fff;
    font-size:.36rem;
    padding:.1rem .4rem;
    border-radius:.36rem;
    transform: translate(-50%, -50%);
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
}
.dest-map .map-image span .icon{
    width:.50rem;
    height:.50rem;
    vertical-align: middle;
    margin-right:.1rem;
}


.dest-audio{
    background-color:#fff;
    position:relative;
    width:calc(7.5rem - .5rem);
    margin:0 auto;
    margin-bottom:.25rem;
    box-sizing:border-box;
    padding:.3rem;
    box-shadow:0 2px 5px 0  rgba(0,0,0,0.1);
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
}

.dest-audio .audio-title{
    color:#977646;
    font-size:.42rem;
    font-weight:500;
    line-height:.5rem;
    margin-bottom:.06rem;
    text-align:center;
}
.dest-audio .audio-title .icon{
    width:.40rem;
    height:.40rem;
    line-height:.5rem;
    vertical-align: top;
    margin-right:.1rem;
    margin-top:.08rem;
}
.dest-audio .audio-list{
    display:flex;
    overflow:auto;
    margin-top:.3rem;
}
.dest-audio .audio-list span{
    display:inline-block;
    font-size:.32rem;
    line-height:.4rem;
    color:#999999;
    border:1px solid #D0D0D0;
    padding:.1rem .2rem;
}
.dest-audio .audio-list span + span{
    margin-left:.2rem;
}
.dest-audio .audio-list span.on{
    color:#fff;
    background-color:#977646;
    border:1px solid #977646;
}
.dest-audio .audio-content{
    margin-top:.2rem;
    border:1px solid #D0D0D0;
    box-sizing:border-box;
    padding:0;
    position:relative;
    height:1.8rem;
}
.dest-audio .play-title{
    color:#666666;
    position:absolute;
    left:1.7rem;
    top:.2rem;
    font-size:.32rem;
}
.dest-audio .play-progress{
    position:absolute;
    left:1.8rem;
    right:.3rem;
    height:.5rem;
    top:0.7rem;
}
.dest-audio .progress-bar-bg{
    position:absolute;
    left:0;
    right:0;
    top:.25rem;
    height:.04rem;
    background-color:#DCDCDC;
}
.dest-audio .progress-bar{
    position:absolute;
    left:0;
    top:.25rem;
    height:.04rem;
    background-color:rgba(151, 118, 70, 1);
}
.dest-audio .progress-btn{
    position:absolute;
    width:.24rem;
    height:.24rem;
    background-color:rgba(151, 118, 70, 0.7);
    border-radius:50%;
    top:.15rem;
    left:0%;
    transform: translate(-50%, 0);
}

.dest-audio .play-status{
    position:absolute;
    left:.2rem;
    top:.3rem;
    width:1.2rem;
    height:1.2rem;
}
.dest-audio .play-status .icon{
    width:1.2rem;
    height:1.2rem;
}
.dest-audio .play-time{
    color:#666666;
    position:absolute;
    left:1.7rem;
    right:.3rem;
    top:1.2rem;
    font-size:.26rem;
    display:flex;
    justify-content: space-between;
}

.dest-desc{
    background-color:#fff;
    position:relative;
    width:calc(7.5rem - .5rem);
    margin:0 auto;
    margin-bottom:.25rem;
    box-sizing:border-box;
    padding:.3rem;
    box-shadow:0 2px 5px 0  rgba(0,0,0,0.1);
    font-family:"Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Simsun, Helvetica, Arial;
}

.dest-desc .desc-title{
    color:#977646;
    font-size:.42rem;
    font-weight:500;
    line-height:.5rem;
    margin-bottom:.06rem;
    text-align:center;
}
.dest-desc .desc-title .icon{
    width:.40rem;
    height:.40rem;
    line-height:.5rem;
    vertical-align: top;
    margin-right:.1rem;
    margin-top:.08rem;
}
.dest-desc .desc-content{
    color:#000;
    font-size:.28rem;
    font-weight:500;
    padding:.2rem 0;
}
.dest-desc .desc-content p{
    text-align: justify;
    margin-bottom:1em;
    line-height:1.6;
    text-indent:2em;
}
.dest-desc .desc-content img{
    max-width:100%;
    display:block;
}

.map-container{border:1px solid #e7e7eb;position:absolute;left:0;right:0;top:0;bottom:0;}

.map{
}

.map .annotations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;}

.map .marker {
	position:absolute;
}
.map .marker.on{
    z-index:2000;
}
.map .marker .icon{
	position:absolute;.
	transform:translate(-50%, -100%);
	-webkit-transform:translate(-50%, -100%);
	transform-origin:50% 100%;
	-webkit-transform-origin:50% 100%;
    background-repeat:no-repeat;
    background-size:cover;
    
}
.map .marker .icon-marker{
    width:.84rem;
    height:1.00rem;
    background-image:url(dest/marker1.png);
}
.map .marker.on .icon-marker{
    background-image:url(dest/marker2.png);
}