html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*,body{ margin:0; padding:0; font-family:"Microsoft YaHei"; }
body{ color:#333333; line-height:1.8; font-size:14px;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family:"Microsoft YaHei";}
:focus{outline:0;}
a{color:#333333;text-decoration:none; cursor: pointer; }
a:hover{color:#006eff;text-decoration:none;}
input,select,button{ -webkit-appearance: none; }
::-webkit-input-placeholder { color:#bbbbbb; }
:-moz-placeholder { color:#bbbbbb; }
::-moz-placeholder { color:#bbbbbb; }
:-ms-input-placeholder { color:#bbbbbb; }

.chat_main { padding: 10px;}
.chat_box { border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.chat_box_t { background: #006eff; background-image: linear-gradient(to right,#006eff,#004eff); border-radius: 10px 10px 0 0; padding: 0 20px 0 52px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; position: relative;}
.chat_box_t:before { display: block; content: ''; position: absolute; left: 16px; top:50%; width: 26px; height: 26px; margin-top: -13px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB8klEQVRIS82Vv2tVQRCFv9NY2dgIgmClhZailvqaFKKlioIgIgHTWVgbsRZ/VCEYBEEERRBRmxRGCKYwZSAEUon6D6iNzZF57A2b9/be9/ZFggu32Z3db2buzBmxS0u7xGEkyPZ14BRwpMKpt8CypC/NnU6Q7TvAbAVg0HRW0t3YbAXZvgC8BNaBeUkPxwUmB88A8Z2QtNoFWgWON4bjQho729eAp8CcpJvbQLZnkhcRTc36kaK/L+lbBjOwJKm3BbIdaaoFlJw5JOlrHNjeDrJ9BXgOrAAPJL2qCcf2AeBS3AXeSzrXBnoGXAUu1kJyh2yvAceAw5I2SxF9jH8jaWRfdUWatUNP0tL/B0oefkrenQX2A68l/bR9C9iQ9CGrsqbBe2kvMrUg6UY/VbaHUmc7mi32+93d2ABDaWkBRatEFU9JWmwFJQfCw0kjOt2XnlyCShHVlHcpokh3/kZnRLWwwaorgWIULPyDPgoliHVQ0vcSaA+wCewDbkuaK0Vj+2iqvMHjUIZ5YG9TPIMGudbFcHuUhtznVC2/U1GEpEwD50ekc1HSVMlmSAmyPJ8E/gD3MsATYEudswd/pZ561+ZIF+gFcDldfAM8lhR9NdEqgZqBFQ8uJ0CVmo+VuvRP+nNpJ0reWgwT5aPi0o7GQgWHvyRIByqYQGYlAAAAAElFTkSuQmCC"); background-position: center center; background-repeat: no-repeat; }
.chat_box_m { background: #edeff5; height: 366px; }

.chat_form { padding: 15px;}
.chat_form .input{ margin-bottom: 10px; position: relative;}
.chat_form .input input { display: block; background: #fff; height: 40px; line-height: 40px; text-indent: 40px; border: 0; width: 100%;}
.chat_form .input:before { display: block; content: ''; position: absolute; left: 5px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background-position: center center; background-repeat: no-repeat;}
.chat_form .input1:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAArUlEQVRIS+2VwQ3DIAxFMSyWLIPFFKFTILNMuxgQERVE0wgRUHqo4iMyz/AN38AuCthziWjpqYWIj3LfETgwxvRJuEbED9YhuEwyxkyc8+e7UCyovfezUuqVihNR6AJHgBAi3mQL5xwMg1sk6TrxDf56LTVJbo2zOn8sBQBkH2j5ICGEqckrfuJuhYNtPr333bg21Lw0AIbAl0hhrU2m3tK3nCOlnKuj6RStkrwCUdWoF3QeybgAAAAASUVORK5CYII=");}
.chat_form .input2:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABzklEQVRIS7WUwXHCMBBFd8WYayiBDpJUEFJBXAJctPiWVBBSQbh55AukA1JB3EGSCuISyA3MWJtZRmYMWCjDDLpKevq7+78QLrTwQlwIgmezWW+9Xr8i4gAA+oiYV1X1kiRJfkrUSbBAy7L8YeY3pdQ8iqJis9nEzDxFxEet9dwHPwk2xsyZeTkejx+bgCzLbpg5t9beJElStMFD4KXvsjEmR8S5T3UIzETUekaqAYCCiCbnKP4CgAkRLQ4vG2MKa+3QN8SQ4hgAptbaQbOXTm2fiMQprStoN2OMlCrD+5DSAUAe+7XWxr7ByUtBsLPcg4P3AGBBRE+hYHnBaZpKGJ4RcQgA3wCwdDCBXzOzWFGC8n+7ZVk2ZOaZlAwAkrp3rbUMEpyHdxUg4qjNckeKHVQGFnc6nb70lJllSFdO8a/EWlpSVVWhlFq0pXAPXCdK/oVaYaiX7s4nIt427+yBJU0AkPtM73tEnIOId1rr+/rMDlyr7Xa7/dFoVA/qiCXnpO+NjbcoihZlWRbNSndg51cxvbjAu8R+q9VK4PUqxBmHEW+CtwMhommor237xhgJUVyncQ9srZ2EPnDfo2maDpRS8q9sYx5M3jnqLwr+A0xu/BesYG0CAAAAAElFTkSuQmCC");}
.chat_form .input3:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABKUlEQVRIS+3UQU7EMAwAQNt9AQ/gxoX9BOUTiBfU6qq8YdkvcKnSC3d4RJcHcUeqGiOvkhKyWTWttOJCb42asWM7RbjQgxdyIRs2xrwBgGXmx5xksmCHTh4ivorICwDcuMVnZt6HAWdhjzLzg25MvO90fREcIz6jcN0Ysww+h8Y4ALwDwCYr4zk0hTOzBvjpQ9zhXDRVlrOwQ2+ttU91XR9yxqpt25KIei2Jb7Dum6ZCURG5JqKvcRz3a2A3HcfpOcIu0ysR2RJRtwZmZgzLOMHDMNRN03x2Xdd72B3zLlUSa+2HnsqXQmGfpJbk5ILEcFEUOxH5VW9ELKPgvYd9EllwVVX3YdaJU/3Dp837mxrn3LjwGxEpZ6dC53IprN/HN3X2R78miO75BnaCLSZiBg5MAAAAAElFTkSuQmCC");}
.chat_form .input4:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABGElEQVQ4T9WVsU7DMBCG/3OUjSdgpW/BAjwCL9DNdpSBBYFEQFUlqMrUKXLsDYmRdwD1NRgYeQHGRD9KRSpRgepWzVBLnnz33d1/Z1vQw5IemFhAnXMnu4JnWfa2gIYQXncF1VqfLqFN04zbKNvC22qTJBntKZTkIcnCWvuyqQRVVZ0DmCilPn+VD+CJ5APJDwA31tr5Orhz7lgpNRGRAYACwPBPTb33po0KYE7yylr7vgr33h+JyJTkmYgUWusqqlEhhIs2cwDPdV1f5nn+VZblQZqmjySHAO6MMbMuYBS0Mw4hXJO8B9Du2x/YdDX7jaCds/d+ZIwZ/6fzVtCIpu3z8Pdy99dpFnu+HP5e3tPYLGLtevlOvgHXdegWiLoudwAAAABJRU5ErkJggg==");}
.chat_form .textarea { margin-bottom: 10px; position: relative;}
.chat_form .textarea textarea { display: block; background: #fff; height: 82px; padding: 5px 20px 5px 40px; line-height: 24px; border: 0; width: 100%; box-sizing: border-box; }
.chat_form .btnbox { padding-top: 5px;}
.chat_form .btnbox .btn { display: block; margin: 0 auto; height: 38px; line-height: 38px; width: 80px; border-radius: 6px; background: #006eff; background-image: linear-gradient(to right,#006eff,#004eff); color: #fff; text-align: center; font-weight: bold; cursor: pointer; transition:all 200ms ease;}
.chat_form .btnbox .btn:hover { background: #0084ff; color: #fff; }

.etip { position: fixed; left: 50%; top: 50%; margin-left: -110px; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.6); color: #fff; width: 200px; padding: 10px; text-align: center; font-size: 14px; line-height: 24px; border-radius: 22px; z-index: 9999991;}



/*滚动条*/
::-webkit-scrollbar-corner { background-color: transparent;}
::-webkit-scrollbar{width: 6px; height:6px; border-radius:50%; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.3); border-radius:3px; }