*{scrollbar-color:#ccc transparent;scrollbar-width:thin;}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent;width:12px;opacity:}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;-webkit-transition:all 1s;transition:all 1s;width:16px}::-webkit-scrollbar-thumb:hover,:hover::-webkit-scrollbar-thumb{background:#ccc;}html,body{width:100%;height:100%;overflow:hidden;}body{padding:5% 0;background-color:#f0f0f0;overflow-y:auto;}a{color:#488bff;text-decoration:none;}.chats{width:80%;height:90%;min-height:600px;max-width:760px;margin:0 auto;padding:60px 0 140px;position:relative;display:none;}.chats-header{width:100%;height:60px;line-height:60px;background-color:#F9D54F;color:#fff;border-radius:8px 8px 0 0;position:absolute;top:0;}.chats-header h1{width:100%;margin:0;padding:0 20px;height:60px;line-height:60px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.chats-header h1 a{height:30px;line-height:30px;margin-left:8px;padding:0 10px;color:#409eff;font-size:13px;background-color:#ecf5ff;border:1px solid #b3d8ff;border-radius:4px;display:inline-block;}.chats-header .online,.chats-header .offline{width:10px;height:10px;margin-right:8px;background-color:#67C23A;border-radius:50%;display:inline-block;}.chats-header .offline{background-color:#F56C6C;}.chats-container{width:100%;height:100%;background-color:#fff;position:relative;overflow:hidden;overflow-y:auto;}.chats-list{padding:15px 20px;}.chats-list .dialog{width:100%;min-height:50px;margin-bottom:20px;padding:0 60px;position:relative;overflow:hidden;}.chats-list .dialog .avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;position:absolute;top:0;}.chats-list .dialog .avatar img{width:100%;height:100%;}.chats-list .dialog .content{max-width:50%;min-width:40px;min-height:40px;margin-top:8px;padding:10px;border-radius:10px;display:inline-block;}.chats-list .dialog .content p{margin:0;padding:0;line-height:1.6;}.chats-list .dialog .content img{max-width:100px;max-height:300px;cursor:pointer;}.chats-list .dialog .iconinfo{width:16px;height:16px;margin-top:20px;display:inline-block;}.chats-list .dialog .loading{background:url(../images/loading.gif) no-repeat;opacity:0.3;filter:alpha(opacity=30);}.chats-list .dialog .error{background:url(../images/icon-error.png) no-repeat;}.chats-list .service-dialog .avatar{left:0;}.chats-list .service-dialog .name{line-height:20px;font-size:12px;color:#999;}.chats-list .service-dialog .content{margin-top:4px;background-color:#f8f8f8;border-top-left-radius:0;}.chats-list .visitor-dialog .avatar{right:0;}.chats-list .visitor-dialog .content{background-color:#ecf5ff;border-top-right-radius:0;float:right;}.chats-list .visitor-dialog .iconinfo{margin-right:10px;float:right;}.chats-list .dialog-info{margin-bottom:10px;min-height:inherit;text-align:center;color:#ccc;}.chats-bottom{width:100%;height:140px;padding:15px 20px 70px;background-color:#fff;border-radius:0 0 8px 8px;border-top:2px solid #f0f0f0;position:absolute;bottom:0;left:0;}.chats-textarea{width:100%;height:100%;color:#555555;font-size:14px;background:none;border:none;outline:none;resize:none;overflow-x:hidden;overflow-y:auto;word-break:break-all;}.chats-toolbar{height:40px;position:absolute;bottom:15px;left:20px;right:20px;}.chats-btn{width:120px;height:40px;line-height:40px;cursor:pointer;float:right;}.chats-btn .btn{width:80px;height:40px;line-height:40px;padding:0;text-align:center;background-color:#F9D54F;border:none;border-radius:6px 0 0 6px;color:#fff;}.chats-btn .dropdown-toggle{width:40px;border-radius:0 6px 6px 0;position:relative;}.chats-btn .dropdown-toggle::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5);overflow:hidden;}.upload-file{position:absolute;top:0px;right:0px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}.upload-img{height:24px;margin-top:8px;float:left;display:inline-block;position:relative;cursor:pointer;}.upload-img img{width:24px;height:100%;margin-right:4px;}.upload-img .upload-file{width:100%;height:100%;}.chats-btn .dropdown-menu .active a{background-color:#ecf5ff;color:#409EFF;}@media only screen and ( max-width:760px ){body{padding:0;overflow:hidden;}.chats{width:100%;height:100%;min-height:inherit;max-width:inherit;padding:50px 0 120px;}.chats-header{height:50px;line-height:50px;}.chats-header h1{height:50px;line-height:50px;padding:0 15px;font-size:14px;}.chats-list{padding:10px 15px;}.chats-list .dialog{padding:0 50px;margin-bottom:15px;}.chats-list .dialog-info{font-size:13px;}.chats-list .dialog .avatar{width:40px;height:40px;}.chats-list .dialog .content{max-width:70%;padding:8px;min-height:30px;}.chats-list .dialog .content img{width:100%;}.chats-bottom{height:120px;padding:10px 15px 50px;}.chats-toolbar{height:30px;left:15px;right:15px;bottom:10px;}.upload-img{margin-top:3px;}.chats-btn{width:60px;height:30px;}.chats-btn .btn{width:60px;height:30px;line-height:30px;font-size:13px;}.chats-btn .btn:first-child:not(:last-child):not(.dropdown-toggle){border-radius:6px;}.chats-btn .dropdown-toggle{display:none;}}.layer-captcha .captcha img{cursor:pointer;}.layer-captcha .form-group{margin:10px 15px 0;}