body{margin:0px; padding:0px; font: normal 100%; margin-left:0px;color:#666; font-family:\5FAE\8F6F\96C5\9ED1, Arial, Helvetica, sans-serif;background: #EFEFEF;}
.wrap{width:100%;max-width:100%;margin:0 auto;display:block;overflow:hidden;}
.crumbs {margin:0 auto;display:block;color:#999;margin-top:2px;width:92%;}

/*nav*/
.nav{height:100%;margin:0 auto;width:100%;}
.nav ul{margin:0 auto;display:block;overflow:hidden;background:#515664;padding-bottom:10px;width:100%;}
.nav ul li{float:left;font-size:15px;text-align:center;padding:12px 15px 2px;text-shadow: 0 -1px 0 #000;}
.nav .logo{float:none;margin:8px 10px 10px;text-align:center;display:block;width:100%;}

/*main*/
.main{margin-top:15px;display:block;overflow:hidden;width:100%;}
.main-R{float:none;width:100%;margin-top:10px;}
.main-R .box{background:#FFF;margin:0 auto;border-bottom:1px solid #E3E3E3;width:97%;margin-bottom:20px;border:none;display:block;overflow:hidden;}
.main-R .box h3{font-size:15px;font-weight:700;padding:15px 23px 2px;color:#333;}
.main-R .box ul{padding:5px 8px;margin:0 8px;}
.main-R .box ul li{line-height:24px;padding:6px 6px 8px;border-bottom:1px dashed #EEE;font-size:14px;float:left;width:30%;}
.main-R .box ul li a{color:#666;}
.main-R .box ul li a:hover{color:#DA4453;}

.main-R .tags{display:none}


.main-L{float:none;max-width:100%;width:100%;margin-right:0;}
.main-wrap{width:100%;display:block;overflow:hidden;}

/*list*/
.list-block{margin:10px 0 10px;}
.list-block .box{padding:5px 0;display:block;overflow:hidden;background:#FFF;margin:0 auto;width:97%;margin-bottom:20px;border:none;border-bottom:1px solid #E3E3E3;}
.list-block .mobile{margin-bottom:-20px;}
.list-block .box h1{font-size:21px;font-weight:400;padding:8px 18px;color:#DA4453;}
.list-block .box h1 a{color:#999;}
.page-content{margin:5px 20px;line-height:24px;font-size:15px;}
.list-block .content {margin:3px 20px;line-height:22px;}

.img-list {margin:5px 0 10px 2%;}
.img-list li{float:left;width:44.8%;margin:5px 8px;line-height:28px;text-align:center;}
.img-list li h4{font-size:12px;font-weight:400;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.img-list li img{width:95%;height:120px;padding:5px 0;}
.img-list li img:hover{filter:alpha(opacity=90); -moz-opacity:0.9;opacity: 0.9;}

.img-list2 {margin:5px;}
.img-list2 li{float:left;width:45%;margin:5px 6px;line-height:28px;text-align:center;}
.img-list2 li h4{font-size:13px;text-align:center;font-weight:400;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.img-list2 li img{width:130px;height:95px;padding:5px 0;}
.img-list2 li img:hover{filter:alpha(opacity=90); -moz-opacity:0.9;opacity: 0.9;}

.list-block .item{clear:both;border-top:15px solid #EFEFEF;border-bottom:none;margin:-8px 0 12px;padding:10px 15px 10px;display:block;overflow:hidden;height:auto;} 
.list-block .item-L{display:none;} 
.list-block .item-R{float:none;padding:2px 5px;width:100%;} 
.list-block .item-R h3{font-size:18px;font-weight:400;color:#333;line-height:26px;}
.list-block .item-R p{line-height:22px;padding:6px 0;font-size:14px;color:#888;} 
.list-block .item-R span{color:#999;font-size:12px;float:left;margin-right:20px;} 
.list-block .item-R span a{color:#999;} 

.view-more{clear:both;margin:0 auto;width:92%;margin-top:15px;margin-bottom:15px;text-align:center;background:#FFF;border-bottom:1px solid #E3E3E3;}
.view-more ul li{border:1px solid #F2F2F2;border-right:none;padding:0;float:left;text-align:center;width:33%;}
.view-more ul li span{display:none;font-size:14px;margin:5px 0;color:#999;}
.view-more ul li:hover{background:#F9F9F9;display:block;}
.view-more ul li a{display:block;padding:15px 10px;color:#DA4453;}
.view-more ul .last{border-right:1px solid #E3E3E3;}

/*wiki*/
.list-wiki{margin:0 auto;width:90%;margin-top:10px;margin-bottom:10px;}
.list-wiki .box{padding:15px 10px;display:block;overflow:hidden;background:#FFF;border:1px solid #E3E3E3;}
.list-wiki .box h1{font-size:15px;font-weight:700;padding:5px 10px 5px;color:#333;}
.list-wiki .wikis{padding:5px 10px 10px;line-height:24px;font-size:14px;display:block;overflow:hidden;color:#444;}
.list-wiki .wikis ul{}
.list-wiki .wikis ul li{float:none;width:200px;margin-right:20px;line-heihgt:26px;}

/*show*/
.show-content{margin:10px 0 10px;width:100%}
.show-content .box{padding:15px 0px;display:block;overflow:hidden;background:#FFF;border:1px solid #E3E3E3;margin:0 auto;width:97%;}
.show-content .box h1{font-size:20px;font-weight:400;padding:12px 15px 15px;color:#333;}
.show-content .box h1 a{color:#999;}
.show-content .show-info span{margin:0 8px;}
.show-content .content-box{padding:15px 15px 5px;line-height:26px;font-size:14px;}
.show-content .content-box p{text-indent:2em;}
/*.show-content .content-box img{text-align:center;max-width:300px;width:expression(this.width > 300 && this.width > this.height ? 300 : true);overflow:hidden;}*/

.pre-next{padding:6px 15px;line-height:24px;font-size:14px;margin:5px 0 10px;background:#F2F2F2;display:none;overflow:hidden;}
.pre-next .pre{float:none;margin:2px 0;display:block;}
.pre-next .next{float:none;margin:2px 0;display:block;}
.share{margin:10px 15px;}
.share .bdsharebuttonbox{float:none;}
.changyan{padding:10px;}

.band-img{float:none;text-align:center;margin:0 10px;}
.band-img img{width:100%;}

/*tag*/
.tag-list h2, .tags h2{font-size:15px;padding:10px 0 10px 8px;font-weight:bold;}
.tag-list .rt{float:none;display:none;}

/*pages*/
#pages {border-top:15px solid #F2F2F2;padding:24px 0 10px;text-align:center;margin:10px 0;}

.links {margin:0 10px 5px;}

/*footer*/
.footer{height:100%;margin-top:5px;padding-top:6px;background:#3A3E47;display:block;overflow:hidden;font-size:14px;color:#888;}
.footer .center{width:95%;margin:0 auto;padding:5px 15px;text-align:center}
.footer a{margin-right:15px;color:#888;}
.footer a:hover{color:#DA4453;}
.footer .footer-L{float:none;line-height:24px;text-align:center;}
.footer .footer-R{float:none;text-align:center;}
.footer .footer-R p{text-align:center;line-height:24px;}

@media screen and (max-width:999px){
.img-list li img{height:250px;}
}

@media screen and (max-width:950px){
.img-list li img{height:240px;}
}

@media screen and (max-width:900px){
.img-list li img{height:230px;}
}

@media screen and (max-width:850px){
.img-list li img{height:220px;}
}

@media screen and (max-width:800px){
.img-list li img{height:210px;}
}

@media screen and (max-width:750px){
.img-list li img{height:200px;}
}

@media screen and (max-width:700px){
.img-list li img{height:190px;}
.main-R .box ul li{width:31%;}
}

@media screen and (max-width:650px){
.img-list li img{height:160px;}
}

@media screen and (max-width:600px){
.img-list li img{height:150px;}
}

@media screen and (max-width:550px){
.img-list li img{height:140px;}
}

@media screen and (max-width:500px){
.img-list li img{height:130px;}
.main-R .box ul li{width:30%;}
}

@media screen and (max-width:450px){
.img-list li img{height:120px;}
.main-R .box ul li{width:29.5%;}
}

@media screen and (max-width:420px){
.img-list li img{height:115px;}
}

@media screen and (max-width:400px){
.img-list li img{height:115px;}
.main-R .box ul li{width:45%;}
}

@media screen and (max-width:375px){
.img-list li img{height:110px;}
}

@media screen and (max-width:360px){
.img-list li img{height:105x;}
}

@media screen and (max-width:320px){
.img-list li {width:44.5%;}
.img-list li img{height:100px;}
}

@media screen and (max-width:300px){
.img-list li img{height:90px;}
}