@font-face {
  font-family: 'Roboto';
  font-style: normal;
 
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
.box{
		 
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 100%; /* 高度占满屏幕 */
	width: 90%;
		margin: 50px auto;	text-align: center;
	}
	
	.qi{margin: 50px auto; text-align: center }
	.qi p{ color: #888;}
	
	.top{ width: 100%; margin: 0px auto;	text-align: center;height: 250px; background:#5372fe; color: #fff; padding: 30px 0px; }
	
	
  .myInput2 {
 width:150px;
  margin: 20px auto;
    background: none; text-align: center;
   
    outline: none;
 border: 2px solid #5372fe;
   font-size: 30px;
    padding: 0;
    color: inherit;
    
  }
	.button{
	width: 100%;
	 background-color: #5372fe; /* 按钮颜色 */
  border: none;
  color: white; /* 文字颜色 */
  padding: 15px 32px; /* 内边距 */
  text-align: center; /* 文字居中 */
  text-decoration: none;
  display: inline-block;
  font-size: 16px; /* 字体大小 */
  margin: 4px 2px;
  cursor: pointer; /* 鼠标光标变为点击手势 */
  transition: background-color 0.3s; /* 过渡效果 */	
		
		
	}
.bg{ background: #f0f0f0; width: 100%; height: 100%; padding-bottom: 30px;}
.bx{
	  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 100%; /* 高度占满屏幕 */
	width: 90%;
	margin: 50px auto;	text-align: left; border: 1px solid #ccc;border-radius: 10px; background: #fff;
}
.bx-c{ padding-left: 20px;}
.bx h4{  border-left: 5px solid #5372fe; padding-left: 10px; }
.bx p{ color:#666; font-size: 0.8em;  }
span{ color:#444 }
.zs{ text-align: center; }
.zsimg{ width:90%; margin: 20px auto; border-bottom: 5px solid #5372fe;}