/* CSS Vpn */
:root {
	/*全局颜色更改*/
	--v01: #72c472;
	--v02: #de513d;
	--v03: #0078d7;

}

/*翻墙教程----开始--------------------------------------------------------*/
.vpn_box {
	width: 100%;
	margin: 30px auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.vpn_box dl {
	width: 33.33%;
	height: 240px;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--bai);
	margin: 10px;
	border-radius: 20px;
	padding: 10px;
	box-sizing: border-box;
}

.vpn_box dl dt {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px;
	flex-grow: 0;
	flex-shrink: 0;
}

.vpn_box dl dd {
	display: flex;
	justify-content: center;
	align-items: left;
	flex-direction: column;
	margin: 10px;
}

.vpn_box dl dd p {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

.vpn_box dl:nth-child(1) dd p {
	color: var(--v01);
}

.vpn_box dl:nth-child(2) dd p {
	color: var(--v02);
}

.vpn_box dl:nth-child(3) dd p {
	color: var(--v03);
}

.vpn_box dl dd a {
	color: var(--bai);
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 16px;
}
.vpn_box dl dd a:hover {
	filter: brightness(110%);
}
.vpn_box dl:nth-child(1) dd a {
	background: var(--v01);
}

.vpn_box dl:nth-child(2) dd a {
	background: var(--v02);
}

.vpn_box dl:nth-child(3) dd a {
	background: var(--v03);
}

/*翻墙教程----结束--------------------------------------------------------*/

/*文本不可选择*/
.vpn_box {
	-moz-user-select: none;
	/* Firefox私有属性 */
	-webkit-user-select: none;
	/* WebKit内核私有属性 */
	-ms-user-select: none;
	/* IE私有属性(IE10及以后) */
	-khtml-user-select: none;
	/* KHTML内核私有属性 */
	-o-user-select: none;
	/* Opera私有属性 */
	user-select: none;
	/* CSS3属性 */
}