.banner{background:#4786ff url(../img/download/banner.png);background-size:100% 100%;height:280px;}
.banner h2{margin:20px;font-size:40px;}

.tabs{text-align:center;margin-top:-50px;}
.tabs ul{margin:auto;}
.tabs li{display:inline-block;margin:0px 10px;}
.tabs li a{display:block;width:200px;line-height:50px;font-size:16px;border-radius:10px 10px 0px 0px;color:#fff;}
.tabs li.active a{background:#fff;color:#333}


.download-list .card{position: relative;display: flex;flex-direction: column;padding:0px;}
.download-list .card .info-zm,.download-list .card .info-fm{height:220px;padding:20px;border-radius:20px;box-shadow: 0px 0px 20px #d3e3ff;}

.download-list .card .info-zm{display:block;background:url(../img/download/bg.png);background-size:100% 100%;}
.download-list .card .info-fm{display:none;}
.download-list .card:hover .info-zm{display:none;}
.download-list .card:hover .info-fm{display:block;}




.info-zm i{font-size:70px;margin:30px auto;width:70px;color:#fff;display:block;margin-top:50px;}
.info-zm h3{color:#fff;}


.info-fm .qrcode{width:120px;margin-top:0rem;}
.info-fm a.title,.info-fm .title{padding:10px 0px;color:#333;}
.info-fm .author{font-size:12px;color:#999;}
.info-fm .more{border-top:1px solid #f5f5f5;margin-top:10px;padding-top:5px;font-size:0.7rem;}

.info-fm .icon{font-size:50px;margin-top:30px;margin-bottom:20px;display:block;color:#ccc;}
.info-fm .cmd{}
.info-fm .cmd .btn{width:120px;display: inline-block;}