/* File Created: 八月 26, 2016 */
body{margin:0;font-family:"Microsoft YaHei";font-size:14px}
a{text-decoration:none}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;clear: both;height: 0;overflow: hidden;content: "";}
.header, .content{width:930px;margin:0 auto}
.logo{float:left;width:173px;height:50px;margin-top:26px}
.login_logo{background:url(//i.fanhuan.com/images/passport/login_logo.png) no-repeat;}
.reg_logo{background:url(//i.fanhuan.com/images/passport/reg_logo.png) no-repeat;}
.union_login_logo{width:222px;background:url(//i.fanhuan.com/images/passport/union_login_logo.png) no-repeat;}
.fr{float:right}
.fl{float:left}
.users{margin-top:40px;color:#666;text-align:right}
.users span{color:#ff3300}
.content{margin:116px auto 135px;}
.reg_banner{float:left;width:374px;height:470px;background:url(//i.fanhuan.com/images/passport/reg_banner.png) no-repeat;margin:51px 0 0 82px;}
.login_banner{float:left;width:430px;height:372px;background:url(//i.fanhuan.com/images/passport/login_banner.png) no-repeat;margin:40px 0 0 60px;}
.reg_login_box{width:288px;border:1px solid #eee;border-top:3px solid #2f97f0;padding:38px 40px;color: #666;min-height:273px}
.title, .title a{color:#2f97f0}
.title a:hover{color:#ff4400}
.title .fr{font-size:12px;color:#666;margin-top: 2px}
.width_288{width:278px;background-position: 264px center}
.width_158{width:148px;background-position: 134px center}
.width_318{width:308px;background-position: 294px center}
.width_172{width:162px;background-position: 148px center}
.reg_login_box input{border:1px solid #eee;outline: none;height: 34px;line-height:34px;font-family:"Microsoft YaHei";font-size:14px;color: #666;padding-left: 10px;vertical-align:middle;}
.reg_login_box [type="text"], .reg_login_box [type="password"]{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.reg_login_box input.success{background-image:url("//i.fanhuan.com/images/passport/right_icon.png?v=20160825");background-repeat:no-repeat;}
.reg_login_box .item{margin-top: 23px;position: relative}
.error_txt{background:url("//i.fanhuan.com/images/passport/wrong_icon.png?v=20160825") left center no-repeat;position: absolute;bottom: -20px;left: 0;font-size: 12px;color: #ff3300;padding-left: 18px;display:none}
.success_tip{width:20px;height:20px;position: absolute;top:9px;background-color:#fff;}
.width_288 ~ .success_tip{left:262px}
.width_158 ~ .success_tip{left:134px;}
.width_318 ~ .success_tip{left:372px;}
.width_172 ~ .success_tip{left:225px;}

.graph_code{position: absolute;top: 0;right:40px;cursor:pointer}
.graph_code:hover ~ .change_code_btn{color:#2f97f0}
.change_code_btn{position: absolute;top: 8px;right:0;cursor: pointer}
.change_code_btn:hover{color:#2f97f0}
.placeholder{color: #ccc;}
.term a{color: #2f97f0}
.term a:hover{color:#ff4400}
.term span{color: #999;font-size:12px;margin-top:5px;margin-left:16px;display:inline-block;}
.term .check_term, .reg_login_box .auto_login{height: 14px;vertical-align: middle;border:none;padding-left:0}
.btn{display:inline-block;width:288px;height:36px;line-height:36px;text-align:center;background-color: #2f97f0;border:1px solid #2f97f0;color: #fff;cursor: pointer;border-radius: 3px}
.btn:hover{background-color: #1280dd}
.other_way_login{display: inline-block;width: 24px;height: 24px;background: url(//i.fanhuan.com/images/passport/Main/login_icon_sp.png?v=20160824) no-repeat;margin: 8px 8px 0 0}
.qq_login{background-position: 0 0}
.wx_login{background-position: -24px 0}
.tb_login{background-position: -48px 0}
.xl_login{background-position: -72px 0}
.qq_login:hover{background-position: 0 -24px}
.wx_login:hover{background-position: -24px -24px}
.tb_login:hover{background-position: -48px -24px}
.xl_login:hover{background-position: -72px -24px}
.get_code_btn{width: 108px;height: 34px;line-height: 34px;float: right;border: 1px solid #2f97f0;border-radius: 3px;text-align: center;color: #2f97f0;cursor: pointer;font-size: 12px;*margin-top:-38px}
.get_code_btn:hover{color:#1280dd}
.disabled_btn{border: 1px solid #d8d8d8;color: #fff;background: #d8d8d8;cursor: default;}
.disabled_btn:hover{background: #d8d8d8;color:#fff}
.footer{position: relative;color: #999;width: 100%;padding: 50px 0 20px 0;background: #fff;border-top: 3px solid #00a0ed;font-size: 12px;}
.footer_inner{width: 930px;margin: 0 auto;}
.footer_tips{height: 47px;padding-left: 54px;}
.footer_tips a{display: block;float: left;height: 47px;margin-right: 10px;text-indent: -999em;overflow: hidden;background: url(//i.fanhuan.com/images/site_master/bg-fh-trust.png) 0 0 no-repeat;}
.footer_tips .ftips1{width: 151px;background-position: 0 0;}
.footer_tips .ftips2{width: 151px;background-position: -151px 0;}
.footer_tips .ftips3{width: 128px;background-position: -302px 0;}
.footer_tips .ftips4{width: 121px;background-position: -430px 0;}
.footer_tips .ftips5{width: 121px;background-position: -551px 0;}
.footer_tips .ftips6 {width: 127px;text-indent: 0px;background: none;}
.footer_link{margin-left: auto;margin-right: auto;padding: 20px 0;color: #999;text-align: center;font-size: 12px;}
.footer_link a{color: #999;}
.footer_link span{color: #999;padding: 0 6px;}
.copyright{margin-right: 12px;display:inline-block;float:left;padding:0;}
.police-icon{width: 200px;margin: 0 auto;}
.police-icon-a{display: inline-block;text-decoration: none;height: 20px;line-height: 20px;}
.police-icon-a img{float: left;border:0}
.police-icon-span{float: left;height: 20px;line-height: 20px;margin: 0 0 0 5px;color: #939393;}

.union_content{width:960px;margin:55px auto 78px}
.user_info{font-size:18px;color:#333;text-align:center}
.user_info .avatar{width:50px;height:50px;vertical-align: middle;margin-right:10px;border-radius:50%}
.union_content .tab{border:1px solid #eee;text-align:center;margin-top:32px;font-size:18px;color:#999}
.union_content .tab span{display:inline-block;height:62px;line-height:62px;margin:0 20px;cursor:pointer}
.union_content .tab span.active{color:#2f97f0;border-bottom:3px solid #2f97f0;margin-bottom:-1px}
.bind_account_box{width:auto;border-top:none;}
.bind_account_box .item{width:402px;margin:24px auto}
.bind_account_box .item label{display:inline-block;width:70px;vertical-align:middle;text-align:right;margin-right:6px}
.bind_account_box .item .get_code_btn{width:124px}
.bind_account_box .item .graph_code{right:50px}
.bind_account_box .item .btn{width:320px;margin-left:81px}
.bind_account_box .tip{width:402px;font-size:16px;margin:8px auto 30px}
.bind_account_box .item .error_txt{left: 80px;display:none}
.forget_psd{color:#666;*margin-top:-18px}
.forget_psd:hover{color:#2f97f0}
.bind_account_box .item .placeholder{left: 90px;}

.window_box{text-align:left}
.window_content .bind_account_box {border:none;padding:0;font-weight:normal;font-size:14px;margin-top:-15px}

.content_success{width:960px;height:445px;border:1px solid #eee;margin: 90px auto 130px;font-size:28px;color:#333;text-align:center}
.content_success .tip{margin:170px 0 10px}
.content_success .go_btn{font-size:16px;width:160px;height:40px;line-height:40px}
.content_success .tip img{width:30px;vertical-align:middle;margin:-6px 8px 0 -34px;*margin-top:4px}

/* 注册 */
.content{margin: 60px auto;position: relative;}
.content .reg_banner{position: absolute;left: 0;top: 50%;margin: 0;margin-top: -235px;}
.content .login_banner{position: absolute;left: 0;top: 50%;margin: 0;margin-top: -186px;}
.formFrame{width: 382px;float: right;border: 1px solid #eee;border-top: 3px solid #2f97f0;padding: 0 48px;}
.formFrame .title{margin-top: 44px;font-size: 18px;color: #333;height: 18px;line-height: 18px;margin-bottom: 36px;}
.formFrame .title span.right{float: right;font-size: 13px;color: #666;}
.formFrame .input-wrap{height: 48px;border: 1px solid #ccc;margin-bottom: 20px;border-radius: 4px;position: relative;box-sizing: border-box;}
.formFrame .input-wrap.active{border-color: #2f97f0;}
.formFrame .input-wrap .icon{width: 44px;height: 100%;float: left;}
.formFrame .input-wrap .item{display: block;border: none;font-size: 16px;color: #333;height: 28px;margin-top: 10px;width: 330px;outline-style: none;}
.formFrame .input-wrap .item.placeholder{color: #ccc;}
.formFrame .input-wrap .item::-webkit-input-placeholder{color: #ccc;}
.formFrame .input-wrap .item:-moz-placeholder{color: #ccc;}
.formFrame .input-wrap .item::-moz-placeholder{color: #ccc;}
.formFrame .input-wrap .item:-ms-input-placeholder{color: #ccc;}
.formFrame .input-wrap .item::-ms-clear{display: none;}
.formFrame .input-wrap.phone .icon{background: url(//i.fanhuan.com/images/passport/icon-phone.png?v=20171225) center no-repeat;}
.formFrame .input-wrap.phone.active .icon{background: url(//i.fanhuan.com/images/passport/icon-phone-active.png) center no-repeat;}
.formFrame .input-wrap.sms .icon{background: url(//i.fanhuan.com/images/passport/icon-sms.png) center no-repeat;}
.formFrame .input-wrap.sms.active .icon{background: url(//i.fanhuan.com/images/passport/icon-sms-active.png) center no-repeat;}
.formFrame .input-wrap.account .icon{background: url(//i.fanhuan.com/images/passport/icon-account.png) center no-repeat;}
.formFrame .input-wrap.account.active .icon{background: url(//i.fanhuan.com/images/passport/icon-account-active.png) center no-repeat;}
.formFrame .input-wrap.passport .icon{background: url(//i.fanhuan.com/images/passport/icon-passport.png) center no-repeat;}
.formFrame .input-wrap.passport.active .icon{background: url(//i.fanhuan.com/images/passport/icon-passport-active.png) center no-repeat;}
.formFrame .input-wrap.checkcode .icon{background: url(//i.fanhuan.com/images/passport/icon-code.png) center no-repeat;}
.formFrame .input-wrap.checkcode.active .icon{background: url(//i.fanhuan.com/images/passport/icon-code-active.png) center no-repeat;}
.formFrame .sms-wrap .input-wrap{float: left;}
.formFrame .sms-wrap .input-wrap .item{width: 176px;}
.formFrame .sms-wrap .send-sms{float: right;height: 48px;width: 144px;font-size: 16px;background: #ccc;line-height: 48px;text-align: center;color: #fff;border-radius: 4px;cursor: not-allowed;}
.formFrame .sms-wrap .send-sms.active{background: #2f97f0;cursor: pointer;}
.formFrame .checkcode-wrap .input-wrap{float: left;}
.formFrame .checkcode-wrap .input-wrap .item{width: 176px;}
.formFrame .checkcode-wrap .refresh{width: 142px;float: right;border: 1px solid #ccc;height: 46px;}
.formFrame .checkcode-wrap .refresh img{display: block;width: 100px;height: 46px;float: left;}
.formFrame .checkcode-wrap .refresh .next{width: 41px;height: 46px;margin-left: 100px;border-left: 1px solid #ccc;background: url(//i.fanhuan.com/images/passport/icon-refresh.png) center no-repeat;cursor: pointer;}
.formFrame .term{font-size: 13px;line-height: 15px;color: #5e5e5e;}
.formFrame .term input{position: relative;margin: 0;top: 2px;}
.formFrame .error{font-size: 13px;color: #ff3444;height: 13px;line-height: 13px;margin-top: 10px;visibility: hidden;}
.formFrame .submit{margin-top: 10px;font-size: 16px;color: #fff;background: #2f97f0;text-align: center;height: 48px;line-height: 48px;cursor: pointer;border-radius: 4px;position: relative;}
.formFrame .submit span{position: relative;z-index: 2;}
.formFrame .submit img{position: absolute;left: 0;top: 0;right: 0;z-index: 1;}
.formFrame .tips{margin-top: 10px;font-size: 13px;height: 15px;line-height: 15px;color: #5e5e5e;position: relative;z-index: 10;}
.formFrame .tips a{color: #2f97f0;}
.formFrame .tips span{color: #999;font-size:12px;margin-top:5px;margin-left:24px;display:inline-block;}
.formFrame .other-type{margin-top: 50px;}
.formFrame .other-type .name{font-size: 16px;height: 16px;line-height: 16px;text-align: center;color: #5e5e5e;}
.formFrame .other-type .login-list{margin-top: 22px;padding-bottom: 44px;padding-left: 15px;}
.formFrame .other-type .login-list .item{float: left;width: 50px;height: 50px;overflow: hidden;text-indent: -999px;margin-right: 50px;cursor: pointer;}
.formFrame .other-type .login-list .item.wechat{background: url(//i.fanhuan.com/images/passport/icon-wechat.png) center no-repeat;}
.formFrame .other-type .login-list .item.qq{background: url(//i.fanhuan.com/images/passport/icon-qq.png) center no-repeat;}
.formFrame .other-type .login-list .item.taobao{background: url(//i.fanhuan.com/images/passport/icon-taobao.png) center no-repeat;}
.formFrame .other-type .login-list .item.weibo{background: url(//i.fanhuan.com/images/passport/icon-weibo.png) center no-repeat;
    margin: 0;}

#loginFrame .content-wrap .form.account-type{display: none;}
#loginFrame .content-wrap .form .title{margin-top: 44px;font-size: 18px;color: #333;height: 18px;line-height: 18px;margin-bottom: 36px;}
#loginFrame .content-wrap .form .title .change-type{float: right;cursor: pointer;font-size: 13px;color: #2f97f0;}
#loginFrame .content-wrap .form .login-remember{font-size: 13px;height: 15px;line-height: 15px;color: #5e5e5e;}
#loginFrame .content-wrap .form .login-remember input{position: relative;
    top: 2px;}
#loginFrame .content-wrap .form .login-remember .forget{float: right;color: #5e5e5e;}
#loginFrame .content-wrap .regist{font-size: 13px;color: #5e5e5e;text-align: center;padding-bottom: 30px;}
#loginFrame .content-wrap .regist a{color: #2f97f0;}

#privacyFrame{display:none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;}
#privacyFrame .overlay{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.2;}
#privacyFrame .cont-wrap{width: 868px;height:468px; background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -434px;margin-top: -234px;padding:30px; border: 6px solid rgba(51, 51, 51, 0.15);-webkit-background-clip: padding-box;background-clip: padding-box;}
#privacyFrame .cont-wrap .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;line-height: 33px;text-align: center;font-size: 30px;color: #666;}
#privacyFrame .cont-wrap h2{font-size: 15px;line-height:21px; color: #5E5E5E;text-align: center;margin-bottom:20px;}
#privacyFrame .cont-wrap .detail{width:100%;height:349px;overflow:auto;margin-bottom:30px;}
#privacyFrame .cont-wrap .detail p{margin:0;font-size:15px;line-height:30px;text-indent: 2em;}
#privacyFrame .cont-wrap .detail h2{ margin: 10px 0; font-size: 15px; color: #333;}
#privacyFrame .cont-wrap .detail h3{ font-size:15px:font-weight:bold; line-height:1.5; color: #333;}
#privacyFrame .cont-wrap .detail h4{ margin:12px 0 5px; font-size:15px;font-weight:bold; line-height:1.5; color: #333;}
#privacyFrame .cont-wrap .detail h5{ font-size:15px;font-weight:bold; line-height:1.5; color: #333;text-align: right;margin:0;}
#privacyFrame .cont-wrap .detail table{border:1px solid #ddd;text-align: center;width: 100%;border-collapse:collapse;}
#privacyFrame .cont-wrap .detail tr{border:1px solid #ddd;}
#privacyFrame .cont-wrap .detail td{border:1px solid #ddd;vertical-align: middle;padding: 4px;}
#privacyFrame .cont-wrap .btn-box{width:100%;height:48px;text-align:center;}
#privacyFrame .cont-wrap .btn-box button{width:30%;height:48px;color:#fff;background:#2F97F0;text-align:center;font-size:16px; line-height:48px;border-radius:4px;margin:0;padding:0;outline:none;border:none;}
#privacyFrame .cont-wrap .btn-box button.btn-close{background:#ddd;margin-right:50px;}