@charset "utf-8";

.popPay .cons {width:300px; padding:1.5rem; font-size:14px;}
@media screen and (max-width:640px) {
	.popPay .cons {width:11rem; padding:1rem; font-size:.6rem;}
}
.popPay .cons .loads {height:4em; padding-top:1em; display:table; margin:0 auto;}
.popPay .cons .loads span {display:table-cell; height:100%; vertical-align:middle;}
.popPay .cons .loads span i {display:inline-block; width:1em; height:1em; background:#4eb6ff; border-radius:50%; margin:0 2em;}
/*--小点1--*/
.popPay .cons .loads span i:nth-of-type(1){
animation:scale1 .9s linear infinite;
-moz-animation:scale1 .9s linear infinite;
-webkit-animation:scale1 .9s linear infinite;
-o-animation:scale1 .9s linear infinite;}
@keyframes scale1{0%{transform:scale(.3,.3);opacity:.3;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(1,1);opacity:1;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(.3,.3);opacity:.3;}}
@-moz-keyframes scale1{0%{transform:scale(.3,.3);opacity:.3;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(1,1);opacity:1;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(.3,.3);opacity:.3;}}
@-webkit-keyframes scale1{0%{transform:scale(.3,.3);opacity:.3;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(1,1);opacity:1;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(.3,.3);opacity:.3;}}
@-o-keyframes scale1{0%{transform:scale(.3,.3);opacity:.3;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(1,1);opacity:1;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(.3,.3);opacity:.3;}}
/*--小点2--*/
.popPay .cons .loads span i:nth-of-type(2){
animation:scale2 .9s linear infinite;
-moz-animation:scale2 .9s linear infinite;
-webkit-animation:scale2 .9s linear infinite;
-o-animation:scale2 .9s linear infinite;}
@keyframes scale2{0%{transform:scale(.65,.65);opacity:.65;}25%{transform:scale(.3,.3);opacity:.3;}50%{transform:scale(.65,.65);opacity:.65;}75%{transform:scale(1,1);opacity:1;}100%{transform:scale(.65,.65);opacity:.65;}}
@-moz-keyframes scale2{0%{transform:scale(.65,.65);opacity:.65;}25%{transform:scale(.3,.3);opacity:.3;}50%{transform:scale(.65,.65);opacity:.65;}75%{transform:scale(1,1);opacity:1;}100%{transform:scale(.65,.65);opacity:.65;}}
@-webkit-keyframes scale2{0%{transform:scale(.65,.65);opacity:.65;}25%{transform:scale(.3,.3);opacity:.3;}50%{transform:scale(.65,.65);opacity:.65;}75%{transform:scale(1,1);opacity:1;}100%{transform:scale(.65,.65);opacity:.65;}}
@-o-keyframes scale2{0%{transform:scale(.65,.65);opacity:.65;}25%{transform:scale(.3,.3);opacity:.3;}50%{transform:scale(.65,.65);opacity:.65;}75%{transform:scale(1,1);opacity:1;}100%{transform:scale(.65,.65);opacity:.65;}}
/*--小点3--*/
.popPay .cons .loads span i:nth-of-type(3){
animation:scale3 .9s linear infinite;
-moz-animation:scale3 .9s linear infinite;
-webkit-animation:scale3 .9s linear infinite;
-o-animation:scale3 .9s linear infinite;}
@keyframes scale3{0%{transform:scale(1,1);opacity:1;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(.3,.3);opacity:.3;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(1,1);opacity:1;}}
@-moz-keyframes scale3{0%{transform:scale(1,1);opacity:1;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(.3,.3);opacity:.3;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(1,1);opacity:1;}}
@-webkit-keyframes scale3{0%{transform:scale(1,1);opacity:1;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(.3,.3);opacity:.3;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(1,1);opacity:1;}}
@-o-keyframes scale3{0%{transform:scale(1,1);opacity:1;}25%{transform:scale(.65,.65);opacity:.65;}50%{transform:scale(.3,.3);opacity:.3;}75%{transform:scale(.65,.65);opacity:.65;}100%{transform:scale(1,1);opacity:1;}}
/*------- 文本 -------*/
.popPay .cons .text {text-align:center; padding:.2em 0;}
.popPay .cons .text.alink.r {text-align:right;}
.popPay .cons .text.alink.c {text-align:center;}
.popPay .cons .text.alink a {font-size:.9em; color:#4eb6ff;}
.popPay .cons .text.blue {color:#4eb6ff; font-size:1.3em; font-weight:bold;}
.popPay .cons .text.gray {color:#a2a2a2; font-size:.9em;}
.popPay .cons .text.black {color:#333; font-size:1.8em;}
.popPay .cons .text.tit {color:#333; font-size:1.2em;}
.popPay .cons .text.red {color:#f66; font-size:1.8em;}
/*------- 按钮 -------*/
.popPay .cons .btn1 label,
.popPay .cons .btn1 a {display:block; height:2.4em; line-height:2.4em; margin:0 auto; background:#f66; border-radius:.2em; text-align:center; font-size:1.1em; color:#fff; cursor:pointer;}
/*------- 背景图标 -------*/
.popPay .cons .back {width:7em; height:7em; margin:0 auto; margin-bottom:.8em; background:url(/images/pop-bg.jpg) left top no-repeat; background-size:auto 100%;}
/*------- 表单 -------*/
.popPay .cons .form .input {margin-right:1px; margin-top:.8em; position:relative;}
.popPay .cons .form .input > input[type="text"],
.popPay .cons .form .input > input[type="tel"],
.popPay .cons .form .input > input[type="password"] {height:2.8em; width:100%; text-indent:.7em; border:1px #d9d9d9 solid; border-radius:.2em;}
.popPay .cons .form .input > input.indent {text-indent:2.8em; background:url(../style/icon-forgetPass2.png) left top no-repeat; background-size:2.8em auto;}
.popPay .cons .form .input > input.indent.phone {background-position:0 0;}
.popPay .cons .form .input > input.indent.yzm {background-position:0 -5.6em;}
.popPay .cons .form .btn1 {margin-top:.8em;}
/*--警告--*/
.popPay .cons .form .input.error { padding:.3em; border:1px #f66 solid; background:#ffe4e1; font-size:.9em; color:#f43836;}
.popPay .cons .form .input.error i {display:inline-block; margin-right:.3em; width:.9em; height:.9em; line-height:.9em; text-align:center; color:#fff; font-style:normal; background:#f66; border-radius:50%;}
.popPay .cons .form .input.error i:before {content:"!";}
.popPay .cons .form .input.error a {margin-left:10px; color:#4eb6ff;}
/*------- Loading-导入文章 -------*/
.popPay .cons .daoru .text.blue:before {content:"正在导入文章中...";}
.popPay .cons .daoru .text.gray:before {content:"请勿刷新窗口";}
/*------- Loading-设置密码中 -------*/
.popPay .cons .passSeting .text.blue:before {content:"设置密码中...";}
.popPay .cons .passSeting .text.gray:before {content:"请勿刷新窗口";}
/*------- Loading-支付订单中 -------*/
.popPay .cons .paying .text.blue:before {content:"支付订单中...";}
.popPay .cons .paying .text.gray:before {content:"请勿刷新窗口";}
/*------- 余额不足 & 设置密码成功 -------*/
.popPay .cons .yuebuzu .back {background-position:0 0;}
.popPay .cons .yuebuzu .text.black:before {content:"余额不足";}
.popPay .cons .yuebuzu .text.gray:before {content:"您的余额不足，请先充值再支付";}
.popPay .cons .passSetOk .back {background-position:-7em 0;}
.popPay .cons .passSetOk .text.black:before {content:"设置成功！";}
.popPay .cons .passSetOk .text.gray:before {content:"您的支付密码已设置";}
.popPay .cons .yuebuzu .btn1, .popPay .cons .passSetOk .btn1 {margin-top:15px;}
.popPay .cons .yuebuzu .btn1 a, .popPay .cons .passSetOk .btn1 a {width:150px;}
.popPay .cons .yuebuzu .btn1 a:hover, .popPay .cons .passSetOk .btn1 a:hover {color: #fff!important;}
/*------- 图片上传提示 -------*/
.popPay .cons .wenxinTip .text.blue:before {content:"温馨提示";}
.popPay .cons .wenxinTip .text.gray,
.popPay .cons .wenxinTip .btn1 {margin-top:1em;}
.popPay .cons .wenxinTip .btn1 label {width:9em;}
.popPay .cons .wenxinTip .btn1 label:before {content:"确定";}
/*------- 支付 -------*/
.popPay .cons .form.pay .text.tit:before {content:"总金额（元）";}
/*--按钮--*/
.popPay .cons .form.pay .btn1 label:before {content:"支付";}
/*------- PASS -------*/
.popPay .cons .form.pass .text.tit:before {content:"设置支付密码";}
/*--发送验证码--*/
.popPay .cons .form.pass .input .sms {position:absolute; height:2em; line-height:2em; top:50%; margin-top:-1em; right:.4em; color:#fff; padding:0 .5em; border-radius:.2em; cursor:pointer;}
.popPay .cons .form.pass .input .sms.get,
.popPay .cons .form.pass .input .sms.get.reget {background:#4eb6ff;}
.popPay .cons .form.pass .input .sms.send {background:#999; cursor:not-allowed;}
/*--按钮--*/
.popPay .cons .form.pass .btn1 label:before {content:"下一步";}
/*------- PASS 设置支付密码 -------*/
.popPay .cons .form.pass.set .btn1 label:before {content:"确定";}

@media screen and (max-width:640px) {
	/*------- 按钮 -------*/
	.popPay .cons .btn1 label,
	.popPay .cons .btn1 a {height:2.1em; line-height:2.1em;}
	/*--发送验证码--*/
	.popPay .cons .form.pass .input .sms {font-size:.8em;}

}
.payMask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
}
.position-middle-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}