/*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 .search_frame { float: right; width: 90%; height: 100%; background: #EDEDED; margin: 0; border: 0; font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #363F4D; -webkit-text-fill-color: #363F4D; } .search_icon { float: left; margin-top: 5px; } .label_style { width: 26%; height: 41px; background: #21D197; border-radius: 8px; margin: 16px 6px 0px 16px; float: left; font-size: 15px; text-align: center; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; line-height: 41px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .label_close { position: relative; float: right; top: -5px; right: -4px; } .label_txt { margin-left: 15px; } .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; */ } .down_frame { width: 147px; float: left; height: 49px; line-height: 29px; padding: 11px 0; padding-left: 16px; border-radius: 8px; } .top_img { height: 171px; border-radius: 8px 8px 0px 0px; } .top_img img { width: 100%; height: 171px; } .hospital_side { margin: 16px 0; margin-left: 16px; float: left; } .hospital_name { font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #2D354C; -webkit-text-fill-color: #2D354C; line-height: 21px; } .label_area { margin-top: 8px; } .label1 { float: left; width: 51px; height: 17px; background: #F7B500; border-radius: 6px; text-align: center; font-size: 10px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .label2 { float: left; width: 51px; height: 17px; background: #6DD400; border-radius: 6px; margin-left: 8px; text-align: center; font-size: 10px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .check_hospital_txt { float: right; line-height: 80px; margin-right: 16px; font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; -webkit-text-fill-color: #21D197; } .intelligent_check { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #21D197; -webkit-text-fill-color: #21D197; } .search_area { padding-left: 16px; margin-top: 16px; width: 312px; height: 34px; background: #EDEDED; box-shadow: 0px 5px 10px 0px rgba(0, 64, 128, 0.04); border-radius: 8px; } .left_area img { width: 88px; height: 88px; margin: 14px 0; margin-right: 16px; } .doctor_name { font-size: 15px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #2D354C; -webkit-text-fill-color: #2D354C; line-height: 18px; } .doctor_message { margin-top: 8px; font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #9393AC; -webkit-text-fill-color: #9393AC; line-height: 16px; } .appointment_button { width: 61px; height: 29px; background: #21D197; border-radius: 12px; font-size: 15px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; line-height: 15px; } .sffy_title { margin-top: 16px; padding-left: 14px; box-sizing: border-box; position: relative; color: #505050; line-height: 34px; height: 34px; 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,.sffy_dropdown1 { height: 95px; width: 100%; 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; position: fixed; z-index: 1; width: 37%; } .sffy_dropdown_style { padding: 0 0 16px 16px; margin: 0; transition: all .3s } .arrow_down { float: right; line-height: 24px; border-radius: 20%; padding-top: 5px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; object-fit: fill; overflow: hidden; }