|
@@ -1,30 +1,30 @@
|
|
|
-body { background-color: #F5F5FB; }
|
|
|
+body { background-color: #F5F5FB !important; }
|
|
|
|
|
|
-#pay { padding: 30px 0; }
|
|
|
+#pay { padding: 106px 0px 30px 0px; }
|
|
|
|
|
|
-#pay .progress { width: 1200px; display: inline-block; padding-left: 120px; margin-bottom: 30px; box-sizing: border-box; }
|
|
|
+#pay .progress_createOrder { width: 1200px; display: inline-block; padding-left: 120px; margin-bottom: 30px; box-sizing: border-box; }
|
|
|
|
|
|
-#pay .progress div { width: 300px; height: 38px; line-height: 38px; text-align: center; background-color: #BFBFBF; float: left; margin-right: 8px; }
|
|
|
+#pay .progress_createOrder div { width: 300px; height: 38px; line-height: 38px; text-align: center; background-color: #BFBFBF; float: left; margin-right: 8px; }
|
|
|
|
|
|
-#pay .progress div.a1 { background-color: #BFBFBF; color: #fff; }
|
|
|
+#pay .progress_createOrder div.a1 { background-color: #BFBFBF; color: #fff; }
|
|
|
|
|
|
-#pay .progress div.b2 { background-color: #72DAE8; color: #fff; }
|
|
|
+#pay .progress_createOrder div.b2 { background-color: #72DAE8; color: #fff; }
|
|
|
|
|
|
-#pay .progress div.c3 { background-color: #2CB7CA; color: #fff; }
|
|
|
+#pay .progress_createOrder div.c3 { background-color: #2CB7CA; color: #fff; }
|
|
|
|
|
|
-#pay .progress .l { position: relative; z-index: 3; }
|
|
|
+#pay .progress_createOrder .l { position: relative; z-index: 3; }
|
|
|
|
|
|
-#pay .progress .l:after { content: ""; position: absolute; right: -23px; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #2CB7CA; border-bottom: 19px solid transparent; }
|
|
|
+#pay .progress_createOrder .l:after { content: ""; position: absolute; right: -23px; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #2CB7CA; border-bottom: 19px solid transparent; }
|
|
|
|
|
|
-#pay .progress .c { z-index: 2; position: relative; }
|
|
|
+#pay .progress_createOrder .c { z-index: 2; position: relative; }
|
|
|
|
|
|
-#pay .progress .c:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #fff; border-bottom: 19px solid transparent; }
|
|
|
+#pay .progress_createOrder .c:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #fff; border-bottom: 19px solid transparent; }
|
|
|
|
|
|
-#pay .progress .c:after { content: ""; position: absolute; right: -23px; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #72DAE8; border-bottom: 19px solid transparent; }
|
|
|
+#pay .progress_createOrder .c:after { content: ""; position: absolute; right: -23px; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #72DAE8; border-bottom: 19px solid transparent; }
|
|
|
|
|
|
-#pay .progress .r { position: relative; }
|
|
|
+#pay .progress_createOrder .r { position: relative; }
|
|
|
|
|
|
-#pay .progress .r:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #fff; border-bottom: 19px solid transparent; }
|
|
|
+#pay .progress_createOrder .r:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 19px solid transparent; border-left: 23px solid #fff; border-bottom: 19px solid transparent; }
|
|
|
|
|
|
#pay .inner { background-color: #fff; border-top: 2px solid #2CB7CA; padding: 30px; }
|
|
|
|
|
@@ -92,6 +92,8 @@ body { background-color: #F5F5FB; }
|
|
|
|
|
|
#pay .inner .money > div:nth-of-type(1) { margin: 18px 0 11px 0; color: #1d1d1d; }
|
|
|
|
|
|
+#pay .inner .money > div:nth-of-type(1) p{ height:24px}
|
|
|
+
|
|
|
#pay .inner .money > div:nth-of-type(1) span { font-size: 24px; font-weight: bold; color: #ff3a20; }
|
|
|
|
|
|
#pay .inner .money > div:nth-of-type(2) { color: #1d1d1d; }
|
|
@@ -104,19 +106,19 @@ body { background-color: #F5F5FB; }
|
|
|
|
|
|
#pay .inner .info .right .t span { position: absolute; left: 0; top: 0; padding: 0; display: inline-block; width: 14px; height: 14px; cursor: pointer; box-sizing: border-box; border: 1px solid #ccc; }
|
|
|
|
|
|
-#pay .inner .info .right .t span.hideBf:before { content: "\e62d"; position: absolute; left: -2px; top: -2px; width: 14px; height: 14px; font-size: 16px; color: #2CB7CA; }
|
|
|
+#pay .inner .info .right .t span.hideBf:before { content: "\e62d"; position: absolute; left: -2px; top: -4.5px; width: 14px; height: 14px; font-size: 16px; color: #2CB7CA; }
|
|
|
|
|
|
#pay .inner .info .right .t i { color: #888888; }
|
|
|
|
|
|
#pay .inner .info .right .t i a { color: #0987FF; font-size: 14px; }
|
|
|
|
|
|
-#pay .inner .info .right .btn { margin-top: 40px; }
|
|
|
+#pay .inner .info .right .btn_createOrder { margin-top: 40px; }
|
|
|
|
|
|
-#pay .inner .info .right .btn button { display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; border-radius: 6px; cursor: pointer; }
|
|
|
+#pay .inner .info .right .btn_createOrder button { display: inline-block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; border-radius: 6px; cursor: pointer; }
|
|
|
|
|
|
-#pay .inner .info .right .btn button:nth-of-type(1) { background-color: #fff; margin-right: 15px; border: 1px solid #ccc; }
|
|
|
+#pay .inner .info .right .btn_createOrder button:nth-of-type(1) { background-color: #fff; margin-right: 15px; border: 1px solid #ccc; }
|
|
|
|
|
|
-#pay .inner .info .right .btn button:nth-of-type(2) { color: #fff; }
|
|
|
+#pay .inner .info .right .btn_createOrder button:nth-of-type(2) { color: #fff; }
|
|
|
|
|
|
#pay .no-select{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
|
|
/*# sourceMappingURL=payment_order.css.map */
|