.dialogue-bar{position: relative; width: 900px;height: 640px;margin: auto;background-color: #fcfcfc;box-shadow: 0 0 25px rgba(0,0,0, 0.08);border-radius: 4px;border: solid 1px #eee;}
.message-link {position: relative; left: -40px; right: -40px; top: -29px; width: 899px;	height: 40px; line-height: 40px; padding: 0 30px; background-color: #f7f8ff;}
.chat-head { position: absolute; left: 0;top: 0;right: 0;z-index: 10;height: 60px;background-color: #fff;padding: 0 30px;box-shadow: 0 1px 0 0 rgba(230,230,230, .5);}
.chat-head .title-center { font-size: 18px; line-height: 60px; text-align: center; }
.chat-main { box-sizing: border-box; height: 100%; padding: 60px 0 160px; }
.chat-main .roll-y { height: 100%; padding: 0 40px; }
.chat-main .roll-y .char-conts { padding: 30px 0 10px; }
.chat-main .item.left { padding: 0 250px 0 65px; }
.chat-main .item.left .photo { left: -65px; }
.chat-main .time { margin-bottom: 10px; color: #bbb; line-height: 26px; text-align: center; }
.chat-main .item { margin-bottom: 25px; }
.chat-main .item .user { position: relative; }
.chat-main .item .photo { position: absolute; top: 0; width: 50px; height: 50px; }
.chat-main .item .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.chat-main .item .txt { 
    position: relative; padding: 13px 20px; box-shadow: 0 5px 20px rgba(161,165,190, .08);
    background-color: #fff; border-radius: 2px; min-height: 24px;
    font-size: 14px; line-height: 22px; text-align: justify;
}
.chat-ft { position: absolute; left: 0; right: 0; bottom: 0; height: 160px; background-color: #fff; box-shadow: 0 -1px 0 0 rgba(230,230,230, 0.5);}
.chat-ft .textarea-txt { padding: 10px 30px; }
.chat-ft .textarea-txt textarea { display: block; width: 100%; height: 66px; resize: none; font-size: 14px; line-height: 22px; margin-bottom: 10px;border:none; }
.chat-ft input {height: 36px;font-size:16px;line-height:36px;}
.chat-ft .textarea-txt .btn { 
	width: 100px; height: 36px; line-height: 34px; padding: 0; border-radius: 4px; outline:none; cursor: pointer; transition: all .15s linear; 
    background-color: #012a90; border-color: #012a90; color: #fff;}
.chat-ft .textarea-txt .btn.is-disabled { background-color: #ededed; border-color: #ededed; color: #999; }
.chat-main .tip { text-align: center; margin-bottom: 30px; }
.chat-main .tip span { display: inline-block; padding: 0 15px; background-color: #eaeaea; border-radius: 16px;color: #999; line-height: 34px;}
.chat-main .tip span em { margin: 0 5px; font-style: normal; }
.bottom-con { min-width: 1200px; }
.bottom-con .copy-b {margin-top: 30px;padding: 39px 0;border-top: 1px solid #e8e8e8;}

.box-shadow3 { box-shadow: 0 8px 20px rgba(0,0,0,.1);}
.bg-ff { background-color: #fff; }
.bg-f8 { background-color: #f8f8f8; }

/* img-w100 */
.img-w100 { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; }
.pt5 { padding-top: 5px; }

/* textarea-txt-b */
.textarea-txt-b { padding: 22px 30px; background-color: #f9f9fb; height: 156px; }
.textarea-txt-b .txt { display: block; width: 100%; height: 140px; overflow-y: auto;border:none;background:none;resize: none;border-radius: 0; }

/* form */
.input-txt { position: relative; z-index: 10; }
.input-txt .tips { position: absolute; z-index: -1; }
.input-txt .txt { background-color: rgba(0, 0, 0, 0); }
.input-txt input {height: 36px;font-size:16px;line-height:36px;width:200px;}
.input-txt-focus { border-color: #0057ff !important; }
.heiti-std, .yahei { font-family: 'Microsoft YaHei'; }
.ovh { overflow: hidden; }
.once-sub-btn { display: inline-block; height: 42px; line-height: 42px; width: 140px; font-size: 16px; border-radius: 4px;background-color:#012a90;color:#fff; }
.btn-blue { background-color: #012a90; }