html, body {
    position: relative;
    height: 100%;
    background-color: #f0f0f0;
	/* url(./bj.jpg)  no-repeat center fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;  
  }

#app{   width: 100%;  height: 100%;}  
.main { 
   margin: 0 auto;
	min-height: calc(100vh); color:#fff;
	width:100%;
	max-width:1024px
}  
.logo img{ width:283px}  
 .wenzi  {font-size:56px;font-family: 'FangZhenJianBold';}
.list{ width: 100%;  }
.listli{  width:20%; margin-top:20px; background: #f9f9f9; box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 55%); border-radius: 16px;margin-right:3.8%;  font-size:18px; padding:10px 0;}
.listli:last-child{ margin-right:0px}
.icon img{ width:64px}
.listli span{margin-top:5px; font-weight:400}
.listli a.button{width: 176px;border-radius: 21px;  color:#FD4141; text-align:center; display:block;margin-top:10px}
.listli a.button img{width:100%;}
.boxRow{
    background: rgba(0,0,0,.6);
    width: 100%; 
	height: 399px; 
	border-radius: 10px;margin-top:50px
 }
.tit{ font-size:36px; color:#FD4141;font-family: 'FangZhenJianBold'; padding-bottom:10px}
.downcode span{ margin:0 50px; font-size:24px; text-align:center;width:200px;}
.downcode img{ padding-bottom:10px; width:200px; display:block}
.mt15{ margin-top:15px}
.mt30{ margin-top:24px; color: #282a2d}
.color-green{ color:#34D33F}
.color-red{ color:#F83332}
.color-yellow{ color:#F6AF17}

@media screen and (max-width:750px) { 
 .wenzi  {font-size:30px; }
  .wenzi span{ display:block} 
.logo img{ width:200px}  
.listli{ margin:0px 0 20px 2.6%; width:46%; font-size:14px;height:auto;}
.listli:nth-child(2n){ margin-right:2.6%;} 
.icon img{ width:32px}
.listli a.button{width:90%; }
.listli a.button img{width:100%;}
.boxRow{ display:none}
.mt30{ margin-top:20px; color: #282a2d}
}