@charset "gb2312";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
 header { width: 96%; margin: auto }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
 header { width: 96%; margin: auto }
 article { width: 96% }
 nav { width: 96%; }
 #starlist li { padding-left: 20px }
 .picshowlist { display: none }
 .tuijian, .guanzhu { width: 270px; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
 header { width: 96%; margin: auto }
 article { width: 96% }
 nav { width: 96%; }
 #starlist li { padding-left: 15px }
 .picbox ul { width: 23%; }
 .picshowlist { display: none }
 .pagelist a { padding: 2px 3px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 header { width: 96%; margin: auto }
 article { width: 96% }
 .logo { width: 100% }
 nav { width: 100%; position: relative }
 #starlist { display: none; background: rgba(0,0,0,.5); width: 100% }
 #starlist li { display: block; width: 70%; padding: 0; background: #FFF }
 #starlist li:last-child { padding-bottom: 100% }
 #mnavh { position: absolute; display: block; top: 8px; left: 10px }
 .l_box { display: none }
 .r_box, .infosbox, .picsbox, main { width: 100% }
 .pagelist a { padding: 2px 3px; }
 .picbox ul { width: 22%; }
 .picbox ul li i { margin: 5px }
 .picinfo { display: none }
 .picshowlist { display: none }
 .lmname, .view { display: none }
}
@media only screen and (max-width: 479px) {
 header { width: 96%; margin: auto }
 article { width: 100% }
 .logo { width: 100% }
 nav { width: 100%; position: relative }
 #starlist { display: none; background: rgba(0,0,0,.5); width: 100% }
 #starlist li {     display: block;    width: 50%;    clear: both;    border-top: #eaeaea 1px solid;    padding: 0;    background: #FFF; }
 #starlist li:last-child { padding-bottom: 100% }
 #mnavh { position: absolute; display: block; top: 8px; left: 10px }
 .l_box { display: none }
 .r_box, .infosbox, .picsbox, main { width: 100% }
 .picbox{ display:none}
 .picbox2 { width: 96%; margin: auto;display:block }
 .picbox2 ul { width: 48%; margin-right: 0 }
 .piclistshow ul li { height: 100px; padding: 0 }
 .piclistshow .picimg { height: 100px }
 .picbox ul li i { margin: 2px }
 .picinfo h3 {    border-bottom: 0;    font-weight: normal;    font-size: 15px;}
 .picinfo span { display:none}
 .picshowlist, .pictxt { display: none }
 .r_box li i { float: none; margin: 0 auto 20px; width: 100%; max-height: initial }
 .newsview { padding: 0 15px; }
 .searchbox{ display:block}
 .search_open { width: 300px; }
 .search_open.search_bar .input { width: 300px; }
}