.mid_tablelayout{
	width: 1134px;
	margin: 20 auto;
	text-align: center;
	table-layout:fixed;
}
.article_area,.closely{
	background-color:#fff;
	padding:20px;
	text-align:left;
	border-radius:3px;
}
.article_area{width:800px;min-height:800px;height:100%;}
.article_title{font-size:31px;font-weight:600;}
.article_inf{padding-top:20px;padding-bottom:26px;}
.article_inf span{color:#888888;}
.article_content{overflow:hidden;line-height:2;}
.closely{width:300px;min-height:300px;padding:20px;}
.gg{width:300px;height:120px;margin-top:20px;background-color:#fff;text-align:left;border-radius:3px;overflow:hidden;}
.fixedtop{position: sticky;top:10px;}

.vtclgntop{vertical-align:top;}
.headpic{width:40px;height:40px;overflow:hidden;border-radius: 50%;}
.headpic>img{width:100%;height:100%;border:0;}
.editorinf{line-height:1.6;}
.boxborder{border:1px solid #e8e8e8;}
.timehot{letter-spacing:0.6px;font-size:12px;}
.ultitle{padding-bottom:16px;border-bottom:1px solid #ddd;}
.ulist{list-style:decimal;margin:0;padding-left:16;}
.ulist li{margin-top:16px;list-style:decimal;}
.ulist li a{color:inherit}
.ulist li a:hover{color:#FF0000;}
.hr.scale-half {
	height: 1px;
	background-color: #ddd;
}
.reply_area{margin-top:20px;table-layout:fixed;}
.reply_time{letter-spacing:0.6px;font-size:12px;color:#888888;}
.reply_content{padding-top:5px;overflow:hidden;}
.reply_count{margin-left:10px;}
.ggshadow{box-shadow: 1px 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.2);}

.ttl a{color:inherit;font-size:16px;font-weight:bold;}
.ttl a:hover{color:#FF0000;text-decoration:none;}
.otherinf{padding-top:6px;font-size:12px;}
.otherinf a{color:#888888;}
.otherinf a:hover{text-decoration:underline;}
.otherinf .fireimg{vertical-align:top;margin-left:10px;color:#888888;}
.otherinf .firehits{color:#888888;}
.otherinf .edittime{margin-left:10px;color:#888888;}
.ttlitem{height:100px;vertical-align:top;border-top:1px solid #e8e8e8;padding-top:16px;padding-bottom:16px;}
.bdname{margin-top:0;margin-bottom:16px;font-weight:normal;position:relative;}
.remark{color:#888888;margin-top:5px;word-break:break-all;}
.content_div{overflow:hidden;}
.cover_div{width:110px;height:70px;overflow:hidden;margin:10px 0px 0px 10px;border-radius:3px;}
.cover_img{width:100%;height:100%;}
.more_new{text-align:right;text-align: right;position: absolute;bottom: 10;right: 16px;font-size:12px;}
.topicnum{font-weight:normal;font-size:12px;margin-left:10px;position:absolute;right:0px;top:4px;}

/***flex布局方法***/
/***父元素-主轴横向排列***/
.flex{
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/***子元素-平均分栏***/
.flex_item {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/***父元素-主轴换行***/
.flex_wrap{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/***父元素-主轴右往左排列***/
.flex_row-reverse{
  -webkit-flex-direction:row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction:row-reverse;
  -o-flex-direction:row-reverse;
  flex-direction:row-reverse;
}
/***父元素-主轴纵向排列***/
.flex_colunm
{
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}