* {
    margin: 0;
    padding: 0;
}

html, body, #app {
    width: 100%;
    height: 100%; 
}

body {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}
/* title位置已修改 */
.title {
    /* overflow: hidden; */
    background-color: #000;
    /* position: relative; */
    /* vertical-align: middle; */
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    /*为了解决滑动问题添加 start*/
    top: 0;
    z-index: 9999;
    position: fixed;
    width: 100%;
    /*为了解决滑动问题添加 end*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.title_back {
    /* float: left; */
    width: 0.54rem;
    height: 0.54rem;
    position: absolute;
    left: 0.2rem;
    /* margin-left: 0.2rem; */
}

.titleCon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.title_text {
    /* vertical-align: middle; */
    color: #ffffff;
    font-size: 0.35rem;
    /* position: fixed; */
    /* width: 100px; */
    /* left: 50%; */
    /* margin-left: -5aaaaaaa0px; */
}

.title_right {
    /* float: right; */
    /* width: 0.35rem; */
    width: 0.35rem;
    height: 0.35rem;
    position: absolute;
    right: 0.3rem;
    /* margin-right: 0.5rem; */
}

.title_otherright {
    width: 0.5rem;
    margin-right: 0.06rem;
    /* margin: 0.6rem 0.2rem auto 0; */
    /* float: right; */
}

#right_text {
    color: white;
    position: absolute;
    right: 0;
    /*width: 45px;*/
    margin-right: 10px;
    font-size: 0.9rem;
}

.IntroducePage{
    width: 100%;
    background: #fff;
    /* background:pink; */
    /* padding-bottom:0.9rem; */
}

.IntroduceTitle{
    width: 100%;
    height: 0.9rem;
    background: orange;
}

.FlowerBox{
    width: 6.98rem;
    height: 0.59rem;
    display: block;
    margin: 0.59rem 0.24rem 0 0.27rem;
}


/*美食特产样式开始*/
.food .food_intr{margin-bottom: 0.2rem;}
.food .food_intr p{font-size: 12px; color: #535150;line-height: 0.44rem;}
.food .food_pic2{margin-bottom: 0.7rem;}
/*美食特产样式结束*/

/*民俗文化样式开始*/
.culture{width: 92.4%;margin: 0 auto 1.5rem;}
.culture .culture_desc{margin-bottom: 0.25rem;}
.culture .folk .culture_desc{margin-top: 0.15rem;}
.culture .pic_title{font-size: 0.24rem; margin: 0.1rem 0 0.28rem;}
.culture .culture_pic p:last-child{margin-bottom: 0;}
.mb_pic img{margin-bottom: 0.28rem;}
.mb_pic img:last-child{margin-bottom: 0;}
/*民俗文化样式结束*/

.his_title{padding-bottom: 0.1rem;padding-top: 0.25rem;    display: flex;align-items: center;line-height: 0;font-size: 0.29rem;color: #7e0011;margin-bottom: 0.3rem;border-bottom: 1.5px solid;}
.his_title img{display: inline-block;width: 0.23rem;margin-right: 0.1rem;}
/*部分公共样式开始*/
 img{width: 100%;}
.pub_font{font-size: 0.26rem;text-align: justify;color: #535150;line-height: 0.4rem;}
.video{position: relative; background-color: #91745f;box-sizing: border-box;padding: 0.2rem;}
.video video{ width: 100%; margin-bottom: -0.2rem;object-fit: cover;}
.video img{object-fit: cover;}
.video_title{font-size: 15px;color: #fff;}
.video .play{position: absolute;top: 36%;left: 50%;transform: translate(-50%);}
.video .play img{width: 1rem;}
.video div.hide{display: none;}
/*部分公共样式结束*/