@charset "utf-8";
*{ 
  margin:0; 
  padding:0;
  box-sizing: border-box;
}
html{
  font-size:10px;
}

body{
	margin:0px;
	padding:0px;
	font-size:1.4rem;
	}
.main a{
  display:block;
  width:30%;
  padding-top:9%;
  padding-bottom:9%;
  margin-top:10%;
  float:left;
  height:0;
  font-size:2.0rem;
  border-radius:2rem;
}
.main a span{
  float:left;
  margin-top:-3rem;
  margin-left:2rem;
  clear:both;
  color:#333;
}
.main a i{
  float:left;
  font-size:1.6rem;
  margin-left:2rem;
  padding:.2rem 1rem .3rem 1rem;
  border-radius:2rem;
  color:#FFF;
}
.main a.zhishu{
  background: rgb(237, 240, 253) url(../images/1.png) no-repeat;
  background-size:contain;
}
.main a.KZZ{
  background: rgb(253, 246, 237) url(../images/2.png) no-repeat;
  background-size:contain;
  margin-left:5%;
}
.main a.gupiao{
  background: rgb(237, 250, 244) url(../images/3.png) no-repeat;
  background-size:contain;
  float:right;
}

.main a.zhishu i{
  background:rgb(79, 107, 241);
}
.main a.kzz i{
  background:rgb(243, 174, 75);
}

.main a.gupiao i{
  background:rgb(82, 219, 154);
}

/* ===== 移动端优化 (max-width:640px)：保持 PC 字号，排版自适应 ===== */
@media only screen and ( max-width: 640px ) {
  /* 卡片导航：保持 PC 字号 */
  .main a{
    font-size:2.0rem;
    border-radius:1.5rem;
  }
  .main a span{
    font-size:1.6rem;
  }
  .main a i{
    font-size:1.6rem;
    margin-left:1.2rem;
    padding:.1rem .8rem .2rem .8rem;
    border-radius:1.5rem;
  }
  .main a.KZZ{
    margin-left:6%;
  }
  /* 详情页标题：允许换行，不裁切 */
  .title h1{
    font-size:2.0rem;
    height:auto;
    line-height:3rem;
    padding:1rem 0;
  }
  .title span{
    font-size:1.4rem;
    margin-bottom:1.5rem;
  }
  .txtinfos{
    font-size:1.6rem;
    line-height:2.8rem;
  }
}