@charset "utf-8";
a,em,i,ins{text-decoration:none}*html a,:focus,a,input{outline:0}a,body,legend{color:#333}.cb,.cf:after,.clear-fix:after{clear:both}.clearfix:after,.hidden{visibility:hidden}html{overflow-y:scroll}body,html{background-image:url(about:blank);background-attachment:fixed}blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}:focus{font-weight:400}body{min-width:1002px;min-height:100%}body,button,input,select,textarea{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",arial,sans-serif}address,cite,dfn,em,i,ins,var{font-style:normal}h1,h2,h3,h4,h5,h6{font-size:1em}iframe,img{border:0}fieldset,hr,img{border:none}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}small{font-size:12px}li,ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{cursor:pointer}a:hover{color:#3D8F36}a:focus{font-weight:inherit}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}.cp,button,label{cursor:pointer}q:after,q:before{content:''}input::-ms-clear{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{overflow:auto;resize:vertical}hr{height:1px;background-color:#eee}.cf:after,.cf:before,.clear-fix:after,.clear-fix:before{content:'';display:table}.f12{font-size:12px!important}.f14{font-size:14px!important}.f16{font-size:16px!important}.f18{font-size:18px!important}.f20{font-size:20px!important}.f22{font-size:22px!important}.f24{font-size:24px!important}.f26{font-size:26px!important}.fb{font-weight:700}.fn{font-weight:400}.t2{text-indent:2em}.lh150{line-height:150%}.lh180{line-height:180%}.lh200{line-height:200%}.unl{text-decoration:underline}.no_unl{text-decoration:none}.cd{cursor:default}.cna{cursor:not-allowed}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.bc{margin-left:auto;margin-right:auto}.cl{clear:left}.cr{clear:right}.clearfix:after{content:".";display:block;height:0;clear:both}*html .clearfix{height:1%;zoom:1}.clearfix{display:block;zoom:1}.fl,.fr{display:inline}.fl{float:left}.fr{float:right}.vt{vertical-align:top}.vm{vertical-align:middle}.vb{vertical-align:bottom}.pr{position:relative}.abs-right,.pa{position:absolute}.abs-right{right:0}.zoom{zoom:1}.none{display:none}.ib{display:inline-block}.inline{display:inline}.block{display:block}.ml5{margin-left:5px!important}.mr5{margin-right:5px!important}.mt5{margin-top:5px!important}.mb5{margin-bottom:5px!important}.ml10{margin-left:10px!important}.mr10{margin-right:10px!important}.mt10{margin-top:10px!important}.mb10{margin-bottom:10px!important}.ml15{margin-left:15px!important}.mr15{margin-right:15px!important}.mt15{margin-top:15px!important}.mb15{margin-bottom:15px!important}.ml20{margin-left:20px!important}.mr20{margin-right:20px!important}.mt20{margin-top:20px!important}.mb20{margin-bottom:20px!important}.ml25{margin-left:25px!important}.mr25{margin-right:25px!important}.mt25{margin-top:25px!important}.mb25{margin-bottom:25px!important}.ml30{margin-left:30px!important}.mr30{margin-right:30px!important}.mt30{margin-top:30px!important}.mb30{margin-bottom:30px!important}.ml40{margin-left:40px!important}.mr40{margin-right:40px!important}.mt40{margin-top:40px!important}.mb40{margin-bottom:40px!important}.pl5{padding-left:5px!important}.pr5{padding-right:5px!important}.pt5{padding-top:5px!important}.pb5{padding-bottom:5px!important}.pl10{padding-left:10px!important}.pr10{padding-right:10px!important}.pt10{padding-top:10px!important}.pb10{padding-bottom:10px!important}.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}.pt15{padding-top:15px!important}.pb15{padding-bottom:15px!important}.pl20{padding-left:20px!important}.pr20{padding-right:20px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}.pl25{padding-left:25px!important}.pr25{padding-right:25px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}.pl30{padding-left:30px!important}.pr30{padding-right:30px!important}.pt30{padding-top:30px!important}.pb30{padding-bottom:30px!important}.pl40{padding-left:40px!important}.pr40{padding-right:40px!important}.pt40{padding-top:40px!important}.pb40{padding-bottom:40px!important}.sy_close,.sy_main,.user_error{display:none}
.header_cnt,.header_cnt_n {
	width: 1200px;
	overflow: hidden
}

.ajax_tips,.head_search_cnt_contain,.header_cnt,.header_cnt_n,ul.nav {
	margin-left: auto;
	margin-right: auto
}

.dftt-fixed-kuaixun,.fixed-kuaixun {
	font-family: "microsoft yahei", Arial, Helvetica, sans-serif
}

.header_cnt_n {
	height: 80px
}

.header_cnt {
	height: 100px
}

.header_cnt_l {
	position: relative;
	width: 160px;
	height: 60px;
	padding: 20px 60px 20px 0;
	overflow: hidden;
	float: left
}

.header_cnt_l a,.header_cnt_l a img {
	width: 100%;
	height: 100%;
	display: block
}

.header_cnt_l a.rss {
	position: absolute;
	right: 40px;
	bottom: 30px;
	width: 39px;
	height: 12px
}

.headerCntM {
	float: left;
	display: inline;
	width: 319px;
	height: 60px;
	padding: 27px 10px 13px
}

.header_cnt_2 {
	width: 440px;
	height: 83px;
	padding-top: 26px;
	overflow: hidden;
	float: right
}

.header_cnt_2 a,.header_cnt_2 a img {
	width: 100%;
	height: 100%
}

.header_cnt_2 a {
	display: block;
	background-color: #FCFCFC;
	color: #ddd
}

.header_cnt_2_t {
	width: 440px;
	height: 36px;
	position: relative;
	_overflow: hidden;
	*height: 37px
}

.header_cnt_2_t .search_head {
	width: 330px;
	height: 34px;
	line-height: 34px;
	padding-left: 14px;
	border: 1px solid #bebebe;
	color: #444
}

.header_cnt_2_t a {
	display: block;
	width: 96px;
	height: 36px;
	line-height: 36px;
	background-color: #5DB555;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	_top: 1px
}

* html .header_cnt_2_t a:hover {
	color: #fff
}

.header_cnt_2_b {
	width: 100%;
	height: 30px;
	line-height: 30px
}

.header_cnt_2_b a {
	overflow: hidden;
	font-size: 12px;
	display: block;
	width: 20%;
	height: 100%;
	text-align: center;
	line-height: 30px;
	position: relative;
	background-color: #fff;
	color: #999;
	float: left
}

.header_cnt_2_b a:hover {
	color: #5DB555
}

.header_cnt_2_b a em {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/hotwords.png) center center no-repeat;
	width: 14px;
	height: 16px;
	display: block
}

.nav_cnt {
	width: 100%;
	height: 40px;
	background-color: #5DB555
}

.nav-fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	_position: absolute;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop))
}

ul.nav,ul.nav li {
	position: relative;
	height: 100%
}

ul.nav {
	width: 1002px;
	z-index: 888
}

ul.nav li {
	float: left;
	width: 10%;
	*width: 10%;
	line-height: 40px
}

ul.nav li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	color: #fff;
	text-align: center;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s
}

ul.nav li a .hot {
	position: absolute;
	top: 2px;
	right: -5px;
	z-index: 2
}

ul.nav li a.more {
	background-image: url(../images/down-1x.png);
	background-repeat: no-repeat;
	background-position: 55px center
}

ul.nav li a.active,ul.nav li a:hover {
	background-color: #3D8F36;
	color: #fff
}

div.more-links {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	line-height: 40px;
	background-color: #5DB555;
	left: 0;
	top: 40px;
	z-index: 9999
}

.head_search_cnt {
	height: 50px;
	width: 100%;
	overflow: hidden
}

.head_search_cnt_contain {
	width: 1002px;
	height: 49px;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	*zoom: 1
}

.head_search_cnt_left {
	float: left;
	width: 702px;
	height: 100%
}

.head_search_cnt_right {
	float: left;
	width: 300px;
	height: 100%;
	position: relative
}

.head_search_cnt_right form {
	*display: block;
	*width: 100%;
	*height: 100%
}

input.search_text {
	width: 258px;
	*width: 250px;
	height: 26px;
	border: 1px solid #dbdbdb;
	color: #666;
	line-height: 26px;
	padding-left: 5px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 12px;
	*border-right: 1px solid #fff;
	*height: 24px
}

a.search_btn {
	width: 43px;
	height: 26px;
	display: block;
	border: 1px solid #dbdbdb;
	background: url(../images/icon_search.png) center center no-repeat #fff;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 12px
}

.footer_cnt {
	color: #333;
	width: 100%;
	overflow: hidden;
	background-color: #F7F7F7;
	border-top: 1px solid #E3E5E8;
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	line-height: 26px
}

.footer_cnt a {
	color: #333
}

.ajax_tips {
	width: 1002px;
	height: 70px;
	display: table;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
	color: #d3d3d3
}

.ajax_tips span {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.ajax_tips span img {
	max-height: 100%
}

.goto_top {
	position: fixed;
	left: 1100px;
	width: 43px;
	height: 143px;
	margin-left: 515px;
	bottom: 131px;
	z-index: 99;
	display: none
}

.goto_top a.shoucang {
	background-image: url(../images/sc.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.goto_top a.show_go_0,.goto_top a.show_go_1 {
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}

.goto_top a.shoucang.active {
	background-position: -43px 0
}

.goto_top .sc-txt {
	position: absolute;
	width: 258px;
	height: 50px;
	left: -298px;
	top: -15px;
	background-image: url(../images/sc_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 16px;
	color: #fff;
	padding: 10px 25px 12px 15px;
	display: none
}

.goto_top .sc-txt span {
	color: #5DB555;
	font-size: 18px
}

.goto_top a {
	display: block;
	width: 100%;
	height: 43px;
	position: absolute;
	left: 0;
	background: url(../images/to_top_v2.png) no-repeat
}

.goto_top a.show_go_0 {
	background-position: 0 0;
	bottom: 51px;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.erwei_cnt,.goto_top a.show_go_1 {
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.goto_top a.show_go_0:hover {
	background-position: -43px 0
}

.goto_top a.show_go_1 {
	background-position: 0 -50px;
	bottom: 51px;
	transition: all .3s
}

.goto_top a.show_go_1:hover {
	background-position: -43px -50px
}

.erwei_cnt {
	width: 132px;
	height: 286px;
	opacity: 0;
	display: none\9;
	filter: alpha(opacity = 0);
	position: absolute;
	left: -132px;
	bottom: 0;
	background: url(../images/2codes_v1.png) no-repeat;
	-webkit-transform-origin: right 80%;
	-moz-transform-origin: right 80%;
	-ms-transform-origin: right 80%;
	-o-transform-origin: right 80%;
	transform-origin: right 80%;
	-webkit-transform: scale(.01);
	-moz-transform: scale(.01);
	-ms-transform: scale(.01);
	-o-transform: scale(.01);
	transform: scale(.01);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

a.show_go_1:hover+div.erwei_cnt {
	display: block\9;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity = 100)
}

* html .goto_top {
	position: absolute;
	bottom: auto;
	margin-bottom: 161px;
	top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
		, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)))
}

.goto_top a.show_go_index {
	background-position: 0 -100px;
	bottom: 102px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.goto_top a.show_go_index:hover {
	background-position: -43px -100px
}

.fixed-kuaixun {
	position: fixed;
	bottom: -70px;
	left: 50%;
	width: 445px;
	height: 48px;
	margin-left: -222px;
	background-color: #fff;
	z-index: 99999;
	font-size: 16px;
	box-shadow: 0 0 2px #aaa
}

* html{
	background-image: url(about:blank);
	background-attachment: fixed
}

* html .fixed-kuaixun {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
		, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0) +70));
	bottom: auto
}

.fixed-kuaixun img {
	position: absolute;
	left: 0;
	top: 0
}

.fixed-kuaixun .close,.fixed-kuaixun .txt {
	position: absolute;
	top: 50%;
	overflow: hidden
}

.fixed-kuaixun .txt {
	height: 32px;
	line-height: 32px;
	margin-top: -16px;
	left: 86px;
	color: #333;
	font-size: 16px;
	width: 320px;
	text-align: center
}

.fixed-kuaixun .txt:hover {
	color: #f83a22;
	text-decoration: underline
}

.fixed-kuaixun .close {
	right: 5px;
	margin-top: -9px;
	width: 30px;
	height: 18px;
	background-image: url(../images/close_sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99em
}

.fixed-kuaixun .close:hover {
	height: 32px;
	background-position: 0 -18px;
	margin-top: -16px
}

img.animation {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

img.animation:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.vote {
	width: 120px;
	height: 180px;
	position: fixed;
	right: 25px;
	top: 185px;
	z-index: 99999
}

.vote a.bg {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/vote_00.png);
	background-repeat: no-repeat;
	background-position: center
}

.votechange a.bg {
	background-image: url(../images/vote_01.png)
}

.vote a.vote_close {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 5px;
	top: 30px;
	background: url(../images/packet0_close.png) center center no-repeat;
	cursor: pointer
}

* html .vote {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
		, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)-(document.documentElement.clientHeight-400)))
}

.dftt-fixed-kuaixun {
	width: 445px;
	height: 48px;
	background-color: #fff;
	font-size: 16px;
	box-shadow: 0 0 5px #aaa;
	border: 1px solid #5DB555;
	position: fixed;
	left: 50%;
	margin-left: -223px;
	bottom: 50px;
	z-index: 99999
}

* html .dftt-fixed-kuaixun {
	position: absolute;
	bottom: auto;
	margin-bottom: 50px;
	top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight-this.offsetHeight- ( parseInt(this.currentStyle.marginTop
		, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)))
}

.dftt-fixed-kuaixun img {
	position: absolute;
	left: 0;
	top: 0
}

.dftt-fixed-kuaixun .close {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -9px;
	width: 30px;
	height: 18px;
	background-image: url(../images/close_sp.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99em;
	overflow: hidden
}

.dftt-fixed-kuaixun .close:hover {
	height: 2pc;
	background-position: 0 -18px;
	margin-top: -1pc
}

.dftt-fixed-kuaixun .kuaixun-link-list-wrap {
	position: absolute;
	top: 50%;
	height: 2pc;
	line-height: 2pc;
	margin-top: -1pc;
	left: 86px;
	width: 20pc;
	overflow: hidden
}

.dftt-fixed-kuaixun .kuaixun-link-list {
	width: 100%;
	height: auto
}

.dftt-fixed-kuaixun .kuaixun-link-item {
	width: 100%;
	height: 2pc;
	overflow: hidden
}

.dftt-fixed-kuaixun .kuaixun-link-item .txt {
	display: block;
	width: 100%;
	height: 2pc;
	line-height: 2pc;
	color: #333;
	font-size: 1pc;
	text-align: center;
	text-decoration: none;
	outline: 0;
	cursor: pointer
}

.dftt-fixed-kuaixun .kuaixun-link-item .txt:hover {
	color: #5DB555
}
@charset "gb2312";
/* CSS UU */
/* CSS 锟较诧拷锟饺碉拷要锟斤拷*/
.banner_txt a:hover,.wn-list .wn-item.first .title-main:hover p.desc{text-decoration:underline}
.container{width:1200px;margin:0 auto}
.first-view-container .hot-personality{width:496px}
.hot-personality .hot-personality-nav{border-bottom:1px solid #ebebeb;margin-top:16px;position:relative}
.hot-personality .hot-personality-nav .nav-hot,.hot-personality .hot-personality-nav .nav-personality{display:block;width:93px;font-size:18px;height:28px;line-height:28px;padding-left:27px;padding-bottom:8px;text-align:center}
.hnb-list .hnb-item,.hnt-list .hnt-item{padding-left:14px;*zoom:1;*vertical-align:bottom}
.hot-personality .hot-personality-nav .nav-hot{background:url(../images/heighnews.png) 5px 5px no-repeat}
.hot-personality .hot-personality-nav .nav-personality{background:url(../images/paperplane.gif) 14px 5px no-repeat}
.hnb-list .hnb-item .title-sub .bgicon,.hnb-list .hnb-item.first .title-main .bgicon,.hnt-list .hnt-item .title-lg .bgicon{background-repeat:no-repeat;background-position:0 0;float:left}
.hot-personality .hot-personality-nav .nav-hot.active,.hot-personality .hot-personality-nav .nav-personality.active{color:#5DB555;font-weight:700}
.hot-personality .hot-personality-nav .more{position:absolute;right:0;top:0;width:40px;height:28px;line-height:28px;color:#999}
.hot-personality .hot-personality-nav .more:hover{color:#5DB555}
.hot-personality .hot-personality-nav .more i{position:absolute;right:0;top:2px;font-size:12px;line-height:10px;width:10px;height:10px;color:#5DB555}
.hot-personality .hot-personality-nav .bt-line{position:absolute;left:0;bottom:-1px;height:2px;line-height:2px;font-size:0;background-color:#5DB555;width:120px;overflow:hidden}
.hot-personality .hot-personality-content .hot-news,.hot-personality .hot-personality-content .personality-recommend{position:absolute;left:0;top:0;width:100%;height:1043px}
.hnt-list{padding-top:14px}
.hnt-list .hnt-item{padding-top:12px;width:100%;height:51px}
.hnt-list .hnt-item .dot{position:absolute;top:22px;left:0;width:6px;height:6px;line-height:6px;font-size:0;background-color:#5DB555;border-radius:50%}
.hnt-list .hnt-item .title-sm-wrap{display:inline;width:auto;height:24px;float:left;overflow:hidden}
.hnt-list .hnt-item .title-lg{font-size:18px;font-weight:700;display:inline;width:100%;height:27px;float:left;_overflow:hidden;overflow:hidden}
.hnt-list .hnt-item .title-sm-wrap .title-sm{font-size:12px;margin-right:10px;height:24px;line-height:24px;overflow:hidden}
.hnt-list .hnt-item .title-lg .bgicon{margin:7px 0 0 5px;display:inline;width:16px;height:16px;background-image:url(../images/icon_bg.png);background-size:auto 57px}
.hnt-list .hnt-item .title-lg .bgicon{background-image:url(../images/sprite_icon.png)}
.hnt-list .hnt-item .title-lg span{width:auto;height:auto;float:left;display:inline}
.hot-news-bottom{margin-top:10px;border-top:1px dotted #b6b6b6;padding-top:6px}
.hnb-list{padding-top:16px}
.hnb-list .hnb-item{_width:396px;height:28px;line-height:28px;overflow:hidden}
.hnb-list .hnb-item.first{padding-bottom:6px}
.hnb-list .hnb-item.first .title-main{font-size:16px;font-weight:700;line-height:24px;width:auto;height:24px;overflow:hidden;display:block}
.hnb-list .hnb-item.first .title-main span{display:inline;float:left;width:auto;height:24px}
.hnb-list .hnb-item.first .title-main .bgicon{display:inline;margin:5px 0 0 5px;width:16px;height:16px;background-image:url(../images/icon_bg.png);background-size:auto 14px}
.hnb-list .hnb-item.first .title-main .bgicon{background-image:url(../images/sprite_icon.png)}
.hnb-list .hnb-item .title-sub{font-size:14px;line-height:28px;width:auto;height:28px;display:block}
.hnb-list .hnb-item .dot,.hnb-list .hnb-item .dot-sm{font-size:0;border-radius:50%;position:absolute;left:0}
.hnb-list .hnb-item .title-sub span{display:inline;float:left;width:auto;height:28px}
.hnb-list .hnb-item .title-sub .bgicon{display:inline;margin:7px 0 0 5px;width:16px;height:16px;background-image:url(../images/icon_bg.png);background-size:auto 57px}
.hnb-list .hnb-item .title-sub .bgicon{background-image:url(../images/sprite_icon.png)}
.hnb-list .hnb-item .dot{top:9px;width:6px;height:6px;line-height:6px;background-color:#5DB555}
.hnb-list .hnb-item .dot-sm{top:12px;width:4px;height:4px;line-height:4px;background-color:#9A9A9A}
/* CSS 锟较诧拷锟饺碉拷要锟斤拷*/
/* CSS  锟斤拷图*/
.first-view-container .carousel-wrap{width:680px}
.carousel-wrap .carousel{width:680px;height:326px;overflow:hidden;margin-top:22px}
.right_slider_cnt{width:680px;height:326px;overflow:hidden;position:relative}
.banner{width:7000px;height:326px;overflow:hidden;position:absolute;z-index:2;left:0;right:0}
.banner a.img_a{float:left;width:680px;height:326px}
.banner a.img_a img{display:block;float:left;width:680px;height:326px}
.banner_bar,.banner_txt{left:0;top:286px;height:40px;position:absolute}
.banner_bar{width:680px;background-color:#000;background:rgba(0,0,0,.5);filter:alpha(opacity=50);z-index:8}
.banner_txt{width:680px;line-height:40px;text-align:left;text-indent:14px;z-index:10}
.banner_txt a{font-size:16px;font-weight:700;color:#fff}
.banner_txt a:hover{color:#fff}
.banner_act{position:absolute;right:0;top:296px;width:131px;height:20px;z-index:99;cursor:pointer}
.banner_act div{width:20px;height:20px;float:left;cursor:pointer}
.banner_act div span{display:block;font-size:0;margin:6px auto 0;width:8px;height:8px;border-radius:100%;background-color:#fff}
.lbNewsl,ul.lbNewsr{display:inline;float:left}
.banner_act div.now span{background-color:#5DB555;margin-top:4px;width:12px;height:12px}
/* CSS  锟斤拷图*/
/* CSS 锟斤拷图片锟侥讹拷B ok*/
.right_slider_cnt .btn_l,.right_slider_cnt .btn_r{position:absolute;top:120px;width:20px;height:45px;z-index:99;cursor:pointer}
.right_slider_cnt .btn_l{left:-50px;background:url(../images/banner_left.png) center center no-repeat;_background:0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/banner_left.png")}
.right_slider_cnt .btn_r{right:-50px;background:url(../images/banner_right.png) center center no-repeat;_background:0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/banner_right.png")}
.everybody-see .title i,.everybody-see .title span,.warm-news .title i,.warm-news .title span{position:absolute;background-repeat:no-repeat}
.lbNnews{width:100%;height:100%;_height:34px;background-color:#f0f0f0}
.lbNewsl{width:78px;height:100%;*height:34px;background-color:#c66;text-align:center;line-height:34px;color:#fff}
ul.lbNewsr{height:100%;*height:34px;width:502px}
ul.lbNewsr li{float:left;width:100%;height:34px;line-height:34px;text-indent:1.5em}
ul.lbNewsr li a{color:#666;font-size:14px}
/* CSS 锟斤拷图片锟侥讹拷B ok*/





/* CSS 锟斤拷图片锟侥讹拷 ok*/
.carousel-wrap .everybody-see{width:310px;overflow:hidden}
.everybody-see .title{width:310px;height:24px}
.everybody-see .title i{left:0;top:1px;background-image:url(../images/sprite_icon.png);background-position:0 -47px;width:4px;height:24px}
.everybody-see .title span{left:10px;width:98px;height:24px;background-image:url(../images/sprite_title_v1.png);background-position:0 -20px}
.everybody-see .img-txt,.everybody-see .img-txt .img,.everybody-see .img-txt .txt{width:240px;display:block;overflow:hidden}
.everybody-see .img-txt{height:150px;margin-top:16px}
.everybody-see .img-txt .img{height:120px}
.everybody-see .img-txt .img img{display:block}
.everybody-see .img-txt .txt{height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#F6F7F9}
.everybody-see .img-txt:hover .txt{background-color:#5DB555;color:#fff}
.all-see{padding-top:15px;width:auto;height:auto;overflow:hidden}
.all-see a.img1{width:155px}
.all-see a.img1 .img{display:block;width:152px;height:130px;overflow:hidden}
.all-see a.img1 .txt{display:block;font-size:12px;width:142px;line-height:16px;*line-height:17px;line-height:17px\9;margin:0 auto;padding:1px 5px 6px;text-align:center;height:28px;overflow:hidden;background-color:#F6F7F9}
/* CSS 锟斤拷图片锟侥讹拷 ok*/
/* CSS 锟侥讹拷ok */
.carousel-wrap .read-rate{width:364px}
.read-rate .title{width:240px;height:24px}
.read-rate .title i{left:0;background-image:url(../images/sprite_icon.png);background-position:0 -47px;width:4px;height:24px}
.read-rate .title span{position:absolute;left:10px;width:98px;height:24px;background-image:url(../images/sprite_title_v1.png);background-position:0 -69px;background-repeat:no-repeat}
.rate-list li i,.rate-list li i.i0{background-position:0 0}
.read-rate .tab-list{position:absolute;right:0;top:0;height:27px;line-height:27px;width:100%;border-bottom:1px solid #ddd}
.read-rate .tab-list .tab-item{height:27px;border-bottom:1px solid #fff}
.read-rate .tab-list .tab-item a{display:block;width:70px;height:26px;line-height:26px;border:1px solid #ddd;margin-bottom:-1px;background-color:#fff;text-align:center}
.read-rate .tab-list .tab-item a.today{margin-right:-1px}
.read-rate .tab-list .tab-item a.active{border-bottom:1px solid #fff;color:#5DB555}
.read-rate .tab-ty-wrap{position:relative;top:4px;width:100%;height:370px;overflow:hidden}
.read-rate .tab-ty-wrap .tab-today,.read-rate .tab-ty-wrap .tab-yesterday{position:absolute;left:0;top:0}
.rate-list{width:auto;height:auto;overflow:hidden;margin-top:14px}
.rate-list li{width:340px;padding-left:24px;height:36px;overflow:hidden;position:relative;line-height:36px;float:left}
.rate-list li i{position:absolute;display:block;width:20px;height:14px;line-height:14px;left:0px;top:12px;background-image:url(../images/index_10.png);background-repeat:no-repeat;font-size:0}
.rate-list li i.i1{background-position:0 -17px}
.rate-list li i.i2{background-position:0 -34px}
.rate-list li i.i3{background-position:0 -51px}
.rate-list li i.i4{background-position:0 -68px}
.rate-list li i.i5{background-position:0 -85px}
.rate-list li i.i6{background-position:0 -102px}
.rate-list li i.i7{background-position:0 -119px}
.rate-list li i.i8{background-position:0 -136px}
.rate-list li i.i9{background-position:0 -153px}
.rate-list li a{display:block;width:340px;font-size:14px}
/* CSS 锟侥讹拷ok */
/* CSS 站锟斤拷锟斤拷讯指锟斤拷锟斤拷 */
.section-title{position:relative;width:1200px;height:50px;background-image:url(../images/ctg_bg.png);background-repeat:no-repeat;background-position:0 0}
.section-right .sr-l .title i,.section-right .sr-r .title i{background-image:url(../images/sprite_icon.png);background-repeat:no-repeat}
.section-title h3{font-size:20px;height:44px;line-height:44px}
.section-title h3 a:hover{color:#666}
.section-title h3 em{font-size:12px;color:#acacac;margin-left:10px;font-weight:400}
.section-title .more{position:absolute;right:0;top:10px;width:40px;height:28px;line-height:28px;color:#999}
.section-title .more:hover{color:#5DB555}
.section-title .more i{position:absolute;right:0;top:2px;font-size:12px;line-height:10px;width:10px;height:10px;color:#5DB555}
.section-content{position:relative;width:100%;height:380px}
.section-content .section-left{position:absolute;left:0;top:0;width:500px}
/* CSS 站锟斤拷锟斤拷讯指锟斤拷锟斤拷 */
/* CSS 站锟斤拷锟斤拷讯锟铰诧拷锟斤拷 */
.sl-list{margin-top:16px}
.sl-list .sl-item{padding-left:14px;height:28px;line-height:28px;overflow:hidden}
.sl-list .sl-item.first{margin-bottom:6px}
.sl-list .sl-item.first .title-main{font-size:16px;font-weight:700;display:block;height:24px;line-height:24px;overflow:hidden}
.sl-list .sl-item .title-sub{font-size:14px;line-height:28px}
.sl-list .sl-item .dot,.sl-list .sl-item .dot-sm{font-size:0;border-radius:50%;left:0;position:absolute}
.sl-list .sl-item .dot{top:9px;width:6px;height:6px;line-height:6px;background-color:#5DB555}
.sl-list .sl-item .dot-sm{top:12px;width:4px;height:4px;line-height:4px;background-color:#9A9A9A}
/* CSS 站锟斤拷锟斤拷讯锟铰诧拷锟斤拷 */
/* CSS 站锟斤拷锟斤拷讯锟叫诧拷锟斤拷 ok*/
.section-content .section-right{margin-left:522px;padding-top:18px}
.section-right .sr-l{width:310px}
.section-right .sr-l .title{width:310px;height:20px}
.section-right .sr-l .title i{position:absolute;left:0;top:4px;background-position:0 0;width:19px;height:17px}
.section-right .sr-l .title span{position:absolute;left:26px;font-size:16px}
.section-right .sr-r{width:345px}
.section-right .sr-r .title{width:310px;height:20px}
.section-right .sr-r .title i{position:absolute;left:0;top:1px;background-position:0 -47px;width:4px;height:24px}
.section-right .sr-r .title span{position:absolute;left:10px;width:98px;height:24px;background-image:url(../images/sprite_title_v1.png);background-position:0 -93px;background-repeat:no-repeat}
.order-list li i,.order-list li i.i0{background-position:0 0}
.section-right .sr-l .mid-img .img1{display:block;width:310px;height:150px;overflow:hidden;margin-top:18px}
.section-right .sr-l .mid-img .img1 .img{display:block;width:310px;height:120px;overflow:hidden}
.section-right .sr-l .mid-img .img1 .img img{display:block}
.section-right .sr-l .mid-img .img1 .txt{display:block;width:310px;height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:12px;background-color:#F6F7F9}
.section-right .sr-l .mid-img .img2,.section-right .sr-l .mid-img .img3{width:154px;margin-top:30px}
.section-right .sr-l .mid-img .img2 .img,.section-right .sr-l .mid-img .img3 .img{display:block;width:154;height:120px;overflow:hidden}
.section-right .sr-l .mid-img .img2 .txt,.section-right .sr-l .mid-img .img3 .txt{display:block;font-size:12px;width:145px;line-height:16px;*line-height:17px;line-height:17px\9;margin:0 auto;padding:1px 5px 6px;height:28px;overflow:hidden;background-color:#F6F7F9}
.section-right .sr-l .mid-img .img1:hover .txt,.section-right .sr-l .mid-img .img2:hover .txt,.section-right .sr-l .mid-img .img3:hover .txt{background-color:#5DB555;color:#fff}
/* CSS 站锟斤拷锟斤拷讯锟叫诧拷锟斤拷 ok*/
/* CSS 锟斤拷锟斤拷锟斤拷锟斤拷1-6  */
.order-list{width:auto;height:auto;overflow:hidden}
.order-list li{width:341px;padding-left:24px;height:36px;overflow:hidden;position:relative;line-height:36px;border-bottom:1px dotted #ddd;padding-top:10px;padding-bottom:10px}
.order-list li.last{border-bottom:0 none}
.order-list li i{position:absolute;display:block;width:20px;height:14px;line-height:14px;left:0;top:22px;background-image:url(../images/index_10.png);background-repeat:no-repeat;font-size:0}
.order-list li i.i1{background-position:0 -17px}
.order-list li i.i2{background-position:0 -34px}
.order-list li i.i3{background-position:0 -51px}
.order-list li i.i4{background-position:0 -68px}
.order-list li i.i5{background-position:0 -85px}
.order-list li i.i6{background-position:0 -102px}
.order-list li i.i7{background-position:0 -119px}
.order-list li i.i8{background-position:0 -136px}
.order-list li i.i9{background-position:0 -153px}
.order-list li a{display:block;width:341px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* CSS 锟斤拷锟斤拷锟斤拷锟斤拷1-6  */
/* CSS 锟斤拷锟斤拷锟斤拷锟斤拷 ok*/
.inland-bd .section-right .sr-r .title span{background-position:0 -93px}
.inland-bd .section-right .sr-r .right-img{padding-bottom:16px;border-bottom:1px dotted #b6b6b6}
.inland-bd .section-right .sr-r .right-img a{width:172px;overflow:hidden;margin-top:18px}
.inland-bd .section-right .sr-r .right-img a .img{display:block;width:170px;height:130px;overflow:hidden}
.inland-bd .section-right .sr-r .right-img a .txt{display:block;font-size:12px;width:170px;height:28px;overflow:hidden;line-height:16px;*line-height:17px;line-height:17px\9;margin:0 auto;padding:1px 5px 6px;background-color:#F6F7F9}
.inland-bd .section-right .sr-r .right-img a:hover .txt{background-color:#5DB555;color:#fff}
.inland-bd .section-right .sr-r .sl-list .sl-item.first{margin-bottom:0}
.inland-bd .section-right .sr-r .sl-list .sl-item.first .title-main{font-size:14px}
.internatioinal-bd .section-right .sr-r .title span{background-position:0 -116px}
.social-bd .section-right .sr-r .title span{background-position:0 -141px}
.section-content.social-bd{height:570px}
.social-bd .section-right .sr-r .right-img{padding-bottom:16px;border-bottom:1px dotted #b6b6b6}
.social-bd .section-right .sr-r .right-img a{width:172px;overflow:hidden;margin-top:18px}
.social-bd .section-right .sr-r .right-img a .img{display:block;width:165x;height:130px;overflow:hidden}
.social-bd .section-right .sr-r .right-img a .txt{display:block;font-size:12px;width:170px;height:28px;overflow:hidden;line-height:16px;*line-height:17px;line-height:17px\9;margin:0 auto;padding:1px 5px 6px;background-color:#F6F7F9}
.social-bd .section-right .sr-r .right-img a:hover .txt{background-color:#5DB555;color:#fff}
/* CSS 锟斤拷锟斤拷锟斤拷锟斤拷 */
@charset "gb2312";
/* CSS Document */
/*
xxxx
*/
q:before,q:after{
	content:'';
} 
abbr,acronym{
	border: 0;
}	
.fr{
	float:right;
	display:inline;
	overflow:hidden;
}
.cl{
	clear:both;
}
body{
	font-size:12px;
	color:#333;
	font-family:Verdana;
	background:url(../images/bg-1.jpg) 0 0 repeat-x #fff;
}
.top{
	width:1200px;
	height:26px;
	line-height:25px;
	margin:0 auto;
}
.top span{
	float:right;
}
.head{
	width:1200px;
	margin:7px auto;
}
.tagso{
	width:680px;
	height:34px;
	overflow:hidden;
	padding:13px 0;
	line-height:34px;
	font-size:14px;
	font-family:'微锟斤拷锟脚猴拷';
}
.serach{
	height:34px;
	padding-right:15px;
}
.search-keyword{
	height:30px;
	width:270px;
	line-height:30px;
	font-size:14px;
	padding:0 3px;
	color:#454545;
	font-family:'微锟斤拷锟脚猴拷';
	border:2px #719d00 solid;
	background:#fff;
}
.search-submit{
	height:34px;
	width:60px;
	line-height:34px;
	color:#fff;
	font-family:'微锟斤拷锟脚猴拷';
	text-align:center;
	border:none;
	font-size:15px;
	font-weight:bold;
	background:#719d00;
}
.nav1{
	height:46px;
	width:100%;
	margin-bottom:10px;
	background:url(../images/bg-2.jpg) 0 0 repeat-x;
}
.n-box1{
	width:1200px;
	height:46px;
	overflow:hidden;
	margin:0 auto;
	line-height:46px;
	font-size:16px;
	font-family:'微锟斤拷锟脚猴拷';
	background:url(../images/bg-3.jpg) 0 0 no-repeat;
}
.n-box1 li{
	float:left;
	padding:0 12px 0 13px;
}
.nav1 a{
	color:#fff;
}
.weizhi-1{
	width:1000px;
	height:30px;
	font-size:14px;
	line-height:30px;
	margin:0 auto 10px auto;
	text-indent:13px;
	border-bottom:3px #4e8100 solid;
	background:url(../images/ico-3.jpg) 0 13px no-repeat;
}
/*--/top end--*/



/*--/锟斤拷锟斤拷 box--*/
.u-1{
	padding:0 12px 0 22px !important;
	background:url(../images/ico-1.jpg) 0 17px no-repeat;
}
.u-2{
	padding:5px 0 0 0 !important;
}
.u-3{
	background:none !important;
	padding:0 0 5px 0 !important;
}
.u-4{
	color:#337733;
}
.u-5{
	font-size:24px;
	text-align:center;
	font-family:'微锟斤拷锟脚猴拷';
	padding:20px 0;
}

/*--/锟斤拷锟斤拷 box--*/



.main1{
	width:1200px;
	margin:0 auto 10px auto;
}
.main2{
	width:1000px;
	margin:0 auto;
}
/*--/锟斤拷锟斤拷 end--*/
.ad-1000{
	width:1200px;
	margin:0 auto 1px auto;
}
.ad-960{
	width:1200px;
	margin:0 auto 1px auto;
}
.divcss5-right{width:470px; height:60px;float:right}
.divcss6-right{width:470px; height:60px;float:right}
/* ============================================================
   caogenwang modern / responsive patch  (APPEND to common.css)
   - desktop 1200px green/white layout unchanged; only <=1200px reflows
   - tech: CSS vars / clamp() / aspect-ratio / content-visibility (below-fold) /
           position:sticky + backdrop-filter / :focus-visible /
           gap / scroll-behavior / safe-area / prefers-reduced-motion
   - append only; unknown props ignored by old browsers (safe degrade)
   - visibility is NEVER gated on JS: content is visible by default
   ============================================================ */

:root{
  --brand:#5DB555;
  --brand-dark:#3D8F36;
  --ink:#333;
  --line:#ebebeb;
  --muted:#999;
  --max:1200px;
  --gap:20px;
  --radius:6px;
}

/* modern a11y: keyboard focus ring (keeps brand color) */
html{scroll-behavior:smooth}
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
  border-radius:3px;
}

/* prevent image/carousel CLS */
.banner a.img_a img,
.right_slider_cnt img,
.mid-img img,
.img1 img,
.carousel-wrap .carousel{
  aspect-ratio:680 / 326;
  object-fit:cover;
}

/* skip offscreen rendering for BELOW-FOLD blocks -> faster first paint.
   Only on .section-content (it has a fixed 380px height in original CSS,
   so no layout shift). Hero blocks are intentionally excluded. */
.section-content{content-visibility:auto;contain-intrinsic-size:auto 380px}

/* sticky nav (enhancement). #nav_cnt is a direct child of the page wrapper,
   so it sticks across the whole page and auto-returns to its original spot
   when scrolled back to the top. Green brand bg is kept (.nav_cnt rule).
   No JS toggle needed -> fixes the "stuck at top, never returns" bug. */
#nav_cnt{
  position:sticky;
  top:0;
  z-index:1000;
}
* html #nav_cnt{position:static}

/* link transition (GPU friendly) */
a{transition:color .15s ease}

/* fail-safe entrance: CSS-only animation, base state opacity:1.
   Even if the animation never runs, content stays visible (no JS gate). */
.first-view-container,
.section-content{
  animation:cz-fade-up .5s ease;
}
@keyframes cz-fade-up{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}

/* save-data mode: hide non-essential side ads (JS adds .save-data on Save-Data) */
.save-data .divcss5-right,
.save-data .divcss6-right,
.save-data .ad-960{display:none !important}

/* ===================== responsive reflow ===================== */

/* tablet / small desktop */
@media (max-width:1200px){
  .container,
  .header_cnt,
  .section-title,
  .first-view-container{
    max-width:1200px;
    width:auto;
    padding:0 16px;
    box-sizing:border-box;
  }
  .first-view-container{
    display:flex;
    flex-wrap:wrap;
    gap:var(--gap);
    justify-content:center;
  }
  .first-view-container .hot-personality,
  .first-view-container .carousel-wrap{
    width:auto;
    flex:1 1 360px;
    max-width:680px;
  }
  .carousel-wrap .carousel,
  .banner,
  .banner a.img_a,
  .banner a.img_a img{
    width:100% !important;
    height:auto;
  }
  .section-content{height:auto}
  .section-content .section-left{position:static;width:auto}
  .section-content .section-right{
    margin-left:0;
    display:flex;
    flex-wrap:wrap;
    gap:var(--gap);
  }
  .section-right .sr-l,
  .section-right .sr-r{width:auto;flex:1 1 300px}
}

/* mobile */
@media (max-width:768px){
  body{min-width:0}
  .container,
  .header_cnt{padding:0 12px}
  .header_cnt{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }
  .header_cnt_l{width:auto}
  .header_cnt_2{width:100%}
  /* nav horizontal scroll (real nav ul is .n-box1) */
  ul.n-box1{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
  }
  ul.n-box1 li{flex:0 0 auto}
  /* hero single column */
  .first-view-container{flex-direction:column}
  .first-view-container .hot-personality,
  .first-view-container .carousel-wrap{flex:1 1 auto;max-width:100%}
  /* hide desktop side ad slots on mobile (no value, slows down) */
  .divcss5-right,
  .divcss6-right,
  .ad-960{display:none}
  /* blocks single column */
  .section-right .sr-l,
  .section-right .sr-r{flex:1 1 100%}
  .hot-personality .hot-personality-content .hot-news,
  .hot-personality .hot-personality-content .personality-recommend{
    position:static;
    height:auto;
  }
  .footer_cnt{padding:0 12px;font-size:12px}
}

/* extra small */
@media (max-width:480px){
  body{font-size:13px}
  .header_cnt_2_t .search_head{width:100%}
  h1,h2,h3{font-size:clamp(16px,5vw,20px)}
  .section-title h3{font-size:18px}
}

/* notch safe-area */
@supports (padding:max(0px)){
  .container,
  .header_cnt{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
}

/* respect reduced-motion: disable entrance animation (content already visible) */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .first-view-container,
  .section-content{animation:none}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    transition-duration:.001ms !important;
  }
}

/* carousel: GPU transform replaces jQuery .animate(left) */
.banner{transition:transform .68s ease;will-change:transform}

/* ============================================================
   WIDE-SCREEN ENHANCEMENT  ( min-width:1600px, e.g. 1920x1080 )
   Expand the 1200px layout to 1600px. The right image grids scale
   to fill the extra width instead of leaving blank space.
   The hero carousel stays at native 680px, so global.js STEP=680
   does not need to change.
   ============================================================ */
@media (min-width:1600px){
  /* 1. Widen the page shells */
  .top,.head,.n-box1,.main1,.ad-1000,.ad-960,.main2,.weizhi-1{width:1600px}
  .container,.header_cnt,.section-title,.first-view-container{width:1600px}
  .section-title{
    background-image:url(../images/ctg_bg_1600.png);
    background-repeat:no-repeat;background-position:0 0;background-size:auto 50px;
  }

  /* 2. Hero: carousel fixed 680, 热点要闻 fills remaining width */
  .first-view-container{display:flex;flex-wrap:nowrap;gap:var(--gap);justify-content:center;align-items:flex-start}
  .first-view-container .carousel-wrap{width:680px;flex:0 0 680px}
  .first-view-container .hot-personality{width:auto;flex:1 1 320px;max-width:none}
  .carousel-wrap .carousel,
  .banner,.banner a.img_a,.banner a.img_a img{width:100% !important;height:auto}

  /* 2a. 热点要闻：单栏文字改为两列卡片，充分利用加宽空间 */
  .hot-personality .hot-personality-content .hot-news,
  .hot-personality .hot-personality-content .personality-recommend{
    position:static;
    width:100%;
    height:auto;
  }
  .hot-personality .hot-news{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 24px;
    align-items:start;
  }
  .hot-personality .hot-news-top{grid-column:span 1}
  .hot-personality .hot-news-bottom{
    grid-column:span 2;
    display:flex;
    flex-wrap:wrap;
    gap:0 24px;
    margin-top:14px;
    padding-top:8px;
    border-top:1px dotted #b6b6b6;
  }
  .hot-personality .hot-news-bottom .hnb-list{
    flex:1 1 0;
    width:auto;
    box-sizing:border-box;
  }
  .hot-personality .hot-news-top .hnt-list{padding-top:0}
  .hot-personality .hnt-list .hnt-item{
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
  }
  .hot-personality .hnt-list .hnt-item .title-lg{
    float:none;
    display:block;
    width:100%;
    height:27px;
    line-height:27px;
    overflow:hidden;
  }
  .hot-personality .hnt-list .hnt-item .title-sm-wrap{
    display:block;
    float:none;
    width:100%;
    height:auto;
    margin:4px 0 0;
  }
  .hot-personality .hnt-list .hnt-item .title-sm-wrap .title-sm{
    display:block;
    float:none;
    margin-right:0;
    height:22px;
    line-height:22px;
    overflow:hidden;
  }
  .hot-personality .hot-personality-nav .bt-line{width:120px}

  /* 3. Sections: let the right column fill the wider shell */
  .section-content,
  .section-content.social-bd,
  .section-content.inland-bd{height:auto}
  .section-content .section-right{
    margin-left:522px;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    align-items:flex-start;
  }
  .section-content .section-right .sr-l,
  .section-content .section-right .sr-r{
    float:none;
    width:auto;
    flex:1 1 0;
    max-width:none;
  }

  /* 3a. sr-l image grid: one large top image + two half-width thumbnails */
  .section-content .section-right .sr-l .mid-img{
    display:flex;
    flex-wrap:wrap;
    gap:30px 10px;
    padding-top:18px;
    align-items:flex-start;
  }
  .section-content .section-right .sr-l .mid-img .img1,
  .section-content .section-right .sr-l .mid-img .img2,
  .section-content .section-right .sr-l .mid-img .img3{
    float:none;
    margin:0;
    box-sizing:border-box;
    height:auto;
  }
  .section-content .section-right .sr-l .mid-img .img1{width:100%}
  .section-content .section-right .sr-l .mid-img .img2,
  .section-content .section-right .sr-l .mid-img .img3{width:calc(50% - 5px)}
  .section-content .section-right .sr-l .mid-img .img1 .img,
  .section-content .section-right .sr-l .mid-img .img2 .img,
  .section-content .section-right .sr-l .mid-img .img3 .img{
    width:100%;
    height:auto;
    overflow:hidden;
  }
  .section-content .section-right .sr-l .mid-img .img1 .img{aspect-ratio:310 / 120}
  .section-content .section-right .sr-l .mid-img .img2 .img,
  .section-content .section-right .sr-l .mid-img .img3 .img{aspect-ratio:154 / 120}
  .section-content .section-right .sr-l .mid-img .img1 .txt,
  .section-content .section-right .sr-l .mid-img .img2 .txt,
  .section-content .section-right .sr-l .mid-img .img3 .txt{width:100%}

  /* 3b. sr-r image grid: two wider article cards per row */
  .section-content .section-right .sr-r .right-img{
    display:flex;
    flex-wrap:wrap;
    gap:18px 10px;
    padding-top:18px;
    align-items:flex-start;
  }
  .section-content .section-right .sr-r .right-img a{
    float:none;
    margin:0;
    box-sizing:border-box;
    width:calc(50% - 5px);
    height:auto;
  }
  .section-content .section-right .sr-r .right-img a .img{
    width:100%;
    height:auto;
    aspect-ratio:170 / 130;
    overflow:hidden;
  }
  .section-content .section-right .sr-r .right-img a .txt{width:100%}

  /* 3c. images fill their scaled crop boxes and ignore the global 680/326 ratio */
  .section-content .section-right .sr-l .mid-img .img img,
  .section-content .section-right .sr-r .right-img a .img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    aspect-ratio:auto;
  }

  /* 4. Center third-party ad creatives inside wider wrappers */
  .ad-1000 > *,.ad-960 > *{margin:0 auto;max-width:100%}
}