全局通用样式

如何插入一段漂亮的代码片

page{
		width: 750rpx;
		font-size: 30rpx;
		background-color: #eee;
	}
	button::after{
		border: none;
	}
	/* 容器 */
	.white-view{
		margin: 20rpx;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 16rpx;
	}
	/* 边距 */
	.margin-top{
		margin-top: 20rpx;
	}
	.padding-top{
		padding-top: 20rpx;
	}
	/* 图标*/
	.sm-icon{
		width: 40rpx;
		height: 40rpx;
	}
	/* 下边框 */
	.bd-bottom{
		border-bottom: 1rpx solid #eee;
	}
	/* flex布局 */
	.row{
		display: flex;
		flex-direction: row;
	}
	.column{
		display: flex;
		flex-direction: column;
	}
	.around{
		justify-content: space-around;
	}
	.between{
		justify-content: space-between;
	}
	.end{
		justify-content: flex-end;
	}
	.wrap{
		flex-wrap: wrap;
	}
	.align{
		align-items: center;
	}
	.center{
		justify-content: center;
	}
	/* 字体大小 */
	.xs-text{
		font-size: 20rpx;
	}
	.sm-text{
		font-size: 24rpx;
	}
	.ml-text{
		font-size: 26rpx;
	}
	.lg-text{
		font-size: 28rpx;
	}
	.xl-text{
		font-size: 32rpx;
	}
	.xxl-text{
		font-size: 36rpx;
	}
	/* 字体颜色 */
	.red{
		color: #dd524d;
	}
	.orange{
		color:#f0ad4e;
	}
	.blue{
		color: #2c95fc;
	}
	.grey{
		color: #808080;
	}
	.black{
		color: #393939;
	}
	.white{
		color: #FFFFFF;
	}
	/* 字体粗细 */
	.blod-text{
		font-weight: 700;
	}
	.bloder-text{
		font-weight: 900;
	}
	/* 背景色 */
	.bg-red{
		background-color: #dd524d;
	}
	.bg-blue{
		background-color: #2c95fc;
	}
	.bg-orange{
		background-color: #f0ad4e;
	}
	.bg-grey{
		background-color: #eee;
	}
	/* 边框圆角 */
	.bd-radius{
		border-radius: 16rpx;
	}