@charset "utf-8";

body {font-family: "Microsoft YaHei","Arial";font-size: 14px;color: #333333;}
* {padding:0; margin:0;}
ul,li {list-style:none; } 
a {color:#333333;text-decoration:none;}
a:hover {color:#CC0000;text-decoration: underline;}
img {border:0}
em {font-style: normal;}

.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}

body {background: url("../images/body.png") no-repeat scroll center 175px #FBF4E1;}
.banner,.wrapper {margin:0 auto;}

.header {padding: 10px 0;}
.header h1 {float:left;}
.search {background-color: #FFFFFF;float: right;margin-top: 30px;}
.search .searchinput {background: url("../images/header.png") no-repeat scroll -94px -183px;float:left;width:180px;height:18px;padding:6px 5px 6px 30px;border:1px solid #CCCCCC;border-right:0;overflow:hidden;color: #999999;}
.search .searchbutton {background: url("../images/header.png") no-repeat scroll 0px -118px;border: 0;cursor: pointer;height: 32px;width: 64px;}
.tognav{
	
	top: 0.8rem;position: relative;
    float: right;
    padding: 10px 10px 12px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
   background:#f60;
    border: 1px solid transparent;
    border-radius: 4px;
	cursor: pointer;
	
	}
	.tognav span{
	background-color: #fff;
	display: block;
    width: 1.4rem;
    height: 2px;
    border-radius: 1px;
	margin-top: 4px;
	}
	
.nav {border-radius: 3px;line-height: 42px;}
.nav a {font-size: 16px;color: #FFFFFF;}
.nav a.first {border-radius: 3px 0 0 3px;}
.nav a.on {background-position: 0px -275px;margin-right: -2px;position:relative;}

.index {margin-top:15px;}
.index .category {float: left;width: 278px;background-color: #FFFFFF;border: 1px solid #E0E0E0;}
.index .category h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.index .category ul {padding: 5px 12px 9px;}
.index .category li {background: url("../images/main.png") no-repeat scroll -317px -167px;float: left;height: 29px;line-height: 29px;padding: 0 10px;width: 107px;}

.new {background: url("../images/icon.png") no-repeat scroll right bottom #FAFAFA;float: left;width: 398px;border: 1px solid #E0E0E0;margin-left: 10px;}
.new h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.new ul {margin: 7px 12px 10px;}
.new li {height: 27px;line-height: 27px;overflow: hidden;}
.new li a {margin-right: 10px;}
.new li a.type {float: left;color: #FF6600;}
.new li span {color: #999999;float: right;}

.hot {background: url("../images/icon.png") no-repeat scroll right bottom #FAFAFA;float: left;width: 398px;border: 1px solid #E0E0E0;margin-left: 10px;}
.hot h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.hot ul {margin: 7px 12px 10px;}
.hot li {height: 27px;line-height: 27px;overflow: hidden;}
.hot li a {margin-right: 10px;}
.hot li a.type {float: left;color: #FF6600;}
.hot li span {color: #999999;float: right;}

.index .recommend {float: right;width: 280px;background-color: #FFFFFF;border: 1px solid #E0E0E0;}
.index .recommend h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.index .recommend ul {padding: 7px 12px 10px;}
.index .recommend li {height: 27px;line-height: 27px;overflow: hidden;padding-left: 22px;position: relative;}
.index .recommend em {background: url("../images/main.png") no-repeat scroll -170px -85px;font-size: 10px;color: #FFFFFF;height: 15px;line-height:15px;left: 0;position: absolute;text-align: center;top: 6px;width: 16px;}
.index .recommend em.n1 {background-position: -170px -105px;}

.index .news {float: right;width: 280px;background-color: #FFFFFF;border: 1px solid #E0E0E0;}
.index .news h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.index .news ul {padding: 7px 12px 10px;}
.index .news li {height: 27px;line-height: 27px;overflow: hidden;padding-left: 22px;position: relative;}
.index .news em {background: url("../images/main.png") no-repeat scroll -170px -85px;font-size: 10px;color: #FFFFFF;height: 15px;line-height:15px;left: 0;position: absolute;text-align: center;top: 6px;width: 16px;}
.index .news em.n1 {background-position: -170px -105px;}

.focusBox .pic img {
	width: 656px;
	height: 367px;
	display: block;
}
.focusBox .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 36px;
	width: 100%;
	background: #333;
	filter: alpha(opacity=60);
	opacity: 0.7;
	overflow: hidden;
}
.focusBox .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width: 100%;
	overflow: hidden;
}
.focusBox {
	position: relative;
	
	height: 385px;
	overflow: hidden;
	text-align: left;
	background: white;
	float: left;
}
.focusBox .txt li {
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: -36px;
}
.focusBox .num li.on a, .focusBox .num a:hover {
	background: #f60;
	color: #fff
}
.focusBox .num li a:hover, .focusBox .num li:hover a {
	color: #fff
}

.focusBox .num li a, .focusBox .num li span {
	position: absolute;
	z-index: 2;
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}
.focusBox .num li span {
	z-index: 1;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#pages ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999
}
#pages ul li:hover {
	background: #027DC3;
	color: #fff;
	border: 1px solid #027DC3
}


.focusBox .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 18px;
	text-decoration: none;
}
.focusBox .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 8px;
	font: 12px/1.5 Verdana, Geneva, sans-serif;
}
.focusBox .num li {
	float: left;
	position: relative;
	width: 22px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}


.index .joke {margin: -10px -10px 0 0;}
.joke .item {background-color: #FFFFFF;border: 1px solid #E0E0E0;margin-top: 10px;float: left;margin: 10px 10px 0 0;}
.joke .item h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.joke .item ul {padding: 10px 11px 4px 13px;}
.joke .item li {background: url("../images/main.png") no-repeat scroll -317px -168px;height: 26px;line-height: 26px;overflow: hidden;padding-left: 10px;}
.joke .item span {color: #999999;float: right;}

.index .tit {background: url("../images/main.png") repeat-x 0 0;border: 1px solid #E0E0E0;height: 34px;line-height: 34px;padding: 0 12px;}
.index .tit a.more {float: right;}
.index .tit h2 {font-size:16px;}
.index .pic {margin-left: -20px;}
.index .pic a {float: left;background: url("../images/pic.png") no-repeat scroll 0 0;height: 169px;line-height: 24px;margin: 10px 0 -9px 20px;padding: 11px 11px 9px;text-align: center;width: 208px;}
.index .pic a:hover {background: url("../images/hover.png") no-repeat scroll 0 0;}
.index .pic a img {width: 208px;height: 130px;}
.index .pic span {display: block;height: 24px;margin: 7px 0 8px;overflow: hidden;}


.place a {height: 22px;line-height: 22px;}
.position {float: left;}

.main .category {background: url("/imgs/icon.png") no-repeat scroll right bottom #FAFAFA;margin-top: 10px;padding: 10px 0 10px 10px;border: 1px solid #E0E0E0;}
.main .category h2 {font-size:16px;height: 30px;}
.main .category a {float: left;height: 22px;line-height: 22px;margin: 4px 5px;padding: 0 6px;}
.main .category a:hover {background-color: #FFA800;color: #FFFFFF;text-decoration: none;}
.main .category a.on {background-color: #FF7400;color: #FFFFFF;}

.main .item {background-color: #FFFFFF;margin-top: 10px;padding: 10px 20px 20px;border:1px solid #E0E0E0;}
.main .item h3 {font-size:18px;height: 35px;line-height:35px;overflow: hidden;}
.text {line-height: 2em;margin: 1em 0;font-size:15px;}
.text p {line-height: 2em;margin: 1em 0;}
.text img {max-width: 620px;}
.article .pic {margin: 1em 0;text-align:center;}
.article .pic img {max-width: 620px;}
.bar {margin-top: 23px;}
.bar a {background: url("../images/main.png") no-repeat scroll 0 0;float: left;height: 36px;line-height: 36px;margin-right: 10px;width: 96px;}
.bar a:hover {color: #FFFFFF;text-decoration: none;}
.bar a.read {background-position: 0 -255px;color: #FFFFFF;text-align: center;}
.bar .read:hover {background-position: 0 -215px;}
.bar a.good {background-position: -70px -85px;}
.bar .good:hover {background-position: -100px -125px;}
.bar a.bad {background-position: -70px -85px;}
.bar .bad:hover {background-position: 0 -125px;}
.bar i {background: url("../images/main.png") no-repeat scroll -190px -85px;cursor: pointer;float: left;height: 18px;margin: 9px 10px 8px;width: 20px;}
.bar .bad i {background-position: -215px -85px;}
.bar .good:hover i {background-position: -190px -105px;}
.bar .bad:hover i {background-position: -260px -85px;}
.bar span {cursor: pointer;float: left;padding: 0 3px;text-align: center;width: 49px;}
.bar a.type {background-position: 0 -255px;color: #FFFFFF;text-align: center;float: right;}
.bar .type:hover {background-position: 0 -215px;}

.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #EB6D05;	background: #EB6D05;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}

.aside {margin-top: 10px;}
.aside .recommend {background-color: #FFFFFF;border: 1px solid #E0E0E0;margin-bottom:10px;}
.aside .recommend h2 {background: url("../images/main.png") repeat-x scroll 0 -300px;height: 42px;line-height: 42px;padding: 0 12px;font-size:16px;}
.aside .recommend ul {padding: 10px 12px 12px;}
.aside .recommend li {height: 26px;line-height: 26px;overflow: hidden;padding-left: 22px;position: relative;}
.aside .recommend em {background: url("../images/main.png") no-repeat scroll -170px -85px;font-size: 10px;color: #FFFFFF;height: 15px;line-height:15px;left: 0;position: absolute;text-align: center;top: 6px;width: 16px;}
.aside .recommend em.n1 {background-position: -170px -105px;}
.aside .recommend .pic {margin-bottom:10px;}
.aside .recommend .pic a {float: left;margin: 10px 0 0 10px;text-align: center;width: 134px;}
.aside .recommend .pic a img {height: 100px;width: 134px;}
.aside .recommend .pic span {display: block;height: 24px;line-height:24px;margin-top: 7px;overflow: hidden;}

.article {margin-top: 10px;padding: 0 15px 17px;background-color: #FFFFFF;border: 1px solid #E0E0E0;}
.article .tit {padding-top: 16px;}
.article .prenext {float: right;margin-top: 4px;}
.article .prenext a {background: url("../images/main.png") no-repeat scroll -235px -125px;float: left;height: 29px;overflow: hidden;text-indent: -999em;width: 31px;}
.article .prenext a:hover {background-position: -200px -125px;}
.article .prenext a.next {background-position: -100px -165px;margin-left: 5px;width: 97px;}
.article .prenext a.next:hover {background-position: -100px -195px;}
.article .tit h1 {font-size: 28px;font-weight: normal;height: 36px;overflow: hidden;}
.article .updown {border-top: 0 dotted #CCCCCC;margin-top: 10px;padding-top: 18px;}
.article .updown span {float: left;height: 17px;max-width: 315px;overflow: hidden;}
.article .updown #next {float: right;}
.article .updown .tip {clear: both;color: #999999;font-size:12px;padding: 12px 0 0;}
.article .updown a {color: #FF6600;font-weight: bold;}

.main .relative {background-color: #FFFFFF;border: 1px solid #E0E0E0;margin: 15px 0;}
.main .relative h2 {font-size:16px;height: 38px;line-height: 38px;padding-left: 15px;border-radius: 3px 3px 0 0;}
.main .relative ul {padding: 0 0 12px 16px;}
.main .relative li {background: url("../images/main.png") no-repeat scroll -317px -168px;float: left;height: 26px;line-height: 26px;overflow: hidden;padding: 0 10px;width: 300px;}

.links {border: 1px solid #E0E0E0;margin: 15px auto 0;}
.links .tit {background: url("../images/main.png") repeat-x 0 0;border: 1px solid #E0E0E0;height: 34px;line-height: 34px;padding: 0 12px;}
.links .tit span {float: right;font-size:12px;}
.links .tit h3 {font-size:16px;}
.links p {background-color: #FFFFFF;line-height: 1.5em;padding: 10px 8px 14px 12px;}
.links p a {color: #666666;padding-right: 12px;font-size:12px;}

.footer {background-color: #333333;height: 40px;margin-top: 20px;}
.footer p {margin: 0 auto;color: #CCCCCC;line-height: 40px;}
.footer p a {color: #CCCCCC;}

.ad960 {text-align: center;border: 1px solid #e0e0e0;background-color: #fff;}
.list {margin-top:15px;}
.ad300 {margin-bottom: 10px;background-color: #fff;}
.ad640 {border: 1px solid #e0e0e0;margin: 10px 0;text-align: center;background-color: #fff;}
.ad468 {float: right;margin: 10px 20px 10px 0;background-color: #fff;width: 468px;}
.ad600 {float: right;width: 600px;}


.newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.diggbox{
	width:193px;
	height:49px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.digg_good{border: 1px solid #ff7400;border-radius: 3px;background: #ff7400; color:#fff}
.digg_bad{border: 1px solid #797979;border-radius: 3px;background: #797979;color:#fff}
.diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.diggbox .digg_percent .digg_percent_bar{width:100px;height:7px;background:#E8E8E8;float:left;overflow:hidden;margin-top:3px;}
.diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.diggbox .digg_percent .digg_percent_bar span{display:block;height:7px;overflow:hidden;background:#09a17f;}

@media (min-width: 992px){
	
	.banner,.wrapper,.footer p{width: 980px;}
	.index .category {width: 278px;}
	.tognav{display:none;}
	.nav {background: url("../images/header.png") repeat-x scroll 0 0;height: 42px;}
	.nav a {background: url("../images/header.png") no-repeat scroll -118px -50px;padding: 0 13px 0 17px;float: left;}
	
	.focusBox {width: 690px;}
	.joke .item {width: 318px;}
	.links {width: 978px;}
	
	.place {padding-top: 10px;}
	.main {float: left;width: 665px;}
	.aside {float: right;width: 300px;}
}

@media (max-width: 992px){
.ad468,.search,.banner .news,.recommend,.hot,.lista{display:none;}
.wrapper {padding:0 15px;}
.nav {background: rgba(0,0,0,0.7);height: 100%;width:100%;position:fixed;z-index:99999;top:0;display:none;}
.nav:after{content: "\2716";font-size:1.6rem; right:0px;width:5rem;height:5rem;visibility: visible;top:1rem; position:absolute;color:#fff;}
.nav a{ text-align:center; display:block; margin:0 auto;border-bottom:1px solid #f60;}
.nav ul{width:30%;background: rgba(0,0,0,0.5);margin-left:-15px;height:100%;}
 
.nav ul li{display:block;width: 100%;overflow:hidden;}
.nav ul li:last-child a{border:none;}
.nav ul li.on {
    background: url(../images/header.png) repeat-x scroll;
	background-position: 0px -275px;
    margin-right: -2px;
    position: relative;
}
.focusBox {width: 100%;}
.index .category{width: 100%;}
.ad960 img{width: 100%;}
.joke .item {width: 48%;}

.place {padding-top: 10px;}
.main {width:100%;}
.aside {width:100%;}
}
.tag{border:1px solid #ddd;border-radius: 10px; margin:30px auto;}
          .tag .xtitle{ margin-top:-0.4rem;margin-left:2rem;padding:0 10px; display:inline-block; float:left; background:#fff;}
          .tag ul{width:100%; overflow:hidden; padding-bottom:15px;}
          .tag ul li{width:25%; float:left; text-align:center;margin-top:18px;}
          .tag ul li a{font-size:1.2rem; margin:6px 0;color:#666;}
          .tag ul li p{ margin-top:5px;color:#999;font-size:0.6rem;}