@charset "utf-8";

.hy_denglu{width:100%; height:700px; background:url(../images/dl_bj.jpg) no-repeat center; overflow:hidden;}
.hy_denglu .hy_dl{width:400px; margin-top:130px; padding:30px; background-color:#fff; float:right;}
.hy_denglu .dl_fl{border-bottom:1px solid #e7e7e7; height:45px; margin-bottom:20px;}
.hy_denglu .dl_fl .hd ul li{width:33.333333333333%; float:left;}
.hy_denglu .dl_fl .hd ul li a{font-size:16px; line-height:46px; text-align:center; color:#666; display:block;}
.hy_denglu .dl_fl .hd ul li.on a{background-color:#0f499c; color:#fff;}
.hy_denglu .dl_nr{width:100%;}
.hy_denglu .dl_nr .text{position:relative; padding-left:80px; margin-bottom:32px;}
.hy_denglu .dl_nr .text span{position:absolute; top:0; left:0; width:70px; font-size:15px; color:#999; text-align:right; line-height:46px;}
.hy_denglu .dl_nr .text .tips{width:298px; background:url(../images/ts3.png) no-repeat left center; padding-left:22px; font-size:12px; color:#999; line-height:26px; position:absolute; bottom:-29px;}
.hy_denglu .dl_nr .text input{width:298px; height:44px; border:1px solid #e7e7e7; padding:0 10px; font-size:15px; line-height:44px; color:#777;}
.hy_denglu .dl_nr .text input:focus{border:1px solid #0f499c;}
.hy_denglu .dl_nr .text input.pwd_p{position:absolute; top:0; left:0;}
.hy_denglu .dl_nr .text input.yzm{width:175px; float:left;}
.hy_denglu .dl_nr .text input.yzm1{width:175px; float:left;}
.hy_denglu .dl_nr .text input.yzm2{width:175px; float:left;}
.hy_denglu .dl_nr button{width:100%; height:46px; background-color:#0f499c; font-size:18px; line-height:46px; color:#fff; text-align:center; margin-bottom:15px;}
.hy_denglu .dl_nr span{float:right; font-size:14px; line-height:22px;}
.hy_denglu .dl_nr span a{color:#0f499c; padding-left:5px;}
.hy_denglu .dl_nr a.wj_mm{font-size:14px; line-height:22px; float:left;}

#code{width:110px; height:46px; vertical-align:middle; background:url(../images/yzm.jpg) no-repeat center; font-size:20px; color:#000; text-align:center; line-height:46px; float:right; cursor:pointer;}
#code1{width:110px; height:46px; vertical-align:middle; background:url(../images/yzm.jpg) no-repeat center; font-size:20px; color:#000; text-align:center; line-height:46px; float:right; cursor:pointer;}
#code2{width:110px; height:46px; vertical-align:middle; background:url(../images/yzm.jpg) no-repeat center; font-size:20px; color:#000; text-align:center; line-height:46px; float:right; cursor:pointer;}

@media only screen and (max-width:992px) {
.hy_denglu{width:100%; height: auto; background:url(../images/dl_bj.jpg) no-repeat center; overflow:hidden;}
.hy_denglu .hy_dl{width:80%; padding:30px; background-color:#fff; float:none; margin:60px auto}
.hy_denglu .dl_nr .text{position:relative; padding-left:80px; margin-bottom:32px;}
.hy_denglu .dl_nr .text span{position:absolute; top:0; left:0; width:70px; font-size:15px; color:#999; text-align:right; line-height:46px;}
.hy_denglu .dl_nr .text .tips{width:90%; background:url(../images/ts3.png) no-repeat left center; padding-left:22px; font-size:12px; color:#999; line-height:26px; position:absolute; bottom:-29px;}
.hy_denglu .dl_nr .text input{width:90%; height:44px; border:1px solid #e7e7e7; padding:0 10px; font-size:15px; line-height:44px; color:#777;}
.hy_denglu .dl_nr .text input.yzm{width:40%; float:left;}
.hy_denglu .dl_nr button{width:100%; height:40px; background-color:#0f499c; font-size:16px; line-height:40px; color:#fff; text-align:center; margin-bottom:15px;}

}