@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 li{ 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 li{ 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; }
}