@import '~antd/es/style/themes/default.less';

.login-box {
  display: flex;
  align-items: center;
  height: 58vh;
  width: 58vw;
  background:rgba(0,0,0,0.2979);
  box-shadow:0px 2px 34px 25px rgba(30,136,253,0.22);
  border-radius:12px;
  margin: 21vh auto;
  line-height: 100vh;
  padding: 0 4vw;
  justify-content: space-between;
  min-width: 800px;
  min-height: 450px;
}
.leftImg{
  width: 46%; 
  min-width: 368px;
}

.main {
  width: 460px;
  @media screen and (max-width: @screen-sm) {
    width: 95%;
  }

  .title {
    font-size:29px;
    color:#fff;
    line-height: 1;
    margin-bottom: 40px;
    margin-top: 3vh;
    padding: 0 30px;
  }

  .icon {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.2);
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer;
    transition: color 0.3s;

    &:hover {
      color: @primary-color;
    }
  }

  .other {
    margin-top: 24px;
    line-height: 22px;
    text-align: left;

    .register {
      float: right;
    }
  }

  :global {
    .antd-pro-login-submit {
      width: 100%;
      margin-top: 24px;
    }
  }
  .addBtn {
    padding: 0 40px;
    height: 36px;
    margin: 30px 0;
  }
  
  .touxiang {
    width: 93px;
    height: 93px;
  }
  
  .imgPerfect {
    width: 120px;
    height: 67.5px;
  }
  
  .imgIndex {
    width: 120px;
    height: 96px;
  }
  
  .imgSmall {
    width: 90px;
    height: 135px;
  }
  
  .ant-table-column-title {
    font-weight: 600;
  }
  
  .shoppingCart {
    // color: #dcdcdc;
    color: #bebebe;
    margin-left: 6px;
    font-size: 16px;
  }
  
  .edit {
    // color: #dcdcdc;
    color: #bebebe;
    margin-left: 6px;
    font-size: 15px;
  }
}
