.chat *{box-sizing: border-box;}
.chat_wrp *{box-sizing: border-box;}
.test{height:1000px ;}
::selection {background: #222 ; color: white ; text-shadow: none ; }
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#eee}  
.chat{height: 60px;box-shadow: 0 5px 8px 0 #7d9ae9;background-color: #4e7ef4;background-image: linear-gradient(to right, #4e7ef4 , #213ae2);position: fixed;border-radius: 40px;cursor: pointer;bottom: 20px;color: #fff;font-size: 16px;right: 25px;z-index:10000;transition: right .3s ease-in-out;-webkit-transition: right .3s ease-in-out;display: flex;align-items:  center;}
.chatIcon {display: inline-block;width: 47px;height: 44px;float: left;margin: 7px 0 0 8px;}
.blk_scrn, .chat_wrp {position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.chat_smwrap.chat_wrp .chat_hed{background-color: #4e7ef4;background-image: linear-gradient(to right, #4e7ef4 , #213ae2);border-radius: 8px 8px 0 0;color: #fff;}
.chat_smwrap.chat_wrp .chat_hed{padding:0 10px;height: 60px;line-height: 60px;display: flex;align-items: center;justify-content: space-between;}
.chat_smwrap.chat_wrp .chat_hed .titBox{font-size: 14px;width: calc(100% - 40px);}
.chat_smwrap.chat_wrp .chat_hed .titBox span{color: #fff !important;}
.chat_fwb, .chat_ques span, .chat_ansr span {font-weight: bold;}
.chat_smwrap.chat_wrp .chat_hed .closeBtn{width: 40px;height: 60px;line-height: 60px;display: flex;align-items: center;justify-content: center;}
.chat_smwrap.chat_wrp .chat_hed .closeBtn img{max-width: 100%;}
.chat_smwrap .chat_ques .txt_area{background-color: #f1f2f7;display: inline-block;max-width: 250px;padding: 8px 12px;font-size: 14px;line-height: 1.3;border-radius: 12px;box-shadow: none;}
.chat_smwrap .chat_windw_iner {padding: 0 20px;height: 320px;overflow-y: scroll;}
.chat_windw_iner > .chat_ques:first-of-type {margin-top: 20px;}
.chat_smwrap .chat_ques {margin-bottom: 10px;}
.chat_ques {color: #333;margin: 0 0 20px;}
.chat_fwb, .chat_ques span, .chat_ansr span {font-weight: bold;}
.chat_inpt {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);margin: 0 10px 35px;border-radius: 10px;justify-content: flex-end;width: 335px;min-height: 66px;transition: all .2s ease-in-out;}
.chat_inpt{display: flex;align-content: center;}
.chat_inpt .sendBtn{width: 60px; background-color: #4e7ef4;background-image: linear-gradient(to right, #4e7ef4 , #213ae2);color: #fff;border-radius:0 4px 4px 0;margin: 0;}
.chat_wrp * {box-sizing: border-box;}
.chat-rqtx {position: relative;float: right;overflow: hidden;transition: all .3s ease-in-out;white-space: nowrap;opacity: 1;line-height: 20px;}
.chat-rqtx span {font-size: 12px;padding-right: 33px;display: inline-block;text-align: left !important;line-height: 20px;}
.chat-rqtx .getbestprice_span {font-size: 17px;font-weight: bold;line-height: 20px;}
.chatNum {background-color: #ff7a31;position: absolute;top: -9px;padding-top: 4px;border-radius: 13px;right: 10px;width: 22px;height: 22px;text-align: center;box-sizing: border-box;line-height: 13px;font-size: 14px;-webkit-animation: scolltops 2.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}
@keyframes scolltops
{
    from {top: -20px;}
    to {top: -9px;}
}
 
@-webkit-keyframes scolltops /* Safari 与 Chrome */
{
 from {top: -20px;}
 to {top: -9px;}
}
.chatIcon {display: inline-block;width: 74px;height: 72px;float: left;margin: -10px 0 0 0px;}
.blk_scrn, .chat_wrp {position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.chat_smwrap.chat_wrp {width: 360px;left: auto;right: 42px;top: auto;bottom: 70px;box-shadow: 0 0 8px rgba(0,0,0,.3);z-index: 10001;}
.chat_smwrap.chat_wrp {transition: transform 0.35s ease-in-out,visibility .35s ease-in-out,opacity .2s ease-in-out;transform-origin: bottom right;transform: scale(0);opacity: 0;}
.chat_smwrap.chat_wrp {background-color: #fff;border-radius: 8px;position: fixed;bottom: 10px;right: 10px;}
.chat_smwrap.chat_wrp.chat_vv {transform: scale(1);opacity: 1;}
.chat_smwrap.chat_wrp .chat_hed{background-color: #2a8ae5;background-image: linear-gradient(to right, #4e7ef4 , #213ae2);border-radius: 8px 8px 0 0;color: #fff !important;}
.chat_smwrap.chat_wrp .chat_hed{padding:0 10px;height: 60px;line-height: 60px;font-size: 14px;}
.chat_fwb, .chat_ques span, .chat_ansr span {font-weight: bold;}
.chat_smwrap .chat_ques .txt_area{background-color: #f1f2f7;display: inline-block;max-width: 250px;padding: 8px 12px;font-size: 14px;line-height: 1.3;border-radius: 12px;box-shadow: none;}
.chat_smwrap .chat_windw_iner {padding: 0 20px;}
.chat_windw_iner > .chat_ques:first-of-type {margin-top: 20px;}
.chat_smwrap .chat_ques {margin-bottom: 10px;}
.chat_ques {color: #333;margin: 0 0 20px;}
.chat_fwb, .chat_ques span, .chat_ansr span {font-weight: bold;}
.chat_inpt {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);margin: 30px 10px 25px;border-radius: 10px;justify-content: flex-end;width: 340px;min-height: 60px;transition: all .2s ease-in-out;}
.chat_inpt{display: flex;align-content: center;position: relative;}
.chat_inpt .skip{position: absolute;right: 10px;top: -20px;font-size: 14px;color: #7dacdf;}
.chat_inpt .sendBtn{width: 70px;background-color: #2a8ae5;background-image: linear-gradient(to right, #4e7ef4 , #213ae2);color: #fff;border-radius:0 4px 4px 0;margin: 0;font-size: 18px;text-align: center;line-height: 60px;transition: all ease-in-out 0.3s;}
.chat_inpt .sendBtn:hover{opacity: 0.9;}
.chat_wrp * {box-sizing: border-box;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999 ; font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999 ; font-size: 14px;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999 ; font-size: 14px;}
textarea{resize:none;outline:0;font-family: "Helvetica",arial;}   
select {font-size:14px;background: none;outline:none;}
select::-ms-expand { display: none; }
input{outline:none;}
.chat_inpt .inputBox{width: calc(100% - 60px);border: 2px #4e7ef4 solid;border-radius: 4px 0 0 4px;    display: flex;background: #f1f2f7;align-items: center;justify-content: space-between;padding: 10px;position: relative;}
.chat_inpt .inputBox input{width: 100%;height: 100%;border: none;background: none;}
.chat_ansr {text-align: right;margin: 0 0 20px;}
.chat_ansr .txt_area {background-color: #becef5;color: #000;word-wrap: break-word;display: inline-block;text-align: left;}
.txt_area {max-width: 250px;padding: 8px 12px;font-size: 14px;line-height: 1.3;border-radius: 12px;}
.chat_inpt .inputBox input.w47{width: 47%;}
.chat_inpt .inputBox select.w47{width: 47%;height: 100%;border: none;}
.chat_inpt .inputBox .line{width: 2px;height: 100%;background: #4e7ef4;}
.chat_verfy {text-align: center}
.chat_verfy .txt_area {display: inline-block;font-size: 12px;border-radius: 40px;padding: 14px 25px;margin: 0 auto 20px;border: 1px #4e7ef4 solid;color: #4e7ef4;width: 100%;max-width: 100%;}
.chat_verfy .txt_area .complete{vertical-align: -6px;margin-right: 5px;margin-left: -7px;}
.chat_smwrap .chat_ques .txt_area a.reset{padding: 0 4px;text-decoration: underline;color: #2d4ce6;}
@media (max-width: 700px){
	.chat{display:none;}
}