@import "../../res.less";

.inputinfomodal {
  width: 538px;
  height: 809px;
  left: 0px;
  top: 0px;
  position: absolute;

  .inputinfomodalclosebtn {
    width: 70px;
    height: 70px;
    left: 233px;
    top: 739px;
    position: absolute;
    // opacity: 0.7;
    .sparkBg("inputInfoModal/inputInfoModalCloseBtn.png");
  }

  .inputinfomodalbg {
    width: 538px;
    height: 712px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("inputInfoModal/inputInfoModalBg.png");
  }

  .inputinfomodalconfirmbtn {
    width: 349px;
    height: 90px;
    left: 94px;
    top: 554px;
    position: absolute;
    .sparkBg("inputInfoModal/inputInfoModalConfirmBtn.png");
  }

  .inputinfomodaldetailcon {
    width: 468px;
    height: 82px;
    left: 34px;
    top: 428px;
    position: absolute;

    .inputinfomodaldetailconbg {
      width: 468px;
      height: 82px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("inputInfoModal/inputInfoModalDetailConBg.png");
    }

    .inputinfomodaldetailconplaceholder {
      width: 304px;
      height: 34px;
      left: 130px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }
  }

  .inputinfomodalphonecon {
    width: 468px;
    height: 82px;
    left: 34px;
    top: 232px;
    position: absolute;

    .inputinfomodalphoneconbg {
      width: 468px;
      height: 82px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("inputInfoModal/inputInfoModalPhoneConBg.png");
    }

    .inputinfomodalphoneconplaceholder {
      width: 304px;
      height: 34px;
      left: 130px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }
  }

  .inputinfomodalnamecon {
    width: 468px;
    height: 82px;
    left: 34px;
    top: 134px;
    position: absolute;

    .inputinfomodalnameconbg {
      width: 468px;
      height: 82px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("inputInfoModal/inputInfoModalNameConBg.png");
    }

    .inputinfomodalnameconplaceholder {
      width: 304px;
      height: 34px;
      left: 130px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }
  }

  .inputinfomodalareacon {
    width: 468px;
    height: 82px;
    left: 34px;
    top: 330px;
    position: absolute;

    .inputinfomodalareaconbg {
      width: 468px;
      height: 82px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("inputInfoModal/inputInfoModalAreaConBg.png");
    }

    .inputinfomodalareaprovinceconplaceholder {
      width: 100px;
      height: 34px;
      left: 170px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }

    .inputinfomodalareacityconplaceholder {
      width: 100px;
      height: 34px;
      left: 321px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }

    .inputinfomodalareacountryconplaceholder {
      width: 100px;
      height: 34px;
      left: 441px;
      top: 21px;
      outline: none;
      border: 0;
      position: absolute;
      opacity: 0.5;
      font-size: 34px;
      line-height: 34px;
      color: #fff;
    }
  }
}
