@charset "utf-8";
html, body{width: 100%;height: 100%;}
.wrapper{width: 100%;height: 100%;}
.wrapper .w100{display: block;width: 100%;}
.wrapper .loading{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom:0;background: #fef0dd;z-index: 999;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.wrapper .loading img{width: 1.2rem;margin-bottom: .36rem;}
.wrapper .loading .loadingTxt{font-size: .36rem;color: #813f29;font-weight: bold;}
.container{width: 100%;min-height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;overflow: hidden;position: relative;}
.container .title_1{width: 3.85rem;}
.container .title_2{width: 4.79rem;}
.container .title_3{width: 3.85rem;}
.container .title_4{width: 4.93rem;}
.container .title_5{width: 4.93rem;}
.container .title_6{width: 3.97rem;}

.container .plate{position: relative;}
.container .title_pic{margin: 0 auto;}
.container .plate .posi{display: block;position: absolute;}
.container .lantern_1{width: .59rem;}
.container .lantern_2{width: 1.11rem;}
.container .lantern_3{width: .73rem;}
.container .plate .flower_p1{width: 1.12rem;}
.container .plate .flower_p2{width: .96rem;}
.container .plate .flower_p3{width: 1.3rem;}
.advanceLoading{width: 0;height: 0;opacity: 0;display: none;}
.advanceLoading img{opacity: 0;width: 0;}
.index{background: url(../images/index_bg.jpg) no-repeat center top;background-size: 100%;}
.index .mod_1{width: 7.28rem;height: 6.4rem;margin: -.2rem auto 0;background: url(../images/mod_bg1.png) no-repeat;background-size: 100% 100%;}
.index .mod_1 .lp1{left: 0rem;top: 1.4rem;}
.index .mod_1 .lp2{right: 0rem;top: 1.4rem;}
.index .mod_1 .list{width: 5.46rem;margin:1.12rem auto 0;}
.index .mod_1 .list li a, .listPage .list li a {font-size: .24rem;color: #82402a;height: .7rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #996c35;padding-left: .25rem;position: relative;}
.index .mod_1 .list li a:before , .listPage .list li a:before{content: '';display: block;width: .07rem;height: .07rem;background: #eb563a;border-radius: 50%;position: absolute;left: 0;}
.index .mod_1 .list .text, .listPage .list .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index .mod_1 .list .date, .listPage .list .date{flex-shrink: 0;margin-left: .2rem;}
.index .mod_1 .more{display: block;float: right;margin-right: .76rem;width: 1.36rem;height: .42rem;margin-top: .26rem;}

.index .mod_2{margin-top: .42rem;}
.index .mod_2 .content_wrap{position: relative;padding-bottom: .4rem;width: 6.94rem;height: auto;margin: .06rem auto 0;background-image: url(../images/mod_bg2_open.png);background-repeat: no-repeat;background-size: 100% 100%;}
.index .mod_2 .content_wrap .memorial_gate{width: 5.99rem;margin: .37rem 0 .3rem .68rem;}
.index .mod_2 .content_wrap .lp1{right: -.4rem;top: .25rem;}
.index .mod_2 .content_wrap p{font-size: .24rem;line-height: .4rem;color: #813f29;padding: 0 .6rem;}
.index .mod_2 .content_wrap .view_more{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: .24rem;color: #db6700;margin: .38rem auto 0;width: 1.8rem;}
.index .mod_2 .content_wrap .view_more .icon{display: block;width: .22rem;height: .2rem;background-image: url(../images/cont_close.png);background-repeat: no-repeat;background-size: 100% 100%;margin-top: .06rem;}
.index .mod_2 .content_wrap .text_wrap{display: none;text-indent: 2em;}
.index .mod_2 .content_wrap.open_more{height: 8.25rem;background-image: url(../images/mod_bg2_close.png);}
.index .mod_2 .content_wrap.open_more .show_text{display: none;}
.index .mod_2 .content_wrap.open_more .text_wrap{display: block;}
.index .mod_2 .content_wrap.open_more .view_more .icon{background-image: url(../images/cont_open.png);}
.index .mod_2 .memorial_gate_years{display: block;width: 2.79rem;margin: .3rem auto 0;}


.index .mod_3{width: 7.28rem;height: 6.6rem;margin: .78rem auto 0;background: url(../images/mod_bg3.png) no-repeat;background-size: 100% 100%;}
.index .mod_3 .lp1, .gatePage .plate .lp1{left: 0rem;top: 1.4rem;}
.index .mod_3 .lp2, .gatePage .plate .lp2{right: 0rem;top: 1.4rem;}
.index .mod_3 .lp3, .gatePage .plate .lp3{left: .42rem;top: 1.45rem;z-index: 2;}
.index .mod_3 .swi_wrap{width: 4.86rem;padding-top: .2rem;height: 3.63rem;background: url(../images/scroll_p_bg.png) no-repeat;background-size: 100% 100%;margin: .9rem auto 0;}
.index .mod_3 .swi_wrap .swiper-container, .gatePage .plate .swi_wrap .swiper-container{width: 4.36rem;height: 3.24rem;margin: 0 auto;}
.index .mod_3 .img_det, .gatePage .plate .img_det{width:4.4rem;margin: .22rem auto 0;display: flex;justify-content: space-between;align-items: center;}
.index .mod_3 .img_intr, .gatePage .plate .img_intr{font-size: .24rem;color:#82402a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .mod_3 .img_sum, .gatePage .plate .img_sum{font-weight: bold;font-family: arial;flex-shrink: 0;}
.index .mod_3 .img_sum .now, .gatePage .plate .img_sum .now{font-size: .36rem;color: #e18c11;}
.index .mod_3 .img_sum .line, .gatePage .plate .img_sum .line{font-size: .36rem;color:#bf2e0b;}
.index .mod_3 .img_sum .sum, .gatePage .plate .img_sum .sum{font-size: .24rem;color: #bf2e0b;}
.index .mod_3 .arrow, .gatePage .plate .arrow{display: block;width: .55rem;position: absolute;top:3.38rem;}
.index .mod_3 .arrow_l, .gatePage .plate .arrow_l{left: .32rem;}
.index .mod_3 .arrow_r, .gatePage .plate .arrow_r{right: .32rem;}

.index .mod_4{margin-top: 1.03rem;}
.index .mod_4 .content_wrap{position: relative;width: 6.85rem;padding-top: .6rem;height: 6.36rem;background: url(../images/mod_bg4.png) no-repeat;background-size: 100% 100%;margin: -.08rem auto 0;}
.index .mod_4 .content_wrap .lp1{left:-.25rem;top: -.4rem;}
.index .mod_4 .content_wrap .lp2{bottom: -.2rem;right: -.02rem;}
.index .mod_4 .content_wrap p{width: 5.62rem;margin: 0 auto;}
.index .mod_4 .content_wrap .title+.text_wrap{margin-top: .4rem;}
.index .mod_4 .content_wrap .title, .originPage .content .title, .whereHsPage .content h4{text-indent: 0;font-size: .28rem;font-weight: bold;color: #813f29;position: relative;}
.index .mod_4 .content_wrap .title img{width: .35rem;margin-right: .12rem;}
.whereHsPage .content h4:before{content: "";display: block;width: .35rem;height: .35rem;background: url(../images/list_dot.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;}
.index .mod_4 .content_wrap p, .originPage .content p{font-size: .24rem;line-height: .4rem;color: #813f29;text-indent: .48rem;}
.index .mod_4 .content_wrap .more{width: 1.51rem;display: block;margin: .22rem auto 0;}

.index .mod_5{width: 6.9rem;display: flex;margin: .6rem auto 0;align-items: center;justify-content: center;}
.index .mod_5 a{display: block;}
.index .mod_5 .hs_1{width: 2.28rem;}
.index .mod_5 .hs_2{width: 2.08rem;}
.index .mod_5 .hs_3{width: 2.08rem;}

footer{box-sizing: border-box;width: 100%;height: 2.81rem;padding-top: .62rem;background: url(../images/bottom_bg.png) no-repeat;background-size: 100% 100%;margin-top: .4rem;text-align: center;position: relative;}
footer p, footer a{font-size: .2rem;font-weight: lighter;color: #813f29;line-height: .36rem;}
footer .copyright{width: .18rem;margin-left: .25rem;vertical-align: middle;}
footer .bt_icon{width: .49rem;margin-top: .22rem;}
footer .go_up{display: block;width: .53rem;position: absolute;right: .18rem;bottom: .21rem;}


.inner{background: url(../images/inner_bg.jpg) no-repeat center top;background-size: 100%;}
/*列表页*/
.listPage .content .list_wrap{width: 6.56rem;margin: .26rem auto 0; padding-top: .06rem;padding-bottom: .32rem;background: #f9ddb2;border-radius: .16rem;}
.listPage .content .list_wrap .hs_title{ width: 3.66rem;margin-left: -.1rem;}
.listPage .content .list_wrap .list{ margin: .13rem .13rem 0 .22rem;}
.listPage .content .list_wrap .list li a{border: none; }
.listPage .content .view_more{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: .24rem;color: #db6700;margin: .38rem auto 0;width: 1.8rem;}
.listPage .content .view_more .icon{display: block;width: .22rem;height: .2rem;background-image: url(../images/cont_open.png);background-repeat: no-repeat;background-size: 100% 100%;margin-top: .06rem;}
.listPage .content{margin-top: -1.08rem;}

/*内容页*/
.contentPage .content{}
.contentPage .content .art_title{font-size: .32rem;color: #813f29;font-weight: bold;line-height: .5rem;margin: 0 .37rem 0 .88rem;}
.contentPage .content .publish_msg{margin: .18rem .37rem 0;background: #f0b85a;position: relative;height: .47rem;color: #813f29;text-align: right;line-height: .47rem;padding-right: .15rem;}
.contentPage .content .publish_msg .lantern_3{width: .73rem;position: absolute;top: 0;left: -.2rem;margin: 0;}
.contentPage .content .publish_msg span{}
.contentPage .content p{font-size: .24rem;color:#813f29;line-height: .4rem;margin: .54rem .5rem 0;text-indent: 2em;}
.contentPage .content img{display: block;width: 3rem;margin: .32rem auto 0;}
.contentPage .line{width: 6.83rem;height: .1rem;background: url(../images/content_bottom.png) no-repeat;background-size: 100%;margin: .65rem auto 0;}
.contentPage .next_article{font-size: .24rem;color: #cc4620;margin-right: .33rem;margin-top: .3rem;text-align: right;}
.contentPage .next_article a{font-size: .24rem;color: #cc4620;display: inline-block;width: 3.88rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.container .back{display: block;width: 2.09rem;height: .85rem;margin: .56rem auto 0;}
.contentPage .content{margin-top: -.38rem;}

/*牌楼页*/
.gatePage .content{margin-top: -1.18rem;}
.gatePage .plate{width: 7.28rem;height: 6.6rem;margin: -.2rem auto 0;padding-top: 1.8rem;background: url(../images/mod_bg3.png) no-repeat;background-size: 100% 100%;}
.gatePage .plate .swi_wrap{width: 4.86rem;padding-top: .2rem;height: 3.63rem;background: url(../images/scroll_p_bg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.gatePage .pop{display: none;width: 100%;height: 100%;position: absolute;left: 0;right:0;top: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 99;}
.gatePage .pop .imgBox{width: 6.9rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.gatePage .pop .imgBox .close{display: block;width: .6rem;height: .6rem;position: absolute;right: .12rem;top: -.72rem;}

/*花市起源页*/
.originPage .content{margin: -1.18rem .75rem 0;}
.originPage .content .title_pic{margin-bottom: .38rem;}
.originPage .content .title{margin-top: .42rem}

/*花市在哪里*/
.whereHsPage .content{margin: -.5rem .5rem 0;}
.whereHsPage .content h4{margin-top: .32rem;}
.whereHsPage .content p{font-size: .24rem;color: #813f29;display: flex;line-height: .4rem;}
.whereHsPage .content p span{display: inline-block;}
.whereHsPage .content p span:first-child{display: block;width: 1rem;text-align: justify;text-align-last: justify;flex-shrink: 0;}
.whereHsPage .content p span:last-child{margin-left: .1rem;text-align: justify;}
.whereHsPage .content img{width: 80%;display: block;margin: .3rem auto 0;}

.inner footer .go_up{bottom: 2.26rem;}
