@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: 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% } .picbox { width: 96%; margin: auto } .picbox ul { width: 48%; margin-right: 0 } .picbox ul:nth-child(1), .picbox ul:nth-child(3) { margin-right: 8px } .piclistshow ul li { height: 100px; padding: 0 } .piclistshow .picimg { height: 100px } .picbox ul li i { margin: 2px } .picinfo { display: none } .picshowlist, .pictxt { display: none } .lmname, .view { display: none } .r_box li i { float: none; margin: 0 auto 20px; width: 100%; max-height: initial } .newsview { padding: 0 15px; } }