@charset "UTF-8";
@media screen and (min-width: 1024px) and (max-width: 1170px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
.ad-big, .left-box, .page-box { width: 68%; }
.ad-small { width: 31% }
.qq_join li section { margin: 0 }
.right-box { width: 31% }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
body { overflow-x: hidden }
.box, article { width: 960px; }
#starlist li { margin-right: 0 }
.ad-big, .left-box { width: 68%; }
.ad-small, .right-box { width: 31% }
.pics-list-price li i { height: 120px; line-height: 120px }
.page-title { width: 23% }
.page-box { width: 70% }
.qq_join li { width: 40%; }
.qq_join li section { margin: 0; }
.pics .pic-list-img li:first-child i { height: 265px; line-height: 265px; }
.pic-list-img li i { height: 110px; line-height: 110px; }
.mp-pics ul li a { height: 90px; line-height: 90px; }
.product-suiji li { width: 33.333% }
.product-suiji li:last-child { display: none }
.product { margin: 0 10px }
}
 @media screen and (min-width: 840px) and (max-width: 959px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
nav #starlist { width: 100% }
#starlist li { margin-right: 0; width: 10% }
#starlist li a { padding: 0 10px; }
.banner { width: 56% }
.headline-box { width: 42% }
.ad-big, .left-box { width: 68%; }
.ad-small, .right-box { width: 31% }
.pics .pic-list-img li:first-child i { height: 225px; line-height: 225px; }
.pic-list-img li i { height: 90px; line-height: 90px; }
.pics-list-price li i { height: 110px; line-height: 110px }
.pics-list-price li a { margin: 0 2px }
.videos-list li i { height: 110px }
.page-title { width: 23% }
.page-box { width: 68% }
.qq_join li { width: 45%; }
.qq_join li section { margin: 0; }
.down-list li h2 span { display: none }
.down-list li h2 { margin-right: 0 }
}
@media screen and (max-width: 839px) {
body { overflow-x: hidden }
.tip{ display:none}
.box, article { width: 100%; }
.toolbar-open, .toolbar { top: 40% }
.logo-section { display: none }
article { margin-top: 50px }
.topnav { position: fixed; top: 100px; z-index: 9; background: none; border-top: none; border-bottom: none; }
nav #starlist { width: 100%; }
#mnavh { display: block; top: -40px; position: absolute; right: 35px; }
#starlist { display: none }
#starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #1487f4; background: #fff; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; font-size:30px;}
#starlist ul.sub { background: none; width: 100%; display: block; position: initial; padding: 0 }
#starlist ul.sub:before { display: none }
#starlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important; }
#starlist ul.sub li:first-child { border-top: #eee 1px solid }
#starlist ul.sub li a { display: block; padding-left: 10px; text-indent: 3em; }
#starlist ul.sub li:hover a, #starlist li:hover a { background: none }
#starlist ul.sub li #selected { color: #000 !important }
.menu:after { top: 0; right: 7px; width: 26px; height: 22px; content: "\e612"; font-family: "iconfont" !important; font-size: 18px; }
.menu:hover:after { transform: none; color: #1487f4; }
.menu span { display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
#starlist li:last-child { padding-bottom: 100%; }
#starlist ul.sub li:last-child { padding-bottom: 0 }
.toolbar-open { display: none }
/*.banner { width: 50% }*/
.headline-box { width: 48% }
.tuijian-news-list ul li { margin-bottom: 10px }
.tuijian-news-pic i { height: 140px }
.ad-big, .left-box { width: 100%; }
.ad-small, .right-box { display: none; }
.pics .pic-list-img li:first-child i { height: 205px; line-height: 205px; }
.pic-list-img li i { height: 80px; line-height: 80px; }
.videos-list li i { height: 110px; }
.down-list li h2 { margin-right: 0 }
.down-list li h2 span { display: none }
.tags ul a { width: 14% }
.tags ul a:nth-child(n+22) { display: none }
.blogs-list li i { width: 140px; height: auto; }
.middle-inner { display: block }
.lanmu-keywords { margin-top: 20px; clear: both; }
#sidetab { margin: 20px 10px 0 }
.down-view { overflow: hidden }
.down-view .btn-blue a { display: block; position: static; float: right; }
.pics-list-box li a, .pics-list-price li a { margin: 0 5px 5px }
.pics-list-box li i { height: 110px; }
.mp-pics ul li a { height: 70px; line-height: 70px }
.pics-list-price li i { height: 110px; line-height: 110px }
.page-box { width: 55%; }
.qq_join li { width: 50%; padding: 10px 0 }
.qq_join li section { margin: 0 5px }
.product { width: 45% }
.product-suiji li { width: 33.333% }
.product-suiji li i { height: 90px; line-height: 90px; }
.product-suiji li:last-child { display: none }
.topnav h4 { display: block }
.is-search { display: block }
}