@charset "utf-8";
.cat-side {width:1.92rem;height:100%;overflow-y:auto;background:#F2F4FA;position:fixed;z-index:9;left:0;top:0.96rem;user-select:none;-webkit-user-select:none;}
.cat-side  li {height:0.96rem;line-height:0.96rem;overflow:hidden;}
.cat-side .side_li {width:1.6rem;background:#F2F4FA;padding:0 0 0 0.32rem;}
.cat-side .side_on {width:1.6rem;background:#FFFFFF;padding:0 0 0 0.32rem;color:#4E6EF2;font-size:0.28rem;position:relative;z-index:2;font-weight:bold;}
.cat-side .side_on:before {content:'';width:0.08rem;height:0.34rem;background:#4E6EF2;border-radius:0.1rem;position:absolute;top:0.3rem;left:0;}
.cat-main {padding:0 0 0 1.92rem;background: #FFFFFF;}
.cat-main h3 {height:0.96rem;line-height:0.96rem;font-size:0.28rem;padding:0 0.48rem;margin:0;clear:both;border-bottom:#F6F6F6 1px solid;margin-bottom: 0.1rem;}
.cat-main ul {overflow:hidden;padding: 2% 2% 0;}
.cat-main li {width:33.33%;float:left;text-align:center;}
.cat-main li p {margin:0;padding:0;height:0.56rem;line-height:0.56rem;overflow:hidden;font-size:0.24rem;margin-bottom: 0.1rem;}
.cat-main li img {width:80%;margin-left: 9%;height:auto;border-radius: 0.2rem;vertical-align: middle;}