@charset "utf-8";

/* index */
.floatimg{width:100%; position: absolute; top:26%; z-index: 10000;}
.floatimg img{width: 85%; display: block; margin: 0 auto;}

.mainnav{ height:auto; overflow:hidden; background:#fff; clear:both; padding:0.8rem 0.5rem;}
.mainnav a{ width:22%; height:auto; overflow:hidden; display:inline-block; overflow:hidden; text-align:center; margin:0.5% 5%; position: relative;}
.mainnav a span{width:100%; display: block; border-radius:1rem; margin:0.5rem auto 0.3rem auto; text-align: center;}
.mainnav a i{width:100%; display: block; font-size:2.2rem; color: #fff; position: absolute; top:0.7rem; left:0; z-index: 10; }
.mainnav a em{ display:block; font-size:0.7rem; color:#999; text-align:center;}
.mainnav a img{width: 100%;}
.mainnav .ma0 span{background:#fec84a;}
.mainnav .ma1 span{background:#59d6ec;}
.mainnav .ma2 span{background:#fe6b67;}
.mainnav .ma3 span{background:#45d291;}
.mainnav .ma4 span{background:#fda057;}
.mainnav .ma5 span{background:#96ce6b;}
.mainnav .ma6 span{background:#a5b2e1;}
.mainnav .ma7 span{background:#ff6666;}
.mainnav .ma8 span{background:#c1a08a;}

.banner{width:100%; height:auto; overflow:hidden;}
.banner img{width:100%; display:block;}