p,div,li { font-family:"微软雅黑";}
.mid { width:590px; padding-right:49px; padding-top:40px; border-right:#e4e4e4 solid 1px; overflow:hidden;}
.sidebar { width:270px; padding-top:55px;}
#logo{
	margin-bottom: 45px;
	background-image: url(../images/xc-logo.png);
	background-repeat: no-repeat;
}
#lo_links { color:#868686; border-bottom:#f1f1f1 solid 1px; padding-bottom:8px; margin-bottom:20px;}
#lo_links a { color:#868686;}
#lo_links span { padding:0 6px;}
.title span,.mid h3,.contact .weibo,.contact .phone,.contact .mail,.contact .qrcode,.contact .qq ,.old li,#edit,#menu a,#goTopBtn {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
}
.title span { background-position:0 0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:40px; width:120px; height:40px; overflow:hidden; display:block; text-indent:0.6em; float:left;}
.title .jiathis_style span { width:auto;}
h1 { border-bottom:#333 solid 5px; color:#55b6b3; font-size:36px; font-family:"微软雅黑"; font-weight:500; padding:10px 0 20px; width:100%; overflow:hidden; clear:both;}
#artibody li { padding:20px 0 10px;}
h3 { color:#525252; font-size:24px; font-family:"微软雅黑"; font-weight:500; line-height:2em; margin-bottom:15px; text-indent:2em;}
#d01 {
	font-size: 16px;
	line-height: 1.8em;
	font-weight: 300;
	color: #6b7175;
}

.t01 h3 { background-position:-51px -226px;}
.t02 h3 { background-position:-51px -271px;}
.t03 h3 { background-position:-51px -315px;}
.t04 h3 { background-position:-51px -360px;}
.comment h3 { background-position:-51px -404px;}
.mid p { color:#6b7175; font-size:16px; font-weight:300; line-height:1.8em; padding-bottom:15px; text-indent:0;}
.main { position:relative;}
#menu { position:fixed; _position:absolute; width:40px; top:260px; margin-left:50%; left:140px;}
#menu a,#goTopBtn { width:40px; height:40px; display:block; margin-bottom:4px; text-indent:-999px; overflow:hidden;}
#menu a#t01 { background-position:-2px -230px;}
#menu a#t02 { background-position:-2px -275px;}
#menu a#t03 { background-position:-2px -319px;}
#menu a#t04 { background-position:-2px -364px;}
#menu a#t05 { background-position:-2px -408px;}
#menu a#t01:hover { background-position:-51px -230px;}
#menu a#t02:hover { background-position:-51px -275px;}
#menu a#t03:hover { background-position:-51px -319px;}
#menu a#t04:hover { background-position:-51px -364px;}
#menu a#t05:hover { background-position:-51px -408px;}
#goTopBtn { background-position:-2px -453px; position:absolute; top:220px; left:0; margin-left:0; cursor:pointer;}
a#goTopBtn:hover { background-position:-51px -453px;}
.contact { background-color:#f1f6f9; padding:20px 30px; line-height:1.8em;}
.contact p { text-indent:2em;}
.contact .weibo,.contact .phone,.contact .mail,.contact .qrcode,.contact .qq { padding-top:5px; text-indent:2em;}
.contact .weibo { background-position:-98px -42px; }
.contact .phone { background-position:-101px -66px;}
.contact .mail { background-position:-99px -92px;}
.contact .qq { background-position:-102px -158px;}
.contact .qrcode { background-position:-98px -124px;}
.contact img { border:#fff solid 4px;}
.sidebar h5 { font-size:14px; font-weight:700; border-bottom:#333 solid 3px; line-height:2.2em;}
.old { margin-top:20px;}
.old li { background-position:-108px -490px; font-size:14px; padding:5px 0; text-indent:1.4em;}
#edit { background-position:-100px -184px; border-top:#e4e4e4 solid 1px; line-height:2em; margin-top:25px; padding:12px 0 0 30px;}
#edit p { text-indent:0; margin-bottom:8px;}
#edit em,#edit strong { padding-right:10px;}
.player { background:url(mphone.gif) no-repeat center bottom; height:60px;}
#player { height:20px;}
.jiathis_style { float:right; margin-top:8px;}
.pubinfor { width:100%; overflow:hidden;}
.title .pubinfor span { color:#999; font-size:12px; background:none; width:auto; height:auto;}
/* 当浏览器的可视区域小于980px 
@media screen and (max-width: 980px) {
.w960 { width: 90%; margin:0 auto;}
.mid { width: 60%; padding:0 5% 0 0;}
#artibody li h3 { float:none; width:100%; text-align:left; margin-bottom:20px;}
#artibody li div { float:none; width:100%;}
.sidebar {width: 32%;}
img { width:100%;}
}*/
 
/*list*/
#slowlife_list .w960 { width:990px;}
#slowlife_list #header { padding:30px 0 15px;}
#slowlife_list #header #logo {
	float: left;
	width: 322px;
	margin: 0;
}
#slowlife_list #lo_links {
	border: none;
	text-align: right;
	margin-top: 120px;
	margin-bottom: 0;
	margin-right: 20px;
}
.content { background-color:#ebf5f6;}
.list { color:#6b7175; width:1020px; overflow:hidden;}
.list li { background:#fff; float:left; width:310px; height:280px; margin-right:30px; margin-top:30px; position:relative; display:inline;}
.list li img { width:310px; height:210px;}
.list li p {
	font-size: 15px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 45px;
}
.list li span { padding-left:4.6em;}
.list li em {
	position: absolute;
	top: 215px;
	left: 0;
	background-color: #81e2df;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding: 6px 5px;
}
.list li div.ab { display:none; position:absolute; top:0; left:0; width:280px; padding:15px; height:180px; color:#fff; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;font-size:14px; line-height:1.6em;}
.list li.fr { background-color:#fff; float:right; height:590px;}
.list li.fr .contact { background:none;}
.list li.fr .contact p { font-size:14px; text-indent:2em; padding:4px 0;}
.list li.fr .contact p img { width:120px; height:120px;}
.list li.fr #edit { border-top:#ebf5f6 solid 1px; margin:0; padding-top:0;}
.selectpage { text-align:center; padding:30px 0; font-size:16px;}
.selectpage a { font-size:16px; display:inline-block; padding:6px 8px;}
.selectpage a:hover { background-color:#81e2df; color:#fff; text-decoration:none;}

.wap_list li { background-color:#fff; margin-bottom:15px; position:relative; overflow:hidden; padding-bottom:10px;}
.wap_list li img { width:100%; height:auto;}
.wap_list li p.title,.wap_list li em { position:absolute;}
.wap_list li p.title { top:130px; height:30px; color:#fff;}
.wap_list li em { top:10px; right:10px;background-color:#81e2df; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:700; padding:6px 5px;}
.wap_list li .ab { display:block; font-size:16px; line-height:1.8em;}
.wap_list li .ab p { padding:0 10px;}
#comment02{
	display:none;
	}

 /* 当浏览器的可视区域小于650px */
@media screen and (max-width: 650px) {
	.list li p {
	font-size: 15px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 8px;
}
.w960 { width: 90%; margin:0 auto;}
.mid { width:100%; float: none; margin: 20px 0; padding:0;}
.sidebar { width: 100%; float: none; margin: 0; display:none;}
#snav,#menu,.contact { display:none;}
#slowlife_list #header #logo {
	width: 55%;
	height: 90px;
	background-size: 100%;
	margin: 0 auto;
	float: none;
}
#slowlife_list #header #logo img { width:100%; }
h1 { font-size:20px;}
.title span { background-image:none; background-color:#81e2df; border-radius:14px; height:28px; line-height:28px; width:80px; font-size:16px;}
.mid h3 { background:none; font-size:18px; text-indent:0; line-height:1.6em;}
.mid h3 a { color:#55b6b3;}
#artibody img { width:100%; height:auto;}

#slowlife_list .w960, .list { width:100%;}
.list li { width:96%; margin:20px 2%; height:auto;}
.list li img { width:100%; height:auto;}
.list li em { top:2%;}
.list li span { padding-left:1.5em;}
.list li div.ab { border-top:#e5e5e5 solid 1px; display:block; position:relative; background:none; color:#999; width:90%; padding:5px 5%; height:auto; margin-top:5px;}
.list li p { text-indent:1em;}
.list li div.ab p { padding:2px 0;}
#slowlife_list #lo_links,.list li.fr { display:none;}
.footer { padding:2% 0 5px 0%;margin-bottom:10px;}
.footer p.copyright { display:block; width:auto; padding-left:5px;}
.footer,.footer p,.footer a,.footer span { font-size:12px;}
.selectpage { text-align:center; padding:5px 0; font-size:14px;}
.jiathis-box{
	display:none;
	}
#comment02{
	display:block;
	}

 }
.w-121 {
	width: 121px;
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
	.list li p {
	font-size: 15px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 8px;
}
#slowlife_list #header #logo {
	width: 55%;
	height: 105px;
	background-size: 100%;
	margin: 0 auto;
	float: none;
}
}.contact p {
	line-height: 24px;
}