body{ margin: 0 auto; border: none; padding: 0px; max-width: 640px }
*{ font-size: 14px; font-family: "微软雅黑", Arial; }
.chat ul{ list-style: none; padding: 0px; margin: 0px; }
.chat ul li{margin-bottom: 10px; }
.cl{ clear: both; }
.fl{ float: left; }
.fr{ float: right; }

.top{padding: 5px 0px; height: 35px; border-bottom: 1px solid #CCC; background: #FFF; position: fixed; width: 100%; max-width: 640px; z-index: 99  }
.top_left{ padding: 0px 3%; cursor: pointer; width: 19% }
.top_left img{ width: 35px; }
.top_center{ text-align: center; font-size: 16px; color: #333; line-height: 35px; width: 50% }
.top_right{ padding: 0px 15px; cursor: pointer; width: 25% }




.chat{ padding: 10px; }
.chat_left00{ float: left; width: 97% }
.chat_left01{ float: left;width: 32px; height: 32px;border-radius: 32px; background: #F7F9FA;  margin-top: 8px; }
.chat_left01 img{ width: 32px; height: 32px; border-radius: 32px; display: block; border: 1px solid #E5E5E5; }
.chat_left02{ padding: 14px 18px; background: #F7F9FA; margin-left: 15px; border: 1px solid #E5E5E5; border-radius: 5px; float: left; position: relative; max-width: 73%}
.robot-talk-cor {border-color: transparent #E5E5E5 transparent transparent;left: -12px;z-index: 100;width: 0;height: 0;font-size: 0;border-width: 6px;border-style: solid;overflow: hidden;position: absolute;top: 15px;}
.robot-talk-outer-cor {border-color: transparent #F7F9FA transparent transparent;left: -11px;z-index: 100;width: 0;height: 0;font-size: 0;border-width: 6px;border-style: solid;overflow: hidden;position: absolute;top: 15px;}
.left_time { text-align: left; font-size: 12px; color: #CCC; padding-left: 50px;  }

.chat_right00{float: right; width: 97% }
.chat_right01{ float: right;width: 32px; height: 32px;border-radius: 32px; background: #ff6a00;  margin-top: 8px; }
.chat_right01 img{ width: 32px; height: 32px; border-radius: 32px; display: block;  border: 1px solid #ff6a00;}
.chat_right02{ padding: 14px 18px; background: #F7F9FA; margin-right: 15px; border: 1px solid #ff6a00; border-radius: 5px; float: right; position: relative; max-width: 73%  }		
.i-talk-cor{right: -12px;border-color: transparent transparent transparent #ff6a00;width: 0;height: 0;font-size: 0;border-width: 6px;border-style: solid;overflow: hidden;position: absolute;top: 17px;}
.i-talk-outer-cor{right: -11px;border-color: transparent transparent transparent #F7F9FA;width: 0;height: 0;font-size: 0;border-width: 6px;border-style: solid;overflow: hidden;position: absolute;top: 17px;}
.right_time { text-align: right; font-size: 12px; color: #CCC; padding-right: 50px;  }


.c_bottom{ background: #dedede }
.send_message{ position: fixed; bottom: 0px; width: 100%; margin: 0 auto; background: #f7f7f7; max-width: 640px; }
.send_message_c{ padding: 10px;}
.send_message_input{ width: 74%;  }
.send_message_input input{ width: 98%; min-height: 30px; border-radius: 5px; border: 1px solid #ccc;resize: none;padding: 4px 1%; }
.send_message_submit{ width: 13%;  text-align: center;}
.send_toolbar{ display:inline-block; margin-left: 8%;  width: 90%;line-height: 36px;text-align: center; border-radius: 3px;cursor: pointer;color: #ccc;border: 1px solid #ddd;background: transparent; font-size: 14px; color: #000; border: none;  }
.send_btn{ display:inline-block; margin-left: 5%; width: 93%;line-height: 36px;text-align: center; border-radius: 3px;cursor: pointer;color: #ccc;border: 1px solid #ddd;background: transparent; font-size: 14px; background: #ff6a00; color: #FFF; }
/*工具*/
.toolbar {padding: 0px 8px; background: #f7f7f7;display: none; }
.toolbar-item {display: inline-block;margin-bottom: 20px;text-align: center;width: 25%;}
.toolbar-item-content{ width: 72px; margin: 0 auto; border-radius: 5px; padding: 5px;background: #FFF }	
.choose_tupian{ text-align: center;  }		
.choose_tupian i{ font-size: 40px; text-align: center; }
.send_toolbar i{ font-size: 35px; }
.weui-toast {position: fixed;z-index: 5000;width: 7.6em;min-height: 7.6em;top: 180px;left: 50%;margin-left: -3.8em;background: rgba(17,17,17,0.7);text-align: center;border-radius: 5px;    color: #FFFFFF;}



.send_message_content div{ word-break: break-word; }



.force-login-bg {position: fixed;background-color: rgba(0, 0, 0, 0.3);top: 0;bottom: 0;left: 0;right: 0;z-index: 1100;}
.remind-login-wrap {padding-top: 4px;position: fixed;line-height: 24px;background: white;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);width:80%;height: 200px;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);text-align: center;z-index: 1101;}
.remind-login-wrap .force-login-title {text-align: left;margin-top: 14px;}
.remind-login-wrap .force-login-title .title-text {display: inline-block;font-size: 16px;color: #373D41;margin-left: 24px;font-weight: 600;}
.remind-login-wrap .text-info-wrap {margin-top: 5px;font-size: 14px;color: #373D41;text-align: center;line-height: 32px;padding-left: 0;}
.remind-login-wrap .loginBtn {border: 1px solid #ff6a00;color: #FFF !important;background: #ff6a00 !important;  text-decoration: none; display: inline-block;
padding: 0 20px;height: 30px;line-height: 30px;text-align: center;color: white;background: #ff6a00;text-decoration: none;}
.remind-login-wrap .text-bottom {position: absolute;bottom: 0px;left: 0;right: 0;height: 50px;line-height: 50px;font-size: 12px;color: #73777A;text-align: right;padding-right: 24px;background: rgba(216, 216, 216, 0.2); }
.remind-login-wrap .text-bottom a{color: #73777A;text-decoration-line: none;}