.nav-icon4{width:1.7rem;height:26.8px;position:relative;transform:rotate(0deg) scale(70%);cursor:pointer}.nav-icon4 span{display:block;position:absolute;height:2px;width:2rem;background:currentColor;border-radius:9px;opacity:1;left:0}.nav-icon4 span:first-child{top:0}.nav-icon4 span:first-child,.nav-icon4 span:nth-child(2){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.nav-icon4 span:nth-child(2){top:9px}.nav-icon4 span:nth-child(3){top:18px}.nav-icon4 span:nth-child(3),.nav-icon4 span:nth-child(4){-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.nav-icon4 span:nth-child(4){top:22px}.first{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:8px}.second{width:0;opacity:0}.third{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:39px;left:8px}