.login-introduce{
  padding:40px;
  margin-bottom:20px;
  .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    font-size: 40px;
    font-weight: 500;
    margin-top:20px;
  }
  .avatar-image{
    width:50px;
    height: 50px;
  }
  .text{
    padding:30px 0;
    font-size: 30px;
    line-height: 45px;
  }
  .blue{
    color:#007AFF;
  }
  .fontsize36{
    font-size:36px;
    margin-bottom:20px;
  }
  .custom-checkbox{
    display: inline-block;
    margin-right: 10px;
  }
  .index-quck-btn{
    margin: 20px 0;
    background-color:#007AFF;
  }
  .other-login{
    text-align: center;
    margin:30px 0;
    color:#5c6e98;
    font-size: 26px;
  }
  .checkd,.checkbox{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    word-break: break-all;
    font-size: 24px;
  }
}
.layout-body{
  padding: 0 !important;
}
.avatar-image-bg{
  width: 100%;
  height: 240px;
  position: absolute;
  z-index: -1;
}
.agree{
  color:#848EB0;
}
.phone-login{
  position: relative;
  display: block;
  .text-title{
    text-align: center;
    width:100%;
  }
  .float{
    position: absolute;
    top:60px;
    right: 40px;
  }
  .input-box{
    .input-phone{
      height: 50px;
    }
    .input-password{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .input-phone,.input-password{
      border-bottom:1px solid #D7DBEC;
      font-size: 36px;
      height: 70px;
      margin:50px 0;
      >input{
        height: 70px;
      }
    }
  }
  .gray{
    color: #C5C5C7;
    font-size: 36px;
    white-space: nowrap;
  }
  .gettime{
    color:#007AFF;
    font-size: 36px;
  }
}