.dest-header{
    padding:1rem 1.375rem;
    border-bottom:1px solid #e1e1e1;
}
.dest-header .ywd-logo{
    position:relative;
}
.dest-header .ywd-logo .logo img{
    width:6.3125rem;
    height:1.9934rem;
}
.dest-header .ywd-logo .logo-tip{
    position:absolute;
    top:0.5rem;
    right:0;
    color:#9a9a9a;
    font-family:simhei,simsun,arial;
    font-size:1rem;
}
.dest-header .ywd-app{
    margin-top:1.25rem;
}
.dest-header .ywd-app .btn{
    display:inline-block;
    text-align:center;
    margin:0 0.125rem;
    width:8.0rem;
    height:1.75rem;
    line-height:1.75rem;
    background:#fff;
    border:1px solid #2cbceb;
    color:#2cbceb;
    font-family:simhei,simsun,arial;
    font-size:1rem;
    border-radius:5px;
}
.dest-header .ywd-app .btn.primary{
    background:#2cbceb;
    color:#fff;
}

.guide-title{
    background:#2cbceb;
    padding:1.25rem;
}
.guide-title .inner{
    max-width:640px;margin:0 auto;
}
.guide-title h1{
    font-family:simhei,simsun,arial;
    font-size:1.5rem;
    color:#fff;
}
.guide-title .summary{
    font-size:simhei,simsun,arial;
    font-size:0.75rem;
    color:#147899;
    margin-top:0.5rem;
}

.guide-medias{
    background:#f7f7f7;
    padding:0.75rem;
}
.guide-medias .audio-list{
    border:1px solid #e0e0e0;
    margin:-0.75rem;
}

.guide-medias .audio-list .audio-item{
    position:relative;
    margin:0 0.75rem;
    height:3.125rem;
    line-height:3.125rem;
    border-bottom:1px dotted #a3a3a3;
}
.guide-medias .audio-list .audio-item.last{
    border-bottom:none;
}
.guide-medias .audio-list .audio-item .duration-bar{
    position:absolute;
    height:1.875rem;
    top:0.625rem;
    left:0;right:0;
    border-radius:0.9375rem;
}
.guide-medias .audio-list .audio-item .duration-bar-cover{
    display:none;
}
.guide-medias .audio-list .audio-item.playing .duration-bar{
    background:#eee;
}
.guide-medias .audio-list .audio-item.playing .duration-bar-cover{
    position:absolute;
    height:1.875rem;
    top:0.625rem;
    border-radius:0.9375rem;
    display:block;
    background:#dbdbdb;
}
.guide-medias .audio-list .audio-item .icon{
    position:absolute;
    top:0.625rem;
    width:1.875rem;
    height:1.875rem;
    left:0;
    background:url(../img/guide_audio.png) no-repeat;
    background-size:cover;
}
.guide-medias .audio-list .audio-item.playing .icon{
    background:url(../img/guide_audio_pause.png) no-repeat;
    background-size:cover;
}
.guide-medias .audio-list .audio-item .title{
    position:absolute;
    top:0.625rem;
    left:1.875rem;
    height:1.875rem;
    line-height:1.875rem;
    right:4.375rem;
    overflow:hidden;
    font-family:simhei,simsun,arial;
    font-size:0.75rem;
    color:#333;
}
.guide-medias .audio-list .audio-item .duration{
    position:absolute;
    top:0.625rem;
    height:1.875rem;
    line-height:1.875rem;
    right:0.5rem;
    font-family:arial,simhei,simsun;
    font-size:0.75rem;
    color:#8e8e8e;
}

.guide-medias .media-container{
    text-align:center;overflow:auto;margin:0 auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;
    margin-top:1rem;
}
.guide-medias .media-container .list{
    display:-webkit-box;text-align:center;margin:0 auto;-webkit-box-pack:center;-webkit-box-align:center;
}
.guide-medias .list .media{
    padding:0 8px;
}
.guide-medias .list .media .image{
    width:100px;height:80px;position:relative;
	background: #37a9c3;background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#37a9c3), color-stop(100%,#1a618d));background: -webkit-radial-gradient(center, ellipse cover,  #37a9c3 0%,#1a618d 100%);background: radial-gradient(ellipse at center,  #37a9c3 0%,#1a618d 100%);
}
.guide-medias .list .media .image img{
    width:100px;height:80px;
}
.guide-medias .list .media .image span{
    position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,0.5);line-height:14px;font-size:12px;font-family:arial;color:#fff;padding:2px 4px;
}
.guide-medias .list .media .title{
    text-align:center;font-size:14px;color:#46494a;line-height:22px;margin-top:4px;
}
.guide-medias .list .media-video .image:after{
    z-index:1;content:'';width:44px;height:44px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;background:url(../img/media-cover@2x.png) no-repeat -44px 0;background-size:88px 88px;
}
.guide-medias .list .media .map{
    width:100px;height:80px;position:relative;
}


.guide-content{
    background:#fff;
    padding:0.5rem;
}
.guide-comments{
    background:#f7f7f7;
    padding:2rem 0.625rem;
}
.guide-comments .comment-header{
    height:3.75rem;
    text-align:center;
    font-family:simhei,simsun,arial;
    font-size:1.5rem;
    color:#5b5e5f;
}
.guide-comments .comment-container .comment-item{
    position:relative;
}
.guide-comments .comment-container .comment-item .user-avatar{
    position:absolute;
    top:0;
    left:0;
    width:2.8125rem;
    height:2.8125rem;
    border-radius:50%;
    border:2px solid #fff;
    overflow:hidden;
}
.guide-comments .comment-container .comment-item .user-avatar img{
    width:100%;height:100%;
}
.guide-comments .comment-container .comment-item .user-name{
    position:absolute;
    top:0;left:3.4375rem;
    color:#747474;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.guide-comments .comment-container .comment-item .comment-content{
    padding-left:3.4375rem;
    padding-top:1.55rem;
    line-height:1.5rem;
    color:#3e3e3e;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.guide-comments .comment-container .comment-item .comment-date{
    padding-left:3.4375rem;
    color:#8c8c8c;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.guide-comments .comment-container .comment-item .comment-like{
    position:absolute;
    top:0;
    right:1rem;
    color:#8c8c8c;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.guide-comments .comment-container .comment-item .comment-like a{
    color:#8c8c8c;
}
.guide-comments .comment-container .comment-item .comment-like .like i{
    height: 14px;width: 14px;
    background-image: url("../img/guide-zan.png");
    background-size: 14px 28px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px;vertical-align: middle;
}
.guide-comments .comment-container .comment-item .comment-like .like.liked i{
    background-position:0 -14px;
}
.guide-comments .comment-tip{
    color:#8c8c8c;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
    text-align:center;
    margin:0.5rem 0;
}
.guide-comments .comment-tip b{
    display:inline-block;
    border-top:1px dotted #8c8c8c;
    width:4rem;
    margin:0 0.5rem;
    vertical-align:middle;
}

.guide-comments .comment-more{
    padding:1rem 0;
    text-align:center;
}          
.guide-comments .comment-more a{
    display:block;
    margin:0 auto;
    width:14.275rem;
    height:2.1875rem;
    line-height:2.1875rem;
    border-radius:1.09375rem;
    border:1px solid #2cbceb;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
    color:#2cbceb;
}


.content-share{
    margin:1rem 0.875rem;
}
.content-share .readlike{
    zoom:1;overflow:hidden;
}
.content-share .readlike .read-count{
    color:#8c8c8c;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.content-share .readlike .like-count{
    display:inline-block;
    float:right;
}
.content-share .readlike .like-count .like{
    color:#8c8c8c;
    font-family:simhei,simsun,arial;
    font-size:0.875rem;
}
.content-share .readlike .like-count .like i{
    height: 14px;width: 14px;
    background-image: url("../img/guide-zan.png");
    background-size: 14px 28px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px;vertical-align: middle;
}
.content-share .readlike .like-count .like.liked i{
    background-position:0 -14px;
}