.custom-page-class{
	position: relative;
	/* 首页几个logo的排版 */
	.flex-img-group-view {
		display flex 
		flex-direction row 
		margin 10px 0
		.barcode-view {
			display flex
			align-items center
			flex-direction column
			margin 0 5px
			margin-bottom 20px
			b {
				text-align center
			}
		}
	}

	.uniapp-home-content {
		display flex
		flex-wrap wrap
		width 100%
		justify-content center
		.uniapp-home-content-item {
			margin-bottom 20px
			.uniapp-home-content-item-image {
				width 55px
				height 55px
				flex-shrink 0
				img {
					height 100%
				}
			}
			p.uniapp-home-content-item-text {
			  margin-bottom 0px 
			  letter-spacing 0px 
			  color #333 
			}
			.uniapp-home-content-item-title{
				font-size 16px
			}
		}
	}
	@media screen and (min-width: 768px) {
		.flex-img-group-view {
			justify-content space-around
		}
		.uniapp-home-content-item{
			width 32% 
		}
	}
	@media screen and (max-width: 600px) {
		.uniapp-home-content-item{
			width 100% 
			display flex
			flex-direction row
		}
		.uniapp-home-content-item-header {
		  display flex 
		  flex-direction column 
		  padding-left 15px 
		}
		.uniapp-home-content-item-title{
			line-height 10px
		}
	}
}

img {
  image-rendering: -moz-crisp-edges; /* Firefox*/
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor; /* I (non-standard property) */
}

body.forbid_scroll
	height 100%
	overflow hidden

main.page
	padding-bottom 0px
	padding-right 0px
	
	@media (min-width: $vuepress-display-min-width)
		&
			padding-right $vuepress-toc-width

@media (min-width: $vuepress-display-min-width)
	.vuepress-toc
		display block !important

{$contentClass}:not(.custom) 
	> *:first-child
		margin-top 0
		@media (max-width: $MQMobile)
			&
				margin-top $navbarHeight
	img
		max-width 100% !important
	table
		position relative

	ul > li, p > a
		word-break break-all

h1, h2, h3, h4, h5, h6

	{$contentClass}:not(.custom) > &
		margin-top (5rem - $navbarHeight)
		padding-top ($navbarHeight - 3rem)

		&:first-child
			margin-top (3rem - $navbarHeight)
			padding-top ($navbarHeight - 3rem)
			@media (max-width: $MQMobile)
				&	
					margin-top 3rem
@media (min-width: $MQMobile)
	.nav-dropdown
		z-index 1

.sidebar .sidebar-group.is-sub-group>.sidebar-heading:not(.clickable)
	opacity 1

.uni-loading
	width 20px
	height 20px
	display inline-block
	vertical-align middle
	animation uni-loading 1s steps(12, end) infinite
	background-size 100%
	background-color transparent
	background-image url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=')
	background-repeat no-repeat

@keyframes uni-loading
	0%
		transform rotate3d(0, 0, 1, 0deg)

	100%
		transform rotate3d(0, 0, 1, 360deg)