@charset "UTF-8";
.bbs-type-03b													{box-sizing:border-box;overflow:hidden;}
.bbs-type-03b > ul											{position:relative;}
.bbs-type-03b > ul > li										{float:left; width:33%; background-color:#45464b;}
.bbs-type-03b > ul > li + li								{border-left:1px solid #fff;}
.bbs-type-03b > ul > li > span							{display:block; text-align:center;}
.bbs-type-03b > ul > li > span > input				{line-height:60px; color:#fff; display:inline-block; font-size:17px; background:none;}
.bbs-type-03b > ul > li.active								{background-color:#fff;}
.bbs-type-03b > ul > li.active span input				{color:#333;font-weight:bold; padding-right:25px; background:url(./../images/bbs-titlebg.png) right center no-repeat; }
.bbs-type-03b ul li .recentBbsTabSpan					{display:block;}
.bbs-type-03b ul li ul										{box-sizing:border-box; display:none; position:absolute; top:95px; width:100%; padding-left:50%; left:0; min-height:150px;}
.bbs-type-03b ul li ul li										{position:relative; box-sizing:border-box; width:100%; float:left; padding-right:80px; overflow:hidden; height:30px;}
.bbs-type-03b ul li ul li a strong							{font-size:13px; font-weight:normal;}
.bbs-type-03b ul li ul li .newArtcl						{width: 13px; height: 11px; overflow: hidden; text-indent: -5000px; display: inline-block; zoom: 1; _display: inline; background:url(../images/share.png) left top no-repeat;}
.bbs-type-03b ul li ul li a .summay						{display:none;}
.bbs-type-03b ul li ul li a .data							{position:absolute; right:0; top:0; font-size:13px;}
.bbs-type-03b ul li ul li:first-child						{position:absolute; top:0; left:0; width:50%; background:url(./../images/fist-bg.png) left 10px no-repeat; padding:0 30px 30px 170px; height:150px;}
.bbs-type-03b ul li ul li:first-child a strong			{font-size:15px; font-weight:600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word;text-overflow: ellipsis;}
.bbs-type-03b ul li ul li:first-child a .summay		{display:block; line-height:1.6; margin-top:5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-wrap: break-word;text-overflow: ellipsis;}
.bbs-type-03b ul li ul li:first-child a .data				{top:inherit; bottom:0; right:30px;}
.bbs-type-03b ul li ul li:first-child .newArtcl			{display:none;}

.bbs-type-03b ul li ul li a									{color:#555;font-size:14px; }

.bbs-type-03b ul li.active ul								{display:block;}

.bbs-type-03b ul li .more-wrap							{display:none;}
.bbs-type-03b ul li.active .more-wrap					{display:block; position:absolute; right:0; top:270px; width:100%; text-align:center;}
.bbs-type-03b ul li.active .more-wrap:after			{content:''; display:block; width:100%; position:absolute; bottom:15px; border-bottom:1px solid #ddd; z-index:-1}
.bbs-type-03b ul li.active .more-wrap .recentBbsMore {background:url(./../images/recentBbsMore-bg.png) #fff  10px center no-repeat;border:1px solid #ddd; display:inline-block; padding:5px 10px 5px 20px;}

@media (max-width:600px){
	.bbs-type-03b ul li ul											{padding:10px; top:70px;}
	.bbs-type-03b ul li ul li:first-child						{position:relative; margin-bottom:10px; width:100%; height:auto; background:url() left 10px no-repeat; padding:0;}
	.bbs-type-03b ul li ul li:first-child a strong			{-webkit-line-clamp: 2;}
	.bbs-type-03b ul li ul li:first-child a .summay			{-webkit-line-clamp: 3;}
	.bbs-type-03b ul li ul li:first-child a .data				{display:none;}
	.bbs-type-03b ul li.active .more-wrap					{top:300px;}
}