@charset "utf-8";

	/* CSS reset */

	a,
	abbr,
	acronym,
	address,
	applet,
	article,
	aside,
	audio,
	b,
	big,
	blockquote,
	body,
	canvas,
	caption,
	center,
	cite,
	code,
	dd,
	del,
	details,
	dfn,
	dialog,
	div,
	dl,
	dt,
	em,
	embed,
	fieldset,
	figcaption,
	figure,
	font,
	footer,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	header,
	hgroup,
	hr,
	html,
	i,
	iframe,
	img,
	ins,
	kbd,
	label,
	legend,
	li,
	mark,
	menu,
	meter,
	nav,
	object,
	ol,
	output,
	p,
	pre,
	progress,
	q,
	rp,
	rt,
	ruby,
	s,
	samp,
	section,
	small,
	span,
	strike,
	strong,
	sub,
	summary,
	sup,
	time,
	tt,
	u,
	ul,
	var,
	video,
	xmp {
		border: 0;
		margin: 0;
		padding: 0;
	}
	*, :after, :before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	table,
	tbody,
	td,
	tfoot,
	th,
	thead,
	tr,
	{
		margin: 0;
		padding: 0;
	}

	html,
	body {
		height: 100%;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}

	b,
	strong {
		font-weight: bold;
	}

	img {
		color: transparent;
		font-size: 0;
		-ms-interpolation-mode: bicubic;
		/*windows平台缩放图片时，可能出现图像失真现象*/
	}

	ol,
	ul {
		list-style: none;
	}

	li {
		display: list-item;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	th,
	td,
	caption {
		font-weight: normal;
		vertical-align: top;
	}
	input{font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', simsun, sans-serif, Arial;}


	/* 全局CSS定义 */

	body {
		margin: 0 auto;
		background: #FFF;
		font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', simsun, sans-serif, Arial;
		font-size: 10px;
		-webkit-font-smoothing: antialiased;
	}

	em,
	i {
		font-style: normal;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: normal;
	}

	.clearfix:after {
		content: "\200B";
		display: block;
		height: 0;
		clear: both;
	}

	.clearfix {
		*zoom: 1;
	}


	/*IE/7/6*/

	img {
		max-width: 100%;
		display: block;
	}


	/* 链接样式*/

	a:active, a:focus, input:active, input:focus, option:active, option:focus, select:active, select:focus, textarea:active, textarea:focus {
		outline: 0;
	}

	a:link {
		color: #2e2e2e;
		text-decoration: none;
	}

	a:visited {
		color: #2e2e2e;
		text-decoration: none;
	}

	a:hover {
		color: #f15b66;
		text-decoration: none;
	}

	a:active {
		color: #2e2e2e;
		text-decoration: none;
	}
	.gary a:link{
		color: #2e2e2e;
	}
	.gary a:visited{
		color: #2e2e2e;
	}
	.gary a:hover{
		color: #000000;
	}
	.gary a:active{
		color: #2e2e2e;
	}
	a:hover {
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	@font-face {font-family: "iconfont";
	  src: url('../font/iconfont.eot'); /* IE9*/
	  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
	  url('../font/iconfont.woff') format('woff'),
	  url('../font/iconfont.ttf') format('truetype'), 
	  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
	}
	.iconfont{font-style:normal;font-size:16px;font-family:iconfont!important;
		-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}

	.max-pic {
		overflow: hidden;
	}

	.max-pic img {
		-webkit-transition: transform .6s ease-in-out;
		-moz-transition: transform .6s ease-in-out;
		-ms-transition: transform .6s ease-in-out;
		-o-transition: transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		cursor: pointer;
		/* 2017-10-23 */
		height:100%;
		object-fit:cover;
		width:100%;
	}

	.max-pic:hover img {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-filter: brightness(1);
	}


	/******************************** nav ********************************/

	.nav-bg {
		width: 100%;
		background: #000;
		-moz-transition: -moz-transform 0.5s .1s;
		-o-transition: -o-transform 0.5s .1s;
		-webkit-transition: -webkit-transform 0.5s .1s;
		transition: transform 0.5s .1s;
		position: fixed;
		z-index: 100;
		overflow: hidden;
	}

	.nav-bg.open {
		position: static!important;
	}

	.navbar {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		/* padding: 1.3rem 0 0 0; */
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		align-items: center;
		-webkit-align-items: center;
	}

	.open .navbar {
		/* -webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column; */
	}

	.navbar .nav-logo {
		float: left;
		width: 6%!important;
    padding: .3rem 1.4rem .3rem 0!important;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	.open .navbar .nav-logo {
		/* width: 16.9%;
		-webkit-order: -1;
		order: -1;
		-webkit-align-self: flex-start;
		align-self: flex-start;
		padding: 1.3rem 0 0 0; */
	}

	.navbar .nav-inline {
		float: left;
		padding: .9rem 0;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	.open .navbar .nav-inline {
		/* -webkit-order: 1;
		order: 1;
		width: 100%;
		padding: 2.1rem 0 1rem 0; */
	}

	.navbar.secondNav {
		display: none;
		visibility: visible;
		opacity: 1;
		width: 100%;
		max-width: 100%;
		background: #f15b66;
		/*2017-09-07*/
		overflow: hidden;
	}

	.navbar.secondNav .nav-inline {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		padding: .8rem 0 .8rem 0;
		/*2017-09-07*/
		float: none;
	}

	.navbar .nav-inline li {
		display: inline-block;
		font-size: 1.1rem;
		color: #fff;
		line-height: 1.2rem;
		border-right: 1px solid #434343;
	}

	.navbar.secondNav .nav-inline li {
		font-size: 1.05rem;
		border-right: 1px solid #fff;
	}

	.navbar .nav-inline li:last-child {
		border: none;
	}

	.navbar .nav-inline li a {
		color: #fff;
		display: inline-block;
		padding: 0 1.5rem;
	}

	.open .navbar .nav-inline li:first-child a {
		/* padding: 0 1.5rem 0 0; */
	}

	.navbar .nav-inline li a:link,
	.navbar .nav-inline li a:visited,
	.navbar .nav-inline li a:hover,
	.navbar .nav-inline li a:active {
		color: #fff;
		text-decoration: none;
	}

	.navbar .nav-inline li a:hover {
		color: #f15b66;
		text-decoration: none;
	}
	.navbar.secondNav .nav-inline li a:hover {
		color: #fff;
		text-decoration: none;
	}

	.navbar .pull-right {
		float: right;
		-webkit-align-self: center;
		align-self: center;
		-webkit-flex: 1 0 auto;
		flex: 1 0 auto;
		text-align: right;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	.open .navbar .pull-right {
		/* -webkit-order: 0;
		order: 0;
		-webkit-align-self: flex-end;
		align-self: flex-end;
		margin-top: -2rem; */
	}

	.search-form {
		display: inline-block;
	}

	.btn-link {
		background: transparent;
		border: transparent;
	}

	.btn-link .icon {
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
	}
	.btn-link .icon img{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

	.search-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff;
	}

	.search-form input:-ms-input-placeholder{
		color: #fff;
	}

	.search-form input::-webkit-input-placeholder{
		color: #fff;
	}

	.search-form input {
		width: 2.1rem;
		max-width: 12rem;
		display: inline-block;
		border: 0;
		background: transparent;
		font-size: 1rem;
		color: #efefef;
		font-family: '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53', simsun, sans-serif, Arial;
		vertical-align: middle;
		cursor: pointer;
	}

	/* .pull-right .load {
		display: inline-block;
		font-size: 1rem;
		color: #efefef;
		padding-left: 1rem;
		border-left: 1px solid #fff;
		line-height: 1.1rem;
		margin-left: .7rem;
		vertical-align: middle;
		text-decoration: none;
	} */
	.pull-right .load { display: inline-block; font-size: 1rem; color: #efefef; padding-left: 1rem; border-left: 1px solid #fff; line-height: 1.1rem; margin-left: .7rem; vertical-align: middle; text-decoration: none; width: auto; cursor: pointer;}
	.pull-right .load:hover {
		color: #f15b66;
		text-decoration: none;
	}

	.nav-inline .caret {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .8rem;
		border-top: 6px dashed;
		vertical-align: middle;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
	}

	.nav-inline .up .caret {
		border-top: 0;
		border-bottom: 6px dashed;
	}

	.topNews {
		padding-top: 16px!important;
		background: #f9f9f9;
		padding-bottom: 16px;
	}

	.title-line {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.title-line .icon-new{float: left;}

	.title-line .scroll-one {
		-webkit-flex: 1 0 auto;
		flex: 1 0 auto;
		height: 1rem;
	}

	.title-line .scroll-one li {
		font-size: .9rem;
		color: #000;
		line-height: 1rem;
		padding-left: .5rem;
	}

	.title-line .scroll-one li a:link,
	.title-line .scroll-one li a:visited,
	.title-line .scroll-one li a:hover,
	.title-line .scroll-one li a:active {
		color: #000;
		text-decoration: none;
	}

	.title-line .app-link a {
		font-size: .9rem;
		color: #000;
		line-height: 2.5rem;
		vertical-align: middle;
	}

	.app-link{
		display: none;
	}

	.title-line .app-link a:link,
	.title-line .app-link a:visited,
	.title-line .app-link a:hover,
	.title-line .app-link a:active {
		color: #000;
		text-decoration: none;
	}

	.page {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin-top: 6rem;
	}

	.page.mt {
		margin-top: .9rem;
	}
	.page.mt2rem {
		margin-top: 2rem;
	}

	.mainCon {
		float: left;
		width: 67.8%;
		max-width: 800px;
	}

	.sideAds {
		float: right;
		width: 29.7%;
		max-width: 350px;
		padding-bottom: 3.8rem;
	}

	.title-zt{font-size: 1.5rem; color: #000; line-height: 1.5rem; border-bottom: 1px solid #000; padding: .8rem 0 .7rem .5rem;}

	.listBox {
		border-bottom: 1px solid #dcdcdc;
		padding: 1.9rem 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		overflow: hidden;
		/* 2017-10-23 */
		height:160px;
		box-sizing:content-box;
		-moz-box-sizing:content-box; /* Firefox */
		-webkit-box-sizing:content-box; /* Safari */
	}

	.listBox:last-child {
		border-bottom: 0;
	}

	.listBox .list-pic {
		/*width: 32.2%;*/
		float: left;
		max-width: 258px;
		/* -webkit-flex: 0 1 auto;
		flex: 0 1 auto; */
		 -webkit-flex: 0 0 auto;
		flex: 0 0 auto; 
		margin-right:30px;
	}

	.list-info {
		/* float: left; */
		max-width: 100%;
		width: 100%;
		flex: 1 2 auto;
		-webkit-flex: 1 2 auto;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.list-info h3 {
		font-size: 1.1rem;
		line-height: 1.3rem;
		font-weight: 700;
		color: #313131;
		padding-bottom: .9rem;
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
	}

	.list-info h3 a:link,
	.list-info h3 a:visited,
	.list-info h3 a:hover,
	.list-info h3 a:active {
		color: #313131;
		text-decoration: none;
	}

	.list-info h3 a:hover {
		color: #f15b66;
	}

	.list-info p {
		font-size: .95rem;
		color: #99999c;
		line-height: 1.5rem;
		flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-moz-flex:1 1 auto;
		-ms-flex:0 0 auto;
		max-height: 70px;
		overflow: hidden;
	}

	.list-info p a:link,
	.list-info p a:visited,
	.list-info p a:hover,
	.list-info p a:active {
		color: #99999c;
		text-decoration: none;
	}

	.list-info p a:hover {
		color: #000;
	}

	.infoBar {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		align-items: center;
		-webkit-align-items: center;
	}

	.infoBar .source {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}

	.infoBar .avator img {
		width: 1.7rem;
		height: 1.7rem;
		border-radius: 50%;
		display: inline-block;
	}

	.infoBar i {
		/* display: inline-block; */
		font-size: .9rem;
		color: #99999c;
		padding-right: .8rem;
		letter-spacing: -1px;
		text-align: right;
		-webkit-flex:1 0 auto;
		flex:1 0 auto;
	}

	.infoBar i.avator {
		padding-right: .4rem;
	}

	.infoBar i.time {
		padding-right: 0; line-height: 1.9rem;
	}

	.load-more {
		text-align: center;
		padding: 1.9rem 0 3.8rem;
	}

	.showtext {
		display: inline-block;
		font-size: 1.1rem;
		color: #d1d1d1;
		cursor: pointer;
		border: 1px solid #d1d1d1;
		border-radius: 1.5rem;
		padding: .5rem 1.8rem;
		letter-spacing: .5px;
		line-height: 1.1rem;
	}

	.showtext i img {
		display: inline-block;
		vertical-align: top;
		padding-left: .3rem;
	}
	.nomore .showtext{display: none;}

	/*slideBox*/

	.slideBox .swiper-slide {
		position: relative;
	}
	.slideBox .swiper-slide img{width: 100%;}

	.slideBox .swiper-slide .carousel-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .5);
		padding: 1.7rem 3rem 1.7rem 3rem;
	}

	.carousel-caption .title {
		font-size: 1.1rem;
		color: #fff;
		font-weight: 700;
		line-height: 1.1rem;
		padding-bottom: .8rem;
	}

	.carousel-caption .ellipsis {
		font-size: .9rem;
		color: #fff;
		line-height: 1.4rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: .8rem;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: .8rem;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 89%;
		-moz-background-size: 70%;
		-webkit-background-size: 70%;
		background-size: 70%;
	}

	.ads {
		margin-top: 1.25rem;
	}

	.ads:first-child {
		margin-top: 0;
	}

	.hotNews.newzt .newsList li {
		padding: .8rem 0 0 0;
	}

	.hotNews {
		background: #f9f9f9;
		margin-top: 1.9rem;
	}

	.hotNews h2 {
		color: #000;
		font-size: 1.1rem;
		font-weight: 700;
		line-height: 1.5rem;
		padding: 1.1rem 0;
	}

	.hotNews h2:before {
		content: " ";
		width: .25rem;
		height: 1.25rem;
		display: inline-block;
		background: #f15b66;
		vertical-align: sub;
		margin-right: .3rem;
	}

	.hotNews h2 a {
		float: right;
		padding-right: .5rem;
		color: #99999c;
		font-size: .9rem;
		font-weight: 400;
	}

	.hotNews h2 a:hover {
		text-decoration: none;
		color: #f15b66;
	}

	.hotNews .newsList {
		padding: 0 .5rem;
		padding-bottom: 1.1rem;
	}

	.hotNews .newsList li img{margin-left:-.1rem;}

	.hotNews .newsList li:first-child {
		border-top: 1px solid #eeeeee;
	}

	.hotNews .newsList li:first-child img {
		margin-top: 1rem;
	}

	.hotNews.newzt .newsList li:first-child img {
		margin-top: 0;
	}

	.hotNews .newsList li:last-child {
		border: none;
	}

	.hotNews .newsList li {
		color: #2e2e2e;
		font-size: .9rem;
		border-bottom: 1px dashed #eeeeee;
		line-height: 2.5rem;
		padding-left: .2rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.hotNews .newsList li a:link {
		color: #000;
	}

	.hotNews .newsList li a:visited {
		color: #000
	}

	.hotNews .newsList li a:hover {
		color: #f15b66;
	}

	.hotNews .newsList li a:active {
		color: #000;
	}

	#footer {
		background: #000;
		padding: 2.5rem 0 3.5rem 0; clear: both;
	}

	.footer-con {
		max-width: 1180px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		display: -webkit-flex;
	}

	.about-links {
		float: left;
		width: 70.3%;
	}

	.code-links {
		float: right;
		width: 29.7%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		align-items: flex-end;
	}

	.links {
		display: flex;
		display: -webkit-flex;
		width: 77%;
		padding-bottom: 3rem;
	}

	.links a {
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		color: #fff;
		font-size: .9rem;
		text-decoration: none;
	}

	.links a:hover {
		color: #e53221;
		text-decoration: none;
	}

	.logo {
		padding-bottom: 3.4rem;
	}
	.logo img{float: left;}
	.logo a{display: inline-block; padding-top: 3.5rem; color: #fff; padding-left: 1.4rem; font-size: .95rem;}
	.logo a:hover{text-decoration: none; color: #f15b66}

	.copyright {
		color: #707070;
		font-size: .9rem;
		line-height: 130%;
	}

	.qrcode-item {
		position: relative;
		margin-bottom: 1.4rem;
		display: block;
	}

	.qrcode-hover {
		position: absolute;
		right: 0;
		bottom: 0;
		opacity: 0.5;
		visibility: hidden;
		-webkit-transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out;
		-ms-transition: opacity .5s ease-in-out;
		-o-transition: opacity .5s ease-in-out;
		transition: opacity .5s ease-in-out;
	}

	.qrcode-item:hover .qrcode-hover {
		opacity: 1;
		visibility: visible;
	}

	/********************************* search ******************************************/
	.searchBar{width: 100%; max-width: 1180px; margin: 0 auto; margin-top: .9rem;}
	.search-popup{background: rgba(0,0,0, .8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 999;
	-webkit-display: flex; display: flex;
	-webkit-align-items: center; align-items: center; opacity: 0; visibility: hidden; 
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
	.search-container{ background: #fff; width: 40%; margin: 0 auto; padding: 3rem 4rem; padding-bottom: 4.5rem; overflow: hidden; position: relative;}
	.search-popup-hd{ position: relative; overflow: hidden; margin-top: .5rem;}
	.search-popup-hd input{background: #f5f5f5; width: 100%; color: #000; border-radius: .1rem; border: none; font-size: 1.5rem; padding: .6rem 0; padding-left: 3.7rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.search-popup-hd input:focus{outline: none;}
	.search-popup-hd .icon-search{font-size: 2.2rem; position: absolute; top: 13%; left: .6rem;}
	.search-popup-hd .icon-search:before{content: "\E620"; opacity: .3; }
	.search-popup-bd .tip{ font-size: 1.3rem; line-height: 1.3rem; color: #000; border-bottom: 1px solid #eeeeee;  padding-bottom: .6rem; padding-top: 2rem;}
	.search-popup-bd .tip:before {
		content: " "; width: .25rem; height: 1.2rem; display: inline-block; background: #f15b66; vertical-align: bottom; margin-right: .3rem; }
	.hotwords{ width: 99%; margin: 0 auto;}
	.hotwords .hot{float: left; width: 25%; text-align: left; padding-top: 1.7rem;}
	.hotwords .hot a{display: inline-block; color: #000; text-decoration: none; font-size: 1.2rem;}
	.search-container .search-close{ position: absolute; right: .5rem; top: 1rem; font-size: 1.8rem}
	.search-container .search-close:hover{text-decoration: none; cursor: pointer;}
	.search-container .search-close:before{ content: "\E624";}



	.login-popup{background: rgba(0,0,0, .8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 999;
	-webkit-display: flex; display: flex;
	-webkit-align-items: center; align-items: center; opacity: 0; visibility: hidden; 
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
	.login-container{background: #fff; margin: 0 auto; padding: 3rem 4rem; padding-bottom: 4.5rem; overflow: hidden; position: relative;}

	.login-container .login-close{ position: absolute; right: .5rem; top: 1rem; font-size: 1.8rem}
	.login-container .login-close:hover{text-decoration: none; cursor: pointer;}
	.login-container .login-close:before{ content: "\E624";}

	.adv-popup{background: rgba(0,0,0, .8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; z-index: 999;
	-webkit-display: flex; display: flex; justify-content: center;
	-webkit-align-items: center; align-items: center; opacity: 0; visibility: hidden; 
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
	 
	/********************************** tab *****************************************/
	.title_box { width:100%; padding-bottom: .7rem; overflow:hidden;}
	.title_box h3 { float:left; padding:.5rem 1.6rem; color:#fff;  background:#f9f9f9; cursor: pointer; color: #dbdbdb; font-size: 1.5rem; line-height:1.5rem;}
	.title_box h3.now_tit { background:#000; color: #fff;}
	.title_box h3 .num{font-size: 1.05rem; padding-left: .4rem;}
	.tab-con { clear:both; overflow: hidden;}
	.tab-con>div { display:none;}
	.tab-con>.now_con { display:block;} 

	.baike{background: #f9f9f9; margin: 1.2rem 0 .8rem 0; overflow: hidden;}
	.baike-pic{float: left; padding-right: 1rem;}
	.baike-info{ padding: .6rem 0; width: 60%; float: left;}
	.baike-info .baike-tit{ font-size: 1.5rem; color: #f15b66; font-weight: 700; border-bottom: 1px solid #eeeeee; line-height: 3rem;}
	.baike-info .baike-tit i{font-size: .9rem; color: #2e2e2e; font-weight: 400; display: inline-block; padding-left: .3rem;}
	.baike-info .baike-tit a{float: right; color: #99999c; font-size: .9rem; font-weight: 400;}
	.baike-info .baike-tit a:hover {text-decoration: none;color: #f15b66;}
	.baike-info p{font-size: 1rem; color: #2e2e2e; line-height: 2rem; text-align: justify; padding-top: .3rem;}
	.hot{color: #f15b66!important;}

	/********************************** boxApp *************************************/
	.boxApp{ background: #f15b66;}
	.boxApp li{text-align: center; color: #fff; font-size: 1.1rem; overflow: hidden;}
	.boxApp li a{ color: #fff; font-size: 1.1rem; line-height: 3rem;}
	.boxApp li a:hover{color: #fff; text-decoration: none;}
	.boxApp img{ display: inline-block;}
	.c2cc-logo-w{padding: .55rem 0;}
	.code-gzh{border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 2.25rem 0 1.5rem 0;}
	.code-gzh span{display: block; line-height: 1.1rem; padding-top: .75rem;}
	.app-links a{float: left; width: 50%; display: block; padding: 1.2rem 0; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.app-links a:first-child{border-right:1px solid #fff;}



	.gotop {
		position: fixed;
		left: 50%;
		right: auto;
		margin-left: 600px;
		bottom: 10px;
		width: 4.4rem;
		height: 4.4rem;
		display: block;
		background: #eeeeee;
		color: #eeeeee;
		text-align: center;
		opacity: 0;
		text-indent: 9999;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
	}

	.gotop:after {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../images2017/gotop-arrow.png) no-repeat center center;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	.gotop.show {
		opacity: 1;
	}

	.gotop:hover {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
		background-color: #EAE8E8;
		text-indent: 0;
		color: #fff;
	}



	@media (max-width: 1024px) and (min-width: 800px) {
		.page {
			width: auto;
			padding-left: 12px;
			padding-right: 12px;
		}
	}