fix bug

public/appapi/css/new_Style.css

+/* 顶部导航栏 */
+.topbar { width: 100%; background: #fff; height: 2.2rem; display: flex; align-items: center; justify-content: center; font-weight: 700; top:0; left:0; position: fixed; } 
+.topbar_img { width: 1rem; height: 1rem; position: absolute; top:.625rem; left: .9rem; }
+.top_title { font-size: .8rem;color: #333;letter-spacing: 1px;text-align: center; font-weight: 600; }
+.app { padding-top: 2.2rem; }
+
+
+/* 登录 */
+.login .contentBox { position: fixed; bottom: 5rem; width: 100%; padding: 0 2.5rem; }
+.login .Phone_login { width: 100%; display: flex; align-items: center; justify-content: center; background:linear-gradient(to right, #FF619C, #BE43FF); height: 2.5rem; border-radius: 1.575rem; }
+.login .Phone_login img { width: 1.2rem; height: 1.2rem; margin-right: 0.25rem; }
+.login .Phone_login P { font-size: 0.8rem; color: #fff; }
+.login .wayBox { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 1.2rem; }
+.login .hengxian { width: 3rem; height: 0.05rem; background: #fff; }
+.login .wayBox p { font-size: 0.6rem; margin: 0 0.4rem; color: #fff; line-height: 0.85rem; }
+.login .way-icon { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 1.2rem; padding: 0 3.5rem; }
+.login .way-icon img { width: 1.2rem; height: 1.2rem; }
+
+
+/* 账号密码登录 */
+.zh_login .body { width: 100%; overflow: hidden; }
+.zh_login .theme { width: 100%; margin-top: 0.5rem; font-size: 1.3rem; color: #333; font-weight: 600; padding-left: 1.75rem; }
+.zh_login .form { width: 100%; margin-top: 1.25rem; padding: 0 1.75rem; }
+.zh_login .form_item { width: 100%; height: 2.8rem; border-bottom: 1px solid rgba(0,0,0,.1);display: flex; align-items: center; justify-content: space-between; }
+.zh_login .form_item img { width: 1.8rem; height: 1.6rem; margin-right: 0.5rem; flex-shrink: 0; }
+.zh_login .inputStyle { flex: 1; font-size: 0.8rem; color: #333; width: 0; }
+.zh_login .inputStyle::-webkit-input-placeholder { color: #999; }
+.zh_login .btnStyle { width: 100%; height: 2.2rem; border-radius: 1.6rem; background: rgba(196,94,255,1); opacity: .4; color: #fff; border-width: 0; margin: 0; outline: none; text-align: center; font-size: 0.8rem; }
+.zh_login .Btn-box { width: 100%; padding: 0 1.75rem; margin-top: 4.15rem; }
+.zh_login .btnStyle_sure{ width: 100%; height: 2.2rem; border-radius: 1.6rem; background: rgba(196,94,255,1); color: #fff; border-width: 0; margin: 0; outline: none; text-align: center; font-size: 0.8rem; }
+.zh_login .yzm_login { width: 100%; margin-top: 1rem; text-align: center; font-size: 0.7rem; color: #333; }
+
+
+/* 验证码登录 */
+.zh_login .yzm { width: 3.6rem; height: 1.35rem; background: #ccc; font-size: 0.6rem; line-height: 0.85rem; color: #fff; border-radius: 0.8rem; flex-shrink: 0; }
+
+/* 我的收益 */
+.my_Profit .bgBox { width: 100%; }
+.my_Profit .bgBox img { width: 100%; }
+.my_Profit .menuBox { width: 100%; position: relative; margin-top: -9.8rem; padding: 0 0.6rem; }
+.my_Profit .menuItem { width: 100%; height: 4rem; border-radius: 0.4rem; background: #fff; display: flex; align-items: center; justify-content: space-between;padding: 0 0.65rem; margin-bottom: 0.4rem; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1); }
+.my_Profit .menuHd { display: flex; align-items: center; }  
+.my_Profit .menuHd img { width: 2.4rem; height: 2.4rem; margin-right: .4rem; }
+.my_Profit .menutile { font-size: 0.8rem; font-weight: 600; }
+.my_Profit .menuBd { display: flex; align-items: center; }
+.my_Profit .menuBd img{ width: 0.8rem; height: 0.8rem; }
+.my_Profit .menuBd p { font-size: 0.7rem; color: #999; }
+
+/* 提现认证 */
+.sfrz .contentBox { margin-top: .5rem; width: 100%; padding: 0 0.75rem; }
+.sfrz .list { width: 100%; height: 2.5rem; border-bottom: .05rem solid #f2f2f2; background: #fff; justify-content: space-between; display: flex; align-items: center; } 
+.sfrz .list_hd { font-size: .7rem; color: #333; width: 4.7rem; }
+.sfrz .list_bd { text-align: left; font-size: .7rem; color: #999; width: 0; flex: 1; }
+.sfrz .list_bd::-webkit-input-placeholder { color: #999; }
+.sfrz .scimgBox { width: 100%; margin-top: .5rem; padding: 0 .7rem; display: flex; align-items: center; justify-content: space-between; }
+.sfrz .imgItem { width: 5.4rem; height: 5.4rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
+.sfrz .imgItem img { width: 100%; height: 100%; }
+.sfrz .addTipsimg { width: 1.05rem; height: 1.05rem; }
+.sfrz .addTips_wz { font-size: .5rem; color: #C45EFF; margin-top: .35rem;  }
+.sfrz .zhengjz { width: 100%; height: 100%; }
+.sfrz .btnBox { width: 100%; margin-top: 1.8rem; padding: 0 4.4rem; margin-bottom: 1.5rem; }
+.sfrz .btnOne { width: 100%; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; opacity: .4; font-size: .7rem; color: #fff; text-align: center; line-height: 2.2rem; } 
+.sfrz .btnTwo { width: 100%; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; font-size: .7rem; color: #fff; text-align: center; line-height: 2.2rem; } 
+.sfrz .part_name { width: 100%; padding: 0 .7rem; font-size: 0.7rem; color: #333; font-weight: 600; margin-top: 0.5rem; margin-bottom: 1rem; }
+.sfrz .list p { color: #FF3E66; font-size: 0.7rem; }
+.sfrz .statusOne { width: 100%; height: 1.8rem; background: #F4E2FF; color: #C45EFF; line-height: 1.8rem; font-size: .7rem; padding-left: 0.75rem; }
+.sfrz .statusTwo { width: 100%; height: 1.8rem; background: #FFDCDF; color: #FC7583; line-height: 1.8rem; font-size: .7rem; padding-left: 0.75rem; }
+
+/* 提现 */
+.tixian .total_money { margin-top: 0.5rem; width: 100%; height: 2.2rem; padding: 0 0.75rem; display: flex; align-items: center; font-size: 16px; color: #333; background: #fff; }
+.tixian .money_num { margin-left: 0.5rem; color: #C45EFF; font-weight: 600; }
+.tixian .chooseWay { width: 100%; height: 1.95rem; padding: 0 0.75rem; display: flex; align-items: center; color:#666; font-size: 0.7rem; }
+.tixian .wayBox { width: 100%; background: #fff; }
+.tixian .wayItem  { width: 100%; height: 2.45rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.75rem; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.1); }
+.tixian .wayItemHd { display: flex; align-items: center; }
+.tixian .wayItemHd img { width: 1.6rem; height: 1.6rem; margin-right: 1rem; }
+.tixian .wayItemHd span { font-size: 0.8rem; color: #333; }
+.tixian .wayItemBd img{ width: 1.1rem; height: 1.1rem; }
+.tixian .tixian_money { margin-top: 0.5rem; width: 100%; height: 2.5rem; display: flex; align-items: center; background: #fff; padding: 0 0.75rem; }
+.tixian .num_money { font-size: 0.7rem; width: 4.65rem; }
+.tixian .input_money { flex: 1; width: 0; font-size: 0.7rem; color: #333; }
+.tixian .input_money::-webkit-input-placeholder { color: #999; }
+.tixian .tixian_money p { color: #FF3E66; font-size: 0.7rem; }
+.tixian .sureBtn { width: 10rem; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; font-size: 0.7rem; color: #fff; line-height: 2.2rem; text-align: center; margin: 0 auto; margin-top: 2.8rem; }
+
+/* 充值 */
+.Recharge .header { width: 100%; padding: 0 0.6rem; background: #fff; overflow: hidden; }
+.Recharge .zhanghu { margin-top: 0.6rem; font-size: 0.7rem; color: #333; }
+.Recharge .inputBox { width: 100%; height: 2.7rem; border-bottom: 1px solid #F5F5F5; display: flex; align-items: center; }
+.Recharge .input_id { font-size: 1.2rem; color: #333; width: 100%; }
+.Recharge .input_id::-webkit-input-placeholder { color: #999; }
+.Recharge .zuanNum { width: 100%; height: 2.15rem; font-size: 0.7rem; color: #333; line-height: 2.15rem; font-weight: 600; }
+.Recharge .body { width: 100%; padding: 0 0.6rem; }
+.Recharge .chooseTips { width: 100%; margin-top: 0.6rem; font-size: 0.7rem; color: #999; }
+.Recharge .chooseBox { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.2rem; }
+.Recharge .item { width: 32%; height: 3.4rem; border-radius: 0.4rem; background: #F5F5F5; margin-top: 0.4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 2%; position: relative;}
+.Recharge .item .selimg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
+.Recharge .item:nth-child(3n) { margin-right: 0; }
+.Recharge .item-one { display: flex; align-items: center; }
+.Recharge .item-one img { width: 0.8rem; height: 0.8rem; margin-right: 0.2rem; }
+.Recharge .item-one span { font-size: 1rem; color: #333; font-weight: 600; }
+.Recharge .item-two { margin-top: 0.4rem; color: #999; font-size: 0.7rem; font-weight: 600; }
+.Recharge .foot { width: 100%; margin-top: 2rem; padding: 0 1.9rem; display: flex; align-items: center; justify-content: space-between; }
+.Recharge .foot_left { width: 6rem; height: 2.2rem; border-radius: 1.1rem; display: flex; align-items: center; background: #10A5F2; justify-content: center; }
+.Recharge .foot_right { width: 6rem; height: 2.2rem; border-radius: 1.1rem; display: flex; align-items: center; background: #02B702; justify-content: center; }
+.Recharge .foot_left img { width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; }
+.Recharge .foot_right img { width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; }
+.Recharge .foot_left span { font-size: 0.7rem; color: #fff; }
+.Recharge .foot_right span { font-size: 0.7rem; color: #fff; }
\ No newline at end of file

themes/simplebootx/Appapi/Login/index.html

@@ -3,6 +3,7 @@
 <head>
     <title>登录</title>
     <tc_include file="Appapi/Public/head"/>
+    <link href="__PUBLIC__/appapi/css/new_Style.css" type="text/css" rel="stylesheet" />
     <style type="text/css">
         html,body { width: 100%; height: 100% }
         body { background: url("__PUBLIC__/appapi/img/bg.png") no-repeat; background-size: 100% 100%; overflow: hidden; }