html {
  width: 100%;
  height: 100%; }

body {
  font-size: inherit;
  overflow: hidden;
  width: 100%; }

.title {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  margin-top: 40px; }
  .title img {
    width: auto;
    height: auto; }
  .title p {
    color: #f5c15a;
    margin: 20px 0;
    font-size: 1.2rem;
    line-height: 1.5; }

button, label, a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none; }

form {
  width: 85%;
  margin: 0 auto;
  color: #999;
  position: relative; }
  form select, form input[type="text"] {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    outline: none;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  form input[type="radio"] {
    margin-left: 1rem;
    margin-right: 0.5rem; }
  form select:focus option:focus {
    background-color: white; }
  form h6 {
    font-size: 2rem;
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    color: #608283; }
  form .upload-btn {
    background-color: #f5c15a;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 1.5rem;
    width: 13rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.6rem;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px; }
  form .name, form .gender, form .degree, form .nationality, form .profession, form .email, form .skype {
    font-size: 2rem; }
  form .name input {
    max-width: 250px; }
  form .avatar {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    max-width: 100%;
    text-align: center; }
    form .avatar p {
      font-size: 1.4rem;
      margin-top: 5px;
      color: #608283; }
  form .tip {
    margin-top: 5px;
    color: #ddd;
    font-size: 1.2rem; }
  form .submit {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; }
    form .submit button {
      background-color: transparent;
      border: 1px solid #f5c15a;
      color: #f5c15a;
      width: 16rem;
      height: 5rem;
      line-height: 5rem;
      border-radius: 2.5rem; }
      form .submit button:hover, form .submit button:active {
        background: #f5c15a;
        color: #fff; }

#nationality {
  cursor: pointer; }

.select-box {
  position: relative;
  z-index: 10;
  cursor: pointer; }
  .select-box ul {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 100%;
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none; }
    .select-box ul li {
      width: 100%;
      height: 3rem;
      line-height: 3rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 1rem; }
      .select-box ul li:hover, .select-box ul li:active {
        background: #f5c15a;
        color: #fff; }

ul.radio {
  overflow: hidden;
  width: 100%; }
  ul.radio li {
    float: left;
    font-size: 1.6rem;
    padding: 0.5rem 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer; }
    ul.radio li:before {
      content: '';
      display: inline-block;
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      border: 1px solid #ccc;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    ul.radio li:after {
      content: '';
      display: inline-block;
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 50%;
      position: absolute;
      left: 0.5rem;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: #fff; }
    ul.radio li.active:before {
      background: #019fe8; }

footer {
  background: #f5c15a;
  text-align: center;
  height: 5rem; }
  footer p {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 5rem; }

.container {
  max-width: 1000px; }

@media only screen and (max-width: 768px) {
  form .avatar {
    position: static;
    text-align: left; }
  .container {
    width: 100%; }
  .avatar img {
    width: 150px; }
  ul.radio li {
    width: 50%; }
  footer {
    padding-top: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
    footer .container {
      width: 80%;
      margin: 0 auto; }
    footer p {
      display: block;
      line-height: 1.7rem; } }

/*# sourceMappingURL=apply.css.map */