html,body{ height: 100%;}
body{ padding: 0 ; margin: 0;background-image:url("https://cdn.baidu.com.btba.xiaoeryi.com/btba_user/1.2/login_bg.jpg");font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial'; overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}
ul,li{list-style: none; margin: 0; padding: 0;}
label{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.header{ overflow: hidden; margin: 50px 100px;}
.header a { font-size: 36px; color: #ffffff; text-decoration: none;}
.reg,.login,.resetpwd{border-radius:10px; background-color:#ffffff; box-shadow:2px 2px 5px #333333;margin:0px auto;border:solid 1px #EEE; padding:20px; position: relative;top:10%;overflow: hidden;font-size: 16px;}
.reg{max-width: 522px;}
.reg .title{ height:50px; border-bottom: solid 1px #E8E8E8;margin-top:10px;padding-left: 5px; text-align: center;}
/**
 * 进度条 start
 */
.reg #tab li{ display: inline-block;  line-height: 32px;}
.reg #tab li *{ vertical-align: middle;display: inline-block;}
.reg #tab li i{width: 32px;height: 32px; color: #CCCCCC;font-style: normal;text-align: center;background-image: url("/btba_user/1.2/login_tab_false.png")}
.reg #tab li b{margin:0 10px;color: #CCCCCC;}
.reg #tab li a{ width:80px; height: 1px; background-color: #1890FF;}
.reg #tab li i s{ background: url("/btba_user/1.2/login_tab_ok.png") no-repeat;width: 16px;height: 11px;}
.reg #tab li.true i{background-image: url("/btba_user/1.2/login_tab_true.png") !important;color: #ffffff !important;}
.reg #tab li.true b{color: #333;}
.reg #tab li.true s{background-image: url("/btba_user/1.2/login_tab_ok_true.png");}

.reg .box{margin-top:10px;}
.reg .box span{ color: #666666;display: block;font-size: 14px;}
.reg .box ul li{width: 350px; margin: 20px auto 10px auto;}
.reg .box ul li>label{ color: #333333;width:105px;display: inline-block;text-align: right;}
.reg .box ul li>a{margin-left:8px;font-size: 14px;color: #F00;}
.reg .box ul li>b{margin-left:80px;font-size: 14px;color: #666;}
.reg .box ul li>input{ height: 32px; line-height: 32px; border: solid 1px #CCCCCC; outline: none; padding-left: 5px;}
.reg .box ul input[name="username"],.reg .box ul input[type="password"]{ width: 230px;}
.reg .box ul input[name="vercode"]{ width: 122px;}
.reg .box ul input[type="button"]{ width:128px;height:38px; border: none; background-color: #EEEEEE; font-size: 14px;}
.reg .box ul input.true{ background-color: #009dcc;cursor: pointer; color: #ffffff;}
.reg .box ul li .agree{ height: 20px; line-height: 20px;font-size: 13px;margin-left: 76px;}
.reg .box ul li .agree input{ vertical-align: middle;}
.reg .box ul li .agree a{ color: #006fc8;cursor: pointer;}
.reg .box li h3{ text-align: center; background: url("/btba_user/1.2/true.png") no-repeat 20px center;color: #528e1e;height: 26px;}
.reg .box li>span{text-align: center;}
.reg .box li>span a{ color: #333333;}

.login{ width:320px;}
.login span{ display:block; font-size:22px;margin-bottom:30px; color: #009DCC;}
.login div{height:45px; margin-bottom:30px;}
.login div.input{ border-radius:5px; border:solid 1px #D7D7D7; }
.login div.input i{ width:45px; height:30px;display: inline-block;float: left; margin-top:8px; background-image:url('https://img.baidu.com.btba.xiaoeryi.com/btba_user/1.2/icon.png');}
.login div.input i.i_user{ background-position:15px 2px;}
.login div.input i.i_pwd{ background-position:15px -26px;}
.login div.input input{ border:none;height:43px; line-height:43px; outline-style:none; font-size:16px;}
.login div.submit input{ width:100%; height:45px; line-height:45px; font-size:18px; color:#fff;background-color:#009dcc; cursor:pointer;outline: none;border: none;}
.login .reg_a{ color:#009dcc; text-decoration:none;}
.login .reg_a:hover{ text-decoration:underline;}
.login .ftpwd_a{ float:right;}

.resetpwd{ width:500px;}
.resetpwd span{ display:block; font-size:22px;margin-bottom:30px; color: #333333;}
.resetpwd table td{padding-bottom:15px;}
.resetpwd .last a{ font-size: 14px;}
.resetpwd .r{ color: #FF0000;}
.resetpwd .g{ color: #02a056;}
.resetpwd table td label{ font-weight:normal;width:118px;padding-right:8px;text-align:right;float:left;line-height:32px; }
.resetpwd table td input{height:32px;border:solid 1px #dfdfdf;width:216px;padding:0 9px;line-height:32px;float:left;background:#fff; outline: none;box-shadow: 2px 2px 2px #F0F0F0 inset;}
.resetpwd table td input:focus{ border: solid 1px #0099FF;}
.resetpwd table td input.emailButton{display:inline-block;width:120px;height:34px;background:#009dcc; color:#000;font-family:Microsoft YaHei;text-align:center; font-size:12px; border:none; cursor:pointer;color: #FFF;box-shadow:none;margin-left: 10px;}
.resetpwd table td input.registerNow{display:block;width:155px;height:38px;overflow:hidden;background:#009dcc;color:#fff;font:16px/38px Microsoft YaHei;text-align:center;border:none; cursor:pointer; box-shadow:0 0 0;}
.resetpwd table td input.registerNow:hover{ background:#0f75a4;}