.pay-page{
width: 100%;
height: 100vh;
min-height: 1624rpx;
background: #F7FAFF;
.pay-card{
padding-top:6rpx;
.card-s{
margin:24rpx 30rpx;
width: 690rpx;
height: 261rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49);
border-radius: 10rpx;
.card-text{
padding: 46rpx 0 17rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #1E1E1E;
line-height: 40rpx;
text-align: center;
font-style: normal;
}
.card-num{
font-family: DIN, DIN;
font-weight: bold;
font-size: 72rpx;
color: #FF6A00;
line-height: 88rpx;
text-align: center;
font-style: normal;
}
}
}
.pay-line{
margin: 24rpx 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
height: 112rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49);
border-radius: 10rpx;
.line-left{
margin-left:25rpx;
display: flex;
.left-img{
width: 64rpx;
height: 64rpx;
background-size: 100%;
}
.left-text{
padding-left:10rpx;
padding-top:10rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #333333;
line-height: 44rpx;
text-align: left;
font-style: normal;
}
}
.line-right{
margin-right: 25rpx;
width: 30rpx;
height: 30rpx;
background: url('https://app.dingrongxd.com/imgs/l-icon.png') 0 0 no-repeat;
background-size: 100%;
}
}
.pay-mian{
margin:0 30rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49);
border-radius: 10rpx;
.pay-mian-box{
padding:0 13rpx 0 27rpx;
.mian-box-phone{
display: flex;
align-items: center;
height: 112rpx;
background: #FFFFFF;
border-bottom: 2rpx solid #DDDDDD;
.mian-box-label{
margin-right: 16rpx;
// width: 160rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
line-height: 112rpx;
color: #666666;
}
.box-mobile-input{
flex:1;
text-align: left;
line-height: 112rpx;
}
}
.mian-box-code{
display: flex;
align-items: center;
justify-content: space-between;
height: 112rpx;
background: #FFFFFF;
.box-code-send{
display: flex;
height: 112rpx;
.mian-box-label{
margin-right: 16rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
text-align: left;
line-height: 112rpx;
color: #666666;
}
.mian-box-input{
width: 220rpx;
height: 112rpx;
line-height: 112rpx;
}
}
.mian-box-sendcode{
font-size: 24rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 400;
color: #FF6A00;
}
}
}
}
.pay-pro{
margin:24rpx 0 70rpx 55rpx;
display: flex;
.pro-icon-null{
width: 28rpx;
height: 28rpx;
background: url('https://app.dingrongxd.com/imgs/repay-null.png') 0 0 no-repeat;
background-size: 100%;
}
.pro-icon{
width: 28rpx;
height: 28rpx;
background: url('https://app.dingrongxd.com/imgs/repay-click.png') 0 0 no-repeat;
background-size: 100%;
}
.pro-text{
padding-left:10rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #FF6A00;
line-height: 33rpx;
text-align: left;
font-style: normal;
}
}
.pay-footer{
margin: 0 30rpx;
width: 690rpx;
height: 98rpx;
background: linear-gradient( 235deg, #FF6A00 0%, #FF9000 100%);
border-radius: 49rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
line-height: 98rpx;
text-align: center;
font-style: normal;
}
/* 银行卡 */
.bank-card{
.modal-main{
.modal-contain{
background: #FFFFFF;
opacity: 0.9;
.modal-line{
display: flex;
height: 120rpx;
margin: 0 34rpx;
.line-icon{
margin: 28rpx 32rpx 0 0;
width: 64rpx;
height: 64rpx;
background-size: 100%;
vertical-align: middle;
}
.line-text{
display: flex;
flex: 1;
height: 120rpx;
font-size: 34rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #212121;
line-height: 120rpx;
vertical-align: middle;
text-align: left;
border-bottom: 1rpx solid #F0F0F0;
}
.checked-icon{
width: 48rpx;
height: 48rpx;
background: url('https://app.dingrongxd.com/imgs/add-check.png') no-repeat;
background-size: 100%;
vertical-align: middle;
margin-top:34rpx;
margin-left: 250rpx;
}
.modal-line-left{
display: flex;
flex:1;
.line-bank{
margin: 28rpx 32rpx 0 0;
width: 64rpx;
height: 64rpx;
background: url('https://app.dingrongxd.com/imgs/addbank.png') no-repeat;
background-size: 100%;
vertical-align: middle;
}
.line-text{
}
}
.modal-line-right{
padding-right: 32rpx;
margin-top:36rpx;
width: 24rpx;
height: 48rpx;
// background: url('../../static/ysd/imgs/authicon.png') 0 0 no-repeat;
background-size: 24rpx 48rpx;
}
}
}
}
}
// 二次绑卡
.bank-card{
// position: fixed !important;
// bottom:0 !important;
// height: 50% !important;
.card-text{
margin:0 30rpx;
height: 114rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #666666;
line-height: 114rpx;
text-align: left;
font-style: normal;
border-bottom:1rpx solid #E9E9E9;
}
.card-line{
display: flex;
margin:0 30rpx;
height: 114rpx;
align-items: center;
border-bottom: 1rpx solid #E9E9E9;
.line-label{
padding-right: 18rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 30rpx;
color: #666666;
line-height: 28rpx;
text-align: left;
font-style: normal;
}
.line-input{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 30rpx;
color: #666666;
line-height: 28rpx;
text-align: left;
font-style: normal;
}
.item-code{
padding-right: 30rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 30rpx;
color: #FF6A00;
line-height: 28rpx;
text-align: center;
font-style: normal;
}
.mobileCode-min{
padding-left:12rpx;
padding-right: 24rpx;
height: 100rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 30rpx;
color: #FF6A00;
line-height: 100rpx;
text-align: right;
font-style: normal;
text-transform: none;
}
}
.card-btn{
margin:70rpx 30rpx ;
width: 670rpx;
height: 88rpx;
background: linear-gradient( 235deg, #FF6A00 0%, #FF9000 100%);
border-radius: 44rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
line-height: 88rpx;
text-align: center;
font-style: normal;
}
}
}