/*+----------------------------------------------------------
| zoui v1.0.0 MIT 2020.6.14
| 放下个人素质，享受缺德人生！拒绝精神内耗，不行咱就发疯！
| Copyright (c) 2020 http://st.swah.cn All rights reserved.
| Author: zero <m@swah.cn>
+----------------------------------------------------------*/
@import url('default.css');

.kj {
	padding: 20px 20px 45px 20px;
	z-index: 1;
}

.kj_box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.kj_item {
	margin: 0 5px;
	height: 96px;
	animation: fadeIn 2s cubic-bezier(0.8, 0.38, 0.7, 1.6) 1s both;
	-webkit-animation: fadeIn 2s cubic-bezier(0.8, 0.38, 0.7, 1.6) 1s both;
}

.hex {
	overflow: hidden;
	display: block;
	width: 100px;
	height: 116px;
	transform: rotate(-60deg) skewY(30deg);
	-webkit-transform: rotate(-60deg) skewY(30deg);
}

.hexIn {
	background-color: var(--main-color);
	display: block;
	width: 100px;
	height: 116px;
	line-height: 116px;
	text-align: center;
	transform: skewY(-30deg) rotate(60deg);
	-webkit-transform: skewY(-30deg) rotate(60deg);
	backdrop-filter: blur(1px);
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	cursor: default;
	user-select: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.hexIn:hover {
	background-color: #3099d9;
}

.box_t>a, {
	color: #fff;
}