header {
    width: 100%;
    height: .7rem;
    font-size: 0;
}

header>a {
    display: inline-block;
    box-sizing: border-box;
    padding: .1rem .2rem;
    font-size: .3rem;
    color: #666;
    margin: auto .15rem;
    margin-top: .13rem;
}

header>a:last-child {
    padding: 0;
}

header>a>img {
    width: .28rem;
    height: .20rem;
}

header>a.active {
    background: linear-gradient(135deg, #FFE05E, #FFC916);
    color: #333;
    border-radius: .25rem;
}

.map {
    width: 100%;
    overflow: hidden;
    position: fixed;
    /* top: .88rem; */
    top: 0;
    bottom: .98rem;
    left: 0;
    right: 0;
}

.map>image {
    width: 100%;
    height: 100%;
}

/* 景区弹窗 */

.sitedialog {
    width: 100%;
    background-color: #fff;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    height: auto;
    z-index: 99;
    left: 0;
    bottom: .98rem;
    position: absolute;
    box-sizing: border-box;
    padding: 0 .3rem;
    transition: all 2s;
    -moz-transition: all 2s;
    /* Firefox 4 */
    -webkit-transition: all 2s;
    /* Safari and Chrome */
    -o-transition: all 2s;
    /* Opera */
    display: none;
}

.toptoggle {
    width: 100%;
    text-align: center;
    font-size: 0;
}

.toptoggle>span {
    display: inline-block;
    width: .5rem;
    height: .06rem;
    background: #CBCBCB;
    border-radius: .03rem;
    margin-top: .2rem;
}

.audiosite {
    width: 100%;
    height: 1.4rem;
    margin-bottom: .2rem;
    margin-top: .3rem;
}

.imgaudio {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
    border-radius: 50%;
    overflow: hidden;
}

.imgaudio>img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.detaillayer {
    width: 5.4rem;
}

.detaillayer>p {
    line-height: .35rem;
    margin-bottom: .1rem;
    position: relative;
}

.detaillayer>p>b {
    font-size: .28rem;
    font-weight: bold;
    color: #333333;
    line-height: .33rem;
    vertical-align: top;
}

.detaillayer>P>span {
    font-size: .35rem;
    color: #333333;
    position: absolute;
    right: 0;
    top: -.4rem;
}

.detaillayer>audio {
    display: block;
    width: 100%;
    height: .8rem;
}

.nav-explain {
    width: 100%;
    height: .7rem;
    margin-bottom: .3rem;
}

.nav-left {
    width: 2.7rem;
    height: .7rem;
    background: #F1F5FF;
    border-radius: .35rem;
    line-height: .7rem;
    text-align: center;
}
.nav-left>a{
    display: block;
    font-size: .26rem;
    color: #1F77FF;
}
.nav-left>a>img {
    width: .25rem;
    height: .3rem;
    vertical-align: middle;
    margin-right: .05rem;
}

.explain-right {
    width: 3.9rem;
    height: .7rem;
    background: linear-gradient(135deg, #FFDF5D, #FFC915);
    border-radius: .35rem;
    line-height: .7rem;
    text-align: center;
    color: #333;
    font-size: .26rem;
}

.explain-right>img {
    width: .22rem;
    height: .3rem;
    vertical-align: middle;
    margin-right: .05rem;
}

.introduce {
    display: none;
    max-height: 4rem;
    overflow-y: auto;
}

.introduce>h3 {
    width: 1.6rem;
    margin-bottom: .3rem;
    height: .43rem;
    line-height: .45rem;
    border-bottom: .13rem solid #FFC916;
}

.introduce>p {
    font-size: .24rem;
    color: #333333;
    line-height: .4rem;
    margin-bottom: .2rem;
}

.introduce>p img {
    width: 100%;
    max-height: 3rem;
    border-radius: .15rem;
    margin: .1rem auto;
}

.introduce>.in-img {
    width: 100%;
    height: 2.8rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.introduce>.in-img>img {
    width: 100%;
}

/* 景区概况页面 */

.swiper {
    width: 100%;
    height: 5.48rem;
}

.w-100 {
    height: 5.48rem!important;
}

.content {
    /* position: relative; */
}

.content .contentmain {
    position: relative;
    top: -.3rem;
    width: 100%;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    background-color: #fff;
    box-sizing: border-box;
    padding: .3rem;
    padding-bottom: 0;
}

.contentmain>.audio {
    margin: .2rem auto;
    width: 100%;
    height: .7rem;
    margin-top: 0;
}

.contentmain>.audio>audio {
    width: 100%;
    height: .7rem;
    vertical-align: top;
}

.contentmain>h4 {
    line-height: .5rem;
    margin-bottom: .2rem;
}

.contentmain>h4, .contentmain>h3, .zixunlist>h3, .introduce>h3 {
    font-size: .36rem;
    font-weight: bold;
    color: #333;
    letter-spacing: .02rem;
}

.contentmain>h4>span {
    display: inline-block;
    width: 1.2rem;
    height: .45rem;
    text-align: center;
    line-height: .5rem;
    color: #333;
    background: linear-gradient(135deg, #FFE05E, #FFC916);
    border-radius: .2rem;
    margin-left: .15rem;
    font-size: .22rem;
    font-weight: unset;
    letter-spacing: unset;
    vertical-align: top;
}

.contentmain>p, .detailtext>p {
    font-size: .28rem;
    color: #666;
    line-height: .4rem;
}

.detailtext>p img, .contentmain>p img {
    width: 100%;
    max-height: 3rem;
    border-radius: .15rem;
    margin: .1rem auto;
}

.contentmain>p:nth-of-type(2) {
    margin-top: .3rem;
}

.contentmain>p>span, .detailtext>p>span {
    color: #333;
    margin-right: .08rem;
}

.contentmain>h3, .zixunlist>h3 {
    width: 2.35rem;
    height: .43rem;
    line-height: .45rem;
    border-bottom: .13rem solid #FFC916;
    margin-top: .5rem;
}

.contentmain>h3.hotsite {
    width: 1.65rem;
}

.list {
    width: 100%;
    margin-top: .3rem;
    font-size: 0;
}

.list>a {
    display: inline-block;
    width: 3.35rem;
    height: 3.36rem;
    box-shadow: 0px .02rem .08rem 0px rgba(0, 0, 0, 0.15);
    border-radius: .1rem;
    margin-bottom: .2rem;
    overflow: hidden;
}

.list>a:nth-child(2n+1) {
    margin-right: .2rem;
}

.list>a>.img {
    width: 100%;
    height: 2.35rem;
    overflow: hidden;
}

.list>a>.img>img {
    width: auto;
    height: auto;
}

.list>a>.layer {
    width: 100%;
    height: 1.01rem;
    box-sizing: border-box;
    padding: .1rem;
}

.list>a>.layer>b {
    font-size: .28rem;
    color: #333;
    line-height: .4rem;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list>a>.layer>p {
    font-size: .24rem;
    color: #999;
    line-height: .5rem;
}

/* 游玩路线详情页 */

.detailimg {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    margin-bottom: .3rem;
}

.detailimg>img {
    width: auto;
    height: auto;
}

.detailtext {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
}

/* 热门景点 */

#wrapper {
    width: 100%;
    min-width: 320px;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: .98rem;
    overflow: hidden;
    z-index: 1;
    background-color: #fff;
    /* 防止本机Windows上的触摸事件 */
    -ms-touch-action: none;
    /* 防止callout tap-hold和文本的选择 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 防止文本调整取向变化对web应用程序很有用 */
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.sitelist {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
    /* padding-top: .3rem; */
}

.sitelist ul {
    width: 100%;
}

.sitelist ul>li {
    width: 100%;
    display: block;
    margin: .4rem auto;
    height: 2rem;
}

.sitelist ul>li>.layerleft {
    width: 6rem;
    height: 2rem;
    display: block;
}

.layerleft>img {
    width: 2rem;
    height: 2rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .2rem;
    display: inline-block;
    vertical-align: top;
}

.layerright .audioimg>img, .layerright .siteaudio>img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.layerleft .layertitle {
    height: 2rem;
    display: inline-block;
    width: 3.4rem;
}

.layerleft .layertitle>b {
    font-size: .32rem;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    margin: .2rem auto;
}

.layerleft .layertitle>p {
    font-size: .22rem;
    color: #666;
    line-height: .35rem;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sitelist ul>li>.layerright {
    width: .9rem;
    height: 2rem;
}

.layerright .audioimg, .navimg {
    width: .9rem;
    height: .75rem;
    display: block;
}

.navimg {
    height: .5rem;
    width: .9rem;
}

.navimg>img {
    width: 100%;
    height: 100%;
}

.layerright .siteaudio {
    width: .9rem;
    height: .75rem;
    margin-top: .4rem;
}

.pull-loading {
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .35rem;
    color: #333
}

/* 景区资讯 */

.zixunlist {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
}

.zixunlist a {
    width: 100%;
    height: 2.2rem;
    margin-top: .2rem;
    border-bottom: 2px solid#F2F2F2;
    display: block;
    /* 09版 */
    -webkit-box-pack: space-between;
    /* 12版 */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: .2rem;
    display: box;
    /* OLD - Android 4.4- */
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.zixunlist a>.zixunleft {
    position: relative;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.zixunlist a>.zixunleft>b {
    font-size: .32rem;
    color: #333;
    display: block;
    font-weight: bold;
}

.zixunlist a>.zixunleft>p {
    color: #999;
    font-size: .26rem;
    position: absolute;
    left: 0;
    bottom: .15rem;
    width: 100%;
    line-height: .3rem;
}

.zixunlist a>img {
    width: 2.2rem;
    height: 1.8rem;
    border-radius: .1rem;
    margin-left: .25rem;
}

/* 资讯详情 */

.detailtop {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
}

.detailtop>b {
    font-size: .32rem;
    font-weight: bold;
    color: #333333;
    line-height: .44rem;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detailtop>p.view {
    font-size: .24rem;
    color: #999999;
    line-height: .33rem;
    margin-bottom: .25rem;
    height: .35rem;
}

.detailtop>p.zxdttext, .detailtop>p.time {
    font-size: .28rem;
    color: #333333;
    line-height: .36rem;
}

.detailtop>p.zxdttext>img {
    width: 100%;
    max-height: 3rem;
    border-radius: .15rem;
    margin: .1rem auto;
}

.detailtop>p.time {
    margin-top: .3rem;
}

.detailtop>p.time>span {
    font-weight: bold;
}

.detailtop>.zximg {
    width: 100%;
    height: 2.8rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-top: .2rem;
    margin-bottom: .55rem;
}

.detailtop>.zximg>img {
    width: 100%;
    height: auto;
}

.zixunlist>h3 {
    width: 1.65rem;
    margin-bottom: .2rem;
}

/* 景点详情 */

.navimg {
    margin-top: -.1rem;
}

html, body {
    width: 100%;
    height: 100%;
}

#container {
    width: 100%;
    position: fixed!important;
    top: .88rem;
    bottom: 0;
    z-index: 1;
}

.map>#container {
    width: 100%;
    overflow: hidden;
    position: fixed!important;
    /* top: .88rem; */
    top: 0;
    bottom: .98rem;
    left: 0;
    right: 0;
}