/* CSS Document */
/**
 * base.css
 * https://www.yangqq.com/
 * Copyright 2019, design by yangqq
 */
@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; }
.ym_con{display: none;}
#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 }
.top_wrap{display: none;}
.ym_con{display: none;}
.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 }
.top_wrap{display: none;}
.ym_con{display: none;}
.box, article { width: 100%; }
.toolbar-open, .toolbar { top: 40% }
.logo-section { display: none }
article { margin-top: 30px }
.topnav { position: fixed; top: 0; z-index: 9; background: rgba(0,0,0,.6); border-top: #1487f4 40px solid; }
nav #starlist { width: 100%; }
#mnavh { display: block; top: -40px; position: absolute; right: 0; }
#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; }
#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 h2 { display: block }
.is-search { display: block }
}
@media screen and (max-width: 768px) {
.top_wrap{display: none;}
.q-banner{display:none;}
.left-box { width: 100% }
aside { width: 0 !important; height: 0 !important; }
.down-view .btn-blue a { display: block; position: absolute; float: none; }
.mp-pics ul li a { height: 110px; line-height: 110px; }
.page-title { width: 30%; float: left; }
.page-box { width: 60%; }
.endmenu { display: block }
.lanmu h1 { margin: 5px 0; }
.ym_con{display: none;}
.blogs-list li i img { height: 60px; min-height: auto; }
.product h1{height:54px; line-height:26px; font-size:14px;}
.product .ym_info li{height: 26px; line-height: 26px;}
.product .ym_info li.show{height: 54px; line-height: 26px; margin-bottom:20px;}
}
 @media screen and (max-width: 700px) {
.q-banner{display:none;}
.top_wrap{display: none;}
.banner { width: 100%; height: 100%; }
.headline-box { width: 100%; }
.tuijian-news-list ul li { width: 100%; }
.tuijian-news-list ul li:nth-child(n+4) { display: none }
.videos-list li i { height: 90px; }
.down-list li:hover .d-list-hover { display: none; }
.pics-list-price li { width: 33.3333% }
.ym_con{display: none;}
.product h1{height:54px; line-height:26px; font-size:14px;}
.product .ym_info li{height: 26px; line-height: 26px;}
.product .ym_info li.show{height: 54px; line-height: 26px; margin-bottom:20px;}
}
@media screen and (max-width: 480px) {
/*#pageContents { overflow-x: scroll; }
#pageContents ul { width: 800px; }*/

#pageContents{float: left;}
.page-box { width: 100%; margin-left: 0; padding-left: 0; border: none; margin-top: 10px; }

.top_wrap{display: none;}    
/*手机自适应修改*/


.product h1{height:54px; line-height:26px; font-size:14px;}
.product .ym_info li{height: 26px; line-height: 26px;}
.product .ym_info li.show{height: 54px; line-height: 26px; margin-bottom:20px;}

.product .ym_down .pc_show{display: none;}
.product .ym_down a{margin-right: 5px;}
#tab{padding: 0 10px;}
#tab li{margin-right:10px; padding:0; font-size:15px;}
#tab li:after{margin:0; padding: 0; width: 0; height: 0; background: none;}
.ym_type{width: 100%; padding:5px 5px;}
.ym_type ul{height: auto;}
.ym_type ul li{height: 30px; clear:both; font-size:12px;}
.ym_type ul li b{clear: both; display:block; width:100%;}
.ym_type ul li a{height: 24px; line-height: 24px; margin:5px; width:60px; text-align:center; padding:0;}
.pics-list-price li h2 { line-height: 20px; font-size: 12px; height: 20px; }
.pics-list-price li i{width: 165px; height:140px;}
.pics-list-price li{height:230px ;}
.pics-list-price li p{display: none;}
.plr20{clear: both;}
.product-suiji{display: none;}
.swiper-container{height: 287px !important;}


.newstext-box {padding: 0 10px 10px; }


.down-links ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.down-links ul{padding:5px;}
.down-links ul li{height: 100px; width:31.5%; margin-right:5px;}
.down-links ul li p{width: 100px; height: 30px; margin:5px; line-height:30px;}
.down-links ul li a{font-size: 12px; width: 100px; height: 30px; line-height:30px;}
.down-links ul li a i{display:none;}

footer { padding: 30px 0 70px }
.foot{width: 94%; min-height:360px;}
.foot .wxbox { width: 100%; text-align: center; margin-bottom: 10px }
.foot .wxbox li { float: none; display: inline-block }
.foot .endnav { text-align: center; clear: both; }
.endnav b { display: none }
.foot .endnav .footnav{width: 100%; padding-bottom:20px;}
.foot .endnav .footnav a{padding: 5px 20px;}
.foot .endnav .footnav span{display: none;}
.endnav p { margin-bottom: 10px }
.topnav h2 { display: block }
/*手机自适应修改 end*/
.search-page .search { margin-right: 10px; width: 80%; }
.search-page .search input.input_text { width: 76%; }
.search-page .search input.input_submit { background: none; }
.download-list span.down-bth{margin-top: 10px;}
.gd-box { overflow-x: scroll; }
#tab { width: 800px; }
.tab-a-more { display: none; }
.whitebg { border: none; overflow: hidden; }
.news-title { margin: 10px 0 }
.news-title h2 { width: fit-content; padding-left: 10px }
.news-title h2:after { left: 10px; width: 90% }
#tab { margin: 10px 0 ; padding-bottom:15px;}
#tab-content { margin: 0; padding: 0 10px }
.tuijian-news-pic { width: 100%; margin-top: 10px; }
.btn-blue-border { display: none }
.tuijian-news-pic i { height: auto; margin-bottom: 10px; }
.tuijian-news-pic i img { margin: auto; max-width: 100%; }
.tuijian-news-pic i span { display: none }
.tuijian-news-pic h2 { margin: 5px 0 }
.tuijian-news-pic p { -webkit-line-clamp: 2; height: 40px; }
.tuijian-news-list { width: 100%; margin: 20px 0; }
.tuijian-news-list ul li a { margin: 0 }
.ad-big { width: 100%; }
.ad-small { display: none }
.blogs-list li span { display: none; }
.pics .pic-list-img li:first-child { width: 50%; }
.pics .pic-list-img li:first-child i { height: 100px; line-height: 100%; }
.pic-list-img li { width: 50%; margin-bottom: 10px; }
.pic-list-img li a { margin: 0 5px }
.pic-list-img li span { text-align: left; font-size: 12px; margin-top: 0; line-height: 20px; }
.pic-list-img li i { height: 100px; line-height: 100%; margin-bottom: 5px; }
.pic-list-img li i img { }
.pic-list-img li:nth-child(n+7) { display: none }
.pic-list-img { padding-bottom: 10px; overflow: hidden; }
.news-zuixin-pic { width: 60px; height: 60px; }
.news-zuixin-pic img { height: 60px; }
.news-zuixin li { width: 100% }
.news-zuixin p { font-size: 12px }
.news-zuixin li:nth-child(n+5) { display: none }
.videos-list li { width: 50% }

.videos-list li a { margin: 0 3px }
.videos-list li i { }
.videos-list li h2 { font-size: 12px; overflow: hidden; background-size: 20px; line-height: 20px; }
.wenzi-left { width: 100% }
.wenzi-right { display: none }
.down-list li { width: 100% }
.down-list li:nth-child(n+7) { display: none }
.tags ul a { width: 33.333%; }
.tags ul a:nth-child(n+13) { display: none }
.blank { height: 10px; }
.ad { margin: 10px 0; display:none;}

.blogs-box { overflow: hidden }
.hnav, .weizhi { display: none }
.share { display: block }
.share img { float: none; margin: 10px auto; }
.share-text { padding: 0 10px; word-break: break-all; }
.info-pre-next ul li { width: 100%; overflow: hidden; float: none; margin-bottom: 10px; border-bottom: #eee 1px solid; padding-bottom: 10px; }
.info-pre-next ul li:last-child { border-bottom: none }
.info-pre-next ul li:nth-child(1) a { margin-right: 0; }
.info-pre-next ul li:nth-child(2) a { margin-left: 0; }
.otherlink, .pinglun-box { overflow: hidden }
.otherlink ul li { width: 100% }

.down-otherlink ul li { width: 100% }
.plr20 { padding: 0 10px; }
#tab li:hover:after, #tab li.tab-current:after { left: 10px; width: 66px; }
.pics-list-box li { width: 50% }
.mp-pics ul li a { height: 70px; line-height: 70px; }
.mp-pics ul li a img { height: 70px; width: auto; }
.pics-list-price li { width: 50%; margin-bottom: 10px; }
.shopview { width: 90%; padding: 0; border: 0; margin: auto; float: none; }
.product { padding: 0 20px; margin-right: 0; float: none; width: 90%; }
.product-suiji li { width: 50%; }
.product-suiji li i { height: 110px; line-height: 110px; }
.product-suiji li:nth-child(n+3) { display: none }

.page-title { width: 100%; float: left; }

.page-title li { width: 100px; float: left; margin-right: 10px }
.qq_join li { width: 50%; padding: 0; margin: auto; float: none; float: left; }
.qq_join li section { margin: 0; padding: 0; box-shadow: none; font-size: 12px; }
.qq_join li p { margin: 0; padding-left: 5px; }
.qq_join li img { width: 140px; height: 140px }

.blogs-list ul li { border-bottom: #eee 1px solid; padding: 10px 0; }
.blogs-list li i { width: 100px; height: 60px; float: right; margin-right: 0; margin-left: 10px; }
.blogs-list li i img { width: auto; }
.blogs-list li h2 { white-space: inherit; overflow: hidden; margin-top: 0; font-size: 16px; font-weight: normal; height: 60px; display: table-cell; vertical-align: middle; }
.blogs-list li h2 a { color: #000 }
.blogs-list li p { display: none }
.blogs-list ul li .blog_tags{display:none;}
.blogs-list ul li .blog_tags a{padding: 3px 5px; margin-right: 5px;}
.blogs-list ul li .blog_info{display:none;}
.blogs-list ul li .blog_info span{padding: 0 15px 0 0 ;}
footer { padding: 30px 0 70px }
.headline-news { overflow: hidden; padding: 17px 20px 20px; }
.endmenu { display: block }
a.btn-add { margin: auto }
.videos-list .viewd, .wenzi-list li span { display: none }
.tags ul, .links ul { margin: 0 10px 10px; }
span.po-classname, .po-view { display: none }
.news-title-h1 { font-size: 18px; margin-top: 20px; }
.info-pre-next em { line-height: 70px; font-size: 12px; }
.info-pre-next ul li i { width: 70px; height: 70px; }
.info-pre-next img { height: 70px; width: auto }

.info-pre-next { margin: 10px 0; }
.lanmu img { width: 100%; margin-bottom: 10px }
.lanmu { padding: 10px; }
.lanmu h1 { font-size: 18px; margin-bottom: 5px; }
.lanmu-keywords { margin-top: 10px; }

.mp-info { display: none }
.wztitle-list li span { display: none }
.pics-list-price span.pics-btn, .pics-list-price li p { display: none; }


.keywords a { font-size: 12px }
.keywords a:last-child { margin-bottom: 20px }
.ym_con{display: none;}
.demo_tj{display: none;}

.newstext video{width: 100%;  height:auto; max-width:100% !important;}
.newstext-box .explain p{height: 26px; line-height: 26px; padding:0 5px; width:96%; font-size:12px;}
.sp_wrap{width: 100%;}
.sp_wrap .sp_seat{display: none;}
.sp_wrap .newstext-box{padding: 0 2%; width: 96%;}
.sp_wrap .newstext-box .picview-other{clear: both; margin:0;}
.sp_wrap .newstext-box .newstext{width:100%; height:auto; padding:0; box-shadow:none; margin:10px 0; }
.sp_wrap .newstext .nt_left{width: 100%; height:auto; float:none;}
.sp_wrap .newstext .nt_right{float: none; height: 40px;}
.sp_wrap .newstext .nt_right .next_prev{margin: 0;}
.sp_wrap .newstext .nt_right .nt_jj{display: none;}
.sp_wrap .newstext .nt_right .nt_info{display: none;}
.sp_wrap .newstext .nt_right .nt_down{display: none;}
.sp_wrap .newstext .nt_right .source{display: none;}

.sp_wrap .sp_list .sp_list_left{width: 100%; margin:auto;}
.sp_wrap .sp_list .sp_list_right{width:100%; margin:10px auto; clear:both;}
.sp_wrap .sp_list .sp_list_right .add{display: none;}
.sp_list_right .sp_lis li .sp_r{float: left; margin-left:5%; width:60%;}
.sp_list_right .sp_lis li{padding: 15px 25px;}
.sp_wrap .newstext-box .news-title-h1{padding-left: 5%;}


/*资源下载自适应代码*/
.download-list p{display:none;}
.download-list h3{font-size: 15px;}
.download-list .down-info{width:160px;}
.download-list .down-info span{margin-bottom: 5px;}
.download-list .down-info span:nth-child(2){display:block; overflow:hidden;}
.download-list i{width: 60px; height: 60px;}
.download-list i img{width: 60px; height: 60px;}
.down-view{padding: 5px; height:150px;}
.down-view h1 { font-size: 15px; margin:0; width:100%;}
.down-view .down-info { width: 60%; font-size: 12px; float: left; height:60px;}
.down-view .down-info span{font-size: 12px; overflow:hidden; float:left; height:20px; line-height: 20px;}
.down-view .down-info span.yc{display: none;}
.down-view .btn-blue{clear: both; float:none;}

.down-view i{display: block; width: 90px; height: 90px;}
.down-view .btn-blue a {margin: 10px auto 0; position: relative ; top:10px; right:5px;}
.down-view .down-info em { margin-right: 10px }
.down-view .down-info span.dd1,.down-view .down-info span.dd2{width: 100%;}

}