body {
  overflow: auto;
  min-width: 1024px;
  min-height: 768px;
}
input, textarea, select, button {
    font: 14px "MicrosoftYaHei";
}
.page-wrapper {
    min-width: 1024px;
}
.title-style {
    background: #1556A6;
    background-image: url(images/title.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 76px;
    position: fixed;
    left: 0;
}
.register-account {
  font-family: "MicrosoftYaHei";
  color: rgb(0, 163, 247);
  font-weight: bold;
  font-size: 18px;
  position: fixed;
  left: 20%;
  top: 18%;
}
.register-form {
  position: fixed;
  top:50%;
    top:25%\9;
  left: 30.5%;
  left: 6%\9;
  min-width: 520px;
  height: 50%;
   /* margin-top: -170px;
    margin-left: -335px;*/
  -webkit-transform: translateX(-335px) translateY(-170px);
 /* -webkit-transform: translateX(-50%) translateY(-50%);*/
}


.row .col-sm-3{
    margin-bottom: 10px;
}
.register-form .col-sm-3 {
    line-height: 32px;
    text-align: right;
}
.register-form .col-sm-3 span {
    color: #f00;
}
.col-sm-9 select {
   width: 32%;
    height: 32px;
     /*outline: 1px solid ;*/
    /*padding: 10px 0 10px 0;
    border: 0px solid #CCC;*/
 
    /*border-radius: 0 !important;
    background: #fff;*/

    /*border: 1px solid #ccc;
   box-shadow: none !important;*/
}
.register-form .input-style {
  /*border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border: 1px solid #ccc !important;*/
  width: 94%;
  height: 32px;
  float: left;
}
.input-style::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: rgb(153, 153, 153);
  padding-left: 10px;
}
.tip {
  float: left;
  margin-left: 4px;
  margin-top: 8px;
}
.tip-message {
  position: absolute;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding-left: 4px;
}
.send-code {
    float: left;
    position: absolute;
    right: 0;
    margin-right: 43px;
    height: 31px;
    line-height: 31px;
    background: #B1BAC0;
    padding: 0 12px 0 12px;
}
.code {
/*  background: url(images/code.png);*/
  height: 30px;
  padding-right: 10%;
  position: absolute;
  right: 0;
  margin: 1px 0 0 0;
  background-repeat: no-repeat;
}
.button-style {
  background-color: rgb(0, 163, 247);
  width: 94%;
  height: 40px;
  border:0;
  color: #fff;
}
.app-development {
    min-width: 520px;
    position: fixed;
    top:49%;
    left: 75%;
    height: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
}
@media all and (-ms-high-contrast:none) { 
	*::-ms-backdrop,  .app-development {

    position: fixed;
    top:48%;
    left: 70%;
  
}
} 



.app-download {
    display: block;
    background: url(images/iphone.png);
    background: url('') \0;
    width: 255px;
    height: 418px;
    max-height: 418px;
    background-repeat: no-repeat;
   background-size:100% 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='E:\OMS0317\OMS 2.0\Content\images\iphone.png',  sizingMethod='scale');
    margin-left: 40%;
      margin-left: -20%\9;
      margin-top: -26%\9;
}
.app-load {
    position: absolute;
    left: 52%;
     left: -5%\9;
    margin-top: 300px;
    /*margin-top: 45% !important;*/
}


@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) 
{

.register-form {
  position: fixed;
   top:160px;
  left: 80.5px;
  min-width: 520px;
  height: 50%;
   /* margin-top: -170px;
    margin-left: -335px;*/
  -webkit-transform: translateX(-335px) translateY(-170px);
 /* -webkit-transform: translateX(-50%) translateY(-50%);*/
}
.app-development {
    min-width: 520px;
    position: fixed;
    /*top: 160px;
    left: 675px;*/
    height: 50%;
    /*margin-left: -25%;
      margin-top: -12%  !important;*/
 /*-webkit-transform: translateX(-550px) translateY(-170px);*/
}

.app-download {
    margin-top: -24%;
    margin-left: -12%;
}
.app-load {
    position: absolute;
    left: 3%;
    margin-top: 44%;
}
}


.app-load a{
    color: #00a3f7;
}
.footer {
    position: fixed;
    bottom: 0;
    height: 32px;
    line-height: 32px;
    background: #e2e6ea;
    color: #adb4b9;
    width: 100%;
    text-align: center;
}
input[type=checkbox], input[type=radio] {
     margin: 2px 0 0 0 !important; 
}
.state-blue {
  border:1px solid #00a3f7 !important;
}
.state-red {
  border:1px solid #f63832 !important;
}
.background-blue {
  background: #00a3f7;
  color: #fff;
    cursor: pointer;
}
.background-red {
  background: #f63832;
}
.text-red {
  color: #f63832;
}
#checkbox-1 {
  display: none;
}
.checkboxlabel {
  border-width: 1px;
  border-color: rgb(7, 166, 247);
  border-style: solid;
  width: 14px;
  height: 14px;
}
.QRcode {
    margin-left: 26%;
    width: 48%;
    height: 30%;
    background: #000;
    position: relative;
    bottom: -47%;
}
.error-hide {
    visibility: hidden
}