* {
    margin: 0;
    padding: 0;
}

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

.HomePage {
    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;
}
 
 






 
.clearImg {
    width: 100%;
    height: 4rem;
}

.FlowPicCon {
    width: 100%;
    height: 4rem;
}

.IntroduceReadcontent {
    width: 100%;
}

.IntroduceContent {
    width: 6.68rem;
    /*min-height: 3rem;*/
    background: #fff;
    margin: 0.54rem auto 0;
    font-size: 0.26rem;
    text-indent: 2em;
    /*padding-bottom: 0.66rem;*/
    color: #444;
    /* line-height:5px; */
    /* word-wrap : break-word ;
    word-break:break-all; */
    word-wrap: break-word;
    word-break: normal;
}
 
.hc_bottom {
    text-indent: 0;
    width: 100%;
    margin-top: 0.66rem;
    font-size: 0.26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cun_detail {
    /* font-size: 0.3rem; */
    /* margin-left: 0.5rem; */
    margin-bottom: 0.1rem;
    min-height: 0.26rem;
    /* background:yellow; */
}

.ReadHeart {
    width: 6.68rem;
    height: 1rem;
    /* background:gray; */
    font-size: 0.26rem;
    margin: 0 auto;
}

.read {
    float: left;
}

.heart {
    float: right;
    color: #c0011b;
}

.hand {
    width: 0.3rem;
    height: 0.3rem;
}
 
 

body {
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}