.btns { background: #00a1cb; color: #fff; padding: 6px 10px; outline: none; font-size: 12px; margin-left: 15px; border: 0; border-radius: 3px; box-sizing: border-box; cursor: pointer; vertical-align: middle; } .Common { width: 100%; background: #fff; text-align: center; padding: 10px 15px; height: auto; overflow-y: auto; } .Common table { width: 100%; } .Common table th { padding: 5px 8px 5px 0; text-align: right; width: 20%; } .Common table td { padding: 6px 0 5px 10px; text-align: left; color: #717171; line-height: 200%; } .Common table td textarea { width: 100%; vertical-align: middle; resize: none; outline: none; } .select_ { width: 150px; background-color: #FFF; background-image: none; border: 1px solid #ccc; border-radius: 1px; color: inherit; padding: 6px 12px; outline: none; vertical-align: middle; } .Common span{ background-image: none; border: 1px solid #ccc; border-radius: 1px; color: inherit; padding: 6px 12px } .btn_box{ margin-top: 30px; } .chatlist_con, .chatlist_con li{ margin: 0; padding: 0; list-style: none; } .BiaoTi { width: 100%; text-align: center; border-color: #ccc; border: 1px solid #ccc; } textarea { border-color: #ccc; border: 1px solid #ccc; height: 100px; } .chatlist_con li { margin-bottom: 15px; } .message_time { margin:0; text-align: center; } .message_time span{ border: 0; } .ver_middle { float: left; margin: 0 10px 0 0; border-radius: 3px; } .message_text { display: inline-block; position: relative; padding: 0 10px; max-width: calc(100% - 40px); min-height: 30px; line-height: 2.5; font-size: 9pt; text-align: left; word-break: break-all; background-color: #e6e2e2; border-radius: 4px; } .message_text:before { content: " "; position: absolute; top: 9px; right: 100%; border: 6px solid transparent; border-right-color: #e6e2e2; } .chatlist_con li .self { text-align: right; } .chatlist_con li .self .ver_middle { float: right; margin: 0 0 0 10px; } .self .message_text { background-color: #67c3db; color: #fff; } .self .message_text:before { right: inherit; left: 100%; border-right-color: transparent; border-left-color: #67c3db; } .Common table { width: 95%; margin: 0 auto; } .Common table th { width: 10%; } .btns { padding: 6px 15px; font-size: 15px; }