// 分享范围类型 select
.jw-scope-select{
  width: 60%;
  border: 1px solid #d7d7d7;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 5px;
  &:before{
    border-bottom: none;
  }
  &:hover:not(.jss29):not(.jss28):not(.jss31):before{
    border-bottom: none;
  }
  &:after{
    border-bottom: none;
  }
  div div:focus{
    background-color: white;
  }
}
.jw-user-scope{
  // 分享范围 styles
  .app-range-share{
    width: 60%;
    background: transparent;
    margin-top: 0 !important;
    .add-range-share{
      margin-bottom: 29px;
      position: relative;
      background: #f7f7f7;
      padding-left: 20px;
      // padding-left: 20px;
      .ant-radio-group{
        padding: 29px 0 15px 0;
      }
      .ant-radio-wrapper{
        margin-right: 40px;
        font-size: 14px;
      }
      span.ant-radio + *{
        padding-left: 14px;
        padding-right: 0px;
        color: #494949;
      }
      .ant-radio-checked .ant-radio-inner{
        border-color: #3297fc!important;
        &:after{
          background: #3297fc;
        }
      }
      .blank-row{
        display: block;
        height: 25px;
        background: #ffffff;
        margin: 0 -33px 0 -20px;
      }
      .jw-shareobj{
        width: 536px;
        .ant-select-selection__placeholder,
        .ant-select-search__field__placeholder{
          color: #3297fc;
        }
      }
      .app-base-share{
        position: relative;
        .share-icon-w{
          height: 28px;
          border-left: 1px solid #e7e7e7;
          position: absolute;
          top: 7px;
          right: 50px;
          cursor: pointer;
          .icon-share{
            margin: 6px 1px 0 11px;
            display: inline-block;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAYAAAAN3M1lAAAAAXNSR0IArs4c6QAABXRJREFUWAmtVn1oVlUYP8+57zb3Uem2QkIU7GPFRCzMMLJ9p+7Lot1GGxoMHBjNTFZQIQ6iT4mE9YeMqFnNj70Sug9X1jYsYxW0KPsjXFSia+lyyXKfvvc+/c62s/e+9975urn7z/P9nN95znOec0ncwJdVbKYJi58XgvOEoCUseJgEnSGijx9Znb6vpqYmNNf0NNfAnEKzxGL+SDDH++Yg6opfGLehraFh0NceRSmj2H3NuQWl99q2/cmMoFQU89rRy2Pv+ya4DuWcgIVE6EUWIi5afmYuySp6Ij2an5894KdUOlUVS1hvYOsPs6A4YhHsPH6kYr1pJo8Pcxn6aaZQp57Yoh1QbM3ONzfbxG8jLIWIzwmmw3ctSd5dV1d31Rmged+K5eWbq0LC+go73sRIhGNJAoyzKig0zOnQx+oE0Sia+KFpH+bF2GgMci7Hxl7q6b3UbJqmb4/6AgsJ3g8wqdMJFSPp10mZl0Xoowkk0rC4YciYb92uALi+f5i3u/VK9gDLKShZh92sdDsTib+VzpbGiNsWRbaCwaC1gJJ6Z/DbgRPwTAcPMJt59QwJJtSG4AvXsrttWPSi0jU31w1jvtluO05m8aNF5Xe69R5ggijyCKciiHm5YuPFom4MU9+GdSdXMsD8ENbzaJgPcyExvjQsTXIeYGjyAbeTktEPGYpO7pw7FH89H16Cz5VfUdFTqciR4BdjkDHk1nuAGQb97HZSMgAXbKyqmppdstbPx60DqMG4hbENSj9kX81y26dkTjLipy5W2MMDLDlOnMIB9IdddDinjv7RV6qkztZgK3zaPD4eBe/ST5LNYqvHrBREJ48erb/stnmA4QaN4Ab6V8TmVyorK2NUkvhEelqQ6HEn1DJ6q6Gj9chEnuyCEhM1z9M2JzWY3nLKmvcAU4bUBHoXi/6inTTFcd7dc/5fNclFWzDYbxix67Dj37RdU4A6mPHAii2gnFPwZBbGT722OSlmxIH248HPnDrN+wJD1a7EBmLyUblL2jFMebd6rpTc3nTwAp6qT8O2SQ4LduGXx1aD1WL7sF/To/9OLrjj9gp3rJZ9gSnjiWOHzmHu/aUdNcXuE0Nk3a9k9XRhNOKYIj9UdtPG8vKb1WAVxJ7+mfAm0d1WWzsWGRmWPBNXmVTSkctjuzAjqsOuqk/FWTzotQGmE5a0X8BDXIYBajh9NI/EF/GM7Q3IwBdXQ6E69Nh92qaourHCoG0dTY0H1ZE7bZN2hwalT/pnhKuELapRmWRtQuB3Uso3Ldu6AjA7scgG2Hw3pWM0BQA1o+oN4m6LCX8qvBmy46+GfpSSXm1vbjzqBDidPLPQLBU24xbxrTop6Hk4P4fz7sdbsgfVedBhmxWLPJgYopENWUeWXYXTeDwiAS4bCaO6s7VxYiCTuv49vQMfYtFypyMSBWWstc0alzWYrs86bTfCoxJjQsqXAexP5P0AFbwlIh+J9zpbjmyXZ3oHXneDQjPt7WgJllrjxr75BKUAoGpxbNvvgK4V0siYOuowNhQhq9DcKfE4bwlrFUdtnS3BnbmFpZnYVUmkbR4lXCzDsG0A85wGoQ8lbtki53IUkK+pJsRvtQuw02t++FDIrkxJFAdwjSJGCsZUmppjzge0r7Op8ZvJZalwfpa/RhYWj2HWjeOmdzm9UJchmblmxSqSlIsq1eJ/dr92QJPO6odQx82G6v6SUnyPGfkT2mifIaWZJFOWTo8Ld8Ls/LJlTON70GfFqmHd9huWiU4FAvTMl8eCp/1yzQhMOxcXV9z0nz24BjNuJXrhHuiXoQduww5TcMcS0aMJAK/+OPQLYCGphd2Pwn8I42AQfD90fUz8O5E8HSONr9WTp9fwo/8DnhX8JDV2f7cAAAAASUVORK5CYII=);
            background-size: contain;
            background-repeat: no-repeat;
            width: 21px;
            height: 17px;
          }
          .icon-object{
            margin: 1px 1px 0 11px;
            display: inline-block;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAsRJREFUaAXtWDtoVEEU3R+7W2mQmEZiJ0IUBItUEjCYgGWKWNpYBVPZ7K/ZZn9NKiUWWqUzRUohxRZiZSEIQRC7iI0EC5vdlf14Tti37Bt3ZmfmvecTMg+GN29m7rn3nPnd3UTCPU4Bp4BTwClwkRVI2pIvl8u3B4PBk2QyuQmM62Oc09FodJxOp1/X6/UTW2wTO2MC1Wo12+v19hDoDkpqljOQGqLs53K5Zxj/e9aYsNqMCDD4brf7FoGv6wQAEu18Pv8wShIzFZQFN1ZeK3hikChtZHhhtGvPANf8cDj8JFs2smC4nFKp1J2o9oT2DHDDmgZPUrShrYxg0PaMLgCU3EQwusN942jra1B8FAoFn5NWq6VcJdozAJ/eUalwL+0KYisFZYcJASVQXJ0mBE4DBBnEVulWmwDW/7ESSdEZxFYBe96lTYDpAY/EeYBiP22y2ewrsT2sb+UOF52USqXnuAueiu2qb9wBLxqNxq44RjxtxP55397ppD0DBGRuA0Xb88C9fo6ljfcdxduIAHMa5jZUVbWc2McxUedBFET7IvPUGydmu0gtXsrSaQT//6bTHpGo3uLe8Na6zJ/REpKBxNnuCMSpPn0bbWJs4CX8QLmHm3UV5Sbsb+DEWUL9EsFQ/4X6D1S/ov4F5QOO0fewY1skz1wCuLxWENQjeN/udDorYhTomzShfhUfLLfYzgKbRLFY/Iy2QxB6g0uN9dAe6U0Mp8zhKwhiLTRvAAKJd3jVms2mdW41Hc9fBCqVyrV+v3+AQfenB4ZdB5E28qvHtVrtexBsHwGcwVT7COVKEFAD258Yu4WznrNi9UwIQPllKP8RKItWSPZGZ5lM5i5m4psNxOQeQPD8++NfB8+YF8e+beL3/aTcsEIIx+iBLcxkBgBw2RYkBLsFW4xpArYYsdo5ArHK75w7BZwCTgGnwIVX4A+PFu7Qz6e4mQAAAABJRU5ErkJggg==);
            background-size: cover;
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
          }
        }
        .jw-sharescope-baseshare{
          width: 93%;
          border: none;
          border: 1px solid #ccc;
          padding: 3.5px;
          .custom-select-list{
            margin-top: 0;
          }
        }
      }
      .icon-delete-group{
        position: absolute;
        top: 35%;
        right: -40px;
        cursor: pointer;
        display: inline-block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAAXNSR0IArs4c6QAAAStJREFUSA3tV8EKgkAUbM2L96AOXTz0GRJB3+CfhBIUUqB+VwgdvHUI+oCIoGMICWlvpRUvb6WnFsF6WZnZmdk3eFhZr+ZxXXeV5/mmZltBM8bWYRhuZXv7MvKTsLfPzLKsLIqiHebLwPSJkTCZhnEyHCbNMF6nmmKGHJd5kiaQhdVxXw/UDcMY1p3qr3kmTu84zhneO6sYmpx4nnfXRSB8yiPZ1yX2UVcILIbrbCLsYCoQa4aMq0rJ1WFCVSnWDBlXlZKrw4SqUqwZMq4qJVeHCX9XKVygbtipmuJwQUtM00y4TzkhgPumxhJ9bNt28dNUDVyC4CERUSketBDiMjAIgqOmaVOY9CDIFtYT+M3hJzUWXuXNWwB8hRvyIE3TcRUjvF98378SdO1KXt0TQzojkegHAAAAAElFTkSuQmCC);
        background-size: contain;
        background-repeat: no-repeat;
        width: 12.5px;
        height: 16.5px;
      }
      .jw-shareobj-select{
        max-height: 300px!important;
      }
      .ant-select-dropdown-menu-item{
        padding: 0 8px!important;
      }
    }
    // .edit-native-app-usergroup,.edit-native-app-obj{
    //   padding-left: 20px;
    //   .app-base-share .share-icon-w{
    //     right: 50px;
    //   }
    //   .ant-select-selection__rendered ul{
    //     max-width: 490px;
    //   }
    // }
    .add-group-btn-w{
      background: #ffffff;
      margin: 0 -33px 0 0px;
      padding-top: 19px;
      user-select: none;
      .add-group-btn{
        min-width: 120px;
        border: none;
        background: #ffffff;
        cursor: pointer;
        .icon-add-item{
          vertical-align: middle;
          margin: -4px 11px 0 -20px;
        }
        span{
          color: #3297fc;
          font-size: 14px;
        }
        &:focus{
          outline: none;
        }
      }
    }
  }
}

.jw-user-scope-special{
  .app-range-share{
    .add-range-share{
      padding-bottom: 0;
      .blank-row{
        height: 0;
        background: transparent;
      }
      .icon-delete-group{
        top: 74%;
        right: -30px;
        display: inline-block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAAXNSR0IArs4c6QAAAStJREFUSA3tV8EKgkAUbM2L96AOXTz0GRJB3+CfhBIUUqB+VwgdvHUI+oCIoGMICWlvpRUvb6WnFsF6WZnZmdk3eFhZr+ZxXXeV5/mmZltBM8bWYRhuZXv7MvKTsLfPzLKsLIqiHebLwPSJkTCZhnEyHCbNMF6nmmKGHJd5kiaQhdVxXw/UDcMY1p3qr3kmTu84zhneO6sYmpx4nnfXRSB8yiPZ1yX2UVcILIbrbCLsYCoQa4aMq0rJ1WFCVSnWDBlXlZKrw4SqUqwZMq4qJVeHCX9XKVygbtipmuJwQUtM00y4TzkhgPumxhJ9bNt28dNUDVyC4CERUSketBDiMjAIgqOmaVOY9CDIFtYT+M3hJzUWXuXNWwB8hRvyIE3TcRUjvF98378SdO1KXt0TQzojkegHAAAAAElFTkSuQmCC);
        background-size: contain;
        background-repeat: no-repeat;
        width: 12.5px;
        height: 16.5px;
      }
    }
    .add-group-btn-w{
      background: transparent;
      .add-group-btn{
        background: transparent;
      }
    }
  }
}
.jw-scope-select{
  &::before,
  &:hover:before,
  &::after,
  &:hover:after{
    border: none!important;
  }
}