@charset "UTF-8";
html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-size: 10px;
  font-family: "微软雅黑"; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.phoneBind {
  padding: 0 1.53333rem;
  background-color: #ffffff; }
  .phoneBind .phoneBind-title {
    font-size: 1.53333rem;
    color: #666666;
    padding: 3.83333rem 0 1.53333rem; }
  .phoneBind .form-group {
    position: relative;
    z-index: 1;
    padding-top: 2.3rem; }
    .phoneBind .form-group .form-tip {
      position: relative;
      z-index: 1; }
      .phoneBind .form-group .form-tip span {
        font-size: 1.15rem;
        color: #666666;
        opacity: 0;
        position: relative;
        z-index: 1; }
    .phoneBind .form-group .form-control-con {
      position: relative;
      z-index: 1; }
      .phoneBind .form-group .form-control-con .form-control {
        width: 100%;
        height: 3.68rem;
        line-height: 3.68rem;
        font-size: 1.84rem;
        color: #666666;
        background-color: transparent;
        position: relative;
        z-index: 2;
        outline: none;
        border-bottom: 1px solid #e8e8e8;
        border-radius: 0; }
      .phoneBind .form-group .form-control-con .right-btn-group {
        height: 3.68rem;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0; }
        .phoneBind .form-group .form-control-con .right-btn-group:after {
          display: block;
          content: '';
          height: 0;
          visibility: hidden;
          clear: both; }
        .phoneBind .form-group .form-control-con .right-btn-group .del_input_info {
          display: none;
          float: left;
          width: 1.61rem;
          margin-top: 1.035rem; }
          .phoneBind .form-group .form-control-con .right-btn-group .del_input_info img {
            width: 100%;
            height: auto; }
        .phoneBind .form-group .form-control-con .right-btn-group .get-code {
          float: left;
          box-sizing: content-box;
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          margin-top: 1.035rem;
          margin-left: 1.53333rem;
          height: 1.61rem;
          line-height: 1.61rem; }
          .phoneBind .form-group .form-control-con .right-btn-group .get-code span {
            height: 100%;
            display: block;
            font-size: 1.84rem;
            color: #cccccc;
            border-left: 1px solid #e8e8e8;
            padding: 0 1.53333rem; }
  .phoneBind .btn-con {
    margin-top: 4.6rem; }
    .phoneBind .btn-con .btn {
      height: 5.06rem;
      line-height: 5.06rem;
      font-size: 1.84rem;
      color: #ffffff;
      text-align: center;
      background-color: #CCCCCC;
      border-radius: 2.53rem;
      -webkit-tap-highlight-color: transparent;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }

.form-tip-down-in {
  -webkit-animation: down-in 300ms both;
  animation: down-in 300ms both;
  opacity: 1 !important; }

@keyframes down-in {
  0% {
    top: 3.68rem;
    opacity: 0; }
  to {
    top: 0rem;
    opacity: 1; } }

@-webkit-keyframes down-in {
  0% {
    top: 3.68rem;
    opacity: 0; }
  to {
    top: 0rem;
    opacity: 1; } }

::-webkit-input-placeholder {
  color: #cccccc; }

input:-moz-placeholder {
  color: #cccccc;
  opacity: 1; }

::-moz-placeholder {
  color: #cccccc;
  opacity: 1; }

:-ms-input-placeholder {
  color: #cccccc !important; }