/* 设置边框 */
.border-box {
	margin: 0 auto; /* 上下间距为0，左右自动（实现居中） */
	border: 0.5px solid #faff72; /* 设置边框宽度，颜色 */
	border-radius: 20px; /* 圆角的半径 */
	line-height: 2; /* 设置垂直间隔为2 */
	padding: 20px; /* 内边距 */
	box-shadow: 5px 5px 10px 5px #888888; /* 水平偏移 垂直偏移 模糊半径 颜色 */
	background-color: #FFCCFF; /* 设置背景色 */
}

/* 设置标题边框 */
.box-bt {
  width: 200px; /* 设置元素宽度 */
  margin: 0 auto; /* 上下间距为0，左右自动（实现水平居中） */
  border: 1px solid #FFCCFF; /* 设置边框 */
  box-shadow: inset 0 0 10px rgba(238, 0, 238, 0.5); /* 设置内阴影 */
  padding: 10px; /* 内边距 */
}

/* 电脑端视口宽度大于768px时，边框宽度设置 */
@media (min-width: 768px) {
	.border-box {
		width: 50%; /* 宽度设置为屏幕宽度的60% */
	}
}

/* 移动端视口宽度小于等于768px时，边框不做任何缩放处理 */
@media (max-width: 767px) {
	.border-box {
		max-width: 100vw; /* 设置最大宽度为屏幕宽度 */
		overflow-x: hidden;
	}
}

/* p元素内自动首行缩进2个字符 */
p{
	text-indent:2em;
}

/* 设置字体 */
body {
	font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
	font-size: 16px; /* 设置字体大小 */
	font-style: normal; /* 设置字体样式为正常 */
}