.loading-div {
	background-color: #000!important;
	opacity: 0.6!important;
	height: 100%!important;
	margin: 0px!important;
	width: 100%!important;
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	z-index: 1030!important;
	display: none;
}

.loading-div.loading {
	display: block;
}

.loading-spinner {
	width: 100%!important;
	position: fixed!important;
	top: 50%!important;
	text-align: center!important;
	visibility: hidden;
}

.loading-div.loading .loading-spinner {
	visibility: visible;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #AAA;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}
#bottom_nav .tips {
    width: 16px;
    height: 16px;
    background-color: var(--red, #FF4444);
    border: 1px var(--red, #F44) solid;
    border-radius: 50%;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 10;
	right: 16px;
	top: 3px;
}

.order-opcation,
.mask-layer-control,
.fixed.bottom,
.custom-tag-list,
#bottom_nav,
.bottom-fix,
section.head {
	max-width: 640px!important;
	margin: 0 auto!important;
}

.order-opcation,
.fixed.bottom,
#bottom_nav,
.bottom-fix {
	left: 50%!important;
	transform: translateX(-50%);
}

.order-opcation {
	box-shadow: none!important;
}

body {
	background-color: #f3f3f3!important;
}

@media only screen and (min-width: 641px) {
	body {
		border: 1px #eee solid;
		min-height: 100vh!important;
	}
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(128, 128, 128, .7);
}