.data-center {
	padding-bottom: .5rem;
	background: #efeff0;
}

.data-center .sx-box {
	background: #0078be;
	color: #fff;
	padding: .4rem .15rem .3rem .15rem;
	margin-bottom: .5rem;
}

.data-center .sx-box .sx-type-box {
	margin-bottom: .25rem;
}

.data-center .sx-box .sx-type-box:last-child{
	margin-bottom: 0;
}

.data-center .sx-box .sx-type-box .bt {
	font-size: .24rem;
	line-height: 1;
	font-weight: bold;
	margin-bottom: .2rem;
}

.data-center .sx-box .sx-type-box .bc {
	font-size: 0;
}

.data-center .sx-box .sx-type-box .sx-item {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: top;
	width: 1.9rem;
	height: .48rem;
	border: 1px #fff dashed;
	font-size: .20rem;
	border-radius: .24rem;
	color: #fff;
	margin-right: .18rem;
	margin-bottom: .1rem;
	white-space: nowrap;
}
	.data-center .sx-box .sx-type-box .sx-item .sx-item-input {
		display:none;
	}
	.data-center .sx-box .sx-type-box .sx-item:nth-child(3n) {
		margin-right: 0;
	}

.data-center .sx-box .sx-type-box .sx-item.on,
.data-center .sx-box .sx-type-box .sx-item:hover {
	color: #0078be;
	background: #fff;
}

.data-center .list-item{
	padding: 0 .15rem .4rem .15rem;
}

.data-center .list-item .bt{
	font-size: .3rem;
	line-height: 1;
	font-weight: bold;
	margin-bottom: .2rem;
}

.data-center .list-item .bc{
	
}

.data-center .list-item .info{
	color: #666;
	font-size: .22rem;
	line-height: .36rem;
	margin-bottom: .2rem;
}

.data-center .detail-list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.data-center .detail-list .detail-item{
	display: block;
	width: 49%;
	max-width: 2.96rem;
	margin-bottom: .15rem;
}

.data-center .detail-list .detail-item .img-box{
	position: relative;
	width: 100%;
	height: 1.85;
}

.data-center .detail-list .detail-item .img-box img{
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.data-center .detail-list .detail-item .fl{
	position: absolute;
	left: .15rem;
	top:.1rem;
	z-index: 1;
	padding: 0 .1rem;
	color:#fff;
	font-size: .14rem;
	line-height: .26rem;
	background: #be0004;
	border-radius: .13rem;
}

.data-center .detail-list .detail-item .text-box{
	height: calc(100% - 1.85rem);
	padding: .15rem .15rem .3rem .15rem;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
}

.data-center .detail-list .detail-item .title{
	color: #fff;
	font-size: .24rem;
	line-height: .3rem;
	font-weight: bold;
	margin-bottom: .4rem;
}

.data-center .detail-list .detail-item .download{
	display: flex;
	justify-items: flex-start;
	align-items: center;
}

.data-center .detail-list .detail-item .download .icon{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	width: .19rem;
}

.data-center .detail-list .detail-item .download .icon img{
	margin-left: -.38rem;
	filter: drop-shadow(.19rem 0 0 #fff);
	width: 100%;
}

.data-center .detail-list .detail-item .download .wenzi{
	color: #fff;
	font-size: .2rem;
	line-height: 1;
	padding-left: .1rem;
}

.data-center .list-item.theme-blue .bt{
	color: #1982cb;
}

.data-center .list-item.theme-blue .text-box{
	background: #1982cb;
}

.data-center .list-item.theme-blue .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(.19rem 0 0 #28dafa);
}

.data-center .list-item.theme-blue .detail-list .detail-item:hover .download .wenzi{
	color: #28dafa;
}

.data-center .list-item.theme-green .bt{
	color: #00a68e;
}

.data-center .list-item.theme-green .text-box{
	background: #00a68e;
}

.data-center .list-item.theme-green .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(.19rem 0 0 #28fa77);
}

.data-center .list-item.theme-green .detail-list .detail-item:hover .download .wenzi{
	color: #28fa77;
}

.data-center .list-item.theme-yellow .bt{
	color: #be8b00;
}

.data-center .list-item.theme-yellow .text-box{
	background: #be8b00;
}

.data-center .list-item.theme-yellow .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(.19rem 0 0 #fadf28);
}

.data-center .list-item.theme-yellow .detail-list .detail-item:hover .download .wenzi{
	color: #fadf28;
}

.data-center .list-item.theme-darkblue .bt{
	color: #1f6a9e;
}

.data-center .list-item.theme-darkblue .text-box{
	background: #1f6a9e;
}

.data-center .list-item.theme-darkblue .detail-list .detail-item:hover .download .icon img{
	filter: drop-shadow(.19rem 0 0 #28e9fa);
}

.data-center .list-item.theme-darkblue .detail-list .detail-item:hover .download .wenzi{
	color: #28e9fa;
}