@charset "utf-8";

/*  Reset */
html { background:#f0f0f0!important; color:#333!important;-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p { margin:0; padding:0;}
body,button,input,select,textarea { font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;}
input,select,textarea { font-size:100%;}
fieldset,img { border:0;}
iframe { display:block;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500;}
a:link,a:visited  { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:underline;}

.icons{ background-image:url("icons.png")/*tpa=http://www.keanwin.com/Administration/Content/images/icons.png*/; margin: 0 auto;}

.reset-wrap{ width:930px;margin:100px auto; }
.u-reset-box{ background:#fff;border:1px solid #e8e8e8; min-height:700px; }

/*  u-reset-title */
.u-reset-title{ background: #f8f8f8; height: 40px; line-height: 40px; padding:20px 0; border-bottom: 1px solid #e8e8e8; }
.u-reset-title h3 { display: block; color:#333; font-size:24px; font-weight: 700; border-left: 4px solid #26ae90; float: left; padding-left: 15px; color: #555; }
.u-reset-title a.rg-text{ color: #666px; font-size: 18px; float: right; margin-right: 15px;}

/*  u-reset-process */
.u-reset-process{ margin: 50px 60px;}
.u-reset-process ul{ margin: 0; padding:0; display: block; background: url("icons.png")/*tpa=http://www.keanwin.com/Administration/Content/images/icons.png*/ 0 -895px repeat-x; height: 80px;}
.u-reset-process ul li{ list-style: none; float: left; width:100px; text-align:center; margin-right: 135px;}
.u-reset-process ul li p{ font-size: 16px;}
.u-reset-process ul li.active,.u-reset-process ul li.finished{ color: #26ae90;}
.u-reset-process ul li i{ display: block; width: 64px ;height: 64px; margin: 0 auto;}
.u-reset-process ul li .verify{ background-position: 0 -721px;}
.u-reset-process ul li .pwd{ background-position: 0 -640px;}
.u-reset-process ul li .over{ background-position: 0 -560px;}

.u-reset-process ul li.active .user{ background-position: 0 -402px;}
.u-reset-process ul li.active .verify{ background-position: 0 -483px;}
.u-reset-process ul li.active .pwd{ background-position: 0 -320px;}
.u-reset-process ul li.active .over{ background-position: 0 -239px;}

.u-reset-process ul li.finished .user{ background-position: 0 0;}
.u-reset-process ul li.finished .verify{ background-position: 0 -79px;}
.u-reset-process ul li.finished .pwd{ background-position: 0 -159px;}

/*  u-reset-cont */
.u-reset-cont{ padding:30px 40px; width: 850px; margin:0 auto;}
.u-form-item{ padding-bottom: 20px; width:100%;}
.u-form-item.u-form-item-small{ height: 35px; line-height: 35px;}
.u-form-item .u-label{ line-height:45px; display: inline-block; width: 200px; text-align: right; font-size: 14px; padding-right: 15px; float: left; }
.u-form-item .u-input{ width: 350px; padding:0 10px; height: 43px; line-height: 43px; color:#999; border:1px solid #e8e8e8; outline:none; float: left; font-size: 14px;}
.u-form-err-tis{ color:#26ae90;background:url("icons.png")/*tpa=http://www.keanwin.com/Administration/Content/images/icons.png*/ -25px -814px no-repeat; padding-left: 18px; margin-left: 215px; display: block; margin-top: 8px;}
.u-form-warning-tis{ clear: both;  padding-left: 215px; color: #ff9c00; text-align: left}
.u-form-item .u-input.u-input-checkcode{ width: 210px!important; }
.u-form-item .u-codeimage{ width:125px; height:40px; line-height:40px; margin-left: 12px; vertical-align: middle; cursor: pointer;border:0 none; text-align:center; }
.u-form-item .u-button{ background:#26ae90;width: 250px; margin-left: 213px; height: 42px; line-height: 42px;text-align: center;font-size: 14px;display: block;cursor: pointer; margin-top: 15px;color: #fff; border:none; border-radius: 2px;}

.u-form-item span.u-label{ float: left;}
.u-form-item .u-list{ height: 40px; float: left; font-size: 14px; }
.u-form-item .u-list ul{ margin: 0; padding:0; background: #fff; }
.u-form-item .u-list ul li{ list-style: none; line-height: 40px; text-align: center; position: relative; float: left; margin-right: 15px;}
.u-form-item .u-list ul li a{ display: block; line-height: 40px; height: 40px;border:1px solid #e8e8e8; padding: 0 20px;}
.u-form-item .u-list ul li.active a{ line-height: 38px; height: 38px; border:2px solid #ff9c00;}
.u-form-item .u-list ul li.active a i{ position: absolute; right: -5px; top: -5px; background-position: -25px -853px; display: block; width: 14px; height: 14px;}
.u-form-item a.u-select-result:hover{ text-decoration: none;}

.u-form-item .inputText{line-height:45px; padding-left: 10px; font-size: 14px; font-weight: 700; }
.u-form-item a.u-send{ line-height:45px;height:45px; background: -webkit-linear-gradient(#fdfdfd, #f5f5f5);background: -o-linear-gradient(#fdfdfd, #f5f5f5); background: -moz-linear-gradient(#fdfdfd, #f5f5f5); background: linear-gradient(#fdfdfd, #f5f5f5); display: block; float: left; border:1px solid #ddd; padding:0 15px; margin-left: 10px; font-size: 14px;}
.u-form-item a.u-send:hover{ background: #ff9c00; border-color: #ff9c00;color: #fff; text-decoration: none;}

.u-form-item .u-send.u-send-on,.u-form-item .u-send.u-send-on:hover{ background: #eee!important; color: #333; border:1px solid #ddd; cursor: default; }

/*  .u-reset-tips */
.u-reset-box .u-reset-tips{ background:#f9fbfb; border:1px solid #d4ebe6; padding:20px 25px; line-height:23px; color:#888;margin:20px 50px 40px}
.u-reset-box .u-reset-tips h4{ font-size:16px; color:#333; margin-bottom:8px;}

.u-reset-box dl.u-finish{ text-align: center; display: block;}
.u-reset-box dl.u-finish dt { display: block; background:url("bg.png")/*tpa=http://www.keanwin.com/Administration/Content/images/bg.png*/ center 0 no-repeat; width: 100%; height: 136px;}
.u-reset-box dl.u-finish dd span{ font-size: 18px; color: #666;}
.u-reset-box dl.u-finish dd span em{ color: #26ae90;}
.u-reset-box dl.u-finish dd a{ display: block; width: 160px; height: 45px; line-height: 45px; margin: 20px auto 0; background:#ff9c00; color: #fff; border-radius: 3px; font-size: 14px;}
.u-reset-box dl.u-finish dd a:hover{ text-decoration: none; background: #ffb136;}

/* modal */
.cover{ background:#000; opacity:0.7;filter:alpha(opacity=70); width:100%; height:100%;position: fixed; left: 0px; top: 0px; background: rgb(0, 0, 0); overflow:hidden; z-index:999; }
.modal-tis{ width:400px; background:#fff; border-radius:3px; z-index:1000; position:relative;  position:absolute; margin-left:-200px; left:50%; top:30%;}
.modal-tis-head{ height:35px; background:#eee; position:relative; padding: 0 15px; border-radius: 3px 3px 0 0;border-bottom: 1px solid #eee;}
.modal-tis-head h3{ font-size:14px; line-height:35px;}
.modal-tis-head a.close{ color: #999;  position:absolute; right:10px; top:10px; display: block; text-align: center; width: 20px; z-index: 1001; cursor: pointer;}
.modal-tis-body{ padding: 30px;}
.modal-tis-head a.close:hover{ text-decoration: none; color: #26ae90}
.modal-tis-pic{ background: url("bg.png")/*tpa=http://www.keanwin.com/Administration/Content/images/bg.png*/ -46px -254px; width: 48px; height: 48px; float: left; margin: 0 15px 0 40px; }
.modal-tis-text{ font-size: 14px; line-height: 24px; color: #666}
.modal-tis-foot{ border-top: 1px solid #eee; height: 50px;}
.modal-tis-foot a{ float: right; width: 60px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #26ae90; border-radius: 2px; margin-top: 10px; margin-right: 15px; }
.modal-tis-foot a:hover{ text-decoration: none;}

.u-form-item-box{  height: 45px; line-height: 45px;}
