.icon2 {
  font-size: .68rem !important; /* 图标大小 */
height:.68rem !important; line-height:.68rem !important;width:.68rem !important;
  color: #333;    /* 图标颜色 */
  margin: 10px;
}
.bui-nav .bui-box-vertical{ font-size:14px !important;}
.icon2:hover {
	color: #F60; /* 悬停时的颜色 */}
header .bui-bar{background:#404040;}
header .bui-bar .bui-btn img{height:80%;}

.btn-search2 {
    /* 按钮宽度和高度，可根据需要设置 */
    width: 80px;
    height: 30px;
    /* 文字相关样式 */
    font-size: 14px;
    color: white;
    /* 背景色 */
    background-color: #007BFF;
    /* 边框 */
    border: none;
    /* 圆角处理，使按钮更精致 */
    border-radius: 4px;
    /* 鼠标悬停时的效果 */
    cursor: pointer;
    /* 去掉按钮默认的轮廓 */
    outline: none;
    /* 按钮内边距，可调整文字与边框的间距 */
    padding: 0;
}

/* 鼠标悬停时改变背景色 */
.btn-search:hover {
    background-color: #0056b3;
}


.list .bui-tab-sidenav{position: fixed;top:1rem;z-index:0;width: 2rem;}	
.nav-left .on{border-left: 2px solid #404040;background:#fff;}
.nav-left .active{border-left:none;}
.arrow {font-size: 12px;transition: transform 0.3s;}
.subcategory-list {display: none; margin: 0;list-style: none; }
 .category-item.active .subcategory-list {display: block;}
.category-item.active .arrow {transform: rotate(90deg);}
.category-list .sub{background:#fafafa;}
.category-list .sub-menu{}
.category-list .sub-menu li{border-bottom:1px solid #eee;}
.category-list .nav-2{display: block;font-size:14px;padding:5px;padding-left:20px;}
.category-list .nav-3{display: block;font-size:14px;padding-left:40px;}

.list .bui-tab-wrap{padding-left: 2rem;overflow:hidden;}
.list #tabSide{height: 100%;overflow-y: scroll;}
.list-data  #masonry{overflow:hidden;}
.list-data  #masonry .show-cont{float: left;width: 50%;text-align:center;height:3.6rem}
.list-data  #masonry .show-cont .post-item{padding: 0.2rem;display: block;width: 3rem;height:2.8rem;overflow: hidden;display: flex !important;justify-content: center;align-items: center;position: relative;}
.list-data  #masonry .show-cont .post-item img{width: 100%;height: 100%;object-fit: cover;}

.list-data  #masonry .show-cont .post-item .num{position:absolute;z-index:10;background:#00000088;bottom:19px;right:17px;padding:3px 5px;font-size:12px;color:#fff;border-radius:100px;}
.list-data  #masonry .show-cont .post-item .num i{margin-right:5px;}	
	
.list-data  #masonry .show-cont .text{overflow:hidden;padding-left:0.2rem;}
.list-data  #masonry .show-cont .text span{float:left;}
.list-data  #masonry .show-cont .text a{font-size:12px;background:#eee;color:#404040;padding:1px 4px;margin-left:10px;border-radius:100px;float:right;}
.list-data .pagenation{margin-top:.5rem;padding:.3rem;}
.list-data .primary-reverse{color: #404040;border-color: #404040;}
@media screen and (min-width: 768px) {
.list-data #masonry .show-cont{width:20%;height:4.5rem;}
.list-data #masonry .show-cont .post-item{width:100%;height:4rem;}
} 
@media screen and (min-width: 1200px) {
.list-data #masonry .show-cont{width:20%;height:7rem;}
.list-data #masonry .show-cont .post-item{width:100%;height:6rem;}
} 



.footer{padding:0;}
.footer #tabFootNav{background:#fff;}
.footer .bui-nav li .on{display: none;}
.footer .bui-nav li a{color:#666;}
.footer .bui-nav .active .no{display:none;}
.footer .bui-nav .active .on{display: block;}
.footer .bui-nav .active{background:none;}
.footer .bui-nav .active a{color:#404040;}


	
	
.dzn-page .page-message main {background: #f5f5f5;}
.dzn-page .bui-list {border-top: 0;}
.dzn-page .header-content {background-color: #ffffff;display: -webkit-box;display: box;padding: 0.2rem 0.3rem;}
.dzn-page .content-round {width: 2.5rem;position: relative;}
.dzn-page .percent-img {text-align: center;}
.dzn-page .percent-img img {width: 100%;margin: 0 auto;}
.dzn-page .content-round .yesterday {color: #353535;font-size: 0.12rem;text-align: center;}
.dzn-page .content-round .yesterday span {margin-left: 0.05rem;color: #00aeef;font-size: 0.18rem;}
.dzn-page .content-round .today {color: #353535;font-size: 0.18rem;width: 100%;text-align: center;position: absolute;left: 50%;top: 30%;margin-left: -1.25rem;line-height: 1;}
.dzn-page .content-round .today span {color: #00aeef;}
.dzn-page .content-round .today span:first-child {font-size: 0.54rem;}
.dzn-page .content-mess {margin-left: 0.3rem;}
.dzn-page .content-mess li {overflow: hidden;-webkit-box-flex: 1;box-flex: 1;}
.dzn-page .content-mess li:first-child {padding-bottom: 0.15rem;border-bottom: 1px dotted #f5f5f5;}
.dzn-page .content-mess li:last-child {padding-top: 0.15rem;}
.dzn-page .mess-title {float: left;text-align: left;}
.dzn-page .mess-title p:first-child {color: #505050;}
.dzn-page .mess-title p:last-child {font-size: 0.18rem;color: #999;}
.dzn-page .mess-num {margin-top: 0.1rem;margin-left: 0.3rem;float: left;text-align: left;}
.dzn-page .mess-num span {color: gray;font-size: 0.46rem;}
.dzn-page .mess-num span:first-child {color: #00aeef;}
.dzn-page .mess-num span:last-child {font-size: 0.32rem;color: #37ca3a;}
.dzn-page .exammine {margin: 0.2rem 0;padding: 0.25rem 0; background-color: #ffffff;}
.dzn-page .exammine>[class*=bui-btn] {border: none;padding: 0 0.2rem;border-right: 1px solid #f5f5f5;}
.dzn-page .activity .icon,.exammine .icon {color: #fff;}
.dzn-page .exammine li .span1 h3 {font-size: 0.38rem;text-align: right;}
.dzn-page .exammine li .span1 h3.approve { color: #9bbd32;}
.dzn-page .exammine li .span1 h3.respond { color: #70b4e1;}
.dzn-page .exammine li .span1 h3.due {color: #f16a7a;}
.dzn-page .exammine li .span1 p {font-size: 0.18rem;text-align: right;}
.dzn-page .exammine>[class*=bui-btn]:last-child { border: none;}
.dzn-page .exammine .thumbnail {line-height: 0.85rem;height: 0.88rem;width: 0.88rem;text-align: center;border-radius: 50%;margin-right: 0;color: #ffffff;font-size:.5rem;}
.dzn-page .exammine .thumbnail.approve {background-color: #9bbd32;}
.dzn-page .exammine .thumbnail.respond {background-color: #70b4e1;}
.dzn-page .exammine .thumbnail.due {background-color: #f16a7a;}
.dzn-page .exammine [class*=bui-btn] .icon {font-size: 0.54rem; margin: 0;}