/*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ /* *{touch-action: none;} */ .margin16_lr { margin: 0 16px; box-sizing: border-box; } .margin16_tb { margin: 16px 0; box-sizing: border-box; } .label { float: left; width: 83px; height: 28px; background: #21D197; border-radius: 4px; margin-right: 16px; margin-bottom: 16px; text-align: center; font-size: 15px; font-family: PingFang SC; font-weight: 500; line-height: 18px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .label_txt { float: left; margin-left: 26px; margin-top: 4px; } .label_img { float: right; } .add_label { float: left; width: 83px; height: 28px; margin-bottom: 16px; background: #EEEFF4; border-radius: 4px; font-size: 15px; font-family: PingFang SC; font-weight: 500; line-height: 18px; color: #79798B; -webkit-text-fill-color: #79798B; } .add_label_txt { float: left; margin-left: 2px; margin-top: 5px; } .add_label_img { float: left; margin-left: 16px; margin-top: 6px; } .search_frame { float: right; width: 100% !important; height: 100% !important; margin: 0; border: 0 !important; font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; -webkit-text-fill-color: #363F4D; } .exit_button { width: 327px; height: 50px; border-radius: 12px; margin: 50px 24px 33px 24px; border: 1px solid #E0E0E0; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; } .save_button { height: 44px; background: #21D197; border-radius: 12px; margin: 221px 8px 31px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 18px; } .form_select{ width: 250px; -webkit-appearance: menulist; } .mui-card { margin: 0px; border-radius: 8px; } .z_my_head { position: relative; /* padding: 0.16rem; */ height: 219px; width: 100%; box-sizing: border-box; background-color: #fff; } .z_img_head1 { width: 44px; height: 44px; border-radius: 20%; margin: 16px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; background: #C0C4CC; object-fit: fill; overflow: hidden; } .z_img_head1 img{ width: 44px; height: 44px; } .z_img_tip { width: 18px; height: 18px; border-radius: 50%; margin: 16px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; background: #C0C4CC; object-fit: fill; margin-top: 23.5px; margin-right: 0; overflow: hidden; } .z_img_tip img{ width: 18px; height: 18px; } .z_img_qrcode{ width: 28px; height: 28px; line-height: 28px; border-radius: 20%; margin: 16px; display: inline-block; } .z_img_qrcode img{ width: 28px; height: 28px; } .z_leveltitle { position: absolute; left: 35px; top: 90px; height: 24px; line-height: 24px; width: 66px; text-align: center; font-weight: bold; font-size: 13px; color: #FDFF4D; -webkit-text-fill-color: #FDFF4D; background-color: #4ACECF; border-radius: 9px; } .z_authentication { position: absolute; margin-top: -0.5rem; margin-left: 1.6rem; height: 0.4rem; line-height: 0.4rem; width: 2rem; } .z_authentication_icon { width: 14px; height: 14px; font-size: 16px !important; color: #04A604; -webkit-text-fill-color: #04A604; } .z_authentication_txt { color: #9393AA; -webkit-text-fill-color: #9393AA; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; } .z_card { position: absolute; top: 16px; left: 136px; } .z_card_name { font-size: 15px; font-weight: bold; } .z_card_span { font-size: 13px; } .z_edit{ position: absolute; top: 16px; right: 16px; height: 24px; } .z_badge_position{ position: absolute; width: 12px; height: 12px; font-size: 12px; -webkit-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .z_my_fws { position: relative; margin: 0 27px; margin-top: -36px; height: 40px; line-height: 40px; background: #FFEBC1; box-shadow: 0px 5px 10px 0px rgba(0, 64, 128, 0.04); border-radius: 28px; } .z_my_fws_val { margin: 0 auto; background: #FFEBC1; width: 90%; text-align: center; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; -webkit-text-fill-color: #363F4D; } .z_my_gzd { /* margin-top: 0.4rem; */ text-align: center; display: flex; justify-content: space-between; } .z_font_currency { height: 66px; line-height: 32px; } .z_my_gzd_color { font-size: 11px; color: #9393AA; -webkit-text-fill-color: #9393AA; } .z_my_gzd_val { font-size: 17px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; -webkit-text-fill-color: #363F4D; } .z_menu_btn_row { height: 54px; line-height: 54px; background-color: #fff; padding: 0 22px; box-sizing: border-box; border-bottom: 1px solid #F6F6F6; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #363F4D; -webkit-text-fill-color: #363F4D; } /* .z_menu_btn_row:first-child { border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; } .z_menu_btn_row:last-child { border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; border-bottom: 0px; } */ .z_menu_btn_row:active { /* background-color: #D8D8D8; */ } .z_menu_btn_row2 { height: 130px; background-color: #fff; box-sizing: border-box; } .z_menu_btn_img{ float: left; margin: 16px; margin-left: 0px; } .z_menu_btn_img1{ width: 34px; height: 34px; line-height: 34px; border-radius: 50%; margin: 0 auto; text-align: center; object-fit: fill; font-size: 16px; font-weight: bold; overflow: hidden; } .z_menu_btn_img2{ line-height: 25px; margin: 0 auto; text-align: left; color: #1B79FE; object-fit: fill; font-size: 16px; font-weight: bold; overflow: hidden; } .z_menu_btn_img3{ line-height: 25px; margin: 0 auto; text-align: left; object-fit: fill; color: #12B2B3; -webkit-text-fill-color: #12B2B3; font-size: 17px; font-weight: bold; overflow: hidden; } .z_menu_btn_txt{ float: left; } .z_menu_btn_txt_1 { margin-left: 24px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #1B79FE; -webkit-text-fill-color: #1B79FE; } .z_menu_btn_txt_r { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; line-height: 19px; } .z_menu_btn_txt_list{ font-size: 15px; font-family: PingFangSC-Regular; line-height: 23px; color: #363F4D; } .z_menu_btn_txt_bottom{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 23px; } .ellipsis_txt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; } .z_menu_btn_icon { float: right; height: 100%; } .scdjb_txt { margin-top: 24px; height: 21px; } .scdjb_txt1 { float: left; font-size: 15px; font-family: PingFang SC; font-weight: bold; line-height: 18px; color: #363F4D; } .yjtq_btn_txt { float: right; width: 68px; height: 22px; background: #21D197; border-radius: 4px; text-align: center; font-size: 13px; font-family: PingFang SC; font-weight: 500; line-height: 18px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .scdjb_txt_js { margin-top: 22px; font-size: 15px; font-family: PingFang SC; font-weight: 400; line-height: 23px; color: #363F4D; } .z_menu_btn_icon .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .z_menu_card { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #FAFAFA; } .z_menu_btn_card { height: 100%; padding-top: 12px; background-color: #fff; text-align: center; } .z_menu_btn_card:active { background-color: #D8D8D8; } .z_menu_card1 { height: 0.6rem; line-height: 0.6rem; padding: 0 0.2rem; display: flex; justify-content: space-between; } .z_menu_card1_img { width: 47px; height: 47px; line-height: 47px; border-radius: 50%; margin: 0 auto; text-align: center; color: #1B79FE; background: #c2e3ff; object-fit: fill; font-size: 24px; font-weight: bold; overflow: hidden; } .z_menu_card1_name { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; margin-top: 8px; } .z_menu_card1_num { margin-top: 8px; font-size: 17px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #1B79FE; } .z_menu_card2 { text-align: center; border: 1px solid #0075F0; } .list_txt_bt{ font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #363F4D; line-height: 24px; } .list_txt_bt_r { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; line-height: 16px; } .z_xgnc{ clear: left; overflow: hidden; padding: 0 18px; height: 50px; line-height: 50px; } .z_xgnc_text{ float: left; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #333333; } .z_menu_btn_icon { float: right; height: 100%; }