img {
  vertical-align: middle; }

.mobile-probation {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/img/mobile/probation-bg.png);
  margin-top: 1.2rem; }

.probation-content {
  background-color: rgba(43, 44, 51, 0.8);
  font-size: 0.34667rem;
  width: 100%;
  min-height: 100vh;
  color: #fff;
  padding: 0 0.8rem 0.26667rem; }

.probation-content h2 {
  font-size: 0.64rem;
  font-weight: bold;
  text-align: center; }

.probation-content h2.probation {
  padding: 1.33333rem 0 2.93333rem; }

.probation-content h2.success {
  padding: 0.93333rem 0 0.13333rem; }

.probation-content p.success {
  text-align: center; }

.probation-content p {
  font-size: 0.34667rem;
  height: 0.46667rem;
  line-height: 0.46667rem;
  margin-bottom: 0.46667rem; }

.reminder {
  font-size: 0.26667rem;
  color: #ff9419; }

.mobile-input-box {
  position: relative;
  background: transparent;
  margin-bottom: 0.53333rem; }

.mobile-input-box::after {
  display: block;
  clear: both;
  content: ""; }

.mobile-input-box label {
  float: left;
  display: block;
  width: 2rem;
  height: 0.74667rem;
  line-height: 0.74667rem; }

.mobile-input-box .input {
  float: left;
  width: calc(100% - 2rem);
  border: 0.02667rem solid white;
  color: #fff;
  padding: 0 0.46667rem;
  background: transparent;
  border-radius: 8px;
  height: 0.74667rem;
  line-height: 0.74667rem; }

.mobile-input-box.required::before {
  color: #ff9419;
  position: absolute;
  right: 0.26667rem;
  line-height: 0.8rem;
  clear: both;
  content: "*"; }

.mobile-input-box textarea.input {
  height: auto; }

.mobile-submit {
  display: block;
  font-size: 0.34667rem;
  color: white;
  width: 3.33333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.4rem;
  margin: 0 auto 0.8rem;
  background-color: #ff9419;
  border: none;
  cursor: pointer; }

.probation-content-success {
  padding-top: 2.66667rem; }

.success-icon {
  display: block;
  width: 2.66667rem;
  height: 2.66667rem;
  margin: auto;
  background-image: url(/public/img/mobile/success-icon.png);
  background-size: 2.66667rem; }

.mobile-submit.success {
  margin: 2.66667rem auto 1.2rem;
  text-align: center; }

.mobile-submit.success:hover {
  color: #fff;
  text-decoration: none; }
