@charset "utf-8";
/* CSS Document */

body{background: #ebebeb;font-family:"Microsoft YaHei", "Helvetica Neue","Hiragino Sans GB","\9ED1\4F53",Arial,sans-serif;color: #222;font-size: 12px;}
input, textarea, select{ font-family:"Microsoft YaHei",Arial,sans-serif}
*{padding: 0px;margin: 0px;}
.top_div{background: #0782C9;width: 100%;height: 400px;}
.g-w1200{ width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.g-w1200 .logo{ top:10px; left:0px; position:absolute;}
.g-w1200 .login-logo{ text-align:center; width:100%;line-height:50px; padding-top:150px; font-size:34px; color:#fff;}
.login-main{ padding-top:40px;}
.rel{ position:relative}
.login-bg{background: rgb(255, 255, 255); margin: -100px auto auto; border: 1px solid rgb(231, 231, 231); border-image: none; width: 400px; min-height: 200px; text-align: center;}
.error-tip{ width: 324px;height: 32px;padding: 0 6px;color: #ff1877;border: 1px solid #DA0003;display: none; margin:0px auto 10px;}
.error-tip i{display: inline-block;float: left;width: 20px;height: 20px;margin: 7px 10px;border: none;background: url(../images/bz_16x16.png) no-repeat 0 0;}
.error-tip span{color: #DA0003;display: inline-block;float: left;line-height: 32px;}
.dh_bg{width: 165px; height: 96px; position: absolute;}
.login-name{padding: 0px 0px 10px; position: relative;}
.step-block{background:url(../images/bg_step_1.png) no-repeat; width:262px; margin:36px auto 0px; height:20px; *height:60px; padding-top:40px; position:relative;}
.step-block-1{background:url(../images/bg_step_2.png) no-repeat;}
.img-mark{ width:82px; height:37px; position:absolute; top:0;right:32px; margin-left:6px;border-radius: 4px;}
.f-font-blue {color: #337ab7;}
.step-block span {display: inline-block;width: 90px;text-align: center;position: absolute;top: 52px;}
.step-block .left {left: -24px;}
.step-block .right {right: -24px;}
.f-font-gray {color: #999;}
.h-40{ height:40px;}
.h-20{ height:20px;}
.ipt{border: 1px solid #d3d3d3;padding: 10px 10px;width: 290px;border-radius: 4px;padding-left: 35px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.ipt:focus{border-color: #0782C9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.ipt1{border: 1px solid #d3d3d3;padding: 10px 10px;width: 198px;border-radius: 4px;padding-left: 35px;position:absolute;top:0;left:32px;z-index:9;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.ipt1:focus{border-color: #0782C9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.u_logo{background: url("../images/zc_06.jpg") no-repeat;padding: 10px 10px;position: absolute;top: 12px;left: 40px;}
.p_logo{background: url("../images/zc_16.jpg") no-repeat;padding: 10px 10px;position: absolute;top: 12px;left: 40px;}

.p_mark{background: url("../images/zc_19.jpg") no-repeat;padding: 10px 10px;position: absolute;top: 12px;left: 40px;z-index:10;}
a{text-decoration: none;}
.tou{background: url("../images/tou.png") no-repeat;width: 97px;height: 92px;position: absolute;top: -87px;left: 140px;}
.left_hand{background: url("../images/left_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;left: 150px;}
.right_hand{background: url("../images/right_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;right: -64px;}
.initial_left_hand{background: url("../images/hand.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -12px;left: 100px;}
.initial_right_hand{background: url("../images/hand.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -12px;right: -112px;}
.left_handing{background: url("../images/left-handing.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -24px;left: 139px;}
.right_handinging{background: url("../images/right_handing.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -21px;left: 210px;}

.login-foot{height: 56px; line-height: 56px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;}
.login-grey{color: #999;}
.ml-10{ margin-left:10px;}
.mr-10{ margin-right:10px;}
.mt-10{ margin-top:10px;}
.fl{ float:left;}
.fr{ float:right}
.login_btn{background: #0782C9; padding: 10px 34px; border-radius: 4px; border: 1px solid #337ab7; border-image: none; color: rgb(255, 255, 255); font-weight: bold;line-height: 17px}
.login_btn:hover{background: #337ab7; color:#e9faff}
.mark_btn{color: #5d6166;background: #dce1e6; width:82px;border-radius: 4px; border: 1px solid #d3d3d3;position:absolute; top:0;right:32px; margin-left:6px; height:37px; line-height:37px;}
.psw_margin{margin: 0px 35px 20px 45px;}
.tit-txt{ line-height:40px; text-align:left; font-size:12px; color:#999; padding-left:30px;}
.g-footer{line-height:30px;text-align:center; width:100%; margin-top:60px;}
.g-footer .footer-txt{ text-align:center; color:#808080;}
@media (min-height:768px){.g-footer{line-height:30px;text-align:center; width:100%; position:fixed; bottom:20px;}}
.reset, .login_btn, .img-mark {
	cursor: pointer;
}