@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 }
.zhuanti li { width: 27% }
.searchbox { width: 96% }
.box, article { width: 96% }
.fader .slide img { height: 320px }
.links li { width: 100%; text-align: left }
.jianzhan li section { margin: 0 5px; }
.jianzhan li:nth-child(1) { width: 30% }
.jianzhan li:nth-child(3) { width: 36.3% }
}
@media screen and (max-width: 1023px) {
/*header*/
header {  }
.header1 {width: 100%;  background: #ffffff; height: 50px;   padding: 5px 0; 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: 0; line-height: 50px;    float: none;    text-align: center;    margin-right: 0px; }
#mnavh { overflow: hidden; position: absolute; }
#mnavh { display: block; }
#starlist {display: none; width: 100%;/* top: 30px; */ overflow-y: scroll;height: 100vh;}
#starlist li {  width: 35%; background: #444; float: none; display: block; font-weight: bold; }
#starlist li:last-child { padding-bottom: 100% }
#starlist li a { color: #fff; height: 40px; line-height: 40px;width: 100%;text-align: center; float: none; padding: 0; background: #444; border-bottom: #555 1px solid; display: block;}
#starlist ul.sub { display: none; position: inherit; left: inherit; top: inherit;}
#starlist ul.sub li { text-align: center;height: 30px; line-height: 30px;width: 100%;}
#starlist ul.sub li:last-child { padding-bottom: 0; border-bottom: #555 1px solid; }
#starlist ul.sub li a { color: #fff; font-weight: normal; border-bottom: none; text-align: center;height: 30px; line-height: 30px;}
#starlist ul.sub li a:hover, #starlist li:hover a, #starlist #selected { color: #fff; }
#starlist li:hover ul.sub { display: none }
.menu span { display: block; width: 30px; height: 40px; background: #444; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #555 1px solid; }
.menu:before { right: 10px; }
/**/
.box, article { width: 96% }
article { padding-top: 80px; }
.lbox { width: 99%; }
.rbox { display: none }
.qq_join li section { margin: 0 10px }
.jianzhan li section { margin: 0 5px; }
.jianzhan li:nth-child(1) { width: 30% }
.jianzhan li:nth-child(3) { width: 36.3% }
.zhuanti li { width: 27%; }
}
 @media only screen and (max-width: 768px) {
.zhuanti li { padding: 15px; }
.bplist a img { width: 96% }
.xinlu li a { padding: 5px; margin: 0 5px; }
.myblog li { width: 33.3%; }
.qq_join li section { margin: 0 5px; padding: 5px; }
.qq_join li p { margin: 10px 0; font-size: 12px }
.endnav p:last-child { text-align: center; margin-top: 20px; }
.site_tj li { width: 20% }
.hnav a { font-size: 12px }
.muban li section { margin: 0 5px; height: 260px; overflow: hidden }
.zhuanti li { width: 27.6%; padding: 8px }
.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}
}
 @media only screen and (max-width: 480px) {
.headline { width: 100% }
.headline ul { height: auto; padding-bottom: 10px; overflow: hidden }
.headline ul li { width: 49%; float: left; }
.headline ul li:last-child { float: right }
.headline ul li span { padding: 0 20px }
.banbox { width: 100% }
.fader { height: 200px; }
.newspic { width: 100%; height: auto }
.newspic li { width: 49%; float: left }
.newspic li:last-child { float: right }
.newspic li a { height: 100% }
.newslist { float: none; width: 100% }
.zhuanti ul { padding: 0 }
.zhuanti li { width: 44%; padding: 8px; }
.zhuanti ul:before { left: 0; }
.zhuanti ul:after { bottom: 0 }
.ad { padding: 5px }
.whitebg {width: 88%}

.bloglist dd a { line-height: 20px; height: 20px; display: block; background: #999; float: left; padding: 3px 5px; margin: 5px 5px 0 0; border-radius: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #FFF }
.bloglist dd a:hover { border-radius: 0; text-shadow: #000 1px 1px 1px }


.blogtitle { font-size: 18px; float: left; width: 100%;}


.blogtitle2 ul{
	font-size: 17px;
	overflow: hidden;
	line-height: 25px;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
height: 25px;
}

.blogtitle2 li{
	font-size: 17px;
	overflow: hidden;
	line-height: 25px;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
height: 25px;
}
.blogtitle2 span {
line-height: 20px;
	overflow: hidden;
	float: right;
	width: 20%;
	font-size: 12px;
	color: #CCCCCC;
display: none
}



.blogtitle3 .imgscale3 {  float: left; width: 91%; margin-right: 15.5px; display: block; overflow: hidden; border-radius: 3px; position: relative;    max-height: 180px; border: 1px solid #F4F4F4;margin-bottom: 20px;}
.blogtitle3 .imgscale3 img { width: 97.5%;height: 140px; margin: 4px; }


.blogtitle3 .imgscale4{ width: 94%;height: 30px; }

.blogtitle3 .imgscale4 span {
line-height: 30px;
	overflow: hidden;
	width: 99%;
float: left;
padding-left: 5px;

}
.blogtitle3 a:hover { color: #23cd8a; }



.blogtitle4_left .imgscale5 {  float: left; width: 40.7%; margin-left: 10px; display: block; overflow: hidden; border-radius: 3px; position: relative;    max-height: 140px; border: 1px solid #F4F4F4;}
.blogtitle4_left .imgscale5 img { width: 94%;height: 100px; margin: 4px; }


.blogtitle4_left .imgscale6{ width: 94%;height: 30px; }

.blogtitle4_left .imgscale6 span {
line-height: 30px;
	overflow: hidden;
	width: 99%;
float: left;
padding-left: 5px;
font-size: 12px;

}
.blogtitle4_right a:hover { color: #888888; }
.blogtitle4_left  { float: left; width: 99%; overflow: hidden; max-height: 180px; }
.blogtitle4_right { float: left; width: 99%;overflow: hidden; max-height: 230px;}
.blogtitle4_right ul{
	overflow: hidden;
	line-height: 25px;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
height: 25px;
}

.blogtitle4_right li{
	overflow: hidden;
	line-height: 25px;
	float: left;
	width: 98%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
height: 25px;
font-size: 16px;
}



.blogtitle8_c  { float: left; width: 100%; overflow: hidden; max-height: 500px; margin-top: 20px;}
.blogtitle8_c_1  { float: left; width: 100%; overflow: hidden; max-height: 30px; margin-top: 10px;}
.blogtitle8_left  { float: left; width: 5%; overflow: hidden;display: none }
.blogtitle8_left img { width: 100%; line-height: 150px;display: none }


.blogtitle8_right { float: left; width: 99%;overflow: hidden; max-height: 250px;}
.blogtitle8_right .imgscale8 {  float: left; width: 40.5%; margin-left: 10px; display: block; overflow: hidden; border-radius: 3px; position: relative;    max-height: 140px; border: 1px solid #F4F4F4;margin-bottom: 20px;}
.blogtitle8_right .imgscale8 img { width: 92.8%;height: 100px; margin: 4px; }

.blogtitle8_right .imgscale8 span {
	width: 93%;
	height: 20px;
	margin: 2px;
	line-height: 20px;
	background-color: #EBEBEB;
	background-repeat: no-repeat;
	text-align: center;
	overflow: hidden;
	top: 82px;
position: absolute;
left: 2px;
font-size: 14px;
}





.bplist { height: 60px }
.bplist a img { height: 100% }
a.viewmore { position: static; margin-top: 20px; text-align: center }
.blogpic { float: left; width: 99%; margin-right: 10px; max-height: 200px; }

.blogpic1 { float: left; width: 30.8%; margin-right: 5.6px; display: block; overflow: hidden; border-radius: 3px; position: relative; max-height: 120px; border: 1px solid #f4f4f4;}
.imgscale1 img { width: 92.4%;height: 60px; margin: 4px;}
.imgscale1:hover img { width: 92.4%;}


.blogpic2 { float: left; width: 99%; margin-right: 5.5px; display: block; overflow: hidden; border-radius: 3px; position: relative;    max-height: 160px; border: 1px solid #F4F4F4;}
.imgscale2 img { width: 97.3%;height: 130px; margin: 4px; }
.imgscale2:hover img { width: 97.3%;}

.blogtext2left { float: left;width: 100%;  overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; word-wrap : break-word ;}

.blogtext2 { word-break: break-all;}


.blogpic2 .blogtext { float: left;width: 100%; font-size: 16px; color: #888888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 20px; word-wrap : break-word ;}








.blogtext { float: left; margin-top: 15px; width: 100%; color: #888888;}
.lanmu h1 { font-size: 18px; }
.top_pic { width: 100%; float: none; margin-bottom: 10px }
.top_box { float: none; width: 100%; }
.liucheng li, .jianzhan li:nth-child(1), .jianzhan li:nth-child(3) { width: 100%; }
.muban li section { height: auto }
.site_tj li { width: 50% }
.about { padding: 20px }
.ab_box p:last-child { width: 100%; clear: both; padding-top: 10px }
.ly_button { float: none; display: block; }
.xinlu li { width: 50% }
.myblog li, .xiangsi li { width: 50% }
.qq_join li { width: 50%; margin-bottom: 20px }
.wxbox ul { overflow: hidden; text-align: center }
.wxbox li { float: none; display: inline-block }
.wxbox { float: 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 }
.newslist li {padding: 0 10px 10px 10px;}
.newspic span { padding: 0 8px; }
.hnav { float: none; width: 100%; clear: both; display: block; overflow: hidden; }
.ztpic { height: 60px; }
.zhuanti li b { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; height: 42px; line-height: 24px; white-space: inherit; }
.bloginfo { width: 100%; float: left; font-size: 12px;}
.bloginfo span a { color: #FF9D9D }
.imgscale img { height: 180px; max-width: 97.2%; }
.blogpic i { display: none; }
.fader .slide img { height: 200px; }
.otherlink li{width:100%}
.tab_buttons { overflow-x: auto;}
.tab_buttons ul { width: 600px;overflow-x: scroll;}
.tab_buttons li {margin-right: 30px;width: auto;}
.newscurrent:after{width:100%}

.con_nav { font-size: 10px;}
.comments { width: 88%}

.con_text { word-wrap : break-word ;}
}