body{
  background-color: #FFBB12;
  width:100%;
  height: 100%;
  position: fixed;
  bottom:0;
  left:0;
}
.wap{
  width:100%;
  height: 100%;
  background-color: #FFBB12;
  position: relative;
}
.fram{
  width: 90%;
  height: 13.5rem;
  position: absolute;
  top: 52%;
  left: 5%;
}
.fram img{
  height: 100%;
}
.content{
  width: 70%;  
  position: absolute;
  top: .2rem;
  left: 15%;
}
.content-h{
  width: 100%;
  margin: .5rem auto;
  margin-top: 1rem;
  position: relative;
}
.content input{
  width: 100%;
  height: 3rem;
  line-height: 3rem;  
  background-color: #670193;
  text-indent: 1rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  color: #fff;
  font-size: 1.3rem;
}
input::-webkit-input-placeholder{
  color:white;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:white;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:white;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:white;
}
.obtaincode{
  height: 2rem;
  line-height: 2rem;
  margin-top: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-left: .1rem solid #7F01BA;
  background-color: #670193;
  color: #FDFF00;
  position: absolute;
  top: 0;
  right: 0;
  
}
#finishbtn{
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  margin-top: 1rem;
  background: -webkit-linear-gradient(left top, #FAC426, #F9794A); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #FAC426, #F9794A); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #FAC426, #F9794A); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #FAC426, #F9794A); /* 标准的语法 */
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  -moz-user-select: none;
}