ft活动上线

footseen/phonepay/applepay.html

@@ -13,7 +13,7 @@
 	<link rel="stylesheet" href="css/base.css">
 	<link rel="stylesheet" href="css/base.css">
 	<link rel="stylesheet" href="css/layer.css">
 	<link rel="stylesheet" href="css/layer.css">
 	<link rel="stylesheet" href="css/daily.css">
 	<link rel="stylesheet" href="css/daily.css">
-	<link rel="stylesheet" href="css/index.css?v=202408051210">
+	<link rel="stylesheet" href="css/index.css?v=2024082901">
 	<style>
 	<style>
 		.layui-layer-shade {
 		.layui-layer-shade {
 			opacity: 0.7 !important;
 			opacity: 0.7 !important;

footseen/phonepay/css/index.css

@@ -2,7 +2,6 @@
   width: 10rem;
   width: 10rem;
   margin: 0 auto;
   margin: 0 auto;
 }
 }
-
 .login-id-p1 {
 .login-id-p1 {
   color: #22222B;
   color: #22222B;
   font-size: 0.37rem;
   font-size: 0.37rem;
@@ -10,7 +9,6 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.45rem;
   padding-top: 0.45rem;
 }
 }
-
 .login-id-p2 {
 .login-id-p2 {
   width: 8.9rem;
   width: 8.9rem;
   font-size: 0.3rem;
   font-size: 0.3rem;
@@ -18,7 +16,6 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.15rem;
   padding-top: 0.15rem;
 }
 }
-
 .login-id-p3 {
 .login-id-p3 {
   color: #22222B;
   color: #22222B;
   font-size: 0.37rem;
   font-size: 0.37rem;
@@ -26,7 +23,6 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.75rem;
   padding-top: 0.75rem;
 }
 }
-
 .login-id-p4 {
 .login-id-p4 {
   font-size: 0.3rem;
   font-size: 0.3rem;
   color: #666;
   color: #666;
@@ -34,19 +30,16 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.15rem;
   padding-top: 0.15rem;
 }
 }
-
 .login-id-p5 {
 .login-id-p5 {
   width: 8.9rem;
   width: 8.9rem;
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.35rem;
   padding-top: 0.35rem;
   font-size: 0;
   font-size: 0;
 }
 }
-
 .login-id-p5 img {
 .login-id-p5 img {
   width: 5.16rem;
   width: 5.16rem;
   margin-left: 0.1rem;
   margin-left: 0.1rem;
 }
 }
-
 .login-id-p6 {
 .login-id-p6 {
   color: #22222B;
   color: #22222B;
   font-size: 0.35rem;
   font-size: 0.35rem;
@@ -54,13 +47,11 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.35rem;
   padding-top: 0.35rem;
 }
 }
-
 .id-login-input {
 .id-login-input {
   text-align: center;
   text-align: center;
   font-size: 0;
   font-size: 0;
   padding-top: 0.35rem;
   padding-top: 0.35rem;
 }
 }
-
 .id-login-input input {
 .id-login-input input {
   width: 8.7rem;
   width: 8.7rem;
   height: 1rem;
   height: 1rem;
@@ -71,11 +62,9 @@
   font-size: 0.35rem;
   font-size: 0.35rem;
   color: #fff;
   color: #fff;
 }
 }
-
 .id-login-input ::placeholder {
 .id-login-input ::placeholder {
   color: #B0B0B1;
   color: #B0B0B1;
 }
 }
-
 .firefly-id-btn {
 .firefly-id-btn {
   width: 8.45rem;
   width: 8.45rem;
   margin: 0 auto;
   margin: 0 auto;
@@ -88,7 +77,6 @@
   border-radius: 1rem;
   border-radius: 1rem;
   margin-top: 0.55rem;
   margin-top: 0.55rem;
 }
 }
-
 .firefly-login-layer {
 .firefly-login-layer {
   width: 7.04rem;
   width: 7.04rem;
   height: 7.23rem;
   height: 7.23rem;
@@ -99,27 +87,23 @@
   position: relative;
   position: relative;
   display: none;
   display: none;
 }
 }
-
 .layer-login-p1 {
 .layer-login-p1 {
   color: #22222B;
   color: #22222B;
   font-size: 0.4rem;
   font-size: 0.4rem;
   text-align: center;
   text-align: center;
   padding-top: 0.7rem;
   padding-top: 0.7rem;
 }
 }
-
 .layer-face-box {
 .layer-face-box {
   text-align: center;
   text-align: center;
   font-size: 0;
   font-size: 0;
   padding-top: 0.4rem;
   padding-top: 0.4rem;
 }
 }
-
 .layer-face-box img {
 .layer-face-box img {
   width: 1.44rem;
   width: 1.44rem;
   height: 1.44rem;
   height: 1.44rem;
   border-radius: 50%;
   border-radius: 50%;
   border: 2px solid #fff;
   border: 2px solid #fff;
 }
 }
-
 .layer-login-p2 {
 .layer-login-p2 {
   font-size: 0.3rem;
   font-size: 0.3rem;
   width: 6rem;
   width: 6rem;
@@ -127,7 +111,6 @@
   color: #FFFFFF;
   color: #FFFFFF;
   padding-top: 0.3rem;
   padding-top: 0.3rem;
 }
 }
-
 .layer-login-p3 {
 .layer-login-p3 {
   color: #FFFFFF;
   color: #FFFFFF;
   font-size: 0.3rem;
   font-size: 0.3rem;
@@ -135,7 +118,6 @@
   margin: 0 auto;
   margin: 0 auto;
   padding-top: 0.1rem;
   padding-top: 0.1rem;
 }
 }
-
 .layer-login-p4 {
 .layer-login-p4 {
   color: #F54344;
   color: #F54344;
   font-size: 0.3rem;
   font-size: 0.3rem;
@@ -144,7 +126,6 @@
   padding-top: 0.1rem;
   padding-top: 0.1rem;
   line-height: 0.5rem;
   line-height: 0.5rem;
 }
 }
-
 .layer-login-btn1 {
 .layer-login-btn1 {
   width: 2.57rem;
   width: 2.57rem;
   height: 0.99rem;
   height: 0.99rem;
@@ -158,7 +139,6 @@
   bottom: 0.65rem;
   bottom: 0.65rem;
   left: 0.8rem;
   left: 0.8rem;
 }
 }
-
 .layer-login-btn2 {
 .layer-login-btn2 {
   width: 2.57rem;
   width: 2.57rem;
   height: 0.99rem;
   height: 0.99rem;
@@ -172,34 +152,29 @@
   bottom: 0.65rem;
   bottom: 0.65rem;
   right: 0.8rem;
   right: 0.8rem;
 }
 }
-
 .my-face-box {
 .my-face-box {
   position: relative;
   position: relative;
   height: 1.4rem;
   height: 1.4rem;
   margin-top: 0.1rem;
   margin-top: 0.1rem;
 }
 }
-
 .my-face-box1 {
 .my-face-box1 {
   width: 50%;
   width: 50%;
   height: 1.4rem;
   height: 1.4rem;
   float: left;
   float: left;
   position: relative;
   position: relative;
 }
 }
-
 .my-face-box2 {
 .my-face-box2 {
   width: 50%;
   width: 50%;
   float: right;
   float: right;
   height: 1.4rem;
   height: 1.4rem;
   position: relative;
   position: relative;
 }
 }
-
-.my-face-box2>img {
+.my-face-box2 > img {
   top: 0.5rem;
   top: 0.5rem;
   right: 0.75rem;
   right: 0.75rem;
   position: absolute;
   position: absolute;
   width: 0.4rem;
   width: 0.4rem;
 }
 }
-
 .mey-face-p1 {
 .mey-face-p1 {
   color: #282828;
   color: #282828;
   font-size: 0.35rem;
   font-size: 0.35rem;
@@ -207,13 +182,11 @@
   text-indent: 1.8rem;
   text-indent: 1.8rem;
   padding-top: 0.2rem;
   padding-top: 0.2rem;
 }
 }
-
 .mey-face-p2 {
 .mey-face-p2 {
   font-size: 0.3rem;
   font-size: 0.3rem;
   color: #282828;
   color: #282828;
   text-indent: 1.8rem;
   text-indent: 1.8rem;
 }
 }
-
 .my-face {
 .my-face {
   width: 0.75rem;
   width: 0.75rem;
   height: 0.75rem;
   height: 0.75rem;
@@ -222,12 +195,10 @@
   top: 0.325rem;
   top: 0.325rem;
   left: 0.8rem;
   left: 0.8rem;
 }
 }
-
 .area-content-box {
 .area-content-box {
   height: 1rem;
   height: 1rem;
   position: relative;
   position: relative;
 }
 }
-
 .area-box {
 .area-box {
   color: #ADADAD;
   color: #ADADAD;
   font-size: 0.3rem;
   font-size: 0.3rem;
@@ -237,7 +208,6 @@
   right: 0.7rem;
   right: 0.7rem;
   top: 0.25rem;
   top: 0.25rem;
 }
 }
-
 .area-box .area-content {
 .area-box .area-content {
   display: inline-block;
   display: inline-block;
   margin-left: 0.1rem;
   margin-left: 0.1rem;
@@ -252,14 +222,12 @@
   background: #EAEAEB;
   background: #EAEAEB;
   border-radius: 1rem;
   border-radius: 1rem;
 }
 }
-
 .area-box .area-content img {
 .area-box .area-content img {
   vertical-align: middle;
   vertical-align: middle;
   width: 0.3rem;
   width: 0.3rem;
   margin-top: -0.01rem;
   margin-top: -0.01rem;
   margin-right: 0.1rem;
   margin-right: 0.1rem;
 }
 }
-
 .box2-content {
 .box2-content {
   width: 8.6rem;
   width: 8.6rem;
   margin: 0 auto;
   margin: 0 auto;
@@ -267,7 +235,6 @@
   position: relative;
   position: relative;
   margin-top: 0rem;
   margin-top: 0rem;
 }
 }
-
 .box2-pay-box {
 .box2-pay-box {
   position: relative;
   position: relative;
   height: 2rem;
   height: 2rem;
@@ -281,60 +248,48 @@
   transition: 0.35s all;
   transition: 0.35s all;
   overflow: hidden;
   overflow: hidden;
 }
 }
-
-.box2-pay-box>div {
+.box2-pay-box > div {
   height: 2rem;
   height: 2rem;
 }
 }
-
 .pay-img {
 .pay-img {
   height: 0.8rem;
   height: 0.8rem;
   vertical-align: middle;
   vertical-align: middle;
   margin-left: 0.5rem;
   margin-left: 0.5rem;
   margin-top: 0.1rem;
   margin-top: 0.1rem;
 }
 }
-
 .icon-CODAPAY_PAYWALLET {
 .icon-CODAPAY_PAYWALLET {
   height: 0.45rem;
   height: 0.45rem;
 }
 }
-
 .icon-TAOBAO_PAY {
 .icon-TAOBAO_PAY {
   height: 0.9rem;
   height: 0.9rem;
   margin-top: 0.15rem;
   margin-top: 0.15rem;
   margin-left: 0.4rem;
   margin-left: 0.4rem;
 }
 }
-
 .icon-PAYMENTWALL {
 .icon-PAYMENTWALL {
   height: 0.5rem;
   height: 0.5rem;
   margin-top: 0.2rem;
   margin-top: 0.2rem;
 }
 }
-
 .icon-PAYERMAX_PAY {
 .icon-PAYERMAX_PAY {
   height: 0.5rem;
   height: 0.5rem;
   margin-top: 0.2rem;
   margin-top: 0.2rem;
 }
 }
-
 .icon-GASHP99PAY {
 .icon-GASHP99PAY {
   height: 0.4rem;
   height: 0.4rem;
 }
 }
-
 .icon-WECHATPAY {
 .icon-WECHATPAY {
   height: 0.65rem;
   height: 0.65rem;
 }
 }
-
 .icon-ALIPAY {
 .icon-ALIPAY {
   height: 0.75rem;
   height: 0.75rem;
   margin-top: 0.2rem;
   margin-top: 0.2rem;
 }
 }
-
 .icon-LINE_PAY {
 .icon-LINE_PAY {
   height: 0.65rem;
   height: 0.65rem;
   margin-top: 0.15rem;
   margin-top: 0.15rem;
 }
 }
-
 .icon-TW_PAY {
 .icon-TW_PAY {
   height: 0.65rem;
   height: 0.65rem;
 }
 }
-
 .pay-tips-box {
 .pay-tips-box {
   width: 3.86rem;
   width: 3.86rem;
   height: 0.8rem;
   height: 0.8rem;
@@ -349,13 +304,11 @@
   top: -0.15rem;
   top: -0.15rem;
   left: -0.77rem;
   left: -0.77rem;
 }
 }
-
 .pay-tips-box img {
 .pay-tips-box img {
   vertical-align: middle;
   vertical-align: middle;
   width: 0.6rem;
   width: 0.6rem;
   margin-top: -0.08rem;
   margin-top: -0.08rem;
 }
 }
-
 .pay-span {
 .pay-span {
   /* color: #666666; */
   /* color: #666666; */
   /* font-size: 0.5rem; 
   /* font-size: 0.5rem; 
@@ -371,7 +324,6 @@
   width: 0.16rem;
   width: 0.16rem;
   height: 0.28rem;
   height: 0.28rem;
 }
 }
-
 .box2-pay-ul-box {
 .box2-pay-ul-box {
   width: 7.8rem;
   width: 7.8rem;
   margin: 0 auto;
   margin: 0 auto;
@@ -379,7 +331,6 @@
   border-top: 1px solid #ddd;
   border-top: 1px solid #ddd;
   padding-bottom: 0.5rem;
   padding-bottom: 0.5rem;
 }
 }
-
 .box2-pay-ul-box li {
 .box2-pay-ul-box li {
   width: 2.4rem;
   width: 2.4rem;
   height: 1.4rem;
   height: 1.4rem;
@@ -389,7 +340,6 @@
   margin-top: 0.2rem;
   margin-top: 0.2rem;
   margin-right: 0.2rem;
   margin-right: 0.2rem;
 }
 }
-
 .box2-pay-ul-box .box2-pay-p1 {
 .box2-pay-ul-box .box2-pay-p1 {
   font-size: 0.38rem;
   font-size: 0.38rem;
   color: #01d9e0;
   color: #01d9e0;
@@ -397,24 +347,20 @@
   line-height: 0.5rem;
   line-height: 0.5rem;
   padding-top: 0.23rem;
   padding-top: 0.23rem;
 }
 }
-
 .box2-pay-ul-box .box2-pay-p1 img {
 .box2-pay-ul-box .box2-pay-p1 img {
   width: 0.5rem;
   width: 0.5rem;
   vertical-align: middle;
   vertical-align: middle;
   margin-top: -0.1rem;
   margin-top: -0.1rem;
 }
 }
-
 .box2-pay-ul-box .box2-pay-p2 {
 .box2-pay-ul-box .box2-pay-p2 {
   text-align: center;
   text-align: center;
   font-size: 0.3rem;
   font-size: 0.3rem;
   color: #282828;
   color: #282828;
   line-height: 0.5rem;
   line-height: 0.5rem;
 }
 }
-
 .box2-pay-ul-box li:nth-child(3n) {
 .box2-pay-ul-box li:nth-child(3n) {
   margin-right: 0;
   margin-right: 0;
 }
 }
-
 .layer-shadow {
 .layer-shadow {
   width: 100vw;
   width: 100vw;
   height: 100vh;
   height: 100vh;
@@ -424,7 +370,6 @@
   left: 0;
   left: 0;
   display: none;
   display: none;
 }
 }
-
 .layer-area-box {
 .layer-area-box {
   width: 10rem;
   width: 10rem;
   height: 12.4rem;
   height: 12.4rem;
@@ -436,14 +381,12 @@
   border-radius: 0.5rem 0.5rem 0 0;
   border-radius: 0.5rem 0.5rem 0 0;
   z-index: 800;
   z-index: 800;
 }
 }
-
 .layer-area-title {
 .layer-area-title {
   text-align: center;
   text-align: center;
   font-size: 0.37rem;
   font-size: 0.37rem;
   color: #22222B;
   color: #22222B;
   padding-top: 0.6rem;
   padding-top: 0.6rem;
 }
 }
-
 .area-search-box {
 .area-search-box {
   width: 10rem;
   width: 10rem;
   text-align: center;
   text-align: center;
@@ -453,7 +396,6 @@
   padding-top: 0.3rem;
   padding-top: 0.3rem;
   position: relative;
   position: relative;
 }
 }
-
 .area-search-box input {
 .area-search-box input {
   width: 9rem;
   width: 9rem;
   height: 0.76rem;
   height: 0.76rem;
@@ -464,14 +406,12 @@
   font-size: 0.3rem;
   font-size: 0.3rem;
   box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.33);
   box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.33);
 }
 }
-
 .area-search-box .more-icon {
 .area-search-box .more-icon {
   width: 0.4rem;
   width: 0.4rem;
   position: absolute;
   position: absolute;
   top: 0.5rem;
   top: 0.5rem;
   left: 0.65rem;
   left: 0.65rem;
 }
 }
-
 .search-no-li {
 .search-no-li {
   color: #22222B;
   color: #22222B;
   font-size: 0.35rem;
   font-size: 0.35rem;
@@ -481,7 +421,6 @@
   top: 3rem;
   top: 3rem;
   display: none;
   display: none;
 }
 }
-
 .area-ul {
 .area-ul {
   width: 10rem;
   width: 10rem;
   height: 9.7rem;
   height: 9.7rem;
@@ -489,7 +428,6 @@
   overflow: scroll;
   overflow: scroll;
   -webkit-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
 }
 }
-
 .area-ul li {
 .area-ul li {
   height: 1rem;
   height: 1rem;
   width: 10rem;
   width: 10rem;
@@ -499,31 +437,26 @@
   text-indent: 0.8rem;
   text-indent: 0.8rem;
   font-size: 0.35rem;
   font-size: 0.35rem;
 }
 }
-
-.area-ul li>img {
+.area-ul li > img {
   width: 0.37rem;
   width: 0.37rem;
   position: absolute;
   position: absolute;
   left: 0.3rem;
   left: 0.3rem;
   top: 0.3rem;
   top: 0.3rem;
   display: none;
   display: none;
 }
 }
-
 .area-ul .area-li-click {
 .area-ul .area-li-click {
   background: #f6f6f6;
   background: #f6f6f6;
 }
 }
-
-.area-ul .area-li-click>img {
+.area-ul .area-li-click > img {
   display: block;
   display: block;
 }
 }
-
 .gash-pay-ul-box {
 .gash-pay-ul-box {
   width: 7.8rem;
   width: 7.8rem;
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
   position: relative;
   height: 9rem;
   height: 9rem;
 }
 }
-
-.gash-pay-ul-box>div {
+.gash-pay-ul-box > div {
   border-top: 1px solid #303840;
   border-top: 1px solid #303840;
   min-height: 1rem;
   min-height: 1rem;
   color: #22222B;
   color: #22222B;
@@ -532,8 +465,7 @@
   position: relative;
   position: relative;
   text-indent: 0.2rem;
   text-indent: 0.2rem;
 }
 }
-
-.gash-pay-ul-box>div>span {
+.gash-pay-ul-box > div > span {
   color: #E5E6E7;
   color: #E5E6E7;
   font-size: 0.4rem;
   font-size: 0.4rem;
   position: absolute;
   position: absolute;
@@ -543,7 +475,6 @@
   left: 7.1rem;
   left: 7.1rem;
   transition: 0.2s all;
   transition: 0.2s all;
 }
 }
-
 .login-in-box {
 .login-in-box {
   width: 8.54rem;
   width: 8.54rem;
   height: 3.3rem;
   height: 3.3rem;
@@ -553,37 +484,34 @@
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
   position: relative;
 }
 }
-
 .login-in-box .record-icon {
 .login-in-box .record-icon {
   width: 0.36rem;
   width: 0.36rem;
   position: absolute;
   position: absolute;
   right: 0.2rem;
   right: 0.2rem;
   top: 0.3rem;
   top: 0.3rem;
 }
 }
-
 .login-in-diamond {
 .login-in-diamond {
   text-align: center;
   text-align: center;
   padding-top: 0.7rem;
   padding-top: 0.7rem;
 }
 }
-
 .login-in-diamond img {
 .login-in-diamond img {
   width: 1rem;
   width: 1rem;
 }
 }
-
 .login-in-num {
 .login-in-num {
   font-size: 0.5rem;
   font-size: 0.5rem;
   color: #01d9e0;
   color: #01d9e0;
   text-align: center;
   text-align: center;
   font-weight: 700;
   font-weight: 700;
 }
 }
-
 .countryCode {
 .countryCode {
   font-style: normal;
   font-style: normal;
   position: absolute;
   position: absolute;
   right: 1rem;
   right: 1rem;
   color: #666;
   color: #666;
 }
 }
-
 .layui-layer {
 .layui-layer {
   background: transparent !important;
   background: transparent !important;
-}
+}
\ No newline at end of file
+.icon-ONLYPAY {
+  height: 0.65rem;
+}