@charset "utf-8";
/* CSS Document */
body{max-width: 640px;margin: 0 auto; background: #fff;font-family: "微软雅黑";font-size: 13px;}



.reg_rec{ width:100%; height:auto; overflow:hidden; padding:0px 12px; box-sizing:border-box;}
.reg_rec_title{ width:100%; margin:30px auto; height:auto; overflow:hidden; color:#333; line-height:24px; font-size:13px; text-align:center;}
.reg_rec_title span{ color:#c00;}
.reg_alipay_btn{ width:100%; height:36px; background:#11a6e8; color:#fff; margin-top:0px;border-radius:3px; overflow:hidden;}
.reg_wxpay_btn{ width:100%; height:36px; background:#05ac2d; color:#fff;margin-top:30px;border-radius:3px; overflow:hidden;}
.reg_daipay_btn{ width:100%; height:36px; background:#efb006; color:#fff;margin-top:30px;border-radius:3px; overflow:hidden;}
.reg_alipay_btn a,.reg_wxpay_btn a,.reg_daipay_btn a{ width:100%; height:100%; line-height:100%; ruby-align:auto; display:block; color:#fff; text-align:center; font-size:14px; }
.reg_alipay_btn a img,.reg_wxpay_btn a img,.reg_daipay_btn a img{ position:relative; top:6px; margin-right:5px;}
.bh-bind-bar{ height:42px; line-height:42px; margin:0; padding:0; }
.bh-bind-bar a{ width:50%; height:42px; text-align:center; display:block; float:left; font-size:13px; color:#666;}
.bh-bind-bar a.hover{ color:#f00;}

.login_bg_box{ width:100%; height:auto; max-width:640px; margin:0 auto; overflow:hidden; background:url(../images/login_bg.jpg) no-repeat center center; background-size:100% 100%; position:relative;}
.userbtn{margin:30% auto 20px auto;width:100px;height:100px;}
@media screen and (max-height:550.99px){
	.userbtn{margin:20% auto 20px auto;width:100px;height:100px;}
	.loginBox{margin:20px 20px 20px 10px; background:none;}
	.formBtn{padding:5px 40px;}
	.remmber-div{ height:34px; line-height:24px; font-size:13px; color:#666;padding: 0 35px;margin-top:10px;}
	.posbottom{ bottom:10px;}
}
@media screen and (min-height:551px) and (max-height:600.99px){
	.userbtn{margin:30% auto 20px auto;width:100px;height:100px;}
	.loginBox{margin:25px 20px 25px 10px; background:none;}
	.formBtn{padding:10px 40px;}
	.remmber-div{ height:34px; line-height:24px; font-size:13px; color:#666;padding: 0 35px;margin-top:15px;}
	.posbottom{ bottom:35px;}
}
@media screen and (min-height:601px){
	.userbtn{margin:30% auto 20px auto;width:100px;height:100px;}
	.loginBox{margin:30px 20px 30px 10px; background:none;}
	.formBtn{padding:15px 40px;}
	.remmber-div{ height:34px; line-height:24px; font-size:13px; color:#666;padding: 0 35px;margin-top:25px;}
	.posbottom{ bottom:60px;}
}
.loginBox .ui-form-item label{width:75px !important;}
.loginBox .ui-form-item:first-child{margin-bottom:20px;}
.loginBox .ui-form-item input{font-size: 13px;padding-left:0;margin-left: 70px;border-bottom: 1px solid #c9c9c9;width: 80%;padding-bottom: 3px;border-radius: 0;}
/*.ui-form-item label.userbg{background:url(../images/username.png) no-repeat 0 center;padding-left: 20px;background-size:20%;}
.ui-form-item label.passbg{background:url(../images/password.png) no-repeat 0 center;padding-left: 20px;background-size:20%;}*/
.loginBox .ui-form-item img{position:relative; top:4px; margin-right:4px;}
.remmber-div .ui-checkbox-s input{width: 15px;}
.remmber-left{float: left;}
.remmber-right{float: right;}
.remmber-right span{float: left;padding: 0 3px;}
.remmber-right span a{color: #333;}
.remmber-right span:first-child:after{content: "|";}
.other_login{ width:100%;box-sizing:border-box; text-align:center; height:65px; overflow:hidden; position:absolute;left:0; color:#999; font-size:12px;}
.other_login a{ width:45px; height:45px; display:inline-block; overflow:hidden; box-sizing:border-box; overflow:hidden; border-radius:50%;}
.other_login a:last-child{ margin-right:0;}

/*注册*/
.reg-title{text-align:center;line-height:40px;font-size:20px;color: #fff;margin-top:20px; width:100%; padding:0px 10px; box-sizing:border-box;}
.reg-title i{float:left;color: #fff;margin-left:-10px;}

.regBox{ height:250px;width:100%; padding:0px 20px; box-sizing:border-box; position:absolute; background:none; top:50%; margin-top:-125px; left:0;}
.regBox .ui-form-item{overflow: hidden;padding: 0;margin-bottom: 20px; width:100%; height:auto; position:relative;}
.regBox>.ui-form-item:last-child{margin-bottom: 0px;overflow: hidden;}
.regBox .ui-form-item label{width: 100px !important;}
/*.ui-form-item label.telbg{background: url(../images/tel.png) no-repeat 0 center;padding-left: 25px;background-size: 15%;}
.ui-form-item label.verbg{background: url(../images/ver.png) no-repeat 0 center;padding-left: 25px;background-size: 15%;}*/
.regBox .ui-form-item img{position:relative; top:4px; margin-right:4px;}
.regBox .ui-form-item input{font-size: 13px;padding-left:0;margin-left: 100px;border-bottom: 1px solid #c9c9c9;padding-bottom: 3px;border-radius: 0;}
.validate-btn-div{bottom:8px;right:0;position:absolute; background:#fff;height:30px;background:#fff;z-index:33;}
.validate-btn{font-size:12px; border:1px solid #ff4040; line-height:30px; color:#ff4040; height:30px;padding:0px 10px; background:#fff; border-radius:6px; box-sizing:border-box; cursor:pointer; display:block;}
.reg-protocol{ width:100%; text-align:center; }
.reg-protocol a{ color:#999 !important;}
.msgcode{ width:100%; height:34px; background:#fff; font-size:13px; border:none; padding:0px 5px; box-sizing:border-box; border-radius:0px;}
.bh_imgcode_span{ float:left; font-size:12px; color:#666; line-height:34px;}