/*加载web字体时确保文本保持可见。*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff') format('woff');
  font-display: swap;
}

body {
	margin-top: 50px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	
    /*background-image: url('/content/templates/default/images/bg1.png?240614');*/
    /*background-size: 100% 105px; */
    /*background-repeat: no-repeat; */
    /*background-position: bottom; */
}


a:link,
a:active,
a:visited {
	color: #777;
	text-decoration: none;
}

a:hover {
	opacity: 0.9;
	text-decoration: underline !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.brand-name {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

#well {
    user-select: none;
	background-color: #fff;
	border: 2px solid #f3f3f3;
	border-top-width: 5px;
	border-top-color: #009acf;
	border-radius: 7px;
}

.well input {
	outline-style: none;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 3px 3px;
	width: 210px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.well {
	margin-top: 20px;
}

.well h4,.sb-page-header,#bs-example-navbar-collapse-1,#pagenavi,.footer-below{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

header.marquee {
	padding: 50px 0;
	text-align: center;
	color: #fff;
	background-color: #b84d45;
	background-image: url(./images/bg.png);
}

header.marquee .brand-name {
	display: block;
	font-size: 50px;
	line-height: 1;
}

header.marquee h1 {
	font-size: 24px;
	line-height: 1;
	margin: 20px 0;
}

header.marquee p {
	font-size: 16px;
	color: rgba(255, 255, 255, .8);
	line-height: 1.4;
}

header.marquee p a {
	color: #fff;
}

header.marquee img.logo {
	margin-bottom: 50px;
}

header.marquee .btn-cta {
	margin: 20px 0 0;
	padding: 10px 15px;
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
}

header.marquee .btn-cta:hover {
	color: #b84d45;
	background-color: #fff;
}

@media (min-width: 768px) {
	header.marquee {
		padding: 150px 0;
	}

	header.marquee .brand-name {
		font-size: 80px;
	}

	header.marquee h1 {
		font-size: 34px;
	}

	header.marquee p {
		font-size: 20px;
	}

	header.marquee .btn-cta {
		padding: 15px 20px;
		font-size: 18px;
	}
}

.navbar-default {
	background-color: #fff;
}

.preview-thumb {
	margin-bottom: 50px;
}

.sb-page-header {
	position: relative;
	padding-top: 100px;
	padding-bottom: 60px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
	margin-bottom: 20px;
	font-size: 20px;
}

.sb-page-header h1 {
	margin-top: 0;
	color: #fff;
}

.sb-page-header p {
	margin-bottom: 0;
	line-height: 1.4;
}

.sb-page-header .container {
	position: relative;
}

.sidebar {
	display: none;
}

@media (max-width: 767px) {

    #pagenavi {margin: -20px 0px -75px -10px;}
    .sb-page-header{margin-bottom: 0px;padding-top: 90px;padding-bottom: 35px;}
}
@media (max-width: 991px) {
    #comment-place{margin-top:78px;}
}

@media (min-width: 768px) {
    #m_search{display: none;}
    #pagenavi {margin: -20px 0px -75px -10px;}
	.sb-page-header {padding-bottom: 50px;text-align: left;font-size: 24px;}
	.sb-page-header h1 {font-size: 40px;line-height: 1;    }
}

@media (min-width: 992px) {
    #pagenavi {margin: -20px 0px -40px -30px;}
	.sb-page-header h1,
	.sb-page-header p {margin-right: 380px;}
	/*宽度大于992px才显示侧边栏*/
	.sidebar {display: block;}
}

header.marquee .carbonad {
	margin: 50px -15px 0 !important;
}

@media (min-width: 480px) {
	.carbonad {width: 330px !important;margin: 20px auto !important;border-width: 1px !important;border-radius: 4px;}
	header.marquee .carbonad {margin: 50px auto 0 !important;}
}

@media (min-width: 768px) {
	.carbonad {margin-right: 0 !important;margin-left: 0 !important;}
}

@media (min-width: 992px) {
	.carbonad {position: absolute;top: 0;right: 15px;width: 330px !important;margin: 0 !important;padding: 15px !important;}
    #comment-place{margin-top:50px;}
	header.marquee .carbonad {position: static;}
}

footer {padding: 50px 0;}
footer .footer-left,
footer .footer-right,
footer .footer-below {text-align: left;}

@media (min-width: 992px) {
	footer .footer-left {text-align: left;}
	footer .footer-right {text-align: right;}
	footer .footer-below {text-align: center;}
}

.calendartop {text-align: center;font-size: 12px;margin-left: 30px;}
.calendar {margin-bottom: 10px;}
.calendar td {font-size: 11px;text-align: center;padding: 1px 10px;line-height: 1.6;}
.calendar td a:link {color: #886353;text-decoration: none;}
.calendar td a:hover {color: #886353;text-decoration: none;}
.day {background: url(images/bg_cal_today.gif) no-repeat 2px 1px;}
.day2 {font-weight: bold;}
.sun {color: #333;font-weight: bold;}
.week {color: #333;}
.nextlog {margin-top: 25px; user-select: none;}
.comment-header {margin: 15px 0px 5px 0px;color: #276ace;}
.comment-post {clear: both;margin-top: 20px; user-select: none;}
.comment-post p {margin: 5px 0px;}
.comment-post .cancel-reply {float: right;font-size: 12px;cursor: pointer;_cursor: hand;padding-right: 10%;}
.comment-post .cancel-reply:hover {text-decoration: underline;}
.comment-post small {font-size: 12px;color: #999;}
.comment-post input {padding: 5px 5px;border: 1px #b6b6b6 solid;font-size: 12px;color: #333;width: 40%;}
.comment-post #comment {width: 90%;border: 1px #b6b6b6 solid;font-size: 12px;color: #333;}
.comment-post #comment_submit {background: url(images/em_button.gif) no-repeat;border: 0;color: #000000;width: 111px;height: 29px;text-align: center;cursor: pointer;_cursor: hand;}
.comment-post .input {width: 100px;}
.comment {
	margin: 10px 0;
	padding: 10px 0px;
	font-size: 12px;
	border-bottom: 1px #f7f7f7 solid;
	overflow: hidden;
	color: #333;
	height: 100%;
	zoom: 1;
}

.comment span {
	color: #ff7a15;
}

.comment .comment-time {
	color: #999999;
	display: inline;
	font-size: 10px;
}

.comment .avatar {
	float: left;
	margin: 5px;
}

.comment .comment-info {
	float: left;
	width: 90%;
}

.comment .comment-content {
	margin: 8px 0px 0px 0px;
}

.comment .comment-reply {
	float: right;
	font-size: 12px;
	cursor: pointer;
	_cursor: hand;
}

.comment .comment-reply:hover {
	text-decoration: underline;
}

.comment-children {
	width: 95%;
	margin: auto;
	clear: both;
	border: none;
	padding: 0;
}

.comment .comment-post {
	width: 90%;
	margin: 15px auto;
}

/*首页文章输出样式*/
#a_artist_url {
	padding: 25px;
	margin: 20px 0;
	border: 2px solid #f3f3f3;
	border-left-width: 5px;
	border-radius: 5px;
	overflow: hidden;
	background: #fff ;
	
	/*background-image: url('/content/templates/default/images/bg1.png?240614');*/
 /*   background-size: 100% 25%; */
 /*   background-repeat: no-repeat;*/
 /*   background-position: bottom; */

}

#a_artist_url h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

#a_artist_url p:last-child {
	margin-bottom: 0;
}

#a_artist_url code {
	border-radius: 3px;
}

#a_artist_url+#a_artist_url {
	margin-top: -5px;
}

#a_artist_url:nth-child(6n+1) {
	border-left-color: #009acf;
}

#a_artist_url:nth-child(6n+1) h3 a {
	color: #009acf;
}

#a_artist_url:nth-child(6n+2) {
	border-left-color: #00af67;
}

#a_artist_url:nth-child(6n+2) h3 a {
	color: #00af67;
}

#a_artist_url:nth-child(6n+3) {
	border-left-color: #ff8037;
}

#a_artist_url:nth-child(6n+3) h3 a {
	color: #ff8037;
}

#a_artist_url:nth-child(6n+4) {
	border-left-color: #e54091;
}

#a_artist_url:nth-child(6n+4) h3 a {
	color: #e54091;
}

#a_artist_url:nth-child(6n+5) {
	border-left-color: #7a60c5;
}

#a_artist_url:nth-child(6n+5) h3 a {
	color: #7a60c5;
}

#a_artist_url:nth-child(6n+6) {
	border-left-color: #5e5e5e;
}

#a_artist_url:nth-child(6n+6) h3 a {
	color: #5e5e5e;
}

/*主页自适应*/
@media (min-width: 320px) {
	#a_artist_url {
		margin-left: -3%;
		margin-right: -3%;
	}
}

@media (min-width: 375px) {
	#a_artist_url {
		margin-left: -3%;
		margin-right: -3%;
	}
}

@media (min-width: 425px) {
	#a_artist_url {
		margin-left: -3%;
		margin-right: -3%;
	}
}

@media (min-width: 768px) {
	#a_artist_url {
		margin-left: -2%;
		margin-right: -2%;
	}
}

@media (min-width: 992px) {
	#a_artist_url {
		margin-left: -6%;
		margin-right: -15%;
	}
}

@media (min-width: 1024px) {
	#a_artist_url {
		margin-left: -5%;
		margin-right: -15%;
	}
}

@media (min-width: 1440px) {
	#a_artist_url {
		margin-left: -30px;
		margin-right: -15%;
	}
}


/* custom-highlight.css */

/* 增加特异性 */
body .hljs {
    background: #f5f5f5; /* 自定义背景颜色 */
    color: #333; /* 自定义文字颜色 */
}

body .hljs-comment {
    color: #228B22; /* 自定义注释颜色 */
}

body .hljs-keyword {
    color: #1E90FF; /* 自定义关键字颜色 */
}

body .hljs-string {
    color: #FF4500; /* 自定义字符串颜色 */
}

body .hljs-number {
    color: #DAA520; /* 自定义数字颜色 */
}

/*文章代码样式定义*/
/* 针对打印样式的调整 */
@media print {
    pre {
        white-space: pre-wrap !important;  /* 打印时自动换行 */
        word-wrap: break-word;  /* 防止单词过长溢出 */
        font-family: monospace;  /* 保证打印时代码使用等宽字体 */
        font-size: 10pt;  /* 根据需求设置字体大小 */
        background-color: transparent; /* 透明背景，避免打印背景色 */
        color: black; /* 确保文本颜色适合打印 */
    }

}


.prettyprint,
pre.prettyprint {
	margin: 2px 0px 5px 0px;
	background-color: rgba(248, 248, 248, 0.8);
	border: 1px solid rgba(0, 0, 0, .2);
}

.prettyprint.linenums,
pre.prettyprint.linenums {
	-webkit-box-shadow: inset 26px 0 0 rgba(230, 230, 230, 1), inset 27px 0 0 #464741;
	-moz-box-shadow: inset 26px 0 0 rgba(230, 230, 230, 1), inset 27px 0 0 #464741;
	box-shadow: inset 26px 0 0 rgba(240, 240, 240, 1), inset 27px 0 0 #464741;
}

.prettyprint.linenums ol,
pre.prettyprint.linenums ol {
	margin: 0 0 0 -18px;
}

.prettyprint .com {
	color: #800;
}

.prettyprint .lit {
	color: #066;
}

.prettyprint .pun,
.prettyprint .opn,
.prettyprint .clo {
	color: #660;
}

.prettyprint .fun {
	color: red;
}

.prettyprint .atv {
	color: #080;
}

.prettyprint .str {
	color: #080;
}

.prettyprint .kwd,
.prettyprint .tag {
	color: #008;
}

.prettyprint .atn,
.prettyprint .dec,
.prettyprint .typ,
.prettyprint .var {
	color: #606;
}

.prettyprint .pln {
	color: #000;
}

/*文章标签样式*/
.tag {
	margin-top: 15px;
}

.tag a {
	color: #008;
}

/*文章二维码样式*/
.qrCodeDiv {
    width: 300px;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5%;
    user-select: none;
}

.qrCode {
    pointer-events: none;
    width: 250px;
    height: 250px;
    margin: 25px 25px;
    user-select: none;
}

.qrCodeDivX {
    border: 0px;
    transition: all .6s ease-in-out 0s;
    position: absolute;
    top: 6px;
    right: 6px;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
    user-select: none;
}

.qrCodeDivX:hover {
transform: rotate(360deg);
color: #009acf;
}

/*图片会撑破DIV界面问题*/
.container img{
	max-width: 100%;
	max-height: 100%;
	}