body { min-width: 0 !important}

.mgl20 {
    margin-left: 20px;
}
.dib {
    display: inline-block;
}
.more_style {
    color: #acacac!important;
}
.position-relative{
 position:relative;
}
 .pt-30{
 padding-top:30px;
 } 
 .pl-20{
 padding-left:20px;
 } 
 .pr-20{
 padding-right:20px;
 } 
 .pb-20{
 padding-bottom:20px;
 }

.pt-16{
 padding-top:16px;
 } 
 .pb-16{
 padding-bottom:16px;
 }



.ta-center{
text-align:center
}

 .lh-26{
 line-height: 26px;
 }  
 .color-255-d9{
  color: rgba(255,255,255,.9);
 } 
 .fs-14{
 font-size: 14px;
 }
.fs-15{
 font-size: 15px;
}
.width-100p{
width: 100%; 
}
.width-26{
width: 26px;
} 
.height-26{
height: 26px; 
} 
.float-left{
float: left; 
} 
.mr-5{
margin-right: 5px;
} 
.br-50{
border-radius: 50%;
}
.mt-10{
margin-top:10px;
} 
.mt-50{
margin-top:50px;
} 
.ml-20{
margin-left:20px;
} 
.mr-0{
margin-right:0px;
} 
.mb-20{
margin-bottom:20px;
} 
.margin-0{
margin:0px;
}
.background-fff{
background: #FFFFFF;
}

.pe-none{
pointer-events:none;
}


/* CSS Document */


a {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.entry-copyright{
   background: #F7F7F7;
    padding: 15px;
    font-size: 13px;
    border-radius: 8px;
}
 .entry-copyright a{
   color: blue; 
}
.entry-copyright span{
   color: blue; 
}
.footer-main .copyright {
    padding-top: 20px;
    border-top: 1px solid #3f3f3f;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footer-main .copyright p {
    color: #9c9c9c;
}
.footer-main .copyright p a {
    color: #9c9c9c;
}
.banner {
	position: relative;
	width: 594px;
	height: 326px;
	border-radius: 4px;
	overflow: hidden;
}
.banner .pic img {
	display: block;
}
.banner .pic li {
	position: relative
}
.banner .pic li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),color-stop(60%,rgba(0,0,0,.1)),color-stop(80%,rgba(0,0,0,.2)),to(rgba(0,0,0,.4)));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,.1),rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4));
    background: -o-linear-gradient(top,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4) 100%);
    background: linear-gradient(
180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4));
    z-index: 10;
}
.banner .tips {
	position: absolute;
	bottom: 40px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: none;
	overflow: hidden;
	z-index: 20
}
.banner .tips .titv {
	position: absolute;
	left: 20px;
	height: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.banner .hd {
	width: 100%;
	height: 4px;
	zoom:1;
	position:absolute;
	left: 20px;
	bottom: 18px;
	z-index: 20;
	text-align: center;
	background: none
}
.banner .hd li {
	display: inline-block;
	float: left;
	width: 24px;
	height: 2px;
	border: 0;
	margin: 0 8px 0 0;
	text-indent: -999px;
	cursor: pointer;
	background: rgba(255,255,255,0.5)
}
.banner .hd .on { background: #FFFFFF}
.banner .prev,  .banner .next {
	display: none;
	width:50px;
	height:50px;
	position:absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 20;
	border-radius: 50%;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease
}
.banner .prev {
	background-image:url(prev0.5.png);
	background-position: center center;
	left: 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.1)
}
.banner .next {
	background-image:url(next0.5.png);
	background-position: center center;
	right: 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.1)
}
.banner .prev:hover,  .banner .next:hover {
	background-color: rgba(0, 0, 0, 0.5)
}
.banner:hover .prev, .banner:hover .next {
	display: block
}
#elecom_headtop {
	height: 60px;
	margin: 0 0 20px 0;
	border-bottom: 0
}
a {
	color: #222222
}
a:hover {
	text-decoration: none
}
#scbar {
	border: 0
}
.cr {
	display: block;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden
}
div.separation {
	background-color: #E6E6E6;
	height: 1px;
	width: 100px;
	overflow: hidden;
	margin: 5px 0 10px 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}
.mtop20 {
	margin-top:20px;
}
.margin0 {
	margin:0px !important;
}
.padding0 {
	padding:0px !important;
}
.padding_margin0 {
	margin:0px !important;
	padding:0px !important;
}
.ml li {
	padding: 0
}
.act {
	margin: 0 0 10px 0
}
/*���*/

.idx-adver1 {
	height: 80px;
	padding-bottom: 50px;
	border: 1px solid #EEEEEE;
	box-shadow: 0 0 4px #ECECEC
}
.idx-news .tits {
	height: 30px;
	line-height: 30px;
	padding-bottom:10px;
	border-bottom: solid 1px #EAEAEA
}
.idx-news .tits h2 {
	line-height: 25px;
	font-family: "microsoft yahei";
	font-size: 18px;
	color: #333333;
	float: left;
	padding-right: 20px;
	border-right: solid 1px #E0E0E0;
	font-weight: bold
}
.idx-news .tits span {
	line-height: 28px;
	padding: 0 0 0 20px;
	color: #999999;
	font-size: 13px
}
.idx-news .tits a.more {
	float: right;
	font-size: 12px;
	color: #949494;
}
.idx-news .cont {
	padding: 15px 0 0 0
}
.idx-news .cont .cont-left {
	float: left;
	width: 397px;
	padding: 0 20px 0 2px;
	margin: 0;
	overflow: hidden;
	border-right: 1px solid #EEEEEE
}
.idx-news .cont .cont-right {
	float: left;
	width: 397px;
	padding-left: 25px;
	padding-right: 0;
	overflow: hidden
}
.idx-news .cont .news-ul li {
	padding: 10px 0;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF
}
.idx-news .cont .news-ul li:hover {
}
.idx-news .cont .news-ul li .img {
	float: left;
	width: 106px
}
.idx-news .cont .news-ul li .word {
	padding-left: 120px
}
.idx-news .cont .news-ul li .word h3 {
	float: left;
	position: relative;
	word-wrap:break-word;
	width: 275px;
	height: 34px;
	overflow: hidden
}
.idx-news .cont .news-ul li .word h3 a {
	font-family: "microsoft yahei";
	font-size: 15px;
	color: #444444;
	font-weight: 400;
	line-height: 34px;
	text-overflow: ellipsis
}
.idx-news .cont .news-ul li:hover .word h3 a {
	color: #4fc277
}
.idx-news .cont .news-ul li .word p {
	float: left;
	width: 275px;
	font-size: 12px;
	color: #858585;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.ui_2_ul_li {
	height: 140px;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #F0F0F0;
	background: #FFFFFF
}
.ui_2_ul_li_imgouter {
	position: relative;
	float: left;
	width: 240px;
	height: 140px;
	margin: 0 20px 0 0
}
.ui_2_ul_li_con {
	position: relative;
	float: left;
	width: 480px;
	height: 140px
}
.tag_down {
	position: absolute;
	left: 8px;
	top: 8px;
	height: 20px;
	line-height: 20px;
	border-radius: 0;
	background: #4fa7fe
}
.tag_down a {
	display: block;
	padding: 0 8px;
	color: #FFFFFF;
	transition: all 0s ease 0s
}
.tag_down:hover, .tag_down a:hover {
	color: #FFFFFF;
	background: #62BAE4
}
.ui_2_ul_li_con h3 {
	line-height: 22px;
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 400
}
.ui_colorG {
	color: #363636
}
.ui_colorG:hover {
	color: #62BAE4
}
.ui_2_userinfo {
	line-height: 32px;
	font-size: 14px;
	color: #BBBBBB
}
.ui_2_userinfo .authors a {
	color: #62BAE4;
	font-weight: 400
}
.ui_2_user {
	float: left;
	width: 26px;
	height: 26px;
	margin: 2px 0 0 0
}
.ui_2_ul_li .ui_2_userinfo span {
	margin-left: 0
}
.ui_2_user img {
	border-radius: 50%
}
.ui_2_ul_li_con p {
	line-height: 24px;
	font-size: 14px;
	margin: 5px 0;
	word-wrap: break-word;
	word-break: break-all;
	color: #848484;
	text-align: justify
}
.cdg {
	color: #5E5E5E
}
.ui_2_userinfo a, .clg {
	color: #BBBBBB
}
a.ds_inlineB:hover {
	color: #FF0000
}
.fr {
	float: right
}
.mr15 {
	margin-right: 15px
}
.rom-list li {
	padding-left: 13px;
	background: url(dot.png) no-repeat 0 13px
}
.gogostyle_s3 {
	width: 280px
}
.gogostyle_s3 .cr_1 {
	float: left;
	width: 122px;
	height: 163px;
	margin: 5px 18px 0 0;
	overflow: hidden;
	margin-bottom: 8px;
}
.gogostyle_s3 a {
	color: #3B3B3B;
}
.friendlink li {
	float: left;
	margin: 20px 30px 0 0
}
.friendlink li a {
	color: #666666
}
/* ��ҳ������ */



.box1 {
	height: auto;
	width: 780px;
	padding: 15px;
	overflow: hidden;
	border-radius: 0;
	box-shadow: none;
	background-color: #FFFFFF
}
.ad_right {
	padding: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 0;
	background-color: #FFFFFF
}
.taber {
	margin: 0
}
.rom-list {
	padding-bottom: 5px
}
.banana_rotate {
	position:relative;
	height:278px;
	width:686px;
	overflow:hidden;
	margin:14px;
}
.banana_rotate .roll_img {
	height:278px;
	overflow:hidden;
	position:relative;
}
.banana_rotate .roll {
	height:52px;
	width:686px;
	overflow:hidden;
	position:absolute;
	bottom:0;
}
.banana_rotate .roll_opacity {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	-khtml-opacity: 0.2;
	background-color:#000000;
	height:42px;
	width:686px;
	overflow:hidden;
	position:absolute;
	bottom:0;
}
.banana_rotate .roll .roll_title {
	float:left;
	width:450px;
	color:#FFFFFF;
	font-size:16px;
	margin:20px 0 0 10px;
}
.banana_rotate .roll .roll_title a, .banana_rotate .roll .roll_title a:hover {
	color:#FFFFFF;
}
.banana_rotate .roll .roll_small_signimg_div {
	float:right;
	width:180px;
	margin:16px 0 0 0;
}
.banana_rotate .roll .roll_small_signimg {
	margin:0 3px;
	border:1px solid #cbc7c7;
	cursor:pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-khtml-opacity: 0.5;
}
.banana_rotate .roll li {
	float:left;
}
.banana_rotate .roll .cont {
	height:44px;
	line-height:44px;
	width:346px;
	text-align:center;
	cursor:default;
	background-color:#FFFFFF;
	cursor:pointer;
	overflow:hidden;
	border:2px solid #FFFFFF;
	border-right:none;
	border-left:none;
}
.roll .separator {
	margin-top:16px;
	height:16px;
	background:none;
	background-color:#d8d8d8;
}
.banana_rotate .roll .current_con {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-khtml-opacity: 1;
	border:1PX solid #E6E6E6;
}
.inrotate_img {
	margin:0px !important;
	padding:0px !important;
}
.inrotate_img ul li {
	padding:0px !important;
}
.banana_rotate .leftbtn_picturn, .banana_rotate .rightbtn_picturn {
	background: url("icon.png") no-repeat scroll 0 0;
	_background: url("icon.gif") no-repeat scroll 0 0;
	height: 25px;
	left: 4px;
	position: absolute;
	top: 125px;
	width: 18px;
	cursor:pointer;
}
.banana_rotate .rightbtn_picturn {
	background-position: -30px 0;
	left: 665px;
}
.index_content {
	margin: 0
}
.index_left {
	float: left;
	width: 840px;
	margin: 0
}
.index_right {
	float: right;
	width: 314px;
	padding-bottom: 20px
}
.index_right .index_right_1 {
	background-color: #FFFFFF;
	padding: 15px;
	margin: 0 0 15px 0;
	border-radius: 0;
	box-shadow: none
}
.index_right .index_right_2 {
	margin: 0;
	background-color: #FFFFFF;
	padding: 15px;
	border-top: 1px solid #EEEEEE;
	border-radius: 0
}
.index_right .index_right_3 {
	margin: 0;
	background-color: #FFFFFF;
	padding: 0;
	border-radius: 0
}
.index_right .index_right_4 {
	margin: 0;
	background-color: #FFFFFF;
	padding: 3px 15px 15px 15px;
	border-radius: 0
}
.sub-hd {
	border-top: 1px solid #EEEEEE
}
.index_right .column_r1_3 {
	margin-top: 6px;
	font-size: 14px
}
.index_right .column_r1_3 .thread {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:42px;
	line-height:42px;
	margin: 0
}
.index_right .column_r1_3 .thread a {
	font-size: 14px
}
.index_right .column_r2 .thread {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:44px;
	line-height:44px;
	margin:0;
}
.index_right .column_r2 .thread a {
	font-size:14px;
}
.index_right .column_r3 .thread {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:44px;
	line-height:44px;
	margin:0;
}
.index_right .column_r3 .thread a {
	font-size:14px;
}
.index_right .column_r4 .shoot_img {
	float:left;
	width:73px;
	height:73px;
}
.index_right .shootimg_2, .index_right .shootimg_5 {
	margin-left:10px;
*margin-left:4px;
}
.index_right .shootimg_3, .index_right .shootimg_6 {
	margin-left:9px;
*margin-left:3px;
}
.index_right .shootimg_4, .index_right .shootimg_5, .index_right .shootimg_6 {
	margin-top:10px;
}
.index_right .column_r1 {
	width: 260px;
	overflow: hidden
}
.index_right .column_r2, .index_right .column_r3, .index_right .column_r4, .index_right .column_r5, .index_right .column_r6, .index_right .column_r7, .index_right .column_r10 {
	margin-top: 25px;
	overflow: hidden;
	width: 250px
}
.index_right .column_r5 {
	margin: 5px 0 0 0 !important
}
.index_right .column_r3 {
	margin-top:30px;
}
.index_right .column_r6 {
	margin-top:25px;
}
.index_right .column_r7 {
	margin-top:15px;
}
.column_r5 .img_l {
	float:left;
	text-align:left;
	width:121px;
}
.column_r5 .img_l img {
	border:1px solid #EEEEEE
}
.column_r5 .mhometitle {
	font-size:14px;
	text-align:left;
	float:left;
	width:128px;
	margin-left: 18px
}
.column_r5 .mhometitle .title {
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: 400;
	padding: 0 !important;
	color: #515151;
	overflow: hidden
}
.column_r5 .mhometitle .summary {
	line-height: 20px;
	height: 60px;
	width:128px;
	overflow:hidden;
	font-size:12px;
	margin: 3px 0;
	color: #888888
}
.column_r5 .mhometitle .but {
	background-color: #39B997;
	width:60px;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	border-radius: 0;
	padding: 1px 2px;
	line-height:20px;
	height: 21px
}
.gogostyle_s2 {
	margin: 0 -18px;
	padding: 0 18px
}
.gogostyle_s2 dl {
	padding: 10px 0
}
.gogostyle_s2, .gogostyle_s2 a {
	color:#6b6b6b
}
.gogostyle_s2 dd, .gogostyle_s2 dt {
	float: left;
	width: 165px
}
.gogostyle_s2 dd {
	margin: 5px 0 0 0;
	color: #888888
}
.gogostyle_s2 dt {
	font-weight:700
}
.gogostyle_s2 .m {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 15px 0 0;
	overflow: hidden
}
.gogostyle_s2 .m img {
	max-width:100%
}
.gogostyle_s3 a {
	color:#3b3b3b
}
.gogostyle_s3 dl {
	float:left;
	width:122px;
	height:163px;
	overflow:hidden;
	margin-bottom:8px
}
.gogostyle_s3 dl.cr_0 {
	margin-left:18px
}
.index_right .column_r6 li.head_li {
	height:56px;
	line-height:56px;
*height:56px;
*line-height:56px;
	overflow:hidden;
	font-size:14px;
}
.index_right .column_r6 li.head_li span {
	display:block;
	height:100%;
	line-height:56px;
*line-height:56px;
	float:left;
}
.index_right .column_r6 li.head_li span.a {
	width:40px;
}
.index_right .column_r6 li.head_li span.b {
	width:90px;
	_width:90px;
	margin-left:10px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.index_right .column_r6 li.head_li span.c {
	width:56px;
	text-align:right;
}
.index_right .column_r6 li.head_li .avatar {
	margin-top:10px;
}
.index_right .column_r7 .tagbox .tag_tags {
	background-color:#FFFFFF;
	margin-bottom:15px;
}
.index_right .column_r7 .tagbox .tag_tags .tg {
	float:left;
	width:133px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#222222;
	cursor:pointer;
	border-bottom:#e6e6e6 1px solid;
}
.index_right .column_r7 .tagbox .tag_tags .activity {
	border-bottom:#ffffff 1px solid;
	border-top:#e6e6e6 1px solid;
	border-left:#e6e6e6 1px solid;
	border-right:#e6e6e6 1px solid;
	color:#32a5e7;
}
.index_right .column_r7 .tagbox li.firmware_li {
	float:left;
	font-size: 14px;
	margin-right:20px;
}
.index_right .column_r7 .tagbox li.firmware_li_2 {
	font-size: 14px;
	padding:10px 0;
	border-bottom:1px dashed #cccccc;
}
.index_right .column_r7 .tagbox .tag_main {
	background-color:#FFFFFF;
}
.tagbox2 .tag_tags {
	background-color:#FFFFFF;
	margin-bottom:15px;
}
.tagbox2 .tag_tags .tg {
	float:left;
	width:133px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#222222;
	cursor:pointer;
	border-bottom:#e6e6e6 1px solid;
}
.tagbox2 .tag_tags .activity {
	border-bottom:#ffffff 1px solid;
	border-top:#e6e6e6 1px solid;
	border-left:#e6e6e6 1px solid;
	border-right:#e6e6e6 1px solid;
	color:#32a5e7;
}
.tagbox2 li.firmware_li {
	float:left;
	font-size: 14px;
	margin-right:20px;
}
.tagbox2 li.firmware_li_2 {
	font-size: 14px;
	padding:10px 0;
	border-bottom:1px dashed #cccccc;
}
.tagbox2 .tag_main {
	background-color:#FFFFFF;
}
.index_right .column_r8 {
	margin-top: 0
}
.index_right .column_r8 .blocktitle .titletext2 {
	height: auto !important;
	margin: 0 0 12px 0;
	padding: 0 0 0 3px;
	text-align: left;
	font-size: 16px;
	font-weight: bold
}
.index_right .column_r8 .bread_line {
	margin: 8px 0 14px !important
}
.index_right .column_r8 .module img {
	border: 1px solid #EEEEEE
}
.index_right .column_r8 .item_img2, .index_right .column_r8 .item_img3, .index_right .column_r8 .item_img4 {
	margin-top: 25px
}
.index_right .column_r9 {
	margin-top:10px;
}
.index_right .column_r9 .module li {
	float:left;
	width:88px;
	text-align:center;
	height:25px;
	line-height:20px;
	font-size:14px;
}
.index_right .column_r9 .module li a {
	color: #666666
}
.index_right .column_r9 .module li a:hover {
	color: #4fc277
}
.column_r10 {
}
.column_r10 .two_code {
	width:100%;
}
.column_r10 .two_code .text {
	font-size:12px;
	text-align:center;
	margin-top:10px;
}
.column_r10 .forum_list a {
	color: #777777 !important
}
.column_r10 .forum_list a:hover {
	color: #4fc277 !important
}
.column_r11 {
}
.column_r11 .extension_img1 {
	background:url("public.png") no-repeat scroll -10px -10px;
	_background-image:url("public.gif");
	width:48px;
	height:48px;
	float:left;
}
.column_r11 .extension_img2 {
	background:url("public.png") no-repeat scroll -75px -10px;
	_background-image:url("public.gif");
	width:48px;
	height:48px;
	float:left;
}
.column_r11 .extension_img3 {
	background:url("public.png") no-repeat scroll -150px -10px;
	_background-image:url("public.gif");
	width:48px;
	height:48px;
	float:left;
}
.column_r11 .extension_img4 {
	background:url("public.png") no-repeat scroll -225px -10px;
	_background-image:url("public.gif");
	width:48px;
	height:48px;
	float:left;
}
.column_r11 .extension_img_a {
	float:left;
	display:block;
	margin:10px 0 0 15px;
}
.column_r11 .extension_img_aie6 {
	_margin:10px 0 0 8px;
}
.index_left .index_list {
	background-color: #FFFFFF;
	padding:14px 0 14px 14px;
	display:block;
	border-radius: 0;
}
.index_left .iimage {
	float:left;
	display:block;
}
.index_left .iright_k {
	float: left;
	padding: 0 19px;
	width: 420px;
	display: block
}
.index_left .iright_k .spfont {
	font-size:12px;
	line-height:16px;
	display:block;
	height:16px;
	float:left;
	color:#9b9b9b;
}
.index_left .iright_k .spfont a {
	color:#9b9b9b;
}
.index_left .iright_k .alte a.alink {
	color: #333333
}
.index_left .iright_k .alte a.alink:hover {
	color: #4fc277
}
.index_left .iimage img {
	border-bottom:1px solid #e6e6e6;
}
.index_left .iimage a.is_image {
	display:inline-block;
}
.index_left .iimage a.is_image:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
}
/*.index_left .iimage a.myjicon_image{display:block;width:115px;height:53px;position:absolute;top:20px;left:20px;background: url("static/image/common/myj_icon.png") no-repeat 0 0px;}*/

.index_left .iimage a.myjicon_image {
	display:block;
	width:115px;
	height:53px;
	position:absolute;
	top:20px;
	left:20px;
	background: url("myj_icon.png") no-repeat 0 0px;
}
a.is_video .backmask_video {
	width:740px;
	height:248px;
	background-color:#000000;
	opacity:0.15;
	filter:alpha(opacity=15);
}
a.is_video:hover .backmask_video {
	opacity:0.30;
	filter:alpha(opacity=30);
}
.index_left .ititle {
	padding: 0 0 4px 0;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.index_left .ititle .ireply {
	float:right;
	color:#999999;
	line-height:36px;
}
.index_left .ititle .ireply span {
	float:right;
}
.index_left .ititle .ireply .replyicon_uinfo {
	margin-top:12px;
}
.index_left .index_forum {
	background-color: #14AE85;
	font-size:16px;
	color:#FFFFFF;
	height:34px;
	line-height:34px;
	padding:0px 9px;
	float:left;
}
.index_left .index_title, .index_left .index_title a {
	color: #555555;
	font-size: 18px;
	line-height: 30px;
	font-weight: 400
}
.index_left .index_title a:hover {
	color: #4fc277
}
.index_left .icontent {
	padding: 5px 0;
	line-height: 23px;
	font-size: 16x;
	color: #888888
}
.index_left .icontent a.alink {
	color:#32a5e7;
	margin-left:20px;
}
.index_left .icontent a.alink:hover {
	color:#0082ad;
}
.index_left .itail {
	height:20px;
	margin-top:10px;
}
.index_left .itail .ireply {
	float:right;
	color:#999999;
}
.index_left .itail a.alink {
	color:#32a5e7;
	float:right;
}
.index_left .itail a.alink:hover {
	color:#0082ad;
}
.index_left .index_list .is_video {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:740px;
	height:248px;
}
.is_video .play_start {
	background: url("play_start.png") no-repeat 0 0px;
	_background: url("play_start.gif") no-repeat 0 0px;
	position:absolute;
	width:88px;
	height:88px;
	left:326px;
	top:86px;
}
a.is_video:hover .play_start {
	background: url("play_start.png") no-repeat 0 -106px;
	_background: url("play_start.gif") no-repeat 0 -106px;
	width:88px;
	height:88px;
	position:absolute;
	left:326px;
	top:86px;
}
.index_list .statistics_id {
	float:right;
	margin-top:8px;
	width:540px;
	height:20px;
}
.index_list .statistics_id span {
	float:right;
}
.index_left #load_index_list {
	border:1px solid #e6e6e6;
	height:48px;
	background-color:#FFFFFF;
	margin-top:40px;
	cursor:pointer;
}
.index_left #load_index_list .load_font {
	text-align:center;
	line-height:48px;
	font-size:18px;
	color:#222222;
}
.community_heat .lsc {
	margin: 0 6px;
	font-size:12px;
	color: #888888
}
.community_heat .clor {
	color:#ffa800;
	font-size:12px;
}
.community_heat .flagstaff {
	font-size:12px;
	color:#999999;
}
/*.tr_threadlist_last th , .tr_threadlist_last td{ border-bottom: #FFFFFF 0px none !important;}*/







.blocks {
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE
}
.index_frame {
	margin:20px 0 0 0;
	height:332px
}
.index_frame .blocktitle {
	line-height:normal !important;
	height:auto !important
}
.column_r10 .forum_list {
	padding:10px 0 0 0
}
.forum_list ul li {
	float:left;
	width: 133px;
	margin:0 !important;
	padding:10px 0 !important;
	border-bottom: 1px solid #EEEEEE;
	text-align:center;
	font-size:14px;
	color: #666666
}
.forum_list ul li.thread_1, .forum_list ul li.thread_2 {
	border-top:1px solid #EEEEEE
}
.forum_list li.thread_2, .forum_list li.thread_4, .forum_list li.thread_6, .forum_list li.thread_8, .forum_list li.thread_10, .forum_list li.thread_12, .forum_list li.thread_14, .forum_list li.thread_16 {
	border-left: 1px solid #EEEEEE
}
.index_frame .column_left {
	width:780px;
	height:100%;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
	border:#e6e6e6 1px solid;
}
.index_frame .column_right {
	width:240px;
	float:left;
	background-color:#FFFFFF;
	margin:0 0 0 16px;
	height:100%;
	overflow:hidden;
	border:#e6e6e6 1px solid;
}
.index_frame .column_1_1 {
	width:330px;
	float:left;
	overflow:hidden;
}
.index_frame .column_1_2 {
	width:390px;
	float:left;
	;
	padding:15px 10px 10px 40px;
}
.index_frame .column_1_3_1 {
	overflow:hidden;
	width:240px;
	height:145px;
}
.index_frame .column_1_3_2 {
	width:200px;
	margin:15px 0 0 20px;
}
.index_frame .column_2_1 {
	width:330px;
	float:left;
}
.index_frame .column_2_2 {
	width:390px;
	float:left;
	padding:15px 10px 10px 40px;
}
.index_frame li.thread {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	overflow: hidden;
}
.index_frame li.firmware_li {
	float:left;
	font-size: 14px;
	margin-right:20px;
}
.index_frame li.firmware_li_2 {
	font-size: 14px;
	padding:9px 0;
	border-bottom:1px dashed #cccccc;
}
.index_frame li.firmli_3 {
	margin-right:0 !important;
}
.index_frame li.firmware_li a {
	color:#32a5e7 !important;
	cursor:pointer;
}
.index_frame .column_2_3 {
	margin:15px 20px 0 20px;
}
.index_frame .column_2_3 li.head_li {
	height:64px;
	line-height:64px;
*height:60px;
*line-height:60px;
	overflow:hidden;
	font-size:14px;
}
.index_frame .column_2_3 li.head_li span {
	display:block;
	height:100%;
	line-height:64px;
*line-height:60px;
	float:left;
}
.index_frame .column_2_3 li.head_li span.a {
	width:40px;
}
.index_frame .column_2_3 li.head_li span.b {
	width:90px;
	_width:90px;
	margin-left:10px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.index_frame .column_2_3 li.head_li span.c {
	width:60px;
	text-align:right;
}
.index_frame .column_2_3 li.head_li .user_img {
	margin-top:15px;
	border:#e5e5e5 solid 1px;
}
.index_frame .column_3_1 {
	width:330px;
	float:left;
	height:100%;
	overflow:hidden;
}
.index_frame .column_3_2 {
	width:390px;
	float:left;
	padding:15px 20px 20px 40px;
}
.index_frame .column_3_2 li.doyen, .index_frame .column_3_2 li.doyen2, .index_frame .column_5_2 li.doyen, .index_frame .column_5_2 li.doyen2 {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
	float:left;
	width:190px;
	_width:189px;
}
.index_frame .column_3_2 li.doyen2, .index_frame .column_5_2 li.doyen2 {
	width:200px;
}
.index_frame .column_3_3 {
	width:100%;
	height:95px;
	overflow:hidden;
}
.index_frame .column_3_3 .column_3_4 {
}
.index_frame .column_3_4 .tagbox .tag_tags {
	border-top:#e6e6e6 1px solid;
	background-color:#FFFFFF;
}
.index_frame .column_3_4 .tagbox .tag_tags .tg {
	float:left;
	width:119px;
	height:58px;
	line-height:58px;
	text-align:center;
	font-size:18px;
	color:#81aab8;
	cursor:default;
	border-bottom:#e6e6e6 1px solid;
	background-color:#f7f7f7;
}
.index_frame .column_3_4 .tagbox .tag_tags .tgreght {
	width:1px;
	background-color:#f7f7f7;
	float:right;
	height:40px;
}
.index_frame .column_3_4 .tagbox .tag_tags .activity {
	background-color:#FFFFFF;
	border-bottom:#FFFFFF 1px solid;
	color:#32a5e7;
}
.index_frame .column_3_4 .tagbox .tag_tags #bbs_system_course_get {
	border-left:#e6e6e6 1px solid;
}
.index_frame .column_3_4 .tagbox .tag_main {
	height:197px;
	background-color:#FFFFFF;
}
.index_frame .column_3_4 .tagbox .tag_main .ctag {
	padding:20px;
	width:197px;
	overflow:hidden;
}
.index_frame .column_4 {
	padding:15px 19px 20px;
	border:#e6e6e6 1px solid;
	background-color:#FFFFFF;
	overflow:hidden;
}
.index_frame .column_4 .tuji_frame1 {
	width:496px;
	float:left;
	overflow:hidden;
}
.index_frame .column_4 .tuji_frame2 {
	width:496px;
	float:left;
	overflow:hidden;
	margin-left:6px;
}
.tuji_frame1 .tuji_1, .tuji_frame1 .tuji_1 img {
	width:496px;
	height:255px;
}
.tuji_frame1 .tuji_2, .tuji_frame2 .tuji_4 {
	height:195px;
	width:245px;
	float:left;
}
.tuji_frame1 .tuji_2 img, .tuji_frame1 .tuji_3 img {
	height:195px;
	width:245px;
}
.tuji_frame1 .tuji_2, .tuji_frame1 .tuji_3 {
	margin-top:6px;
}
.tuji_frame1 .tuji_3, .tuji_frame2 .tuji_5 {
	height:195px;
	width:245px;
	float:left;
	margin-left:6px;
}
.tuji_frame2 .tuji_6, .tuji_frame2 .tuji_6 img {
	width:496px;
	height:255px;
}
.tuji_frame2 .tuji_4 img, .tuji_frame2 .tuji_5 img {
	height:195px;
	width:245px;
}
.tuji_frame2 .tuji_6 {
	margin-top:6px;
}
.tuji_frame1 .tuji_img_box, .tuji_frame2 .tuji_img_box {
	position:relative;
}
.tuji_frame1 .tuji_desc, .tuji_frame2 .tuji_desc {
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
	text-overflow:ellipsis;
	filter:alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	z-index:100;
	background-color:#FFF;
	padding:5px 10px;
	color:#000000;
	color:pointer;
	font-size:16px;
	overflow:hidden;
	cursor:default;
}
.index_frame .column_5_1 {
	width:330px;
	float:left;
}
.index_frame .column_5_2 {
	width:390px;
	_width:389px;
	float:left;
	padding:15px 20px 20px 40px;
}
.index_frame .column_2_1 .thread {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	overflow: hidden;
}
.index_frame .column_2_2 .thread2 {
	margin:0px;
	height: 38px;
*height:30px;
*+height:30px;
	font-size: 14px;
	overflow: hidden;
}
.index_frame .column_2_2 .count_5, .index_frame .column_2_2 .count_6, .index_frame .column_2_2 .count_7, .index_frame .column_2_2 .count_8 {
	height: 37px !important;
	_height:34px !important;
*+height:34px !important;
}
.thread2 .hot_replies {
	float:left;
	width:36px;
	height:18px;
	line-height:18px;
	background-color:#dbeff8;
	text-align:center;
	margin-top:10px;
	margin-right:12px;
	font-size: 12px;
	color:#6092b2;
}
.thread2 .alink_replies {
	float:left;
	line-height:36px;
}
.highlight .hot_replies {
	background-color:#689dbf !important;
	color:#FFFFFF !important;
}
.highlight .alink_replies a {
	font-size:18px;
	color:#3689b2 !important;
}
.split_line {
	width:2px;
	background-color:#e6e6e6;
	height:12px;
	float:left;
	margin:10px 10px 0 0;
}
.firmware_download {
	border-radius:1px;
	background-color: #45B0DA;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	margin:8px 0 0 0;
}
.titx {
	height: 25px;
	line-height: 25px;
	padding-bottom: 10px
}
.titx span {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 10px 0 0 0;
	color: #919090;
	text-indent: -9999px;
	background: url(icons.png) no-repeat -200px 5px
}
.titletext2, .titletext2 a {
	float: left;
	padding: 0;
	color: #555555 !important;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	height: 25px;
	line-height: 25px
}
.titletext2 a:hover, .titletext2 a:hover em {
	color:#0082ad !important;
}
.bread_line {
	height:3px;
	width:100%;
	margin:8px 0 -4px 0;
	overflow:hidden;
}
.bread_line .line {
	background-color:#e6e6e6;
	height:1px;
	width:100%;
	float:left;
	overflow:hidden;
}
.download_button {
	display:block;
}
.download_button div {
	cursor:pointer;
}
.index_content .title {
	height:auto;
	line-height:normal;
}
.imgcont_roll {
	width: 686px;
	float:left;
	display:inline-block;
}
.titletext2 em {
	padding:0px;
	margin:0px;
	float:left;
}
.titletext2 .arrow {
	display:inline-block;
	margin:7px 0px 0px 8px;
	margin-top:5px\9;
*margin-top:6px;
	_margin-top:5px;
	width:8px;
	height:14px;
	background:url("main_icon.png") no-repeat 0px -54px;
	_background-image:url("main_icon.gif");
}
 @media all and (-webkit-min-device-pixel-ratio:0) {/*safari*/
 .titletext2 .arrow {
margin-top:6px;
}
}
li.firmware_li em {
	padding:0px;
	margin:0px;
	float:left;
	color:#32a5e7 !important;
}
li.firmware_li a:hover em {
	color:#0082ad !important;
}
li.firmware_li .arrow_2 {
	display:inline-block;
	margin:6px 0px 0px 5px;
*margin-top:6px;
	width:10px;
	height:9px;
	background:url("main_icon.png") no-repeat 0px -88px;
	_background-image:url("main_icon.gif")
}
.firmware_li a em {
	cursor:pointer;
}
 @media screen and (max-width: 980px) {
 .index_left #load_index_list .load_font {
font-size:22px;
}
}
.fz18 {
	font-size:18px !important;
}
/*�ٶȷ���*/

.ishare .isharebtn .bds_tsina:hover, .ishare .isharebtn .bds_qzone:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.ishare {
	float:left;
	overflow:hidden;
}
.ishareto {
	float:left;
	color:#999999;
}
.ishareto em {
	float:left;
}
.ishareto .arrow_ishare {
	display:inline-block;
	width:7px;
	height:9px;
	margin:6px 14px 0px;
	background:url("main_icon.png") no-repeat -214px -441px;
	_background-image:url("main_icon.gif")
}
.ishare .isharebtn a {
	background-image:url("main_icon.png");
	padding:0px;
	margin:0px 14px 0px 0px;
	display:inline-block;
	background-image:url("main_icon.gif");
}
.ishare .isharebtn a:hover {
	text-decoration: none
}
.ishare .isharebtn .bds_tsina {
	width:28px;
	height:22px;
	background-position:-60px -630px !important;
}
.ishare .isharebtn .bds_tqq {
	width:20px;
	height:20px;
	background-position:-40px -679px !important;
}
.ishare .isharebtn .bds_qzone {
	width:21px;
	height:22px;
	background-position:-90px -630px !important;
}
.displaybtn_ishare .isharebtn {
	display:none !important;
}
.readicon_uinfo_5 {
	background: url("main_icon.png") no-repeat scroll -120px -630px transparent;
	display: inline-block;
	height: 14px;
	margin: 2px 6px 0 20px;
	width: 22px;
	_background-image:url("main_icon.gif");
}
.replyicon_uinfo_5 {
	background: url("main_icon.png") no-repeat scroll -150px -630px transparent;
	display: inline-block;
	height: 16px;
	margin: 2px 6px 0 20px;
	width: 19px;
	_background-image:url("main_icon.gif");
}
.play_btn {
	background: url("play_btn.png") no-repeat 0 0px;
	_background: url("play_btn.gif") no-repeat 0 0px;
	position:absolute;
	width:268px;
	height:147px;
	top: 0px;
	left: 0px;
	z-index: 5;
}
a.xrkt {
	position: relative;
	top: 0px;
	display: block;
	height: 147px;
	width: 268px;
}
.mask_video {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	z-index: 4;
	height: 140px;
	width: 268px;
	display: none;
}
a.xrkt:hover .mask_video {
	display: block;
}
.plate_mn .tl th, .plate_mn .tl td {
	border-bottom: 1px solid #E6E6E6;
}
.signinwrap_expand {
	position: relative;
}
.signin_expand_2 {
	width: 270px;
	height: 62px;
	line-height: 52px;
	font-size: 16px;
	border-radius: 2px;
	background-color: #4fc277;
	color: #FFFFFF;
	overflow: hidden;
	cursor: pointer;
}
.signin_expand a, .signin_expand a:link, .signin_expand a:hover, .signin_expand a:active, .signin_expand a:visited {
	color: #FFFFFF
}
.signin_expand a:hover {
	text-decoration: none
}
.week_ban {
	display: inline-block;
	width: 92px;
	height: 50px;
	margin: 5px 5px 0 22px;
	background: url(main_icon.png) no-repeat scroll -107px -221px transparent;
	color: #000000;
	font-size: 18px;
	padding: 0 0 0 26px;
	float: left;
}
.btncont_signin_2 {
	float: left;
	font-size: 20px;
	margin: 5px 0px 0px 15px;
	width: 92px;
	text-align: center;
	color: #FFF;
}
.forum_hot {
}
.forum_hot li {
	width: 844px;
	padding: 15px 0;
	border-bottom: 1px solid #F2F2F2
}
.forum_hot li:last-child {
	border-bottom: 0
}
.portal_avatar {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 18px 0 0
}
.portal_avatar img {
	width: 50px;
	height: 50px;
	border-radius: 0;
	border: 1px solid #F1F1F1
}
.portal_tits {
	float: left;
	width: 550px;
	font-size: 16px
}
.portal_tits span {
	float: left;
	margin: 0 10px 0 0;
	color: #4895D0
}
.portal_tits span a {
	color: #4895D0
}
.portal_tits .info {
	padding: 3px 0 0 0
}
.portal_tits .info a {
	padding-right: 25px;
	color: #AFAFAF;
	font-size: 12px
}
.portal_tits h3 a:hover {
	color: #4fc277
}
.portal_author {
	float: right;
	font-size: 14px;
	color: #C8C8C8;
	text-align: right
}
.portal_author a {
	color: #AFAFAF;
	font-size: 12px
}
.portal_author .dates {
	padding: 5px 0 0 0
}
.phb_c_side td.phb_c_list_t_1 {
	width: 218px
}
.phb_c_list_name {
	vertical-align: middle;
	display: inline-block;
	width: 140px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
}
.phb_c a, .my_phb_c a, .phb_fnq a, .phb_c_side a {
	color: #555;
}
.phb_c_side .phb_c_list_name {
	float: left;
	width: 120px
}
.phb_c_side .phb_c_list_1 .phb_c_list_name, .phb_c_side .phb_c_list_2 .phb_c_list_name, .phb_c_side .phb_c_list_3 .phb_c_list_name {
	font-size: 14px;
}
.phb_c_side .phb_c_list_img {
	float: left;
	margin: 15px 6px 0 0
}
.phb_c_list_img img {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.phb_c_list .phb_c_list_t_1 {
	text-align: left;
}
.phb_c_list_0 {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #EEEEEE
}
.phb_c_list_t_1 {
	float: left
}
.phb_c_list_t_6 {
	float: right;
	padding: 0 6px;
	margin: 21px 0 0 0;
	height: 20px;
	line-height: 20px;
	color: #9F9F9F;
	border-radius: 2px;
	background: #F1F1F1
}
.phb_c_list_no {
	float: left;
	line-height: 56px;
	padding: 0 10px 0 0;
	color: #666666;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif
}
.phb_c_list_1 .phb_c_list_no {
	color: #ea5246;
}
.phb_c_list_2 .phb_c_list_no {
	color: #f56313;
}
.phb_c_list_3 .phb_c_list_no {
	color: #eea313;
}
/* �Ż���ҳ����ͷ����ʽ */

.hot_list {
	padding: 0 0 5px 0
}
.hot_list ul li {
	width: 250px;
	padding: 0 0 1px 0;
	overflow: hidden
}
.hot_list ul li:last-child {
	border-bottom: 0
}
.hot_list .t {
	margin-top: 0;
	font-size: 15px;
	color: #555555;
	height: 40px;
	line-height: 40px;
	background-image: url(dot.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.hot_list .t1 {
	background-position: left center
}
.hot_list .t a {
	color: #555555
}
.hot_list .t a em {
	color: #E05C5C
}
.hot_list .t a:hover {
	color: #E05C5C
}
.hot_list p {
	display: none;
	height: auto;
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 5px;
	overflow: hidden;
	width: 235px;
	margin-left: 15px;
	color: #929090
}
.hot_list .on p {
	display: block
}
.hot_list p span {
	color: #4fc277
}
.ma_portal_y_list {
	padding: 12px 0 0 0;
	border-top: 1px dashed #E6E6E6
}
.ma_portal_y_list li {
	width: 235px;
	padding: 0 0 0 15px;
	font-size: 12px;
	color: #555555;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	margin-bottom: 12px;
	background: url(dot.png) no-repeat 1px 8px
}
.ma_portal_y_list li a {
	color: #555555;
	font-size: 14px
}
.ma_portal_y_list li a:hover {
	color: #62BAE4
}
.ma_rt_box {
	padding-right: 0;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
	box-shadow: none
}
.ma_portal_y_t {
	font-size: 16px;
	color: #3F3F3F;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 20px;
	position: relative;
	top: 3px;
}
.ma_rt_t img {
	position: relative;
	top: 3px;
	margin-right: 11px;
}
.ma_rt_c li {
	float: left;
	padding-left: 19px;
	line-height: 150%;
	background: url(rt_ico2.png) no-repeat 4px center;
	font-size: 14px;
	width: 380px;
	padding-right: 35px;
	margin-bottom: 12px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
}
.ma_rt_c a {
	color: #777777
}
.ma_rt_c a:hover {
	color: #62BAE4
}
.sub-box {
	background: #FFF none repeat scroll 0% 0%;
}
.box .hd, .sub-hd {
	height: 34px;
	line-height: 34px;
}
.sub-hd {
	padding: 20px 15px 11px 15px;
	border-top: 1px solid #E8E8E8
}
.sub-bd {
	width: 250px;
	padding: 0 15px;
}
.hd strong, .sub-hd strong {
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	float: left;
}
.act-list li {
	margin-bottom: 22px;
}
.act-item-img {
	display: block;
	width: 260px;
	height: 115px;
	margin-bottom: 12px;
	vertical-align: middle
}
.act-item-info {
	height: 42px;
	position: relative;
}
.act-item-tit {
	width: 170px;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	display: block;
	text-overflow: ellipsis;
}
.act-item-btn {
	position: absolute;
	width: 59px;
	height: 25px;
	background: #4fc277;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px;
	display: block;
	right: 0;
	top: 4px;
}
.act-item-btn:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #028D67
}
.act-item-views {
	color: #AAA;
	font-size: 14px;
	line-height: 22px;
}
.act-item-views i {
	font-style: normal;
	color: #E05C5C;
}
.taber {
	border: 0;
	background: none
}
.taber .title {
	background: none
}
.taber .tb {
	height: 31px;
	line-height: 31px;
	border-bottom: 1px solid #E9E9E9 !important;
	padding: 0;
	margin: 0 15px
}
.taber .tb li {
	margin: 0
}
.taber .tb a {
	width: 125px;
	padding: 0;
	margin: -1px 0 0 0;
	border: 0;
	text-align: center;
	color: #666666;
	border-bottom: 0
}
.taber .tb .a a {
	font-weight: bold;
	color: #CE5959;
	border-bottom: 2px solid #CE5959
}
.taber .tb-c {
	padding: 0
}
.tab1 {
	margin-bottom: 15px;
	border: 1px solid #F0F0F0;
	box-shadow: none;
	background: none
}
.tab1 .title {
	background: #f7f8f8
}
.tab1 .tb {
	width: 342px;
	height: 49px;
	line-height: 49px;
	border-bottom: 0 !important;
	padding: 0;
	margin: 0
}
.tab1 .tb li {
	margin: 0
}
.tab1 .tb a {
	width: 170px;
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	color: #666666;
	border-bottom: 0;
	border-right: 1px solid #EEEEEE;
	font-size: 17px;
	background: #f7f8f8 !important
}
.tab1 .tb .a a {
	font-weight: 400;
	color: #62BAE4;
	background: #FFFFFF !important
}
.tab1 .tb-c {
	padding: 10px 30px 20px 28px;
	background: #FFFFFF
}
.ie7 .tab1 .tb-c {
}
.ranking {
	padding-left: 18px;
	margin: 0;
	background: url(barBg.png) no-repeat 0 0
}
.ie7 .ranking {
	background-position: 0 4px
}
.ranking li a {
	color: #5C5C5C
}
.rom-list {
	padding: 14px 15px 18px 15px
}
.rom-list li {
	padding-left: 10px;
	position: relative;
	line-height: 30px;
	font-size: 14px;
}
.rom-list li, .rom-item {
	width: 240px;
	overflow: hidden;
	height: 30px;
}
.rom-list .dot {
	position: absolute;
	left: 1px;
	background: url(icon9.png) no-repeat -40px -60px !important;
	width: 2px;
	height: 2px;
}
.rom-list .dot {
	top: 15px;
}
.rom-item {
	display: block;
	cursor: pointer;
}
.rom-tit {
	float: left;
	width: 250px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
}
.rom-tit:hover {
	color: #62BAE4
}
.rom-update-time {
	float: right;
	color: #666;
}
.holder {
	display: inline-block !important;
	float: right;
	position: relative;
	padding: 20px 0;
	margin: 0 15px 0 0;
	background: #FFFFFF
}
.ie7 .holder {
	display: none !important
}
.holder span.dots {
	vertical-align: top;
	width: auto;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: 0 5px 0 0 !important;
	color: #999999 !important;
	background: none
}
.holder span.dots:hover {
	color: #999999 !important;
	background: none
}
.holder a {
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 8px;
	color: #AAAAAA;
	border: 1px solid #E5E5E5;
	font-size: 14px;
	border-radius: 50%;
	box-shadow: none;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	z-index: 1;
	background: none
}
.holder a.jp-disabled {
	display: none
}
.holder a.jp-current {
	color: #FFFFFF;
	border-color: #62BAE4 !important;
	background: #62BAE4 !important;
	z-index: 2
}
.holder a:hover {
	background: #EEEEEE;
	text-decoration: none
}
.holder a.jp-previous {
	color: transparent;
	text-indent: -9999px;
	background: url(page3.png) no-repeat center center #FFFFFF
}
.holder a.jp-previous:hover {
	color: #FFFFFF;
	border-color: #62BAE4;
	background-color: #FFFFFF !important
}
.holder a.jp-next {
	color: transparent;
	text-indent: -9999px;
	background: url(page2.png) no-repeat center center #FFFFFF
}
.holder a.jp-next:hover {
	color: #FFFFFF;
	border-color: #62BAE4;
	background-color: #FFFFFF !important
}
.index_tab {
	padding: 20px 0 0 0;
	background: #FFFFFF
}
.index_tab h3 {
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	font-size: 20px;
	font-weight: bold;
	color: #62BAE4
}
.index_tab h3 em {
	color: #999999;
	font-weight: 400
}
.box_s1 {
	box-shadow: none
}
.h-soup {
	position: relative;
	float: right;
	width: auto;
	height: 40px;
	padding: 0 110px 0 20px;
	margin: 2px 15px 0 0;
	background-color: #fff7e7;
	border-radius: 20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.h-soup li {
	float: right
}
.h-soup li i {
	position: absolute;
	width: 27px;
	height: 27px;
	top: 8px;
	cursor: pointer;
}
i.icon-warn {
	background: url(i1.png) no-repeat 0 0
}
.open i.icon-warn {
	background: url(i1_on.png) no-repeat 0 0
}
i.icon-heart-round {
	background: url(i2.png) no-repeat 0 0
}
.open i.icon-heart-round {
	background: url(i2_on.png) no-repeat 0 0
}
i.icon-star1 {
	background: url(i2.png) no-repeat 0 0
}
.open i.icon-star1 {
	background: url(i2_on.png) no-repeat 0 0
}
.h-soup li i.icon-star1 {
	right: 7px
}
.h-soup li i.icon-heart-round {
	right: 41px
}
.h-soup li i.icon-warn {
	right: 75px
}
.h-soup li .txt {
	display: none;
	font-size: 14px;
	color: #6b3612;
	line-height: 40px;
	white-space: nowrap;
}
.h-soup li.open .txt {
	display: block
}
.right_box_content {
	padding: 10px 0
}
.right_box_content li {
	float: left;
	border-bottom: 1px dashed #ddd;
	color: #999;
	cursor: pointer;
}
.right_box_content li {
	margin-left: 5px;
	border-left: 2px solid #f0f0f0;
}
 .right_box_content li p::before {
 content: "";
 font-size: 12px;
 color: #95c7ec;
 margin: 0 0 0 -12px;
 width: 18px;
 height: 12px;
 display: inline-block;
 background: url(dot2.png) no-repeat 0 0
}
.right_box_content li p {
	float: left;
	width: 55px;
	font-size: 10px;
	padding: 10px 0 10px 5px;
	line-height: 24px;
	overflow: visible
}
.right_box_content li h6 {
	float: left;
	width: 175px;
	color: #333;
}
.right_box_content .news_flash_title {
	line-height: 24px;
	padding: 10px 0;
	font-size: 13px
}
.more_newf {
	padding: 0 0 10px 0;
	text-align: center;
}
.more_newf a {
	color: #62BAE4;
	cursor: pointer;
	padding: 4px 20px;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #62BAE4;
	border-radius: 20px;
	display: inline-block;
}
/*��������*/

.links {
	width: 1180px;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	background:#fff;
	margin-top:25px;
}
.ie7 .links {
	margin-top: 5px
}
.links .links_pic {
	width: 1180px;
	height:60px;
	margin:30px 0;
}
.links .links_pic ul {
	padding:0 20px
}
.links .links_pic li {
	float:left;
	width:145px;
	height:60px;
	overflow:hidden
}
.links .links_pic li .yqpic {
	border:1px #EEEDED solid
}
.links .links_txt {
	width: 1180px;
	height:auto;
	overflow:hidden;
	padding: 10px 0 20px 0
}
.links .links_txt_title {
	width: 1180px;
	height:45px;
	line-height:45px;
	font-size:17px;
	color: #555555;
	background:url(yqlink.jpg) center center no-repeat
}
.links .links_txt ul {
	padding:0 20px
}
.links .links_txt li {
	float: left;
	font-size: 14px;
	margin: 8px 10px;
	color: #333;
	line-height: 22px
}
.links .links_txt li a {
	color: #666666
}
.links .links_txt li a:hover {
	color: #62BAE4
}
.mCSB_container {
	margin: 8px 0 0 0;
	font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "΢���ź�", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif, sans-serif
}
.fast-item {
	padding-left: 4px;
	cursor: pointer;
}
.fast-item .item-inner {
	padding-left: 20px;
	border-left: 1px solid #efefef;
}
.fast-item .item-title {
	width: 270px;
	position: relative;
	color: #333;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
}
.fast-item .item-title a {
	color: #333333
}
.fast-item .item-title a:hover {
	color: #ff6600
}
 .fast-item .item-title::before {
 content: '';
 position: absolute;
 left: -24px;
 top: 2px;
 width: 7px;
 height: 15px;
 background: url(website_icon@2x.png) no-repeat;
 background-size: 44px 95px;
 background-position: 0px -79px;
 background-color: #fff;
}
.fast-item .item-time, .fast-item .item-info {
	font-size: 12px;
	color: #AAAAAA;
	padding-bottom: 10px;
	line-height: 1.5;
}
.hide {
	display: none
}
.fast-item .item-info {
	overflow: hidden;
	padding-bottom: 25px;
	transition: all 0.5s ease 0s;
}
.fast-item .item-info a {
	color: #f60;
	padding: 0 3px;
}
#main_sidebar .btn_sign {
	float: left;
	width: 340px;
	margin: 0;
	overflow: hidden;
	background: #62BAE4
}
#main_sidebar .btn_sign a {
	color: #FFFFFF
}
#main_sidebar .btn_sign .icon_sign {
	margin-left: 90px
}
#main_sidebar .btn_sign_left a {
	display: block;
	width: 340px;
	height: 55px
}
#main_sidebar .btn_sign_left p {
	width: 110px;
	font-size: 18px;
	font-weight: 400
}
.more_box, .get-mod-more {
	width: 100%;
	margin: 20px 0;
	color: #bbb;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border: 0;
 transition: all .2s ease-out;
}
.get-mod-more a, .more_box a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	padding: 0;
	color: #ef4d4d;
	border: 0;
	border-radius: 4px;
	background: #fff5f5
}
.get-mod-more a:hover, .more_box a:hover {
	color: #e90505;
}
.top_swing {
	position: relative;
	width: 100%;
	min-width: 1180px;
	height: 84px;
	z-index: 50;
	background: url(bg_top.jpg) no-repeat center center;
	background-size: cover
}
.top_swing .cell {
	padding: 25px 0 0 200px;
	font-size: 14px
}
.top_swing .cell a {
	display: inline-block;
	margin-bottom: 0;
	padding: 0.5em 1em;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	user-select: none;
	transition: background-color 300ms ease-out, border-color 300ms ease-out;
}
.top_swing .cell a {
	background-color: #fff;
	color: #4285f4;
	margin-left: 12px;
	font-size: 14px;
	padding: 0.5rem 1rem;
}
.top_swing .cell span {
	color: #FFFFFF
}
.down_load_right {
	background-color: #f1f1f1;
}
.down_load_right .code {
	float: right;
	display: block;
	width: 70px;
	height: 70px;
	padding: 0;
	margin: 0;
	line-height: 3.5rem;
	text-align: center;
	background: url(qrcode.png) right top no-repeat;
	position: relative;
}
.down_load_right .code .code_box {
	position: absolute;
	display: none;
	width: 6rem;
	height: 6rem;
	padding: 0.5rem;
	background-color: #ffffff;
	right: 10px;
	top: 60px;
	z-index: 222;
}
.down_load_right .code:hover .code_box {
	display: block
}
.down_load_right .code .code_box .arrow_outer {
	position: absolute;
	top: -0.5rem;
	right: 0.6rem;
	width: 1rem;
	height: 0.5rem;
	overflow: hidden;
}
.down_load_right .code .code_box .arrow {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0.3rem auto 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0px 0px 0.3rem #ccc;
	box-shadow: 0px 0px 0.3rem #ccc;
	background-color: #ffffff;
}
.down_load_right .code .code_box .img_box {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 0px 0.3rem #ccc;
	box-shadow: 0px 0px 0.3rem #ccc;
	background: url(wx.png) #fff center center no-repeat;
	background-size: cover;
}
.down_load_right .inner_box {
	float: left;
	width: 222px;
	padding: 20px 0 20px 30px
}
.down_load_right .inner_box a {
	display: block;
	margin-right: 12px;
	float: left;
	width: 105px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 0.2rem;
}
.down_load_right .inner_box .ios {
	background-color: #3d464d;
}
.down_load_right .inner_box .android {
	background-color: #66b60e;
	margin-right: 0;
}
.top_list ul {
	width: 825px
}
.top_list li {
	position: relative;
	float: left;
	width: 260px;
	height: 140px;
	margin-right: 15px;
	overflow: hidden
}
.top_list li p {
	position: absolute;
	left: 10px;
	bottom: 12px;
	height: auto;
	line-height: 25px;
	padding: 0 10px;
	z-index: 50
}
.top_list li p a {
	color: #FFFFFF;
	font-size: 14px
}
.tabBar {
	width: 100%;
	font-family:"Microsoft YaHei";
	padding-top: 0
}
.tabBar .hd {
	position: relative;
	padding-top: 18px;
}
.tabBar .hd h3 {
	float: left;
	margin-top: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, 'Microsoft Yahei';
	color: #333333
}
.tabBar .hd ul {
	float: left;
	width: auto;
	margin: 0 0 -1px 0;
	z-index: 5;
	zoom: 1
}
.tabBar .hd li {
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 0 10px 0;
	margin-right: 34px;
	color: #333333;
	border-bottom: 3px solid transparent;
	cursor: pointer;
	font-weight: bold;
	font-size: 20px
}
.tabBar .hd li:hover {
	color: #f40d04 !important
}
.tabBar .hd li.on {
	height: 25px;
	color: #f40d04;
}
.tabBar .bd {
	border: 0;
	padding: 0;
	clear:both;
	position:relative;
	height: auto;
	overflow: hidden
}
.tabBar .bd .conWrap {
	width: 100%;
	height: auto !important
}
/* ȫ��ͨ�ûõ� */

.elecom_banner {
	position: relative;
	width: 750px;
	height: 300px;
	margin: 0;
	overflow: hidden;
	font-family: "Microsoft Yahei";
	text-align: left;
	background: none
}
.elecom_banner .pic img {
	display: block;
	width: 750px;
	height: 300px
}
.txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(transparent), to(#000));
	background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background-image: -moz-linear-gradient(top, transparent 0%, #000 100%);
	background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
	opacity: .7
}
.elecom_banner .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 70px;
	width:100%;
	overflow: hidden
}
.elecom_banner .txt li {
	width: 100%;
	height: 70px;
	line-height: 70px;
	position: absolute
}
.elecom_banner .txt li a {
	display: block;
	color: #EEEEEE;
	padding: 0 0 0 20px;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none
}
.elecom_banner .num {
	position: absolute;
	height: 10px;
	z-index: 3;
	bottom: 20px;
	right: 20px;
	background: none
}
.elecom_banner .num li {
	float: left;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	text-indent: -9999px;
	background: #FFFFFF
}
.elecom_banner .num li.on {
	width: 10px;
	height: 10px;
	margin-top: -2px
}
.elecom_banner .pic {
	position: relative
}
.elecom_banner .pic .info1 {
	position: absolute;
	left: 48px;
	bottom: 40px;
	z-index: 50
}
.elecom_banner .pic .info1 a {
	color: #FFFFFF;
	font-size: 26px
}
.elecom_banner .prev {
	position: absolute;
	left: 20px;
	top: 135px;
	width: 30px;
	height: 30px;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease 0s;
	background: url(prev.png) no-repeat 0 0
}
.elecom_banner .next {
	position: absolute;
	right: 20px;
	top: 135px;
	width: 30px;
	height: 30px;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease 0s;
	background: url(next.png) no-repeat 0
}
.elecom_banner:hover .prev, .elecom_banner:hover .next {
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.elecom_banner2 {
	position: relative;
	width: 525px;
	height: 280px;
	margin: 0;
	overflow: hidden;
	font-family: "Microsoft Yahei";
	text-align: left;
	background: none
}
.elecom_banner2 .pic img {
	display: block;
	width: 525px;
	height: 280px
}
.txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(transparent), to(#000));
	background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background-image: -moz-linear-gradient(top, transparent 0%, #000 100%);
	background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
	opacity: .7
}
.elecom_banner2 .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 70px;
	width:100%;
	overflow: hidden
}
.elecom_banner2 .txt li {
	width: 100%;
	height: 70px;
	line-height: 70px;
	position: absolute
}
.elecom_banner2 .txt li a {
	display: block;
	color: #EEEEEE;
	padding: 0 0 0 20px;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none
}
.elecom_banner2 .num {
	position: absolute;
	height: 4px;
	z-index: 3;
	bottom: 0;
	left: 0;
	background: url(black0.5.png) repeat 0 0
}
.elecom_banner2 .num li {
	float: left;
	width: 175px;
	margin: 0;
	height: 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	text-indent: -9999px;
	background: url(black0.5.png) repeat 0 0
}
.elecom_banner2 .num li.on {
	background: #3ca5f6
}
.elecom_banner2 .pic {
	position: relative
}
.elecom_banner2 .pic .info1 {
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 50
}
.elecom_banner2 .pic .info1 a {
	color: #FFFFFF;
	font-size: 20px
}
.elecom_banner2 .prev {
	position: absolute;
	left: 20px;
	top: 120px;
	width: 23px;
	height: 32px;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease 0s;
	background: url(focus_arrow.png) no-repeat 0 0
}
.elecom_banner2 .next {
	position: absolute;
	right: 20px;
	top: 120px;
	width: 23px;
	height: 32px;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease 0s;
	background: url(focus_arrow.png) no-repeat -23px 0
}
.elecom_banner2:hover .prev, .elecom_banner2:hover .next {
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.related-articles {
	margin: 35px 0 10px 0
}
.related-articles h4 {
	color: #3d464d;
	margin: 10px 0 18px 0;
	font-size: 15px;
	font-weight: bold
}
.col-8 {
	float: left;
	width: 226.6px
}
.col-8 .each-cell {
	margin-bottom: 20px;
	height: 180px;
	overflow: hidden;
}
.col-8 .desc {
	width: 100%;
	height: 100%;
	line-height: 25px;
	cursor: pointer;
	font-size: 15px;
	padding-top: 5px;
}
.col-8 .desc a {
	color: #333333
}
.col-8 .desc a:hover {
	color: #3ca5f6
}
.guess-posts-list {
	overflow: hidden;
	padding: 20px;
	margin: 20px 0;
	background: #FAFAFA;
}
.guess-posts-list h4 {
	margin: 15px 0 10px 0;
	font-weight: bold;
}
.guess-posts-list h4 {
	font-size: 14px;
}
.guess-posts-list li {
	line-height: 25px;
	padding: 8px 0;
	text-indent: 16px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 14px;
	background: url(blue_dot.png) no-repeat left 16px
}
.guess-posts-list li a {
	color: #3d464d
}
.guess-posts-list li a:hover {
	color: #666666;
	text-decoration: underline
}
.guess-posts-list li:last-child {
	border-bottom: 0
}
.real_time_intelligence {
}
.pad_inner h3 {
 font-size: .8rem;
	color: #3d464d;
	margin: 0 auto 1rem;
 padding: .8rem 0;
	text-align: center;
	border-top: 2px solid #4285f4;
	border-bottom: 1px dashed #e6e8eb;
}
.pad_inner h3 span {
	display: inline-block;
 padding: 0 .5rem 0 0;
	position: relative;
	z-index: 1;
	font-size: 16px;
	font-weight: bold;
	color: #3d464d;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE���ź�, STHeitiSC-Light, simsun, \5B8B��, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}
.real_time_intelligence li {
 padding: 0 0 .75rem 1rem;
	position: relative;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE���ź�, STHeitiSC-Light, simsun, \5B8B��, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}
.real_time_intelligence li .triangle {
	position: absolute;
 top: .3rem;
 left: .3rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff #fff #fff #4285f4;
	-webkit-transform-origin: 25% center;
	transform-origin: 25% center;
	border-width: 4px;
}
.real_time_intelligence li h4 {
 margin: 0 0 .05rem;
	line-height: 1.5;
	font-weight: 400;
	color: #cccecf;
}
.real_time_intelligence li h4 .tit_1 {
	color: #3d464d;
	cursor: pointer;
	font-size: 13px
}
.real_time_intelligence li h4 .tit_1 a {
	color: #3d464d
}
.real_time_intelligence li h4 .tit_1 a:hover {
	text-decoration: underline
}
.real_time_intelligence li .share-title, .real_time_intelligence li .time {
	padding-top: 3px;
	display: inline-block;
	color: #a4abb1;
	font-size: 13px
}
.real_time_intelligence .more-fastsection, .more-project-news {
	display: block;
	width: 7.2rem;
	height: 1.8rem;
	line-height: 1.8rem;
	border-radius: 4px;
	margin: 0.5rem auto 2rem;
	border: 1px solid #4285f4;
	text-align: center;
	color: #4285f4;
	font-size: 13px
}
.news-post-wrapper .news-post-item {
	position: relative;
	margin-bottom: 20px;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE���ź�, STHeitiSC-Light, simsun, \5B8B��, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}
.news-post-wrapper .news-post-item .img-box {
	width: 100px;
	height: 64px;
	padding: 3px 0;
	background-size: cover;
	background-position: 50%;
	position: relative;
	overflow: hidden;
	background-color: #efefef;
}
.news-post-wrapper .news-post-item .info-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding-left: 110px;
	width: 185px;
}
.news-post-wrapper .news-post-item .info-box .info-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.news-post-wrapper .news-post-item .info-box .tit_2 {
	position: relative;
	top: -2px;
	font-size: 14px;
	color: #3d464d;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5em;
	max-height: 3em;
}
.news-post-wrapper .news-post-item .info-box .tips {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	line-height: 1;
	font-size: 12px;
	color: #9ca4ab;
}
.hot_article.hot_posts li {
	float: left;
	height: 180px;
	border: 0 none;
	background-color: transparent;
	position: relative;
	line-height: 1rem;
	margin: 0.2rem 0 1rem 0;
	min-height: 70px;
}
.hot_article.hot_posts li .img-cover span {
	position: absolute;
 left: .6rem;
	display: inline-block;
	width: 3.0rem;
	height: 1.2rem;
	background-color: #ff4343;
	background-size: cover;
	z-index: 10;
}
 .hot_article.hot_posts li .img-cover span::before {
 position: absolute;
 top: 1.2rem;
 content: "";
 width: 0;
 height: 0;
 border-top: 6px solid #ff4343;
 border-right: 27.5px solid transparent;
 border-left: 0 solid transparent;
}
.hot_article.hot_posts li .img-cover span b {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 400;
}
 .hot_article.hot_posts li .img-cover span::after {
 position: absolute;
 top: 1.2rem;
 right: 0;
 content: "";
 width: 0;
 height: 0;
 border-top: 6px solid #ff4343;
 border-left: 24.5px solid transparent;
 border-right: 0 solid transparent;
}
.hot_article.hot_posts li .img-cover .article-title {
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	color: #fff;
	width: 260px;
	background-color: rgba(0, 0, 0, .3);
	font-size: 14px;
	border-radius: 0;
}
.hot_article.hot_posts li .top2 {
	background-color: #ff9035 !important;
}
 .hot_article.hot_posts li .top2::after, .hot_article.hot_posts li .top2::before {
 border-top-color: #ff9035 !important;
}
.biggie_word .biggie_list li {
	position: relative;
	border: 1px solid #e6e8eb;
	margin: 55px 0 60px 0
}
.biggie_word .biggie_list li .biggie_photo {
	position: absolute;
	top: -35px;
	left: 110px;
	width: 70px;
	height: 70px;
	background-position: 50%;
	background-size: cover;
	border-radius: 50%;
	border: 0;
	background-color: #fff;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}
.biggie_word .biggie_list li .biggie_name {
	text-align: center;
	font-size: 20px;
	color: #262a2f;
	padding-top: 40px;
}
.biggie_word .biggie_list li .biggie_content {
	font-size: 14px;
	color: #464c56;
	padding: 20px;
	padding-top: 5px;
}
.stationed_intro_right {
	border: 0;
	padding-bottom: 30px;
	margin: 0;
	color: #3d464d;
	font-size: 14px;
	background: #F6F6F6
}
.stationed_intro_right h4 {
	padding: 1rem 0;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	margin: 0;
	color: #3d464d;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \5FAE���ź�, STHeitiSC-Light, simsun, \5B8B��, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
}
.stationed_intro_right .inner_box {
	padding: 0 0 20px 0;
}
.stationed_intro_right ul {
	padding: 0 25px;
}
.stationed_intro_right .inner_box li {
	float: left;
	position: relative;
	width: 82px;
	text-align: center;
}
.icon-hot-web {
	width: 82px;
	height: 60px;
	margin-bottom: 10px;
	background: url(hot1.png) no-repeat center center
}
.icon-news-web {
	width: 82px;
	height: 60px;
	margin-bottom: 10px;
	background: url(news.png) no-repeat center center
}
.icon-sound-web {
	width: 82px;
	height: 60px;
	margin-bottom: 10px;
	background: url(sound.png) no-repeat center center
}
.stationed_intro_right .btn_box {
	display: block;
	width: 250px;
	margin: 0 auto;
	background-color: #3ca5f6;
	color: #fff;
 border-radius: .2rem;
 padding: .6rem 0;
	text-align: center;
	font-size: 14px;
}
.tabBar .bd .conWrap .con {
	position: relative !important
}
.responsive-imgs {
	float: left;
	width: 100%;
	height: 400px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	border: 0;
	position: relative;
}
.responsive-imgs .link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.responsive-imgs img {
	display: inline;
	transition: all 0.5s ease 0s
}
.responsive-imgs:hover img {
	-webkit-transform:scale3d(1.05, 1.05, 1);
	transform:scale3d(1.05, 1.05, 1)
}
.responsive-imgs .info-cover {
	position: absolute;
	bottom: 0;
	padding: 0 8% 4% 4%;
	text-align: left;
}
.multiline-text-overflow {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.responsive-imgs h3 {
	font-size: 16px;
	color: #fff;
	line-height: 2;
	margin: 0;
	font-weight: 400;
}
.responsive-imgs1 h3 {
	font-size: 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.1em, transparent), color-stop(.1em, #000), color-stop(1.85em, #000), color-stop(1.85em, transparent));
	background: -o-linear-gradient(top, transparent .1em, #000 .1em, #000 1.85em, transparent 1.85em);
	background: linear-gradient(180deg, transparent .1em, #000 0, #000 1.85em, transparent 0);
}
.responsive-imgs h3 span {
	background: #000;
	padding: .3em 10px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.responsive-imgs p {
	background: url(black0.5.png) repeat 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	padding: 6px 10px;
	margin: 10px 0 0;
}
.article-item {
	padding: 24px 0;
	position: relative;
	clear: both;
	border-bottom: 1px solid #F4F4F4;
	font-family: Helvetica, Arial, PingFang SC, Hiragino Sans GB, Source Han Sans CN, Roboto, Microsoft Yahei, sans-serif;
}
.article-item:after, .article-item:before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25px;
	background: none;
	content: "";
	display: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.article-item:before {
	left: -25px
}
.article-item:after {
	right: -25px
}
.article-item:hover:after, .article-item:hover:before {
	display: block
}
.article-item:hover a h2, .article-item:hover a h3 {
	color: #f40d04
}
.article-item p {
	font-size: 14px;
	color: #ACACAC;
	margin: 0;
	line-height: 24px;
	max-height: 48px
}
.article-item h3 {
	line-height: 22px;
	margin: 0 0 8px 0;
	color: #262626;
	font-size: 18px;
	font-weight: 400
}
.article-item .article-time {
	display: inline-block;
	font-size: 14px;
	color: rgba(0, 0, 0, .5)
}
.article-item .article-meta {
	position: absolute;
	bottom: 24px;
	right: 0;
	left: 0;
	padding-left: 228px;
	color: #838a92
}
.item-footer {
	font-size: 14px;
}
.tag {
	display: inline-block;
	font-size: 12px;
	margin-right: 13px;
	padding: 0 2px;
	text-decoration: none;
}
.tag.tag1 {
	color: #60A3F5 !important;
	border: 1px solid #60A3F5;
}
.item-footer, .item-footer a {
	line-height: normal;
	color: #999999;
}
.article-item .article-meta a {
	color: #999999
}
a.btn-comment {
	padding: 5px 0;
	overflow: visible
}
.item-footer a { float: left; margin-right: 15px}
.article-item .article-meta .article-author {
	float: left;
	margin-right: 10px;
	margin-right: .5em
}
.article-item .article-meta .article-author .img-box {
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle
}
.article-item .article-meta .article-author .img-box img {
	width: 100%;
	vertical-align: top
}
.article-item .article-meta .icon-like {
	margin-left: 20px
}
.article-item .article-meta .source-right {
	float: left;
	vertical-align: middle
}
.article-item .img-cover-wrap {
	position: relative;
	display: inline-block;
	width: 208px;
	height: auto;
	max-height: 136px;
	margin-right: 20px;
	border-radius: 4px;
	float: left;
	overflow: hidden
}
.article-item .img-cover-wrap .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	background: hsla(0, 0%, 100%, .9);
	-webkit-box-shadow: 0 0 13px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 13px 1px rgba(0, 0, 0, .2);
	color: rgba(0, 0, 0, .9);
	border-radius: 50%;
	font-size: 22px;
	text-indent: .25em;
	line-height: 60px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
 -webkit-transition: -webkit-transform .3s ease;
 transition: -webkit-transform .3s ease;
 -o-transition: transform .3s ease;
 transition: transform .3s ease;
 transition: transform .3s ease, -webkit-transform .3s ease
}
.article-item .img-cover-wrap .play:hover {
	-webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1)
}
.article-item .img-cover-wrap .play span {
	display: none
}
.article-item .img-cover {
	background-color: #c3c3c3;
	border: 0;
	position: relative;
	overflow: hidden;
	text-align: center
}
.article-item .img-cover img {
	width: 208px;
	transition: 1s
}
.article-item .img-cover img:hover {
	webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}
.article-item .article-info {
	position: relative;
	display: inline-block;
	width: 612px;
	overflow: hidden
}
.article-item .article-info p.multiline-text-overflow {
	-webkit-line-clamp: 3
}
.article-item.tushang .img-cover {
	padding-bottom: 100%
}
.article-item .ts-item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 31.5%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px
}
.article-item .ts-item:first-of-type {
	margin-left: -1%;
	margin-right: 1%
}
.article-item .ts-item .img-cover {
	padding-bottom: 50%
}
.article-item .ts-item .img-count {
	background: rgba(0, 0, 0, .3);
	border: 1px solid #efefef;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 18%;
	text-align: center;
	color: #fff;
	font-size: 26px
}
.article-item .category-tag {
	display: inline-block;
	padding: 0 9px;
	line-height: 2;
	background-color: #dcdcdc;
	font-size: 14px;
	margin-right: 1em;
	font-weight: 700
}
a.btn-comment span {
	float: left
}
.iconfont {
	float: left;
	display: inline-block;
	width: 16px;
	height: 20px;
	margin: 0 5px
}
.icon-comment {
	background: url(reply2.png) no-repeat center 6px
}
.icon-like {
	background: url(like.png) no-repeat center 4px
}
.excerpt-see {
	border-bottom: 1px solid #EEEEEE;
	padding: 20px 0;
	overflow: hidden;
}
.excerpt-see h2 {
	font-size: 22px;
	line-height: 24px;
	margin-top: 0;
	font-weight: bold;
	margin: 0 0 10px;
}
.excerpt-see-index h2 {
	font-size: 22px;
}
.excerpt-see h2 a {
	color: #454545;
}
.excerpt-see h2 a:hover {
	color: #ee5b2e
}
.excerpt-see-index .red1 {
	margin-left: -8px;
	color: #FF5E52;
}
.excerpt-see .note {
	color: #666;
	margin-bottom: 0;
	text-indent: 28px;
}
.excerpt-see p.note a {
	color: #ff5e52;
}
.top_box {
	height: auto;
	overflow: hidden;
	padding: 15px 0;
}
.top_box ul {
	height: auto;
	overflow: hidden;
}
.top_box ul li {
	float: left;
	width: 48.5%;
	height: 110px;
	overflow: hidden;
	margin: 10px 0;
}
 .top_box ul li:nth-child(2), .top_box ul li:nth-child(4) {
 float: right;
}
.top_box ul li .thum {
	float: left;
	width: 160px;
	height: 110px;
	overflow: hidden;
	margin-right: 15px;
}
.top_box ul li h4 {
	font-size: 15px;
	color: #272322;
	overflow: hidden;
	margin: 0;
	line-height: 20px;
}
.top_box ul li h4 a {
	font-size: 15px;
	color: #272322;
}
.top_box ul li h4 a:hover {
	color: #ee5b2e;
}
.top_box ul li p {
	font-size: 12px;
	color: #888;
	line-height: 18px;
	margin-top: 12px;
	overflow: hidden;
	margin-bottom: 0;
}
.top_box ul li .thum img {
	width: 160px;
	height: 110px;
	overflow: hidden;
	transition: all 1s ease 0s;
}
.top_box ul li .thum img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.focus-item {
	width: 260px;
	height: 142px;
	position: relative;
	margin-bottom: 16px;
	overflow: hidden;
}
.focus-item .rf-tip {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	font-size: 14px;
}
.focus-item:hover .rf-tip-title {
	opacity: 1
}
.rf-tip-title {
	display: block;
	padding: 5px 10px;
	line-height: 20px;
	opacity: 0.8;
	color: #FFFFFF;
	transition: all 0.5s ease 0s
}
img {
	cursor: pointer;
	transition: all 0.5s;
}
.article-item:hover img, .items:hover img {
	transform: scale(1.1);
}
.news-content li:hover img {
	transform:rotate(360deg)
}
/* ��Ʒ��Ŀ */



.news-list {
	width: 100%;
	padding-top: 30px;
	background-color: #F9F9F9;
	margin-bottom: 16px;
}
.news-list .list-head {
	color: #222;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
	border-left: 0;
}
.hot-pics .list-head {
	margin-bottom: 20px;
}
.round-pics.hot-pics ul.news-content {
	padding: 0 20px;
	margin-right: -50px;
}
.hot-pics ul.news-content li {
	float: left;
	margin-right: 12px;
	margin-bottom: 16px;
	width: 131px;
	border-bottom: none;
	padding: 0 0;
}
.round-pics.hot-pics ul.news-content li {
	width: 60px;
	margin-right: 46px;
}
.news-content li a {
	display: block;
	overflow: hidden;
}
.round-pics.hot-pics ul.news-content li > a {
	text-align: center;
}
.round-pics.hot-pics ul.news-content li .news-pic {
	width: 60px;
	height: 60px;
	border-radius: 40px;
	background-color: #efefef;
}
.hot-pics ul.news-content li .news-pic {
	width: 131px;
	height: 80px;
	overflow: hidden
}
.hot-pics ul.news-content li .news-pic img {
	width: 100%;
	height: 100%;
}
.hot-pics1 ul.news-content li .news-pic img:hover {
	transform: scale(1.1) !important
}
.hot-pics1 ul.news-content li:hover .news-pic img {
	transform: rotate(0deg)
}
.round-pics.hot-pics ul.news-content li .news-pic img {
	border-radius: 40px;
}
.hot-pics ul.news-content li p {
	margin-top: 6px;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	color: #222222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.hot-pics ul.news-content li p:hover {
	color: #f40d04
}
/* end */





/* ���а� */



.rank-list {
	background-color: #F9F9F9;
	margin-bottom: 20px;
}
.rank-list .rank-head {
	border-bottom: 1px solid #f3f3f3;
	padding: 15px 0px;
}
.rank-head-inner {
	text-align: center;
	border-left: 0;
}
.rank-head-title {
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	font-weight: 700;
}
.icon-fire {
	display: inline-block;
	width: 18px;
	height: 22px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(fire.png) no-repeat center 0
}
.rank-head-inner .date {
	font-size: 12px;
	color: #ccc;
	margin-top: 2px;
}
table.user-rank-table {
	border-collapse: collapse;
	font-size: 1em;
	width: 100%;
	font-size: 14px;
}
table.user-rank-table td, table.user-rank-table th {
	padding: 10px 10px;
	border: 1px solid #f3f3f3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: rgb(243, 243, 243);
	border-right-color: rgb(243, 243, 243);
	border-left-color: rgb(243, 243, 243);
	border-left: none;
	border-right: none;
	vertical-align: top;
	text-align: center;
}
table.user-rank-table thead td, table.user-rank-table th {
	font-weight: bold;
	border-top: none;
}
.rank-footer {
	padding: 15px 15px;
	text-align: center;
}
.rank-footer a {
	display: inline-block;
	font-size: 14px;
	border: 1px solid #f40d04;
	padding: 3px 10px;
	border-radius: 4px;
}
.rank-footer a, .rank-footer a:visited {
	color: #f40d04;
}
/* end */





.news-list .news-content {
	padding-left: 20px;
	padding-right: 20px;
}
.hot-pics .news-content {
	padding-right: 0;
	padding-bottom: 10px
}
.text-list .news-content {
	padding-bottom: 20px;
}
.text-list .news-content li {
	margin-top: 12px;
	line-height: 20px;
	font-size: 14px;
	position: relative;
	padding: 0px 0px 0px 9px;
	border-bottom: none;
}
.news-content li a {
	display: block;
	overflow: hidden;
}
.text-list .news-content li a {
	padding-left: 5px;
	line-height: 24px;
}
.text-list .news-content li a:hover {
	color: #f40d04
}
 .text-list .news-content li::before {
 position: absolute;
 content: '';
 width: 4px;
 height: 4px;
 border-radius: 2px;
 background: #999;
 left: 0;
 top: 10px;
}



.news-list .tags-list {
    padding-left: 20px;
	padding-bottom: 20px
}
.news-list .tags-list .tag {
    font-size: 14px;
    margin-bottom: 10px;
}
.tag {
	float: left;
    display: inline-block;
    font-size: 12px;
    margin-right: 13px;
    padding: 0 2px;
    text-decoration: none;
}
.tag.tag0 {
    color: #539DB8;
    border: 1px solid #539DB8;
}
.tag.tag2 {
    color: #FF7920;
    border: 1px solid #FF7920;
}








.recommend[data-v-3a7f8699] {
    margin-top: 24px;
}
.recommend[data-v-6da808ab] {
    width: 780px;
    height: 210px;
}
.recommend__left[data-v-6da808ab] {
	float: left;
    width: 315px;
    height: 210px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
}
.recommend a[data-v-6da808ab] {
    display: block;
}
.recommend__left__img[data-v-6da808ab] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.recommend__right[data-v-6da808ab] {
	float: right;
    width: 450px;
    height: 210px;
    position: relative;
}
.hx-title {
    width: 100%;
}
.hx-title__bg-bar {
    width: 100%;
    height: 4px;
    border-radius: 0;
	margin-top: 56px;
	background: #363636 !important
}
.title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title-box__title {
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #27282d;
    margin-top: 3px;
}
.title-box_more {
    cursor: pointer;
    font-size: 12px;
    color: #333;
    margin-right: 8px;
    line-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 63px;
    position: relative;
}
.title-box_more_right {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 7px solid #ff6060;
    border-bottom: 4px solid transparent;
}
.recommend__right__content[data-v-6da808ab] {
	display: block;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 8px;
}
.recommend__right__content__status[data-v-6da808ab] {
    margin-top: 20px;
    font-size: 14px;
    line-height: 16px;
    color: #d1d1d1;
}
.recommend__right__content__status__date[data-v-6da808ab] {
    display: inline-block;
    margin-right: 12px;
}
.recommend__right__content__title[data-v-6da808ab] {
    font-size: 26px;
    line-height: 36px;
    color: #27282d;
}
.multi-line-overflow {
    -o-text-overflow: -o-ellipsis-lastline;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.recommend__right__content__desc[data-v-6da808ab] {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    color: #27282d;
    -webkit-line-clamp: 2;
}


.article-box1[data-v-3a7f8699] {
    width: 100%;
}
.article-item1[data-v-10c9b5d9] {
    border-radius: 4px;
    overflow: hidden;
    background-color: #f4f4f4;
    position: relative;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.article-box1 .article-item1[data-v-3a7f8699] {
    float: left;
    margin-right: 15px;
    margin-bottom: 16px;
}
.article-box1 .article-item2[data-v-3a7f8699] { margin-right: 16px !important; margin-bottom: 0 !important}
.article-item--normal[data-v-10c9b5d9] {
    width: 250px;
    height: 289px;
}
a[data-v-10c9b5d9] {
    display: block;
}
.article-item__img[data-v-10c9b5d9] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.article-item--normal .article-item__img[data-v-10c9b5d9] {
    height: 137px;
}
.article-item__img img[data-v-10c9b5d9] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.article-item__content[data-v-10c9b5d9] {
    padding: 13px 12px;
    width: 226px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #f4f4f4;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.article-item1:hover .article-item__img { top: -15px !important}
.article-item1:hover .article-item__content__title[data-v-10c9b5d9] { margin-bottom: 77px}
.article-item__content__title[data-v-10c9b5d9] {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 62px;
    color: #27282d;
    font-weight: 500;
}
.article-title[data-v-3a7f8699] {
    margin-top: 24px;
    margin-bottom: 6px;
}
.article-item__content__status[data-v-10c9b5d9], .article-item__content__title[data-v-10c9b5d9] {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.article-item__content__status[data-v-10c9b5d9] {
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bfbfbf;
}
.article-item__content__status span { float: left}
.article-item__content__status span i, .article-item__content__status span svg { float: left}
.article-item__content__status span svg { margin-left: 4px}

.deep-reading__right__content__status span { float: left}
.deep-reading__right__content__status span i, .deep-reading__right__content__status svg { float: left}
.deep-reading__right__content__status svg { margin-left: 8px !important; margin-top: 3px}

.focus-item__right__status__intro { float: left}
.focus-item__right__status__intro i, .focus-item__right__status__intro svg { float: left}
.focus-item__right__status__intro svg { margin-left: 5px !important; margin-top: 1px !important}

.article-item__content__user-info[data-v-10c9b5d9] {
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: absolute;
    left: 12px;
    bottom: 32px;
    max-width: 219px;
    z-index: 11;
}
.article-item__content__user-info__nickname[data-v-10c9b5d9] {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #666;
}
.article-item__content__status__date[data-v-10c9b5d9] {
	float: left;
    letter-spacing: 0;
}
.article-item__content__status__intro[data-v-10c9b5d9] { float: right}


.hx-icon1[data-v-4dd6a28c] {
	display: inline-block;
    width: 12px;
    height: 13px;
    fill: currentColor;
    overflow: hidden;
}
.article-item__content__status__intro .icon-comment1[data-v-10c9b5d9] {
    margin-right: 24px;
}

.article-item__content__status__intro .icon-collect[data-v-10c9b5d9], .article-item__content__status__intro .icon-comment[data-v-10c9b5d9] {
    margin-left: 4px;
}








.article-box1 .article-item[data-v-3a7f8699] {
    float: left;
    margin-right: 15px;
    margin-bottom: 16px;
}
.article-item--big[data-v-10c9b5d9] {
    width: 268px;
    height: 302px;
}
.article-item--big .article-item__img[data-v-10c9b5d9] {
    height: 150px;
}
.article-item__content[data-v-10c9b5d9] {
    padding: 13px 12px;
    width: 244px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #f4f4f4;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}








.deep-reading[data-v-1c86be43] {
    height: 278px;
	margin-bottom: 24px
}
.deep-reading__left[data-v-1c86be43] {
	display: block;
    width: 494px;
    height: 278px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.deep-reading__right[data-v-1c86be43] {
	float: right;
    width: 608px;
    height: 278px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
}
.deep-reading__right__content[data-v-1c86be43] {
    width: 608px;
    letter-spacing: .7px;
}
.deep-reading a[data-v-1c86be43] {
    display: block;
}
.deep-reading__right__content__title[data-v-1c86be43] {
    color: #171717;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
    font-weight: 500;
}
.deep-reading__right__content__title span.original-sign[data-v-1c86be43] {
    display: inline-block;
    vertical-align: text-top;
    background: #eaeaea;
    color: #ff6060;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    padding: 0 7px;
    margin-right: 8px;
    border-radius: 10px;
    margin-top: 5px;
}
.deep-reading__right__content__desc[data-v-1c86be43] {
    font-size: 14px;
    line-height: 24px;
    max-height: 96px;
    color: #999;
    -webkit-line-clamp: 4;
}
.deep-reading__right__content__status[data-v-1c86be43] {
    padding-top: 40px;
    font-size: 16px;
    color: #bfbfbf;
    vertical-align: text-top;
}
.fr {
    float: right;
}
.hx-icon[data-v-4dd6a28c] {
	display: inline-block;
    width: 16px;
    height: 17px;
    fill: currentColor;
    overflow: hidden;
}
.icon-collect[data-v-1c86be43], .icon-comment2[data-v-1c86be43] {
    margin-left: 3px;
}
.icon-comment2[data-v-1c86be43] {
    margin-right: 42px;
}






.hx-icon1.icon-comment1 { background: url(rep2.png) no-repeat center center}
.hx-icon1.icon-collect { background: url(view2.png) no-repeat center center !important}

.hx-icon.icon-comment2 { background: url(rep1.png) no-repeat center center}
.hx-icon.icon-collect { background: url(view1.png) no-repeat center center}









.focus-item[data-v-7b66077a] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 552px;
    height: 184px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #f4f4f4;
    color: #27282d;
    position: relative;
}
.hot__list__item[data-v-3a7f8699] {
    margin-right: 16px;
    margin-bottom: 16px;
}
.focus-item__left[data-v-7b66077a] {
    width: 327px;
    height: 184px;
    position: absolute;
	overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.focus-item .focus-item-right-wrap[data-v-7b66077a] {
    position: absolute;
    top: 0;
    right: 0;
    width: 225px;
    height: 184px;
    background-color: #f4f4f4;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    z-index: 4;
}
.focus-item:hover .focus-item-right-wrap { width: 238px !important}
.focus-item:hover .focus-item__left[data-v-7b66077a] { left: -13px}
.focus-item__right[data-v-7b66077a] {
    height: 100%;
    text-align: left;
    padding: 32px 13px 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.focus-item__right__title[data-v-7b66077a] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    -webkit-line-clamp: 3;
}
.focus-item__right__status[data-v-7b66077a], .focus-item__right__title[data-v-7b66077a] {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.focus-item__right__nickname[data-v-7b66077a] {
    letter-spacing: 1px;
    max-width: 174px;
    margin-top: 10px;
    position: absolute;
    left: 13px;
    bottom: 36px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.focus-item__right__nickname[data-v-7b66077a], .focus-item__right__nickname__link[data-v-7b66077a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.focus-item__right__status[data-v-7b66077a] {
    color: #bfbfbf;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.focus-item__right__status__date { float: left}
.focus-item__right__status__intro { float: right}
.focus-item__right__status__intro .icon-comment1[data-v-7b66077a] {
    margin-right: 10px !important;
}
.focus-item__right__nickname span[data-v-7b66077a] {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.hx-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}
.hx-btn-default {
    border: 1px solid #d1d1d1;
    color: #606266;
    border-radius: 3px;
    font-size: 14px;
    padding: 12px 20px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}
.hot__btn-more[data-v-3a7f8699] {
    margin: 40px auto 60px;
    padding: 14px 30px;
    color: #999;
    background-color: #fff;
    border-radius: 32px;
    border: 2px solid #efefef;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.hot__btn-more[data-v-3a7f8699]:hover { border-color: #27282D; color: #FFFFFF; background: #27282D}
.article-hot .hot__title[data-v-3a7f8699] {
    margin-bottom: 10px;
}








.home-moment-list li[data-v-1d235afc] {
    word-break: normal;
    word-wrap: break-word;
    width: 300px;
    padding: 10px 7px 20px 7px;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
    position: relative;
}
.home-moment-list li[data-v-1d235afc] em.shadow { position: absolute; right: -314px; top: 0; width: 314px; height: 100%; transition: all 0.5s ease 0s; background: #F8F8F8}
.home-moment-list li[data-v-1d235afc]:hover em.shadow { right: 0; top: 0}
.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.home-moment-list__top-wrap[data-v-1d235afc] {
    position: relative;
    padding-left: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 23px;
    overflow: hidden;
    margin-bottom: 11px;
}
.home-moment-list__top-wrap a[data-v-1d235afc] {
	float: left;
    color: #27282d;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
}
.hx-avatar[data-v-24e6093e] {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.home-moment-list__top-wrap a .hx-avatar[data-v-1d235afc] {
	float: left;
    margin-right: 16px;
}
.home-moment-list__top-wrap .time[data-v-1d235afc] {
	float: right;
    color: #d1d1d1;
    font-size: 12px;
    letter-spacing: 0;
}
.home-moment-list__bottom-wrap[data-v-1d235afc] {
    position: relative;
    overflow: hidden;
    color: #999;
    letter-spacing: .7px;
}
.home-moment-list .font-14[data-v-1d235afc] {
    font-size: 14px;
    line-height: 24px;
}
.moment-top-line[data-v-3a7f8699] {
    padding-bottom: 7px;
}
.moment-bottom-line[data-v-3a7f8699] {
    margin-top: 17px;
    height: 5px;
    border-radius: 2px;
    background-color: #27282d;
}


.banner_r { position: relative; width: 371px; height: 260px}
.banner_r .bd { height: 260px}
.banner_r .hd { width: 100%; position: absolute; left: 0; bottom: 0}
.banner_r .hd li { float: left; width: 20px; height: 5px; margin: 0 8px 0 0; cursor: pointer; background: #C2C2C2}
.banner_r .hd li.on { width: 30px; background: #333333}
.left-ad-carousel-recommend-item-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.left-ad-carousel-recommend-item-tag {
    background: #ededed;
    color: #4d4c4c;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}
.left-ad-carousel-recommend-item-tag:hover { background: #E7E7E7}
.left-ad-carousel-recommend-item-title {
    color: #333;
    line-height: 28px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
    width: 100%;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.left-ad-carousel-recommend-item-title:hover { color: #2961bf}
.left-ad-carousel-recommend-item-text {
    color: #838a91;
    line-height: 20px;
    font-size: 14px;
    margin-top: 4px;
    width: 100%;
    height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.left-ad-carousel-recommend-item-line {
    margin: 7px 0;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
}


.banner_right {
	position: relative;
	width: 306px;
	height: 360px;
	margin: 60px 0 0 0 !important;
	border-radius: 4px;
	overflow: hidden;
}
.banner_right .pic img {
	display: block;
}
.banner_right .pic li {
	position: relative
}
.banner_right .pic li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),color-stop(60%,rgba(0,0,0,.1)),color-stop(80%,rgba(0,0,0,.2)),to(rgba(0,0,0,.4)));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,.1),rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4));
    background: -o-linear-gradient(top,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4) 100%);
    background: linear-gradient(
180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.4));
    z-index: 10;
}
.banner_right .hd {
	width: 100%;
	height: 2px;
	zoom:1;
	position:absolute;
	left: 0;
	bottom: 28px;
	z-index: 20;
	text-align: center;
	background: none
}
.banner_right .hd li {
	display: inline-block;
	float: none;
	width: 24px;
	height: 2px;
	border: 0;
	margin: 0 4px;
	text-indent: -999px;
	cursor: pointer;
	background: rgba(255,255,255,0.5)
}
.banner_right .hd .on { background: #FFFFFF}
.banner_right .prev,  .banner_right .next {
	display: none;
	width:32px;
	height:32px;
	position:absolute;
	top: 50%;
	margin-top: -16px;
	z-index: 20;
	border-radius: 50%;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease
}
.banner_right .prev {
	background-image:url(prev0.5.png);
	background-position: center center;
	background-size: 6px auto;
	left: 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.1)
}
.banner_right .next {
	background-image:url(next0.5.png);
	background-position: center center;
	background-size: 6px auto;
	right: 10px;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.1)
}
.banner_right .prev:hover,  .banner_right .next:hover {
	background-color: rgba(0, 0, 0, 0.5)
}
.banner_right:hover .prev, .banner_right:hover .next {
	display: block
}











.headline {
	margin-top:30px;
	width:100%
}
.headline .top {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:14px
}
.headline .top img {
	height:20px
}
.headline .top i {
	font-size:14px;
	cursor:pointer;
	color:#acacac
}
.headline .bottom-infor {
	display:flex;
	justify-content:space-between;
	width:100%
}
.headline .bottom-infor .left-top {
	width:240px
}
.headline .bottom-infor .recommend-img {
	display:block;
	width:240px;
	height:135px;
	overflow:hidden;
	margin-bottom:10px
}
.headline .bottom-infor .recommend-img img {
	width:100%;
	height:135px;
	cursor:pointer;
transition:all .3s;
	border-radius:4px
}
.headline .bottom-infor .recommend-img img:hover {
	transform:scale(1.15)
}
.headline .bottom-infor .link-recommend {
	font-size:16px;
	font-weight:400;
	line-height:22px;
	max-height:44px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all
}
.headline .bottom-infor .bottom-tags {
	display:flex;
	align-items:center;
	margin-top:16px
}
.headline .bottom-infor .bottom-tags .type {
	font-size:14px;
	font-weight:400;
	color:#e90505;
	margin-right:11px
}
.headline .bottom-infor .bottom-tags a {
	padding:6px 10px;
	background:#f5f5f5;
	border-radius:4px;
	font-size:12px;
	color:#acacac;
	line-height:17px;
	margin-right:7px
}
.headline .bottom-infor .bottom-tags .right-tags {
	max-width:200px;
	height:32px;
	overflow:hidden;
	line-height:30px
}
.headline .bottom-infor .bottom-tags .right-tags a:last-child {
	margin-right:0
}
.headline .right-list {
	display:flex;
	flex-wrap:wrap;
	margin-top:-4px
}
.headline .right-list .every-infor {
	width:270px;
	margin-left:30px;
	cursor:default;
	margin-bottom:20px
}
.headline .right-list .every-infor .top-link {
	margin:0 0 2px;
	font-size:16px;
	font-weight:400;
	color:#272727;
	line-height:22px;
	max-height:44px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.headline .right-list .every-infor .bottom-type .type-link, .headline .right-list .every-infor .bottom-type {
	font-size:14px;
	color:#acacac;
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:default
}
.headline .right-list .every-infor .bottom-type span {
	display:inline-block;
	font-size:14px;
	font-weight:400;
	color:#e90505;
	line-height:20px;
	margin-right:12px;
	padding:6px 0
}
.ad-headlinebottom {
	font-size:0;
	width:840px;
	margin:8px auto 0
}
.ad-headlinebottom iframe {
	width:100%;
	height:70px
}
.ad-headlinebottom img {
	border-radius:4px
}
.expressway {
	margin-top:26px
}




.desc {
	color:#acacac;
	font-size:14px;
	line-height:18px;
	margin-bottom:17px;
	padding-left:25px;
	max-height:36px;
	word-break:break-word;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}

.first-img {
	display:inline-block;
	margin-right:15px;
	width:12px;
	margin-top:2px
}
.billboardTit {
	font-size:20px;
	margin-bottom:20px;
	font-weight:600
}
.billboardTit .red {
	color:#e90505;  
    border: 0;
    background: none;
}
.grade_user {
	display:inline-block;
	margin-right:15px;
	font-size:18px;
	height:25px;
	color:#e71d1d;
	line-height:26px
}
.every_item:nth-child(-n+3) .grade_user {
color:#121212
}
.hot_contentbox {
	width:306px;
	border-top:4px solid #363636;
	background-color:#f9f9f9
}
.hot_content {
	
	padding:14px 14px 20px 17px
}
.hot_content.topposition {
	position:fixed;
	top:157px
}
.hot_content .list_details .link-every {
	margin-top:10px
}
.hot_content .list_details .every_item {
	display:flex;
	align-items:flex-start;
	font-size:14px;
	margin-bottom:6px
}
.hot_content .list_details .every_item a {
	width:235px;
	word-break:break-all;
	word-wrap:break-word;
	color:#333;
	display:block;
	line-height:24px
}
.hot_content .list_details .every_item a:hover {
	color:#e90505
}
.carousel.postionshow {
	position:fixed;
	top:127px
}
.split-top img {
	margin-top:64px
}
.banner-box {
	width:306px;
	height:424px;
	position:relative;
	border-radius:4px;
	overflow:hidden
}
.banner-box .banner-content {
	width:306px;
	height:auto;
	position:relative;
	z-index:1
}
.banner-box .item_details {
	width:306px;
	height:auto;
	position:absolute;
	opacity:0;
	overflow:hidden;
	border-radius:4px;
transition:opacity .5s ease-in-out;
	font-size:0
}
.banner-box .item_details .word-url {
	position:absolute;
	left:20px;
	bottom:50px;
	height:30px;
	line-height:30px;
	font-size:22px;
	font-weight:500;
	color:#fff
}
.banner-box .item_details .trans {
	width:100%;
	height:90px;
	background:linear-gradient(180deg, transparent, rgba(0, 0, 0, .55));
	position:absolute;
	bottom:0;
	left:0
}
.banner-box .item_details a {
	display:block;
	width:306px;
	height:360px
}
.banner-box .item_details img {
	width:306px;
	height:360px;
	border-radius:4px
}
.banner-box .item_details.show {
	opacity:1;
	z-index:10
}
.banner-box .item_details h4 {
	color:#fff;
	margin-top:16px;
	font-size:22px;
	line-height:22px;
	word-wrap:break-word;
	word-break:break-all
}
.banner-box .item_details p {
	font-size:14px;
	color:#999;
	line-height:20px;
	margin-top:10px;
	word-wrap:break-word;
	word-break:break-all
}
.banner-box:hover .banner-button-box {
	overflow:visible
}
.banner-box:hover .banner-button-box .banner-button.left, .banner-box:hover .banner-button-box .banner-button.right {
	display:block
}
.banner-box .banner-button-box {
	position:relative;
	overflow:hidden
}
.banner-box .banner-button-box .banner-button {
	position:absolute;
	top:240px;
	background-color:#fff;
	border-radius:0;
	width:30px;
	height:30px;
	line-height:30px;
	opacity:.5;
	border-radius:50%;
	transform:translateY(-50%);
	color:#333;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.banner-box .banner-button-box .banner-button i {
	font-size:16px;
	font-weight:700
}
.banner-box .banner-button-box .banner-button.left {
	left:0
}
.banner-box .banner-button-box .banner-button.right {
	right:0
}
.banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.banner-box .banner-dot .dot-item {
	display:inline-block;
	width:24px;
	height:22px;
	margin:0 4px;
	cursor:pointer
}
.banner-box .banner-dot .dot-item .bullet {
	display:inline-block;
	width:24px;
	height:2px;
	background:#fff;
	opacity:.5
}
.banner-box .banner-dot .dot-item .bullet.active {
	background:#fff;
	opacity:1
}



#setTrain { width: 306px}
.article-item p { overflow: hidden}
.tabBar span { float: right; margin: 10px 2px 0 0}
.tabBar span em { float: left; width: 4px; height: 4px; margin: 0 0 0 4px; background: #333333}
.special-lesson {
  display: flex;
  margin-top: 24px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.special-lesson h3 {
  font-size: 16px;
  font-weight: bold
}
.special-lesson .details a {
  margin-left: 22px;
  color: #acacac;
  font-size: 12px;
  padding: 4px 8px;
  background: #f5f5f5;
  border-radius: 4px;
}
.is-sticky #setTrain { margin-top: 30px !important}
.footer-links { display: block !important}
.friend-links { width: 314px}
.tags {
	float: right;
  color: #838a92;
  font-size: 12px;
  margin: -8px 0 0 0
}
.tags a {
	float: none;
	display: inline-block;
  margin-left: 8px;
  margin-right: 0;
  background: #F5F5F5;
  color: #999999;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-radius: 2px
}
@media (max-width: 800px) {
.ct2 .mn {
    width: 100% !important;
}
.section .wp { width: 100% !important}
.index_right { display: none}
.b_left { float: none !important; width: 100% !important; height: 200px !important; margin: 0 !important}
.b_right { display: none}
.ct2 .sd {
    display: none!important;
}
.expressway .maintag {
    float: left;
    width: 14px;
    height: 42px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    padding: 24px 8px;
}
.expressway .total .topic .every-topic a {
	float: left;
	width: 50%;
    display: inline-block;
    font-size: 12px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    color: #555;
	text-align: center
}
.tabBar .hd h3 { display: none}
.tabBar .hd li { font-size: 14px}
.banner {
	position: relative;
	width: 100%;
	height: 200px;
	border-radius: 0;
	overflow: hidden;
}
.banner .tempWrap { width: 100% !important}
.banner .pic a { display: block; height: 200px !important; overflow: hidden}
.banner .pic li { height: 200px !important; overflow: hidden}
.banner .pic img { width: 100% !important; height: auto !important}
.banner .prev, .banner .next { display: block; width: 40px; height: 40px; margin-top: -20px !important}
.boxx1 { width: 100% !important}
.banner_r { width: 100% !important}
.headline .bottom-infor[data-v-d413a97e] { display: block}
.headline .bottom-infor .left-top[data-v-d413a97e] { display: none}
.headline .top[data-v-d413a97e] { margin-bottom: 20px}
.headline .right-list[data-v-d413a97e] { margin-top: 0}
.headline .right-list .every-infor[data-v-d413a97e] { width: 100%; margin: 0 0 20px 0}
.headline .right-list .every-infor .top-link[data-v-d413a97e] { height: auto}
.hx-title__bg-bar { margin-top: 30px}
.tabBar .hd { width: 100% !important; padding: 12px 0 0 0 !important; margin-bottom: 0 !important}
.tabBar .hd ul { float: left !important; margin: 5px 0 0 0 !important}
.tabBar .hd li { margin: 0 5.5% 0 0 !important; border: 0 !important}
.tabBar .hd li:last-child { margin: 0 !important}
.tabBar .hd li.on { height: 24px !important}
.get-mod-more a, .more_box a { width: 100% !important; box-sizing: border-box}
.live-box { display: block}
.live-box .live-item-root { float: left; width: 100%; margin: 0 0 20px 0}
.live-item-root .live-item-img_container { width: 100% !important; height: auto}
.special-lesson h3 { min-width: 50px}
.video_lesson .school_lesson[data-v-6a024b78] { display: block}
.video_lesson .school_lesson .lesson[data-v-6a024b78] { float: left; width: 32%; margin: 0 2% 0 0; overflow: hidden}
.video_lesson .school_lesson .lesson[data-v-6a024b78]:last-child { margin: 0}
.video_lesson .school_lesson .lesson .les-pic[data-v-6a024b78] { width: 100%; height: 80px}
.video_lesson .school_lesson .lesson .les-pic img[data-v-6a024b78] { min-width: 100%; height: 80px}
.video_lesson .school_lesson .lesson .les-tit[data-v-6a024b78] { font-size: 14px}
}



.a_h { display: none}
.a_mu { display: none}
.mus_box { display: none}
.navigate li { background: none !important}
.navigate li a { background: none !important}
#fastpostsubmit.pn { border: 0}
.notice_pm { margin-top: 9px}
#nv_home.pg_space .mi .avatar img { max-width: 100px}
.pbg { height: 10px}
.pg_viewthread #spanButtonPlaceholder { width: 32px !important; height: 20px !important; margin-top: 9px; background: url('/template/elecqhs/style/sEditor.gif') no-repeat -292px 0 !important}
.pob em a:before { display: none}
.forumrefresh { display: none}
#scbar_btn { margin: 0; border: 0; box-shadow: none}
#scform_srchtxt { width: calc(100% - 16px); border: 0}
#scform_submit { height: 50px; line-height: 50px; background: none}
#scform_submit:before { display: none}
.ct3_a .mn { width: 735px !important}
.mi .moodfm_input { float: left; width: 520px !important}
#nv_group .ct2 .mn { width: 860px !important}
.ct2_a .mn { width: 970px !important}
.biduser { width: 935px !important}
.bg-box-radius1 { width: 1030px !important}
.tdats .tfx { width: 320px !important}
.tdats .tfxf { width: 730px !important}
.tdats .tb { width: 410px}
.tscr { width: 410px}

.live-item-root .live-item-img_container { width: 410px}
.recommend-img { position: relative; margin-bottom: 20px !important}
.recommend-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: linear-gradient( 180deg,hsla(0,0%,100%,.02) 0,rgba(0,0,0,.05) 60%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.4));
  z-index: 10;
}
.recommend-img p { position: absolute; width: 100%; box-sizing: border-box; left: 0; bottom: 0; font-size: 14px; color: #FFFFFF; padding: 10px 15px; background: none; z-index: 200}
.right-recommend > div:first-child { margin-bottom: 8px}
.recommend-img img { transition: all 0.5s ease 0s !important}
.headline .bottom-infor .recommend-img img { transition: all 0.5s ease 0s !important}
.headline .bottom-infor .recommend-img { border-radius: 4px}
.recommend-img:hover img {
	transform: scale(1.2);
}
.link-recommend:hover { color: #f40d04}
.headline .bottom-infor .link-recommend:hover { color: #f40d04}
.headline .right-list .every-infor .top-link:hover { color: #f40d04}
#nv_home .ct2_a .tb .y { padding-right: 16px !important}
.pm_o { width: auto !important}
.pg_viewthread #mdly { width: auto !important; margin: -30px 0 0 60px !important}
.home-top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #303030;
    font-size: 12px;
    font-weight: 400;
    position: relative;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.home-top .top_box1 {
    display: flex;
    align-content: center;
    justify-content: space-between;
    height: 30px;
}
.home-top .left_nav {
    display: flex;
    align-items: center;
}
.home-top .top_box1 .item-lf {
    padding-right: 37px;
    position: relative;
}
.home-top, .home-top a, .home-top a:hover {
    color: #fff;
}
.home-top .top_box1 .hot {
    display: flex;
    align-items: center;
}
.home-top .top_box1 .hot .hot-div {
    display: flex;
    padding-left: 2px;
    width: 26px;
    height: 15px;
    line-height: 14px;
    font-size: 12px;
    margin-left: 10px;
    background: url(/template/elecqhs/style/hot_bj.84bd7bd.png) no-repeat 50%/26px 15px;
}
.home-top .top_box1 .hot span {
    font-weight: 600;
    transform: scale(.8);
}
.home-top .top_right {
    display: flex;
}
.home-top .top_right .item-rt {
    margin-left: 30px;
}
.home-top .top_box .subweb {
    height: 30px;
    display: inline-block;
}
#scbar { float: right; width: auto; height: 30px !important; line-height: 30px !important; margin: 23px 0 0 0; border: 0 !important; border-radius: 5px; background: #f7f7f7 !important}
.scbar_type_td { display: none}
.scbar_txt_td { width: 165px !important; height: 30px !important; line-height: 30px !important}
#scbar_txt, .scbar_narrow #scbar_txt { width: 150px !important; height: 30px !important; line-height: 30px !important; padding: 0 0 0 15px !important; font-size: 14px !important}
#scbar_txt1, .scbar_narrow #scbar_txt1 { width: 150px !important; height: 30px !important; line-height: 30px !important; padding: 0 0 0 15px !important; font-size: 14px !important}
.scbar_btn_td, #scbar_btn { width: 35px !important; height: 30px !important; line-height: 30px !important}
.common-h3 {
    font-weight: bold;
    font-size: 1.5rem;
}
.font-size-18 {
    font-size: 18px!important;
}
.login_pn { border: 0 !important}
.nav-icon-size {
    font-size: 16px;
    color: #010101;
}
.split-right {
	position: absolute;
	right: 16%;
	top: 17px;
    display: inline-block;
	width: 16px;
	height: 22px;
}
@font-face {
font-family:ctoicon;
src:url(/template/elecqhs/font/iconfont.09af1cb.woff2) format("woff2"), url(/template/elecqhs/font/iconfont.99cc314.woff) format("woff"), url(/template/elecqhs/font/iconfont.ad881fd.ttf) format("truetype")
}
.ctoicon {
    font-family: ctoicon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ctowode:before {
    content: "\e633";
}
.publish {
    margin: 0 20px;
    padding: 8px 30px;
    line-height: 22px;
    color: #fff;
    border: 0;
    display: block;
    text-align: center;
    border-radius: 0;
    background-color: rgba(255,255,255,.1)!important;
}
#j-user-wrap {
    width: 100%;
    margin: 0;
}
#j-user-wrap .login {
	float: left;
    width: 48%;
    margin: 0;
    padding: 8px 30px !important;
	box-sizing: border-box;
    line-height: 22px;
    text-align: center;
	font-size: 14px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.1);
}
#j-user-wrap .login:last-child { margin-left: 4%}
.phone_search table { width: 100% !important}
.phone_search #scbar { float: left !important; width: 100% !important; height: 36px !important; line-height: 36px !important; margin: 0 !important; border: 0 !important; border-radius: 0; background: #FFFFFF !important}
.phone_search .scbar_type_td { display: none !important}
.phone_search .scbar_txt_td { float: left; width: calc(100% - 36px) !important; height: 36px !important; line-height: 36px !important}
.phone_search #scbar_txt1 { width: 95% !important; padding: 0 0 0 5% !important; height: 36px !important; line-height: 36px !important; font-size: 14px !important; border: 0}
.phone_search .scbar_btn_td { float: left; width: 36px !important; height: 36px !important; line-height: 36px !important}
.phone_search #scbar_btn { width: 36px !important; height: 36px !important; line-height: 36px !important; background: url(/template/elecqhs/style/new_search1.png) no-repeat center center}
@media (max-width: 800px) {
.home-top { display: none}
#fwin_login.fwinmask { top: 78px !important; left: 5% !important; margin: 0 !important}
.flb { padding: 20px !important}
#fwin_login.fwinmask { width: 90% !important; background: #FFFFFF}
#fwin_content_login { width: 100% !important}
.fwin .rfm, .nfl .f_c .rfm, .rfm .px1 { width: 100% !important; box-sizing: border-box}
#fwin_login.fwinmask table { width: 100% !important}
.flbc { right: 20px !important; top: 20px !important}
.login_pn { height: 36px !important; line-height: 36px !important; margin: 0 !important; font-size: 15px !important}
.member_boxx1 { margin: 20px 0 !important}
.rfm table { width: 100% !important}
.rfm { width: 100% !important}
.rfm th { width: 30% !important}
.rfm .px { width: 60% !important}
.fwin .rfm .px { width: 100% !important}
.tipcol { display: none !important}

.pg_post .simpleedt .bar { height: auto; background: none; border: 0}
.pg_post .edt .bar { height: auto; background: none; border: 0}
.pg_post .edt .btn { width: 100%}
.pg_post .edt .bbar { height: 44px}
.pg_post #ct { padding: 0 3%}
.pg_post #pt { margin: 10px 3%}
.pg_post #e_fullswitcher { display: none}
.pg_post #e_simple { display: none}

#e_sml_menu.sllt { max-width: 94% !important; left: 3% !important}
.pg_post .p_pof { width: 94% !important; left: 3% !important; box-sizing: border-box}
.pg_post .fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask { width: 94% !important; left: 3% !important}
#fwin_nav.fwinmask table { width: 100% !important}
#fwin_nav.fwinmask .pbl { width: 100%; border-right: 1px solid #CCCCCC}
#fwin_nav.fwinmask .pbl li { width: calc(33% - 12px) !important; height: auto !important; min-height: 280px !important}
#fwin_nav.fwinmask .pbl li:last-child { width: calc(34% - 10px) !important; border-right: 0 !important}

.numboxx { padding: 20px !important}
ul.pf_l { padding: 0 !important}
.pf_l li { width: 50% !important}
.mus_box { display: none}
.pg_post #ct.ct2_a { box-sizing: border-box; padding: 20px !important; border-radius: 3px; background: #FFFFFF !important}
#editorbox { padding: 0 !important}
#e_controls .y { display: none}
.edt .btn { float: none !important; border: 0 !important}
.simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: auto !important}
#postbox input { width: auto !important}
.edt .bbar { height: auto !important}

}


/* ------------------------ --------------------------------------------------*/

.navfixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
    background: #FFFFFF;
}
.header1 { display: none}
.headerx {
	display: none;
    z-index: 9999;
    height: auto;
    overflow: visible;
    position: fixed;
    top: 0;
    background: #FFFFFF;
    box-shadow: none;
}
#body_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: rgba(0,0,0,.6);
    z-index: 10000;
    display: none;
}
.header1 .menu {
    position: fixed;
    left: -75%;
    transition: all 0.5s ease 0s;
    height: 100%;
    top: 0;
    padding-top: 25px;
    border: 0 !important;
    background: #333333;
    width: 75%;
    max-width: none !important;
    z-index: 10000;
}
.header1 .menu.on {
    left: 0 !important;
}
.menu ul {
    float: none !important;
    height: auto !important;
    width: 100%;
    margin: 0 auto;
}
.header1 .menu ul li {
	float: left;
	margin: 0;
    position: relative;
    height: auto !important;
    font-size: 16px;
    width: 100%;
    line-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    padding: 0;
    text-align: left;
}
.header1 .menu ul li span { display: none}
.header1 .menu ul li a {
	display: inline-block;
	width: 100%;
    font-size: 16px !important;
    float: none !important;
    padding: 0 0 0 20px;
    height: 48px;
    line-height: 48px;
    color: rgba(255,255,255,.9);
}
.headerx { width: 100%}
.headerx .logo {
    padding: 16px 0;
    margin: 0;
    width: auto;
}
.headerx .section {
	max-width: 1200px;
    margin: 0 auto;
    width: 96%;
}
.headerx .logo img {
    height: 26px;
}
.m_menu {
    background: url(icon_nav.png) no-repeat center;
    width: 24px;
    position: absolute;
    right: 3%;
    top: 0;
    height: 58px;
}
.nav_slide .h_pop { display: none}

@media (max-width: 800px) {
html, body {
    display: block;
    width: 100%;
    overflow-x: hidden;
}
.report1 { display: none}
.footer-right-dwon { right: 3% !important}
#fastpostsml_menu.sllt, #fastpostat_menu.upf { left: 3% !important}
.display_none, #spanButtonPlaceholder, .fpd span.pipe, .fpd a:nth-child(3), .fpd a:nth-child(3), .fpd a:nth-child(4), .fpd a:nth-child(4), .fpd a:nth-child(5), .fpd a:nth-child(6), .fpd a:nth-child(9) { display: none}
.pg a, .pg strong, .pgb a, .pg label { margin: 0 2px 4px 2px !important}
.nav-list li { margin: 0 16px 0 0 !important}
.nav-list li:last-child { margin: 0 !important}
.tedt .pt { background: none !important}
.section { margin: 0 auto; width: 94% !important}
.header1, .headerx { display: block; box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); background: #FFFFFF}
.tpboxx1 { height: 58px}
#elecom_nav { display: none}
.tp_box1 { margin-top: 20px !important}
.elec_w1180 { width: 100% !important}
.elec_links { float: none; width: 100%}
.elec_spread {
    float: none;
	text-align: center;
	border: 0;
    padding: 0 50px;
	margin: 30px 0 0 0
}
.elec_spread .elec_weixin, .elec_spread .elec_appft { float: none; display: inline-block}
.elec_spread .elec_weixin, .elec_spread .elec_appft { width: 36%; margin: 0 2% !important}
.elec_spread .elec_weixin img, .elec_spread .elec_appft img { width: 100% !important; height: auto !important}
.elec_fttop { height: auto !important}
.elec_links ul li { width: 33.33% !important; text-align: center}
.elec_contact { float: none; text-align: center; width: 100%; margin: 0 0 20px 0 !important}
.elec_contact p:first-child { margin: 10px 0 10px 0 !important}
.index_right { display: none}
.wp.serch_wp { width: 100%}
.m_left_box { width: 100% !important; margin: 0 0 20px 0 !important; min-height: 100px !important}
.m_left_box1 { position: relative !important; width: 100% !important; min-height: 100px !important; margin: 0 !important; top: 0 !important; left: 0 !important}
.pindao_list li { width: 25% !important; overflow: hidden}
.tabBar .hd { position: relative !important}
.index_left { width: 100% !important}
.banner_l { float: none !important; width: 100% !important; height: 190px !important}
.banner_r { float: none !important; width: 100% !important; display: none !important}
.elecom_banner { width: 100% !important; height: 190px !important}
.elecom_banner .pic li { height: 190px !important}
.elecom_banner .pic img { width: 100% !important; height: auto !important}
.tabBar .hd { width: 92% !important; padding: 4% !important; margin-bottom: 20px !important}
.tabBar .hd ul { width: 100% !important}
.tabBar .bd .ui_list { width: 100% !important; padding: 0 !important; border: 0 !important}
.tabBar .bd .ui_list h3 { padding: 0 !important}
.ui_2_ul_li { width: 100% !important; height: auto !important; padding: 15px 0 !important; margin: 0 !important}
.ui_2_ul_li_imgouter {
    width: 32% !important;
    height: 85px !important;
}
.ui_2_ul_li_imgouter a.fr { display: block; width: 100%; height: 85px}
.ui_2_ul_li_imgouter img { width: 100% !important; height: auto; min-height: 85px; border-radius: 4px}
.ui_2_ul_li_con { width: 65% !important; height: 85px !important}
.ui_2_ul_li_con p { display: none !important}
.ui_2_ul_li_con h3 { width: 70% !important; height: 40px !important; white-space: unset !important; text-overflow: unset !important; font-size: 15px !important; font-weight: 400 !important}
.ui_2_userinfo { bottom: 3px !important}
#to_top { display: none !important}
.ui_2_ul_li .ui_2_userinfo span:last-child { margin: 0 !important}
.article-item { padding: 18px 0 !important}
.article-item .img-cover-wrap { width: 30% !important; max-height: 86px !important; margin: 0 !important}
.article-item .article-info { float: right; margin: 0; width: 66% !important; display: inline !important}
.article-item .article-meta { display: none !important}
.article-item h3 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 26px !important}
.article-item h3 { font-size: 16px !important; margin-bottom: 2px !important}
.article-item p { max-height: 40px !important; line-height: 20px !important}
.article-item .img-cover img { min-width: 100% !important; max-width: 110%; min-height: 65px; height: auto !important}
.tabBar .bd .conWrap, .tabBar .bd .conWrap .con { width: 100% !important}
.footer-wrapper { width: 100% !important; min-width: inherit !important}
.footer-main { width: 100% !important}
.footer-main .partner-product, .footer-main .partner-product .item.about .content { display: block !important}
.footer-main .partner-product .item.production { float: left !important; width: 50% !important; margin: 0 !important}
.footer-main .partner-product .item.about { float: left !important; width: 50% !important; margin: 0 !important}
.footer-main .partner-product .item a { width: 50% !important}
.footer-main .partner-product .item.download { float: left !important; width: 100% !important; text-align: center}
.footer-main .partner-product .item.download .down-cont { width: 224px !important; display: inline-block}
.footer-main .partner-product .item.download .down-cont span { width: 92px !important; height: auto}
.footer-main .partner-product .item.download .down-cont .and, .footer-main .partner-product .item.download .down-cont .ios { width: 112px !important}
.footer-main .share { width: 100%; display: block; text-align: center; margin: 20px 0 !important}
.footer-main .share li { display: inline-block; margin: 0 7px !important}
.footer-main .friendly h3 { margin-right: 20px !important}
.footer-main .friendly .links1 a { padding-right: 26px !important}
.footer-main .friendly .links1 a:before { right: 11px !important}
.footer-main .copyright img { display: none !important}
#p_btn { display: none}
.footer-main .friendly .links1 a { font-size: 12px !important}
}




.wx_show_1{
    width: 360px;
    height: 380px;
    padding: 0;
    margin: 0 auto;
    margin-left: 360px;
    background: #FFF;
    position: fixed;
    top: 150px;
    display: none;
    z-index: 999;
    border: 0;
    border-top: 0;
    box-shadow: none;
}

.wx_show_1 img{
float: left; margin: 50px 0 0 50px;
}
.wx_show_msg{
display: block; width: 100%; text-align: center; padding-top: 15px;
}
.wx_show_msg a{
font-size: 16px; color: red; text-align: center;
}
.search_bg1{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 300;
    display: none;
    background: #0000006b;
}



#scbar { overflow: visible; position: relative; }
#sg{ background: #FFF; width:456px; border: 1px solid #B2C7DA; }
.scbar_narrow #sg { width: 316px; }
#sg li { padding:0 8px; line-height:30px; font-size:14px; }
#sg li span { color:#999; }
.sml { background:#FFF; cursor:default; }
.smo { background:#E5EDF2; cursor:default; }








.attention-author-button {
	background:#f40d04;
	border:none;
	border-radius:3px;
	cursor:pointer;
	height:30px;
	width:60px;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-align:center
}
.attention-author-button:hover {
	background:#4ea7ff
}
.attention-author-button.active {
	background:#d5dbe4
}
.author-info-avatar {
	position:relative;
	display:block;
	height:60px;
	width:60px
}
.author-info-avatar img {
	height:100%;
	width:100%
}
.author-info-avatar .avatar-img {
	border-radius:50%;
	display:block;
	height:100%;
	width:100%;
	overflow:hidden
}
.author-info-avatar .avatar-mark {
	position:absolute;
	bottom:5px;
	right:0;
	display:block;
	height:18px;
	width:18px
}
.author-info-user-name, .author-info-user-type {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.author-info-user-type {
	padding:0 6px;
	border-radius:8px;
	font-size:14px;
	height:20px;
	line-height:20px
}
.news-details-prev-next-page {
	display:flex;
	flex-flow:column;
	margin-bottom:15px
}
.news-details-prev-next-page.prev {
	padding-bottom:10px;
	border-bottom:1px solid #eee
}
.news-details-prev-next-page:hover p {
	color:#f40d04
}
.news-details-prev-next-page h5 {
	margin-bottom:10px;
	color:#222;
	font-size:16px
}
.news-details-prev-next-page p {
	float:right;
	margin:-3px 0 10px;
	color:#212121;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.news-details-share-wrapper {
	margin-top:20px;
	height:62px;
	width: 100%
}
.news-details-share {
	bottom:-70px;
	padding:15px 20px;
	background:hsla(0, 0%, 100%, .95);
	border:1px solid #eee;
	box-sizing:border-box;
	width: 100%;
	z-index:6;
transition:all .3s ease 0s
}
.news-details-share.active {
	bottom:0
}
.news-details-share .content {
	height:30px;
	font-size:14px;
	line-height:30px
}
.news-details-share .content, .news-details-share .content .user-info {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.news-details-share .content .user-info .avatar {
	margin-right:10px;
	height:30px;
	width:30px;
	overflow:hidden
}
.news-details-share .content .user-info .user-name {
	margin-right:30px;
	color:#222;
	font-weight:700
}
.news-details-share .content .func {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	height:100%
}
.news-details-share .content .func .comment-favorite {
	display:flex;
	align-items:center
}
.news-details-share .content .func .comment-favorite a {
	display:block
}
.news-details-share .content .func .comment-favorite a.favorite {
	margin-right:20px;
	background:url(/template/elecqhs/portal/starx.png) no-repeat 0 -1px;
	display:block;
	height:22px;
	width:22px
}
.news-details-share .content .func .comment-favorite a.favorite.active, .news-details-share .content .func .comment-favorite a.favorite:hover {
	background:url(/template/elecqhs/portal/news-details-share-bfd792c1.png) no-repeat -57px 0
}
.news-details-share .content .func .comment-favorite a.comment {
	padding-left:25px;
	background:url(/template/elecqhs/portal/news-details-share-bfd792c1.png) no-repeat 0 -40px;
	height:100%;
	color:#BBBBBB;
	line-height:32px
}
.news-details-share .content .func .share {
	margin:0 20px;
	padding:0 20px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	display:flex;
	align-items:center;
	color:#828a92
}
.news-details-share .content .func .share .social-share {
	margin-left:5px
}
.news-details-share .content .func .share .social-share .social-share-icon {
	border-color:#d5dbe4;
	height:25px;
	width:25px;
	color:#d5dbe4;
	font-size:16px;
	line-height:26px
}
.news-details-share .content .func .share .social-share .social-share-icon:hover {
	color:#fff
}
.news-details-share .content .func .share .social-share .social-share-icon:hover.icon-qq {
	border-color:#56b6e7
}
.news-details-share .content .func .share .social-share .social-share-icon:hover.icon-weibo {
	border-color:#ff763b
}
.news-details-share .content .func .share .social-share .social-share-icon:hover.icon-wechat {
	border-color:#7bc549
}
.news-details-share .content .func .share .social-share .social-share-icon:hover.icon-twitter {
	border-color:#55acee
}
.news-details-share .content .func .share .social-share .social-share-icon:hover.icon-facebook {
	border-color:#44619d
}
.news-details-share .content .func .goto-top {
	background:url(/template/elecqhs/portal/news-details-share-bfd792c1.png) no-repeat 0 -380px;
	cursor:pointer;
	height:21px;
	width:25px
}
.news-details-share .content .func .goto-top:hover {
	background-position:-53px -380px
}




.article-item {
	padding: 24px 0;
	position: relative;
	clear: both;
	border-bottom: 1px solid #F4F4F4;
	font-family: Helvetica, Arial, PingFang SC, Hiragino Sans GB, Source Han Sans CN, Roboto, Microsoft Yahei, sans-serif;
}
.article-item:after, .article-item:before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25px;
	background: none;
	content: "";
	display: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.article-item:before {
	left: -25px
}
.article-item:after {
	right: -25px
}
.article-item:hover:after, .article-item:hover:before {
	display: block
}
.article-item:hover a h2, .article-item:hover a h3 {
	color: #f40d04
}
.article-item p {
	font-size: 14px;
	color: #ACACAC;
	margin: 0;
	line-height: 24px;
	max-height: 48px
}
.article-item h3 {
	line-height: 22px;
	margin: 0 0 8px 0;
	color: #262626;
	font-size: 18px;
	font-weight: 400
}
.article-item .article-time {
	display: inline-block;
	font-size: 14px;
	color: rgba(0, 0, 0, .5)
}
.article-item .article-meta {
	position: absolute;
	bottom: 24px;
	right: 0;
	left: 0;
	padding-left: 228px;
	color: #838a92
}
.item-footer {
	font-size: 14px;
}
.tag {
	display: inline-block;
	font-size: 12px;
	margin-right: 13px;
	padding: 0 2px;
	text-decoration: none;
}
.tag.tag1 {
	color: #60A3F5 !important;
	border: 1px solid #60A3F5;
}
.item-footer, .item-footer a {
	line-height: normal;
	color: #999999;
}
.article-item .article-meta a {
    line-height:26px;
	color: #999999
}
a.btn-comment {
	padding: 5px 0;
	overflow: visible
}
.item-footer a { float: left; margin-right: 15px}
.article-item .article-meta .article-author {
	float: left;
	margin-right: 10px;
	margin-right: .5em
}
.article-item .article-meta .article-author .img-box {
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle
}
.article-item .article-meta .article-author .img-box img {
	width: 100%;
	vertical-align: top
}
.article-item .article-meta .icon-like {
	margin-left: 20px
}
.article-item .article-meta .source-right {
	float: left;
	vertical-align: middle
}
.article-item .img-cover-wrap {
	position: relative;
	display: inline-block;
	width: 208px;
	height: auto;
	max-height: 136px;
	margin-right: 20px;
	border-radius: 4px;
	float: left;
	overflow: hidden
}
.article-item .img-cover-wrap .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	background: hsla(0, 0%, 100%, .9);
	-webkit-box-shadow: 0 0 13px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 13px 1px rgba(0, 0, 0, .2);
	color: rgba(0, 0, 0, .9);
	border-radius: 50%;
	font-size: 22px;
	text-indent: .25em;
	line-height: 60px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
 -webkit-transition: -webkit-transform .3s ease;
 transition: -webkit-transform .3s ease;
 -o-transition: transform .3s ease;
 transition: transform .3s ease;
 transition: transform .3s ease, -webkit-transform .3s ease
}
.article-item .img-cover-wrap .play:hover {
	-webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1)
}
.article-item .img-cover-wrap .play span {
	display: none
}
.article-item .img-cover {
	background-color: #c3c3c3;
	border: 0;
	position: relative;
	overflow: hidden;
	text-align: center
}
.article-item .img-cover img {
	width: 208px;
	transition: 1s
}
.article-item .img-cover img:hover {
	webkit-transform: scale(1.2);
	-moz-transform: scale(1.2)
}
.article-item .article-info {
	position: relative;
	display: inline-block;
	width: 612px;
	overflow: hidden
}
.article-item .article-info p.multiline-text-overflow {
	-webkit-line-clamp: 3
}
.article-item.tushang .img-cover {
	padding-bottom: 100%
}
.article-item .ts-item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 31.5%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px
}
.article-item .ts-item:first-of-type {
	margin-left: -1%;
	margin-right: 1%
}
.article-item .ts-item .img-cover {
	padding-bottom: 50%
}
.article-item .ts-item .img-count {
	background: rgba(0, 0, 0, .3);
	border: 1px solid #efefef;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 18%;
	text-align: center;
	color: #fff;
	font-size: 26px
}
.article-item .category-tag {
	display: inline-block;
	padding: 0 9px;
	line-height: 2;
	background-color: #dcdcdc;
	font-size: 14px;
	margin-right: 1em;
	font-weight: 700
}
.news-synopsis {
	margin-bottom:25px;
	padding:10px 20px 10px 40px;
	background: #F7F7F7;
	border-radius:5px
}
.news-synopsis .synopsis-content {
	height: 32px;
	padding:10px 20px 10px 40px;
	background:url(/template/elecqhs/portal/news-details-synopsis-bg-abb7ce92.png) no-repeat left 17px;
	background-size:20px auto;
	color: #666666;
	font-size: 14px;
	line-height:32px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
 .news-tips {
	margin:10px auto 20px;
	color:#333;
	font-size:15px;
	line-height:26px;
	font-weight:700
}
.news-details-content .tradingView {
	font-size:14px;
	color:#a6a6a6;
	margin:30px 15px 20px;
	line-height:25px
}
.news-details-content .tradingView a {
	color:#f40d04
}
.news-details-content .news-tags {
	font-size:14px;
	line-height:36px
}
.news-details-content .news-tags a {
	margin-left:8px;
	background:#ededed;
	color:#4d4c4c;
	font-size:14px;
	height:30px;
	line-height:30px;
	padding:7px 8px
}
.news-details-content .news-tags a:hover {
	background:#e7e7e7;
	color:#333
}
.news-details-audio {
	margin-top:25px;
	position:inherit;
	background:#fcfcfc;
	border-radius:20px;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:40px
}
.news-details-audio .play-pause {
	margin-left:15px;
	position:relative;
	cursor:pointer;
	height:25px;
	width:25px;
	overflow:hidden
}
.news-details-audio .play-pause .play {
	position:absolute;
	left:0;
	top:0;
	background:#397eeb;
	border-radius:50%;
	height:100%;
	width:100%
}
.news-details-audio .play-pause .play:after {
	content:"";
	position:absolute;
	left:9px;
	top:5px;
	height:0;
	width:0;
	border-color:transparent transparent transparent #fff;
	border-style:solid;
	border-width:7px 9px
}
.news-details-audio .play-pause .pause {
	position:absolute;
	left:0;
	top:-3px;
	display:none;
	height:100%;
	width:100%;
	overflow:hidden
}
.news-details-audio .play-pause .pause em {
	float:left;
	margin-right:2px;
	background:#397eeb;
	border-radius:2px;
	display:block;
	height:100%;
	width:4px;
	transform:translateY(4px)
}
.news-details-audio .play-pause .pause em:first-child {
	transform:translateY(10px);
-webkit-animation:one .6s ease 0s infinite;
animation:one .6s ease 0s infinite
}
@-webkit-keyframes one {
0% {
transform:translateY(10px)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(10px)
}
}
@keyframes one {
0% {
transform:translateY(10px)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(10px)
}
}
.news-details-audio .play-pause .pause em:nth-child(2) {
transform:translateY(5px);
-webkit-animation:two .8s ease 0s infinite;
animation:two .8s ease 0s infinite
}
@-webkit-keyframes two {
0% {
transform:translateY(5px)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(5px)
}
}
@keyframes two {
0% {
transform:translateY(5px)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(5px)
}
}
.news-details-audio .play-pause .pause em:nth-child(3) {
transform:translateY(20px);
-webkit-animation:three .7s ease 0s infinite;
animation:three .7s ease 0s infinite
}
@-webkit-keyframes three {
0% {
transform:translateY(15px)
}
50% {
transform:translateY(5px)
}
to {
	transform:translateY(15px)
}
}
@keyframes three {
0% {
transform:translateY(15px)
}
50% {
transform:translateY(5px)
}
to {
	transform:translateY(15px)
}
}
.news-details-audio .play-pause .pause em:nth-child(4) {
transform:translateY(15px);
-webkit-animation:four 1s ease 0s infinite;
animation:four 1s ease 0s infinite
}
@-webkit-keyframes four {
0% {
transform:translateY(5)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(5)
}
}
@keyframes four {
0% {
transform:translateY(5)
}
50% {
transform:translateY(20px)
}
to {
	transform:translateY(5)
}
}
.news-details-audio .time-progress {
	margin-right:18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:100%;
	width:720px
}
.news-details-audio .time-progress time {
	color:#b2b2b2;
	font-size:12px
}
.news-details-audio .time-progress .progress {
	position:relative;
	background:#eaeaea;
	border-radius:4px;
	height:4px;
	width:630px;
	cursor:pointer
}
.news-details-audio .time-progress .progress .loaded, .news-details-audio .time-progress .progress .playing {
	position:absolute;
	left:0;
	top:0;
	background:#397eeb;
	height:100%;
	width:0;
transition:all .5s ease 0s
}
.news-details-audio .time-progress .progress .loaded {
	background:rgba(0, 0, 0, .05)
}
.news-details-video {
	margin:10px 0;
	width:100%
}
.news-details-video video {
	width:100%
}
.news-details-ad-generalize {
	margin:20px 0;
	padding:10px 20px;
	border:1px solid #eee
}
.news-details-ad-generalize h5 {
	width:100%;
	font-size:12px;
	color:#666;
	font-weight:700;
	margin-bottom:16px
}
.news-details-ad-generalize .content {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.news-details-ad-generalize .content a {
	float:left;
	margin-right:15px;
	border-radius:5px;
	display:block;
	height:170px;
	width:240px;
	overflow:hidden
}
.news-details-ad-generalize .content a:hover p {
	color:#f40d04
}
.news-details-ad-generalize .content a:nth-child(3n) {
margin-right:0
}
.news-details-ad-generalize .content a img {
	width:100%;
	height:133px;
	border-radius:3px
}
.news-details-ad-generalize .content a p {
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:700;
	line-height:30px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.news-details-ad-generalize .content a.single {
	float:none;
	margin-right:0;
	width:100%
}
.news-details-ad-generalize .content a.single img {
	width:100%
}
.news-details-ad-up {
	padding:30px 0 20px
}
.news-details-comment {
	background:#f5f7fa;
	border-top:1px solid #eee
}





.blog-footer {
	margin-top:30px;
	font-size:14px;
	text-align:center
}
.blog-footer .blog-footer-tit {
	width:306px;
	height:20px;
	line-height:20px;
	position:relative
}
.blog-footer .blog-footer-tit:after, .blog-footer .blog-footer-tit:before {
	width:80px;
	height:1px;
	background:#ebe9e9;
	content:" ";
	position:absolute;
	top:10px
}
.blog-footer .blog-footer-tit:before {
	left:24px
}
.blog-footer .blog-footer-tit:after {
	right:24px
}
.blog-footer .blog-footer-con {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.blog-footer .blog-footer-con a {
	display:inline-block;
	margin:16px 20px 0 0;
	height:20px;
	line-height:20px;
	position:relative;
	width:133px;
	text-align:left;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden
}
.blog-footer .blog-footer-con .blog-tag {
	display:flex
}
.blog-footer .blog-footer-con .blog-tag img {
	width:20px;
	height:20px;
	border-radius:10px;
	overflow:hidden;
	display:inline-block;
	margin-right:10px;
	vertical-align:middle
}
.blog-footer .blog-footer-con .blog-tag span {
	display:inline-block;
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis
}
.blog-footer .harmonyos a {
	width:auto
}
.top-activity {
	display:flex;
	margin-top:20px
}
.top-activity:nth-child(2) {
margin-top:32px
}
.top-activity .left {
	display:inline-block;
	width:142px;
	flex:0 0 142px;
	height:80px;
	border-radius:4px;
	margin-right:10px
}
.top-activity .left img {
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:4px
}
.top-activity .center-left {
	flex:0 0 112px;
	width:112px;
	height:157px;
	border-radius:4px;
	margin-right:18px
}
.top-activity .center-left img {
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:4px
}
.top-activity .right {
	position:relative
}
.top-activity .right a {
	font-size:15px;
	color:#272727;
	line-height:22px;
	max-height:66px;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	margin-top:-4px
}
.top-activity .right a:hover {
	color:#e90505
}
.top-activity .right span {
	width:153px;
	margin:0;
	color:#acacac;
	font-size:13px;
	line-height:20px;
	display:inline-block;
	position:absolute;
	bottom:-4px;
	left:0
}
.top-activity .center-right .name {
	font-size:16px;
	line-height:20px;
	color:#333
}
.top-activity .center-right .number {
	position:relative;
	font-size:12px;
	margin-top:6px;
	color:#999
}
.top-activity .center-right .introduce {
	position:absolute;
	bottom:-4px;
	left:0;
	color:#999;
	font-size:12px;
	width:156px;
	max-height:80px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	word-break:break-all
}
.top-activity .center-right .introduce:hover {
	color:#999
}
.mobile-journal .center-left {
	flex:0 0 288px;
	width:288px;
	height:404px;
	border-radius:10px;
	margin-right:18px
}
.mobile-journal .center-left img {
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:4px
}

 
.selected {
	margin-top:64px;
	width:100%
}
.selected .top-set {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.selected .top-set a {
	color:#acacac;
	font-size:14px
}
.selected .detail .every-link {
	margin-top:20px
}
.selected .detail .every-link a {
	width:100%;
	overflow:hidden;
	display:block;
	font-size:14px;
	line-height:20px
}
.selected .detail .every-link .abstract {
	margin:8px 0 0;
	color:#acacac;
	font-size:14px;
	max-height:40px;
	line-height:20px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	cursor:pointer
}

 
.selected .detail .every-link a:hover { color: #f40d04}
.selected .detail .every-link .abstract {
	margin:8px 0 0;
	color:#acacac;
	font-size:14px;
	max-height:40px;
	line-height:20px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	cursor:pointer
}
.set-editor {
	margin-top:60px
}
.set-editor .top {
	display:flex;
	justify-content:space-between
}
.set-editor .top .right {
	color:#acacac;
	font-size:14px
}
.set-editor .top .right:hover {
	color:#272727
}
.set-editor .top h3 {
	font-size:18px;
	color:#121212;
	line-height:25px
}
.editor {
	width:306px;
	display:flex;
	justify-content:space-between;
	margin-top:38px
}
.editor .left {
	display:block;
	flex:0 0 56px;
	width:56px;
	height:56px;
	margin-right:20px
}
.editor .left img {
	display:block;
	width:100%;
	height:100%;
	border-radius:50%
}
.editor .right {
	width:230px
}
.editor .right .introduce, .editor .right .no-introduce {
	display:block;
	font-size:14px;
	color:#686868;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	margin-top:4px
}
.editor .right .name {
	display:block;
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:22px
}
.topic-page {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:40px 0 20px
}
.topic-page a {
	color:#666;
	font-size:14px;
	font-weight:400;
	margin:0 7px
}
.topic-page .page-item.active {
	color:#e90505
}
.topic-page .page-item.active, .topic-page .un {
	pointer-events:none;
	cursor:default
}
.all-topic {
	margin-bottom:80px
}
.all-topic h3 {
	font-size:20px;
	font-weight:600;
	color:#121212;
	line-height:28px;
	margin-bottom:20px
}
.all-topic .current-topic {
	margin-bottom:23px
}
.all-topic .current-topic .current-topic-title {
	display:flex;
	align-items:center;
	cursor:pointer;
	margin-bottom:8px
}
.all-topic .current-topic .current-topic-title i {
	width:15px;
	height:15px;
	background:linear-gradient(323deg, #ff4f18, #f20000);
	box-shadow:0 2px 3px 0 rgba(240, 37, 15, .1);
	border-radius:7px 7px 7px 0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-style:inherit;
	color:#fff
}
.all-topic .current-topic .current-topic-title div {
	padding-left:7px;
	font-size:16px;
	font-weight:600;
	color:#333
}
.all-topic .current-topic .current-topic-title.active div, .all-topic .current-topic .current-topic-title:hover div {
	color:#e90505
}
.all-topic .current-topic .current-topic-list {
	width:-moz-fit-content;
	width:-webkit-fit-content;
	width:fit-content;
	max-width:100%;
	box-sizing:border-box;
	padding:5px 19px 10px;
	border-radius:4px
}
.all-topic .current-topic .current-topic-list .current-topic-item {
	display:flex;
	align-items:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:10px;
	cursor:pointer
}
.all-topic .current-topic .current-topic-list .current-topic-item i {
	font-size:13px;
	font-style:inherit;
	color:#686868;
	display:flex;
	align-items:center;
	justify-content:center
}
.all-topic .current-topic .current-topic-list .current-topic-item div {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	padding-left:4px
}
.all-topic .current-topic .current-topic-list .current-topic-item:last-child {
	margin-bottom:0
}
.all-topic .current-topic .current-topic-list .current-topic-item.active i, .all-topic .current-topic .current-topic-list .current-topic-item:hover div, .all-topic .current-topic .current-topic-list .current-topic-item:hover i {
	color:#e90505
}
.all-topic .current-topic .current-topic-list .current-topic-item.active div {
	color:#e90505;
	font-weight:700
}
.all-topic .other-topic .other-topic-item {
	display:block;
	font-size:16px;
	font-weight:400;
	color:#121212;
	line-height:22px;
	margin-bottom:20px;
	cursor:pointer;
	display:flex;
	align-items:center
}
.all-topic .other-topic .other-topic-item i {
	font-size:16px;
	font-style:inherit;
	color:#686868;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:4px
}
.all-topic .other-topic .other-topic-item:hover i, .all-topic .other-topic .other-topic-item:hover {
	color:#e90505
}
.all-topic .see-more {
	display:flex;
	align-items:center;
	cursor:pointer
}
.all-topic .see-more span {
	font-size:16px;
	font-weight:700;
	color:#666;
	line-height:22px;
	padding-right:8px
}
.all-topic .see-more img {
	height:12px
}









#elecom_nav {}
.nav-list li { float: left; margin-right: 32px; font-size: 16px}
.nav-list li a { line-height: 40px; font-size: 16px; color: #333333}
.nav-list li a:hover { font-weight: bold}
.nav-list li a.a { color: #333333}
.nav-list li a em { display: inline-block;
    width: 6px;
    height: 6px;}
.nav-list li a.a em { display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
    background-color: #f40d04;
    vertical-align: middle;
    opacity: 1;}
.sticky-wrapper { float: left; width: 60px}

.top_tag { display: block !important}

.Framebox2 { padding: 10px 0}

.pgs { padding: 30px 0 0 0; background: #FFFFFF}

blockquote {

    border: none;

    margin: 0;

    padding: 25px 30px;

    background-color: #F5F5F5;

    display: block;

    font-size: 16px;

    line-height: 23px;

}

.text-remarks {

    color: #999;

    line-height: 30px;

}

.text-big-title {

    font-size: 20px;

    font-weight: 700;

    color: #a41d1d;

}





/* 文章列表页/List */



.mbox_list{margin:0;padding:30px 0;border-bottom:1px solid #F0F0F0 !important}

.mod_art_list h3{ height: 25px; line-height:25px;font-weight:400;margin:0;overflow:hidden}

.mod_art_list h3 a{font-size:19px;color:#474E5D;font-weight:bold}

.mod_art_list h3 a:hover{color: #ed0000;text-decoration:underline}

.mod_art_list_pic{float:left; width: 220px; margin-right:20px;height:140px;overflow:hidden}

.mod_art_list_pic img{width:220px;min-height:140px}

.mod_art_list_simple{margin:0;height: 46px;line-height:23px;font-size:14px;color: #667086;overflow:hidden}

.colorlink{color:#62BAE4!important;font-weight:400}

.ie7 .colorlink{float:left}

.mod_art_list_info{height:25px;line-height:25px;margin:15px 0 10px 0;font-size:14px;color: #667086}

.mod_art_list_info .author1 img{width:25px;height:25px;margin-right:10px;border-radius:50%;vertical-align:middle}

.mod_art_list_info a{float:left;display:inline-block;color: #667086}

.mod_art_list_info span{float:left}

.s_view{float:left;height:15px;width:15px;background:url(../comment.png) no-repeat 0 0;margin:6px 5px 0 0;overflow:hidden}

.ie7 .s_view,.ie8 .s_view{padding-top:8px}

.mod_art_list .pipe{display:inline-block;width:7px;height:7px;margin:0 10px;font-family:serif,Tahoma,Arial,sans-serif}

.ie7 .mod_art_list .pipe{float:left}

.icon16link{margin-left:15px}



/* end */





a:hover { text-decoration: none}

.inside_box { background: none}

.middle_info { margin: 0; border-radius: 0; box-shadow: none; background: #FFFFFF}



.card { top: 305px; left: 260px; background: #FFFFFF}

.card .p_opt { padding: 10px}



.ct2 .mn { width: 840px; padding: 15px 0 0 0; border-radius: 0; background: #FFFFFF; box-shadow: none}

.ct2 .sd { float: right; width: 306px; padding: 0; border-radius: 0; background: #FFFFFF; box-shadow: none; overflow: visible}



.pren { padding: 0 0 5px 0 !important; font-size: 13px}

.pren .z { width: 330px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}

.pren .y { max-width: 330px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}



.bm_h{ background:none;border-bottom: 3px solid #F4F4F4;height: 36px;line-height: 36px;}

.bm_h h2{float: left;font-size: 16px;font-weight: 700;}



.bm{ border:none;}

.bm_c{ padding:0;}



.mod_art_list_content { height: 120px; margin-left: 240px}



.mod_art_list { position: relative; height: 140px; color: #777777; border-bottom: 0; background: #FFFFFF}





.list_box { margin-bottom: 15px}

.span-mark { display: none}

.span-mark-author { border-bottom: 0; top: -5px !important}



.tit01 .rss {margin-right: 10px;margin-top: 5px;padding-left:30px;background: url(../rss.png) no-repeat 0 45%;}

.tit01 .add{margin-right: 10px;margin-top: 5px;padding-left:30px;background: url(../add.png) no-repeat 0 45%;}

.tit01 h1, .tit01 h2, .tit01 h3, .tit01 h4 { color: #555555}

.tit_top { width: 100%; height: 22px; line-height: 22px; padding: 0; margin: 0; border-bottom: 0; overflow: hidden; background: #FFFFFF}

.tit_top h3 { float: left; padding-bottom: 0; margin: 0; font-size: 20px; color: #474e5d; font-weight: bold; background: none}

.tit_top .post { display: block; width: auto; height: 25px; line-height: 25px; padding: 0 0 0 30px; margin: 0; color: #666666; font-size: 13px; background: none}





.portal_sort { margin-top: 10px}

.portal_sort ul { width: 290px}

.portal_sort li { float: left; width: 128px; padding: 0; margin: 0 10px 10px 0; text-align: center}

.portal_sort li a { height: 38px; line-height: 38px; text-decoration: none; padding: 0; display: block; font-size: 16px; color: #f40d04; text-align: center; border: 0; overflow: hidden; font-weight: bold; background: #F3F3F3}

.portal_sort li a:hover { color: #ee5b2e}





.special .spe_list {overflow:hidden;} 

.special .spe_list li{width: 250px;height: 26px;line-height: 26px;padding-left: 10px;float: left;background: url(../bgtit.png) no-repeat -493px -57px;overflow: hidden;}





.contacts { float: right; padding: 10px 0; text-align: right}

.contacts a { margin-left: 10px; color: #CCCCCC}

.contacts a:hover { color: #62BAE4}





/* 文章内页 */



#nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-left: 0; margin-right: 0}



.avatar_left { float: left; width: 30px; margin: 0 10px 0 0}

.avatar_left img { width: 32px; height: 32px; border-radius: 50%}

.avatar_right { float: left; width: 670px; line-height: 30px}



.vw .hm { text-align: left; padding: 0 0 15px 0 !important; border-bottom: 1px dotted #D8D8D8 !important}

.vw .ph { line-height: 36px; padding: 0 0 10px 0; font-size: 26px; color: #222222; font-weight: bold; text-align: left}

.h .xg1, .h .xg1 a { color: #888888 !important}

.vw .h { position: relative; padding: 0 !important; margin: 0; border-bottom: 0 !important; border-radius: 0}

.vw .h p { width: 100%; float: left; height: 30px; line-height: 30px}

.vw .s{border: 1px solid #F9F9F9;background:#f1f6f8; padding:10px; margin: 10px auto}

.vw .s strong { color: {ALLCOL}}

.vw .s { color: #666666}

.vw .d { color: #333333; margin: 0 0 30px 0; font-size: 16px; line-height: 30px}

.vw .d img { max-width: 100%; margin-bottom: 0}

.vw .d p { margin-bottom: 0}

.forum_hd { padding-bottom: 10px}

.vwtb { height: auto}



.contact a{color:red}

.pipe{margin:0 3px}

.vw .h span{line-height:30px}

.focus_num{float:left;display:block;height:22px;line-height:22px;color: #999999;font-size:14px;padding:0 0 0 20px;margin-left:20px;background:url(../star.png) no-repeat 0 6px}

.authors{line-height:22px;font-size:16px;color: #999999}

.authors a{float:left;font-size:14px;margin-top:0;font-weight:400;color: #999999;height:22px;line-height:22px;background:0 0;padding:0;margin:4px 0 0 0}

.dates{padding:0 0 0 18px;color:#ADADAD;background:url(../date.png) no-repeat left 7px}

.msg_caption{width:60px;padding:0}

.msg_caption span{display:block;width:20px;height:22px;margin:8px 0 0 15px;float:left;background:url(../msg_caption.png) 0 0 no-repeat;text-indent:-9999px;cursor:pointer}

.msg_caption .bigger{background-position:-85px 4px}

.msg_caption .bigger:hover{background-position:-28px 4px}

.msg_caption .smaller{background-position:1px 4px}

.msg_caption .smaller:hover{background-position:-56px 4px}

#nv_portal .vw .pren em{width:100%;margin:0 0 5px 0;display:block;height:24px;line-height:24px;overflow:hidden;color:#999}

#nv_portal .vw .pren em a{color:#999}

#nv_portal .vw .pren em a:hover{color:#62BAE4}

#nv_portal .vw .pren em .i_prev{float:left;height:18px;width:10px;padding:0;margin:5px 6px 0 0;background:url(../pages2.png) repeat -14px -8px}

#nv_portal .vw .pren em .i_next{float:left;height:18px;width:10px;padding:0;margin:5px 6px 0 0;background:url(../pages2.png) repeat -35px -35px}

#nv_portal .vw .pren em.y{float:left}

#related_article .bm_c{padding:20px;margin:30px 0 0 0;border:1px solid #F0F0F0;background:#F9F9F9}

#related_article .xl2 li{width:42%;height:33px;line-height:33px;font-size:14px;margin:0 50px 0 0;white-space:nowrap;text-overflow:ellipsis}

#related_article .xl2 li a{color:#888}

.mls .avt{width:50px;margin-right:10px}

.mls .avt img{width:50px;height:50px;padding:0;vertical-align:top;border-radius:5px;border:0}

.moquu_wxad{text-align:center;width:100%;height:150px;margin-top:20px;background:#F7F7F7}

.moquu_tags{height:85px;margin-top:18px;padding-left:25px}

.moquu_tags p{line-height:30px;font-size:14px;padding-left:0;color:#8C8B8B}





/* 表态动作 */



.atd .num em { font-size: 16px}

.atdc div { display: none}



/* add */



.vw .o { border: 0}

.oshr { -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0; border:1px solid #CDCDCD}



#click_div .mbm.xs1, #click_div #trace_div { }

.atd .atdc { display: none}

.infos { display: none !important; position:fixed;left: 50%; top:20%;margin-left: -620px; width: 48px; overflow:hidden;border: 0;z-index:1001;-webkit-border-radius: 0 0 0 3px;border-radius: 0 0 0 3px}

.ie7 .infos { display: none}

.infos .recommend { display: block; width: 34px !important;height: 25px !important;line-height: 16px;margin: 0 auto 5px auto !important;padding: 0 !important;float: none !important;cursor: pointer; background: url(../moquu_gd.jpg) no-repeat 0 0 !important}

.s_reply{float:left;height:17px;width:18px;background-image:url(../write.png);margin:0 5px 0 0;background-position:0 0; display: none}

.s_reply:hover, .reply1 a:hover .s_reply { background-image:url(../write2.png)}

.reply1 a:hover { color: #62BAE4 !important}





/* 评论 */



.reply_box{ padding: 0; margin-top: 20px; border-radius:0;box-shadow:none;background: none}

.comment_box{padding: 0 0 20px 0}

.top_in{font-family:"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft Yahei",SimSun,"WenQuanYi Micro Hei",sans-serif}

#comment{margin:15px 0 0 0;border-radius:0;box-shadow:none;background:#FFF}

#comment .comment_tit{padding:0;margin:0;border-bottom:0}

#comment .comment_tit a{padding:0;color:#333;height:50px;line-height:50px;font-size:18px;float:left}

#comment .comment_tit strong{font-weight:400}

#comment .comment_tit a.on{background:#FFF none repeat scroll 0 0;margin-left:-1px;border-top:3px solid #666;color:#000;height:47px;line-height:44px;border-bottom:1px solid #F4F4F4}

#comment_ul{padding:0}

#comment_ul li{border-top:1px solid #F0F0F0;margin:0;padding:15px 0 15px 70px}

#comment_ul .commont_floor{float:right;padding-left:6px;margin-top:4px;font-size:14px;font-family:Arial;font-weight:700;color:#444}

#comment_ul li dd{font-size:14px;color:#555}

#comment_ul li p{color:#888}

#comment_ul li p a{margin-left:10px;color:#888}

#comment_ul .mbm{position:relative}

#comment_ul .portrait{position:absolute;left:-62px;top:0}

#comment_ul .portrait img{width:50px;height:50px;max-width:100%;vertical-align:top;border-radius:50%;box-shadow: none}

#comment_ul .username{margin-right:10px;color:#333;font-size:14px;font-weight: bold;font-family:"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft Yahei",SimSun,"WenQuanYi Micro Hei",sans-serif}

#comment_ul .xg1,#comment_ul .xg1 a{color:#888!important}



/* end */









.cutline{float:left;height:13px;width:1px;margin:4px 10px 0 1px;background:#E6E6E6}

.comment_left{float:left;margin:0 10px 0 0}

.comment_right{float:left}

.ds-avatar img{display:block;width:50px;height:50px;max-width:none;box-shadow:0 1px 3px rgba(0,0,0,.22);border-radius:50%;transition:-moz-transform .4s ease-out 0s}

.tedt{margin:0 0 20px 0 !important;border:0;width: auto;border: 1px solid #e1e1e1;box-shadow:none;background: #FEFEFE}

.tedt .area{background: #F9F9F9}

.tedt .pt{width:688px;height:85px!important;padding:8px 10px!important;line-height:1.6;border:overflow: auto;vertical-align:middle;color:#999;box-shadow:none;resize:none;background:0 0}

.ptn{padding-top:15px!important}

.tedt_down{width: 100%;background:0 0}

.tedt_down .pn{float: right;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:32px;line-height:32px;width:85px;margin:0;color:#FFF;font-size:14px;font-weight:400;border:0;overflow:hidden;box-shadow:none;transition:all .5s ease 0s; border-radius: 4px; background: #f40d04}

.tedt_down .pn:hover{background: #f40d04}

.ie7 .tedt_down .pn{border-left:0!important}

.tedt_down .px{height:15px;line-height:15px;margin-left:3px}



#click_div { }



.page_contentbox{width:1120px;margin:25px auto 0 auto;background:#FFF}

.photo_com{width:100%;height:340px;background:url(../banner_guanyu.jpg) no-repeat top;background-size:100% 100%}

.content_upline{border-top:2px solid #0e79cc;text-align:center;color:#0e79cc;width:354px;margin:60px auto 0;padding-bottom:60px;position:relative;top:0;left:0}

.content_upline h2{font-size:28px;padding:10px 30px;background:#fff;position:absolute;top:-30px;left:50%;margin-left:-100px}

.content_text{color:#666;font-size:16px;line-height:40px;padding:0 80px}

.content_text p{padding-bottom:40px;text-indent:2em}

.line_one p{padding-bottom:0;text-indent:0}







.big2-pic,.big2-pic-right{position:relative;background-color:#F9F9F9}

.big-pic .back-img,.big2-pic .back-img{position:absolute;width:100%}

.big-pic img,.big2-pic img,.hot-article-img img,.mod-thumb img,.topic-content img{width:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}

.big2-pic img{transition:all .5s ease-out}

.big2-pic:hover img{transform:matrix(1.04,0,0,1.04,0,0)}

.big-pic-content,.big2-pic-content{position:absolute;width:533px;height:300px;z-index:10;cursor:pointer;display:block}

.big2-pic,.big2-pic-content,.big2-pic-right{width:395px;height:270px;overflow:visible}

.big2-pic-right{width:385px}

.pull-left{float:left!important}

.pull-right{float:right!important}

.big2-pic-right .article-title{padding:20px 20px 10px 20px;font-size:18px;line-height:28px}

.big2-pic-right .article-title a{color:#333333}

.big2-pic-right .article-title a:hover{color:#62BAE4}

.big2-pic-right .article-author{position:relative;margin:30px 20px;border-top:1px solid #f0f0f0}

.big2-pic-right .article-author .mob-author{margin:10px 0}

.mob-author .author-face{position:absolute;width:25px;height:25px}

.mob-author .author-face img{width:100%;overflow:hidden;border-radius:25px}

.mob-author .author-name,.mob-author .time,.mob-author em{color:#bbb;line-height:24px;font-style:normal}

.mob-author .author-name{margin-left:36px}

.mob-sub{font-size:14px;color:#999;line-height:24px}

.t-h1{margin:0 30px;bottom:22px;position:absolute;word-break:break-all;font-size:24px;color:#fff}

.big2-pic-content .t-h1{word-break:inherit;font-size:18px;color:#fff;line-height:1.5;font-weight:400}

.big-pic::before,.big2-pic::before,.topic-content::before{content:"";position:absolute;width:100%;height:100%;z-index:1;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease;background:-webkit-gradient(linear,0 30%,0 100%,from(rgba(0,0,0,0)),to(#121515));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515)}







.ry-list-wrap .ry-box{position:relative;width:370px;height:auto;margin-right:30px;float:left;margin-top:30px}

.ry-list-wrap .ry-box:hover{box-shadow:0 0 15px rgba(45,50,55,.3);-webkit-transform:translateY(-5px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}

.ry-list-wrap .ry-box:hover .ry-content{border:1px solid #FFF}

.ry-mod-angle{position:absolute;left:-10px;height:24px;color:#fff;text-align:center;background-color:#f63756;line-height:24px;padding:0 10px;z-index:20;top:20px;font-size:14px}

.ry-mod-angle::after{content:" ";position:absolute;left:0;top:24px;width:0;height:0;border-top:6px solid #cd213d;border-left:10px solid transparent}

.ry-list-wrap .ry-box .pic-box{height:278px;overflow:hidden}

.ry-list-wrap .ry-box .pic-box .pic-content{position:absolute;width:370px;height:278px;background:-webkit-gradient(linear,0 50%,0 100%,from(rgba(0,0,0,0)),to(#121515));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515)}

.ry-list-wrap .ry-box .pic-box .pic-content .number{position:absolute;bottom:20px;right:30px;color:#999}

.ry-list-wrap .ry-box .pic-box .pic-content .number span{font-size:20px;color:#62BAE4}

.ry-list-wrap .ry-box .ry-content{border:1px solid #F0F0F0;height:auto;padding:25px 30px 30px}

.ry-list-wrap .ry-box .ry-content .tit_x{font-size:18px;color:#333;line-height:28px;height:56px;overflow:hidden;margin:0}

.ry-list-wrap .ry-box .ry-content .author{color:#bbb;margin-top:10px}

.ry-list-wrap .ry-box .ry-content .author span{margin-right:20px}

.ry-list-wrap .ry-box .ry-content .pl-topic-wrap{padding:20px;margin-top:16px;background:#F9F9F9}

.ry-list-wrap .ry-box .ry-content .pl-box{margin-top:0;height:48px;color:#bbb;padding:0;line-height:24px;overflow:hidden}







.column-link-box{position:absolute;bottom:25px;right:2px;text-align:right}

.column-link{font-size:12px;color:#62BAE4;text-align:center;line-height:1;z-index:10;margin-left:20px}





/* 相关文章/About */



#related_article { display: none; padding-top: 30px}

#related_article h3 { color: #555555; font-size: 16px}

#related_article li { color: #666666}



/* end */





.recommended_news, .hotTopic_news, .hotAttention_news {

    border: 1px solid #ededed;

    border-top: 3px solid #3d455f;

    margin-bottom: 20px;

    width: 100%;

    overflow: hidden;

}

.hotAttention_news .titx {

    font-size: 20px;

    width: 100%;

    height: 50px;

    background-color: #f6f6f6;

    line-height: 50px;

    text-align: center;

	color: #3d455f

}

.hotAttention_news .titx {

    background-color: #fff;

    font-size: 18px;

    height: 40px;

    line-height: 40px;

	font-weight: 400

}

.hotAttention_news .titx {

    background-color: #f6f6f6;

}

.hotAttention_news .titx em {

    color: #ed0000;

}

.hotAttention_news ul li {

    margin: 20px 10px;

    height: 50px;

}

.hotAttention_news ul li {

    margin: 20px 10px;

}

.hotAttention_news ul li span {

    float: left;

    font-family: Arial;

    width: 12%;

    font-size: 22px;

    color: #b4b4b4;

	text-align: center

}

.hotAttention_news ul li .reds {

    color: #ed0000;

}

.hotAttention_news ul li span {

    font-family: Arial;

    font-size: 20px;

}

.hotAttention_news ul li p {

    float: left;

    line-height: 25px;

    height: 50px;

    width: 88%;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 6px;

	font-size: 14px

}

.hotAttention_news ul li p {

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: 6px;

}

.hotAttention_news ul li:last-child p {

    border-bottom: none !important;

}

.hotAttention_news ul li p a {

    display: inline-block;

	text-decoration: none

}
.hotAttention_news ul li p a:hover { color: #f40d04}




#click_div .atd a { color: #555555; font-size: 14px}





.detailName {

    height: 220px;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center;

    width: 100%;

    background-repeat: no-repeat;

    margin-bottom: 30px;

}

.categoryBt {

    position: relative;

    overflow: hidden;

	text-align: center

}

.flex_box {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-box;

    display: -o-box;

    display: box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: -moz-flex;

    display: -o-flex;

    display: flex;

}

.midCenter {

    -moz-box-pack: center;

    -moz-box-align: center;

    box-align: center;

    box-pack: center;

    display: -ms-flexbox;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

}

.categoryBt .second_nav_icon {

    position: absolute;

    left: 45px;

    top: 20px;

    z-index: 1;

    width: 68px;

    height: 68px;

    border-radius: 100%;

}

.categoryBt .second_nav_icon img {

    width: 35px;

}

.categoryBt .tag_name {

    position: absolute;

    left: 91px;

    top: 20px;

    color: #62BAE4;

    font-size: 18px;

    width: 100px;

    height: 100px;

    border-radius: 100%;

    padding: 0;

    margin: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 13px;

    z-index: 1;

}

.categoryBt .circle_icon {

    position: absolute;

    top: 10px;

    left: 45px;

}





.a_bg1 { width: 100%; height: 220px; background: url(../bg1.png) 50% no-repeat; background-size: cover}

.a_bg2 { width: 100%; height: 220px; background: url(../bg2.jpg) 50% no-repeat; background-size: cover}

.a_bg3 { width: 100%; height: 220px; background: url(../bg3.png) 50% no-repeat; background-size: cover}

.a_bg4 { width: 100%; height: 220px; background: url(../bg4.png) 50% no-repeat; background-size: cover}


.article-topic {
    display: inline-block;
	margin-top: 28px;
    margin-bottom: 18px;
}
.article-topic .topic-item {
    height: 24px;
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#ffecec);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 20px 0 8px;
    margin-right: 5px;
    float: left;
    min-width: 65px;
    margin-bottom: 10px;
}
.ctoicon {
    font-family: ctoicon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.article-topic .topic-item i {
    width: 17px;
    height: 17px;
    background: linear-gradient(323deg,#ff4f18,#f20000);
    box-shadow: 0 1px 2px 0 rgb(240 37 15 / 10%);
    border-radius: 8px 8px 8px 0;
    font-size: 12px;
    font-style: inherit;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article-topic .topic-item span {
    font-size: 14px;
    font-weight: 400;
    color: #e90505;
    padding-left: 9px;
    cursor: pointer;
}

.comment_pl{
 height: 48px;
    line-height: 50px;
    margin: 0;
    border-bottom: 1px solid #ededed;
}
.comment_tit{
font-size: 14px; font-weight: bold;
}

.comment_tit em{
display: inline-block; padding: 0 5px; margin: 0 0 0 10px; height: 18px; line-height: 18px; color: #FFFFFF; background: #f40d04; font-size: 12px; font-weight: 400;
}
.tag_box1{
padding-top: 6px; margin-bottom: 8px; font-size: 16px; color: #474e5d; font-weight: 400;
}




a:active, a:hover {
  outline: 0
}
a {
  text-decoration: none;
  color: inherit
}
.yydg-container {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto
}
.yydg-container-fixed {
  z-index: 120;
  position: fixed;
  top: 18px;
}
.main-content {
  padding-top: 20px
}
.home-block {
  display: flex;
  align-items: flex-start
  background-color: #fff;
}
.topCard--list {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.topCard--item {
  padding: 5px 5px;
  box-sizing: border-box;
  margin-bottom: 15px;
  background: #fff;
  width: 100%;
  max-width: 860px;
  min-height: 140px;
  height: auto;
}
.yydg-container-fixed .topCard--item{
  box-shadow:0 0 3px 1px rgba(0,0,0,.1);
}
.topCard--tags {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3px
}
.topCard--tags a {
  color: #000;
  background-color: #fff;
  border: 0.5px solid #f4f4f4;
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
  border-radius: 2px;
  line-height: 1.4;
  padding: 5px;
  transition: background-color .5s;
  will-change: background-color
}
.topCard--tags a.hot {
  color: #fff
}
.topCard--tags a.hot, .topCard--tags a.hot:hover {
  background-color: #4370f5
}
.topCard--tags a:hover {
  border: 0.5px solid #fff;
  color: #fff;
  background-color: rgba(25, 166, 145, .9)
}
.topCard--title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 1px;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 8px;
  margin: 0;
  display: flex;
  align-items: center
}
.topCard--title svg {
  width: 24px;
  height: 24px;
  margin-right: 5px
}
.topCard--title span {
  font-size: 12px;
  color: rgba(0, 0, 0, .5);
  margin-left: 5px;
  align-self: flex-end;
  transform: translate3d(0, -4px, 0)
}
.item-btn-list{
  height: auto;
  width: 100%;
  float: left;
}
.item-btn-content{
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  width: 740px;
  float: left;
}
.item-btns-content{
  height: auto;
}
.item-btn-content>a{
  display: block;
  float: left;
  width: auto;
  padding:6px;
  text-align: center;
}
.item-btn-left{
  width: 50px;
  height: 45px;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  float: left;
}
.item-btn-right{
  font-size: 1em;
  font-weight: bold;
  color: #1abc9c;
  width: 40px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  float: left;
}
.item-btn-right:hover{
  cursor: pointer;
}

@media(max-width:1024px) {
  .yydg-container-fixed {
    z-index: 120;
    position: relative;
    top: 18px;
   }
  .item-btn-list{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .item-btn-content{
    overflow: hidden;
    height: 45px;
    line-height: 45px;
    width:  calc(100% - 100px);
    float: left;
  }
  .item-btns-content{
    height: auto !important;
  }
  .item-btn-content>a{
    display: block;
    float: left;
    width: auto;
    padding:6px;
    text-align: center;
  }
  .item-btn-content a:hover {
    border: 0.5px solid #fff;
    color: #fff;
    background-color: rgba(25, 166, 145, .9)
  }
}




.live-box {
	margin-top:15px;
	display:flex
}
.live-box .live-item-root {
	margin-right:20px
}
.top-live {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:26px
}
.top-live .live-icon span {
	display:inline-block;
	margin-right:6px
}
.top-live .live-icon i {
	color:#e9e9e9
}
.top-live .live-icon .icon-active, .top-live .live-icon i:hover {
	color:#999
}
.live-item-root {
	word-break:break-all;
	border-radius:40px;
	background-color:#fff;
	box-sizing:border-box
}
.live-item-root .live-item-img_container {
	width:406px;
	height:234px;
	background:#d1d1d1;
	border-radius:4px;
	position:relative
}
.live-item-root .live-item-img_container a {
	display:block;
	width:100%;
	height:100%
}
.live-item-root .live-item-img_container a .live-item-img {
	width:100%;
	height:100%;
	border-radius:4px
}
.live-item-root .live-item-img_container .live-item-img_time {
	position:absolute;
	top:13px;
	left:16px
}
.live-item-root .live-item-img_container .live-item-pandentr {
	position:absolute;
	top:13px;
	right:13px;
	height:26px;
	line-height:26px;
	background:rgba(0, 0, 0, .69);
	border-radius:13px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	padding:0 18px
}
.live-item-root .item-img_mid {
	width:334px;
	height:189px
}
.live-item-root .live-item-tit {
	font-size:28px;
	font-weight:400;
	color:#303030;
	line-height:40px
}


.pendant {
	word-break:break-all;
	display:flex;
	height:26px;
	line-height:26px;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff
}
.pendant .pendant_l {
	padding:0 13px;
	text-align:center;
	border-radius:13px 0 0 13px;
	background:linear-gradient(323deg, #329232, #41af41)
}
.pendant .pendant_r {
	padding:0 13px;
	background:rgba(0, 0, 0, .7);
	border-radius:0 13px 13px 0
}
.pendant .pendant_r_more {
	border-radius:13px
}
.pendant .bg-color_blue {
	background:#0ae;
	box-shadow:0 3px 4px 0 rgba(240, 37, 15, .1)
}
.pendant .bg-color_red {
	background:linear-gradient(323deg, #ff4f18, #f20000);
	box-shadow:0 2px 3px 0 rgba(240, 37, 15, .1)
}
.pendant .pendant_icon {
	font-size:14px
}
.pendant .no-padding {
	padding:0
}
.pendant .radius-right {
	border-radius:13px
}
.pendant .pendant-icon-size {
	font-size:14px
}
.classification-root {
	line-height:1
}
.classification-root .classification-title h3 {
	font-size:18px;
	color:#fff;
	line-height:25px;
	font-weight:600
}
.classification-root .classification-title span {
	display:block;
	margin-top:5px;
	width:30px;
	height:2px
}
.classification-root .classification-title .span_bg0 {
	background:#a3672a
}
.classification-root .classification-title .span_bg1 {
	background:#397431
}
.classification-root .classification-title .span_bg2 {
	background:#1d88a4
}
.classification-root .classification-title .span_bg3 {
	background:#6654c9
}
.classification-root .classification-content {
	margin-top:13px;
	width:330px;
	height:110px;
	background:hsla(0, 0%, 100%, .1);
	border-radius:12px;
	padding:28px 19px 30px
}
.classification-root .classification-content a {
	display:block;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.classification-root .split-top_14 {
	margin-top:14px
}


.vw .d p {
    margin-top: 20px;
    margin-bottom: 20px;
	text-indent: 2em;
}
#article_content p{ 
    margin-top: 20px;
    margin-bottom: 20px;
	text-indent: 2em;
}
.vw .d img {
    text-align: center;
    margin: 20px auto;
    display: block;
}
#article_content img{ 
    text-align: center;
    margin: 20px auto;
    display: block;
}
#article_content h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    border-left: 3px solid #d22121;
    padding-left: 10px;
}

#article_content h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px; 
}
#article_content h4,#article_content h5,#article_content h6 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px; 
}

.article-item .img-cover-wrap .play {
    display: none;
}




.right-item {

  padding-bottom: 10px;

  background: #F9F9F9;

  margin-bottom: 22px;

}

.right-item .right-Bt {

  border-bottom: 1px solid #CCC;

  padding: 22px 0px 13px 0px;

  margin: 0 20px 0 20px;

  position: relative;

  height: 20px;

  line-height: 20px;

  margin-bottom: 10px;

}

.right-item .right-Bt:before {

  content: "";

  position: absolute;

  bottom: -1px;

  width: 104px;

  height: 2px;

  background-color: rgba(0, 0, 0, 0.5);

  left: 0;

}

.right-item .right-Bt .fl_bt {

  font-size: 18px;

  color: #363636;

  position: relative;

  padding-left: 30px;

}

.right-item .right-Bt .fl_bt:before {

  background-position: left center;

  background-repeat: no-repeat;

  -webkit-background-size: 20px 20px;

  background-size: 20px 20px;

  position: absolute;

  left: 0px;

  top: 1px;

  width: 20px;

  height: 20px;

}

.right-item .right-Bt .tab_logo:before {

  content: '';

  background-image: url("../tab_logo.png");

}

.right-item .right-Bt .classify_logo:before {

  content: '';

  background-image: url("../classify_logo.png");

}

.right-item .right-Bt .original_logo:before {

  content: '';

  background-image: url("../original_logo.png");

}

.right-item .right-Bt .author_logo:before {

  content: '';

  top: 1px;

  background-image: url("../author_logo.png");

}

.right-item .right-Bt .news_bt:before {

  content: '';

  background-image: url("../news_logo.png");

}

.right-item .right-Bt .more {

  font-size: 12px;

  color: #a09f9f;

  position: relative;

  display: block;

  line-height: 30px;

}

.right-item .right-Bt .more:hover {

  color: #62BAE4;

}


.side-article-list li {

  font-size: 14px;

  /* background: url(../tab.png) no-repeat;

    background-position: 24px 8px;

    -webkit-background-size: 8px 8px;

    background-size: 8px 8px;*/

  padding: 0px 20px 0px 46px;

  margin: 10px 0 12px 0;

  border-bottom: 1px solid #ccc;

  position: relative;

}

.side-article-list li a {

  color: #363636;

  line-height: 22px;

  margin-bottom: 2px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height: 44px;

  min-height: 22px;

  display: block;

  font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;

}

.side-article-list li a:hover {

  color: #62BAE4;

}

.side-article-list li span {

  color: #a09f9f;

  font-weight: 300;

}

.side-article-list li:last-child {

  border-bottom: none;

}

.news-flash-box .news_sp_p {

  background: #FFFFFF;

  padding: 10px;

  float: left;

  margin-bottom: 6px;

  color: #848484;

  font-size: 12px;

  line-height: 20px;

  display: none;

  width: 92%;

}

.news-flash-box .news_sp_p a {

  color: #0a90f7 !important;

  display: inline !important;

  margin-bottom: 0;

  margin-left: 4px;

}

.click-move {

  border: 1px solid #62BAE4;

  background: #f1f1f1;

  font-size: 14px;

  color: #62BAE4;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 8px;

  cursor: pointer;

  width: 36%;

  display: block;

  margin: 15px auto 0;

}

.click-move:hover {

  box-shadow: 0 0 1px 2px rgba(103, 81, 164, 0.2);

}

.hot-tags {

  /*background:url("../hot_r_bg.jpg") no-repeat;

  -webkit-background-size:cover;

  background-size:cover;*/

}

.hot-tags .hot-tags-list {

  padding: 0 20px ;

}

.hot-tags .hot-tags-list li {

  display: inline-block;

  margin: 12px 6px 0px 0;

  height: 26px;

  line-height: 26px;

  border: 1px solid #ccc;

  border-radius: 4px;

}

.hot-tags .hot-tags-list li a {

  text-align: center;

  color: #848484;

  padding: 0 12px;

  font-size: 14px;

}

.hot-tags .hot-tags-list li a:hover {

  color: #62BAE4;

}

.hot-tags .hot-tags-list li:hover {

  box-shadow: 0 0 1px 2px rgba(98,186,228,0.2);

  border: 1px solid #62BAE4;

}

.right-ad {

  /*margin-bottom:4px;*/

}

.right-ad .right-ad-list {

  width: 314px;

  border-bottom: 1px solid #FFFFFF;

}

.right-ad .right-ad-list .ad-pic16 {

  height: 176px !important;

}

.right-ad .right-ad-list .ad-pic {

  width: 314px;

  height: 134px;

  margin-bottom: 8px;

  display: block;

  position: relative;

  overflow: hidden;

}

.right-ad .right-ad-list .ad-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.right-ad .right-ad-list .ad-pic .name {

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 12px;

  left: -23px;

  text-align: center;

  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);

  -moz-transform: rotate(-45deg) translate3d(0, 0, 0);

  -ms-transform: rotate(-45deg) translate3d(0, 0, 0);

  -o-transform: rotate(-45deg) translate3d(0, 0, 0);

  transform: rotate(-45deg) translate3d(0, 0, 0);

  width: 96px;

  padding: 4px 0;

  font-size: 12px;

  color: #FFFFFF;

}

.right-ad .right-ad-list .ad-article {

  margin-bottom: 22px;

}

.right-ad .right-ad-list .ad-article li {

  margin-bottom: 8px;

}

.right-ad .right-ad-list .ad-article li:hover a {

  color: #62BAE4;

}

.right-ad .right-ad-list .ad-article li:hover i {

  background-color: #62BAE4;

}

.right-ad .right-ad-list .ad-article li i {

  width: 7px;

  height: 7px;

  background-color: #848484;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  float: left;

  margin-right: 8px;

  margin-top: 8px;

}

.right-ad .right-ad-list .ad-article li a {

  color: #848484;

  line-height: 22px;

  font-size: 14px;

  width: 299px;

  display: block;

  float: left;

}

.right-ad .ad-box {

  margin-bottom: 10px;

}

.right-ad .ad-box .ad-pic {

  height: 100px;

}

.activity-news-spots .side-article-list li i {

  position: static!important;

  margin-top: 5px!important;

}

.recent-hot-spots {

  width: 314px;

  z-index: 999;

}

.recent-hot-spots .ranking_list {

  height: 32px;

  margin: 10px 0;

}

.recent-hot-spots .ranking_list li {

  line-height: 32px;

  font-size: 14px;

  color: #848484;

  font-weight: 300;

  padding: 0 14px;

  cursor: pointer;

  position: relative;

}

.recent-hot-spots .ranking_list li:before {

  content: "";

  position: absolute;

  bottom: 0;

  border-bottom: 2px solid transparent;

  width: 42px;

}

.recent-hot-spots .ranking_list li.current {

  color: #62BAE4;

}

.recent-hot-spots .ranking_list li.current:before {

  border-bottom: 2px solid #62BAE4;

}

.recent-hot-spots .side-article-list li {

  background: none;

  padding: 9px 20px 9px 20px;

  border-bottom: 0;

  margin: 0;

}

.recent-hot-spots .side-article-list li i {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  margin-top: 0;

}

.recent-hot-spots .side-article-list li .hot_article_l {

  display: block;

  position: relative;

  float: left;

  width: 65px;

  height: 65px;

  overflow: hidden;

  max-height: none;

}

.recent-hot-spots .side-article-list li .hot_article_l img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: inline-block;

}

.recent-hot-spots .side-article-list li .hot_article_r {

  position: relative;

  height: 68px;

  float: right;

  width: 186px;

}

.recent-hot-spots .side-article-list li .hot_article_r a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.recent-hot-spots .side-article-list li .hot_article_r .hot_article_r_b {

  position: absolute;

  bottom: 0;

  height: 20px;

  line-height: 20px;

}

.recent-hot-spots .side-article-list li .hot_article_r .hot_article_r_b .author_a {

  float: left;

  color: #8f949a;

  font-size: 13px;

  margin-right: 18px;

  display: block;

  cursor: default;

}

.recent-hot-spots .side-article-list li .hot_article_r .hot_article_r_b .author_a.current {

  cursor: pointer;

}

.recent-hot-spots .side-article-list li .hot_article_r .hot_article_r_b div {

  float: left;

  color: #8f949a;

  font-size: 13px;

}

.recent-hot-spots .side-article-list i {

  background-color: rgba(0, 0, 0, 0.6);

  width: 16px;

  height: 16px;

  font-size: 12px;

  color: #FFFFFF;

  float: left;

  line-height: 16px;

  margin-right: 12px;

  margin-top: 5px;

  text-align: center;

}

.recent-hot-spots .side-article-list span {

  padding-left: 30px;

}

.fixed {

  position: fixed;

  top: 40px;

}