@charset "utf-8";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.navbox { width: 96% }
#starlist li a { padding: 0 10px; }
#starlist li.menu:before { right: 0 }
.searchbox { width: 96% }
.box, article { width: 96% }
.banner,.headline  { width: 100%; height: auto; margin-bottom: 15px }
.headline >div { width: 49%; height: 188px; float: left; margin-bottom: 0 !important; }
.headline >div:last-child { float: right }
}
@media screen and (max-width: 1023px) {
/*header*/
header { position: fixed; z-index: 999 }
nav { width: 100%; height: auto; background: rgba(0,0,0,0.5); margin-top: 18px; position: fixed; z-index: 999; top: 42px; }
.searchico { position: absolute; top: 6px; right: 10px; }
.search { width: 80% }
.navbox { width: 100% }
.searchbox { width: 100%; position: fixed; top: 50px; z-index: 99; background: rgba(0,0,0,.8); }
.logo { margin-left: 60px; line-height: 56px; float: none; text-align: center; margin-right: 0px; }
#mnavh { overflow: hidden; position: absolute; }
#mnavh { display: block; }
.con_tilte{font-size:22px;}
.lanmu,.tab_buttons .mhide,.bloginfo .blog-user,.bloginfo .blog-tag{display:none!important}
.banner,.headline  { width: 100%;margin-bottom: 15px;height:auto; }
.banner{height: 50vw; float:none!important}
.headline >div { width: 49%; height: 27.5vw; float: left; margin-bottom: 0 !important; }
.headline >div:last-child { float: right }
#starlist { display: none; width: 100%;/* top: 30px; */ }
#starlist li { width: 55%; text-align: center; background: #12b7de; float: none; display: block; font-weight: 500; }
#starlist li:last-child { padding-bottom: 100% }
#starlist li a { color: #fff; display: block; width: 100%; text-align: center; float: none; padding: 0; background: #12b7de; border-bottom: #49ccea 1px solid; }
#starlist ul.sub { display: block; position: inherit; left: inherit; top: inherit; }
#starlist ul.sub li { width: 100% }
#starlist ul.sub li:last-child { padding-bottom: 0; border-bottom: #49ccea 1px solid; }
#starlist ul.sub li a { color: #fff; font-weight: normal; border-bottom: none; }
#starlist ul.sub li a:hover, #starlist li:hover a, #starlist #selected { color: #fff; }
.menu span { display: block; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
#starlist li.menu:before { right: 20px; }
.box, article { width: 98% }
.lbox { width: 100%;padding-top:66px; }
.rbox{ display: none }
.bloglist h3{font-weight:600;font-size:18px}
.zhuanti li{width:48.4%;display: none;}
.zhuanti li:nth-child(-n+2) {display: block}
.zhuanti li:nth-child(2) {margin-right: 0}
.zhuanti li a {height: 44vw}
.zhuanti li a img {height: 30vw}
.con_info{display:block;}
.con_text p.tag,.nextinfo ul li{font-size: 15px;}
.con_text .share p{font-size:12px;}
}
@media only screen and (max-width: 767px) {
#ad_line_1,#art_top_ad{display:none!important}
.bplist a img { width: 96% }
.myblog li { width: 33.3%; }
.endnav p:last-child { text-align: center; margin-top: 20px; }
.hnav a { font-size: 12px }
.toptxt ul li a{font-size:15px;}
}
 @media only screen and (max-width: 480px) {
.toptxt ul li{width:100%!important;}
.newspic { width: 100%; height: auto }
.newspic li { width: 100%;max-height:180px;}
.newspic li a { height: 100% }
.newslist { float: none; width: 100% }
.bplist { height: 60px }
.bplist a img { height: 100% }
.blogpic { width: 100px; margin:0 10px 0 0;max-height:68px; }
.blogtext {margin-top:10px;}
.lanmu h1 { font-size: 18px; }
.top_pic { width: 100%; float: none; margin-bottom: 10px }
.top_box { float: none; width: 100%; }
.about { padding: 20px }
.ab_box p:last-child { width: 100%; clear: both; padding-top: 10px }
.wxbox,.blogpic i ,.sds,.con_nav, .hnav, .toolbar,.tab_buttons .mhide,a.wxzx,.headad,.endnav p:nth-child(1),.endnav p:nth-child(2) { display: none }
.endnav { width: 100%; overflow: hidden; margin-top: 20px }
.endnav p { margin: 0 10px }
.price_info img { position: static }
.free li { width: 100%; margin-bottom: 10px }
.newspic span { padding: 0 8px; }
.hnav { float: none; width: 100%; clear: both; display: block; overflow: hidden; }
.bloginfo,.newscurrent:after,.newsbox section { width: 100% }
.imgscale img { height: 100%; max-width: 100%; }
.bloglist li{padding-bottom:0;}
.top_info { height: 60px; }
.tab_buttons { overflow-x: auto; }
.tab_buttons ul { width: 800px; overflow-x: scroll; }
.newslist li { padding: 0 10px 10px 10px; }
.tab_buttons li { margin-right: 30px; width: auto; }
.footer_nav li a { padding: 0 5px; margin: 0 5px; font-size: 14px; }
.footer_nav li a:after { right: -5px; }
.top { right: 20px }
.xiangsi li{width:50%}
}