	body,div,p,img,ul,li,h1,h2,h3,h4{
		outline: none;
		box-sizing: border-box;
	}
	/*清楚浮动*/
	.clearfix:after {
		content: " ";
		display: block;
		clear: both;
		height: 0;
	}
	.clearfix {
		zoom: 1;
	}
	/* imgScroll */
	.img-scroll-btn{
	    position: absolute;
	    left: 3.85%;
	    bottom: 20%;
	    padding: 13px 23px;
	    border-radius: 5px;
	    background-color: #3479d8;
	    color: #fff;
	    font-size: 1em;
		text-decoration: none;
	}
	.img-scroll-btn:hover{
		background-color: #528dde; 
		text-decoration: none;
	}
	.img-scroll-btn:active{
		background-color: #3373cb;
	}
	/* imgScroll */

	/* newsContent */
	.news-wrapper{
		padding: 50px;
		width: 100%;
		min-width: 1200px;
		font-size: 14px;
		display: flex;
		justify-content: center;
		/* 根节点字体 */
		/*background: linear-gradient(160deg,#DEE7EE,#F9E9C9);*/
	}
	.news-content{
		position: relative;
		display: inline-block;
		width: 540px;
		padding: 0 30px 20px;
		padding-left: 0px;
	}
	.news-title{
		font-size: 18px;
		color: #0EAD7D;
		line-height: 1.2em;
		/*border-left: 5px solid #3479d8;*/
		padding-left: 10px;
		margin: 10px 0 20px;
		font-weight: 500;
	}
	.data-table{
		width: 100%;
		/* padding: 10px; */
		table-layout: fixed;
		/* box-sizing: border-box; */
	}
	.data-table tr td:first-child span::before{
		content: "";
		font-size: 1em;
		margin-right: 5px;
	}
	.data-table tr td:last-child{
		text-align: right;
	}
	.data-table span{
		width: 100%;
		height: 1.9em;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: break-all;
		word-wrap: break-word;
		overflow: hidden;
		color: #2e2e2e96;
	}

	.data-table span a {
		color: #2e2e2e;
		letter-spacing: 1px;
	}
	.data-table a:hover{
		text-decoration: none;
	}
	.more-btn{
		position: absolute;
		color: #0EAD7D;
	}
	.news-wrapper .more-btn{
		top: 20px;
		right: 25px;
	}
/* // newsContent */

/* --blockMain-title-- */
.block-maintitle-content{
	width: 100%;
	text-align: center;
	min-width: 1200px;
	font-size: 16px;
	margin-top: 80px;
	/* 根节点字号 */
}
.block-mainTitle{
	color: #0ead7d;
    font-family: "PingFang SC";
    font-size: 30px;
	line-height: 42px;
}
/*.block-mainTitle::before {*/
    /*content: "";*/
    /*margin: 25px 49%;*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*background-image: url(/static/img/index/block_title_before.png);*/
    /*display: block;*/
/*}*/
.block-mainBreif{
	font-family: PingFang SC;
	font-size: 16px;
	color: #5f5e5e;
	line-height: 16px;
	margin-top: 16px;
}
/* --//blockMain-title-- */

/* --testing-- */
	.testing-imgs-wrapper{
		display: table;
		width: 100%;
		min-width: 1200px;
		font-size: 16px;
	}
	.testing-img-wrapper{
		width: 100%;
		display: table-row;
	}
	.testing-img-content{
		position: relative;
		display: table-cell;
		width: 33.3333333333333%;
		box-sizing: border-box;
		height: 20px;
	}
	.testing-img-content span{
	    display: block;
		width: 142px;
		height: 80px;
		position: absolute;
		top: -19px;
		left: -46px;
		line-height: 100px;
		font-size: 1.1em;
		color: #fff;
		text-align: center;
		background-image: url("/static/img/index/testing-icon.png");
		transform: rotate(-45deg);
	}
	.testing-img-content p{
	    position: absolute;
		right: 0px;
		bottom: 0px;
		padding: 10px 20px;
		text-align: right;
		font-size: 0.95em;
		color: #fff;
		width: 100%;
		box-sizing: border-box;
		background-color: rgba(0,0,0,0.25);
	}
	.testing-img-content img{
		display: block;
		width: 100%;
	}
/* --//testing-- */

/* --rankList-- */
	.rank-list-content h2{
		font-size: 1.3em;
		line-height: 3em;
		border-bottom: 2px solid #1aac1b;
		font-weight: 500;
		color: #5bc11a;
		text-align: center;
	}
	.rank-list-content h4{
		font-size: 24px;
		line-height: 3em;
		font-weight: 800;
		position: absolute;
		bottom: 50px;
		/*left: 0;*/
		top: 20px;
		right: -157px;
		text-align: center;
	}
	.rank-list-content h4 img {
		width: 46px;
		height: 49px;
	}
	.rank-list-content .more-btn{
		background-color: #f2f2f2;
		top: 22px;
		right: 10px;
	}
	.rank-list-content{
		position: relative;
		background-color: #fff;
	}
	.rank-list-detail{
		width: 100%;
		display: table;
		table-layout: fixed;
	}
	.rank-list-detail li{
		width: 100%;
		display: table-row;
		box-sizing: border-box;
		height: 93px;
	}
	.rank-list-detail li span{
		position: relative;
		display: table-cell;
		font-size: 1em;
		/* line-height: 5.8em; */
	    line-height: 93px;
    	height: 93px;
		border-bottom: 1px solid #CCC;
	}
	.rank-list-detail li em{
		display: block;
		vertical-align: middle;
		width: 100%;
		font-style: normal;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		box-sizing: border-box;
	}
	.rank-list-detail-1 a:hover{
		text-decoration: none;
	}
	.rank-list-detail li:last-child span{
		border-bottom: none;
	}
	.rank-list-detail li span:first-child{
		width: 20%;
		text-align: center;
	}
	.rank-list-detail-1 li span:first-child{
		width: 20%;
		text-align: center;
		background-color: #c3c1c1;
	}
	.rank-list-detail-1 li:first-child span:first-child{
		background-color: #5bc11a;
	}
	.rank-list-detail-1 li:nth-child(2) span:first-child{
		background-color: #3479d8;
	}
	.rank-list-detail-1 li:nth-child(3) span:first-child{
		background-color: #ff6e9f;
	}
	.rank-list-detail i{
		display: inline-block;
		vertical-align: middle;
		/* line-height: 2em; */
	    line-height: 100%;
	}
	.rank-list-detail-1 i{
		font-size: 1.8em;
		font-weight: 600;
		font-style: normal;
		color: #fff;
	}
	.rank-list-detail li span:last-child{
		width: 80%;
		padding-left: 10px;
		padding-right: 20px;
	}
	.rank-list-detail li span:last-child a{
		display: block;
	}
	.rank-list-detail-2 i{
		font-size: 0;
		background-image: url('/static/img/index/rank-icon.png');
		background-position: 50% 0;
		width: 22px;
		height: 35px;
	}
	.rank-list-detail-2 li:nth-child(1) span:first-child{
		background-color: #3479d8;
	}
	.rank-list-detail-2 li:nth-child(2) span:first-child{
		background-color: #498ce9;
	}
	.rank-list-detail-2 li:nth-child(3) span:first-child{
		background-color: #609cef;
	}
	.rank-list-detail-2 li:nth-child(4) span:first-child{
		background-color: #7caef3;
	}
	.rank-list-detail-2 li:nth-child(5) span:first-child{
		background-color: #7caef3;
	}
	.rank-list-detail-2 li:nth-child(6) span:first-child{
		background-color: #7caef3;
	}
	.author-name{
	    position: absolute;
	    bottom: -25px;
	    text-align: right;
	    right: 20px;
	    font-size: 0.8em;
	    color: #3479d8;
	}
	.badge-icon-wrapper{
		width: 100%;
	}
	.badge-icon-content{
		width: 100%;
		padding: 35px 20px;
	}
	.badge-icon-content img{
		display: block;
		width: 50%;
		float: left;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.badge-icon-content img:first-child{
		padding-right: 6%;
		padding-left: 10%;
	}
	.badge-icon-content img:last-child{
		padding-left: 6%;
		padding-right: 10%;
	}
	.badge-brief-content{
		width: 100%;
		clear: both;
		padding: 0px 35px 20px;
	}
	.badge-brief-content .block-title{
		margin-top: 20px;
	}
	.block-title{
		font-size: 1.2em;
		line-height: 2em;
		font-weight: 500;
	}
	.time-title{
		font-size: 0.8em;
		line-height: 2em;
		font-weight: 500;
		color: #666;
		margin-bottom: 20px;
	}
	.badge-brief{
		/* text-indent: 2em; */
		font-size: 0.9em;
		line-height: 2em;
	}
	.badge-brief span{
		/* display: inline-block; */
		padding: 0 8px;
		background-color: #3479d8;
		color: #fff;
		border-radius: 8px;
	}

/* --//rankList-- */	
/* --main Tip-- */
.main-tip-wrapper{
	width: 100%;
	min-width: 1200px;
	height: 538px;
	/*background-image: url('/static/img/index/award-plan-bg.jpg');*/
	/*background-position: 50% 0;*/
	background: #f7f7f7;
}
.main-tip{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	text-align: center; 
}
.main-tip-title{
    font-size: 30px;
    color: #0EAD7D;
    font-family: "Microsoft YaHei";
    padding-top: 69px;
	line-height: 42px;
}
.main-tip p{
	height: 60px;
	line-height: 60px;
    font-family: "Microsoft YaHei";
	color: #666;
	font-size: 16px;
}
.main-tip ul{
    width: 100%;
    min-width: 1200px;
    padding: 0 50px;
    margin-top: 34px;
}
.main-tip ul li{
    float: left;
    width: 392px;
    height: 220px;
    border: 1px solid #dadada;
    margin-right: 12px;
	border-bottom: 5px solid #18c07e;
}
.reward-plan {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.main-tip ul li:first-child{
    margin-left: 50px;
}
.main-tip ul li span{
    display: block;
    font-size: 20px;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 50px;
	color: #fafffe;
	position: absolute;
}
.main-tip ul li img{
    display: block;
    width: 392px;
	height: 220px;
}
.main-tip ul li a{
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
	background: #18c07e;
	margin-top: 0;
	width: 392px;
}
.reward-plan-div {
	position: absolute;
	display: inline-block;
	height: 220px;
	padding-top: 175px;
	opacity: 0;
}
.reward-plan-div:hover{
	opacity: 1;
}
.main-tip ul li a:hover{
    /*background: #5bc11a;*/
    /*color: #fff;*/
    text-decoration: none;
	height: 46px;
	line-height: 46px;
}
/* --// main Tip-- */
/* activity */
	.activity-imgs-wrapper,.rank-lists-wrapper{
		width: 100%;
		min-width: 1200px;
		padding: 0 12% 40px;
		/* background-image: linear-gradient(-120deg,#f2f2f2,#fff); */
		display: flex;
		font-size: 16px;
		justify-content: center;
		align-items: center;
		/* 根节点字号 */
	}
	.activity-imgs-content,.rank-lists-content{
		display: flex;
		justify-content: space-around;
	}
    .rank-lists-content {
		width: 873px;
    }
	.activity-img-wrapper{
		display: table-cell;
		padding-right: 1%;
		/*width: 33.33333%;*/
	}
	.activity-img-wrapper:hover{
		box-shadow: 0 1px 3px rgba(0,0,0,.02), 0 16px 32px -4px rgba(0,0,0,.17);
		transform: translateY(-1px);
	}
	.rank-list-wrapper{
		display: table-cell;
	}
	.rank-list-wrapper a:hover{text-decoration: none;}
	.activity-imgs-wrapper .activity-img-wrapper:last-child{
		padding-right: 0;
		/*width: 50%;*/
		/*background-color: #f2f2f2;*/
	}
	.activity-msg {
		background: #fff;
		padding: 12px;
		width: 291px;
		font-size: 14px;
		color: #5f5e5e;
	}
	.activity-msg-date {
		font-size: 12px;
		color: #b7b7b7;
	}
    .activity-msg-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px;
    }
	.activity-img-content{
		background-color: #F7F7F7;
	}
	.activity-img-content a img{
		display: block;
		width: 291px;
		height: 176px;
		opacity: 1;
	}
	.activity-img-content a:hover img{
		opacity: 1;
	}
	.tab-top3{
		width:350px;
		margin: 0 auto;
		margin-top: 44px;
	}
	.tab-top3 li{
		float: left;
		cursor: pointer;
		padding: 8px 20px;
		color: #0ead7d;
		border: 1px solid #18c07e;
		font-size: 14px;
	}
	.tab-top3 li.active{
		color:#fff;
		background-color:#0ead7d;
		padding: 8px 20px;
	}
	.rank-first{
		width: 100%;
		/*height: 534px;*/
		/*background: url("/static/img/index/rank-first-bg.jpg") no-repeat 0 0;*/
		/*background-size: 100% 100%;*/
	}
	.rank-second{
		width: 100%;
		/*height: 174px;*/
		/*background: url("/static/img/index/rank-second-bg.jpg") no-repeat 0 0;*/
		/*background-size: 100% 100%;*/
	}
	.rank-third{
		width: 100%;
		/*height: 491px;*/
		/*background: url("/static/img/index/rank-third-bg.jpg") no-repeat 0 0;*/
		/*background-size: 100% 100%;*/
	}
	.rank-first .img-radius{
		width: 60%;
		height: 60%;
		/*position: absolute;*/
		left: 0;
		right: 0;
		top: 60px;
		margin: 0 auto;
		/*background: url(/static/img/index/rank-second-avatar.png) no-repeat center;*/
		background-size: contain;
	}
	.rank-first .img-radius img{
		/*width: 90%;*/
		max-width: 260px;
		position: absolute;
		left: 0;
		right: 0;
		top:0;
		bottom: 0;
		border-radius: 90%;
		margin: auto;
		box-shadow: 0 0 6px 4px #c4c5c4;
	}
	.rank-second .img-radius,.rank-third .img-radius{
		width: 50%;
		height: 50%;
		/*position: absolute;*/
		left: 0;
		right: 0;
		top: 120px;
		margin: 0 auto;
		/*background: url(/static/img/index/rank-second-avatar.png) no-repeat center;*/
		background-size: contain;
	}
	.rank-second .img-radius img,.rank-third .img-radius img{
		/*width: 160px;*/
		/*max-width: 160px;*/
		height: 120px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin:auto;
		border-radius: 90%;
		box-shadow: 0 0 6px 4px #c4c5c4;
	}
	.rank-second .img-radius .rank-logo{
		display: block;
		width: 35%;
		height: 32%;
		position: absolute;
		right: -4%;
		bottom: 6%;
		background: url(/static/img/index/rank-logo.png) no-repeat center;
		background-size: contain;
	}
	.rank-first .img-radius .rank-logo{
		display: block;
		width: 35%;
		height: 32%;
		position: absolute;
		right: -4%;
		bottom: 6%;
		background: url(/static/img/index/rank-logo.png) no-repeat center;
		background-size: contain;
	}
	.rank-list-content a{
		position: absolute;
		left: 23px;
		bottom: -116px;
		text-align: center;
		width: 120px;
		right: 0;
		font-size: 16px;
		color: #666666 !important;
	}
/* activity */
/* --main About-- */
.main-about-wrapper{
	width: 100%;
	min-width: 1200px;
	height: 481px;
	/*background-image: url(/static/img/index/foot_bg-1.jpg);*/
	/*background-size: 100% 100%;*/
	/* background-image: linear-gradient(#bac1c7,#eff4f7,-120deg); */
	padding-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
}
.main-about{
	width: 1100px;
	height: 412px;
	margin: 0 auto;
	/*padding: 0 110px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/*border: 2px solid #fff; */
}
/* --main About Link-- */
.main-about-link{
	font-size: 18px;
	font-family: "PingFang SC";
	color: #5F5E5E;
}
.main-about-link:hover,
.main-about-link:active,
.main-about-link:focus{
	text-decoration: none;
}
/* --// main About Link-- */
/* --glyphicon-- */
.glyphicon-content{
	position: relative;
	width: 120px;
	height: 150px;
	margin: 0px 25px;
	padding-top: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align: center;
}
.glyphicon{
	display: block;
	z-index: -1;
	width: 100px;
	height: 100px;
	margin: 0 6px 26px;
	background-color: #65ca26;
	border-radius: 50%; 
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.effect-1{
	background-image: url(/static/img/index/1_02.png);
	background-size: 100px 100px;
}
.effect-2{
	background-image: url(/static/img/index/1_04.png);
	background-size: 100px 100px;
}
.effect-3{
	background-image: url(/static/img/index/1_06.png);
	background-size: 100px 100px;
}
.effect-4{
	background-image: url(/static/img/index/1_08.png);
	background-size: 100px 100px;
}
.effect-5{
	background-image: url(/static/img/index/1_10.png);
	background-size: 100px 100px;
}
.glyphicon::after{
	content: "";
	position: absolute;
	pointer-events: none;
    top: 57px;
    left: 3px;
    padding: 3px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	box-shadow: 0 0 6px 1px #A8D4B2;
	-webkit-transition: transform 0.5s,opacity 0.2s;
	-o-transition: transform 0.5s,opacity 0.2s;
	transition: transform 0.5s,opacity 0.2s;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0; 
}
.glyphicon-content:hover .glyphicon::after{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* --// glyphicon-- */
/* --// main About-- */

/* --footer-- */
.footer-wrapper{
	/*background-image: url(/static/img/index/foot_bg-2.jpg);*/
	background-size: 100% 100%;
	background-color: #262A2F;
	margin-top: 74px;
}
.footer{
	background-color: rgba(41,41,41,0);
}
/* --// footer-- */

/* 调整字号 */
	@media only screen and (max-width: 1200px){
		.main-nav-wrapper,.activity-imgs-wrapper,.block-maintitle-content{
			font-size: 14px;
		}
		.news-wrapper, .rank-lists-wrapper{
			font-size: 13px;
		}
		.img-scroll-btn{
			padding: 6px 9px;
			font-size: 14px;
		}
	} 
/* //调整字号 */