body {
	background: #f5f5f5
}
/*�õ�Ƭ*/
.g-ppt {
	width: 100%;
	height: auto;
	background: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	zoom: 1
}
.g-ppt .swiper-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: content-box;
	position: relative;
	zoom: 1;
	z-index: 10
}
.g-ppt .swiper-wrapper .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.g-ppt .swiper-wrapper .swiper-slide a img {
	width: 100%;
	display: block;
	overflow: hidden
}
.g-ppt .swiper-wrapper .swiper-slide strong {
	width: 100%;
	height: 33px;
	background: rgba(0,0,0,.5);
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.g-ppt .swiper-wrapper .swiper-slide strong b {
	width: auto;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0 20px;
	display: block;
	overflow: hidden
}
.g-ppt .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 15;
	bottom: 8px;
	right: 10px;
	width: auto;
}
.g-ppt .swiper-pagination span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	border: 1px solid #fff;
	margin: 0 5px;
}
.g-ppt .swiper-pagination span:after {
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 10px;
	margin: 2px auto;
	display: block;
	overflow: hidden
}
.g-ppt .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	border-color: #f40;
}
.g-ppt .swiper-pagination .swiper-pagination-bullet-active:after {
	background: #f40
}
.g-class-cms {
	padding: 6px 12px;
	box-sizing: border-box;
}
.g-class-cms dl {
	width: 100%;
	height: auto;
	padding: 6px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden
}
.g-class-cms dl dt {
	width: 94px;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: url(../images/index-icon.png) no-repeat 0 -121px #ecaa5b;
	background-size: 414px;
	border-radius: 4px;
	display: block;
	overflow: hidden
}
.g-class-cms dl dd {
	width: auto;
	height: 36px;
	line-height: 36px;
	font-size: 15px;
	font-weight: normal;
	color: #505050;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1
}
.g-class-cms dl dd a {
	color: #505050
}
.g-class-cms dl dd a:active {
	color: #f40
}
.g-class-cms dl:nth-child(2) dt {
	background-position: 0 -172px;
	background-color: #5bb0ec;
}
.g-class-cms dl:nth-child(3) dt {
	background-position: 0 -224px;
	background-color: #f962a9;
}
.g-class-cms dl:nth-child(4) dt {
	background-position: 0 -272px;
	background-color: #c672fb;
}
.g-class-cms dl:nth-child(5) dt {
	background-position: 0 -323px;
	background-color: #7563ff;
}
.g-title {
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	font-weight: bold;
	color: #ecaa5b;
	text-align: center;
	display: block;
	overflow: hidden;
	position: relative;
	zoom: 1
}
.g-title b {
	width: 62px;
	height: 1px;
	background: #ecaa5b;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 22px;
	margin: 0 0 0 -110px;
}
.g-title b:nth-child(2) {
	width: 62px;
	height: 1px;
	background: #ecaa5b;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 22px;
	margin: 0 0 0 46px;
}
.g-cms-box {
	margin: 0;
	padding: 0 12px 12px;
	box-sizing: border-box;
}
.g-cms-box .m-cms-recomd {
	width: 100%;
	height: auto;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden
}
.g-cms-box .m-cms-recomd img {
	width: 165px;
	height: 92px;
	display: block;
	overflow: hidden
}
.g-cms-box .m-cms-recomd p {
	width: auto;
	height: 92px;
	padding: 0 0 0 12px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1;
}
.g-cms-box .m-cms-recomd p strong {
	width: 100%;
	height: auto;
	max-height: 48px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: block;
	overflow: hidden
}
.g-cms-box .m-cms-recomd p b {
	width: 100%;
	height: auto;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	color: #535353;
	display: block;
	overflow: hidden
}
.g-cms-box .m-cms-recomd:active p strong {
	color: #f40
}
.g-cms-box .m-cms-ul {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}
.g-cms-box .m-cms-ul li {
	width: 100%;
	height: auto;
	padding: 9px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden
}
.g-cms-box .m-cms-ul li i {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	font-style: normal;
	text-align: center;
	background: #ecaa5b;
	border-radius: 100px;
	display: block;
	overflow: hidden
}
.g-cms-box .m-cms-ul li a {
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1
}
.g-cms-box .m-cms-ul li a:active {
	color: #f40
}
.g-cms-box .u-more-btn {
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: normal;
	color: #ecaa5b;
	text-align: center;
	border: 1px solid #ecaa5b;
	box-sizing: border-box;
	margin: 12px 0 0;
	display: block;
	overflow: hidden
}
.g-cms-box .u-more-btn:active {
	background: #ecaa5b;
	color: #fff;
}
.g-djzx-box .g-title {
	color: #5bb0ec
}
.g-djzx-box .g-title b {
	background: #5bb0ec
}
.g-djzx-box .g-cms-box .m-cms-ul li i {
	background: #5bb0ec;
}
.g-djzx-box .g-cms-box .u-more-btn {
	color: #5bb0ec;
	border: 1px solid #5bb0ec;
}
.g-djzx-box .g-cms-box .u-more-btn:active {
	background: #5bb0ec;
	color: #fff;
}
.g-class-four {
	padding: 0 12px 12px 0;
	box-sizing: border-box;
	display: block;
	overflow: hidden
}
.g-class-four li {
	width: 50%;
	height: auto;
	float: left;
	padding: 12px 0 0 12px;
	box-sizing: border-box;
	display: inline;
}
.g-class-four li a {
	width: 100%;
	height: auto;
	display: -webkit-box;
	overflow: hidden;
	box-shadow: 1px 1px 5px #ccc;
}
.g-class-four li a i {
	width: 53px;
	height: 53px;
	border: 1px solid #fab600;
	box-sizing: border-box;
	background: url(../images/index-icon.png) no-repeat 11px -411px;
	background-size: 414px;
	border-radius: 111px;
	display: block;
	overflow: hidden;
	margin: 12px 18px;
}
.g-class-four li a p {
	width: auto;
	height: 53px;
	margin: 20px 0 0;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1
}
.g-class-four li a p strong {
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	display: block;
	overflow: hidden
}
.g-class-four li a p b {
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	color: #a5a5a5;
	margin: 6px 0 0;
	display: block;
	overflow: hidden
}
.g-class-four li:nth-child(2) a i {
	border-color: #1d83f5;
	background-position: -188px -411px;
}
.g-class-four li:nth-child(3) a i {
	border-color: #00d2ff;
	background-position: 13px -505px;
}
.g-class-four li:nth-child(4) a i {
	border-color: #ff7200;
	background-position: -189px -505px;
}
.g-jcsp-box .g-title {
	color: #f962a9
}
.g-jcsp-box .g-title b {
	background: #f962a9
}
.g-jcsp-box .g-cms-box .m-cms-ul li i {
	background: #f962a9;
}
.g-jcsp-box .g-cms-box .u-more-btn {
	color: #f962a9;
	border: 1px solid #f962a9;
}
.g-jcsp-box .g-cms-box .u-more-btn:active {
	background: #f962a9;
	color: #fff;
}
.g-mtkd-box .g-title {
	color: #7563ff
}
.g-mtkd-box .g-title b {
	background: #7563ff
}
.g-mtkd-box .g-cms-box {
	padding: 0 0 12px;
}
.g-mtkd-box .g-cms-box ul {
	width: 100%;
	height: auto;
	padding: 0 0 12px 12px;
	box-sizing: border-box;
	display: block;
	overflow: hidden
}
.g-mtkd-box .g-cms-box ul li {
	width: 50%;
	height: auto;
	padding: 12px 12px 0 0;
	box-sizing: border-box;
	float: left;
	display: inline;
}
.g-mtkd-box .g-cms-box ul li a {
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 6px;
	display: block;
	overflow: hidden
}
.g-mtkd-box .g-cms-box ul li a img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}
.g-mtkd-box .g-cms-box ul li a strong {
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin: 8px 0;
	padding: 0 12px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}
.g-mtkd-box .g-cms-box .u-more-btn {
	width: auto;
	margin: 0 12px;
	color: #7563ff;
	border: 1px solid #7563ff;
}
.g-mtkd-box .g-cms-box .u-more-btn:active {
	background: #7563ff;
	color: #fff;
}
.g-rank-box .m-rank-bg {
	width: 100%;
	height: auto;
	background: #fff;
	display: block;
	overflow: hidden;
}
.g-rank-box .g-title {
	color: #ff6363
}
.g-rank-box .g-title b {
	background: #ff6363
}
.g-rank-box .m-rank-btn {
	width: 100%;
	height: auto;
	padding: 10px 0 0;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden
}
.g-rank-box .m-rank-btn li {
	width: auto;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: normal;
	color: #ff6363;
	border: 1px solid #ff6363;
	border-radius: 22px;
	;
	text-align: center;
	margin: 0 6px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1
}
.g-rank-box .m-rank-btn .f-hover {
	background: #ff6363;
	color: #fff;
}
.g-rank-box .m-rank-cont {
	width: 100%;
	height: auto;
	padding: 5px 0 0;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}
.g-rank-box .m-rank-cont li {
	width: 100%;
	height: auto;
	padding: 13px 0;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	display: -webkit-box;
	overflow: hidden
}
.g-rank-box .m-rank-cont li i {
	width: auto;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #ff5a00;
	padding: 0 12px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}
.g-rank-box .m-rank-cont li a {
	width: auto;
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	padding: 0 12px 0 0;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	-webkit-box-flex: 1
}
.g-friend-box ul {
	background: #fff;
	padding: 0 12px 12px 0;
	box-sizing: border-box;
	display: block;
	overflow: hidden
}
.g-friend-box ul li {
	width: auto;
	height: auto;
	float: left;
	padding: 12px 0 0 12px;
	box-sizing: border-box;
	display: inline;
	overflow: hidden
}
.g-friend-box ul li a {
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	display: block;
	overflow: hidden
}
.g-404 {
	background-color: #fff;
}
.m-404-cont {
	height: auto;
	margin: 80px auto 0;
	padding: 143px 0 68px;
	display: block;
	overflow: hidden;
	background: url(../images/404_bg.png) no-repeat center top;
	background-size: 300px 105px;
}
.m-404-cont p {
	height: 61px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}