.tips-wrapper { background: #fff8f0; width: 100%; padding: 10px 0; text-align: center; font: 12px/150% Arial,Verdana,"\5b8b\4f53"; color: #666; }
.tips-wrapper .iconfont { vertical-align: middle; }
.login-form { width: 1200px; margin:0 auto;}
.login-form .login-prompt {width: 400px;float: right;position: relative;background: #fff;padding: 40px; margin: 40px 0; border-radius: 5px; border: solid 1px #E6E6E6; overflow: hidden; }
.login-form .login-prompt .tips { background: #fff8f0; padding:10px 0; font-size: 12px; position: absolute; top: 0; left:0; width: 100%; color: #999; text-align: center; }
.login-form .login-prompt .mt{height:50px;border-bottom:solid 1px #eee;color:#E23435;text-align:center;font-size: 16px;line-height: 20px;}
.login-form .login-prompt .mt a{position: relative;float: left;height: 100%;width: 50%;text-decoration: none;text-align: center;}
.login-form .login-prompt .mt a span{display: block;margin-top: 15px;}
.login-form .login-prompt .mt a i{display:none;position:absolute;width:70px;height:4px;background:#e23435;bottom:-1px;left:50%;margin-left:-35px}
.login-form .login-prompt .mt a.on{color:#e3101e; font-weight: bold;}
.login-form .login-prompt .mt a.on i{display:block;}

.login-form .login-prompt .mc{margin-top:30px; height:320px}
.login-form .login-prompt .mc .item{z-index:1;margin-bottom:25px;height:46px;line-height:26px}
.login-form .login-prompt .mc .item .text-area{position:relative;height:46px}
.login-form .login-prompt .mc .ico{position:absolute;left:15px;z-index:5; font-size: 16px;}
.login-form .login-prompt .mc .item .ico{top:15px;width:16px;height:16px;line-height:16px;}
.login-form .login-prompt .mc .item .text{position:relative;top:0;left:0;padding:4px 0 4px 37px;border:1px solid #ddd;color:#666;font-size:14px;line-height:24px;border-radius: 3px;}
.login-form .login-prompt .mc .item .text:hover{border-color:#cacaca;}
.login-form .login-prompt .mc .item .error{border-color:#E31939!important;z-index:2}
.login-form .login-prompt .mc .item .span:hover a{z-index:0}
.login-form .login-prompt .mc .item .makecode{position:absolute;width:138px;height:46px;z-index:-1;background:rgba(0,0,0,.5);color:#FFF!important;font-size:15px;line-height:46px;text-align:center}
.login-form .login-prompt .mc .item .fl { float: left; width: 170px }
.login-form .login-prompt .mc .item .span{border:solid 1px #E6E6E6;z-index:1;display:block;width:138px;height:46px;float:right;position:relative;border-radius: 3px; overflow: hidden;}
.login-form .login-prompt .mc .item .span img {position: absolute;top: 0;height:46px;}
.login-form .login-prompt .mc .item .btn {background-color: #ff3c3c; font-size: 16px; color: #fff; height: 46px; width: 100%;border-radius: 3px; margin:20px 0; display: inline-block; }
.login-form .login-prompt .mc .item .btn:hover {background-color:#d72226;}
.login-form .login-prompt .mc .item .send_code { width: 138px; height: 46px; line-height: 46px; text-align: center; border: none; background: #57565f; color: #fff; padding: 0; cursor: pointer; border-radius: 2px; font-size: 14px; float: right;}
.login-form .login-prompt .mc label.error {color: #E31939; margin-left: 5px; font-size: 12px}
.login-form .login-prompt .mb { padding: 10px; background: #fcfcfc; border-top: 1px solid #f4f4f4; position: absolute; left: 0; width: 100%; bottom: 0;}
.login-form .login-prompt .mb a { display: inline-block; vertical-align: middle; font-size: 14px; color: #3FB838 }
.login-form .login-prompt .mb a i {vertical-align: middle;}
.login-form .login-prompt .mb a.register { float: right; color: #b61d1d; }
.login-mobile { display: none }

.register-box {background: #fff;padding:50px 0}
.register-box .register-info {width: 400px; margin:0 auto;} 
.register_form{margin:auto;width:100%;z-index:150;}
.register_form .mt{ text-align:center;font-weight:200;font-size:24px;line-height:50px;color:#333; margin: 30px 0}
.register_form .item{height:46px;line-height:46px;position:relative;margin-bottom:25px;width:100%;}
.register_form .item .label{width:100px;line-height:44px;text-align:justify;text-align-last:justify;color:#666; padding:0 20px; font-size:14px; font-weight:500; position:absolute; left:1px; top:1px;z-index: 2; border-radius: 0}
.register_form .item .label.mobile { border-right: 1px solid #ddd }
.register_form .item label{width:100%;line-height:20px;display:block;font-size: 12px; color: #f91; vertical-align: middle;}
.register_form .item label i { vertical-align: middle; }
.register_form .item .text.fl { float: left; width: 262px }
.register_form .item .text{position:relative;top:0;left:0;height:46px;border:1px solid #ddd;color:#666; padding: 0 20px 0 120px;}
.register_form .item .text:hover{border-color:rgb(153,153,153);}
.register_form .item .span {border:solid 1px #ddd;z-index:1;display:block;width:138px;height:46px;float:right;position:relative;overflow: hidden;}
.register_form .item .span img {position: absolute;top: 0;height:46px; width: 138px;left:0; cursor: pointer;}
.register_form .item .span a {display: inline-block;width:100%;height:100%; text-align: center;}
.register_form .item .span:hover {border-color: rgb(153,153,153)}
.register_form .item .btn {background-color: #ff3c3c; font-size: 16px; color: #fff; height: 46px; width: 100%;display: inline-block; }
.register_form .item .btn:hover {background-color:#d72226;}
.city-picker-span { padding-left: 120px; position: absolute!important; top: 0; left: 0; border: 1px solid #ddd!important}
.city-select-tab > a { padding: 0 22px!important }

.notice { background: #fff; padding: 50px 0 }
.notice .tips { padding:100px 0; text-align: center;  }
.notice .tips .iconfont { font-size: 100px;}
.notice .tips .success { color:#06ad56 }
.notice .tips .error { color:#e23435 }
.notice .tips h2 { font-size: 24px; font-weight: 200; line-height: 32px}
.notice .tips a em { font-style: normal; }
.notice .tips a.btn { background: #FFF; border: 1px solid #ddd; padding: 0 20px; margin-top: 20px }
.notice .tips a.btn:hover { border-color: rgb(153,153,153); }