html, body { padding: 0; margin: 0;}
a {text-decoration:none;}
.nav-menu .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.nav-menu .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

#b_menu #_find .ui-icon { background:  url(images/find.png) 50% 50% no-repeat; background-size: 24px 24px; }
#b_menu #_suggest .ui-icon { background:  url(images/suggest.png) 50% 50% no-repeat; background-size: 24px 24px;  }
#b_menu #_help .ui-icon { background:  url(images/help.png) 50% 50% no-repeat;  background-size: 24px 24px; }
#b_menu #_my .ui-icon { background:  url(images/my.png) 50% 50% no-repeat;  background-size: 24px 24px; }
#b_menu #_home .ui-icon { background:  url(images/home.png) 50% 50% no-repeat;  background-size: 24px 24px; }

#topicContent img{max-width:100% !important;}
#postBody0 {padding-top:.5em;}
#postBody0 table{height:auto;}
#postBody0 table td{overflow:hidden;text-overflow:ellipsis;}
   
#postBody0 h1{font-size:1.5rem !important;}
#postBody0 h2{font-size:1.2rem !important;}
   
.hide-article-box{
	width: 100%;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    padding-bottom: .5em;
    text-align: center;
}
.hide-article-pos{
	position: relative;
    z-index: 999;
    padding-top: 8em;
    bottom: .2em;;
    margin-top: -8em;
}

.forOther { color: #d3d3d3;}
.forOther a{color: #FF3366;}
.forOther a:visited{color: #FF3366;}

.forOther2 { color: #808080;}
.forOther2 a{color: #808080;}
.forOther2 a:visited{color: #808080;}

.notice {color: #ff0000;}
.notice a{color: #ff0000;}
.notice a:visited{color: #ff0000;}
.notice a:hover {color: #F60;text-decoration:underline;}

.ub-img {
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.itemTitle {border-left: .3rem solid #3b82ff!important; padding-left:.5rem;font-weight: bold;font-size:1em;line-height:1.5em;margin-bottom:.5em;margin-top:.5em;}

.post{
	background-color: #FFF;
}
.post-title{
	padding:5px;line-height:30px;
	border-bottom: 1px solid #EEEEEE;
	margin-left:2px;
}
.post-box{
	display: -webkit-box !important;
	padding:10px;
}
.post-box .bgimg{
	width:30px;height:30px;display:block;position:relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.post-box .info{
	margin-left:6px;display: block;position: relative;line-height:24px;-webkit-box-flex: 1;min-height:40px;border-bottom: 1px solid #EEEEEE;padding-bottom:10px;
}

.topic_info{
	margin-left:6px;display: block;position: relative;line-height:24px;
}
#favUsersList img{border-radius:50%;max-width:20em;max-height:20em;}


.ui-listview li img{margin-top:.8em;margin-left:.25em;border-radius:0px !important;}
.ui-overlay-a {background: rgba(0,0,0,0.5) !important;}
#relative li a{padding-left: 7em;}
#relative img {max-width:6em !important;max-height:5.2em !important;}


.scrollMenu{
	filter: Alpha(Opacity=70);
	opacity: .7;
	position:fixed;
	right:.5em;
	bottom:4em;
	background-color:#FFF;
	border: 1px solid #EEEEEE;
	width:2em;
	height:3em;
	color:#000;
	display:none;
}
.scrollMenu #toTop{
	width:2em;
	height:1.5em;
	border-bottom: 1px solid #EEEEEE;
	line-height:1.5em;
	text-align:center;
}

.ui-listview .ui-btn{padding-right:.2em !important;}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0.2; }
    100% { opacity: 0.2; }
}
.blink{
	font-weight:bold;
	font-size:1.2em;
    animation: blink 0.8s linear infinite;
    -webkit-animation: blink 0.8s linear infinite;
    -moz-animation: blink 0.8s linear infinite;
    -ms-animation: blink 0.8s linear infinite;
    -o-animation: blink 0.8s linear infinite;
}



.ui-listview>li {
padding-top: .4em;
}
.vactived{
cursor:pointer;border:1px solid #F76809;background-color:#F7F7F7;
}
.vactived_no{
cursor:pointer;border:1px solid #C4C4C4;background-color:#FFF;
}

.myBtns{color: #fff !important;background-color: #007bff;border-color: #007bff;border-radius: 2em;padding:.5em;text-align:center;text-shadow:none;}

.blue{color: #2962ff;}

.popmenuContainer {
  position: relative;
}
.popmenu {
  position: absolute;
  bottom: 105%; /* 将 top 改为 bottom */
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}
.popmenu a {
  display: block;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  color: #333;
  text-align:left;
  transition: background-color 0.3s ease-in-out;
}
.popmenu a:hover {
  background-color: #f2f2f2;
}
.popmenuContainer:hover .popmenu {
  max-height: 200px; /* 调整为你想要的最大高度 */
}