/* Global base */
html,body{
	width:100%;
	height:100%;
	font:1rem/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;color:#333;background-color:#fff;
}
a{cursor:pointer;}

h1{font-size:2rem !important;}
h2{font-size:1.8rem !important;}

#art_body h1{font-size:1.5rem !important;}
#art_body h2{font-size:1.2rem !important;}

#navbar-top button:focus {
  outline: 0px dotted !important;
  outline: 0px auto -webkit-focus-ring-color !important;
}
.navbar-light .navbar-toggler {
  border-color: rgba(0,0,0,0) !important;
}

/*top Search */
.top-nav-search {
}
.top-nav-search form {
	position: relative;
}
.top-nav-search .form-control {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    color: #605e5e;
    padding: 10px 50px 10px 15px;
}

.topConent{
	padding-top:1rem;
}

@media only screen and (min-width: 992px) {
	#navbar-footer {
	    position: fixed;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1030;
	}
	#navbar-top {
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	}
	.topConent{
		padding-top:4.5rem !important;
	}
	#docMenus{
		display:none;
	}
}

@media only screen and (min-width: 1150px) {
	.top-nav-search input {
	    width:240px;
	}
}

@media only screen and (max-width: 1150px) {
	.top-nav-search input {
	    width:150px;
	}
}


.top-nav-search .btn {
    background-color: transparent;
    border-color: transparent;
    color: #605e5e;
    min-height: 40px;
    padding: 7px 15px;
    position: absolute;
    border-radius: 50px;
    right: 0;
    top: 0;
}
.top-nav-search .form-control::-webkit-input-placeholder {
	color: #787676;
}
.top-nav-search .form-control::-moz-placeholder {
	color: #787676;
}
.top-nav-search .form-control:-ms-input-placeholder {
	color: #787676;
}
.top-nav-search .form-control::-ms-input-placeholder {
	color: #787676;
}
.top-nav-search .form-control::placeholder {
	color: #787676;
}
.top-nav-search.active form {
    display: block;
    left: 0;
    position: absolute;
}


.mailat:after
{
  content:"@";
}
.minfont{
	font-size:.8rem;
}

.minfont2{
	font-size:.8rem;
	line-height: 120%;
}

.smallfont{
	font-size:.6rem;
}

.vertical-top{
	vertical-align:top;
}

.vertical-mid{
	vertical-align:middle;
}

.line-height1{
	line-height:1rem;
}

.line-height15{
	line-height:1.5rem;
}

.line-height2{
	line-height:2rem;
}

.bdcolorh{
	border: 1px solid #EEEEEE;
}

.bgh {
    background-color: #fafbfd;
}
.bgw {
    background-color: #fff;
}

.border-bottom {
    border-bottom: 1px solid #eaedf2!important;
}

.rounded-y{border-radius: 2rem !important;}

.outline {outline: none;}

ul {list-style:none;margin:0px;padding-left:0px;}

a{
	text-decoration: none;
}
a:focus {outline:none;}
a:hover{
	text-decoration: none;
}

.colorb {
	color:#007bff !important;
}
.colorb a{
	color:#007bff !important;
}
.colorb :hover{
	font-weight: bold;
}

.color1 a{
	color:#333;
}
.color1 a:hover{
	color:#999;
}

.color2{
	color:#333;
}

#navbar-top
{
    font-size:1rem;
    z-index: 1030;
}

#navbar-top .nav-item{
	margin-left:1em;
}

#navbar-top .nav-item a:hover{
	font-weight: bold;
}

#navbar-top .m-actived
{
	font-weight: bold;
}


#navbar-top .box{
	width: 20px;
	height: 25px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
#navbar-top .box svg path {
	fill: none;        /* 设定path填充颜色为 none ，也就是不填充颜色 */
	stroke-width: 4;  /* 设定线条粗细 */
	stroke: #fff;      /* 设定path的线条颜色 */
	stroke-linecap: round;  /* 设定path的路径两头为圆形 */
	transition:all 0.4s;    /* 设定path的过渡动画 */
}
#navbar-top .box.active svg path:nth-child(1){
	d:path("M0, 0 Q50,50 100,100");  /* path 动画的关键，更改 d 的值*/
}
#navbar-top .box.active svg path:nth-child(2){
	stroke-width: 4;  /* 更改线条粗细 */
	opacity: 0;  /* 更改线条透明度 */
}
#navbar-top .box.active svg path:nth-child(3){
 	d:path("M0, 100 Q50,50 100,0");
}

.top-w .box svg path{
	stroke: #333 !important;
}
 

.top-b .show{
	color:#eee;
	background-color: #5d8de7;!important;
	transition: background-color .8s;
	border-radius: .2rem !important;
}
.top-b .collapsing{
	background-color: #5d8de7;!important;
}
#navbar-top .show a{
	/*color:#333 !important;*/
}


#menu-tabs a{
	color:#333 !important;
}

#menu-tabs a:hover{
	color:#007bff !important;
}

.nav-tabs .active{
	font-weight: bold;
}

.btn-outline-w{color: #FFF;}
.btn-outline-w{border-color: #FFF;}
.btn-outline-w:hover {
   	background-color: #007bff !important;
}

.btn-outline-b{
	border-color: #3b82ff;
	color: #3b82ff !important;
}
.btn-outline-b a{color: #3b82ff !important;}
.btn-outline-b:hover {
    color: #FFF !important;
   	background-color: #3b82ff !important;
   	border-color: #3b82ff !important;
   	box-shadow:1px 1px 2px #333333;
}

.btn-y{
	border-radius: 2rem !important;
	padding: .45rem 1.5rem;
}
.btn-y0{
	border-radius: 2rem !important;
	padding: .375rem .375rem;
}
.btn-y1{
	border-radius: 2rem !important;
	padding: .375rem .5rem;
}

.btn-yuan {
	border-radius: 2rem !important;
}

.forOther { color: #d3d3d3 !important;}

.forOther2 { color: #A2A2A2 !important;}
.forOther2 a{ color: #A2A2A2 !important;}



.tbbg{
	background-color:#5d8de7;
}
.tbbg2{
	background-color:#5d8de7;
}
.tbc{color:#FFF  !important;}
.tbc a{color:#FFF  !important;}
.tbc a:hover{color:#EEEEEE  !important;}



.top-b{background:rgba(255,255,255,0);color:#FFF  !important;}
.top-b a{color:#FFF !important;}
.top-b a:hover{color:#EEEEEE  !important;}
.top-b .logo{
	background:url(../images/logo_v5_w_2024.png) no-repeat 0 0;
	-webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
	background-size: auto 100%;
	width: 130px; height:30px;
	margin-left:0px;
	margin-top:2px;
}

.top-b .btn-1{
	color: #fff !important;
	
}
.top-b .btn-1:hover {
	border: 1px solid;
   	border-color: #EEEEEE !important;
   	transition:all .4s;
}

.top-b .btn-2{
	border-color: #fff;
	border: 1px solid;
	color: #fff !important;
}
.top-b .btn-2:hover {
}

.top-b .btn-3{
	color: #fff !important;
}
.top-b .btn-3{}
.top-b .btn-3:hover {
}



.top-w{background:rgba(255,255,255,1);color:#333  !important;box-shadow: 0px 1px 10px #ddd;}
.top-w a{color:#333  !important;}
.top-w a:hover{color:#007bff  !important;}
.top-w .logo{opacity:1;background:url(../images/logo_v5_2024.png) no-repeat 0 0;background-size: auto 100%;width: 130px; height:30px; margin-left:0px;margin-top:2px;}

.top-w .btn-1{
	background-color: #f9fafc !important;
	color: #333 !important;
}
.top-w .btn-1:hover {
   	background-color: #eeeeee !important;
}

.top-w .btn-2{
	background-color: #fff !important;	
	border-color: #3b82ff;
	color: #3b82ff !important;
}
.top-w .btn-2:hover {
   	background-color: #377efb !important;
   	color: #fff !important;
}

.top-w .btn-3{
	background-color: #3279f6 !important;
	color: #fff !important;
	border-color: #3279f6;
}
.top-w .btn-3:hover {
   	background-color: #2d6ddd !important;
   	color: #fff !important;
}


.bottom-w{background:rgba(255,255,255,1);color:#333;box-shadow: 0px 1px 10px #ddd;}


.line2{
overflow:hidden; 
text-overflow:ellipsis;
white-space:normal;
word-break:break-all;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

.line1{
overflow:hidden; 
text-overflow:ellipsis;
white-space:normal;
word-break:break-all;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}

.libg{background-color:#fafbfd;border-radius:6px;}
.libgw{background-color:#fff;border-radius:6px;}


#footer{}
#footer #footerMenu{line-height:2rem;width:100%;padding-bottom:1.5rem;}
#footer #footerMenu em{padding-left:1rem;padding-right:1rem;}
#footer #footerInfo{}
#footer #footerInfo li {line-height:2rem;}

#t_userinfo .groupName{font-size:.6rem;margin-left:.2rem;}
#tags .active{background-color:#EEEEEE;color: #333;}

.pager{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	text-align:center;
	margin-top:.5rem;
}
.pager li{
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    justify-content: center;
    align-items: center;
    text-align:center;
    font-size: .9rem;
    margin: 0 4px;
    border-radius:50%;
}
.pager .pager_n{
	width: 1.8rem;
    height: 1.8rem;
    line-height: 1.5rem;
	margin-left:.4rem;
	font-size:.9rem !important;
	border-radius:50%;
}
.pager .pager_t{
	width: auto;
    height: 1.8rem;
    line-height: 1.5rem;
    padding-left:.5rem;
    padding-right:.5rem;
	margin-left:.4rem;
	font-size:.9rem !important;
	border: 1px solid #eaedf2!important;
	border-radius:.5rem;
}
.pager .pagego{
    cursor: pointer;
	border: 1px solid #eaedf2!important;
}
.pager .pagego:hover{
	background-color:#eeeeee;
}
.pager .page_current{
	border: 1px solid #3b82ff!important;
}
.pager span{
	color: #A2A2A2 !important;
}

.itemTitle {border-left: .3rem solid #3b82ff!important; padding-left:.5rem;}

#art_body{
	word-break:break-all;
}
#art_body img{
	max-width:100%;
}
#comments p{
	word-break:break-all;
}

.userNumInfo li{display:inline-block}
.userNumInfo .split{padding-left:.6rem;padding-right:.6rem;color: #d3d3d3 !important;vertical-align:top;font-size:.9rem;}

#favUsersList .favUser{width:10rem;float:left;text-align:center;}


.fav-list{}
.fav-list .ex_info1{
	padding-top:.2rem;
}
.fav-list .ex_info3{
	display:none;
}
.fav-list .li_img{width:9rem;margin-top:.6rem;margin-left:.6rem;margin-right:.4rem;}
.fav-list .li_img_l{width:9rem;margin-top:.6rem;margin-right:.6rem;}

@media only screen and (max-width: 575.98px) {
	.fav-list .ex_info1{
		display:none;
	}
	.fav-list .li_img{width:5rem;margin-top:.3rem;margin-left:.4rem;margin-right:.2rem;}
	.fav-list .li_img_l{width:5rem;margin-top:.3rem;margin-right:.2rem;}
	
	#favUsersList .favUser{width:8rem;float:left;text-align:center;}
}


.fav-s-list{}
.fav-s-list .ex_info1{
	padding-top:.2rem;
	max-height:0rem;
	overflow: hidden;
	transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-webkit-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
}
.fav-s-list .ex_info3{
	display:none;
}
.fav-s-list .li_img{width:5rem;margin-top:.4rem;margin-left:0px;margin-right:.2rem;}
.fav-s-list .li_img_l{width:5rem;margin-top:.4rem;margin-left:0px;margin-right:.2rem;}
.fav-s-list:hover .ex_info1{
	overflow:auto;
	max-height:10rem;
}
.fav-list .favShow{
	display:block !important;
	height:auto !important;
}
.fav-s-list .favShow{
	display:block !important;
	height:auto !important;
}
.fav-list .myBtns{
	display:none;
}
.fav-list:hover .myBtns{
	display:block !important;
}
.fav-s-list .myBtns{
	display:none;
}
.fav-s-list:hover .myBtns{
	display:block !important;
}

.tag_sel{
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
	padding-top:0px;
	max-height:0px;
	overflow: hidden;
	transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-webkit-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
}

.top-nav-search .keywordsli{position:fixed;margin-left:12px;margin-top:4px;box-shadow: 0px 1px 10px #ddd;}
.top-nav-search ul {list-style:none;margin:0px;padding-left:0px;}
.top-nav-search .keywordsli li{padding:6px;background: white;border-bottom: solid 1px #fff;cursor: pointer; width:auto;text-indent: 10px;font-size: 15px;color: #363636}
.top-nav-search .keywordsli li:hover{background: #f1f1f1}
.top-nav-search .keywordsli .row{background: white;border-bottom: solid 1px #fff;width:350px;padding:6px;}
.top-nav-search .keywordsli .row:hover{background: #f1f1f1}
.top-nav-search .keywordsli .hisItem {cursor: pointer;text-indent: 15px;font-size: 15px;color: #363636}
.top-nav-search .keywordsli .hisDel span{cursor: pointer;}
.top-nav-search .keywordsli .hisDel span:hover{color: #363636;}

@media only screen and (min-width: 1000px) {
	.top-nav-search .keywordsli .hisDel span{display:none}
	.top-nav-search .keywordsli .row:hover .hisDel span{display:inline}
}


code {
  background-color: #f9f2f4;
  border-radius: 3px;
  white-space: pre-line;
}
pre {
  padding: 9px;
  margin: 0 0 20px;
  white-space: pre-line;
}
.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: 6px;
    text-align: center;
}
.hide-article-pos{
	position: relative;
    z-index: 1020;
    padding-top: 160px;
    bottom: 2px;
    margin-top: -160px;
}
.post .postNotice .item{border:0px solid #D1D3D2;mini-width:260px;width:auto !important;line-height:25px;font-weight:bold;padding:6px 8px 6px 8px;}
.vactived{
	cursor:pointer;border:1px solid #F76809;background-color:#F7F7F7;
}
.vactived_no{
	cursor:pointer;border:1px solid #C4C4C4;background-color:#FFF;
}
#art_body table{width:100% !important}
.art_default{max-height: 801px;min-height:300px; overflow: hidden;}