.container-fluid { position: fixed; bottom: 1%; left: 1%; z-index: 1000; width: 100%; max-width: 260px; min-width: 160px; }
.talk_title { position: relative; background-color: #0094fe; color: #ffffff; font-size: 14px; font-weight: normal; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0; padding: 8px; }
.talk_title .close { position: absolute; top: 18px; right: 10px; display: inline-block; width: 12px; height: 2px; background-color: #fff; }
.talk_title .close:hover { cursor: pointer; }
.talk_con { background: #fefefe; padding:5px 8px;border-bottom:1px solid #CCC; margin-bottom:10px;}
.talk_con a{width:100%;display:block}
.talk_show { background: #fff;  padding-top: .5rem;padding-bottom: .5rem;overflow: auto; }
.talk_word {width: 100%;height: 40px;padding: 0px;outline: none;text-indent: 10px;text-align: center;line-height: 32px;background-color: #fefefe;border:  1px solid  #f0f0f0;}
.atalk { position: relative; margin: 10px; }
.atalk img { position: absolute; top: 0; left: 0; width: 18%; }
.atalk span { float: right; display: inline-block; width: 78%; background: #eff3f6; border-radius: 10px; color: #333333; padding: 5px 10px; font-size: 14px; margin-left: 5px; }
.form-group { margin-bottom: 8px; }
.btn {width: 50%;float: left;font-size: 16px;text-align: center;color: #333333;padding: 8px;background-color: #a0ecef;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}
.btn-close { background-color: #fff; border: 1px solid #f0f0f0; color: #333333; }
.btn-fuild { width: 95%;}
.hidden-block { display: none; }
.clearfix {*zoom: 1; -ms-zoom: 1; }
.clearfix:after, .clearfix:before { content: ""; display: table; line-height: 0; }
.clearfix:after { clear: both; }