﻿input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 0.8rem; }
input:-moz-placeholder, textarea:-moz-placeholder { font-size: 0.8rem; }
input::-moz-placeholder, textarea::-moz-placeholder { font-size: 0.8rem; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size: 0.8rem; }
/*头部*/
.top .topLeft { position: fixed; left: 0px; top: 0px; background: url(//s.faloo.com/u/regist/RegistTopLeft.png) no-repeat; background-size: auto; width: 524px; height: 215px; z-index: -1; }
.top .topRight { position: fixed; right: 0px; top: 0px; background: url(//s.faloo.com/u/regist/RegistTopRight.png) no-repeat; background-size: auto; width: 185px; height: 174px; z-index: -1; }
/*中间*/
.center { max-width: 1280px; margin: 0px auto; position: relative; overflow: hidden; }
.center .center-top { width: 96%; margin: auto; margin-top: 2%; }
.center .center-top .center-top-left { width: 80%; float: left; }
.center .center-top .center-top-left span { float: left; line-height: 60px; width: 38%; max-width: 175px; }
    .center .center-top .center-top-left span img { width: 100% }
.center .center-top .center-top-left div { width: 50%; float: left; font-size: 1.3rem; line-height: 2.5rem; }
    .center .center-top .center-top-left div i { color: #E6E6E6; padding-right: 5%; padding-left: 5%; }
.center .center-top .center-top-right { float: right; width: 20%; }
.center .center-top .center-top-right span { float: right; width: 100%; height: 100%; margin: 8px; }
    .center .center-top .center-top-right span img { width: 100%; height: 100%; }

.center .center-input { width: 96%; margin: 0px auto; margin-top: 9%; margin-bottom: 5%; padding-bottom: 5%; background: #fff; border-radius: 4px; box-shadow: 0px 0px 20px #C4C4C4; }
/*通用*/
.center .center-input-top { width: 100%; background: #09A451; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.center .center-input-top p { float: left; width: 33%; line-height: 2.2rem; margin-left: 11.3%; margin-top: 3%; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; }
.center .center-input-top p a { width: 100%; height: 100%; }
.center .center-input-top .selectItem { background: #FFFFFF; }
.center .center-input-top .selectItem span { color: #09A451 !important; }
.center .center-input-top p span { color: #FFFFFF; padding-left: 0.2rem; }
.center .center-input-top p i img { vertical-align: middle; }
.center .center-input-top .form_tilte { line-height: 3.5rem; text-align: center; font-size: 24px; color: #fff; }

.center ul li i { padding: 0 10px 0 10px; border-right: 1px solid #999; display: inline-flex; vertical-align: middle; }
.center ul li i img { vertical-align: middle; }
.center .codeImg { float: right; vertical-align: middle; line-height: 3rem; border-radius: 3px; margin: 0 0 0 0; }
.center .codeImg a img { border: 0px; vertical-align: middle; height: 60px; }
.center .codeImg a img[src=""], .center .center-input-login-content ul li .codeImg a img:not([src]) { opacity: 0; }
.center .codeReload { float: right; vertical-align: middle; margin: 0 2% 0% 2%; line-height: 3rem; }
.center .codeReload a img { width: 25px; height: 25px; vertical-align: middle; }

.center .codeSms { float: right; margin-right: 2%; vertical-align: middle; line-height: 3rem; min-width:22%; }
.center .codeSms input { font-size: 1rem; line-height: 2rem !important; height: 2rem !important; background: #09A451 !important; border-radius: 30px; margin: 0 0 0 0; text-align: center; width: 100% !important; color: #fff !important; }
.center .codeSend { color: #FFFFFF; font-size: 1rem; }
.center .textContent p i { width: 60%; }
.center .textContent p i input { display: block; width: 58% !important; line-height: 2.5rem; margin: 0px auto; color: #FFFFFF; font-size: 1.3rem; border-radius: 30px; cursor: pointer; border: 0px; background: -webkit-linear-gradient(#0CBC5A, #068D48); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#0CBC5A, #068D48); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#0CBC5A, #068D48); /* Firefox 3.6 - 15 */ background: linear-gradient(#0CBC5A, #068D48); /* 标准的语法 */ }
.center .textContent p i input { width: 100%; }
/*登录*/
.center .center-input-banner { float: left; width: 40%; margin-left: 2.5%; }
.center .center-input-banner img { width: 100%; height: 100%; margin-top: 20%; }
.center .center-input-login-content { float: right; width: 55%; background: #FFFFFF; }
.center .center-input-login-content .title { display: block; padding-top: 2%; margin-top: 10%; margin-left: 16%; }
.center .center-input-login-content .title b { font-weight: 500; font-size: 1.5rem; }
.center .center-input-login-content ul { padding-top: 10px; }
.center .center-input-login-content ul li { width: 70%; margin: 0px auto; margin-bottom: 3.8%; background: #F3F3F3; border-radius: 15px; display: block; }
.center .center-input-login-content ul .marginBottom { margin-bottom: 0px; }
.center .center-input-login-content ul li input { width: 55%; line-height: 3rem; height: 3.2rem; background: none; border: 0px; padding-left: 0.5rem; font-size: 1rem; font-family: 'Microsoft YaHei'; color: #666; }
.center .center-input-login-content ul li p { display: inline-block; width: 38%; }
.center .center-input-login-content ul li#newVerifyCode2022 p { display: inline-block; width: 26%; }
    .center .center-input-login-content ul li p input { width: 95%; }

.center .center-input-login-content ul li .retrievePwd { display: inline-block; line-height: 3rem; vertical-align: middle; color: #048139; float: right; margin-right: 3%; }

.center .center-input-login-content .textContent { text-align: center; width: 96%; margin: auto; }
.center .center-input-login-content .textContent span { float: left; margin-left: 20%; color: #B3B3B3; }
.center .center-input-login-content .textContent em { float: right; margin-right: 162px; color: #19A2F1; cursor: pointer; }
.center .center-input-login-content .textContent p { height: 55px; line-height: 55px; }
    .center .center-input-login-content .textContent p b { color: #B3B3B3; }
    .center .center-input-login-content .textContent p span img { vertical-align: middle; }

.center .center-input-login-content .textContent .lgoin { color: #048139; }
.center .center-input-login-content .threeLogin p { float: left; width: 28%; margin-left: 15%; height: auto !important; cursor: pointer; overflow: hidden; white-space: nowrap; }
.center .center-input-login-content .threeLogin p img { width: 39px; height: 40px; vertical-align: middle; }
.center .center-input-left { position: absolute; left: -4px; bottom: 15px; z-index: -1; }
.center .center-input-right { position: absolute; right: -4px; bottom: 15px; z-index: -1; }
/*尾部*/
.bottom { width: 100%; height: auto; z-index: -1; background: url(//s.faloo.com/u/regist/RegistBg.png) no-repeat; background-size: 100% 100%; padding-top: 15%; padding-bottom: 15%; position: absolute; bottom: 0; left: 0; }
.bottom .bottomLeft { position: absolute; left: 0px; bottom: 0px; background: url(//s.faloo.com/u/regist/RegistBottomLeft.png) no-repeat; background-size: 100% 100%; width: 10%; z-index: -1; padding-top: 3%; padding-bottom: 3%; }
.bottom .bottomRight { position: absolute; right: 0px; bottom: 0px; background: url(//s.faloo.com/u/regist/RegistBottomRight.png) no-repeat; background-size: 100% 100%; width: 20%; z-index: -1; padding-top: 5%; padding-bottom: 5%; }
.bottom .bottomContent { position: absolute; width: 100%; color: #999999; bottom: 1%; text-align: center; z-index: -1; }

/*注册*/
.center .center-input2 { width: 96%; max-width: 550px; margin: 0px auto; margin-top: 0; margin-bottom: 3%; border-radius: 5px; background: #ffffff; box-shadow: 0px 0px 20px #C4C4C4; }
/*邮箱*/
.center .center-input-email-content { width: 98%; margin: auto; background: #FFFFFF; }
.center .center-input-email-content ul { padding-top: 5%; }
.center .center-input-email-content ul li { width: 90%; margin: 0px auto; margin-bottom: 3%; background: #F3F3F3; border-radius: 15px; }
.center .center-input-email-content ul .marginBottom2 { margin-bottom: 0px; }
.center .center-input-email-content ul .marginBottom2 p { width: 38%; }
.center .center-input-email-content ul li span { width: 80%; display: inline-block; }
.center .center-input-email-content ul li input { width: 95%; background: none; border: 0px; margin-left: 2%; font-size: 1rem; font-family: 'Microsoft YaHei'; vertical-align: middle; line-height: 3rem; height: 3.2rem; }
.center .center-input-email-content ul li p { display: inline-block; width: 38%; }
.center .center-input-email-content .textContent { text-align: center; padding-bottom: 8%; width: 90%; margin: auto; }
.center .center-input-email-content .textContent p { padding-top: 5%; }
.center .center-input-email-content .textContent p b { color: #B3B3B3; }
.center .center-input-email-content .textContent p span img { vertical-align: middle; }
.center .center-input-email-content .textContent .lgoin { color: #048139; }
/*手机*/
.center .center-input-phone-content { width: 98%; margin: auto; background: #FFFFFF; }
.center .center-input-phone-content ul { padding-top: 5%; }
.center .center-input-phone-content ul li { width: 90%; line-height: 2.5rem; margin: 0px auto; margin-bottom: 3%; background: #F3F3F3; border-radius: 15px; }
.center .center-input-phone-content ul li span { width: 80%; display: inline-block; }
.center .center-input-phone-content ul li input { width: 95%; background: none; border: 0px; margin-left: 2%; font-size: 1rem; font-family: 'Microsoft YaHei'; vertical-align: middle; line-height: 3rem; height: 3.2rem; }
.center .center-input-phone-content ul li p { display: inline-block; width: 38%; }

.center .center-input-phone-content .textContent { text-align: center; padding-bottom: 6%; }
.center .center-input-phone-content .textContent p { padding-top: 5%; }
.center .center-input-phone-content .textContent p b { color: #B3B3B3; }
.center .center-input-phone-content .textContent p span img { vertical-align: middle; }
.center .center-input-phone-content .textContent .lgoin { color: #048139; }
.center .center-input-left { position: absolute; left: 172px; bottom: 15px; z-index: -1; }
.center .center-input-right { position: absolute; right: 156px; bottom: 15px; z-index: -1; }


/*登录时余额不足时的提示窗*/
.zheZhao { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.41); }
.payTipWin { position: fixed; top: 50%; left: 50%; margin-top: calc(-23.25rem / 2); margin-left: calc(-36.75rem / 2); width: 36.75rem; height: 23.25rem; background: url("//s.faloo.com/u/regist/payTip/payTip_bj.jpg") no-repeat center center; background-size: 100% auto; border-radius: 0.625rem; text-align: center; box-shadow: 0rem 0rem 0.625rem #0D4424; }
.payTipWin .pw_zi1 { border: none; width: 16.25rem; height: auto; margin-top: 3.125rem; }
.payTipWin .pw_zi2 { width: 100%; height: 5.25rem; background: url("//s.faloo.com/u/regist/payTip/payTip_zi2.png") no-repeat center center; background-size: auto 5.25rem; color: #fff; font-size: 1.125rem; line-height: 4.25rem; margin-top: 0.625rem; }
.payTipWin .pw_btn1 { background-color: #FF8B0F; border: solid 0.063rem #fff; color: #fff; font-size: 1.313rem; display: inline-block; border-radius: 1.875rem; padding: 0.5rem 3.375rem; margin-top: 0.625rem; cursor: pointer; }
.payTipWin .pw_btn2 { background: rgba(255,255,255,0.41); color: #fff; font-size: 0.875rem; border-radius: 1.875rem; padding: 0.125rem 1.25rem; position: absolute; top: 0.938rem; right: 0.938rem; cursor: pointer; }
.payTipWin .pw_btn2:hover { left: auto; }

.newVerifyCode2022 { padding: 6px 0; }
.newVerifyCode2022 .imgLayout { float: right; display: flex; align-items: center; height: 60px; }
.newVerifyCode2022 .imgLayout .refreshImg {margin:0 10px; }
.newVerifyCode2022 .inputLayout { float: left; display: flex; align-items: center; height: 60px; }
.newVerifyCode2022 .inputLayout input{ width:88px !important; }
.newVerifyCode2022_1 .inputLayout input { width: 125px !important; }
.newVerifyCode2022 .inputLayout em { border-right: 1px solid #999; height: 20px; }
.newVerifyCode2022 .nv_icon1 { margin: 0 10px 0 10px; }
.center .newVerifyCode2022 .codeImg { float: none; text-align: center; position: relative; z-index: 111; top: -104px; }


/* skd授权的弹窗 */
.auth_zhezhao { position:fixed; top:0; left:0;right:0;bottom:0; background-color:rgba(0,0,0,0.6); }
.auth_zhezhao .auth_win { position:absolute;bottom:0; left:0; right:0; background-color:#fff; border-top-left-radius: 10px; border-top-right-radius: 10px; box-sizing:border-box; padding:0 14px;}
    .auth_zhezhao .auth_win .auth_title { font-size:20px;text-align :center;padding: 24px 0 14px; border-bottom: 1px solid #DBDBDB; color:#333333; }
.auth_zhezhao .auth_win .applogo{ display: block; margin: 0 auto; width: 45px; margin-top: 25px;margin-bottom: 24px;}
.auth_zhezhao .auth_win .auth_zi1{ font-size: 16px;margin-left: 24px;color: #333;}
    .auth_zhezhao .auth_win .auth_zi2 { font-size: 14px;margin-left: 24px;color: #666666;    margin-top: 14px;display: flex; align-items: center;}
        .auth_zhezhao .auth_win .auth_zi2:before { content: ""; display: block; width: 6px; height: 6px; background-color: #A0A0A0; margin-right: 10px; border-radius: 50%; }
.auth_zhezhao .auth_win .auth_btns{ display:flex;justify-content: space-around;margin-top: 31px;padding-bottom: 30px;}
.auth_zhezhao .auth_win .auth_btns .auth_btn1{ text-align:center;padding: 12px 0;font-size: 18px;color: #999;box-sizing: content-box;width: 40%;border: 1px solid #DBDBDB;border-radius: 50px;}
.auth_zhezhao .auth_win .auth_btns .auth_btn2{ text-align:center;padding: 12px 0;font-size: 18px;color: #2480E5;border: 1px solid #2480E5;box-sizing: content-box;width: 40%;border-radius: 50px;}

/* 发送验证码的窗口 */
.dia_zhezhao{position:fixed; top:0; left:0;right:0;bottom:0; background-color:rgba(0,0,0,0.6); z-index: 10;text-align: center; display: none;}
.dia_zhezhao .d_z_win{width: 94%; max-width: 550px;    margin: 0px auto;margin-top: 200px;}
    .dia_zhezhao .d_z_win .c_z_w_title { background: #09A451; color: #fff; line-height: 46px; display: flex; width: 100%; padding: 2% 5% 0; box-sizing: border-box; position: relative; }
        .dia_zhezhao .d_z_win .c_z_w_title li { width: 26%; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; bottom: -1px; position: relative; }
            .dia_zhezhao .d_z_win .c_z_w_title li.select { background-color: #fff; color: #09A451; }
            .dia_zhezhao .d_z_win .c_z_w_content { background: #fff; }
.dia_zhezhao .c_z_w_c_row{background: #F3F3F3;border-radius: 15px;display: flex;justify-content: center;align-items: center;width: 80%;margin: 0 auto;height: 50px;}
.dia_zhezhao .c_z_w_c_row .c_r_icon{margin-left: 11px;}
.dia_zhezhao .c_z_w_c_row .c_r_line{border-right: 1px solid #999;margin: 0 0 0 8px;height: 25px;}
.dia_zhezhao .c_z_w_c_row input{-webkit-appearance: none;margin-left: 8px; background-color: #F3F3F3;border: none;flex-grow: 1;margin-right: 14px;height: 39px;}
.dia_zhezhao .c_z_w_c_row +.c_z_w_c_row{margin-top:3% ;}
.dia_zhezhao .c_z_w_c_row .btn_sendMsg{line-height: 2rem; color: #fff;padding: 0 10px;    border-radius: 30px; cursor: pointer;   margin-right: 11px;    height: 2rem;    background: #09A451;}    
.dia_zhezhao .btn_verify{background: #09A451; color: #fff;line-height: 36px;border-radius: 30px;    line-height: 36px;    margin: 30px auto; cursor: pointer;    width: 300px;}


@media only screen and (max-device-width: 1142px) {
.payTipWin { left: 50%; width: 18rem; height: 20.25rem; margin-left: calc(-18rem /2 ); margin-top: calc(-20.25rem / 2); background-size: 100% 100%; background-image: url("//s.faloo.com/u/regist/payTip/payd_bj_wap.jpg"); }
.payTipWin .pw_zi2 { height: 3.25rem; background-size: auto 3.7rem; line-height: 2.25rem; font-size: 0.6rem; }
.payTipWin .pw_zi1 { width: 12.25rem; margin-top: 4.125rem; }
.payTipWin .pw_btn1 { padding: 0.2rem 2.375rem; font-size: 1rem; }
}
/*登录时余额不足时的提示窗   end   */




/*手机端公共 iphone5*/
@media only screen and (max-device-width:1142px) {
.center ul li { width: 90% !important; }
.center .center-input { margin-top: 5% !important; }
.center .center-input-banner { width: 30%; float: none; margin: auto; }
.center .center-input-login-content { width: 98%; clear: both; float: none; margin: auto; }
.center .center-input-login-content .title { padding-top: 1%; margin-top: 1%; margin-bottom: 2%; margin-left: 5%; }
.center .center-input-login-content .threeLogin p { width: 40%; margin-left: 6%; }
.center .center-input-banner img { margin-top: 7%; }
.center .center-input-email-content .title { margin-top: 2%; margin-left: 3% }
.center .center-input-email-content .threeLogin p { width: 40%; margin-left: 10%; }
/*.center .center-input-email-content .textContent p{height:2.5rem; line-height:2.5rem;}*/
.center .codeImg a img { height: 60px; }
}

@media only screen and (min-device-width : 600px) and (max-device-width : 1142px) {
.center ul li { width: 92% !important; }
.center .center-input { width: 71%; }

}

@media only screen and (max-device-width:500px) {
.center ul li { width: 94% !important; }
.center .title { padding-top: 4% !important; margin-left: 5% !important; }
.center .center-input-banner { width: 30%; display: none; }
.center .center-input-login-content .textContent p { padding-top: 2%; line-height: 2.2rem; height: 2.2rem; }
.center .textContent p i input { line-height: 2.2rem; font-size: 1.1rem; }
.center .center-top .center-top-left div { font-size: 1.4rem; }
.center .center-input2 { margin-top: 0; }
.center .center-input-top2 p { margin-top: 3%; }
.newVerifyCode2022 .inputLayout { width: calc(100% - 52px); }
.newVerifyCode2022 .inputLayout input { width: 100% !important; }
.center .center-input { margin-top: 0% !important; }
    .newVerifyCode2022 .inputLayout { width: calc(100% - 60px); }
        .newVerifyCode2022 .inputLayout input { width: 100% !important; }
    .newVerifyCode2022 .imgLayout .validate_image[src~=aspx] + .newVerifyCode2022 .inputLayout { height: 40px; }
}

@media only screen and (max-device-width:330px) {
.center ul li { width: 98% !important; }
}
@media only screen and (max-device-width:320px) {
.newVerifyCode2022 .imgLayout .refreshImg { margin:0 2px;}
}
