@charset "utf-8";
@media only screen and (max-width: 999px) {
body { background:#fdfdfd;}
nav div{ padding-left:10px;}
footer{padding:10px 0;}
.zerogrid {width:100%; }
#example .main.container .span4{ display:none;}
.briefly{ padding:20px 10px 0 10px; background-color:#f8f8f8;}
.bread{ display:none;}
h1{ font-size:25px;}
.guanggao{ display:none;}
#example .main.container .span2 .content{font-family: 'xingothic-sinaweibo','microsoft yahei',helvetica,arial,sans-serif;}
.about-read{ background-color:#fff;}
.about-read ul{ margin-left:15px;}
.about-read ul li {width:100%;padding:5px 0px 5px 0px;padding-left:0px; margin-left:0px; background-image:none; white-space:pre-wrap;}
#example .main.container .big-pic{  margin-top:15px;}
#example .main.container .big-pic .content{ padding:20px;}
#example .main.container .big-pic #articleedit{ margin-bottom:20px; margin-right:20px;}}

@media only screen and (max-width: 640px) {
h1{ font-size:22px;}
.list-pic-wrap ul{ float:left; width:100%; margin:0;}
.list-pic-wrap .list-pic li{ width:48.1%; float:left; margin-left:3.4%;}
.list-pic-wrap .list-pic li:first-child{margin-left:0%;}
.list-pic-wrap-last{ display:none;}}

@media only screen and (max-width: 500px) {
.zerogrid .logo{display: block;}
#example .main.container .big-pic{  margin-top:5px;}
.grid_1_of_4 {width: 44.2%;display: block;float: left;margin: 4% 0% 0% 4%;}
.grid_1_of_4 p{ font-size:12px; }
.about-pic-titl{  line-height:40px; font-size:15px; padding-left:5px;}
.about-pic ul li.last{ display:none;}}

@media only screen and (max-width: 480px) {
.list-pic-wrap{ margin:0 10px;}
.list-pic-wrap p{ font-size:12px;}
.about-pic-titl{ margin-bottom:10px;}
.zerogrid .logo{display: block;}
.about-read ul li { font-size:12px;}
#example .main.container .big-pic .content{ padding:10px;}}