:root{
	
	--jianbian: saturate(120%) blur(25px);
	--jianbian-color: rgba(255,255,255,0.72);
	--a-color: #007BFE;
	
}

@media (prefers-color-scheme: dark){

	:root{
		
		--jianbian-color: rgba(52,50,50,0.7);
		
	}


	body{

		color: white;
		background: #262626;
	
	}

}


body{

	line-height: normal;

}

body{

	font-family: PingFangSC-Regular;

}

.title{

	text-align: center;
	margin-top: 30px;

}

a:not(.weui-dialog__btn):not(.header-link):not(.footer-a):not(.card-seemore):link{

	text-decoration: none;
	color: var(--a-color);

}

a:not(.weui-dialog__btn):not(.header-link):not(.footer-a):not(.card-seemore):hover{

	text-decoration: underline;
	color: var(--a-color);

}

a:not(.weui-dialog__btn):not(.header-link):not(.footer-a):not(.card-seemore):visited{

	color: var(--a-color);
	text-decoration: none;

}

.common-tip{

	display: block;
	backdrop-filter: var(--jianbian);
	-webkit-backdrop-filter: var(--jianbian);
	background-color: var(--jianbian-color);
	padding: 2px 13%;
	margin-left: -8px;
	margin-right: -8px;

}

.account{
	
	height: 35px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	
}

.account img{
	
	height: 100%;
	border-radius: 50%;
	margin: 0 5px -8px 0;
	
}

.button{

	backdrop-filter: var(--jianbian);
	-webkit-backdrop-filter: var(--jianbian);
	background-color: var(--jianbian-color);
	cursor: pointer;
	/* min-height:60px; */
	transition: all 0.11s;
	-moz-transition: all 0.11s;
	-webkit-transition: all 0.11s;
	-o-transition: all 0.11s;

}

.button:hover{

	box-shadow: 0px 0px 4px black;
	background-color: rgba(255,255,255,0.2);
	transform: scale(0.99);
	-ms-transform: rotate(0.99);
 	/* IE 9 */
	-moz-transform: rotate(0.99);
 	/* Firefox */
	-webkit-transform: rotate(0.99);
 /* Safari 和 Chrome */
	-o-transform: rotate(0.99);
 	/* Opera */

}

.button:active{

	transform: scale(0.97);
	-ms-transform: rotate(0.97);
 	/* IE 9 */
	-moz-transform: rotate(0.97);
 	/* Firefox */
	-webkit-transform: rotate(0.97);
 /* Safari 和 Chrome */
	-o-transform: rotate(0.97);
 	/* Opera */

}

.flex{

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	transition: height 0.4s;
	-moz-transition: height 0.4s;
	-webkit-transition: height 0.4s;
	-o-transition: height 0.4s;

}

beta-tag{
	
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding: 3px 6px;
	border-radius: 4px;
	background-image: linear-gradient(141deg,#1fc8db 0%,#1fc8db 51%,#2cb5e8 75%);
	text-shadow: 1px 1px 1px grey;
	
}

.spinner{

	margin: 6px calc(50% - 25px) 20px calc(50% - 25px);
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 10px;

}

.spinner > div{

	background-color: #0F75B6;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;

}

.spinner .rect2{

	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;

}

.spinner .rect3{

	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;

}

.spinner .rect4{

	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;

}

.spinner .rect5{

	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;

}

@-webkit-keyframes stretchdelay{

	0%, 40%, 100%
	{

		-webkit-transform: scaleY(0.4)
	
}

	20%
	{

		-webkit-transform: scaleY(1.0)
	
}

}

@keyframes stretchdelay{

	0%, 40%, 100%
	{

		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	
}

	20%
	{

		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	
}

}

/* 倒计时 */

.scalct{

	font-size: 23px;
	color: var(--a-color);
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;

}

#scalcbox{

	width: 100%;
	text-align: center;

}