/*首页文字广告位样式*/
.tp_advertising{width:100%;display:flex;justify-content:space-between;background:rgba(255,255,255,.15);position:relative;box-shadow:0 0 3px rgba(0,0,0,.2);}
.tp_advertising p{color:#fff;font-size:14px;line-height:22px;background:#6F8EC5;position:absolute;bottom:0;right:0;margin:0;padding:0 8px;border-top-left-radius:10px;opacity:.3;}
.tp_advertising div{position:relative;z-index:1;width:16.66%;}
.tp_advertising a{font-size:12px;line-height:22px;text-align:center;display:block;text-decoration:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tp_advertising a:hover{font-weight:bold;font-size:14px;text-shadow:0px 0px 1px rgba(0,0,0,.5);}
.tp_1 a{color:#FF0033;}
.tp_2 a{color:#9400D3;}
.tp_3 a{color:#00BFFF;}
.tp_4 a{color:#FF1493;}
.tp_5 a{color:#5fb878;}

/*首页图片广告位样式*/
.tp-img-ads-layer {width:100%;margin:0 auto;}
.tp-img-ads-layer a {position:relative;display: flex;align-items: center;justify-content: center;overflow:hidden;padding:2px;box-sizing:border-box;}
.tp-img-ads-layer a img {display:block;width:100%;max-height: 80px;border-radius:4px;transition:transform 0.2s ease;}
.tp-img-ads-layer a:hover img {animation:tpshake 0.4s infinite;}
.tp-img-ads-layer a::after {content:'广告';display:block;color:rgba(255,255,255,.5);font:600 12px/18px sans-serif;background:rgba(0,0,0,.3);border-top-left-radius:6px;padding:3px 6px;box-sizing:border-box;position:absolute;bottom:2px;right:2px;}
.tp-one-img a,.tp-two-img,.tp-three-img {width:100%;}
.tp-two-img,.tp-three-img {display:flex;justify-content:space-between;}
.tp-two-img a {width:49.7%;}
.tp-three-img a {width:33%;}
@keyframes tpshake {0% {transform:translate(0,0);}
25% {transform:translate(-2px,0);}
50% {transform:translate(2px,0);}
75% {transform:translate(-2px,0);}
100% {transform:translate(2px,0);}
}



/*文章内页右侧手机扫码样式*/
.tp-qrcode{
	width: 120px;
	height: 140px;
	padding: 5px;
	box-sizing: border-box;
	position: fixed;
	top: 30%;
	right: 20px;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 0 4px rgba(0,0,0,.35);
	text-align: center;
	transition: all .3s;
	cursor: pointer;
	z-index: 10;
}
.tp-qrcode:hover{
	top: 28%;
	transition: all .4s;
	box-shadow: 0 0 7px rgba(0,0,0,.6);
	font-weight: bold;
}
.tp-qrcode span{
	color: #a33636;
	font-size: 14px;
	line-height: 20px;
}
@media screen and (max-width: 1198px){
	.tp-qrcode{
		display: none;
	}
}

/*内容表格样式*/
.info-con table{
    width: 100%;
    border: 1px solid #40B4F7;
    border-collapse: collapse;
}
.info-con table td{
    border: 1px solid #40B4F7;
    padding: 4px;
}


/*文章底部工具打赏，分享，收藏等样式*/
@media screen and (max-width: 1198px){
	.footer-tool{
		display: none!important;
	}
}
.footer-tool{
	width: 100%;
	height: 48px;
	background: #f3f7fb;
	border: 1px solid #d6e6f5;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0;
}
.tool-list{
	position: relative;
	width: 20%;
	height: 36px;
}
.tool-list a{
	color: #555666;
	font-size: 16px;
	line-height: 36px;
	text-decoration: none;
	padding: 0 12px;
	box-sizing: border-box;
	border-radius: 4px;
	display: block;
	text-align: center;
}
.tool-list a i{
	font-size: 18px;
	padding-right: 4px;
}
.tool-list a:hover{
	background: rgba(39,124,204,0.1);
}
.tool-list:hover .tool-prompt{
	display: block;
}
.tool-prompt{
	display: none;
	width: 180px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	padding: 5px 10px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	bottom: 36px;
	left: 50%;
	margin-left: -90px;
}
.tool-prompt img{
	max-width: 100%;
	max-height: 160px;
}
.tool-prompt p{
	color: #555666;
	font-size: 16px;
}


/*修改代码黑色背景并高亮*/
pre[class*="language-"]{
	background: #000;
}
code[class*="language-"]{
	color: #ccc;
	text-shadow: none;
}
.prism-token.prism-operator{
	background: transparent;
}
.prism-token.prism-tag{
	color: #f92672;
}
.prism-token.prism-attr-name,
.prism-token.prism-selector{
	color: #a6e22e;
}
.prism-token.prism-attr-value{
	color: #66d9ef;
}
.prism-token.prism-number{
	color: #ae81ff;
}