|
@@ -95,7 +95,7 @@ body {
|
|
|
height : 44px;
|
|
|
padding : 7px 17px;
|
|
|
background: #fff;
|
|
|
-
|
|
|
+
|
|
|
input {
|
|
|
width : 73%;
|
|
|
height : $a*60px;
|
|
@@ -108,7 +108,7 @@ body {
|
|
|
background-size : 20px;
|
|
|
padding-left : 40px;
|
|
|
color : rgba(153, 153, 153, 1);
|
|
|
- outline:none;
|
|
|
+ outline : none;
|
|
|
}
|
|
|
|
|
|
span {
|
|
@@ -192,4 +192,144 @@ table {
|
|
|
word-break : break-all;
|
|
|
}
|
|
|
|
|
|
-$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722
|
|
|
+$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF5722;
|
|
|
+
|
|
|
+// 支付弹窗
|
|
|
+.payment {
|
|
|
+
|
|
|
+ position : fixed;
|
|
|
+ width : 100%;
|
|
|
+ left : 0;
|
|
|
+ top : 0;
|
|
|
+ height : 100%;
|
|
|
+ background-color : rgba(0, 0, 0, .5);
|
|
|
+ background-position-x: 20px;
|
|
|
+ background-size : 50%;
|
|
|
+
|
|
|
+ div {
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ >div {
|
|
|
+ position : absolute;
|
|
|
+ bottom : 0;
|
|
|
+ left : 0;
|
|
|
+ background-color: #fff;
|
|
|
+ padding : 20px 0;
|
|
|
+ width : 100%;
|
|
|
+ max-height : 311px;
|
|
|
+
|
|
|
+ >p {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ font-size : 16px;
|
|
|
+ font-family : PingFang-SC-Bold;
|
|
|
+ font-weight : bold;
|
|
|
+ color : rgba(32, 32, 32, 1);
|
|
|
+ padding : 0 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .auto {
|
|
|
+
|
|
|
+ overflow-x: scroll;
|
|
|
+
|
|
|
+ ul {
|
|
|
+ padding : 15px;
|
|
|
+ overflow-x: auto;
|
|
|
+ width : 390px;
|
|
|
+ border-top: .5px solid #afafaf;
|
|
|
+
|
|
|
+ li {
|
|
|
+ width : 107px;
|
|
|
+ text-align : center;
|
|
|
+ display : inline-block;
|
|
|
+ margin-right: 10px;
|
|
|
+
|
|
|
+ p {
|
|
|
+ line-height : 58px;
|
|
|
+ width : 100%;
|
|
|
+ height : 64px;
|
|
|
+ text-align : center;
|
|
|
+ display : inline-block;
|
|
|
+ background : rgba(255, 255, 255, 1);
|
|
|
+ border : 2px solid rgba(255, 92, 86, 1);
|
|
|
+ border-radius: 16px;
|
|
|
+ color : red;
|
|
|
+
|
|
|
+
|
|
|
+ span {
|
|
|
+ font-size : 18px;
|
|
|
+ font-family: PingFang-SC-Bold;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-size : 14px;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >span {
|
|
|
+ font-size : 22px*0.5;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ font-weight: 500;
|
|
|
+ color : rgba(175, 175, 175, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .discount {
|
|
|
+ p {
|
|
|
+ line-height: normal;
|
|
|
+ padding-top: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .del {
|
|
|
+ display : block;
|
|
|
+ font-size : 26px*0.5;
|
|
|
+ font-family : PingFang-SC-Medium;
|
|
|
+ font-weight : 500;
|
|
|
+ text-decoration: line-through;
|
|
|
+ color : rgba(204, 204, 204, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ border-top: .5px solid rgba(175, 175, 175, 1);
|
|
|
+ ;
|
|
|
+ padding: 15px 15px 0 15px;
|
|
|
+ width : 100%;
|
|
|
+
|
|
|
+ button {
|
|
|
+ width : 90%;
|
|
|
+ height : 40px;
|
|
|
+ background : rgba(255, 92, 92, 1);
|
|
|
+ border-radius: 8px;
|
|
|
+ border : none;
|
|
|
+ margin : auto;
|
|
|
+ display : block;
|
|
|
+ color : #fff;
|
|
|
+ font-size : 16px;
|
|
|
+ font-family : PingFang-SC-Medium;
|
|
|
+ font-weight : 500;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ font-size : 29px*0.5;
|
|
|
+ font-family: PingFang-SC-Medium;
|
|
|
+ font-weight: 500;
|
|
|
+ color : rgba(175, 175, 175, 1);
|
|
|
+ text-align : center;
|
|
|
+ margin-top : 10px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|