.main{
  position: relative;
  background: #F0F2F5 !important;
  >.ivu-layout {
    position: relative;
    z-index: 9;
  }
  .background-top {
    height: 170px;
    width: 100%;
    background-image: linear-gradient(180deg,#a1c4fd,#c2e9fb);
    position: absolute;
    top: 0;
  }
  .logo-con{
    height: 64px;
    margin: 10px 0 15px;
    border-radius: 8px;
    background: #ffffff;
    img{
      height: 55px;
      width: auto;
      display: block;
    }
  }
  .ivu-layout-sider {
    background: none;
  }
  .side-menu {
    margin-left: 15px;

    >.ivu-menu {
      border-radius: 8px;
      width: 240px;
      overflow: hidden;
    }
  }
  .header-con{
    padding: 0 20px;
    width: 100%;
  }
  .main-layout-con{
    overflow: hidden;
  }
  .main-content-con{
    height: ~"calc(100% - 60px)";
  }
  .tag-nav-wrapper{
    padding: 0;
    height:40px;
  }
  .content-wrapper{
    margin: 18px;
    height: ~"calc(100% - 80px)";
    border-radius: 8px;
    position: relative;
    z-index: 9;
  }
  .left-sider{
    box-shadow: none;
    z-index: 999;
    .ivu-layout-sider-children{
      overflow-y: scroll;
      margin-right: -19px;
    }
  }
}
.ivu-menu-item > i{
  margin-right: 12px !important;
}
.ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
  margin-right: 8px !important;
}
.collased-menu-dropdown{
  width: 100%;
  margin: 0;
  line-height: normal;
  padding: 7px 0 6px 16px;
  clear: both;
  font-size: 12px !important;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  &:hover{
    background: rgba(100, 100, 100, 0.1);
  }
  & * {
    color: #515a6e;
  }
  .ivu-menu-item > i{
    margin-right: 12px !important;
  }
  .ivu-menu-submenu > .ivu-menu > .ivu-menu-item > i {
    margin-right: 8px !important;
  }
}
.menu-wordLink{
  position: relative;
  display: flex;
  align-items: center;
  color: #23232A;
  width:200px;
  height:50px;
  background:linear-gradient(170deg, #5b87e8 20%, #3f79d1 80%);
  border-radius:5px;
  &-p{
    font-size:16px;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:#fff;
    line-height:22px;
    width: inherit;
    text-align: center;
  }
  &-jt{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:rgba(255,255,255,1);
    opacity:0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
  }
}

.ivu-select-dropdown.ivu-dropdown-transfer{
  max-height: 400px;
}
.base-layer {
  background-color: #fff;
  padding: 18px;
  border-radius: 8px;
  position: relative;
  z-index: 9;
}