@charset "utf-8";
html,body,section,div,ul,ol,p,li,dl,dt,dd,h1,h2,h3{margin: 0; padding: 0; list-style: none;}
body{min-width: 780px; min-height: 768px; font-family: "Microsoft Yahei", Arial, "Simsun", monospace, sans-serif, serif; position: relative; z-index: 1; background: #f4f4f4;}
.clearfix:after{content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;}

#wrapper {width: 100%;}
#head, #content, #foot {width: 1100px; margin-left: auto; margin-right: auto;}
#head{height: 100px;}
.mod-header{padding-top: 30px; padding-bottom: 30px; margin-left: 25px; height: 40px;}
.mod-header .logo{vertical-align: middle; }
.mod-header .title{font-size: 24px; vertical-align: middle; margin-left: 8px;}
.hide{display: none;}

/*content css*/
.content{margin:0px auto;width:1100px;height: auto; background: #fff; -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.5);  -moz-box-shadow:0 0 10px rgba(204,204,204,0.5); box-shadow: 0 0 10px rgba(204,204,204,0.5); }
.content .nrbox{margin:0px auto;width:480px}
.input_box{margin:0px auto;border:1px solid #ccc;width: 408px; height: 48px; margin-bottom: 20px; position: relative;}

.icon_user{position: absolute; display: inline-block; width: 24px; height: 24px; top: 12px; left: 11px;}
.user_pic{background: url(../../img/user.png);}
.input_border{border:0px;outline:none;margin-top:5px;padding-top:8px;font-size:18px;width: 350px; left: 40px;color:#ccc; position: relative;}
.input_border2{border:0px;margin-top:5px;outline:none;padding-top:8px;font-size:18px;width: 200px;left: 10px;color:#ccc; position: relative;}
.yzm{width: 100px; height: 32px; position: absolute; left: 240px; top: 8px;}
.refresh-area{width: 48px; height: 48px; position: absolute; left: 359px; border-left: 1px solid #ccc; 
	background: #f3f3f3 url(../../img/refresh.png) center center no-repeat; cursor: pointer;}
.input_button{width: 408px; margin:0px auto}
.input_button input{width: 408px; height: 48px; line-height: 48px; outline: none; border: 0; background: #548dce; cursor: pointer; 
	text-align: center; color: #fff; font-size: 22px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.input_button input:hover{background: #3e79bd;}
.input_button input:active{background: #2a65a9;}

.content .mod-forget{min-height: 620px; height: auto !important; height: 620px; overflow:visible;}
.content .mod-forget .mod-sub-nav{padding: 30px; width: auto; height: 75px;}
.content .mod-forget .mod-sub-nav .mod-sub-arrow{float: left; display: inline; text-align: center;}
.content .mod-forget .mod-sub-nav .mod-sub-arrow img{margin: 25px auto;}
.content .mod-forget .mod-sub-nav .mod-sub-list{width: 300px; height: 100%; float: left; display: inline;}
.content .mod-forget .mod-sub-nav .mod-sub-arrow{width: 55px; height: 100%;}
.content .mod-forget .mod-sub-nav .mod-sub-list .list-index{width: auto; margin-left: 45px; margin-right: 30px;}
.content .mod-forget .mod-sub-nav .mod-sub-list .list-index .index-active{color: #b3da53; font-size: 48px;}
.content .mod-forget .mod-sub-nav .mod-sub-list .list-index .index-noactive{color: #d7d7d7; font-size: 48px;}
.content .mod-forget .mod-sub-nav .mod-sub-list .list-index .head-active{color: #333; font-size: 24px;}
.content .mod-forget .mod-sub-nav .mod-sub-list .list-index .head-noactive{color: #d7d7d7; font-size: 24px;}
.content .mod-forget .mod-sub-nav .mod-sub-list .underline{width: 250px; height: 4px; margin: 2px 15px;background: #b3da53; display: inline-block; font-size: 0px;}
.hqyzm{width:410px;margin:0px auto;height:60px;font-size:14px;color:#333;}
.hqyzm p{line-height:30px}
.pass-button-timer input{display: inline-block;float:right; font-size: 14px; text-align: center; line-height: 48px; cursor: pointer; outline: none;border:0px;
	background: #f5f5f5; width: 120px; height: 48px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.pass-button-timer input:hover{background: #3e79bd;color:#fff}

.pass-button-time input:active{background: #2a65a9;color:#fff}