html{
  font-size:16px;
  width:100%;
  min-height:100%;
  overflow:hidden;
}
body{
  width:100%;
  position:relative;
  min-height:100%;
  overflow-x:hidden;
  background:#fff;
  color:#2a3341;
}
/* a{color:inherit;} */
/* a:active,a:visited,a:focus,a:link,a:hover{color:inherit;} */
.shade_mask{
position:fixed ;
width:100%;
height:100%;
background:#fff;
z-index:9999;
left:0;
top:0;
}
/* HTML: <div class="loader"></div> */
.shade_mask-loader {
	width: 200px;
	height: 40px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 30px;
	padding-bottom: 8px;
	background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
	animation: l2 2s linear infinite;
  }
  .shade_mask-loader:before {
	content:"Loading..."
  }
  @keyframes l2 {to{background-size: 100% 3px}}

/* 样式 */
.dik{
width:100%;
text-align:center;
}
.did{
width:100%;
max-width:600px;
margin:auto;
position:relative;
}