body{ background:#F6F6FC; font-size:0.32rem; } .chat_info{ background:#fff; padding:0.4rem 0.32rem 0.15rem 0.32rem; border-bottom:0.01rem solid #f1f1f1 } .chat_info .info_warp{ float:left; width:44%; } .chat_info .info_warp .info_profile{ width:0.96rem; height:0.96rem; border-radius:50%; float:left; } .chat_info .info_warp .info_detail{ float:left; margin-top:0.08rem; margin-left:0.22rem; } .chat_info .info_warp .info_detail .info_name{ margin-top:0.2rem; color:#111; font-weight:600; } .chat_info .info_warp .info_detail .info_title{ color:#999999 } .assistant_info{ margin-left:0.8rem; } .service_btn_list { width:100%; float:left; margin-top:0.1rem; } .service_btn_list .service_btn{ width:1.92rem; height:0.48rem; line-height:0.48rem; display:inline-block; text-align:center; color:#37D488; border:0.01rem solid #37D488; border-radius:0.04rem; font-size:0.24rem; margin:0.15rem; } .service_btn_list .service_none{ background:#F9F9F9; border:none; color:#999 } .top_btn{ width:100%; background:#fff; text-align:center; padding-top:0.24rem; padding-bottom:0.24rem; } .top_btn span{ color:#1D8AEF; font-size:0.28rem; } .top_btn img{ width:0.24rem; } .open_info_btn{ display:none; } /*chat*/ .chat_list{ margin-top:0.8rem; padding:0 0.32rem; padding-bottom:2rem; } .chat_list .chat_item{ margin-bottom:0.32rem } .chat_list .chat_item .message_time{ width:100%; text-align:center; color:#999999; font-size:0.28rem; } .chat_list .chat_item .chat_info_warp .chat_profile{ width:0.8rem; height:0.8rem; border-radius:50%; float:left; } .chat_list .chat_item .chat_info_warp .chat_message_warp{ float:left; margin-left:0.16rem; } .chat_from_name{ font-size:0.24rem; color:#333; } .chat_message{ max-width:4.66rem; padding:0.28rem 0.32rem; margin-top:0.2rem; font-size:0.3rem; } .chat_message_from{ background:#fff; border-radius:0.24rem 0.24rem 0.24rem 0; } .chat_message_send{ background:#2CBCA0; color:#fff; border-radius:0.28rem 0.28rem 0 0.28rem; } .chat_list .chat_item_right .chat_info_warp .chat_profile{ float:right; margin-top:0.2rem; margin-left:0.2rem; } .chat_list .chat_item_right .chat_info_warp .chat_message_warp{ float:right; } .service_message .service_left_box{ width:1.44rem; height:1.36rem; text-align:center; padding:0.16rem 0; float:left; } .service_message .service_left_box img{ width:0.4rem; height:0.4rem; } .service_message .service_left_box .service_title{ color:#fff; font-size:0.24rem; margin-top:0.16rem; } .service_message .service_left_box .service_price{ margin-top:0.04rem; font-size:0.2rem; color:#fff; } .sevice_img_consult{ background:#37D488; } .service_message .service_right_box{ width:5.42rem; height:1.36rem; background:#fff; padding:0.2rem; float:left; font-size:0.28rem; color:#333; } .service_right_box .detail_patient_name{ margin-bottom:0.2rem } .consult_box{ background:#FC624A; margin-top:0.2rem; } .footer{ width:100%; height:1.12rem; background:#fff; padding:0.24rem; position:fixed; bottom:0 } .footer .footer_input{ float:left; } .footer .footer_input input{ width:5.3rem; height:0.64rem; background:#F9F9F9; border:none; border-radius:0.08rem; padding-left:0.2rem; font-size:0.3rem; } .footer .send{ width:1.28rem; height:0.64rem; line-height:0.64rem; text-align:center; background:#37D488; color:#fff; font-size:0.32rem; float:left; border-radius:0.08rem; margin-left:0.3rem; } .system_msg{ text-align:center; margin-bottom:0.2rem; font-size:0.24rem; }