  <style type="text/css">
  .img{ width: 130px;height: 35px; }
  logo_style{};
  #login_name {
    margin-left: -265px !important;
}

.pwd-mocuz input {
    border-radius: 6px;
    margin: auto;
}

  .pwd-box {
    width: 405px;
    height: 413px;
    margin: 0px auto;
    overflow: hidden;
    box-shadow: 0 0 5px 5px rgba(52, 176, 234, 0.5);
    border-radius: 6px;
	margin-top: 2%;
    color: #bbb;
}

	.ziti {
    color: #9faeae !important;
    font-size: 16px !important;
    font-weight: lighter !important;
	margin-top: 20px;
}



.changeIty {
    display: block;
    float: right;
    color: #999;
    text-decoration: underline;
    margin-right: 15% ;
}


.pwd-btn {
    width: 290px;
    height: 40px;
    margin-top: 8px;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 26px;
    color: #CE9004;
}


.pwd-close {
    font-size: 16px;
    color: #999;
    text-decoration: underline;
    margin-top: 6px !important;
    margin-left: -225px !important;
}

.pwd-btn span {
    line-height: 40px!important;
}

.h5a-btn.btn-primary {
    color: #ffffff;
    background-color: #F70303;
    border-color: #ffffff;
    background-color: #f9b10f;
    border-radius: 6px;
    border: 0px;
}

.csd:hover{background-color: #ea9a25!important;border: 0 !important;}

primary:hover, .h5a-btn.btn-primary :focus {
    background-color: #ea9a25;
    border-radius: 6px;
    border: 0px;
}

  </style>


	<div style="left: 50%;top: 50%;text-align:center;">

	  	<img class="logo_style" style="margin-top: 7.5%;" src="<?php echo asset_url('images/v3logo.png');?>" class="logo-img"></img>
		<div class="pwd-box" id="main">
      
			<div class="pwd-mocuz">

			<label id="login_name" class="ziti" style="margin-left: -65%;">用户名</label>
			<input type="text" placeholder="请输入登录账号" style="width: 290px!important; height: 40px;" class="h5a-input form-control input-sm" id="input_name">
			<label id="login_pwd" class="ziti" style="margin-left: -70%;margin-top: 20px;">密码</label> 
            <input type="password" placeholder="请输入密码，密码为6-18位数字与字母组合" style="width: 290px!important;height: 40px;" class="h5a-input form-control input-sm"  maxlength="18" id="input_pwd">
            <label class="login-hidden" id="login_ity" style="color: #9faeae !important;font-size: 16px !important;font-weight: lighter !important;margin-top: 20px;margin-left: -66%;">验证码</label> 
			<input type="text" placeholder="请输入验证码" style="width: 37%!important;margin-left: 35px;height: 40px;" class="h5a-input form-control input-sm" id="input_ity">
			<a id="imgcode" href="javascript:void(0);" style="width: 126px; height: 40px;border: 0;margin-right: 35px;">
			<?php echo $image;?></a>
			<a href="javascript:void(0);" id="refresh"  class="changeIty">看不清楚，换一张</a>

			<div class="pdw-btn" style="text-align:center; width:100%;height:100%;margin-top: 20px;">
                <button type="button" onclick="formsubmit()" class="h5a-btn btn  btn-primary btn-xs pwd-btn csd" style="border: 0 !important;">
                     <span>登录</span>
                </button>
            </div>  
			<?php echo anchor($uri = 'admin/action/revise', $title = '修改密码',array('class'=>'pwd-close'));?>
        </div>
    </div>
	
	
	</div>
	
<script type="text/javascript">
  function formsubmit()
  {
    $.ajax({
         url: "<?php echo site_url('admin/privilege/sign');?>",
         type: 'POST',
         dataType: 'json',
         data: {input_name:$('#input_name').val(),input_pwd:$('#input_pwd').val(),input_ity:$('#input_ity').val()},
         success:function(data){

            if(data.code == 1)
            {
              location.href = "<?php echo site_url('mocuz/client/first');?>";
            }
            if(data.code == 0 || data.code == 2)
            {
              alert(data.msg);
              $("#refresh").trigger("click");
            }                     
         }
    })
  }
  
  jQuery(document).ready(function($) {
    $("#refresh,#imgcode").on('click',function(event) {
      event.preventDefault();
      $.post("<?php echo site_url('login/refreshcode');?>",function(data) {
        $("#imgcode").html(data.image);
        ity = data.word;
      },'json');
    });
  });
</script>


