body{background:#fafafa}
	body,ul,li{padding:0px;margin:0px;}
	.maincontent
	{
		margin:0px auto;	
		max-width:1440px;
	}

	.page::after
	{
		content:"";
		clear:both;/*清除浮动*/
		display:block;/*确保该元素是一个块级元素*/
	}

	header
	{
		position: sticky;
		top: 0;
		z-index:999;
		background:#333;
	}

	header .navbar-nav > .nav-item > a
	{
		font-size:16px;
		line-height:1.2em;
	}

	header a.nav-main {
		color: rgba(255,255,255,0.5);
	}
	
	header .UserImg
	{
		width:30px;
		height:30px;
		border-radius:15px;
		border:2px solid #ddd;
	}

	header .dropdown-toggle
	{
		color:#bbb;
	}

	header .dropdown-item
	{
		line-height:1.2em;
		padding:0px 0px;
		font-size:14px;
	}

	@media handheld, only screen and (min-width: 768px)
	{
		header #UserInfo
		{
			margin-left:20px;
		}
	}

	footer
	{
		line-height:1.5em;
		border-top:1px solid #ddd;
		background:#eee;
		font-size:15px;
		padding:10px 0px;
	}
	footer  a
	{
		color: #333;
		text-decoration: none;	
		font-size:13px;
	}

	.column
	{
		float:left;
		border:1px solid #ddd;
		border-radius:5px;
		font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
		font-family: "Microsoft YaHei", "微软雅黑";
		color:#24292e;	
		background:#fff;
	}


	 .TwoSide1
	{
		width:190px;
		background:#fff;
	}
.TwoSideMiddle {
	width: 5px;
	min-height: 300px;
	cursor: pointer ;
	background:#ddd;
	padding-top:300px;
	
}
	 .TwoSide2
	{
		width: calc(100% - 195px);
		background:#fff;
	}
	

@media handheld, only screen and (min-width: 1024px) 
{
	.left-column
	{
		width:17.5%;
		margin-right:0.25%;
		margin-left:0.25%;
	}
	 .middle-column
	{
		width:66.75%;
		margin-right:0.25%;
	}

	.right-column 
	{
		width:15%;
	}
	
	.ItemBox {
	width: 31.5%;
	margin: 1% 0.8%;
	overflow: hidden;
	background: #f5f5f5;
	padding: 0.5em;
	font-size: 13px;
	float: left;
	white-space: pre-line;
	border: 1px solid #dddddd;
	border-radius: 3px;
	overflow: hidden;
	height: 100px;
	}
}

@media handheld, only screen and (max-width: 1024px) 
{
	.right-column {
		display: none;
	}

	.left-column {
		width: 27%;
		margin-right: 0.5%;
	}

	.middle-column {
		width: 72%;
		border: 1px solid #ddd;
		border-radius: 2px;
	}
	.ItemBox {
	width: 48%;
	margin: 1% 0.8%;
	overflow: hidden;
	background: #eee;
	padding: 0em 0.5em;
	font-size: 13px;
	float: left;
	white-space: pre-line;
	border: 1px solid #dddddd;
	border-radius: 3px;
	overflow: hidden;
	height: 35px;
	}
	.ItemBox img{display:none !important;}
}

@media handheld, only screen and (max-width: 767px)
 {
	.right-column,  .left-column {
		display: none;
	}

	 .middle-column {
		width: 100%;
	}
	
	
	.ItemBox {
	width: 48%;
	margin: 1% 0.8%;
	overflow: hidden;
	background: #eee;
	padding: 0em 0.5em;
	font-size: 13px;
	float: left;
	white-space: pre-line;
	border: 1px solid #dddddd;
	border-radius: 3px;
	overflow: hidden;
	height: 35px;
	}
}
	
	
table tr td:last-child{word-break: break-all;}	
	
	
.left-column .PageTool
{
	padding:0px 5px;
}	
.left-column > .TopicTitle {
	font-weight: bold;
	padding: 0px 10px;
	padding-top: 5px;
}

.left-column li,.right-column {
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
}

#PageList li.active a{
color:#fff;
}


.fixbottom
{
	 position: fixed;
    bottom: -3px;
    right: 60px;
    width: auto;
}

.fixed-btn {
    position: fixed;
    right: 1%;
    bottom: 5%;
    width: 40px;
    border: 1px solid #eee;
    background-color: white;
    font-size: 24px;
    z-index: 1040;
    -webkit-backface-visibility: hidden;
}
.fixed-btn .go-top {
    border-bottom: 1px solid #eee;
		color:#4183c4;
}
.fixed-btn a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
	color:#4183c4;
}



#bottom-qrcode {
	
    background-color: white;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    font-weight: normal;

    position: fixed;
	
	top: auto;
    bottom: 0;
    height: 180px;
    width: 128px;
    margin: 0;
    right: 65px;
    left: auto;
    text-align: center;
	padding:10px 0px;
}







.hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
.shang_box{width:380px;height:400px;padding:5px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
.shang_box img{border:none;border-width:0;}

.shang_close{float:right;margin-right:5px;display:inline-block;}
.shang_logo{display:block;text-align:center;margin:20px auto;}
.shang_tit{width: 100%;height: 45px;text-align: center;line-height: 33px;color: #a3a3a3;font-size: 16px;font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
.shang_payimg{width:140px;padding:0px;;margin:0 auto;border-radius:3px;height:140px;}
.shang_payimg img{display:block;text-align:center;width:140px;height:140px;border:3px solid #EA5F00 }
.pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
.radiobox{width: 16px;height: 16px;background: url('/res/img/dashang/radio2.jpg');display: block;float: left;margin-top: 5px;margin-right: 14px;}
.checked .radiobox{background:url('/res/img/dashang/radio1.jpg');}
.shang_payselect{text-align:center;margin:0 auto;margin-top:20px;cursor:pointer;height:60px;width:280px;}
.shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;}
.shang_info{clear:both;}
.shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}







	.GatherLogo {
		width: 32px;
		height: 32px;
		border-radius: 32px;
		border: 0px solid #bbb;
	}


	.left-column > section > .TopicTool {
		font-size: 15px;
		line-height: 1.8em;
		padding: 2px 10px;
	}

		.left-column > section > .TopicTool > i {
			cursor: pointer;
		}

	.left-column > section > .TopicAsk {
		font-size: 15px;
		color: #333;
		padding: 2px 5px;
	}

	.list-group-item {
		padding: 0.25em 1em;
		font-size: 13px;
	}

	.DarkRead {
		background: #000 !important;
		color: #ddd !important;
	}

	.middle-column > .Page {
		padding: 15px 20px;
		line-height: 1.8em;
		font-size: 16px;
	}

.middle-column > .Page > .PageTitle {
	font-size: 25px;
	font-weight: bold;
}

.middle-column > .Page > .PageTitle > a {
				color: #000000;
}

.catelog {
	margin-bottom: 25px;
	overflow:hidden;
}

.fav {
	border: 1px solid #eee;
	border-radius: 5px;
	margin: 10px 5px;
	padding: 10px 15px;
	background: #f5f5f5;
}

.fav-title {
	color: #4183c4;
	font-weight: bold;
	margin-bottom: 8px;
}

.fav-title a {
		color: #4183c4;
	}

.fav-list a {
	font-size: 15px;
}

	.fav-list {
		font-size: 12px;
		line-height: 2.0em;
		text-indent: 1%;
		color: #456887;
	}



.ItemBox:hover {
	box-shadow: 6px 6px 5px #dddddd;
}

.BoxInfo {color:#9b9595 !important;font-size:13px;}
.ItemBox .Itemtitle {
	color: #141618;
	font-weight: bold;
	display: block;
	line-height: 2.0em;
	font-size: 1.2em;
	text-decoration: none;
}

.ItemBox a:hover {
	color: #333333;
}

.ItemBox > .BoxInfo {
	padding: 0em 1em;
}

	.GatherImg {
		width: 64px;
		heighyt: 64px;
		float: left;
		overflow: hidden;
		border-radius: 4px;
		margin-top: 3px;
		margin-right: 15px;
	}

	.card-header {
		padding: 5px 10px;
		margin-bottom: 0;
		background-color: rgba(0,0,0,.03);
		border-bottom: 1px solid rgba(0,0,0,.125);
		font-size: 16px;
	}

	.collapse > ul > li > a {
		font-size: 14px;
	}


	.collapse > ul > li {
		padding: 0px;
		margin: 0px;
	}

	a.card-link {
		color: #555;
	}

	a.Topic {
		color: #555;
		font-size:14px;
	}

	.list-group-item:last-child, list-group-item:last-child {
		border-radius: 0px;
	}

	.list-group-item.active {
		background-color: #4183c4;
		border-color: #4183c4;
	}

	.editormd-preview-container, .editormd-html-preview {
		font-size: 15px;
	}



	.markdown-body > p {
		text-indent: 0em;
		line-height:2em;
	}


	.Note div {
		font-size: 14px;
	}

		.Note div pre {
			background: #eeeeee;
			padding: 5px;
			border-left: 5px solid #ddd;
		}

	.Note h4 {
		line-height: 1.8em;
		padding: 0px 10px;
		border: 1px solid #ddd;
		background: #eee;
		box-shadow: 2px 2px 10px #909090;
	}

	#NoteList {
		display: none;
	}

	#NoteList div {
		margin: 15px 4px;
		padding:10px 5px;
		border-bottom: 1px solid #007bff;
		line-height: 1.0em;
	}


		#NoteList div p {
			line-height: 1.0em;
			margin-bottom: 0.5em;
		}

	#NoteList ul, li:before {
		padding-left: 10px;
	}
	

	.RecommentList em{color:#fc5531;    font-style: normal;}
	.RecommentList {
		border-bottom: 1px solid #f7f7fc;
		padding: 6px 0px;
		font-size: 14px;
		line-height: 1.6em;
		margin:3px 0px;
	}
	
	.Intra{color:#888999;}

	.RecommentList a.RecommentTitle 
	{
		color: #282b31;
		font-size: 16px;
		line-height: 30px;
		font-weight:bold;
	}

	a {
		color: #222;
	}

	.PageNav {
		margin: 0px;
		padding: 5px 0px;
		line-height: 24px;
		overflow: hidden;
		background: #f9f9f9;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		color: #8590a6;
		font-size: 15px;
		border: 1px solid #e7eaf1;
		box-shadow: 0px 3px 5px rgba(0,37,55,.05);
		box-sizing: border-box;
	}

	.GatherPageHeader {
		border: 1px dashed #4183c4;
		padding: 10px;
		margin: 10px 0px;
		background: #f9f9f9;
	}

	.GatherPageTail {
		border-left: 4px solid #4183c4;
		background: #f9f9f9;
		padding: 10px 20px;
		margin: 10px 0px
	}
	/*login index*/
	#LoginBar {
		background: #3e3f42;
		background-size: cover;
		padding: 50px 20px;
	}

	#LoginBox {
		width: 350px;
		height: 300px;
		border: 1px solid #E2E3E5;
		background: #ffffff;
		line-height: 1.5em;
		padding: 50px;
		position: relative;
		top: 50%;
	}

	#LoginInfo {
		color: #bbb;
		line-height: 2.2em;
		position: relative;
		top: 50%;
	}


	#Suggest .ListInfo {
		padding: 10px 20px;
	}

	.RList img {
		float: left;
		padding: 5px;
		width: 140px;
		height: 70px;
	}

	#Suggest .ListInfo:nth-child(even) {
		background: #f9f9f9;
		box-shadow: 0px 3px 5px rgba(0,37,55,.05);
	}

	#Suggest .RListtitle a {
		font-weight: bold;
		text-decoration: none;
		color: #434343;
		font-size:18px;
		line-height:1.5em;
	}

	#Suggest .updatetime {
		margin-top:10px;
		font-weight: normal;
		font-size: 14px;
		color:#999;
	}

	#Suggest .updatetime  a{
		font-weight: normal;
		font-size: 14px;
		color:#222333;
	}
	.updatetime  span{margin-right:0.7em;}
	.updatetime  span em{color:#3af;font-style: normal;margin-left:0.3em;}
	#Suggest .RListIntr {
		font-size: 13px;
		color: #333;
		word-break: break-all;
		　word-wrap:break-word;
		max-width:100%;
	}

	.ListInfo {
		margin: 5px 2px;
		color: #334455;

	}


.card-body
{
	padding-left:0px !important;
}

/*page*/

	/*演示播放*/
	pre.asciinema-terminal
	{
		margin-bottom: 0px !important;
		overflow:hidden;
	}

	h1 a,h2 a,h3 a,h4 a,h5 a{color:#333!important;}
	
h6.BlogNavTitle{padding:10px 20px;border-bottom:1px solid #eee;font-size:15px;}

/*user blog*/
.summer{clear:both;border-bottom:1px solid #eee;list-style:none;}
.pic img{width:36px;height:36px;border-radius:50%;}
.summer a{margin-left:0.8em;font-size:14px;color:#444;}

.whitebg{background:#fff;}

/*
special-detail
*/
	.Note div
	{
		font-size:14px;
	}
	.Note div pre
	{
		background:#eeeeee;
		padding:5px;
		border-left:5px solid #ddd;
	}
	.Note h4
	{
		line-height:1.8em;
		padding:0px 10px;
		border:1px solid #ddd;
		background:#eee;
		box-shadow:2px 2px 10px #909090;
	}
	
	#NoteList
	{
		padding:2px 10px;
		display:none;
	}
	
	#NoteList div
	{
		margin:15px 4px;
		border-bottom:1px solid #ddd;
		line-height:1.0em;
	}
	
	#NoteList div p
	{
		line-height:1.0em;
		margin-bottom:0.5em;
	}
	
	#NoteList ul ,li:before
	{
		padding-left:10px;
	}
	
	a.PageListvip:after
	{
	padding-left:2px;
	content: "$";
	font-size: 13px;
	color: #f9a017;
	}
	
	.ArticleProfile{font-size:14px;line-height:1.5em;text-align:left;margin-bottom:1.0em;}
	.ArticleProfile >span{margin-right:2em;}