* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;background: #f2f2f2; color: #333; line-height: 1.5; font-weight: lighter; position: relative;
}
a{ color: #333; text-decoration:none; }
img{display: block;}
ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
}
em{font-style: normal;}
input{ border:none; background: none; font-weight: lighter; outline: none;}
input::-webkit-input-placeholder {

    color: #ccc;
}
textarea {
    outline: none; border:none;
}
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.width {
    width: 100%;
}

.abso {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.display01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
}

.display02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}

.display03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.display04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}

.display05 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.display06 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.display07 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    justify-content: flex-end;
}

.display08 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    justify-content: flex-end;
}
.post {
    position: fixed;
    width: 100%; max-width: 750px;
    left: 0;
}

/*swiper*/

.swiper-container {
    width: 100%;
    height: 100%;
}

.top_xuanz .swiper-slide {
     width: auto; height: 100%; background-color:Yellow;border-bottom: #ddae44 1px solid;
}

.top_xuanz{ position: fixed;  z-index: 99; top: 0; width: 100%; height:1.2rem ; line-height: 1.2rem; background-color: .swipe; }
.top_xuanz .swiper-slide{ padding: 0 0.266667rem; }
.top_xuanz .swiper-slide a{ display: block; width: 100%; height: 100%; text-align: center; font-size: 0.4rem; }
.top_xuanz .swiper-slide a img{ display: inline-block; height:0.56rem ; margin:auto 0.133333rem ; vertical-align: middle; }
.top_xuanz .swiper-slide a p{ display: inline-block; }
.top_xuanz .swiper-slide a span{ color: #f22b1b; }

.banner{ position: relative; }
.banner img{ width: 100%;  }
.banner_text{  position: absolute; width: 100%; bottom:0.4rem ; left: 0; text-align: center; font-size:0.56rem; 
               text-shadow: 1px 1px 0px #FFFFFF, -1px -1px 0px #FFFFFF}
.banner_text div{ display: block; font-size:0.666667rem ; }
.banner_text div em{ color: #f22b1b; margin: 0 0.133333rem; display: inline-block; }
.index_tit{ text-align: center; font-size: 0.4rem; padding:0.4rem 0 0.2rem; font-weight: normal; }
.index_tit p{ font-size: 0.48rem; }
.index_text{ font-size:0.4rem ; line-height: 2; padding:0 0.333333rem;  font-weight: lighter; text-indent: 2em; }

/*底部*/
.foot_in{  z-index: 99; bottom: 0; height:2.8rem ;padding:0 0.333333rem; }
.foot_in a{ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; font-size: 0.453333rem; color: #fff; text-align: center; background: url(../images/icon_bg.png) center/contain no-repeat; }
.foot_in .aaa{ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; font-size: 0.453333rem; color: #fff; text-align: center; background: url(../images/icon_bg.png) center/contain no-repeat; }

/*我要供灯*/
.nav_gd{ margin-bottom: 0.133333rem; }
.nav_gdul{ float: left; width: 100%; padding: 0.2rem 0; background-color: #fff; }
.nav_gdul li{ float: left; width: 20%; text-align: center; }
.nav_gdul li a{ display: block; }
.nav_gdul li div{ height:1.693333rem ; width: 100%; background-image: url(../images/nav/nav_bg01.png); background-position: center; background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; }
.nav_gdul li div img{ height:1.133333rem ; width: 1.133333rem; margin-top: 0.10033333rem; display: inline-block; -moz-border-radius:100%; border-radius:100%; border:#ffa854 1px solid; padding: 0.066667rem; background-color: #fff;}
.nav_gdul li p{ font-size: 0.4rem; line-height: 3; }
.nav_gdul li.act_nav a p{ color: #ff9125; }
.nav_gdul li.act_nav div{  background-image: url(../images/nav/nav_bg02.png); }
.gd_table{ width: 100%; background-color: #fff; }
.gd_table tr td{ padding:0.266667rem 0.333333rem;  font-size: 0.453333rem; border-bottom: #ddae44 1px solid; }
.gd_table tr td:nth-child(1){ text-align: right; padding-left: 0; }
.gd_table tr td:nth-child(2){ padding-left: 0; width: 70%; }
.tx_bt img{display: inline-block;}
.gb_inp{ width: 100%; height: 100%; text-align: left; font-size: 0.453333rem; background: none; color: #ddae44;  border: none; }
.gb_time{ width: 100%; }
.gb_time li{ float: left; padding-left:6px; padding-right:6px; min-width:23.5% ;height: 0.8rem; margin:0 2% 0.133333rem 0; ; text-align: center; line-height: 0.78rem; font-size: 0.4rem; color: #ddae44; border:#ddae44 2px solid; -moz-border-radius: 0.133333rem; border-radius: 0.133333rem; background-color: #fff7e5; }
.gb_time li:nth-child(4n){ margin-right: 0; }
.gb_time li.act_time{ background-color: #ddae44; color: #fff; }
.gb_jaji input{ float:left; width: 0.613333rem; height:0.666667rem ; font-size: 0.453333rem; color: #ddae44; text-align: center; line-height: 0.613333rem; border:#ddae44 2px solid; background-color: #fff7e5;}
.gb_jaji input:nth-child(2){ width:1.2rem; margin: 0 0.266667rem; }

/*填写姓名*/
.tx_qy{ text-align: center; }
.tx_qy p{ font-size: 0.52rem;  color: #ddae44;}
.tx_beiz{ position: relative; padding:0.266667rem 0.333333rem ; margin: 0.133333rem auto 0.266667rem; background-color: #fff; }
.tx_beiz textarea{ width: 100%; height:3rem ; line-height: 0.72rem; text-align: center; font-size: 0.373333rem; }
.tx_beiz p{ font-size: 0.4rem; color: #4c4c4c; position: absolute; right: 0.333333rem; bottom: 0.2rem; }
.xb_nv{ }
.xb_nv span{ float: left; height:0.533333rem; line-height: 0.533333rem; font-size: ; padding-left:0.666667rem ; background-image: url(../images/icon_bxuz01.png); background-position: left center; background-repeat: no-repeat; -moz-background-size: auto 100%; background-size: auto 100%;}
.xb_nv span:first-child{ margin-right: 58px; }
.xb_nv span.act_xinb{ background-image: url(../images/icon_bxuz02.png); }
.tx_xiey{ padding:1px 0.333333rem; }
.tx_xiey p{ height: 0.533333rem; line-height: 0.533333rem; padding-left: 50px; margin:0.266667rem 0 ; font-size: 0.4rem; color: #666; background-image: url(../images/icon_bxuz03.png); background-position: left center; background-repeat: no-repeat; -moz-background-size: auto 100%; background-size: auto 100%;}
.tx_xiey p a{ color: #445ddd; }
.tx_xiey p.act_xieyi{ background-image: url(../images/icon_bxuz02.png); }

/*我的信息*/
.wom_ing{ position: absolute; top: 0; left:0; bottom: 0; right: 0; margin: auto; width:2.533333rem ; height:2.533333rem ; -moz-border-radius: 100%; border-radius: 100%; padding: 0.066667rem; background: rgba(255,255,255,0.5); overflow: hidden; }
.wom_ing p{ height: 100%; background-position: center; background-repeat: no-repeat; -moz-background-size: auto 100%; background-size: auto 100%; }
.wod_xy input{ color: #333; }

/*邀请填写信息*/
.yq_jies{ padding:0.2rem 0.333333rem ; font-size:0.426667rem ; line-height: 2; font-weight: normal; text-indent: 2em;}
/*寺院主页*/
.sybar_text{ position: absolute; bottom:0; left: 0; width: 100%; height:0.666667rem ; line-height:0.666667rem ; padding:0 0.333333rem ; font-size:0.4rem ; color: #fff; background: rgba(0,0,0,0.5); }
.zhuye_text { font-size: 0.4rem; line-height: 1.5; padding: 0.2rem 0.333333rem; background-color: #fff; }
.zhuye_text p{ text-indent: 2em; }
.sy_div{ margin-top: 0.133333rem; background-color: #fff; padding: 1px 0; }
.sy_title{ padding-top:0.066667rem ; border-bottom: #ffe8b3 1px solid; }
.sy_boufa{ width: 94%; height: 4.8rem; margin: 0.266667rem auto; }
.sy_boufa .swiper-slide{ width: 100%; height: 100%; -moz-border-radius: 0.133333rem; border-radius: 0.133333rem; overflow: hidden;  background-position: center; background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; }
.sy_boufa .swiper-pagination{ bottom:0.4rem ; right:0.266667rem ; font-size: 0.4rem; color: #fff; padding:0.133333rem 0.466667rem; -moz-border-radius: 0.4rem; border-radius: 0.4rem; background: rgba(0,0,0,0.5); }
.sy_ul{ width: 100%; }
.sy_ul li{ width: 100%; padding: 0.266667rem 0.333333rem; border-bottom: #ddae44 1px solid;}
.sy_ul li a{ display: block; width: 100%; height:1.866667rem ; }
.sy_ul li a img{ float: left; width:2.666667rem ; height: 100%; -moz-border-radius: 0.133333rem; border-radius: 0.133333rem; overflow: hidden; }
.sy_ul li a div{ width:-moz-calc(100% - 3.2rem) ; width:calc(100% - 3.2rem) ; height: 100%; float: right; }
.sy_ul li a div p{ width: 100%; font-size: 0.4rem; margin-bottom: 0.4rem; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.sy_ul li a div span{ display: block; width: 100%; font-size: 0.32rem; color: #808080; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.sy_ul li:last-child{ border:none; }

/*我的供灯*/
.top_mygd{ position: fixed; z-index: 99; top: 0; height:2.8rem ; width: 100%; }
.my_qh{ width: 100%; height: 1.333333rem; background-color: #fff; }
.my_qh a{ display: block; width: 25%; height: 100%; text-align: center; line-height: 1.28rem; font-size: 0.4rem; color: #666;  }
.my_qh a.act_myxz{ color: #ddae44; border-bottom: #ddae44 3px solid; }
.my_search{ width:94% ; height: 0.933333rem; line-height: 0.933333rem; margin: 0.266667rem auto 0; background-color: #fff; -moz-border-radius: 0.666667rem; border-radius: 0.666667rem; padding: 0.133333rem; }
.my_search input{ display: block; width: 100%; height: 100%; text-align: center; font-size:0.4rem ; background-image: url(../images/icon_img08.png); background-position: left 30% center; background-repeat: no-repeat; -moz-background-size: auto 75%; background-size: auto 75%;}
.my_qhDiv{ display: none; }
.my_ulll{ width: 100%; }
.my_ulll li{ position: relative; margin-bottom:0.133333rem ; background-color: #fff; border-bottom: #e6e6e6 1px solid; }
.my_ulll01 { height: 1.146667rem; padding: 0 0.333333rem; font-size: 0.4rem; border-bottom: #e6e6e6 1px solid; }
.my_ulll01 p{ width: 80%; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.my_ulll01 span{ color: #ddae44; }
.my_ulll02{ height: 1.866667rem; width: 100%; padding: 0 0.333333rem; margin: 0.266667rem 0;  }
.my_ulll02 img{ float: left; width: 1.866667rem; height: 100%; }
.my_ulll02 div{ float: right; height: 100%; width: -moz-calc(100% - 2.133333rem); width: calc(100% - 2.133333rem); }
.my_ulll02 div p{ width: 100%; line-height: 1.5; font-size: 0.373333rem; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.my_ulll03{ width: 100%; height:1.066667rem; padding: 0 0.333333rem; border-top: #e6e6e6 1px solid;}
.my_ulll03 span{ color: #ff1818; font-size: 0.373333rem; }
.my_ulll03 div{  }
.my_ulll03 div a{ float: left; height: 0.933333rem; line-height: 0.933333rem; padding: 0 0.4rem; margin-left: 0.133333rem; font-size: 0.346667rem; color: #fff; background-image: url(../images/icon_bg02.png); background-position: center; background-repeat: no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%;}
.my_over{ position: absolute; top: 0.533333rem; right: 0.333333rem; width:3.04rem ; }
.my_over img{ width: 100%; display: block; }

/*选择寺观*/
.sg_weiz{ height:1.066667rem ; line-height: 1.066667rem; padding: 0 0.333333rem; color: #b2b2b2; font-size:0.4rem ; }
.sg_weiz a{ color: #ddae44; text-decoration: underline; }
.sg_dqu{ height:0.933333rem ; padding:0.2rem 0 ; background-color: #fff; }
.sg_dqu select{ border:none; height: 100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-align: center; font-size: 0.453333rem; color: #333; padding-right:0.4rem ; background: url(../images/icon_img12.png) right center; background-repeat: no-repeat; -moz-background-size: 0.266667rem auto; background-size: 0.266667rem auto; }
.sg_dqu select option{ font-size: 0.453333rem; }
.sg_dqu span{ display: inline-block; width: 33%; border-left: #ddae44 1px dashed;    text-align: center;}
.sg_dqu span:first-child{ border:none; }
.sg_ulll{}
.sg_ulll li{ background-color: #fff; margin-bottom: 0.133333rem; }
.sg_ulll li h1 img{ display:block; width: 100%; }
.sg_ulllbott{ padding: 0 0.333333rem; height: 1.333333rem; width: 100%; }
.sg_ulllbott a{ float: left; width: 2.133333rem; height: 0.933333rem; text-align: center; line-height: 0.933333rem; margin-left:0.333333rem; font-size: 0.346667rem; color: #fff; background-image: url(../images/icon_bg02.png); background-position: center; background-repeat: no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
.g_left{ width: 45%; height: 1.066667rem; }
.g_left img{ float: left; height: 100%; }
.g_left div{ height: 100%;}
.g_left div p{ width: 100%; font-size: 0.426667rem; }
.g_left div span{ width: 100%; font-size: 0.32rem; color: #b2b2b2; }

/*邀请供灯*/
.yq_gdtex{ background-color: #fff; padding:0.266667rem 0.333333rem; font-size:0.426667rem ; line-height: 2; border-bottom: #ddae44 1px solid;}
.yq_gdtex span{ color: #f22b1b; }
.yq_gdtonj{ padding:0.266667rem 0.333333rem; font-size:0.426667rem ; line-height: 2; }
.yq_gdtonj span{ color: #f22b1b; }
.yq_foot{ height:1.333333rem ; background-color: #fff; -webkit-box-shadow:0 0 0.266667rem #ccc; -moz-box-shadow:0 0 0.266667rem #ccc; box-shadow:0 0 0.266667rem #ccc; }
.yq_foot a{ -webkit-box-flex: 0; -moz-box-flex: 0; -ms-flex: none; flex: none; width: 48%; background-image: url(../images/icon_bg03.png); }
/*供灯详情*/
.xq_zhenshu{ position: relative; width: 100%; }
.xq_zstext{ position: absolute; width:70% ; top:51% ; left:15% ; }
.xq_zstext01{ line-height: 2; font-size: 0.373333rem; margin-bottom: 0.666667rem; }
.xq_zstext01 h1{ font-size: 0.506667rem; font-weight: normal;}
.xq_zstext02{ text-align: center;}
.xq_zstext02 span{  color: #ddae44; }
.xq_zstext03{ height:2.4rem ; width: 100%; position: relative; }
.xq_zstext03 div{ position: absolute; bottom: 0; right:0 ; font-size: 0.506667rem;}
.xq_zstext03 img{ height: 100%; }
.xq_zstext03 div p{  }
.xq_zstext03 div span{  }
.xq_pho{ padding: 0 0.333333rem; }
.xq_pho img{ width: 100%; margin-bottom:0.4rem ; }
.xq_pho div img:last-child{ margin-bottom: 0; }
.xq_pho p{ text-align: center; font-size:0.32rem; line-height: 3 ; }
.xq_xxjs{ background-color: #fff; }
.xq_xxjstit{ height:1.2rem ; padding: 0 0.333333rem; font-size:0.453333rem ; border-bottom: #ddae44 1px solid;}
.xq_xxjstit span{ color: #b2b2b2; }
.xq_xxjstext{ position: relative; padding: 0.133333rem 0.333333rem; }
.xq_xxjstext p{ font-size:0.453333rem ; line-height: 2; }
.xq_xxjstext p span{ font-size: 0.373333rem; }
.xq_xxjsimg{ position: absolute; top:0 ; right:0.333333rem ; }
.xq_xxjsimg img{ width:2.6rem ; }
