.menuFix{
position: fixed;
}
.menuAbs{
position: absolute;
}
.menuParent{
margin: 0px 0px 15px 0px;
width: 370px;
}

.menuLeft{

}
.menuLeft ul{
list-style: none;
}
.menuLeft ul li{
padding: 0px;
}

.menuLeft>ul>li>a {
display: block;
color: #828282;
font-size: 22px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
position: relative;
padding: 15px 5px 15px 20px;
box-sizing: border-box;
font-weight: 600;
}
.menuLeft>ul>li>a::after {
content: "";
width: 0px;
height: 17px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAABHNCSVQICAgIfAhkiAAAANhJREFUOE+t1E0KwjAQBeA3rlwI9QgeoTdwbqBL0432BNaT2CPUjW57hBxBb5JAoSJCJGClFPsDmezzviEzGULAsYozEM5wyKObPvVFUYABm3AJYPPNKKKrTv/lBSFVwvHbQRMhGoKCEB88BQpGpkAiyBgkhgxBZBT7xq1DpmzoLgGpR0xrOuQthwvVO169ZjhIpTuHrCnaOTyiGizaE6u4AGHvC/4BpTZiSB/gQRFkCBBBxoBgxCrOQTh2e9AdoqDnarZwu8niW9hteVnNES+euFOpTd83+AA19XvH1rdsGwAAAABJRU5ErkJggg==') 100% 50% no-repeat;
opacity: 0;
transition: all 0.5s ease-out 0s;
position: absolute;
margin-top: 5px;
}
.menuLeft>ul>li>a:hover::after,.menuLeft>ul>li.sel>a::after {
width: 25px;
opacity: 1;
}

.menuLeft>ul>li.sel>a,.menuLeft>ul>li:hover>a{
color: #F15A40;

}




.menuLeft>ul>li ul{
box-sizing: border-box;
background-color: #F9F9F9;
}
.menuLeft>ul>li ul li{
display: block;
}

.menuLeft>ul>li ul li a{
display: block;
color: #2B343B;
font-size: 17px;
padding: 10px 5px 10px 30px;
font-weight: 500;
transition: all 0.5s ease-out 0s;
border-top: 2px solid #FFFFFF;
}

.menuLeft>ul>li ul li.sel a,.menuLeft>ul>li ul li:hover a{
color: #CA464D;
}

.menuLeft>ul>li ul li.sel a{
background-color: #FFFFFF;
}

@media screen and (max-width:1340px){
.menuLeft>ul>li>a {font-size: 16px;padding: 10px 5px 10px 20px;}
.menuParent {width: 270px;}
}