.commPortletMenu {
  margin: 10px 0 10px 10px;
  max-width: 202px;
  min-width: 15px;
  position: relative;
}
.commPortletMenu .cpmMenuwrap {
  width: 200px;
  padding: 15px 10px;
}
.commPortletMenu .arrow-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  z-index: 9;
}
.commPortletMenu .portletMenu:nth-of-type(2) {
  margin-top: 10px;
}
.commPortletMenu .pMenuTitle {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding: 0 10px;
  font-weight: 400;
}
.commPortletMenu .pMenuCont {
  padding-bottom: 5px;
}
.commPortletMenu .pMenu2 {
  display: inline-block;
  width: 100%;
  padding: 0 27px;
  margin-top: 5px;
  line-height: 30px;
  height: 30px;
  color: #5B5C5E;
  cursor: pointer;
}
.light .pMenuTitle {
  background: #f9fafb;
  color: #242f57;
}
.dark .pMenuTitle {
  background: #1e304e;
  color: #fff;
}
.dark .pMenu2 {
  color: #eee;
}
.pMenu2:hover,
.pMenu2.on {
  position: relative;
  color: var(--el-color-primary);
}
.pMenu2:hover::before,
.pMenu2.on::before {
  background: var(--el-color-primary);
  border-radius: 3px !important;
  opacity: 0.05;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.dark .pMenu2:hover::before,
.dark .pMenu2.on::before {
  opacity: 0.07;
}
.fade-enter-active {
  animation: fade-in 0.5s;
}
.fade-enter-active .cpmMenuwrap {
  display: none;
}
.fade-leave-active {
  animation: fade-out 0.5s;
}
.fade-leave-active .cpmMenuwrap {
  display: none;
}
@keyframes fade-in {
0% {
    width: 0;
}
100% {
    width: 180px;
}
}
@keyframes fade-out {
0% {
    width: 180px;
}
100% {
    width: 0;
}
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvdmlld3MvZGVwbG95bWVudC9jb21wb25lbnRzL2NvbW1Qb3J0bGV0TWVudS52dWUiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsQyIsImZpbGUiOiJjc3MvOTIuMTczNjMwMzM1MTY3Mi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY29tbVBvcnRsZXRNZW51IHtcbiAgbWFyZ2luOiAxMHB4IDAgMTBweCAxMHB4O1xuICBtYXgtd2lkdGg6IDIwMnB4O1xuICBtaW4td2lkdGg6IDE1cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5jb21tUG9ydGxldE1lbnUgLmNwbU1lbnV3cmFwIHtcbiAgd2lkdGg6IDIwMHB4O1xuICBwYWRkaW5nOiAxNXB4IDEwcHg7XG59XG4uY29tbVBvcnRsZXRNZW51IC5hcnJvdy1pY29uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIG1hcmdpbjogYXV0bztcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB6LWluZGV4OiA5O1xufVxuLmNvbW1Qb3J0bGV0TWVudSAucG9ydGxldE1lbnU6bnRoLW9mLXR5cGUoMikge1xuICBtYXJnaW4tdG9wOiAxMHB4O1xufVxuLmNvbW1Qb3J0bGV0TWVudSAucE1lbnVUaXRsZSB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgaGVpZ2h0OiAzNnB4O1xuICBsaW5lLWhlaWdodDogMzZweDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMTBweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbi5jb21tUG9ydGxldE1lbnUgLnBNZW51Q29udCB7XG4gIHBhZGRpbmctYm90dG9tOiA1cHg7XG59XG4uY29tbVBvcnRsZXRNZW51IC5wTWVudTIge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwIDI3cHg7XG4gIG1hcmdpbi10b3A6IDVweDtcbiAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gIGhlaWdodDogMzBweDtcbiAgY29sb3I6ICM1QjVDNUU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5saWdodCAucE1lbnVUaXRsZSB7XG4gIGJhY2tncm91bmQ6ICNmOWZhZmI7XG4gIGNvbG9yOiAjMjQyZjU3O1xufVxuLmRhcmsgLnBNZW51VGl0bGUge1xuICBiYWNrZ3JvdW5kOiAjMWUzMDRlO1xuICBjb2xvcjogI2ZmZjtcbn1cbi5kYXJrIC5wTWVudTIge1xuICBjb2xvcjogI2VlZTtcbn1cbi5wTWVudTI6aG92ZXIsXG4ucE1lbnUyLm9uIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZWwtY29sb3ItcHJpbWFyeSk7XG59XG4ucE1lbnUyOmhvdmVyOjpiZWZvcmUsXG4ucE1lbnUyLm9uOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1lbC1jb2xvci1wcmltYXJ5KTtcbiAgYm9yZGVyLXJhZGl1czogM3B4ICFpbXBvcnRhbnQ7XG4gIG9wYWNpdHk6IDAuMDU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xufVxuLmRhcmsgLnBNZW51Mjpob3Zlcjo6YmVmb3JlLFxuLmRhcmsgLnBNZW51Mi5vbjo6YmVmb3JlIHtcbiAgb3BhY2l0eTogMC4wNztcbn1cbi5mYWRlLWVudGVyLWFjdGl2ZSB7XG4gIGFuaW1hdGlvbjogZmFkZS1pbiAwLjVzO1xufVxuLmZhZGUtZW50ZXItYWN0aXZlIC5jcG1NZW51d3JhcCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZmFkZS1sZWF2ZS1hY3RpdmUge1xuICBhbmltYXRpb246IGZhZGUtb3V0IDAuNXM7XG59XG4uZmFkZS1sZWF2ZS1hY3RpdmUgLmNwbU1lbnV3cmFwIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbkBrZXlmcmFtZXMgZmFkZS1pbiB7XG4wJSB7XG4gICAgd2lkdGg6IDA7XG59XG4xMDAlIHtcbiAgICB3aWR0aDogMTgwcHg7XG59XG59XG5Aa2V5ZnJhbWVzIGZhZGUtb3V0IHtcbjAlIHtcbiAgICB3aWR0aDogMTgwcHg7XG59XG4xMDAlIHtcbiAgICB3aWR0aDogMDtcbn1cbn0iXSwic291cmNlUm9vdCI6IiJ9*/