|
@@ -1,6 +1,6 @@
|
|
|
.paymentTitle {
|
|
|
min-height: 177px;
|
|
|
- background: linear-gradient(180deg, #EFB02D 0%, #FFCD79 100%);
|
|
|
+ background: linear-gradient(0deg, #31C7FF 0%, #007AFE 100%);
|
|
|
border-radius: 0px 0px 8px 8px;
|
|
|
|
|
|
.orderType {
|
|
@@ -40,13 +40,15 @@
|
|
|
margin: 10px 13px;
|
|
|
|
|
|
.tips {
|
|
|
- padding: 10px 12px 10px 2px;
|
|
|
+ padding: 17px 10px 18px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.iconTips {
|
|
|
- width: 52px;
|
|
|
- height: 52px;
|
|
|
+ width: 36px;
|
|
|
+ height: 37px;
|
|
|
+ margin-right: 10px;
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
span {
|
|
@@ -55,26 +57,27 @@
|
|
|
|
|
|
i {
|
|
|
font-style: normal;
|
|
|
- color: #BE7332;
|
|
|
+ color: #19A1FE;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.btnDownload {
|
|
|
flex-shrink: 0;
|
|
|
- margin-left: 9px;
|
|
|
- border-color: #FFCF7C;
|
|
|
- background: #FFFAF4;
|
|
|
- border-radius: 6px;
|
|
|
- font-size: 14px;
|
|
|
+ margin-left: 12px;
|
|
|
+ background: linear-gradient(135deg, #31C7FF 0%, #007AFE 100%);
|
|
|
+ border-radius: 14px;
|
|
|
+ border: none;
|
|
|
font-weight: 600;
|
|
|
- color: #F39F11;
|
|
|
- padding: 3px 21px;
|
|
|
- height: 27px;
|
|
|
- line-height: 27px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 20px;
|
|
|
+ padding: 3px 18px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
|
|
|
span {
|
|
|
- color: #F39F11;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -83,11 +86,10 @@
|
|
|
line-height: 18px;
|
|
|
font-size: 12px;
|
|
|
padding: 0 6px;
|
|
|
+ background: #F4FAFF;
|
|
|
border-radius: 4px;
|
|
|
- background-color: #FFF5E6;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #FFE9D9;
|
|
|
- color: #BE7332;
|
|
|
+ border: 1px solid rgba(52, 173, 255, 0.55);
|
|
|
+ color: #19A1FE;
|
|
|
}
|
|
|
|
|
|
:global {
|
|
@@ -113,7 +115,7 @@
|
|
|
margin-right: 6px;
|
|
|
width: 4px;
|
|
|
height: 14px;
|
|
|
- background: linear-gradient(180deg, #FFB790 0%, #FF8057 100%);
|
|
|
+ background: linear-gradient(135deg, #31C7FF 0%, #007AFE 100%);
|
|
|
border-radius: 2px;
|
|
|
}
|
|
|
|
|
@@ -195,4 +197,4 @@
|
|
|
.phoneName {
|
|
|
background: #f2f2f2;
|
|
|
border-radius: 6px;
|
|
|
-}
|
|
|
+}
|