@media screen and (min-width: 320px) and (max-width: 1156px) {
     .talk_con_mob {
       width: 400px;
       height: 500px;
       border: 1px solid #666;
       margin: 50px auto 0;
       background: #f9f9f9;
     }

     .talk_show_mob {
       width: 400px;
       height: 420px;
       border: 1px solid #666;
       background: #fff;
       margin: 10px auto 0;
       overflow: auto;
     }

     .talk_input_mob {
       width: 400px;
       margin: 10px auto 0;
     }

     .talk_word_mob {
       width: 220px;
       height: 26px;
       padding: 0px;
       float: left;
       margin-left: 10px;
       outline: none;
       text-indent: 10px;
     }
   }

   .talk_title {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 5px 10px 5px 10px;
   }

   .talk_title img {
     width: 120px;
   }
   #talk_con_id{
    display: none;

   }
   .talk_con {

     position: fixed;
     bottom: 10px;
     right: 10px;
     z-index: 1000;
     width: 400px;
     padding-bottom: 20px;
     border: 1px solid #e7e4e4;
     border-radius: 10px;
     background: #f9f9f9;
     cursor: move;
     height: 500px;
   
   }

   .talk_show {
     width: 380px;
     height: 357px;
     border: 1px solid #dbd4d4;
     background: #fff;
     margin: 10px auto 0;
     overflow: auto;
   }

   .talk_input {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px auto 0;
   }

   .whotalk {
     width: 80px;
     height: 30px;
     float: left;
     outline: none;
   }

   .talk_word {
     width: 300px;
     padding: 0px;
     float: left;
     margin-left: 10px;
     outline: none;
     text-indent: 10px;
     border: 1px solid #dbd4d4;
   }

   .talk_sub {
     width: 56px;
     height: 30px;
     float: right;
     margin-right: 10px;
   }

   .atalk {
     margin: 10px;
     display: flex;
   }

   .atalk img {
     width: 40px;
     height: 40px;
     margin-right: 5px;
   }

   .atalk .atalk_msg {
     display: inline-block;
     background: #0181cc;
     border-radius: 10px;
     color: #fff;
     padding: 5px 10px;
   }

   .btalk {
     margin: 10px;
     display: flex;
     text-align: right;
     justify-content: flex-end;
   }

   .btalk img {
     width: 40px;
     height: 40px;
     margin-left: 5px;
   }

   .btalk .bsay_msg {
     display: inline-block;
     background: #ef8201;
     border-radius: 10px;
     color: #fff;
     padding: 5px 10px;
   }
   .times{
     padding:0px 10px ;
     color: #999;
   }
   .titletalk{
     text-align: center;
     margin-top: 5px;
     color:#666
   }