/*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ /* *{touch-action: none;} */ .mui-card { margin: 0px; border-radius: 8px; } .focus_button{ width: 325px; height: 50px; border-radius: 12px; border: 1px solid #21D197; margin: 0px 25px 55px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #21D197; line-height: 18px; } .form_select{ width: 279px; height: 48px; margin: 4px 16px 0 ;padding: 11px 0; padding-left: 16px; border-radius: 8px; border: 1px solid #F0F0F0 !important; -webkit-appearance: menulist; /* background: url(../../css/icon_slices/向下.png) no-repeat right center transparent; padding-right: 14px; */ } .input_text{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #E0E0E0; -webkit-text-fill-color: #E0E0E0; line-height: 24px; } .input_text1{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 24px; } .input_text3{ font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; line-height: 24px; } .down_frame_style { width: 279px; height: 48px; margin: 4px 16px 0; padding: 11px 16px; border-radius: 8px; border: 1px solid #F0F0F0 !important; background: url(../../img/btn/general/arrow/down.png) no-repeat right 11px center; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; -webkit-text-fill-color: #9393AA; line-height: 24px; } .down_frame_style option{ /* -moz-appearance:none; -webkit-appearance:none; appearance:none; */ width: 279px; height: 91px; background: #FFFFFF; box-shadow: 0px 5px 10px 0px rgba(0, 64, 128, 0.04); border-radius: 8px; border: 1px solid #F2F2F2; margin-top: 4px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; line-height: 24px; } .down_frame_style:focus { background-color: #FFFFFF; } .z_my_head { position: relative; /* padding: 0.16rem; */ height: 136px; width: 100%; box-sizing: border-box; background-color: #fff; } .z_img_head1 { width: 88px; height: 88px; border-radius: 20%; margin: 24px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; background: #C0C4CC; object-fit: fill; overflow: hidden; } .z_img_head1 img{ width: 88px; height: 88px; } .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-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 18px; } .z_card_span { font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 16px; } .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; line-height: 14px; } .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 #FAFAFA; 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; } .z_menu_btn_txt{ float: left; } .z_menu_btn_txt_1 { font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 16px; margin-left: 16px; } .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: 77px; height: 77px; line-height: 77px; margin-right: 16px; 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; } .hzs_txt { font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 16px; } .textarea_txt { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 24px; } .sffy_title { margin: 4px 16px; padding-left: 16px; box-sizing: border-box; position: relative; color: #505050; line-height: 48px; height: 48px; background: #F6F6F6; border-radius: 8px; border: 1px solid #E0DEDE; } .sffy_title_text { float: left; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; } .sffy_dropdown { height: 95px; margin: 0px 16px; color: #505050; max-height: 0; line-height: 24px; overflow: hidden; transition: all .3s; background: #FFFFFF; box-shadow: 0px 5px 10px 0px rgba(0, 64, 128, 0.04); border-radius: 8px; } .sffy_dropdown_text { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; } .sffy_down { max-height: 95px } .sffy_dropdown_style { padding: 0 0 16px 16px; margin: 0; transition: all .3s } .arrow_down { float: right; line-height: 24px; border-radius: 20%; padding: 11px 9px 0px 0px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; object-fit: fill; overflow: hidden; }