@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0;}
a, fieldset, img{border:none;}
a{ text-decoration:none;}
a.hover{ text-decoration:underline;}
ul li,ol li{ list-style:none;}
img{ vertical-align:middle;}
p{ color:#363636;}
p a{ color:#05426b;}
body,
button,
input,
select,
textarea {font: 14px/1.5 Open Sans, Arial, "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.blank{height: 37px; clear: both; visibility: hidden; font-size: 1px;}
.clearfix{ zoom:1; clear:both;}
.clearfix:after{ overflow:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

.header, .content{ clear:both; margin:0 auto; width:980px;}
.header{min-width:980px; min-height:357px; background:url(../images/header_bg.jpg) no-repeat center top;}
.con-text{width:980px; margin: auto; background: #f9f9f9; line-height: 28px; padding: 20px; box-sizing: border-box; font-size: 14px;}
.con-text .text b{font-size: 24px;}
.more{display: block; text-align: right; color: #666;}
.more:hover{color: #6666cc;}

.list-top{text-align: center; padding: 45px 0;}
.list-top a{color: #5353c3;}
.list-top a:visited{color: #3b266a;}
.list-top a:hover{color: #754dd2;}
.list-con{background: }
.list-wrap{position: relative;}
.list-wrap ul{overflow: hidden;}
.list-con li{width: 100%;}
.list-wrap li{text-align: center; color: #131313; font-size: 16px; float: left;}
.list-h li,.li-ul li{width: 14%; padding: 8px 0;}
.list-zong .list-h li,.list-zong .li-ul li{width: 33%;}

.list-h{background: #ded3fa; margin-bottom: 5px;}
.li-ul{ border-bottom: 1px solid rgba(180,160,210,.4);}
.fen{background: #ded3fa;background: rgba(251,237,255,.9);}
.zi{background: #efe2f3;background: rgba(227,213,245,.9);}
.fen,.zi{padding: 20px 0;}
.list-bg1{background: url(../images/bg-1.jpg) repeat-y center top;}
.list-bg2{background: url(../images/bg-2.jpg) repeat-y center top;}
.list-bg3{background: url(../images/bg-3.jpg) repeat-y center top;}
.list-bg4{background: url(../images/bg-4.jpg) repeat-y center top;}
.list-bg5,.list-bg6{background: url(../images/bg-5.jpg) repeat-y center top;}
.shou-zhan{height: 75px;width: 100%; background: url(../images/arr-bg.png) no-repeat center top; text-align: center;}
.shou-zhan.active{background: none; z-index: 999; position: fixed;bottom: 0; left: 0;}
.shou-zhan .z-arr{display: inline-block; width: 100px; height: 100%; margin: 0 auto; cursor: pointer; background: url(../images/zhan1.png) no-repeat center center;}
.shou-zhan .z-arr:hover{background: url(../images/zhan2.png) no-repeat center center;}
.shou-zhan .s-arr{display: inline-block; width: 100px; height: 100%; margin: 0 auto; cursor: pointer; background: url(../images/shou1.png) no-repeat center center;}
.shou-zhan .s-arr:hover{background: url(../images/shou2.png) no-repeat center center;}

.date{text-align: right;}
.vote_cm{ padding: 10px 0 0; width: 980px; margin: 0 auto;}
.vote_cm ul li{ margin: 10px 0; list-style: inside disc; background: #efefef; line-height: 28px; padding: 0 10px;}
.vote_cm ul li a{ color: #333; font-size: 16px;}
.go_top a{ position:fixed; z-index:999; bottom:70px; display:block; width:47px; height:47px; background:url(../images/go-top.png) no-repeat center;}

 .footer {padding: 0; }
 .foo-nav {text-align: center; padding: 35px 10px 22px; }
 .foo-nav ul {display: inline-block; }
 .foo-nav ul li {float: left; }
 .foo-nav ul li, .foo-nav ul li a, .foo-nav p {font-size: 12px; color: #57656e; line-height: 30px; }
 .foo-nav ul li a {display: inline-block; float: left; padding: 0 5px; }
 .foo-con {text-align: center; background: #6a7478; padding: 10px 0; }
 .foo-con p.foo-con-p {padding: 0 10px; line-height: 20px; font-size: 12px; color: #fff; }
 .footer p {text-align: center; }

 @media screen and (max-width: 979px){
    html,body{width: 100%;}
    .header,.content{width: 100%;}
    .con-text{width: 100%;}
    .header{min-width: 320px; min-height: 220px; background: url(../images/header_bg.jpg) no-repeat center top; background-size: 100% 100%;}
    .list-top {font-size: 20px; padding: 30px 0;}
    .list-wrap li {font-size: 14px;}
}