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
@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; |
|
} |
|
} |