  ::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-track {
    background-color: #F2F3F4;
    margin: 5px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #C4C7CC;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #969696
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: #969696
  }

  /* ::-webkit-scrollbar-button:vertical:single-button:start {
    background: url("../imgs/scrollbtn_top.png") -1px 0 no-repeat;
    cursor: pointer;
  }
  ::-webkit-scrollbar-button:vertical:single-button:end {
    background: url("../imgs/scrollbtn_bottom.png") -1px -12px no-repeat;
    cursor: pointer;
  }  */

  body {
    font-family: arial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "微软雅黑";
  }

  ul,
  ol {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  body, p {
    margin: 0;
  }

  h3 {
    color: #222;
    font-size: 28px;
    text-align: center;
  }
  /*深色皮肤所需样式*/
  .default .menu-box {
    background-color: #2E333D;
  }
  .default .joined-menu .tip,.default .add-menu .tip{
    color: rgba(255, 255, 255, 0.7);
  }
  .default .joined-menu .title,.default .add-menu .title {
    color: rgba(255, 255, 255, 0.7);
  }
  .default .menu-li-hover {
    background: #1E2027;
  }
  .default ::-webkit-scrollbar {
    background-color: #1E2027;
  }
  .default ::-webkit-scrollbar-track {
    background-color: #1E2027;
    margin: 5px;
  }
  .default ::-webkit-scrollbar-thumb {
    background-color: #3E414D;
  }
  .default ::-webkit-scrollbar-thumb:hover {
    background-color: #4E515D;
  }
  .default ::-webkit-scrollbar-thumb:active {
    background-color: #4E515D;
  }

  .menu-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 14px;
  }

  .joined-menu .tip,
  .add-menu .tip {
    font-size: 13px;
    color: #222;
    margin-top: 8px;
  }
  .joined-menu .title,
  .add-menu .title {
    display: inline-block;
    padding: 6px 6px 6px 0;
    vertical-align: top;
    color: #222;
    cursor: pointer;
    width: 86%;
  }

  .add-menu .title {
    padding: 6px;
  }

  .joined-menu .remove {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../imgs/remove.png') no-repeat;
    /* background-size: 14px 14px; */
    text-align: center;
    cursor: pointer;
  }

  .bg-div {
    width: 230px;
    margin-top: 8px;
    position: relative;
  }
  
  /* 已添加的菜单 */
  .added-table {
    overflow-y: scroll;
    border: 1px solid #D9DBDF;
  }
  table {
    width: 220px;
    border-spacing: 0;
    /* padding: 0 0 0 12px; */
    font-size: 13px;
    /* background: rgba(242, 242, 242, 1); */
  }
  .can-added-table table {
    padding-left: 0;
  }
  .addedMenu-tr {
    /* background: url('../imgs/joinicon.png') no-repeat left center; */
    /* background-size: 16px 16px; */
  }

  .addedMenu-tr td {
    width: 202px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 10px;;
    font-size: 13px;
  }

  .addedMenu-tr:nth-child(5) td {
    /* background: #e6f2ff; */
  }

  /* 可拖动提示 */
  .bg-div .hover-drag {
    width: 230px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    background: #2d97ff;
    color: #fff;
    border-radius: 7px;
    position: absolute;
    top: 155px;
    left: 0;
    display: none;
  }
  .bg-div .hover-drag::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 22px;
    top: -10px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #2d97ff ;
  }
  .bg-div .hover-drag .tip-txt {
    margin-right: 32px;
  }
  .bg-div .hover-drag .close-tip {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
  }

  .addedMenu-tr td img {
    margin-right: 10px;
  }
  /* 可添加的菜单 */
  .can-added-table {
    /* width: 220px; */
    margin-top: 8px;
    overflow-y: scroll;
    border: 1px solid #D9DBDF;
    position: relative;
  }
  /* 增加“无可添加菜单” */
  /* .can-added-table p {
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top: -25px;
    margin-left: -105px;
    font-size: 14px;
  } */
  .canAddmenu-tr td {
    width: 206px;
    padding: 0 8px 0 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
  }
  /* hover样式 */
  .menu-li-hover {
    background: #e6f2ff;
  }

  /* 双击样式 */
  .menu-li-click {
    background: rgba(228, 228, 228, 1);
  }

  .can-added-table .add {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../imgs/can_add.png');
    /* background-size: 14px 14px; */
    text-align: center;
    cursor: pointer;
  }

  /* + => √ */
  .can-added-table .tick {
    background: url('../imgs/added.png') no-repeat;
    background-size: 13px 13px;
  }

  .center-img img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
  }

  .double-click {
    width: 518px;
    height: 32px;
    line-height: 32px;
    background: rgba(230, 243, 252, 1);
    border: 1px solid rgba(212, 240, 252, 1);
    border-radius: 4px;
    margin: 20px auto;
    padding-left: 15px;
  }

  .double-click .tip-p {
    font-size: 12px;
    margin: 0;
    padding-left: 20px;
    height: 32px;
    line-height: 34px;
    background: url('../imgs/tip.png') no-repeat left center;
    background-size: 17px 17px;
    text-indent: 0.5em;
  }
  .footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .footer-div {
    height: 50px;
    padding: 0 20px;
    background: rgba(242, 242, 242, 1);
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-div span {
      display: inline-block;
      height: 28px;
      line-height: 28px;
      font-size: 13px;
      background: #fff;
      border: 1px solid rgba(215, 215, 215, 1);
      border-radius: 3px;
      cursor: pointer;
  }
  .footer-div .restore-defaults {
      padding: 0 10px;
  }
  .footer-div .cancel-save span {
      padding: 0 20px;
  }
  .footer-div .cancel {
      margin-right: 10px;
  }
  .footer-div .save {
      color: #fff;
      background: rgba(51, 153, 255, 1);
      border: 1px solid rgba(51, 153, 255, 1);
  }