/*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; } .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; */ } .disease_label_txt { float: left; width: 81px; height: 30px; text-align: center; padding: 3px 0; margin: 0 4.5%; margin-bottom: 16px; border-radius: 8px; border: 1px solid #9393AA; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AA; -webkit-text-fill-color: #9393AA; } .disease_label_sel { float: left; width: 81px; height: 30px; text-align: center; padding: 3px 0; margin: 0 4.5%; margin-bottom: 16px; border-radius: 8px; border: 1px solid #21D197; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; -webkit-text-fill-color: #21D197; } .next_btn_txt { width: -webkit-fill-available; text-align: center; line-height: 50px; height: 50px; margin: 0 110px; background: #E0E0E0; border-radius: 12px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .next_btn { width: -webkit-fill-available; text-align: center; line-height: 50px; height: 50px; margin: 0 110px; background: #21D197; border-radius: 12px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .z_head { background-color: #ECEDEE; margin-top: 20px; text-align: center; height: 14px; font-size: 11px; font-family: Muli-Regular, Muli; font-weight: 400; color: #9393AA; line-height: 14px; } .z_body { background-color: #ECEDEE; margin-top: 24px; height: 88px; } .z_body_left { float: left; height: 50px; width: 50px; border-radius: 10px; margin-left: 16px; } .z_body_left img { width: 50px; height: 50px; } .z_body_right { float: left; height: 88px; width: 245px; border-radius: 10px; margin-left: 14px; } .z_body_right img { height: 88px; width: 245px; } .z_body_right_text { position: absolute; left: 96px; top: 66px; width: 213px; height: 72px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; line-height: 24px; } .z_foot { background-color: #ECEDEE; margin-top: 16px; } .z_foot_all { margin: 0px 44px; background: #FFFFFF; border-radius: 8px; } .z_foot_top { height: 53px; line-height: 53px; text-align: center; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #1E1F20; border-bottom: 1px solid #F0F0F0; } .z_foot_bottom { height: 53px; line-height: 53px; text-align: center; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #21D197; } .h1 { margin: 16px; font-size: 20px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #363F4D; -webkit-text-fill-color: #363F4D; } .h2 { margin: 16px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 400; color: #363F4D; -webkit-text-fill-color: #363F4D; } .h3 { margin-left: 16px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 400; color: #21D197; -webkit-text-fill-color: #21D197; }