/*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; } .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; } .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_head { margin: 16px 16px 0px 16px; height: 49px; } .z_body { margin: 16px; height: 80px; } .z_body_l { float: left; width: 230px; height: 80px; } .z_czxx { margin-bottom: 16px; height: 18px; font-size: 16px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #363F4D; line-height: 18px; } .z_czyy { float: left; height: 21px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #363F4D; line-height: 21px; } .z_czks { float: left; margin-top: 5px; margin-left: 7px; height: 14px; font-size: 11px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; line-height: 14px; } .z_yyjb { text-align: center; float: left; width: 51px; background: #F7B500; border-radius: 6px; font-size: 10px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 14px; } .z_sfyb { float: left; text-align: center; margin-left: 8px; width: 51px; background: #6DD400; border-radius: 6px; font-size: 10px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 14px; } .z_hz_title { float: left; font-size: 13px; font-family: PingFang SC; font-weight: 400; line-height: 18px; color: #1E1F20; opacity: 1; } .z_body_r { margin-top: 29px; width: 62px; height: 21px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; line-height: 21px; float: right; } .z_img_head1 { float: left; width: 49px; height: 49px; border-radius: 20%; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; background: #C0C4CC; object-fit: fill; overflow: hidden; } .z_img_head1 img { width: 49px; height: 49px; } .z_card { margin-left: 7px; float: left; } .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 16px; 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; color: #1B79FE; -webkit-text-fill-color: #1B79FE; background: #c2e3ff; 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, PingFang SC; font-weight: 400; color: #9393AA; line-height: 16px; } .z_menu_btn_txt_bottom { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 23px; } .z_menu_btn_icon { float: right; height: 100%; } .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; } .icon_tip { color: #FE9870; -webkit-text-fill-color: #FE9870; } .icon_tip1 { color: #31C4C4; -webkit-text-fill-color: #31C4C4; } .ddxq_top { height: 50px; } .ddxq_bottom { height: 50px; border-top: 1px solid #F2F2F2; opacity: 1; } .ddxq_title { height: 20px; margin: 15px 0px; font-size: 14px; font-family: PingFang SC; font-weight: 500; line-height: 20px; color: #1E1F20; opacity: 1; float: left; } .ddxq_content { height: 20px; margin: 15px 0px; font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 20px; color: #9393AC; opacity: 1; float: right; } .ddxq_tip { float: left; height: 18px; width: 53px; background: rgba(147, 147, 172, 0.14); border-radius: 6px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; } .ddxq_tip1 { float: left; margin-left: 10px; height: 18px; width: 53px; background: rgba(147, 147, 172, 0.14); border-radius: 6px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; } .ddxq_btn { float: left; margin-left: 10px; margin-top: 18px; width: 62px; height: 18px; border-radius: 6px; border: 1px solid rgba(147, 147, 172, 0.3); } .ddxq_tip_detail { float: left; margin-left: 9px; margin-top: 1px; width: 36px; height: 16px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; line-height: 16px; } .ddxq_btn_detail { float: left; margin-left: 7px; margin-top: 1px; width: 48px; height: 16px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; line-height: 16px; } .ys_info_name { margin-bottom: 1px; font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 18px; color: #1E1F20; opacity: 1; } .ys_info_academictitle { font-size: 11px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #9393AA; opacity: 1; } .ys_info { margin-bottom: 1px; font-size: 11px; font-family: PingFang SC; font-weight: 400; line-height: 14px; color: #9393AA; opacity: 1; } .z_cz { position: absolute; height: 50px; width: 100%; bottom: 34px; } .z_zf { float: right; margin-right: 110px; width: 155px; height: 50px; background: #21D197; border-radius: 8px; text-align: center; font-size: 15px; font-family: PingFang SC; font-weight: 400; line-height: 50px; color: #FFFFFF; opacity: 1; }