/* 提示 */
.tips{margin-top: 3.125rem;}
.tips .icon{width: 3.375rem;height: 3.375rem;margin: 0 auto;}
.tips .t-h{margin-top: 2.75rem;}
.tips .t-b{width: 70%;line-height: 1.375rem;margin: 0 auto;margin-top: 1.5rem;}
.tips .btn{width: 76%;margin: 0 auto;height: 2.75rem;line-height: 2.75rem;border-radius: 1.375rem;margin-top: 3.4375rem;}
/* 创建 */
.hm-ul .li .label{margin-top: 1.5625rem;}
.hm-ul .li .p{margin-top: .75rem;}
.hm-ul .li .p input{width: 100%;height: 2.75rem;padding: .7rem 0;border: 1px solid #DADADA;border-radius: .1875rem;padding-left: .625rem;}
.hm-ul .li .p .pa{width: .5rem;height: .5rem;right: .625rem;top: 1.125rem;}
.hm-ul .li .p textarea{width: 100%;height: 5.625rem;line-height: 1.375rem;border: 1px solid #DADADA;border-radius: .1875rem;padding-left: .625rem;padding-top: .8125rem;}
.hm-ul .li .tips{margin-top: .75rem;}
.hm-ul .li .upload{width: 5.625rem;height: 5.625rem;}
.hm-ul .li .p .real{margin-right: 1.4rem;}
.hm-ul .li .p .real .icon{width: 1rem;height: 1rem;vertical-align: middle;margin-right: .375rem;}
.hm-ul .btn{width: 19.6875rem;margin: 0 auto;height: 2.8125rem;line-height: 2.8125rem;border-radius: 1.4375rem;margin-top: 2.5rem;margin-bottom: 1.875rem;}
/* 音乐弹窗 */
.m-layer{left:0;bottom: 0;width: 100%;border-radius: 1.875rem 1.875rem 0 0;padding-bottom: 1.25rem;}
.m-layer .l-h{height: 3.8125rem;border-bottom: 1px solid #eee;padding-top: .3125rem;}
.m-layer .l-h .h-t:before{content: '';position: absolute;bottom: -.875rem;left: .1875rem;width: 1.875rem;height: .1875rem;background: linear-gradient(90deg, #C8A580 0%, #E7C49F 100%);border-radius: .125rem;}
.m-layer .l-h .close{width: .75rem;height: .75rem;}
.m-layer .l-b .b-li{height: 3.875rem;border-bottom: 1px solid #ECEEF1;}
.m-layer .l-b .b-li .pack{width: 16.0625rem;height: 2rem;line-height: 2rem;margin-top: .85rem;}
.m-layer .l-b .b-li .pack .icon{width: 1rem;height: 1rem;vertical-align: top;margin-right: .625rem;}
.m-layer .l-b .b-li .pack .name{max-width: 10.3125rem;}
.m-layer .l-b .b-li .apply{width: 3.75rem;height: 2rem;line-height: 2rem;border-radius: 2rem;margin-top: .9375rem;}
/* 追思记录 */
.r-list .r-li{height: 5.125rem;margin-top: .75rem;padding-top: 1.25rem;}
.r-list .r-li .thumb{width: 2.625rem;height: 2.625rem;margin-right: .625rem;}
.r-list .r-li .cont{height: 100%;overflow: hidden;border-bottom: 1px solid #eee;}
.r-list .r-li .cont .top{margin-bottom: .625rem;}
.r-list .r-li .cont .top .name{height: .875rem;line-height: .875rem;margin-bottom: .625rem;}
.r-list .r-li .cont .top .num{margin-left: .625rem;}
/* 追思堂底部 */
.h-foot{width: 100%;max-width: 640px;left: 50%;transform: translateX(-50%);bottom: 0;padding: .25rem 0 0 0;border-top: 1px solid #eee;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.h-foot .f-li{flex: 1;padding-bottom: .3125rem;}
.h-foot .f-li .icon1{width: 1.3125rem;height: 1.1875rem;}
.h-foot .f-li .icon2{width: 1.125rem;height: 1.375rem;}
.h-foot .f-li .icon3{width: 1.25rem;height: 1.25rem;}
.h-foot .f-li .icon4{width: 1.3125rem;height: 1.25rem;}
.h-foot .f-li p{height: .6875rem;line-height: .6875rem;margin-top: .1875rem;}
/* 追思堂 */
.hall{width: 100%;height: 40.125rem;background-image: url(../img/m_bg.jpg);background-size: 100% 100%;background-repeat: no-repeat;}
.hall .bg{top: 0;left: 0;width: 100%;height: 100%;}
.hall .pack{width: 100%;height: 100%;}
.hall .pack .row-1{left: 7.75rem;top: 7.1875rem;}
.hall .pack .row-1 img{width: 8.375rem;height: 7.5rem;}
.hall .pack .row-2{left: 7.125rem;top: 22.35rem;}
.hall .pack .row-2 img{width: 9.4375rem;height: 4.375rem;}
.hall .pack .row-3{left: 8.3125rem;top: 21.25rem;}
.hall .pack .row-3 img{width: 7rem;height: 7rem;}
.hall .pack .row-4{left: 10.35rem;top: 23.4rem;z-index:9;}
.hall .pack .row-4 .text{left: .9rem;top: .4rem;width: .9375rem;line-height: .9rem;}
.hall .pack .row-4 img{width: 2.5625rem;}
.hall .pack .row-5{left: 6.875rem;top: 27.1875rem;z-index:999;}
.hall .pack .row-5 img{width: 10.125rem;height: 1.375rem;}
.hall .pack .row-6{left: 10.875rem;top: 27.1rem;z-index:99;}
.hall .pack .row-6 img{width: 1.5625rem;height: 1.375rem;}
.hall .pack .row-7{left: 2.375rem;top: 28.125rem;z-index:9;}
.hall .pack .row-7 img{width: 18.5625rem;height: 5.625rem;}
.hall .pack .row-8{left: 0;top: 29rem;z-index: 9;}
.hall .pack .row-8 img{width: 23.4rem;height: 6rem;}
.hall .pack .row-9{left: 7.75rem;top: 33.125rem;}
.hall .pack .row-9 img{width: 7.875rem;height: 1.25rem;}

.hall .pack .row-10{left: 11.375rem;top: 25.25rem;z-index:98;}
.hall .pack .row-10 img{width: .4375rem;height: 2.5rem;}

.hall .pack .row-11{top: 25rem;}
.hall .pack .row-11 .rowL-11{left: 7.35rem;}
.hall .pack .row-11 .rowR-11{left: 16.12rem;}
.hall .pack .row-11 img{width: .4375rem;height: 2.5rem;}

.hall .pack .row-12{left: 7.8125rem;top: 25.9375rem;width: 8.4375rem;display: inline-flex;justify-content: center;z-index:99;}
.hall .pack .row-12 img{width: 1.25rem;height: 2.5rem;display: inline-block;}

.hall .pack .record{left: .9375rem;top: 35.625rem;}
.hall .pack .record .more{width: 12.5rem;height: 2rem;line-height: 2rem;background-color: rgb(0,0,0,.4);border-radius: 1rem;margin-bottom: .3125rem;}
.hall .pack .record .more .avatar{width: 1.5rem;height: 1.5rem;margin: 0 .375rem;}

.hall .fix-r{right: .625rem;top: 4rem;width: 2.75rem;}
.hall .fix-r .r-li{margin-bottom: 1rem;}
.hall .fix-r .r-li button{background-color: transparent;}
.hall .fix-r .r-li img{width: 2.75rem;height: 2.75rem;}
.hall .fix-r .music{top: 0;left: 0;animation: circRot 1.2s infinite linear;}

@-webkit-keyframes circRot {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
  }
  @keyframes circRot {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

/* 分享弹窗 */
.margin-triangle {right: 20px;top: 16px;width: 220px;padding: .6rem .8rem;}
.margin-triangle img{width: 100%;margin-top: .8rem;}
.margin-triangle::before{position: absolute;top: -16px;right: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 16px solid #fff;content: '';}
/* 留言 */
.mess-ul{margin-top: .3125rem;}
.mess-ul .m-li{padding-top: 1.0625rem;}
.mess-ul .m-li .portrait{margin-right: .5625rem;width: 2.25rem;height: 2.25rem;}
.mess-ul .m-li .right{overflow: hidden;border-bottom: 1px solid#ECEEF1;padding-bottom: 1.0625rem;}
.mess-ul .m-li .right .name{height: .875rem;line-height: .875rem;margin-bottom: .5rem;}
.mess-ul .m-li .right .time{height: .625rem;line-height: .625rem;}
.mess-ul .m-li .right .mess{line-height: 1.5rem;margin-top: 1.0625rem;}
.leave{width: 92%;height: 2.5rem;border-radius: 1.25rem;left: .9375rem;bottom: 3.875rem;}
.leave .input{top: .75rem;left: .875rem;width: 1rem;height: 1rem;}

.me-layer{width: 20.3125rem;height: 19.0625rem;border-radius: .5625rem;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.me-layer .l-h{height: 2rem;padding-top: .9375rem;height: 1rem;line-height: 1rem;}
.me-layer .l-h .close{right: .6875rem;top: .6875rem;width: .6875rem;height: .6875rem;}
.me-layer .l-b{padding: 0 1.3125rem;margin-top: 1.875rem;}
.me-layer .l-b textarea{width: 17.8125rem;margin: 0 auto;height: 7.5rem;border: 1px solid #DADADA;border-radius: .375rem;padding: .9375rem .625rem;}
.me-layer .l-b .real{margin-right: 3.125rem;margin-top: 1.25rem;}
.me-layer .l-b .real .icon{width: 1rem;height: 1rem;vertical-align: middle;margin-right: .375rem;}
.me-layer .l-m{margin-top: 1.25rem;padding-left: 1.3125rem;}
.me-layer .l-m .btn{width: 17.8125rem;height: 2.75rem;line-height: 2.75rem;border-radius: 1.375rem;}

/* 生平日志展示 */
.topbar{width: 100%;height: 15rem;background-image: url(../img/shengping.png);background-size: 100% 100%;background-repeat: no-repeat;}
.topbar .bg{top: 0;left: 0;z-index: -1;width: 100%;height: 15rem;}

.life-block-1{margin-top: -3.625rem;}
.life-block-1 .poster{width: 7.5rem;margin:0 auto;height: 8.75rem;background: #C7C2BA;border: 4px solid #E0E1E3;}
.life-block-1 .name{height: 1.0625rem;line-height: 1.0625rem;margin-top: 1.0625rem;}
.life-block-1 .time{height: .8125rem;line-height: .8125rem;margin-top: .6875rem;}
.life-block-1 .desc{line-height: 1.5rem;margin-top: 1.25rem;}

.life-block-2{margin-top: 1.875rem;}
.life-block-2 .b-h{width: 11.5rem;height: 3.3125rem;margin: 0 auto;letter-spacing: .625rem;padding-left: 2.6875rem;padding-top: .6875rem;}
.life-block-2 .b-h .b-g{top: 0;left: 0;width: 11.5rem;height: 3.3125rem;z-index: -1;}
.life-block-2 .b-ul{margin-left: -.9375rem;}
.life-block-2 .b-ul img{width: 6.5625rem;height: 6.5625rem;border-radius: .25rem;margin-top: 1.125rem;margin-left: .9375rem;}
.life-block-2 .b-b{line-height: 1.5rem;margin-top: 1.5625rem;}

.life-edit{right: 0.9375rem;bottom: 4.6875rem;width: 3.0625rem;height: 3.0625rem;background: #000;opacity: 0.7;border-radius: 50%;padding-top: .375rem;}
.life-edit img{width: 1rem;height: 1rem;}
/* 生平日志-创建 */
.hm-ul .li .p .p-li .del{width: 1rem;height: 1rem;top: -.5rem;right: -.5rem;}
.h120{height: 7.5rem;}
.h215{height: 13.4375rem;}

.cr-ul .cr-h{height: 1.25rem;line-height: 1.25rem;margin-left: -.9375rem;padding-left: .8125rem;margin-top: 1rem;margin-bottom: 1.5625rem;}
.cr-ul .cr-h::before{position: absolute;left: 0;top: 0;content: '';width: .25rem;height: 1.25rem;background-color: #C7A27C;}
.cr-ul .li .label{margin-top: 1.5625rem;}
.cr-ul .li .p{margin-top: 0.75rem;}
.cr-ul .li .p input{width: 100%;height: 2.75rem;line-height: 2.75rem;border: 1px solid #DADADA;border-radius: .1875rem;padding-left: .625rem;}
.cr-ul .li .p .pa{width: .5rem;height: .5rem;right: .625rem;top: 1.125rem;}
.cr-ul .li .p textarea{width: 100%;line-height: 1.375rem;border: 1px solid #DADADA;border-radius: .1875rem;padding-left: .625rem;padding-top: .75rem;margin-bottom: .9375rem;}
.cr-ul .li .p .p-li{width: 5.625rem;height: 5.625rem;margin-right: .9375rem;margin-bottom: .9375rem;}
.cr-ul .li .p .p-li .del{width: 1rem;height: 1rem;top: -.5rem;right: -.5rem;}
.cr-ul .li .tips{margin-top: .75rem;}
.cr-ul .li .upload{width: 5.625rem;height: 5.625rem;}
.cr-ul .btn{width: 19.6875rem;margin: 0 auto;height: 2.8125rem;line-height: 2.8125rem;border-radius: 1.4375rem;margin-top: 1.25rem;margin-bottom: 1.875rem;}
/* 追思堂 */
/* 装饰弹窗 */
.h-layer{left:0;bottom: 0;width: 100%;border-radius: 1.875rem 1.875rem 0px 0px;}
.h-layer .l-h{height: 3.8125rem;border-bottom: 1px solid #eee;padding-top: .3125rem;}
.h-layer .l-h .h-li{margin-right: 2.4375rem;}
.h-layer .l-h .on{color: #333;font-size: 1.25rem;}
.h-layer .l-h .on:before{content: '';position: absolute;bottom: -0.875rem;left: .1875rem;width: 1.875rem;height: .1875rem;background: linear-gradient(90deg, #C8A580 0%, #E7C49F 100%);border-radius: .125rem;}
.h-layer .l-b{height: 21.68rem;overflow-y: auto;}
.h-layer .l-b .adorn .b-li{height: 5.25rem;border-bottom: 1px solid #ECEEF1;}
.h-layer .l-b .adorn .b-li .cover{width: 3.375rem;height: 3.375rem;background: #F7F1E6;border-radius: .25rem;margin-top: .9375rem;margin-right: .75rem;}
.h-layer .l-b .adorn .b-li .cover .icon{max-height: 3.375rem;}
.h-layer .l-b .adorn .b-li .name{margin-top: 1.0625rem;margin-bottom: .625rem;}
.h-layer .l-b .adorn .b-li .preview{margin-right: 1.1875rem;margin-top: 1.75rem;}
.h-layer .l-b .adorn .b-li .apply{width: 3.75rem;height: 2rem;line-height: 2rem;border-radius: 1rem;margin-top: 1.5rem;}
.h-layer .l-b .music .b-li{height: 4.875rem;border-bottom: 1px solid#ECEEF1;}
.h-layer .l-b .music .b-li .pack{width: 16.0625rem;margin-top: 1.25rem;}
.h-layer .l-b .music .b-li .pack .icon{width: 1rem;height: 1rem;vertical-align: top;margin-right: .625rem;}
.h-layer .l-b .music .b-li .pack .name{margin-top: -.6875rem;}
.h-layer .l-b .music .b-li .apply{width: 3.75rem;height: 2rem;line-height: 2rem;border-radius: 1rem;margin-top: 1.25rem;}
/* 在线追思 */
.oe-layer{left:0;bottom: 0;width: 100%;height: 30.3125rem;border-radius: 1.875rem 1.875rem 0px 0px;}
.oe-layer .l-h{height: 3.8125rem;border-bottom: 1px solid #eee;padding-top: 1.25rem;}
.oe-layer .l-h .scroll{height: 2.5625rem;white-space: nowrap;}
.oe-layer .l-h .h-li{margin-right: 1.875rem;}
.oe-layer .l-h .on{color: #333;font-size: 1.25rem;}
.oe-layer .l-h .on:before{content: '';position: absolute;bottom: -.6rem;left: .1875rem;width: 1.875rem;height: .1875rem;background: linear-gradient(90deg, #C8A580 0%, #E7C49F 100%);border-radius: .125rem;}
.oe-layer .l-b{margin-left: -1.125rem;margin-top: .1875rem;}
.oe-layer .l-b .parcel{height: 22.1875rem;}
.oe-layer .l-b .b-li{width: 6.25rem;height: 10rem;border: 1px solid #eee;border-radius: .375rem;margin-top: 1.125rem;margin-left: 1.125rem;}
.oe-layer .l-b .b-li.on{border: .125rem solid #C7A27C;}
.oe-layer .l-b .b-li .time{height: 1.25rem;line-height: 1.25rem;border-radius: .375rem 0px;padding: 0 .4375rem;}
.oe-layer .l-b .b-li .cover{width: 5rem;height: 5rem;margin: 0 auto;margin-top: 1.6875rem;}
.oe-layer .l-b .b-li .cover img{max-width: 5rem;max-height: 5rem;}
.oe-layer .l-b .b-li .name{width: 5rem;height: .8125rem;line-height: .8125rem;margin: 0 auto;margin-top: .5625rem;}
.oe-layer .l-b .b-li .price{margin-top: .5625rem;}
.oe-layer .l-t{width: 100%;height: 3.0625rem;line-height: 3.0625rem;border-top: 1px solid #eee;margin-top: 1.125rem;}
.oe-layer .l-t .total{width: 50%;}
.oe-layer .l-t .btn{width: 5rem;height: 2.25rem;line-height: 2.25rem;border-radius: 1.125rem;margin-top: .4rem;}
/* 预约代祭祀 */
.weui-form__opr-area:last-child{margin-bottom: 32px;margin-top: 43px;}
/* 温馨提示 */
.warm{left: 50%;top: 50%;transform: translate(-50%,-50%);width: 19rem;padding: .9375rem 1.5625rem 2.125rem 1.5625rem;border-radius: .5625rem;}
.warm .close{right: .9375rem;top: .9375rem;width: 1rem;height: 1rem;}
.warm .warm-h{margin-bottom: 1.75rem;}
.warm .warm-b{line-height: 1.5625rem;}
.warm .warm-b .bt{height: 2.5rem;line-height: 2.5rem;border-radius: 1.25rem;margin-top: 1.8rem;}