*{margin: 0;padding: 0;box-sizing: border-box}
ul li{list-style: none;}
a{text-decoration: none;}

:root{
    /*背景颜色*/
    --bg-color-eee:#EEEEEE;
    --bg-color-fff:#FFFFFF;
    --bg-color-f8f8f8:#F8F8F8;
    /*字体颜色*/
    --text-color-333:#333333;
    --text-color-666:#666666;
    --text-color-999:#999999;
    --text-color-fff:#FFFFFF;
    --text-color-3cd5ff: #3CD5FF;
    /* 字体大小  默认 中 小*/
    --text-size-default: .24rem;
    --text-size-secondary: .28rem;
    --text-size-large: .32rem;
    /* 圆角 */
    --border-radius-default: .15rem;
}

html {
    /*width: 100%;*/
    /*height: 100%;*/
    font-size: 50px;
    /*-webkit-text-size-adjust: 100%;*/
    /*-moz-text-size-adjust: 100%;*/
    /*-ms-text-size-adjust: 100%;*/
    /*text-size-adjust: 100%;*/
}

/*头部下载导航栏*/
.hpoi-nav{z-index: 520;position: fixed;top: 0;left: 0;right: 0;align-items: center;background: #FFFFFF;display: flex;justify-content: space-between;border-bottom: 0.01rem solid #EEEEEE;height: .88rem;padding: 0 .24rem;}
.hpoi-nav img{height: .42rem;display: block;}
.hpoi-nav .hpoi-download-link{font-size: .24rem;background: #3CD5FF;color: #FFFFFF;border-radius: 1rem;padding: .05rem .15rem;margin-left: .2rem;}
.hpoi-nav-right{display: flex;}
.hpoi-nav-search>img{margin-top: .03rem;width: .37rem;height: .37rem;}
/*顶部悬浮栏*/
.hpoi-suspension-nav{position: fixed;top: .88rem;left: 0;right: 0;z-index: 520;height: .80rem;background: #FFFFFF;border-bottom: 0.01rem solid #EEEEEE;padding:  0 .24rem;}

/*头部tab栏*/
.hpoi-home-tab{display: flex;justify-content: space-around;line-height: .8rem;}
.hpoi-home-tab a{font-weight: 300;font-size: .28rem;color: #666666;border-bottom: .04rem solid transparent;margin-bottom: -0.01rem;}
.tab-active{border-color: #3CD5FF !important;font-size: .32rem !important;color: #3CD5FF !important;font-weight: bold !important;}
.hpoi-tab-box{margin-top: 1.7rem;padding: .20rem .24rem;background: #F8F8F8;}

/*打开app，查看更多*/
.hpoi-download-link{display: block;color: #3CD5FF;text-align: center;font-size: .28rem;padding: .3rem 0;}
#lg-counter{display: block !important;}
/*评论*/
.hpoi-comment-ibox{ margin-top: .1rem;padding: .3rem .24rem;background-color: var(--bg-color-fff);}
/*评论*/
.hpoi-comment-title{margin-bottom: .22rem;color: var(--text-color-333);font-size: var(--text-size-large);}
.comment-item{display: flex;}
.comment-item+.comment-item{margin-top: .23rem;}
.item-left>a>img{width: .76rem;height: .76rem;border-radius: 50%;display: block;}
.item-right{flex: 1;border-bottom: .01rem solid #EEEEEE;padding-left: .2rem;padding-bottom: .2rem;}
.item-right>div+div{margin-top: .1rem;}
.item-right>div:first-child,.item-right>div:last-child{display: flex;}
.item-right>div:first-child>a{color: var(--text-color-333);font-size: var(--text-size-secondary);flex: 1;font-weight: 500;}
.item-right>div:first-child>span{color: var( --text-color-999);font-size: var(--text-size-default);}
.hpoi-user-content{color: var(--text-color-333);font-size: var(--text-size-secondary);overflow: hidden;}
.item-right>div:last-child{justify-content: space-between;color: var( --text-color-999);font-size: var(--text-size-default);}
/*下载弹框*/
.hpoi-download-box{display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);z-index: 666;}
.hpoi-download{display: flex;flex-direction: column;align-items: center;background-color: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);padding: .24rem;border-radius: .12rem;}
.hpoi-download img{width: 3rem;height: 3rem;}
.hpoi-download a{font-size: .24rem;background: #3CD5FF;width: 93%;text-align: center;color: #FFFFFF;border-radius: 1rem;padding: .05rem .15rem;}
.hpoi-text-ellipsis-1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;word-break:break-all;}
.hpoi-text-ellipsis-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break:break-all;}