@charset "utf-8";
.content-topic{
    margin:0px auto;
	padding:20px 0px;
}
.content-what{
	text-align:center;
	background-color:#f9f9f9
}
.content-what .what-list{
	font-size:0;height:448px;
}
.content-what .what-item{
	display:inline-block;
	position:relative;
	width:60px;
	margin-left:-2px;
	line-height:1.6;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	color:#323232;
	border-radius:4px;
	box-shadow:0 0 10px 0 rgba(0,0,0,.15);
	transition:width .5s ease,height .5s ease,box-shadow .3s ease;cursor:pointer
}
.content-backers .backers-detail,.content-invers .invers-item{
	box-shadow:0 0 4px 0 rgba(179,179,179,.17),inset 0 -3px 0 0 rgba(103,77,199,.05)
}
.content-what .what-item:hover{
	background-image:linear-gradient(160deg,rgba(101,70,194,.2) 0,rgba(119,115,228,.2) 50%,rgba(93,136,238,.2) 100%)
}
.content-what .what-item .what-item-bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	transition:opacity .4s ease .1s
}
.content-what .what-item span{
	visibility:visible;
	transition:opacity .15s ease .4s;
	position:absolute;
	width:14px;top:50%;left:22px;transform:translateY(-50%)
}
.content-what .what-item-1 .what-item-bg{
	background:url("../img/t1.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-2 .what-item-bg{
	background:url("../img/t2.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-3 .what-item-bg{
    background:url("../img/t3.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-4 .what-item-bg{
	background:url("../img/t4.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-5 .what-item-bg{
	background:url("../img/t5.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-6 .what-item-bg{
	background:url("../img/t6.png") center/cover no-repeat;background-size:100%;
}
.content-what .what-item-7 .what-item-bg{
	background:url("../img/t7.png") center/cover no-repeat;background-size:100%;
}

.content-what .what-item-active{
	width:857px;height:441px!important;background-size:cover;margin-right:2px;z-index:9!important;transition:width .4s ease,height .4s ease;
}
.content-what .what-item-active span{
	visibility:hidden;opacity:0
}
.content-what .what-item-active .what-item-bg{
	transition:opacity .5s ease 0s;opacity:1;visibility:visible
}
.content-what .what-item:nth-child(1){
	height:388px;padding:0 22px;z-index:1
}
.content-what .what-item:nth-child(2){
	height:408px;padding:0 22px;z-index:3
}
.content-what .what-item:nth-child(3){
	height:428px;padding:0 22px;z-index:5
}
.content-what .what-item:nth-child(4){
	height:448px;padding:0 22px;z-index:7
}
.content-what .what-item:nth-child(5){
	height:428px;padding:0 22px;z-index:5
}
.content-what .what-item:nth-child(6){
	height:408px;padding:0 22px;z-index:3
}
.content-what .what-item:nth-child(7){
	height:388px;padding:0 22px;z-index:2
}
.content-main{
    margin-top:20px;
}