.bbs-maibox{background:#fff;padding:10px;margin-top:8px;}
.bbs-members{display: flex;}
.bbs-members li{display:flex;flex:1;justify-content:center;align-items:center;position:relative;
	height:50px;
}
.bbs-members li:nth-child(1):before, .bbs-members li:nth-child(2):before{content: '';border-right:1px #eee solid;height:50px;
display:block;position:absolute;right:0px;top:0px;}
.bbs-members li i{font-size:30px;}
.bbs-members li:nth-child(1) i, .bbs-members li:nth-child(1) p:nth-child(1){color:#FF353A;}
.bbs-members li:nth-child(2) i, .bbs-members li:nth-child(2) p:nth-child(1){color:#FFAC4D;}
.bbs-members li:nth-child(3) i, .bbs-members li:nth-child(3) p:nth-child(1){color:#35ADFD;}
.bbs-members li span p:nth-child(2){font-size:12px;}
.bbs-members li span{display:flex;flex-direction:column;margin-left:8px;}
.bbs-members li span p{justify-content:center;display:flex;}

.bbs-cats{width:100%;background:#fff;white-space: nowrap;display:inline-block;
	overflow-y:hidden;margin-top:8px;padding:12px 0 12px 0;overflow-x:scroll;}
.bbs-cats li{display:inline-block; text-align:center;margin-left:10px;}
.bbs-cats li a{display:block;position:relative;color:#999;font-size:14px;border:1px #999 solid;border-radius:50px;padding:2px 10px;}
.bbs-cats li .ck{color:#EF0E0E;border:1px #FF353A solid;}
.bbs-indexlist{background:#fff;margin-top:0;overflow:hidden;padding:10px;}
.bbsindex-ding li{padding:10px;background:#fff;overflow:hidden;margin-top:0;}
/*详情页*/
.bbs-shows{padding:10px;overflow:hidden;background:#fff;}	
.bbs-shows .texts{font-size:18px;color:#333;margin-top:5px;}
.bbs-shows .user-ico{height:45px;margin-top:15px;padding-bottom:12px;border-bottom:1px #eee solid;position:relative;}
.bbs-shows .user-ico img{display:block;float:left;width:45px;height:45px;border-radius:50%;}
.bbs-shows .user-ico span{display:block;margin-left:12px;float:left;}
.bbs-shows .user-ico span p{margin-top:2px;color:#333;}
.bbs-shows .user-ico span em{font-size:12px;color:#999;margin-top:5px;display:block;}
.bbs-shows .views{margin-top:8px;position:absolute;right:-10px;bottom:16px;}
.bbs-shows .views p{display:inline-block;padding-right:10px;font-size:12px;color:#999;}
.bbs-shows .views i{padding-right:5px;font-size:14px;position:relative;top:1px;}
.bbs-shows .show-content{overflow:hidden;font-size:16px;line-height:22px;margin-top:12px;}
.bbs-shows .show-content img{display:block;margin-top:8px;width:100%;}
.bbs-shows .otheract{text-align: center;padding: 20px 0px 10px 0px;}
.bbs-shows .otheract button{background: #F5F5F5;
    border: 0px;
    padding:8px 20px;
    border-radius:5px;
    font-size:15px;
    margin: 0px 5px;
    }
.bbs-shows .otheract button:nth-child(1){background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%);box-shadow:0 2px 5px #FFB0AC;color:#fff;}
.bbs-shows .otheract button:nth-child(2){background-image:linear-gradient(180deg, #35ADFD 0%, #06C4FC 100%);box-shadow:0 2px 5px #9AE2F8;color:#fff;}
.showdsBox{margin-top:1px;}
.showdsBox .cout{text-align: center;line-height: 35px;color:#999;}
.showdsBox .cout span{color:#FF353A;}
.showdsBox .cout a{color:#999;padding-left:8px;}
.showdsBox dl {overflow: hidden;position: relative;width:215px;
margin:0 auto;padding-bottom:1px;}
.showdsBox dl dt{display:flex;flex-wrap:wrap;justify-content:center;}
.showdsBox dl dt span{margin:5px 0 0 5px;display:inline-block;}
.showdsBox dl dt span img{width:30px;height:30px;border-radius:50%;}
.bbs-showqun{padding:10px;background:#fff;margin-top:10px;}	
.bbs-showqun ul{display:flex;}
.bbs-showqun ul li:nth-child(2){flex:2;padding-left:15px;}
.bbs-showqun ul li img{width:95px;height:95px;display:block;border-radius:5px;}
.bbs-showqun .title{font-size:18px;font-weight:700;}
.bbs-showqun .des{font-size:14px;color:#999;}
.bbs-showqun .cnt{margin:6px 0;}
.bbs-showqun .cnt span{padding-right:20px;}
.bbs-showqun .cnt span em{color:#FF353A;}
.bbs-showqun .cnt span i{padding-right:5px;}
.CommentBox{margin-top:10px;padding: 15px;background: #FFF;}
.CommentBox .head{height: 40px;line-height: 30px;border-bottom:#EEE solid 1px;}
.CommentBox .head ol{float: left;font-size: 18px;}
.CommentBox .head li{float:right;color: #666;}
.ListComment .lists{border-bottom:#EEE solid 1px;padding: 15px 0px;}
.ListComment .lists ul{display: table;width: 100%;}
.ListComment .lists ul ol, .ListComment .lists ul li{display: table-cell;vertical-align: top;}
.ListComment .lists ul ol{width: 40px;padding-right: 10px;}
.ListComment .lists ul ol a{display: block;width: 40px;height: 40px;overflow: hidden;
	border-radius: 50%;position: relative;}
.ListComment .lists ul ol a img{position:absolute;width:100%;height: 100%;
	left:50%;top: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);}
.ListComment .lists ul li .infos{height: 20px;line-height: 20px;overflow: hidden;font-size:14px;}
.ListComment .lists ul li .infos a,.ListComment .lists ul li .infos em,.ListComment .lists ul li .infos span{display: block;float: left;}
.ListComment .lists ul li .infos em{font-size:14px;color: #999;margin: 0 5px;}
.ListComment .lists ul li .infos span{float:right;color: #888;}
.ListComment .lists ul li .cnt{padding: 5px 0;line-height: 25px;width: 100%;overflow: hidden;
	word-wrap: break-word; word-break:break-all;font-size:14px;}
.ListComment .lists ul li .cnt img{max-width: 100%;}
.replaycomment dl{padding: 5px;background: #F8F8F8;border-radius: 7px;margin-bottom: 10px;
	margin-top: 8px;color: #777;font-size:14px;line-height: 20px;}
.replaycomment dl dt a{color:#633702;font-weight:bold;}
.replaycomment dl dt em{display: inline-block;margin-left: 5px;color: #2D88E6;}
.replaycomment dl dd{position: relative;padding-right: 20px;}
.replaycomment dl dd .fa-trash-o{display: block;width:15px;height: 15px;position: absolute;
	right:2px;bottom:2px;cursor: pointer;}
.ListComment .lists .other{text-align: right;color: #999;font-size:14px;}
.ListComment .lists .other i{margin-right: 2px;margin-left: 8px;}
.ShowMoreBox{text-align: center;border-top:#EEE solid 1px;padding: 30px 10px;color: #888;display: none;}
/********/
.MoreInfoBox{
	position: fixed;
	width:100%;
	height: 100%;
	z-index: 10000000;
	left: 0px;
	top:0px;
	display: none;
}
.MoreInfoBox .BackBox{
	position: absolute;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	left:0;
	top:0;
}
.MoreInfoBox .ShowinfoBox{
	position: absolute;
	background: #FFF;
	overflow-x: hidden;
	overflow-y: auto;
	left:5%;
	top:5%;
	border-radius: 5px;
	padding:10px;
	text-align:center;
}
.MoreInfoBox .ShowinfoBox .h{
	padding-top: 20px;
	height: 20px;
	line-height: 20px;
	position: relative;
	margin: 0px 10px;
	text-align: center;
}
.MoreInfoBox .ShowinfoBox .h:before{
	content: '';
	display: block;
	position: absolute;
	width:100%;
	height: 1px;
	background: #DDD;
	left: 0px;
	bottom:10px;
}
.MoreInfoBox .ShowinfoBox .h span{
	display: inline-block;
	padding: 0 5px;
	background: #FFF;
	position: relative;
}
.MoreInfoBox .ShowinfoBox .ListBox{
	padding: 0px 10px;
}
.MoreInfoBox .ShowinfoBox .ListBox ul{
	display: table;
	width: 100%;
	border-bottom: #DDD solid 1px;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li{
	display: table-cell;
	padding: 15px 0px;
	vertical-align: middle;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.icon{
	width:50px;
	padding-right: 10px;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.icon a{
	display: block;
	width:50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.icon a img{
	position: absolute;
	width:100%;
	height: 100%;
	left: 0px;
	top:0px;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.yen{
	width:80px;
	text-align: right;
	color: #999;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.yen span{
	color: #F60;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.info span,.MoreInfoBox .ShowinfoBox .ListBox ul li.info em{
	display: block;
	height:25px;
	line-height: 25px;
	overflow: hidden;
}
.MoreInfoBox .ShowinfoBox .ListBox ul li.info em{
	font-size:12px;
	color: #999;
}
.MoreInfoBox .ShowinfoBox .closeBox{
	text-align: center;
	padding: 10px 0px;
}
.MoreInfoBox .ShowinfoBox .closeBox span{
	display:inline-block;
	border: #F30 solid 1px;
	background: #F90;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
}
/*****/
.replayBox{
	padding: 10px;
}
.replayBox ol textarea{
	width:96%;
	border: 0px;
	padding: 5px 2%;
	height: 80px;
	box-shadow: 0px 0px 1px #CCC;
}
.replayBox li{
	text-align: center;
	padding: 10px 0 0 0;
}
.replayBox li button,.replayBox li span{
	display: inline-block;
	line-height: 30px;
	border: 0px;
	padding: 0 15px;
	background: #DDD;
	color: #FFF;
}
.replayBox li button{
	margin-right: 15px;
	background-image:linear-gradient(180deg, #FF353A 0%, #FF6866 100%);box-shadow:0 2px 5px #FFB0AC;color:#fff;
}