body{ background-color: #F5F5F5; } .bank_order,.bank_order_heng{ width: 100%; } .bank_order_heng{ display: none; } .bank_order .heard{ /* width: 100%; */ background-color: #21B1EB; font-size: 0.24rem; } .bank_order .heard_box{ padding-top: 0.4rem; height: 0.9rem; display: flex; align-items: center; justify-content: center; font-size: 0.32rem; color: #FFFFFF; position: relative; } .bank_order .heard_box a{ position: absolute; width: 0.16rem; height: 0.16rem; left: 0.3rem; transform:rotate(-135deg); border-top: 0.04rem solid #fff; border-right: 0.04rem solid #fff; } .bank_order .containner{ padding: 0 0.3rem; margin-top: 0.3rem; } .bank_order .bank_select{ width: 100%; background:rgba(255,255,255,1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius:0.3rem; } .bank_order .bank_select_box{ padding: 0.2rem 0.3rem; display: flex; align-items: center; } .bank_order .bank_select_box>img{ width: 0.8rem; height: 0.8rem; margin-right: 0.21rem; } .bank_order .bank_select_box .bank_info{ display: flex; flex-direction: column; height: 0.8rem; justify-content: space-between; align-items: flex-start; } .bank_order .bank_select_box .bank_info>div:first-child{ font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .bank_select_box .bank_info>div:last-child { font-size:0.24rem; font-family:PingFang SC; font-weight:500; color:rgba(169,169,169,1); } .bank_order .bank_select_box .bank_info>div:last-child span{ margin-left: 0.3rem; } .bank_order .bank_text{ margin: 0.23rem 0; font-size:0.24rem; font-family:PingFang SC; font-weight:400; color:rgba(169,169,169,1); } .bank_order .bank_select_info{ width: 100%; background:rgba(255,255,255,1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius:0.3rem; } .bank_order .bank_select_info_box{ padding: 0.4rem 0.3rem 0.53rem 0.3rem; } .bank_order .bank_select_info_box .select_info_content{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem; } .bank_order .select_info_content>div{ font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .select_info_content>input{ width:4rem; height:0.6rem; background:rgba(245,245,245,1); border-radius:0.3rem; border: 0; outline: none; padding-left: 0.3rem; } .bank_order .select_info_code{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.4rem; border-bottom: 1px solid #F5F5F5; } .bank_order .select_info_code>div{ font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .select_info_code>.gain_code{ display: flex; align-items: center; } .bank_order .select_info_code>.gain_code>input{ width:2.1rem; height:0.6rem; background:rgba(245,245,245,1); border-radius:0.3rem; border: 0; outline: none; padding-left: 0.3rem; } .bank_order .select_info_code>.gain_code>div{ width:2rem; height:0.6rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.28rem; font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); line-height: 0.6rem; text-align: center; margin-left: 0.2rem; } .bank_order .select_info_price{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.5rem; } .bank_order .select_info_price>div{ font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .select_info_price>span{ font-size:0.48rem; font-family:PingFang SC; font-weight:500; color:rgba(227,0,0,1); } .bank_order .foot_btn{ position: fixed; bottom: 0; left: 0; width: 100%; height: 1rem; background:rgba(33,177,235,1); font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); line-height: 1rem; text-align: center; z-index: 1; } .bank_order .bank_mode{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; display: none; } .bank_order .bank_window{ position: fixed; width: 6.9rem; height: 8rem; background-color: #fff; top: 50%; margin-top: -4rem; left: 50%; margin-left: -3.45rem; z-index: 3; border-radius: 0.3rem; display: none; } .bank_order .bank_window .win_heard{ height: 1rem; width: 100%; background:rgba(33,177,235,1); font-size:0.28rem; font-family:PingFang SC; font-weight:400; color:rgba(245,245,245,1); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .bank_order .bank_window .win_heard_box{ padding: 0.35rem 0.62rem 0.35rem 0.92rem; display: flex; align-items: center; justify-content: space-between; position: relative; } .bank_order .bank_window .win_heard_box>a{ position: absolute; width: 0.16rem; height: 0.16rem; left: 0.3rem; transform:rotate(-135deg); border-top: 0.04rem solid #fff; border-right: 0.04rem solid #fff; } .bank_order .bank_window .win_info{ height: 7rem; padding: 0 0.2rem; overflow-y: auto; } .bank_order .bank_window .win_info_box{ padding: 0.2rem 0; border-bottom: 1px solid #F5F5F5; } .bank_order .bank_window .win_info_box .win_bank{ padding: 0 0.65rem 0 0.1rem; display: flex; align-items: center; justify-content: space-between; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .bank_window .win_info_box .win_bank_img{ display: flex; align-items: center; } .bank_order .bank_window .win_info_box .win_bank_img>img{ width: 0.6rem; height: 0.6rem; margin-right: 0.27rem; } /* 横屏 */ .bank_order_heng .heard{ /* width: 100%; */ background-color: #21B1EB; font-size: 0.24rem; } .bank_order_heng .heard_box{ padding-top: 0.2rem; height: 0.45rem; display: flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #FFFFFF; position: relative; } .bank_order_heng .heard_box a{ position: absolute; width: 0.12rem; height: 0.12rem; left: 0.3rem; transform:rotate(-135deg); border-top: 0.04rem solid #fff; border-right: 0.04rem solid #fff; } .bank_order_heng .containner{ padding: 0 0.3rem; margin-top: 0.1rem; } .bank_order_heng .bank_select{ width: 100%; background:rgba(255,255,255,1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius:0.1rem; } .bank_order_heng .bank_select_box{ padding: 0.1rem 0.3rem; display: flex; align-items: center; } .bank_order_heng .bank_select_box>img{ width: 0.4rem; height: 0.4rem; margin-right: 0.21rem; } .bank_order_heng .bank_select_box .bank_info{ display: flex; flex-direction: column; height: 0.4rem; justify-content: space-between; align-items: flex-start; } .bank_order_heng .bank_select_box .bank_info>div:first-child{ font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .bank_select_box .bank_info>div:last-child { font-size:0.14rem; font-family:PingFang SC; font-weight:500; color:rgba(169,169,169,1); } .bank_order_heng .bank_select_box .bank_info>div:last-child span{ margin-left: 0.3rem; } .bank_order_heng .bank_text{ margin: 0.1rem 0; font-size:0.14rem; font-family:PingFang SC; font-weight:400; color:rgba(169,169,169,1); } .bank_order_heng .bank_select_info{ width: 100%; background:rgba(255,255,255,1); box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius:0.1rem; } .bank_order_heng .bank_select_info_box{ padding: 0.1rem 0.3rem 0.1rem 0.3rem; } .bank_order_heng .bank_select_info_box .select_info_content{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.1rem; } .bank_order_heng .select_info_content>div{ font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .select_info_content>input{ width:4.9rem; height:0.3rem; background:rgba(245,245,245,1); border-radius:0.1rem; border: 0; outline: none; padding-left: 0.3rem; font-size: 0.16rem; } .bank_order_heng .select_info_code{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.1rem; border-bottom: 1px solid #F5F5F5; } .bank_order_heng .select_info_code>div{ font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .select_info_code>.gain_code{ display: flex; align-items: center; } .bank_order_heng .select_info_code>.gain_code>.phone{ width:1.8rem; height:0.3rem; background:rgba(245,245,245,1); border-radius:0.1rem; border: 0; outline: none; padding-left: 0.3rem; } .bank_order_heng .select_info_code>.gain_code>.code{ width:1.1rem; height:0.3rem; background:rgba(245,245,245,1); border-radius:0.1rem; border: 0; outline: none; padding-left: 0.3rem; margin-left: 0.3rem; } .bank_order_heng .select_info_code>.gain_code>div{ width:1.2rem; height:0.3rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.16rem; font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); line-height: 0.3rem; text-align: center; margin-left: 0.2rem; } .bank_order_heng .select_info_price{ display: flex; align-items: center; justify-content: space-between; margin-top: 0.1rem; } .bank_order_heng .select_info_price>div{ font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .select_info_price>div>span{ font-size:0.24rem; font-family:PingFang SC; font-weight:500; color:rgba(227,0,0,1); } .bank_order_heng .select_info_price .foot_btn{ width: 2.56rem; height: 0.3rem; background:rgba(33,177,235,1); font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); line-height: 0.3rem; text-align: center; border-radius: 0.3rem; } .bank_order_heng .bank_mode{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; display: none; } .bank_order_heng .bank_window{ position: fixed; width: 5.9rem; height: 3.5rem; background-color: #fff; top: 50%; margin-top: -1.75rem; left: 50%; margin-left: -2.95rem; z-index: 3; border-radius: 0.1rem; display: none; } .bank_order_heng .bank_window .win_heard{ height: 0.5rem; width: 100%; background:rgba(33,177,235,1); font-size:0.16rem; font-family:PingFang SC; font-weight:400; color:rgba(245,245,245,1); border-top-left-radius: 0.1rem; border-top-right-radius: 0.1rem; } .bank_order_heng .bank_window .win_heard_box{ padding: 0.1rem 0.62rem 0.1rem 0.92rem; display: flex; align-items: center; justify-content: space-between; position: relative; } .bank_order_heng .bank_window .win_heard_box>a{ position: absolute; width: 0.12rem; height: 0.12rem; left: 0.3rem; transform:rotate(-135deg); border-top: 0.04rem solid #fff; border-right: 0.04rem solid #fff; } .bank_order_heng .bank_window .win_info{ height: 3rem; padding: 0 0.2rem; overflow-y: auto; } .bank_order_heng .bank_window .win_info_box{ padding: 0.1rem 0; border-bottom: 1px solid #F5F5F5; } .bank_order_heng .bank_window .win_info_box .win_bank{ padding: 0 0.65rem 0 0.1rem; display: flex; align-items: center; justify-content: space-between; font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .bank_window .win_info_box .win_bank_img{ display: flex; align-items: center; } .bank_order_heng .bank_window .win_info_box .win_bank_img>img{ width: 0.3rem; height: 0.3rem; margin-right: 0.27rem; } .bank_order .payment_code{ position: fixed; width: 6.3rem; height: 8rem; background-color: #fff; top: 50%; margin-top: -4rem; left: 50%; margin-left: -3.15rem; z-index: 3; border-radius: 0.3rem; display: none; } .bank_order .payment_code_box{ padding: 0 0.35rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order .payment_code_top{ padding: 0.4rem 0 0.35rem 0; width: 100%; font-size:0.36rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); text-align: center; border-bottom: 1px solid #EAEAEA; position: relative; } .bank_order .payment_code_top>a{ position: absolute; right: 0.35rem; top: 0.43rem; width: 0.3rem; height: 0.3rem; background-image: url("../img/close2.png"); background-size: 100% 100%; font-size: 0.24rem; } .bank_order .payment_money{ width: 100%; margin-top: 0.3rem; padding-bottom: 0.5rem; text-align: center; border-bottom: 1px solid #EAEAEA; } .bank_order .payment_money>div:first-child{ font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order .payment_money>div:last-child{ margin-top: 0.3rem; font-size:0.6rem; font-family:PingFang SC; font-weight:800; color:rgba(51,51,51,1); } .bank_order .payment_money_bank{ width: 100%; margin-top:0.18rem; display: flex; align-items: center; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); padding-bottom: 0.2rem; border-bottom: 1px solid #EAEAEA; } .bank_order .payment_money_bank>img{ width: 0.6rem; height: 0.6rem; margin-right: 0.26rem; } .bank_order .payment_input_code{ margin-top: 0.6rem; display: flex; align-items: center; width: 100%; font-size:0.28rem; font-family:PingFang SC; font-weight:500; padding-bottom: 0.22rem; border-bottom: 1px solid #EAEAEA; } .bank_order .payment_input_code>div:first-child>img{ width: 0.24rem; height: 0.24rem; } .bank_order .payment_input_code>div:first-child>input{ width: 3rem; border: 0; outline: 0; } .bank_order .payment_input_code>div:first-child{ display: flex; align-items: center; width: 60%; padding-right: 0.2rem; border-right: 1px solid #EAEAEA; } .bank_order .payment_input_code>div:last-child{ width: 40%; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(33,177,235,1); margin-left: 0.22rem; } .bank_order .payment_input_phone{ margin-top: 0.4rem; font-size:0.24rem; font-family:PingFang SC; font-weight:500; color:rgba(134,134,134,1); } .bank_order .payment_input_phone_btn{ margin-top: 0.3rem; width:5rem; height:0.7rem; background:rgba(33,177,235,1); border-radius:0.35rem; font-size:0.32rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.7rem; } .bank_order_heng .payment_code{ position: fixed; width: 5.3rem; height: 3.3rem; background-color: #fff; top: 50%; margin-top: -1.65rem; left: 50%; margin-left: -2.65rem; z-index: 3; border-radius: 0.3rem; /* display: none; */ } .bank_order_heng .payment_code_box{ padding: 0 0.35rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order_heng .payment_code_top{ padding: 0.1rem 0 0.1rem 0; width: 100%; font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); text-align: center; border-bottom: 1px solid #EAEAEA; position: relative; } .bank_order_heng .payment_code_top>a{ position: absolute; right: 0.35rem; top: 0.23rem; width: 0.15rem; height: 0.15rem; background-image: url("../img/close2.png"); background-size: 100% 100%; font-size: 0.14rem; } .bank_order_heng .payment_money{ width: 100%; margin-top: 0.1rem; padding-bottom: 0.1rem; text-align: center; border-bottom: 1px solid #EAEAEA; } .bank_order_heng .payment_money>div:first-child{ font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); } .bank_order_heng .payment_money>div:last-child{ margin-top: 0.1rem; font-size:0.22rem; font-family:PingFang SC; font-weight:800; color:rgba(51,51,51,1); } .bank_order_heng .payment_money_bank{ width: 100%; margin-top:0.08rem; display: flex; align-items: center; font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(51,51,51,1); padding-bottom: 0.1rem; border-bottom: 1px solid #EAEAEA; } .bank_order_heng .payment_money_bank>img{ width: 0.36rem; height: 0.3rem; margin-right: 0.26rem; } .bank_order_heng .payment_input_code{ margin-top: 0.1rem; display: flex; align-items: center; width: 100%; font-size:0.16rem; font-family:PingFang SC; font-weight:500; padding-bottom: 0.1rem; border-bottom: 1px solid #EAEAEA; } .bank_order_heng .payment_input_code>div:first-child>img{ width: 0.12rem; height: 0.12rem; } .bank_order_heng .payment_input_code>div:first-child>input{ width: 3rem; border: 0; outline: 0; } .bank_order_heng .payment_input_code>div:first-child{ display: flex; align-items: center; width: 60%; padding-right: 0.2rem; border-right: 1px solid #EAEAEA; } .bank_order_heng .payment_input_code>div:last-child{ width: 40%; font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(33,177,235,1); margin-left: 0.22rem; } .bank_order_heng .payment_input_phone{ margin-top: 0.1rem; font-size:0.14rem; font-family:PingFang SC; font-weight:500; color:rgba(134,134,134,1); } .bank_order_heng .payment_input_phone_btn{ margin-top: 0.1rem; width:5rem; height:0.35rem; background:rgba(33,177,235,1); border-radius:0.35rem; font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.35rem; } .bank_order_heng .payment_input_phone_btn_heng{ margin-top: 0.1rem; width:5rem; height:0.35rem; background:rgba(33,177,235,1); border-radius:0.35rem; font-size:0.2rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.35rem; } .bank_order .forbid_model{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; } .bank_order .forbid_window{ position: fixed; width: 4.5rem; height: 4.36rem; top: 50%; margin-top: -2.18rem; left: 50%; margin-left: -2.25rem; background-color: #fff; z-index: 3; border-radius: 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order .forbid_pay{ font-size:0.24rem; font-family:PingFang SC; font-weight:500; color:rgba(41,41,41,1); display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order .forbid_pay>img{ width: 1.7rem; height: 1.7rem; margin-bottom: 0.25rem; } .bank_order .forbid_confirm{ width:3.3rem; height:0.6rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.6rem; margin-top: 0.45rem; } .bank_order .forbid_close{ position: absolute; width: 0.3rem; height: 0.3rem; top: 0.3rem; left: 0.3rem; font-size: 0.2rem; } .bank_order .forbid_close>img{ width: 100%; height: 100%; } .bank_order_heng .forbid_model{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; } .bank_order_heng .forbid_window{ position: fixed; width: 4.5rem; height: 2.2rem; top: 50%; margin-top: -1.1rem; left: 50%; margin-left: -2.25rem; background-color: #fff; z-index: 3; border-radius: 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order_heng .forbid_pay{ font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(41,41,41,1); display: flex; flex-direction: column; align-items: center; justify-content: center; } .bank_order_heng .forbid_pay>img{ width: 0.8rem; height: 0.8rem; margin-bottom: 0.12rem; } .bank_order_heng .forbid_confirm{ width:3.3rem; height:0.3rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.3rem; margin-top: 0.2rem; } .bank_order_heng .forbid_close{ position: absolute; width: 0.3rem; height: 0.3rem; top: 0.3rem; left: 0.3rem; font-size: 0.2rem; } .bank_order_heng .forbid_close>img{ width: 100%; height: 100%; } .loading { position: fixed; width: 4.5rem; height: 4.36rem; top: 50%; margin-top: -2.18rem; left: 50%; margin-left: -2.25rem; background-color: #fff; z-index: 3; border-radius: 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .loading .forbid_pay{ font-size:0.24rem; font-family:PingFang SC; font-weight:500; color:rgba(41,41,41,1); display: flex; flex-direction: column; align-items: center; justify-content: center; } .loading .forbid_pay>img{ width: 1.7rem; height: 1.7rem; margin-bottom: 0.25rem; } .loading .forbid_confirm{ width:3.3rem; height:0.6rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.6rem; margin-top: 0.45rem; } .loading .forbid_close{ position: absolute; width: 0.3rem; height: 0.3rem; top: 0.3rem; left: 0.3rem; font-size: 0.2rem; } .loading .forbid_close>img{ width: 100%; height: 100%; }