﻿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(/public/member/images/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(/public/member/images/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:45%;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 img{border:0px;vertical-align:middle;height:36px;}
.center .codeImg img[src=""],.center .center-input-login-content ul li .codeImg img:not([src]){opacity:0;}
.center .codeReload{float:right;vertical-align: middle; margin: 0 2% 0% 2%;line-height:3rem;}
.center .codeReload img{width:25px; height:25px;vertical-align:middle;}

.center .codeSms{float:right; width:7rem;margin-right:2%;vertical-align:middle;line-height:3rem;}
.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 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(/public/member/images/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(/public/member/images/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(/public/member/images/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:8%;}
.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("/public/member/images/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("/public/member/images/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; }

@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("/public/member/images/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;}*/

}
@media only screen and (min-device-width : 600px) and (max-device-width : 1142px)
{
.center ul li{width:92%!important;}
.center .center-input{width:70%;}
}
@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:1rem;}
.center .center-input2{ margin-top:0;}
.center .center-input-top2 p{margin-top:3%;}

}
@media only screen and (max-device-width:330px) {
.center ul li{width:98%!important;}
}