@charset "utf-8";

/* CSS Document */

/* html,body{width:100%;height:100%;}
*/

body { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif; background: #fff; padding-top: 45px; }
.container { width: 1200px; min-width: 1200px; margin-left: auto; margin-right: auto; }
.min-1200 { width: 100%; min-width: 1200px; }
img { max-width: 100%; }
.mb60 { margin-bottom: 60px; }

/* ------------------------------首页------------------------------- */

/* 手机导航 */

/*手机导航*/
#mobileHeader { width: 100%; line-height: 0; background: #eee url('http://www.news.cn/world/2015/images/bgSjTop.png') no-repeat 0 0;/*-webkit-background-size:100% 45px;background-size:100% 45px;*/ position: relative; z-index: 9999; height: 60px; }
#mobileHeader .logo { display: block; width: 66px; height: 50px; background: url('http://www.news.cn/world/2015/images/xh_mobile_header.png') no-repeat 0 0; -webkit-background-size: 66px; background-size: 66px; position: absolute; top: 3px; left: 15px; }
#mobileHeader .name { display: inline-block;/* width:5rem;height:.8rem;*/ line-height: 60px; font-size: 24px; color: #fff; padding-left: 105px;/*vertical-align:top;margin:0 0 0 1.5rem;background:url('http://www.news.cn/world/2015/images/xh_mobile_header.png') 0 -160px no-repeat;-webkit-background-size:57px;background-size:57px;*/ overflow: hidden; }
#mobileHeader .name a { color: #fff; }
#mobileHeader .right { display: block; width: 38px; height: 34px; position: absolute; top: 15px; right: 15px; background-image: url('http://www.news.cn/world/2015/images/xh_mobile_header.png'); background-position: -78px -120px; }
#mobileHeader .mobileNavList { width: 100%; height: 0; overflow: hidden; position: absolute; top: 60px; left: 0; background: #ededed; z-index: 10; }
#mobileHeader .mobileNavList a { float: left; width: 20%; padding: .2rem 0; color: #000; text-align: center; font-size: .32rem; }
#mobileHeader .phnav { text-align: center; padding-bottom: .12rem; }
#mobileHeader .phnav li { float: left; width: 25%; height: .8rem; line-height: .85rem; text-align: center; font-size: .32rem; color: #333; }
#mobileHeader .phnav a { color: #333; }
#mobileHeader { display: none; }
#page-mb-header { display: none; }

/*网站导航*/
.top-bar { height: 45px; text-align: center; border-bottom: 1px solid #ccc; color: #cccccc; width: 100%; position: fixed; _position: absolute; z-index: 1040; top: 0; left: 0; background-color: #fff; box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2); overflow: hidden; }
.top-bar .menu { width: 1200px; overflow: hidden; margin: 0 auto; }
.top-bar .home-site-link { font-style: normal; font-weight: 700; }
.top-bar li::after { content: "|"; color: #d5d5d5; }
.top-bar li:first-of-type::after { content: " "; padding-right: 15px; }
.top-bar li:last-of-type::after { content: " "; }
.top-bar .item { line-height: 45px; font-size: 14px; }
.top-bar .item a { padding: 0 8px; }
.top-bar .home-site-link { color: black; }
.top-bar a { color: #1a1a1a; }
.top-bar .loading { display: block; text-align: center; height: 32px; line-height: 32px; font-size: 12px; background-color: #f5f5f5; }

/*footer*/
.domPC, .domMobile { display: none; }
.domPC { display: block; }
#bottomBody { background: #f9f7f4; }
.adBottom { background: #f9f7f4; padding: 20px 0; }
.footer { padding: 54px 0 47px;
	background: #bf0009;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase; }
.footer p { display: block; margin: 0 7px; line-height: 2; }

/*RTools*/
.RTools { position: fixed; _position: absolute; right: 10px; bottom: 180px; width: 60px; z-index: 10000; display: none; }
.RTools .qrcode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px 0; border: 1px solid #ccc; background-color: #f7f7f7 !important; right: 0; bottom: 70px; position: absolute; }
.RTools .qrcode canvas { width: 100%; height: auto; }
.RTools .qrcode:hover::after { content: '扫描分享'; width: 100%; margin: 5px auto 0; color: #333; font-size: 20px; display: block; text-align: center; }
.RTools .qrcode:hover { transform: translate(0, 0); animation: change 1s; -moz-animation: change 1s; -webkit-animation: change 1s; -mozanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; overflow: hidden; width: 100%; }
@keyframes change {
	from { width: 48px; height: 48px; opacity: 1; }
	to { width: 268px; height: 310px; opacity: 1; }
}
.RTools .gototop { width: 60px; height: 60px; cursor: pointer; background: #bf0009 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%; transition: .3s; opacity: 0; filter: alpha(opacity=0); }
.show { display: block; }

/* -------------------新闻列表页----------------------- */

/* PC */
.phd-inside { height: 600px; }
.nav-swiper { display: none; }
.news-bream{
	padding-bottom: 6px;
	background: url('http://www.newsimg.cn/health/20181225zjwdgg/img/bg-07.png') center bottom no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #bf0009;
	margin-top: 25px;
}

.news-list-ul{
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 14px;
}
.news-list-ul li{
	float: left;
	width: 33.33%;
	margin-top: 36px;
}
.news-list-ul .div1{
	margin: 0 15px;
}

.news-list-ul .div1 .span-pic{
	position: relative;
}
.news-list-ul .div1 .span-pic .span-icon{
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: 50%;
	margin-top: -23px;
	width: 50px;
	height: 46px;
	background: url('http://www.newsimg.cn/health/20181225zjwdgg/img/icon-play.png') center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.news-list-ul .div1 .span-pic,.news-list-ul .div1 .span-pic a,.news-list-ul .div1 .span-pic img{
	width: 100%;
	display: block;
}

.news-list-ul .div1 .span-title{
	font-size: 16px;
	max-height: 66px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 22px;
}
.news-list-ul .div1 .span-title a{
	font-size: 16px;
	color: #404040;
}
.news-list-ul .div1 .span-title a:hover{
	color: #bf0009;
}
.news-list-ul .div1 .span-date{
	font-size: 14px;
	color: #999;
	line-height: 22px;
}


/* MOBILE */
@media screen and (max-width:767px) {
	body { font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;/* background:url('http://www.newsimg.cn/tech/5gsd2018/img/b-bg1.jpg') center bottom no-repeat #fff;*/ margin: 0 auto; width: 640px; }
	.container { width: 600px; min-width: 600px; margin-left: auto; margin-right: auto; }
	.min-1200 { width: 100%; min-width: 100%; }
	#mobileHeader { display: block; }
	#page-mb-header { display: block; }
	#page-pc-header { display: none; }
	#top-bar { display: none; }
	.RTools{
		bottom: 143px;
	}

	/*top-bar*/
	body { padding-top: 0; }
	.phd-inside { height: 430px; }
	.nav { display: block; }
	.nav-swiper { display: block; background: #1369d3; height: 70px; line-height: 70px; }
	.nav-swiper a { font-size: 28px; color: #fff; padding: 0 27px 0 28px; background: url('http://www.newsimg.cn/tech/5gsd2018/img/line-01.png') left center no-repeat; }
	.nav-swiper .swiper-slide { width: auto; }
	.nav-swiper .swiper-slide:first-child a { background: none; }
	.news-bream { font-size: 1.8rem; }

	/*footer*/
	.domPC, .domMobile { display: none; }
	.domPC { display: block; }
	#bottomBody { background: #f9f7f4; }
	.adBottom { background: #f9f7f4; padding: 20px 0; }
	.footer { font-size: 18px; text-transform: uppercase; color: #fff; text-align: center; padding: 30px 0 25px; background: #bf0009;}
	.footer p { display: inline-block; margin: 0 7px; line-height: 2; }
	.RTools .qrcode { display: none; }
	.news-list-ul{
		margin-left: -10px;
		margin-right: -10px;
	}
	.news-list-ul li{
		width: 50%;
		margin-top: 30px;
	}
	.news-list-ul li .div1{
		margin-left: 10px;
		margin-right: 10px;
	}

	.news-list-ul .div1 .span-title{
		font-size: 20px;
		max-height: 90px;
		overflow: hidden;
		margin-top: 15px;
		line-height: 30px;
	}
	.news-list-ul .div1 .span-title a{
		font-size: 18px;
		color: #404040;
	}
	.news-list-ul .div1 .span-title a:hover{
		color: #237be8;
	}
	.news-list-ul .div1 .span-date{
		font-size: 16px;
		color: #999;
		line-height: 30px;
	}

}