.bg{position:absolute;width:200px;height:200px;border-radius:100%;animation:illuminate 15s ease-out infinite;background:#dfd80c;margin-left:100px;margin-top:50px;z-index:777}
@keyframes illuminate{0%,100%{transform:scale(1,1);opacity:0}
25%,75%{opacity:0.3}
50%{transform:scale(1.5);opacity:0.1}
}@keyframes blink{0%,100%{transform:scale(1,0.1)}
5%,95%{transform:scale(1,1)}}

.floww {
   
    background: linear-gradient(to right, red, orange, yellow, green, cyan, blue,  purple);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:  hue 1s linear infinite;
 
}

.floww1 {
   
    background: linear-gradient(to left, #fc5531, #e99a09, #e90966, #fc5531, #e99a09, #e90966);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:  hue 10s linear infinite;
 
}


@keyframes hue {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(360deg);
    }
}

/* 许愿/还愿/赎罪 - 复刻随缘佛堂风格 */
.xuyuan_wrap{padding:0 0 10px 0;}
.xuyuan_box{border:1px solid #eee;background: #ffeb00;border-radius:4px;padding:15px 18px;margin-bottom:12px;}
.xuyuan_box .xy_tit{font-size:16px;font-weight:bold;color:#c0392b;border-left:4px solid #c0392b;padding-left:10px;line-height:22px;margin:0 0 10px 0;}
.xuyuan_box .xy_intro{color: #ff0000;font-weight: 900;line-height:24px;font-size:14px;text-indent:2em;margin:8px 0 12px 0;}
.xy_btn{display:inline-block;height:34px;line-height:34px;padding:0 20px;background:#c0392b;color:#fff;border-radius:3px;font-size:14px;cursor:pointer;text-decoration:none;border:none;}
.xy_btn:hover{background:#A93226;color:#fff;text-decoration:none;}
.f16{font-size:16px;}

/* 分类导航 */
.xy_cate{margin-bottom:14px;padding:10px 0;border-bottom:1px dashed #eee;}
.xy_cate .cate_label{font-weight:bold;color:#333;margin-right:8px;}
.xy_cate a{display:inline-block;height:28px;line-height:28px;padding:0 12px;margin:0 6px 6px 0;border:1px solid #ddd;border-radius:14px;color:#666;font-size:13px;background:#fafafa;transition:all .15s linear;}
.xy_cate a:hover{background:#c0392b;color:#fff;border-color:#c0392b;text-decoration:none;}
.xy_cate a.active{background:#c0392b;color:#fff;border-color:#c0392b;}

/* 筛选搜索 */
.xy_search{padding:10px 0;border-bottom:1px dashed #eee;margin-bottom:14px;}
.xy_search .se-input{height:30px;line-height:30px;border:1px solid #ddd;border-radius:3px 0 0 3px;padding:0 10px;width:280px;vertical-align:middle;background:#fff;color:#666;}
.xy_search .se_bn{height:32px;line-height:30px;border:1px solid #c0392b;background:#c0392b;color:#fff;border-radius:0 3px 3px 0;padding:0 18px;cursor:pointer;vertical-align:middle;font-size:14px;}
.xy_search .se_bn:hover{background:#A93226;}

/* ============ 复刻随缘佛堂 - am-panel 卡片 ============ */
.am-panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);}
.am-panel-hd{padding:0;border-top-left-radius:3px;border-top-right-radius:3px;position:relative;}
.am-panel-bd{padding:0;}
.am-list{margin:0;padding-left:0;list-style:none;}
.am-list li{padding:10px;font-size:16px;line-height:25.6px;color:#333;}
.kfccbg{background: #ffeb00;}

/* ============ 灯笼动画 ============ */
/* ================= 灯笼外层容器：只有这一层做摇摆动画！================= */
.deng-box{
    position:absolute;
    top:-18px;
    left:-135px;
    z-index:99;
    /* 渲染隔离：限制渲染范围在当前td，跨单元格不会串画面 */
    contain: layout paint;
    /* 旋转原点，改到盒子顶部，不要跑到很远的外面 */
    transform-origin: 50% -25px;
    animation:swing 3s infinite ease-in-out;
}
.deng-box1{
    position:absolute;
    top:-18px;
    left:376px;
    z-index:99;
    contain: layout paint;
    transform-origin: 50% -25px;
    animation:swing 3.1s infinite ease-in-out;
}

/* ========= .deng 灯笼本体：【移除动画】！内部全部静态，不旋转！ ========= */
.deng-box1 .deng,
.deng{
    position:relative;
    width:50px;
    height:37px;
    margin:50px;
    background:rgba(216,0,15,.8);
    border-radius:50% 50%;
    /* 【删掉这里原来的-webkit-animation！动画交给外层deng-box】 */
    /* box-shadow 降级，大幅度减小扩散，碎片问题来源，异常就直接注释掉这行 */
    box-shadow:-3px 3px 15px 2px rgba(252,144,61,0.6);
    box-sizing:content-box;
}

.deng-a{
    height:35px;
    background:rgba(216,0,15,.1);
    margin:-2px;
    border-radius:50% 50%;
    border:2px solid #dc8f03;
    box-sizing:content-box;
}
.deng-b{
    width:20px;
    background:rgba(216,0,15,.1);
    margin:-2px 8px 8px 13.5px;
    border-radius:50% 50%;
    border:2px solid #dc8f03;
    box-sizing:content-box;
}
.xian{
    position:absolute;
    top:-30px;
    left:25px;
    width:2px;
    height:24px;
    background:#cc422e;
}
/* =====吊穗shui-a：【移除动画】，吊穗不再单独摇摆！多个动画叠加极易乱！===== */
.shui-a{
    width:5px;
    height:15px;
    margin:2px 0 0 25px;
    background:#ffa500;
    border-radius:0 0 5px 5px;
    box-sizing:content-box;
}
.shui-b{
    position:absolute;
    top:18px;
    left:-2px;
    width:10px;
    height:0;
    background:#dc8f03;
    border-radius:50%;
    box-sizing:content-box;
}
.shui-c{
    position:absolute;
	top:52px;
    left:22px;
    width:8px;
    height:20px;
    background:#ffa500;
    border-radius:0 0 0 5px;
    box-sizing:content-box;
}
.deng::after{
    position:absolute;
    bottom:-5px;
    left:-10px;
    height:5px;
    width:30px;
    content:" ";
    margin-left:20px;
    border-radius:0 0 5px 5px;
    border:solid 1px #dc8f03;
    background:linear-gradient(to right,#dc8f03,#ffa500,#dc8f03,#ffa500,#dc8f03);
    box-sizing:content-box;
}
.deng::before{
    position:absolute;
    top:-5px;
    left:10px;
    height:5px;
    width:30px;
    content:" ";
    z-index:999;
    border-radius:5px 5px 0 0;
    border:solid 1px #dc8f03;
    background:linear-gradient(to right,#dc8f03,#ffa500,#dc8f03,#ffa500,#dc8f03);
    box-sizing:content-box;
}
.deng-t{
    font-size:17px;
    text-shadow:0 1px 0 #582804;
    color:#dc8f03;
    font-weight:bold;
    line-height:32px;
    text-align:center;
    box-sizing:content-box;
}

/* 动画keyframes，统一，不需要webkit两套分开写（现代浏览器支持无前缀） */
@keyframes swing{
    0%{transform:rotate(-10deg)}
    50%{transform:rotate(10deg)}
    100%{transform:rotate(-10deg)}
}


/* 光晕动画 */
.bg{position:absolute;width:200px;height:200px;border-radius:100%;animation:illuminate 15s ease-out infinite;background:#dfd80c;margin-left:100px;margin-top:50px;z-index:777;}
@keyframes illuminate{0%,100%{transform:scale(1,1);opacity:0}25%,75%{opacity:.3}50%{transform:scale(1.5);opacity:.1}}

/* ============ 神明层叠画布 ============ */
.fo-img-wrap{position:relative;width:400px;max-width:100%;margin:0 auto;}
.fo-img-bg{width:100%;background-image:url(/static/xuyuan/lamp/m_gdbg.gif);background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;display:block;border-radius:10px;margin-top:10px;position:relative;}
.fo-img-table{width:380px;max-width:100%;border-collapse:collapse;}
.fo-img-table td{padding:0;}
.fo-deity-cell{position:relative;text-align:center;width:162px;}
.fo-deity-bg{background-image:url(/static/xuyuan/deity/1.jpg);background-size:cover;}
.fo-deity-img{z-index:888;width:163px;height:235px;position:relative;}
.fo-candle-left{padding-left:30px;height:82px;width:90px;}
.fo-candle-right{padding-left:28px;height:82px;width:90px;}
.fo-offer-left{width:120px;height:105px;}
.fo-offer-center{width:162px;height:105px;text-align:center;}
.fo-offer-right{width:118px;height:105px;}
.fo-name-bar{background-image:url(/static/xuyuan/lamp/m_sjmnf_21.gif);background-repeat:no-repeat;background-size:100% 100%;height:56px;text-align:center;vertical-align:middle;}
.fo-name-bar .buddha-name{font-size:20px;color:#743706;font-weight:bold;}
.sxrf14{font-size:20px;}

/* ============ 礼佛人信息 ============ */
.fo-person-row{width:100%;padding:10px;margin-bottom:-3px;text-align:center;}
.fo-person-row b{font-size:16px;font-weight:bold;}
.fo-person-row .join-hands{width:34px;height:34px;vertical-align:middle;}

/* ============ 列表项样式 ============ */
.fo-list{padding:0;}
.fo-list li{padding:10px;font-size:16px;line-height:25.6px;color:#333;}
.fo-list .gender-color-善男{color:#8b4513!important;}
.fo-list .gender-color-善女{color:#c1168c!important;}
.fo-list .gender-color-保密{color:#7a7237!important;}
.fo-list .font1{color: #F44336 !important;}
.fo-list .font2{color:#c1168c!important;}
.fo-list .font3{color: #ff0000 !important;}
.fo-list .gender-box{position:relative;top:-1px;}
.fo-list .gender-box img{width:26px;height:26px;vertical-align:top;}
.fo-list .pray-label{display:inline-block;vertical-align:top;min-width:3.5em;}
.fo-list .pray-text{color: #ff0000;font-size:16px;}
.fo-list .pray-text.has-gradient{position:relative;display:inline;}
.fo-list .pray-text.has-gradient::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2.2em;background:linear-gradient(to bottom,transparent,#f9f6f1);pointer-events:none;transition:opacity .3s;}
.fo-list .pray-toggle{text-align:center;color:#8b7355;margin-top:10px;cursor:pointer;font-size:14px;}
.fo-list .bluef12{font-size:12px;color:#006641;}
.fo-list .btn-like{color:#a3a3a3;background:none;border:none;font-size:14px;cursor:pointer;}
.fo-list .btn-like:hover{color:red;}

/* ============ 加密锁样式 ============ */
.fo-lock{display:inline-flex;align-items:center;gap:6px;color:#999;font-size:16px;}
.fo-lock img{width:18px;height:18px;}
.fo-lock a{color:#c0392b;cursor:pointer;}
.fo-lock-detail{text-align:center;padding:14px;background:#fcfcfc;border:1px dashed #ddd;border-radius:4px;}
.fo-lock-detail .lock-icon{width:24px;height:24px;}
.fo-lock-detail .lock-msg{color:#999;margin:8px 0;font-size:16px;}
.fo-lock-detail .unlock-form{display:flex;gap:8px;justify-content:center;align-items:center;}
.fo-lock-detail .unlock-input{height:32px;line-height:32px;border:1px solid #ddd;border-radius:3px;padding:0 10px;width:200px;font-size:14px;}
.fo-lock-detail .unlock-btn{height:34px;line-height:34px;padding:0 18px;background:#c0392b;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;}
.fo-lock-detail .unlock-btn:hover{background:#A93226;}

/* ============ 还愿状态 ============ */
.fo-repay-status{display:inline-block;height:20px;line-height:20px;padding:0 8px;font-size:12px;border-radius:3px;margin-left:8px;}
.fo-repay-status.paid{background:#dff0d8;color:#3c763d;}
.fo-repay-status.unpaid{background:#f2dede;color:#a94442;}
.fo-repay-btn{display:inline-block;height:20px;line-height:20px;padding:0 10px;background:#c0392b;color:#fff;border-radius:3px;font-size:12px;margin-left:6px;}
.fo-repay-btn:hover{background:#A93226;text-decoration:none;}

/* ============ 点赞 ============ */
.fo-like-wrap{float:right;margin-top:-1px;}
.fo-like-btn{background:none;border:none;font-size:14px;color:#a3a3a3;cursor:pointer;border-radius:5px;}
.fo-like-btn:hover{color:red;}
.fo-like-btn .like-icon{width:16px;height:16px;vertical-align:middle;margin-right:4px;}

/* ============ 许愿表单 - 复刻 am-form ============ */
.fo-form{margin-bottom:55px;margin-top:15px;padding:10px;max-width:100%;/*background-color:rgba(245,245,245,.56);*/}
.fo-form .am-g{margin:0;}
.fo-form .am-g:after{content:" ";display:block;visibility:hidden;height:0;line-height:0;clear:both;overflow:hidden;}
.fo-form .am-form-group{padding-top:5px;}
.fo-form .am-u-sm-2{width:16.66667%;float:left;padding-top:4px;}
.fo-form .am-u-sm-10{width:83.33333%;float:left;padding:0;}
.fo-form label{font-size:14px;color: #000000;font-weight: 900;}
.fo-form .inp{width:100%;height:34px;line-height:34px;border:1px solid #ccc;border-radius:4px;padding:0 10px;font-size:14px;box-sizing:border-box;font-weight: 900;color: #000;}
.fo-form select{width:100%;height:34px;line-height:34px;border:1px solid #ccc;border-radius:4px;padding:0 10px;font-size:14px;box-sizing:border-box;background: #9C27B0;color: #f6fc00;font-weight: 900;}
.fo-form option{font-weight:900}
.fo-form textarea{width:100%;border:1px solid #ccc;border-radius:4px;padding:8px 10px;font-size:14px;box-sizing:border-box;line-height:24px;min-height:100px;resize:vertical;font-weight: 900;color: #000;}
.fo-form .inp:focus,.fo-form select:focus,.fo-form textarea:focus{border-color:#c0392b;outline:none;}
.fo-form .radio-list{list-style:none;margin:0;padding:0;}
.fo-form .radio-list:after{content:" ";display:block;visibility:hidden;height:0;line-height:0;clear:both;overflow:hidden;}
.fo-form .radio-list li{margin-top:6px;float:left;margin-right:15px;}
.fo-form .radio-list label{vertical-align:middle;display:inline-block;}
.fo-form .radio-list input{margin:-3px 5px 0 0;padding:0;border:0;vertical-align:middle;}
.fo-form .tip{color: #F44336;font-size: 14px;font-weight: 800;}
.fo-form .btn-submit{height:40px;line-height:40px;padding:0 32px;background:#c0392b;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;}
.fo-form .btn-submit:hover{background:#A93226;}
.fo-form .btn-reset{height:40px;line-height:40px;padding:0 24px;background:#eee;color:#666;border:none;border-radius:4px;font-size:15px;cursor:pointer;margin-left:10px;}
.fo-form .btn-reset:hover{background:#ddd;}

/* 表单中的层叠画布预览 */
.fo-form-preview{margin-bottom:15px;}

/* 范文选择器 */
.fo-sample-wrap{margin-bottom:8px;}
.fo-sample-wrap .sample-tip{color: #F44336;font-size: 14px;font-weight: 800;}
.fo-sample-wrap select{margin-bottom:6px;}

/* 密码区 */
.fo-password-wrap{margin-top:8px;}
.fo-password-wrap input{margin-bottom:4px;}

/* ============ 十大功德利益 ============ */
.fo-merit-benefits{margin-top:20px;padding:16px 18px;background:#fffbf0;border:1px solid #fcefd1;border-radius:4px;}
.fo-merit-benefits .benefits-tit{font-size:16px;font-weight:bold;color:#b8860b;text-align:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #e0c97a;}
.fo-merit-benefits .benefits-list p{font-size:14px;line-height:26px;color:#7a6a4a;margin:4px 0;text-indent:2em;}
.fo-merit-benefits .benefits-list p strong{color:#b8860b;}

/* ============ 赎罪表单 ============ */
.shouzui_box{border:1px solid #eee;background: #ffeb00;border-radius:4px;padding:15px 18px;margin-bottom:12px;}
.shouzui_box .sz_tit{font-size:16px;font-weight:bold;color:#c0392b;border-left:4px solid #c0392b;padding-left:10px;line-height:22px;margin:0 0 10px 0;}
.shouzui_box .form_item{padding-top:5px;}
.shouzui_box .sz_intro{color:#ff0000;font-weight:900;line-height:24px;font-size:14px;text-indent:2em;margin:8px 0 12px 0;}
.shouzui_box .pay_amount{color:#c0392b;font-weight:bold;}

/* 自定义金额输入 */
.amount_input_wrap{display:inline-flex;align-items:center;gap:4px;}
.amount_input_wrap .amount_prefix{font-size:18px;color:#c0392b;font-weight:bold;}
.amount_input_wrap .amount_suffix{font-size:14px;color:#666;}
.amount_input_wrap .amount_input{width:120px;height:38px;line-height:38px;border:2px solid #c0392b;border-radius:3px;padding:0 10px;font-size:18px;color:#c0392b;font-weight:bold;text-align:center;background:#fff;}

/* ============ 还愿弹窗 ============ */
.xy_repay_layer .layer_tit{font-size:16px;font-weight:bold;color:#c0392b;text-align:center;margin-bottom:14px;}
.xy_repay_layer .origin_wish{background:#fcfcfc;border:1px dashed #eee;padding:10px 12px;border-radius:3px;font-size:13px;color:#888;line-height:22px;margin-bottom:14px;}
.xy_repay_layer .origin_wish strong{color:#c0392b;}
.xy_repay_layer .pay_tips{color:#999;font-size:12px;text-align:center;margin-top:10px;}

/* ============ 移动端适配 ============ */
@media (max-width: 768px) {
    .deng-box1{margin-left:230px;}
    .deng-box{margin-left:10px;}
    .fo-img-table{width:100%;}
    .fo-deity-img{width:100%;height:auto;}
    .fo-form{width:100%;}
    .fo-form .am-u-sm-2{width:100%;float:none;margin-bottom:4px;}
    .fo-form .am-u-sm-10{width:100%;float:none;}
    .amount_input_wrap .amount_input{width:90px;}
    .fo-merit-benefits .benefits-list p{font-size:13px;line-height:24px;}
}


/*  飘花  */
#contentak { 
	width: 100%;
	height: 100%; 
	max-width:1024px;
	top: 0px;
	overflow: hidden; 
	position: fixed; 
}
#snowflake {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	overflow: hidden; 
}
.snowRoll { 
	position: absolute; 
	opacity: 0; 
	-webkit-animation-name: mysnow; 
	-webkit-animation-duration: 20s; 
	-moz-animation-name: mysnow; 
	-moz-animation-duration: 20s; 
	height: 80px; 
}
@-webkit-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -webkit-transform: rotate(1080deg);
	}
	 100% {
	 -webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}
@-moz-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -moz-transform: rotate(1080deg);
	}
	 100% {
	 -moz-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}

/* 音频播放 */
#play_btn {
        position: absolute;
        right: 6%;
        top: 8%;
        width: 33px;
        height: 33px;
        overflow: hidden;
        background-color: #000;
        border: solid 3px #ccc;
        border-radius: 50%;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        z-index:99;
    }
    
    #play_btn button {
        display: inline-block;
        width: 28px;
        height: 28px;
        background-image: url('../../../../xuyuan/image/music.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 45%;
        background-color: transparent;
        border: none;
    }
    
    #play_btn audio {
        width: 0px;
        height: 0px;
        overflow: hidden;
        visibility: hidden;
    }
    
    #play_btn.play {
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        -ms-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
    }
    
    #play_btn.pause {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
    }
    
    @keyframes play {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @-moz-keyframes play {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes play {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }
    
    @-ms-keyframes play {
        0% {
            -webkit-transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

/* Chrome / Edge */
::placeholder {
  color: #000;
  font-weight:bold;
  /* font-weight:bold; 大部分浏览器不生效 */
}
/* Firefox */
::-moz-placeholder {
  color: #000;
  font-weight:bold;
}

input,
textarea,
select {
    font-family: inherit !important; /* 继承父页面字体，和单行input一致 */
    font-size: 14px !important;
}
/* 许愿列表 */
.xy_list{}
.xy_list .xy_item{border:1px solid #eee;padding:12px 14px;margin-bottom:10px;background:#ffffffb5;border-radius:3px;transition:all .15s linear;}
.xy_list .xy_item:hover{box-shadow:0 2px 6px rgba(0,0,0,.06);border-color:#f1c40f;}
.xy_list .xy_item .item_tit{font-size:15px;font-weight:bold;color:#333;margin-bottom:6px;}
.xy_list .xy_item .item_tit a{color:#c0392b;}
.xy_list .xy_item .item_tit a:hover{text-decoration:underline;}
.xy_list .xy_item .item_cate{display:inline-block;height:20px;line-height:20px;padding:0 8px;background:#fdf6e3;color:#b8860b;border-radius:3px;font-size:12px;margin-right:8px;}
.xy_list .xy_item .item_summary{color:#555;line-height:22px;font-size:13px;margin:6px 0;}
.xy_list .xy_item .item_meta{color:#999;font-size:12px;}
.xy_list .xy_item .item_meta .nick{color:#3a5a78;}
.xy_list .xy_item .xy_status{display:inline-block;height:20px;line-height:20px;padding:0 8px;font-size:12px;border-radius:3px;margin-left:8px;}
.xy_list .xy_item .xy_status.unpaid{background:#f2dede;color:#a94442;}
.xy_list .xy_item .xy_status.paid{background:#dff0d8;color:#3c763d;}
.xy_list .xy_item .xy_btn{display:inline-block;height:24px;line-height:24px;padding:0 12px;background:#5fb878;color:#fff;border-radius:3px;font-size:12px;margin-left:8px;}
.xy_list .xy_item .xy_btn:hover{background:#4cae4c;text-decoration:none;}