body{ min-width: 1000px; font-size: 14px; line-height: 1.714; color: #333; background: #fff url(http://ue3.17173cdn.com/a/cf/zt/2014/pk/img/bg-repeat.png);}
.wrap{ background:url(http://ue1.17173cdn.com/a/cf/zt/2014/pk/img/bg.png) no-repeat center top;}
.w-container{ width:1000px; margin-left:auto; margin-right:auto;}
img{ vertical-align: middle;}
a{ color:#333;}
.c-tx,a.c-tx{ color: #333;}
a.c-tx:visited{ color: #333;}
.c-tx1,a.c-tx1,a.c-tx1:visited{ color: #999;}
a.c-tx1:hover{ text-decoration: underline;}

.mask{display:block;width:1000px;height:1000px;position:absolute;background-color:#000;opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;z-index:-1;}
.ico{ display: inline-block; overflow: hidden; background: url(http://ue3.17173cdn.com/a/cf/zt/2014/pk/img/b.png) no-repeat; vertical-align: middle;}
.ico-t-sina{ width: 16px; height: 16px; background-position: 0 0;}
.ico-t-tx{ width: 16px; height: 16px; background-position: -17px 0;}
.ico-arrow{ width: 20px; height: 19px; background-position: 0 -17px;}
.arrow{ overflow: hidden; position: absolute; width: 0; height: 0;}
.ico-arrow1{display:inline-block;width:50px;height:50px;background:url(http://ue3.17173cdn.com/a/cf/zt/2014/ts/img/ico-arrow.png) no-repeat;}
.hd{ *zoom:1;}
.hd:before,.hd:after{ content: ' '; display: table; clear: both;}

.pn-hd{font:bold 22px/2 "Microsoft YaHei";color:#333;padding:5px 15px;}
.pn-bd{border:1px solid #eee;overflow:hidden;*zoom:1;padding:15px;}

.header-in{ position: relative; height: 112px;}
.logo-cf{ position: absolute; top:35px;}
.logo-pk{ position: absolute; left:175px; bottom:24px; font-family: "MicroSoft YaHei",Helvetica; line-height: 1.1;}
.logo-pk a,.logo-pk a:visited{ color:#4a4541;}
.logo-pk .c1{ display: block; font-size:36px;}
.logo-pk .c2{ display: block; margin-top: 6px; font-size: 12px;}
.logo-note{ position: absolute; left: 274px; bottom:24px; font-size: 12px; line-height: 1.1; color: #787878;}
.logo-note .sep{ margin-right:1em; color: #cacaca;}
.nav-chanel{ position: absolute; right:0; top:20px;}
.nav-chanel .item{ float: left; margin-left:25px; text-align: center; color: #333;}
.nav-chanel .item:visited{ color: #333;}
.nav-chanel .txt{ display: block; font-size: 85.7%; padding-top:5px;}

.nav{ height: 46px; font-family: "MicroSoft YaHei",Helvetica; background-color: #4a4541;}
.nav-in{ position: relative;}
.nav .link-box{ position: absolute; right: 0; top:15px;}
.nav .link-box .btn{ overflow: hidden; float: left; margin-left:10px; width:16px; height: 16px;}
.nav-box{ overflow: hidden; *zoom:1;}
.nav-item{ float: left; font-size: 114.2%; border-right:1px solid #5e5853;}
.nav-con{ display: block;padding:0 2.2em; color: #fff; line-height: 46px; text-align: center;}
.nav-con:hover{ background-color: #524c48;}

.content{ font-family: "MicroSoft YaHei",Helvetica; background-color:#fff;}
.content-in{}

.pn-topic{ overflow: hidden; *zoom:1; }
.pn-topic .c1{ float: left; margin-right: 30px; _margin-right:27px;position:relative;}
.pn-topic .c2{ overflow: hidden; *zoom:1; position: relative;}
.pn-topic .c1 a{display:block;}
.pn-topic .issue{ display: inline-block; *display:inline; *zoom:1; position:absolute;left:0;bottom:10px;padding:0 18px 0 25px; font-size: 128.6%; line-height: 42px; color: #fff; background-color: #e9752c;}
.pn-topic .issue .arrow{ top:0; right:-21px; border-left:21px dashed transparent; border-right:21px dashed transparent; border-top:21px solid #e9752c; border-bottom:21px solid #e9752c;}
.pn-topic .tit{ padding:0.2em 0;padding-right:30px;font-size: 214.2%; font-weight: bold; line-height: 1.3;}
.pn-topic .detail{ border-top:1px dotted #abaaa5; margin-top:5px; padding-top:8px; }
.pn-topic .more{ position: absolute; right:0; top:7px; font-size: 114.2%;}
.pn-topic .more .ico-arrow{ margin-bottom: 3px;}
.pn-topic .more a:hover{ text-decoration: underline;}

.pn-period .period-con{width:1000px;margin-right:-30px;overflow:hidden;*zoom:1;}
.period-box {width:470px;float:left;padding-right:30px;padding-bottom:2em;}
.period-box .item{display:block;width:100%;position:relative;overflow:hidden;color:#fff; cursor:pointer;}
.period-box .item .img{display:block;width:68%;}
.period-box .cover{display:block;width:32%;height:100%;*height:240px;position:absolute;top:0;right:0;;z-index:10;font:normal 22px/1.5 "MicroSoft YaHei"; text-align:center;}
.period-box .cover .txt{display:block;padding:12px;}
.period-box .cover .mask{left:0;}
.period-box .cover .ico-arrow1{position:absolute;bottom:0.5em;left:50%;margin-left:-25px;}

.period-more{display:block;background-color:#eee;font:normal 22px/2em "MicroSoft YaHei";text-align:center;color:#999;}
.period-more:hover{background-color:#999;color:#fff;}

.footer{ padding:1em 0; background-color: #342f2a;}
.footer .global-footer,.footer .global-footer a:link,.footer .global-footer a:visited{ color:#c2c2c2;}



.pagination{ clear: both; height: 25px; margin: 0 auto; line-height: 25px; padding:22px 0;}
.pagination ul{ margin: 0; padding: 0; font-size: 12px; text-align:center; height:25px; float:left; position:relative; left:50%;}
.pagination li{margin:0 1px 0 0; float:left; display:inline; position:relative; left:-50%;}
.pagination li a{ float:left;  display:block; padding:0px 8px; height:25px;  line-height:25px;  text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px;}
.pagination li a:hover{ text-decoration:none;}
.pagination li.page{display:none; height:25px; margin:0 3px 0 0;}
.pagination li.page a{background:#4a4541; color:#bfac57; }
.pagination li.page a:hover{background:#4a4541; color:#fff;}
.pagination li.selected,.pagination li.hover{}
.pagination li.selected a, .pagination li.hover a{ display:block; height:25px;}
.pagination li.selected a{background:#ffae00; color:#110c00;}
.pagination li.hover a{background:#4e2f1b; color:#fff;}
.pagination li.prev a, .pagination li.first a, .pagination li.next a, .pagination li.last a{ background:#eee; color:#333; border:#ccc solid 1px; height:23px;  line-height:23px}
.pagination li.prev a:hover, .pagination li.first a:hover, .pagination li.next a:hover, .pagination li.last a:hover{color:#fff; background-color:#333;}

@media only screen and (max-width:640px){
	body{ overflow-x: hidden; width: 100%; min-width: 0; font-size: 16px;}
	img{ max-width: 100%; height: auto;}
	#js-global-topnav,#app_tip_box,#specialFloatAd{ display: none!important;}
	.logo-cf,.logo-note,.nav,.mod-vote .hd{ display: none;}
	.w-container{ width: auto;}
	.header-in{ height: auto;}
	.logo-box{ padding:2.5%;}
	.logo-pk{ overflow: hidden; position: static; height: 26px;}
	.logo-pk .c1{ float: left; font-size: 24px; margin-right:.2em;}
	.logo-pk .c2{ float: left; margin-top:10px;}
	.nav-chanel{ overflow: hidden; position: static;}
	.nav-chanel .item{ width: 33.3%; margin-bottom:2.5%; margin-left:0; white-space: nowrap;}
	.nav-chanel img{ max-width: 32%;}
	.nav-chanel .txt{ display: inline; vertical-align: middle;}
	
	.content{ margin:0;}
	.content-in{ border:0;}
	.pn-topic{ position: relative; padding:0; background:none;}
	.pn-topic .c1{ float: none; margin-right: 0; background: #000;}
	.pn-topic .more{ position: static; text-align: right;}
	.pn-topic .c2{ position: static; padding:1% 2.5% 0;}
	.pn-topic .issue{ position: absolute; top:0; left: 0; width: 1em; height: auto; padding:.5em .4em; line-height: 1.3;}
	.pn-topic .issue .arrow{ display: none;}
	.pn-topic .tit{ font-size: 160%;}
	.pn-topic .detail{ padding-top:0; margin-bottom:5px; border:0;}

	.pn-topic .tit{ padding-right:0;}
	.pn-period .period-con{width:100%;margin:0;}
	.period-box {width:100%;max-width:470px;float:none;padding-right:0;margin:0 auto;}
	.period-box .cover{}
	.period-box .cover .txt{padding:5px;font-size:16px;}
	.period-more{font-size:16px;}
	
	/*.pagination li.page{display:none;}*/
	
	.footer{ padding: 0;}
}