/* reset */
body{line-height: 1.8;}
body,input,textarea,select{font-size:12px;font-family:SimSun,arial,sans-serif;}
body,h1,h2,h3,p,ul,ol,dl,dd,form{margin:0;}
em,i{font-style:normal;}
ul,ol{list-style-type:none;padding-left:0;}
img{border:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}

/* common */
.region,.mod,.mhd,.mbd{clear:both;content:".";display:block; height:auto;overflow:hidden;*zoom:1}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-left: auto;margin-right: auto;}
.ovh{overflow: hidden;}

.fw{font-family:\5FAE\8F6F\96C5\9ED1;}
.f0{font-size: 0;}
.f15{font-size: 15px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18,.f17{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f46{font-size: 46px;}
.b{font-weight: bold;}
.tc{text-align: center;}
.vm{vertical-align: middle;}
.lh2{line-height: 2;}

.tit-m{display: block;position:absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);background-color:rgba(000,000,000,0.6);overflow: hidden;}

.dot .item{background: url(xly-dot.png) 0 50% no-repeat;padding-left: 10px;line-height: 30px;}

/* layout */
.layout{width: 1000px;margin-left: auto;margin-right: auto;clear: both;}
.lay-a,
.lay-b{float:left;display:inline;}

.lay-a{width:640px;margin-right: 30px;}
.lay-b{width:330px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mb5{margin-bottom: 5px;}

/* color */
.c1{color: #ff3c53;}
.c2{color: #fff;}
.c3{color: #434343;}
.c4{color: #666;}
.c5{color: #de1414;}


/* common-header */
.top-bar{background: #3fb5e7;height: 38px;line-height: 38px;color: #fff;font-size: 14px;}
.nav-site {color: #bbb;}
.top-bar a{color: #fff;}
.top-login{position: absolute; width:300px; height:38px; overflow:hidden; left:0; top:0;}
.ico-l{background: url(http://www.citygf.com/images/index2014/ico-l.png) 0 45% no-repeat;padding-left: 20px;margin-left: 15px;}
.nav-menu{margin-left: 170px;position: absolute;}
.nav-menu .item{position: relative;float: left;}
.nav-menu .cat{display: block;padding-right: 15px;line-height: 38px;}
.nav-menu .cat a{background: url(http://www.citygf.com/images/index2014/ico-d.png) right 50% no-repeat;padding: 0 15px;}
.nav-menu .cat:hover{background-color: #0088c2;}
.nav-menu .sub{position: absolute;top: 38px;display: none;background:#fff;border:1px solid #cdcdcd;box-shadow:0 0 8px #cdcdcd;padding-bottom: 10px;}
.nav-menu .sub a{display: block;width: 100px;color: #585858;font-size: 12px;padding: 0 10px;line-height: 28px;}
.nav-menu .sub a:hover{color:#252525;background:#f2f2f2;}
.nav-menu .sub i{border-bottom: 1px dashed #dcdddd;display: block;}
.top-set{position: absolute;margin-left: 900px;}
.nav-site{background: #f9f9f9;padding-left: 10px;padding-bottom: 10px;}
.nav-site a{margin-left: 5px;margin-right:5px;display: inline-block;}
#storage{ position:absolute;}
.top-bar .layout{ margin:0 auto; height:38px; position:relative;}
.nav-menu .wxlist{width:330px;}
.nav-menu .wxlist li{float:left;width:110px;}
.nav-menu .wxlist a{padding:0 5px;}

.top-search{position: absolute;margin-left: 660px;_margin-top: 6px;font-size: 0;}
.top-search .keyword{width: 180px;height: 22px;vertical-align: middle;background: #e1f3fd;color: #8c9399;padding-left: 10px;line-height: 22px;border: 0;font-size: 14px;}
.top-search .submit{width: 30px;height: 24px;background: url(http://www.citygf.com/images/index2014/ico-s.png) 0 0 no-repeat;vertical-align: middle;border: 0;cursor: pointer; text-indent:-9999px;}

/* header */
.gg{padding-bottom: 10px;/*background: #f8f8f8;border-bottom: 2px solid #efefef;*/}
.gg img,.gg iframe{ padding-top:10px;}

/* wrapper */
.loca{line-height: 32px;background: url(xly-ico-red.png) 0 0 no-repeat;padding-left: 40px;}
.mhd1{border-top: 2px solid #ff3c53;line-height: 40px;padding-right: 13px;}

.article .tit{font-size: 28px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
.article .from{color: #aaa;line-height: 40px;}
.article .from .r{margin-top: 11px;}
.article .cont{font-size: 14px;line-height: 30px;border-top: 1px dotted #e6e6e6;padding-top: 10px;}

.rank{background: url(xly-rank-red.png) 0 0 no-repeat;}
.rank .item{line-height: 21px;margin: 9px 0 0 31px;}

.list{margin-top: -11px;}
.list .item{padding: 20px 0;border-top: 1px solid #e2e2e2;overflow: hidden;}
.list .item:hover{background: #f4f4f4;}
.list .info{color: #999;}
.list .time,
.list .from{background: url(bqw-ico5.png) 0 0 no-repeat;padding-left: 20px;}
.list .from{background-position: 0 -30px;}

.pic160{width: 340px;margin-bottom: 10px;}
.pic160 .item{position: relative;width: 150px;height: 110px;overflow: hidden;float: left;margin: 0 10px 10px 0;}
.pic160 .tit-m{width: 150px;height: 110px;margin-top: 110px;transition:all .3s linear;}
.pic160 .item:hover .tit-m{margin-top: 0;}
.pic160 .c2{height: 50px;padding: 30px 0;display: block;text-decoration: none;}
.pic160 .c2:hover{color: #fff;}

#J_Weixin,
#J_Weixin li{height: 50px;overflow: hidden;line-height: 50px;}
.pic150{width: 320px;margin-bottom: 10px;}
.pic150 .item{width: 150px;height: 140px;overflow: hidden;float: left;margin: 0 10px 10px 0;}
.pic150 .ico-v{background: url(fnew-ico-v.png) 0 0 no-repeat;width: 31px;height: 31px;position: absolute;margin: 75px 0 0 110px;}
.pic150b{border-top: 2px solid #438ed6; padding-top:20px;}
.pic150b .item{width: 100px;height: 130px;overflow: hidden;float: left;margin: 0 30px 10px 30px;}
.pic150b .item img{width: 100px;height: 100px;}

.pic330{height: 185px;background: #fff;}
.pic330 .tit-m{width: 330px;height: 30px;line-height: 30px;margin-top: 155px;}
/* footer */
.footer{border-top: 7px solid #bfbfbf;padding-top: 20px;margin-top: 20px;}
.footer .f16 a{color: #494949;}
.footer .f16 a:hover{color:#f60;text-decoration:none;}
.footer img{margin: 10px 20px;}

/* xly-blue.html */
.blue .c1{color: #438ed6;}
.blue .mhd1{border-top: 2px solid #438ed6;}
.blue .loca{background: url(xly-ico-blue.png) 0 0 no-repeat;}
.blue .rank{background: url(xly-rank-blue.png) 0 0 no-repeat;}

/* page */
.page{text-align:center;}
.page a,
.page em{display: inline-block;border: 1px solid #e7e7e7;padding: 2px 10px;color: #000; margin:0 2px;}
.page em{background:#318ed2;color: #fff;}
.page a:hover{background: #f4f4f4;text-decoration: none; }

/*广告*/
.modAd{line-height:0px; height:auto; font-size:0px; overflow:hidden;}
.modAd .gg{height:auto; width:auto;overflow:hidden; float:left;}
.gg img,.gg object,.gg iframe,.modAd img,.modAd object,.modAd iframe{ padding-top:10px;overflow:hidden;}
.modAd .lay-a img,.modAd .lay-a object,.modAd .lay-a iframe{ padding-right:30px;}
.lay-b .gg{ background:none;padding-bottom:0; border:none;}
lay-b .f0 iframe{padding-bottom:10px;}

/*招聘广告*/
.modZt{ margin-top:30px; background:url(http://www.citygf.com/images/art_invite_bg.jpg) no-repeat 0 0; width:300px; height:120px; padding-top:38px; line-height:22px; overflow:hidden;margin: 0 auto;margin-bottom: 20px;}
.modZt .mbdZt{ height:120px;overflow:hidden;}
.modZt .mbdZt ul{ margin-left:28px;}

/*.cont img{width:96%;}*/

/*2018-05-31 增加音频播放*/
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.db {
	display: block;
}
.hidden { display: none !important; }
.weixinAudio {
	line-height: 1.5;width:100%;    margin: 0.5rem 0;
}
.audio_area {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin: 0px 1px 0px 0;
	font-size: 0;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
.audio_wrp {
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	overflow: hidden;
	padding: 10px 20px 10px 10px;
}
.audio_play_area {
	float: left;
	margin: 0 22px 0 5px;
	font-size: 0;
	width: 18px;
	height: 25px;
}
.playing .audio_play_area .icon_audio_default {
	display: block;
}
.audio_play_area .icon_audio_default {
	background: transparent url(iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
	background-position: -36px center;
}
.audio_play_area .icon_audio_playing {
	background: transparent url(iconloop.png) no-repeat 0 0;
	width: 18px;
	height: 25px;
	vertical-align: middle;
	display: inline-block;
	-webkit-background-size: 54px 25px;
	background-size: 54px 25px;
animation: audio_playing 1s infinite;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
	display: none;
}
.audio_area .pic_audio_default {
	display: none;
	width: 18px;
}
.tips_global {
	color: #8c8c8c;
}
.audio_area .audio_length {
	float: right;
	font-size: 14px;
	margin-top: 3px;
	margin-left: 1em;
}
.audio_info_area {
	overflow: hidden;
}
.audio_area .audio_title {
	font-weight: 400;
	font-size: 17px;
	margin-top: -2px;
	margin-bottom: -3px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.audio_area .audio_source {
	font-size: 14px;
}
.audio_area .progress_bar {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #0cbb08;
	height: 2px;
}
.playing .audio_play_area .icon_audio_default {
	display: none;
}
.playing .audio_play_area .icon_audio_playing {
	display: inline-block;
}
@keyframes audio_playing {
 30% {
 background-position: 0px center;
}
 31% {
 background-position: -18px center;
}
 61% {
 background-position: -18px center;
}
 61.5% {
 background-position: -36px center;
}
 100% {
 background-position: -36px center;
}
}

 @-webkit-keyframes audio_playing {
 30% {
 background-position: 0px center;
}
 31% {
 background-position: -18px center;
}
 61% {
 background-position: -18px center;
}
 61.5% {
 background-position: -36px center;
}
 100% {
 background-position: -36px center;
}
}
.audio_wrp{ padding:10px;}
	.audio_play_area{ margin:5px 18px 0 5px;}
    .audio_play_area .icon_audio_default,.audio_play_area .icon_audio_playing{ margin: 5px 8px;}
	.audio_play_area{width: 36px;height: 36px;border: 2px solid #09BB07; border-radius: 30px;}
	.audio_area .audio_title {font-size: 16px; padding-bottom:4px;}
	.audio_area .audio_source {font-size: 12px; color:#666;}
	.audio_area .audio_length{ position:absolute;}
	.audio_info_area {overflow: hidden;width: 76%;position: relative;}
	.audio_area .progress_bar{ position:static; margin-top:10px;}
	.audio_area .audio_length {position: absolute;right: 12px;bottom: 15px;}

.sxTips{text-indent: 2em;margin: 10px auto; padding-top: 5px; border-top: 1px dashed #999;}