/**侧边栏***********************************************/
#clickShowBtn{display:none;}
#clickShowBtn:checked ~ section{margin-left: 0rem;}
#clickShowBtn:checked ~ .sideDiv{top:0;background:#323c3c;}
#clickShowBtn:checked ~ .sideDiv .sideNav b{opacity:1;margin-left: 0rem;}

.sideDiv{width:2rem;left:0;top:-10000rem;position:absolute;overflow:hidden;}

.sideNav{padding:.1rem;}
.sideNav li{list-style-type:none;}
.sideNav a{color:#fff;text-decoration:none;}
.sideNav a.active{color:#46d690;}
.sideNav b{font-size:.28rem;line-height:.6rem;font-weight:normal;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sideNav img{width:.3rem;height:.3rem;margin-right:.1rem;top:.14rem;display:block;float:left;position:relative;}

@media screen and (min-width:1024.1px) {
    #clickShowBtn ~ .sideDiv{top:0;background:#323c3c;}
    #clickShowBtn ~ .sideDiv .sideNav b{opacity:1;transform:translateX(0);}
	#clickShowBtn ~ section{transform:translateX(.8rem);}
	#clickShowBtn:checked ~ section{transform:translateX(.8rem);}
	.sideDiv{width:.8rem;}
	.sideNav{padding:.04rem;}
	.sideNav b{font-size:.11rem;line-height:.24rem;transform:translateX(.24rem);}
	.sideNav img{width:.12rem;height:.12rem;margin-right:.04rem;top:.06rem;}
}