You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
3.1 KiB
138 lines
3.1 KiB
5 years ago
|
@charset "UTF-8";
|
||
|
|
.mui-content,
|
||
|
|
body {
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
#code-input {
|
||
|
|
width: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 划转信息样式
|
||
|
|
.transfer-money {
|
||
|
|
display: flex;
|
||
|
|
width: 5.8rem;
|
||
|
|
height: 1.48rem;
|
||
|
|
background:linear-gradient(-90deg,rgba(212,52,54,1),rgba(255,146,125,1));
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: .2rem;
|
||
|
|
text-align: center;
|
||
|
|
padding-top: .3rem;
|
||
|
|
color: #fff;
|
||
|
|
font-size: .24rem;
|
||
|
|
.account-left {
|
||
|
|
flex: 1;
|
||
|
|
.account1 {
|
||
|
|
width: 1.06rem;
|
||
|
|
height: .27rem;
|
||
|
|
font-size: .27rem;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #FFFFFF;
|
||
|
|
line-height: .27rem;
|
||
|
|
}
|
||
|
|
.money1 {
|
||
|
|
width: 1.39rem;
|
||
|
|
height: .17rem;
|
||
|
|
font-size: .20rem;
|
||
|
|
font-weight: 400;
|
||
|
|
color: rgba(255, 255, 255, 1);
|
||
|
|
line-height: .17rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.icon-transfer {
|
||
|
|
flex: 1;
|
||
|
|
img {
|
||
|
|
width: .70rem;
|
||
|
|
height: .7rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.account-right {
|
||
|
|
flex: 1;
|
||
|
|
.account2 {
|
||
|
|
width: 1.06rem;
|
||
|
|
height: .27rem;
|
||
|
|
font-size: .27rem;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #FFFFFF;
|
||
|
|
line-height: .27rem;
|
||
|
|
}
|
||
|
|
.money2 {
|
||
|
|
width: 1.39rem;
|
||
|
|
height: .17rem;
|
||
|
|
font-size: .20rem;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #FFFFFF;
|
||
|
|
line-height: .17rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 划转数量样式
|
||
|
|
.transfer-num {
|
||
|
|
margin-top: .52rem;
|
||
|
|
.transfer1 {
|
||
|
|
width: 2.26rem;
|
||
|
|
height: .27rem;
|
||
|
|
font-size: .27rem;
|
||
|
|
font-family: PingFangSC-Regular;
|
||
|
|
font-weight: 400;
|
||
|
|
margin-left: .27rem;
|
||
|
|
}
|
||
|
|
.transfer2 {
|
||
|
|
position: relative;
|
||
|
|
margin-top: .25rem;
|
||
|
|
input {
|
||
|
|
display: inline-block;
|
||
|
|
width: 100%;
|
||
|
|
height: .69rem;
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #DDDDDD;
|
||
|
|
&::-webkit-input-placeholder {
|
||
|
|
color: #666666;
|
||
|
|
font-size: .2rem;
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
position: absolute;
|
||
|
|
height: .69rem;
|
||
|
|
font-size: .2rem;
|
||
|
|
right: .1rem;
|
||
|
|
text-align: center;
|
||
|
|
line-height: .69rem;
|
||
|
|
color: #007849;
|
||
|
|
width: 20%;
|
||
|
|
border-bottom: 1px solid #DDDDDD;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.transfer3 {
|
||
|
|
width: 153px;
|
||
|
|
height: 12px;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
color: rgba(153, 153, 153, 1);
|
||
|
|
margin-left: .27rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 确定按钮样式
|
||
|
|
.btn {
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
.mui-btn {
|
||
|
|
display: inline-block;
|
||
|
|
width: 40%;
|
||
|
|
height: .75rem;
|
||
|
|
// background: #0375B4;
|
||
|
|
background: linear-gradient(90deg,rgba(255,157,0,1) 0%,rgba(255,205,52,1) 100%);
|
||
|
|
border-radius: 4px;
|
||
|
|
margin: 0 .2rem;
|
||
|
|
margin-top: 1.84rem;
|
||
|
|
line-height: .2rem;
|
||
|
|
// border: 1px solid #0375B4;
|
||
|
|
border: 1px solid #FFD031;
|
||
|
|
font-size: .27rem;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
}
|