/*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ /* *{touch-action: none;} */ .mui-card { margin: 0px; border-radius: 8px; box-shadow: 0px 5px 10px 0px rgba(0, 64, 128, 0.04); } .right_area { float: right; } .left_area { float: left; } .loading_location { margin-top: 25vh; margin-left: 75%; } .z_menu_btn_row { height: 54px; line-height: 54px; background-color: #fff; padding: 0 16px; border-bottom: 1px solid #F0F0F0; box-sizing: border-box; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 400; 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; */ } .tab_bar{ height: 40px; line-height: 40px; } .tab_bar_txt { float: left; width: 33.3%; text-align: center; background: #F0F0F0; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #9393AA; -webkit-text-fill-color: #9393AA; } .tab_bar_txt_sel { float: left; width: 33.3%; text-align: center; background: #21D197; border-radius: 6px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .show_area { width: 88vh; height: 85vw; margin-top: 5px; float: right; } .vertical_tab_bar { width: 5%; float: right; margin: 1.5% 0; margin-right: 16px; border-radius: 6px; background: #F0F0F0; } .vertical_tab_bar_txt_sel { /* float: right; */ /* width: 60%; */ text-align: center; margin-bottom: 15px; background: #21D197; border-radius: 6px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .vertical_tab_bar_txt { /* float: right; */ /* width: 60%; */ text-align: center; margin-bottom: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #9393AA; -webkit-text-fill-color: #9393AA; } #bar_txt1,#bar_txt2,#bar_txt3,#bar_txt4 { width: 50%; margin: 0 25%; padding: 3px 0; } .back_icon { float: left; margin: 16px; }