body{background-color: #F8F8F8;}
#hpoi-suspension-theme>.icon-dark-model{font-size: 21px;color: #444444;}
#hpoi-suspension-theme>.icon-light-model{font-size: 25px;color: #444444;}
/*banner*/
.hpoi-irrigation-banner{
    text-align: center;
    padding: 57px 0;
    color: #FFFFFF;
    font-size: 46px;
    margin-top: -20px;
    background-size: cover;
    margin-bottom: 20px;
}
.hpoi-page-box{padding: 40px 30px 20px 30px;margin: 0;}

.hpoi-irrigation-tab{display: flex;justify-content: center;margin: 0;border-bottom: 1px solid #EEEEEE;padding: 0;height: 56px;}
.hpoi-irrigation-tab>.tab-item>a{display: inline-block;margin: 0 40px;padding-top: 20px;padding-bottom: 10px;color: #666666;font-size: 18px;border-bottom: 2px solid transparent;transition: var(--transition-all-2s)}

/*板块*/
.hpoi-post-plate{margin-bottom: 20px;padding: 30px;}
.hpoi-post-plate .title{font-size: 16px;color: #999999;height: 40px;line-height: 40px;text-align: center;}
.hpoi-post-plate .post-plate-list{flex: 1;margin: -16px 0 0 0;padding: 0;display: flex;flex-wrap: wrap;}
.hpoi-post-plate .post-plate-list .item-plate>a{text-align: center;height: 40px;line-height: 40px;background-color: #F8F8F8;padding: 0 20px;font-size: 14px;color: #666666;border-radius: 6px;margin: 16px 16px 0 0;transition: var(--transition-all-2s)}
.hpoi-post-plate .post-plate-list .item-plate.active>a{background-color: #35CDFF !important;color: #FFFFFF !important;}
.hpoi-post-plate .post-plate-menu-box{line-height: 40px;height: 40px;position: relative;}
.hpoi-post-plate .post-plate-menu-box>.icon-home-menu{font-size: 20px;color: #666666;cursor: pointer;}
/*订阅版块弹框*/
.hpoi-plate-modal-head{position: relative;display: flex;justify-content: center;font-size: 18px;padding-top: 20px;border-bottom: 1px solid #EEEEEE;}
.hpoi-plate-modal-head>.item{padding-bottom: 20px;border-bottom: 2px solid transparent;color: #666666;margin-bottom: -1px;}
.hpoi-plate-modal-head>.item+.item{margin-left: 80px;}
.hpoi-plate-modal-head>.item.active{border-color: #35CDFF;color: #35CDFF;}
.hpoi-plate-modal-head button{position: absolute;right: 0;margin-right: 50px;}
.hpoi-plate-modal-body .item-tab>.plate-box{display: flex;flex-wrap: wrap;padding: 0 20px 30px 20px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box{width:50%;padding: 20px 10px 0 10px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate{padding: 20px;border: 1px solid #CCCCCC;border-radius: 6px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.head{display: flex;justify-content: space-between;align-items: center;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.head>span{color: #333333;font-size: 14px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.head>a{font-size: 14px;padding: 4px 10px;border-radius: 4px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.head>a>i{margin-right: 6px;font-size: 14px;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.info{color: #999999;margin-top: 10px;display: flex;align-items: center;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.info>p{flex: 1;margin: 0 53px 0 0;}
.hpoi-plate-modal-body .item-tab>.plate-box>.item-plate-box>.item-plate>.info>div>img{margin-top: -3px;margin-right: 6px;}
.friendState-default{background-color: #35CDFF;color: #FFFFFF !important;transform: var(--transition-2s)}
.friendState-select{background: #EEEEEE;color: #999999 !important;border-color: transparent !important;transform: var(--transition-2s)}
/*申请版块弹框*/
.hpoi-apply-modal-head{text-align: center;font-size: 18px;padding: 20px 50px;}
.home-plate-apply{text-align: right;margin-top: 20px;}
.home-plate-apply>a{font-size: 14px;color: #666666;}
.hpoi-apply-modal-body{padding: 0 50px 20px 50px;}
.hpoi-apply-modal-body >.title,.hpoi-apply-modal-body>.detail,.hpoi-apply-modal-body>.verification-code-box>.text{
    width: 100%;border-radius: 6px;border: 1px solid #EEEEEE;color: #444444;outline: none;font-size: 14px;
}
.hpoi-apply-modal-body>.title{height: 40px;padding: 0 10px;}
.hpoi-apply-modal-body>.detail{margin-top: 20px;padding: 10px;height: 150px;resize: none;}
.hpoi-apply-modal-body>.verification-code-box{margin: 20px 0 15px 0;display: flex;height: 40px;}
.hpoi-apply-modal-body>.verification-code-box>.text{flex: 1;padding: 0 10px;}
.hpoi-apply-modal-body>.verification-code-box>.code-img{height: 100%;;margin-left: 20px;}
.hpoi-apply-modal-body>.error-hint{color: #F74C31;}
.input-error{border-color: #F74C31 !important;}
.hpoi-apply-modal-body>.btn-box{margin-top: 15px;display: flex;justify-content: space-between;}
.hpoi-apply-modal-body>.btn-box>button{outline: none;border: 0;border-radius: 6px;width: 150px;height: 40px;background: #35CDFF;color: #FFFFFF;font-size: 14px;}
.hpoi-apply-modal-body input:focus,.hpoi-apply-modal-body textarea:focus,.hpoi-apply-modal-body .verification-code-box>.text:focus{border-color: #35CDFF;}
.hpoi-apply-modal-body input::placeholder,.hpoi-apply-modal-body textarea::placeholder{color: #999999;}

/*介绍*/
.hpoi-post-introduce{padding: 20px 30px;color: #666666;margin-bottom: 20px;font-size: 14px;}
.hpoi-post-introduce .title{color: #999999;}
/*悬浮栏*/
.hpoi-forum-suspension .item:first-child>a::after{content: "发帖";}
/*.hpoi-forum-suspension .item:nth-child(2)>a::after{content: "发帖";}*/
.hpoi-forum-suspension .item:nth-child(2)>a::after{content: "刷新";}
.hpoi-forum-suspension .item:last-child>a::after{content: "回顶部";}
.hpoi-no-content{padding: 80px 0 130px 0;}
/*订阅话题*/
/*.subscription-menu-box{display: none;z-index: 66;position: absolute;right: 0;top: 54px;width: 666px;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 6px;}*/
/*.subscription-menu-box .subscription-menu-head{padding: 20px 30px;border-bottom: 1px solid #EEEEEE;}*/
/*.subscription-menu-box .subscription-menu-head>.title{text-align: center;margin-bottom: 4px;}*/
/*.subscription-menu-box .subscription-menu-head>.title::after,.subscription-menu-box .subscription-menu-body>.subscription-page::after {display: block;content: "";clear: both;}*/
/*.subscription-menu-box .subscription-menu-head>.title>span{color: #333333;font-size: 18px;}*/
/*.subscription-menu-box .subscription-menu-head>.title>i{font-size: 14px;float: right;line-height: 24px;cursor: pointer;}*/
/*.subscription-menu-box .subscription-menu-head>h5{text-align: center;margin: 0;color: #999999;font-weight: 400;}*/
/*.subscription-menu-box .subscription-menu-body{padding: 0 30px 20px 30px;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list{margin: 0;padding: 0;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list .subscription-item{display: flex;align-items: center;margin-top: 20px;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list .subscription-item label{flex: 1;display: flex;align-items: center;margin: 0;font-weight: initial;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list .subscription-item label>p{flex: 1;font-size: 14px;margin: 0;color: #444444;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list .subscription-item label>input{width: 16px;height: 16px;border-color: #999999;margin: 0 20px;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-list .subscription-item a{color: #999999;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-page{margin-top: 40px;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-page .page-btn-box{font-size: 14px;text-align: center;color: #666666;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-page .page-btn-box>a{color: #666666;}*/
/*.subscription-menu-box .subscription-menu-body>.subscription-page .page-input{width: 76px;float: right;padding: 6px 10px;font-size: 14px;border: 1px solid #CCCCCC;border-radius: 2px;}*/


/*用户信息*/
.hpoi-irrigation-user-box .user-info{padding: 20px;display: flex;}
.hpoi-irrigation-user-box .user-info>.hpoi-user-avatar-box{width: 60px;height: 60px;}
.hpoi-irrigation-user-box .user-info>.info{display: flex;flex-direction: column;justify-content: space-between;flex: 1;margin-left: 10px;}
.hpoi-irrigation-user-box .user-info>.info .name{display: flex;align-items: center;}
.hpoi-irrigation-user-box .user-info>.info .name>a{font-size: 18px;color: #444444;margin-bottom: 0;}
.hpoi-irrigation-user-box .user-info>.info .name>.hpoi-comment-icon-level{margin-top: 0;}
.hpoi-irrigation-user-box .user-info>.info .note-num{font-size: 14px;color: #666666;margin-bottom: 0;}
.hpoi-user-verify{width: 20px;height: 20px;position: absolute;bottom: -1px;right: -1px;border-radius: 50%;border: 2px solid rgba(255,255,255,1);}
/*最近浏览、回复我的*/
.tab-recent-list::after,.tab-reply-list::after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.tab-recent-list,
.tab-reply-list{
    padding-top: 20px;
    padding-left: 0;
    margin: 0;
}
.tab-recent-list .tab-recent-item:last-child,
.tab-reply-list .tab-reply-item:last-child{
    border: 0;
}
.tab-recent-list .tab-recent-item .user-img{width: 42px;height: 42px;overflow: hidden;}
.tab-recent-list .tab-recent-item .user-img>img,.tab-reply-list .tab-reply-item>.reply-item-top .user-img>img{width: 100%;}
.tab-recent-list .tab-recent-item .user-title{flex: 1;margin-left: 10px;font-size: 14px;color: #444444;}
.tab-reply-list .tab-reply-item>.reply-item-top>.user-title{transition: var(--transition-all-2s);}
.tab-reply-list .tab-reply-item>.reply-item-top>.user-title:hover{color: #35CDFF;}
/*最近浏览*/
.user-recent-reply .tab-recent-reply{display: flex;justify-content: space-between;padding: 0 55px;height: 30px;border-bottom: 1px solid #EEEEEE;}
.user-recent-reply .tab-recent-reply a{border-bottom: 2px solid transparent;color: #666666;font-size: 14px;margin-bottom: -1px;transition: var(--transition-all-2s);}
.tab-recent-list .tab-recent-item{display: flex;padding-bottom: 10px;margin: 0 20px 10px 20px;border-bottom: 1px solid #EEEEEE;}
.tab-recent-list .tab-recent-item:last-child{border: 0;}
.tab-recent-list .tab-recent-item .hpoi-user-avatar-box{width: 42px;height: 42px;}
.tab-recent-list .tab-recent-item .user-title{flex: 1;margin-left: 10px;font-size: 14px;color: #444444;transition: var(--transition-all-2s);}
/*回复我的*/
.msg-unread-spot,.hpoi-post-plate .post-plate-menu-box>.plate-menu-reminder{position: absolute;right: -8px;top: 0;background-color: #FF4400;border-radius: 50%;width: 8px;height: 8px;}
.user-recent-reply .tab-recent-reply a:last-child{position: relative;}
.user-recent-reply .tab-recent-reply a:last-child>.num{
    position: absolute;
    top: -15px;
    right: -12px;
    color: #FFFFFF;
    font-size: 12px;
    background-color: #F74C31;
    padding: 0 6px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    border-radius: 162px;
}
.tab-reply-list .tab-reply-item{padding-bottom: 10px;margin: 0 20px 10px 20px;border-bottom: 1px solid #EEEEEE;position: relative;}
.tab-reply-list .tab-reply-item>.reply-item-top>.user-title{color: #444444;font-size: 14px;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box{margin-top: 10px;display: flex;justify-content: space-between;align-items: center;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box div{display: flex;align-items: center;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box div>.user-img{width: 24px;height: 24px;overflow: hidden;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box div>span{margin-left: 10px;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box a{color: #999999;}
.tab-reply-list .tab-reply-item>.reply-item-bottom{margin-top: 8px;text-align: right;}
.tab-reply-list .tab-reply-item>.reply-item-bottom>.user-title{color: #999999;text-align: right;}
.tab-reply-list .tab-reply-item>.reply-item-bottom>a:hover,.tab-recent-list .tab-recent-item .user-title:hover{color: #35CDFF;}
.hpoi-page-box-sm{display: flex;justify-content: center;padding: 20px 0;margin: 0;}
.tab-reply-list .tab-reply-item>.reply-item-top>.reply-user-box a:hover{color: #35CDFF;}
/*热议话题榜*/
.hpoi-irrigation-topic-box{margin-top: 20px;padding: 20px;}
.hpoi-irrigation-topic-box .title{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.hpoi-irrigation-topic-box .title>.title-lt{font-size: 18px;color: #333333;}
.hpoi-irrigation-topic-box .topic-list{margin: 0;padding: 0;}
.topic-list .topic-item{display: flex;align-items: center;margin-top: 20px;}
.topic-list .topic-item .ranking{background: #CACAD0;width: 18px;height: 18px;line-height: 18px;text-align: center;color: #FFFFFF;border-radius: 50%;}
.topic-list .topic-item .name{margin: 0 10px;flex: 1;color: #444444;font-size: 14px;}
.topic-list .topic-item .num{color: #999999;}
/*hover、active*/
.subscription-menu-box .subscription-menu-head>.title>i:hover,
.subscription-menu-box .subscription-menu-body>.subscription-page .page-btn-box>a:hover{color: #35CDFF;}
.hpoi-irrigation-tab>.tab-item.active>a,.user-recent-reply .tab-recent-reply a.active{color: #35CDFF !important;border-bottom-color: #35CDFF;}