*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html {font-size: 16px;overflow-y: scroll;}
html,body{width: 100%;}
body {width: 100%;max-width: 640px;line-height: 1.5;margin: 0 auto;font-size: 12px;font-family: '微软雅黑';text-align: left;-webkit-user-select: none;-webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;}
@media screen and (min-width: 320px) {
    html {   
        font-size: calc(75% + 2 * (100vw - 320px) / 27.5);
        font-size: calc(12px + 2 * (100vw - 320px) / 27.5);
    }
}
@media screen and (min-width: 375px) {
    html {   
        font-size: calc(100% + 2 * (100vw - 375px) / 39);
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: calc(125% + 4 * (100vw - 600px) / 400);
        font-size: calc(20px + 4 * (100vw - 600px) / 400);
    }
}
@media screen and (min-width: 1000px) {
    html {
        font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
        font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
    }
}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
input,button,textarea{outline: none;-webkit-appearance: none;border: 0;font-family: '微软雅黑';background-color: transparent;}
textarea{resize: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;visibility: hidden;height: 0;}
.flex-c{width: 100%;display: inline-flex;align-items: center;justify-content: center;flex-flow: wrap;}
.flex-b{width: 100%;display: inline-flex;align-items: center;justify-content: space-between;flex-flow: wrap;}
.flex-s{width: 100%;display: inline-flex;align-items: center;justify-content: flex-start;flex-flow: wrap;}
.flex-e{width: 100%;display: inline-flex;align-items: center;justify-content: flex-end;flex-flow: wrap;}

.loading {margin-top: 50%;}
.loading .loading-round{width: 2rem;height: 2rem;display: inline-block;border: 3px solid #f3f3f3; border-top: 3px solid #3E7EFF;border-radius: 50%;animation: loading 0.8s infinite linear;}
@keyframes loading{
    0% {
        transform: rotate(0deg); 
    }
    100% {
        transform: rotate(360deg);
    }
}

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

.fs9{font-size: .5625rem;}
.fs10{font-size: .625rem;}
.fs11{font-size: .6875rem;}
.fs12{font-size: .75rem;}
.fs13{font-size: .8125rem;}
.fs14{font-size: .875rem;}
.fs15{font-size: .9375rem;}
.fs16{font-size: 1rem;}
.fs17{font-size: 1.0625rem;}
.fs18{font-size: 1.125rem}
.fs19{font-size: 1.1875rem;}
.fs20{font-size: 1.25rem;}
.fs24{font-size: 1.5rem;}
.fs28{font-size: 1.75rem;}

.bg255{background-color: #fff;}
.bga255{background-color: rgba(255, 255, 255, .3);}
.bgf55438{background-color: #f55438;}
.bgF5F0EA{background-color: #F5F0EA;}
.bgF7F6F4{background-color: #F7F6F4;}
.bgc8a27d{background-color: #c8a27d;}
.bgC8A47F{background-color: #C8A47F;}
.bgaC8A47F{background-color: #C8A47F;opacity: .6;}
.bgcebda3{background-color: #cebda3;}
.bgC7A27C{background-color: #C7A27C;}
.bgD3C2A8{background-color: #D3C2A8;}
.bgE9F0E7{background-color: #E9F0E7;}
.bgEEE{background-color: #eee;}

.cr255{color: #fff;}
.cr000{color: #000;}
.cr181818{color: #181818;}
.cr222325{color:#222325}
.cr333{color: #333;}
.cr434549{color: #434549;}
.cr444{color: #444;}
.cr5B4036{color: #5B4036;}
.cr6C6E73{color: #6C6E73;}
.cr666{color: #666;}
.cr777{color: #777;}
.cr888{color: #888;}
.cr999{color: #999;}
.crbbb{color: #bbb;}
.crC7A27C{color: #C7A27C;}
.crC8A47F{color: #C8A47F;}
.crddd{color: #ddd;}
.crF55536{color: #F55536;}
.crF3C3C{color: #FF3C3C;}
.crF4C470{color: #F4C470;}
.crFCCD49{color: #FCCD49;}

.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}

.mask8{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8);}

.mt11 {margin-top: .6875rem;}
.mt12{margin-top: .75rem;}
.mt20{margin-top: 1.25rem;}

.bd50{border-radius: 50%;}

.zi98{z-index: 98;}
.zi99{z-index: 99;}
.zi999{z-index: 999;}
.zi9999{z-index: 9999;}

.noder{border: 0;}
.bder{border: 1px solid #C7A27C;}

.p10{padding: 0 .625rem;}
.p14{padding: 0 .875rem;}
.p15{padding: 0 .9375rem;}
.p16{padding: 0 1rem;}
.p20{padding: 0 1.25rem;}
.p30{padding: 0 1.875rem;}
.p25{padding-bottom: 1.5625rem;}
.p50{padding-bottom: 3.125rem;}`
.p65{padding-bottom: 4.0625rem;}
.p96{padding-bottom: 6rem;}
.pb54{padding-top: 3.375rem;}

.empty{margin-top: 8.3rem;}
.empty img{width:5.9375rem;height: 5.9375rem;margin-bottom: 1.25rem;}
.empty .e-btn{width: 11.25rem;margin: 0 auto;height: 2.75rem;line-height: 2.75rem;left: 2.75rem;border-radius: 1.375rem;margin-top: 1.875rem;}

.tl{text-align: left;}
.tc {text-align: center;}
.tr{text-align: right;}
.pa {position: absolute;}
.pr {position: relative;}
.pf {position: fixed;}
.hm,.vm {position: absolute;transform: translate(-50%,-50%);}
.vm {top: 50%;}
.hm {left: 50%;}
.dib {display: inline-block;}
.db {display: block;}
.hide {display: none;}
.oh{overflow: hidden;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* 模板 */
.contact{width: 3.375rem;height: 3.375rem;right: .625rem;bottom: 3.75rem;overflow: hidden;}
.contact .icon{width: 1.375rem;margin: 0 auto;height: 1.375rem;margin-top: .625rem;}
/* 头部 */
.head{width: 100%;max-width: 640px;height: 3.375rem;top: 0;left: 50%;transform: translateX(-50%);}
.w17{width: 1.0625rem;}
.w42{width: 2.625rem;height: 2.625rem;}
.w87{width: 5.4375rem;}
/* 底部 */
.foot{width: 100%;max-width: 640px;left: 50%;bottom: 0;transform: translateX(-50%);padding: .3125rem;border-top: 1px solid #eee;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.foot .f-li{flex: 1;padding-bottom: .3125rem;}
.foot .f-li .icon1{width: 1.3125rem;height: 1.1875rem;}
.foot .f-li .icon2{width: 1.125rem;height: 1.375rem;}
.foot .f-li .icon3{width: 1.25rem;height: 1.25rem;}
.foot .f-li .icon4{width: 1.3125rem;height: 1.25rem;}
.foot .f-li p{height: .6875rem;line-height: .6875rem;margin-top: .1875rem;}
/* 搜索 */
.search{width: 100%;margin: 0 auto;height: 2.25rem;line-height: 2.25rem;border-radius: .375rem;margin-top: 1.25rem;}
.search input{width: 84%;height: 2.25rem;line-height: 2.25rem;padding-left: .9375rem;}
.search .icon{width: .9375rem;height: .9375rem;margin-right: .75rem;margin-top: .625rem;}
/* 公共组件 */
.static {position: fixed;left: 0;}
/* 追思堂 */
.m-list .m-li{height: 8.125rem;margin-top: .75rem;border-radius: .375rem;padding: .9375rem .75rem;}
.m-list .m-li .thumb{width: 5rem;height: 6.25rem;border-radius: .1875rem;margin-right: .75rem;}
.m-list .m-li .cont{overflow: hidden;}
.m-list .m-li .cont .block-1 .name{max-width: 4.0625rem;vertical-align: middle;}
.m-list .m-li .cont .block-1 .fr{min-width: 3.75rem;height: 2rem;line-height: 2rem;border-radius: 1rem;padding: 0 .75rem;}
.m-list .m-li .cont .block-2,.m-list .m-li .cont .block-3{width: 100%;}
.m-list .m-li .cont .block-4{height: 1.5rem;line-height: 1.5rem;background: #F5F0EA;border-radius: 0.75rem;padding: 0 .625rem;}
/* 文章列表 */
.a-list .a-li{width: 100%;height: 6.4375rem;padding: .9375rem;border-radius: .625rem;}
.a-list .a-li .thumb{width: 4.5625rem;height: 4.5625rem;border-radius: .3125rem;margin-right: .8125rem;}
.a-list .a-li .right{overflow: hidden;}
.a-list .a-li .right .title{height: .9375rem;line-height: .9375rem;margin-top: .3125rem;margin-bottom: .3125rem;}
.a-list .a-li .right .desc{line-height: 1.3125rem;}
/* 关系弹窗 */
.layer{width: 20.3125rem;height: 13.125rem;border-radius: .5625rem;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.layer .l-h{padding-top: .9375rem;height: 2rem;line-height: 2rem;}
.layer .l-h .close{right: .9375rem;top: .9375rem;width: 1rem;height: 1rem;}
.layer .l-b{padding: 0 1.3125rem;margin-top: 1.875rem;}
.layer .l-b .bar{height: 1rem;}
.layer .l-b .real{margin-right: 1.34rem;margin-top: 1.25rem;}
.layer .l-b .real:last-child{margin-right: 0;}
.layer .l-b .real .icon{width: 1rem;height: 1rem;vertical-align: middle;margin-right: .375rem;}
.layer .l-m{margin-top: 1.875rem;padding-left: 1.3125rem;}
.layer .l-m .btn{width: 5.625rem;height: 2.5rem;line-height: 2.5rem;border-radius: 1.25rem;margin-right: .625rem;}
/* 遮罩层 */
.mask{z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.dialog{left: 0;right: 0;bottom: 0;max-height: 75%;z-index: 5000;line-height: 1.4;border-radius: 12px 12px 0 0;	overflow: hidden;transition: transform .3s;transform: translateY(100%);}
.dialog_show{transform: translateY(0);}