#inphone{width:460px; height: 444px; left: 50%; margin:8% auto auto -230px; z-index: 104; position: fixed; background:url(img/login.png) no-repeat; background-size: 100%; overflow: hidden; display: none;}
#inphone .inname{width:164px; height:38px; position: absolute; margin:302px auto auto 176px; line-height:0px; padding: 0px; z-index: 20;}
#inphone .iphone{width:164px; height:38px; position: absolute; margin:345px auto auto 176px; line-height:0px; padding: 0px;}
#inphone input{width: 150px; height: 22px; font-size:14px; line-height:28px; margin-top:0px; border: none; border-radius: 5px;}
#inphone .roule{ position: absolute; width: 124px; height: 36px; margin:400px auto auto 106px; cursor: pointer;}
#inphone .rob{ position: absolute; width: 124px; height: 36px; margin:400px auto auto 230px;}
#inphone .rob a{ float: left; width: 124px; height: 36px; }
<div id="inphone">
<div class="inname"><input type="text" name="rname" id="rname"></div>
<div class="iphone"><input type="text" name="phone" id="phone"/></div>
<div class="roule"></div>
<div class="rob"><a href="javascript:void(0)" onClick="ver_phone()"></a></div>
</div>