.cemetery-container {
        padding: 0 .6rem;
        margin-top: -2rem;
        margin-bottom: 7.5rem;
}

.martyr-cover {
    height: 21rem;
    background: url('../images/cemetery/lscover.png') no-repeat center / cover;
}


.cemetery-page .flag,.cemetery-detail .flag {
    /* width: 30.7rem ;
    height: 11.2rem; */
    width: 22rem;
    height: 7rem;
    background:  url('../images/home/flag.gif') no-repeat center / cover;
    position: absolute;
}


.lydaohang{
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    text-align: center;
    font-size:1.7rem !important;
    height: 50px;
    line-height: 45px;
    font-weight: bold;


}

.lytitle{
    width: 100%;
    height: 4.2rem; 
    padding-top: 1.2rem;
    text-indent: 60px;
   background:  url('../images/titlebj.png') no-repeat center / cover !important;
   text-align: center;
   color: #ffffff !important;
}



.cemetery-bd {
    min-height: 90vh;
    background-color: #ffffff;
    border-radius: 0.8rem 0.8rem 0 0;
}

.map-wrap {
    padding: 0 1.2rem;
}

.map {
    position: relative;
    height: 25rem;
}

.map .bd {
    /* display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; */
}

.map .bd svg {}

.map .flagdt {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 1rem;
}

.map .flag-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0.4rem;
}

.map .flag-item .icon {
    width: 2.1rem;
    height: 2.4rem;
}

.map .flag-item .label {
    margin-top: 0.3rem;
    font-size: var(--font-12);
    color: #333;
}


.map-wrap .tips {
    display: flex;
    align-items: center;
    height: 3.2rem;
    margin-top: 0.2rem;
    padding: 0 1.2rem;
    background-color: #fcf4de;
    color: #d97226;
    font-size: var(--font-12);
    border-radius: 1.6rem;
}

.cemetery-list {
    padding: 0.6rem 1.2rem;
}

.cemetery-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 0;
    padding-top: 0rem;
}

.cemetery-item .thumb {
    overflow: hidden;
    flex: none;
    width: 13.8rem;
    height: 9.4rem;
    background-color: #f5f6f7;
    border-radius: 0.2rem;
}

.cemetery-item .thumb .img {
    width: 100%;
    height: 100%;
}

.cemetery-item .info {
    flex: 1;
    overflow: hidden;
    margin-left: 1.2rem;
}

.cemetery-item .info .name {
    font-size: var(--font-15);
    color: #333;
    font-weight: bold;
}

.cemetery-item .info .desc{
    margin-top: .5rem;
    font-size: var(--font-13);
    color: #999;
    height: 3.6rem;
    line-height:1.8rem;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cemetery-item .info .location {
    margin-top: .5rem;
    font-size: var(--font-13);
    color: #999;
}


.cemetery-item .info .yjdaohang {
    width: 60%;
    margin-top: .5rem;
    font-size: var(--font-13);
    color: #ffffff;
    background: #d10005;
    text-align: center;
    border-radius: 1.5rem;
    padding: .3rem 0;
}


.cemetery-cover {
    height: 30.2rem;
    background: url('../images/martyr/cover.png') no-repeat center / cover;
}

.detail-container {
    margin-top: -5rem;
    padding: 0 .6rem;
}

.cemetery-card {
    background-color: #f5e8d2;
    border-radius: 0.8rem;
}

.cemetery-card .header {
    padding: 1.2rem;
    background-color: #fff;
    border-radius: 0.8rem 0.8rem 0rem 0rem;
}

.cemetery-card .header .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cemetery-card .header .audio-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    background-color: #ebebeb;
    border-radius: 10rem;
}

.cemetery-card  .audio-wrap .progress {
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 0.6rem;
    margin: 0 0.6rem;
    background-color: #fff;
    border-radius: 2rem;
}

.cemetery-card  .audio-wrap .progress .cur {
    width: 40%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 2rem;
}

.cemetery-card  .audio-wrap .time {
    color: #999;
    font-size: 1.3rem;
}

.cemetery-card  .audio-wrap .fa {
    margin: 0 0.3rem;
    font-size: 1.2rem;
    color: #999;
}

.cemetery-card  .audio-wrap .fa-play {
    color: var(--primary-color);
}

.cemetery-card  .audio-wrap .fa-volume-down {
    font-size: 1.8rem;
}

.cemetery-card .header .btn-entry {
    margin-left: 1.2rem;
    padding: 0.3em 0.9em;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 1.3rem;
    border-radius: 0.4rem;
}

.cemetery-card .intro {
    padding: 1.2rem 1.2rem 6rem;
    background-color: #fff;
    border-radius: 0rem 0rem 0.8rem 0.8rem;
}

.cemetery-card .intro .title {
    display: inline-flex;
    padding-bottom: 0.8rem;
    background: linear-gradient(to bottom, #fff 30%, var(--primary-color));
    color: #333;
    font-size: var(--font-18);
}

.cemetery-card .intro .rich-content {
    padding: 1.2rem 0.3rem;
}

.cemetery-card .intro .rich-content p {
    text-indent: 2em;
    line-height: 1.6;
    text-align: justify;
    color: #000000;
    font-size: 1.6rem;
    padding-bottom: 1rem;
}