.content{
    width: 61rem;
    margin: 0 auto;
      background-color: #fff;
      background: url(../images/imgs/register/bg@2x.png)center center no-repeat;
      background-size:contain;
    height: 44rem;
    padding: 0;
}
h1{
    color: #333;
    font-size: 2rem;
}
.nav{
    width: 61rem;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 1rem;
    font-size: 0.88rem;
}
form{
  font-size: 14px;
  padding-left: 5rem;
  padding-top: 4rem;
}
form h1{
  padding-bottom: 5%;
}
form span{
   font-size:  11.433px;
}
input, button{
  width: 21rem;
  height: 3rem;
  border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  border: 1px solid #ccc;
  padding-left: 1%;
}

.gorup{
  height: 5rem;

}
.gorup input{
  outline:none;

}
.danger_box:focus{
    border-color: #FF4848;
}
button:focus{
  outline: none;
}
button{
  background-color: #ffcc36;
}
.rdo {
    width: 20px;
    height: 0px;
    background-color: #93c430;
    margin-right: 30px;
    border-radius: 50%;
    position: relative;
}
.rdo:before,.rdo:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: .3s ease;
     
}
.rdo:before {
  top: -10px;
  left: 30px;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border: 1px solid #93c430;
}
.rdo:after {
  top: -7px;
left: 32px;
width: 8px;
height: 8px;
background-color: #fff;
}
.rdo:checked:after {
  top: -7px;
left: 33px;
width: 7px;
height: 7px;
background-color: #93c430;
}
.rdo:checked:before {
    border-color:#93c430;
}
label{
  display: block;
  color: red;
  padding-left: 1%;
  margin-bottom: 0px;
  font-size: 11.4px;
  padding-top: 0.3%;
}

.danger_alert{
    /*width: 100%;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #FF4848;
    width: 18rem;
    font-size: 0.75rem;
    padding-left: 2rem;
    /*margin: 0 auto;*/
    position: relative;
    top: 0.3rem;

}
.code{
    display: inline-block;
    width: 6rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;background: #93C430;
    color: #fff;
    font-size: 0.88rem;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
}
input::placeholder{
    font-size: 1rem;
    color: #B3B3B3;
}
/*.img_bg_right{*/
    /*position: absolute;*/
    /*background: url(../images/imgs/register/img@2x.png)center center no-repeat;*/
    /*background-size:contain;*/
    /*width: 20%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 53%;*/
/*}*/
.gray{
    color: #fff!important;
    background: #ccc!important;
}