/*容器*/
.XyLoadingbox{
	width: 100%;
	height: 100%;
	padding:0.3rem 0.2rem 0 ;
	box-sizing: border-box;
	overflow: hidden;
}


/*
 * 内容文字占位

  [7.5rem高度]   <p className={Styles.XyLoadingtxt750}></p>
  [4.5rem高度]   <p className={Styles.XyLoadingtxt450}></p>
  [3rem高度]     <p className={Styles.XyLoadingtxt300}></p>
  [1.5rem高度]   <p className={Styles.XyLoadingtxt150}></p>

*/
.XyLoadingtxt750{
	height:0.24rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

.XyLoadingtxt600{
	width: 6rem;
	height:0.24rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

.XyLoadingtxt450{
	width: 4.5rem;
	height:0.24rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

.XyLoadingtxt300{
	width: 3rem;
	height:0.24rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

.XyLoadingtxt150{
	width: 1.5rem;
	height:0.24rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

/*
	标题
	
	[整行]

*/
.XyLoadingtitle750{
	height:0.5rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.18rem 0;
}

.XyLoadingtitle550{
	width: 5.5rem;
	height:0.5rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.18rem 0;
}

/*
	圆形

*/
.XyLoadingRound80{
	height: 0.8rem;
	width: 0.8rem;
	background:#eee;
	border-radius: 50%;
	margin:0 0 0.18rem 0;
}
.XyLoadingRound120{
	height: 1.2rem;
	width: 1.2rem;
	background:#eee;
	border-radius: 50%;
	margin:0 0 0.18rem 0;
}

/*
	方形

*/
.XyLoadingsquare80{
	height: 0.8rem;
	width: 0.8rem;
	background:#eee;
	margin:0 0 0.18rem 0;
}
.XyLoadingsquare120{
	height: 1.2rem;
	width: 1.2rem;
	background:#eee;
	margin:0.18rem 0.18rem 0.18rem 0;
}

.XyLoadingsquare160{
	height: 1.6rem;
	width: 1.6rem;
	background:#eee;
	margin:0rem 0.18rem 0.18rem 0;
}

.XyLoadingsquare200{
	height: 2rem;
	width: 2rem;
	background:#eee;
	margin:0.1rem;
}


/*
 * 空行占位

  [0.15rem高度空行]   <p className={Styles.XyLoadinghr15}></p>

*/
.XyLoadinghr15{
	margin:0 0 0.05rem 0;
	height:0.15rem;
}



/*
 * 图片占位

  [3rem高度]   <p className={Styles.XyLoadingimage3}></p>
  [4rem高度]   <p className={Styles.XyLoadingimage4}></p>

*/

.XyLoadingimage3{
	height:3rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}

.XyLoadingimage4{
	height:4rem;
	background:#eee;
	border-radius: 2px;
	margin:0 0 0.12rem 0;
}