body{ background-color: #F5F5F5; } .bank_short,.bank_short_heng{ width: 100%; } .bank_short_heng{ display: none; } .bank_short .heard{ width: 100%; background-color: #21B1EB; font-size: 0.24rem; } .bank_short .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_short .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_short .containner{ padding: 0 0.3rem; margin-top: 0.3rem; } .bank_short .containner_box{ 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_short .containner_text{ padding: 0.59rem 0.3rem 0 0.3rem; } .bank_short .containner_text .price{ font-size:0.64rem; font-family:PingFang SC; font-weight:bold; color:rgba(227,0,0,1); text-align: center; } .bank_short .containner_text .price_del{ margin-top: 0.55rem; font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(40,40,40,1); text-align: center; } .bank_short .price_input{ width: 100%; height: 0.6rem; margin-top: 0.35rem; background:rgba(245,245,245,1); border-radius:0.3rem; font-size: 0.24rem; display: flex; align-items: center; justify-content: center; } .bank_short .price_input img{ width: 0.3rem; height: 0.3rem; } .bank_short .price_input input{ width: 5rem; margin-left: 0.21rem; outline:none; border: 0; background:rgba(245,245,245,1); } .bank_short .containner_order{ padding: 0 0.3rem; margin-top: 0.39rem; display: none; } .bank_short .containner_order .title{ font-size:0.28rem; font-family:PingFang SC; font-weight:500; color:rgba(40,40,40,1); } .bank_short .containner_order .order_content{ width: 100%; display: flex; align-items: center; justify-content: space-between; font-size:0.24rem; font-family:PingFang SC; font-weight:400; color:rgba(169,169,169,1); margin-top: 0.27rem; } .bank_short .border{ margin-top: 0.36rem; width: 100%; height: 1px; background:rgba(245,245,245,1); } .bank_short .containner_img{ padding: 0.1rem 0; display: flex; align-items: center; justify-content: center; } .bank_short .containner_img>i{ width: 0.3rem; height: 0.18rem; background-size: 100% 100%; } .bank_short .fa-angle-down{ background-image: url("/Public/Sdk/images/shortcut/fanhui2.png"); } .bank_short .fa-angle-up{ background-image: url("/Public/Sdk/images/shortcut/fanhui.png"); } .bank_short .hidden{ display: none; } .bank_short .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; } /* 横屏 */ .bank_short_heng .heard{ width: 100%; background-color: #21B1EB; font-size: 0.22rem; } .bank_short_heng .heard_box{ padding-top: 0.1rem; height: 0.45rem; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; color: #FFFFFF; position: relative; } .bank_short_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_short_heng .containner{ padding: 0 0.5rem; margin-top: 0.1rem; } .bank_short_heng .containner_box{ 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_short_heng .containner_text{ padding: 0.1rem 0.15rem 0 0.15rem; } .bank_short_heng .containner_text .price{ font-size:0.22rem; font-family:PingFang SC; font-weight:bold; color:rgba(227,0,0,1); text-align: center; } .bank_short_heng .containner_text .price_del{ margin-top: 0.1rem; font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(40,40,40,1); text-align: center; } .bank_short_heng .price_input{ width: 100%; height: 0.3rem; margin-top: 0.1rem; background:rgba(245,245,245,1); border-radius:0.3rem; font-size: 0.18rem; display: flex; align-items: center; justify-content: center; } .bank_short_heng .price_input img{ width: 0.3rem; height: 0.24rem; } .bank_short_heng .price_input input{ width: 5rem; margin-left: 0.21rem; outline:none; border: 0; background:rgba(245,245,245,1); font-size: 0.16rem; } .bank_short_heng .containner_order{ padding: 0 0.15rem; margin-top: 0.1rem; display: none; } .bank_short_heng .containner_order .title{ font-size:0.18rem; font-family:PingFang SC; font-weight:500; color:rgba(40,40,40,1); } .bank_short_heng .containner_order .order_content{ width: 100%; display: flex; align-items: center; justify-content: space-between; font-size:0.16rem; font-family:PingFang SC; font-weight:400; color:rgba(169,169,169,1); margin-top: 0.1rem; } .bank_short_heng .border{ margin-top: 0.1rem; width: 100%; height: 1px; background:rgba(245,245,245,1); } .bank_short_heng .containner_img{ padding: 0.1rem 0; display: flex; align-items: center; justify-content: center; } .bank_short_heng .containner_img>i{ width: 0.24rem; height: 0.12rem; background-size: 100% 100%; } .bank_short_heng .fa-angle-down{ background-image: url("/Public/Sdk/images/shortcut/fanhui2.png"); } .bank_short_heng .fa-angle-up{ background-image: url("/Public/Sdk/images/shortcut/fanhui.png"); } .bank_short_heng .hidden{ display: none; } .bank_short_heng .foot_btn{ margin: 0.15rem auto 0 auto; width: 5rem; height: 0.5rem; 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.5rem; text-align: center; border-radius: 0.1rem; } .bank_short .forbid_model{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; } .bank_short .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_short .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_short .forbid_pay>img{ width: 1.7rem; height: 1.7rem; margin-bottom: 0.25rem; } .bank_short .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_short .forbid_close{ position: absolute; width: 0.3rem; height: 0.3rem; top: 0.3rem; left: 0.3rem; font-size: 0.2rem; } .bank_short .forbid_close>img{ width: 100%; height: 100%; } .bank_short_heng .forbid_model{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background:rgba(38,38,38,0.4); z-index: 2; } .bank_short_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_short_heng .forbid_pay{ font-size:0.14rem; 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_short_heng .forbid_pay>img{ width: 0.8rem; height: 0.8rem; margin-bottom: 0.1rem; } .bank_short_heng .forbid_confirm{ width:3.3rem; height:0.3rem; background:rgba(33,177,235,1); border-radius:0.3rem; font-size:0.16rem; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); text-align: center; line-height: 0.3rem; margin-top: 0.1rem; } .bank_short_heng .forbid_close{ position: absolute; width: 0.3rem; height: 0.3rem; top: 0.3rem; left: 0.3rem; font-size: 0.18rem; } .bank_short_heng .forbid_close>img{ width: 100%; height: 100%; }