@font-face {
 	font-family: "F ZL TZ HJ W";
 	src: url('./font/AlibabaPuHuiTi-3-35-Thin.ttf') format('truetype');

 	font-weight: normal;
 	font-style: normal;
 	font-display: swap;

 }


 @font-face {
 	font-family: "Alibaba Pu Hui Ti R";
 	src: url('./font/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype');

 	font-weight: normal;
 	font-style: normal;

 	font-display: swap;
 }


 @font-face {
 	font-family: "Alibaba Pu Hui Ti B";

 	font-weight: normal;
 	font-style: normal;
 	font-display: swap;
 	src: url('./font/AlibabaPuHuiTi-3-85-Bold.ttf') format('truetype');
 	/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

 }


 #init-loading-div {
 	top: 50%;
 	left: 50%;
 	position: absolute;
 	-webkit-transform: translateY(-50%) translateX(-50%);
 	transform: translateY(-50%) translateX(-50%);
 	z-index: 100;
 	overflow: hidden;
 }

 /* #init-loading-div img {
 	height: 73px;
 	width: 73px;
 } */

 /* 定义旋转动画 */
 @keyframes rotate2 {
 	form {
 		transform: rotate(0deg);
 	}



 	/* 初始状态为不旋转 */
 	to {
 		transform: rotate(-360deg);
 	}

 	/* 结束状态为完全旋转一周（360度）*/
 }

 #init-loading-div .xuan_box {
 	background: url(./bg.png) no-repeat center;
 	background-size: contain;
 	height: 73px;
 	width: 73px;
 	overflow: hidden;
 	margin: 0 auto;
 	border-radius: 50%;
 }

 /* 应用旋转动画到元素上 */
 #init-loading-div .xuan {
 	animation: rotate2 2s infinite linear;
 	height: 73px;
 	width: 73px;
 	background: url(./xuan.png) no-repeat center;
 	border-radius: 50%;
 	overflow: hidden;
 }




 #init-loading-div .loading-div-name {
 	text-align: center;
 	/* background: #000; */
 	/* filter: contrast(30); */
 	margin-top: 20px;
 	height: 40px;
 }

 #init-loading-div .loading-div-name span {
 	display: inline-block;
 	width: 140px;
 	font-size: 30px;
 	line-height: 30px;
 	color: #333;
 	animation: masked-animation 1s forwards linear;
 }

 @keyframes masked-animation {
 	from {
 		letter-spacing: -50px;
 		opacity: 0;
 		filter: blur(50px);
 	}

 	to {
 		letter-spacing: 5px;
 		opacity: 1;
 		filter: blur(0px);
 	}
 }