body {
  background: #ffffff;
}
.top {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 1.53rem;
    padding: 0 0.4rem 0 0.3rem;
    color: #2E2E2E;
    font-size: 0.48rem;
    font-weight: 600;
    .top_i {
      width: 1.28rem;
      height: 1.28rem;
      border-radius: 50%;
      object-fit: contain;
    }
}
.box {
  border-bottom: 0.2rem solid #F7F7F7;
}
.title {
  height: 0.84rem;
  background: rgba(38, 96, 255, 0.05);
  justify-content: center;
  padding: 0 0.3rem;
  font-size: 0.28rem;
  font-weight: 600;
  color: #2E2E2E;
}
.tr {
  height: 1.15rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.02rem solid #F7F7F7;
  margin: 0 0.3rem;
  &:last-child {
    border-bottom: none;
  }
  .tr_t {
    width: 2.3rem;
    font-size: 0.32rem;
    color: #757575,
  }
  input,.select {
    flex: 1;
    border: none;
    padding: 0;
    text-align: right;
    font-size: 0.32rem;
    font-weight:500;
    color: #2E2E2E;
    &::-webkit-input-placeholder,&.placeholder {
      color: #A8A8A8;
    }
  }
  .checkbox {
    width: 0.44rem;
    height: 0.44rem;
    background: url(../assets/ckuApply/checkbox.png) center no-repeat;
    background-size: contain;
    &.checkbox_a {
      background-image: url(../assets/ckuApply/checkbox-a.png);
    }
  }
  .select {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    &:after {
      content: '';
      width: 0.1rem;
      height: 0.18rem;
      background: url(../assets/register/go.png) center no-repeat;
      background-size: contain;
      margin-left: 0.1rem;
    }
  }
}
.btn {
  margin: 0.4rem;
  height: 0.98rem;
  border-radius: 0.49rem;
  background: #2660FF;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  font-weight: 500;
  color: #FFFFFF;
}