html,body{margin:0;padding:0;width:100%;font-size:14px;color:#323232}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
html,body,div,i,header,section,img,ul,li{box-sizing:border-box;margin:0;padding:0;border:0;outline:0}
ul,li{list-style:none}
body::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:8px}
body::-webkit-scrollbar-button{display:none}
body::-webkit-scrollbar-track{background:transparent}
body::-webkit-scrollbar-thumb{min-height:20px;background:#ccc;background-clip:padding-box;border-radius:5px}
body::-webkit-scrollbar-thumb:hover{background-color:#ccc}
body::-webkit-scrollbar-thumb:active{background-color:#ccc}
@font-face{font-family:msgbox;src:
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),url(../fonts/msgbox.woff) format('woff'),url(../fonts/msgbox.ttf?t=1646116321486) format('truetype'),url(../fonts/msgbox.svg?t=1646116321486#msgbox) format('svg')}
.iconfont{font-family:msgbox!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-load:before{content:"\e61d"}
.icon-arrow-left:before{content:"\e627";font-size:20px}
.icon-nochat:before{content:"\e6a7";font-size:100px;color:#888}
.icon-close:before{content:"\e704";font-size:12px;color:#888}
.icon-search:before{content:"\e665";font-size:12px;color:#888}
.nochat{display:none;padding-top:30vh;text-align:center}
.flex{display:flex;display:-webkit-flex}
.flex1{flex:1}
.h-title{text-align:center;font-size:16px}
.unread-numbers0{display:none}
.unread-start{}
.unread-end{}
body.toppage{height:100%;min-width:676px}
.toppage .page-list{width:276px;position:absolute;top:0;left:0;bottom:0;height:100%}
.toppage header{position:absolute}
.page-list{padding:10px}
header{position:fixed;top:0;left:0;width:100%;height:50px;padding:10px;background:#fff;z-index:10}
.input-search{box-sizing:border-box;position:relative;display:block;width:100%;padding:0 10px;height:30px;line-height:30px;border-radius:6px;border:1px solid #ccc;outline:0;font-size:14px}
div.input-empty{pointer-events:none}
div.input-empty::before{content:"\e665"}
.page-list .icon-close{position:absolute;right:20px;top:17px;line-height:12px;z-index:10;cursor:pointer}
.loading{position:absolute;top:0;width:100%;z-index:10;height:4px}
.loading-hide{visibility:hidden}
.loading div{animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.loading-right{background:linear-gradient(90deg,#dce7f8 0,#377bbb 50%,#dce7f8 100%);background-size:200% 100%;background-position:200% 0;animation-name:loading}
.loading-left{background:linear-gradient(90deg,#377bbb 0,#dce7f8 50%,#377bbb 100%);background-size:200% 100%;background-position:200% 0;animation-name:loading2}
@keyframes loading{0%{background-position:200% 0}
100%{background-position:0 0}}
@keyframes loading2{0%{background-position:0 0}
100%{background-position:200% 0}}
.content{margin-top:40px;position:relative;height:calc(100% - 40px);overflow-y:auto}
.chat-item{height:50px;padding:10px;line-height:30px;border-bottom:1px solid #fff;cursor:pointer}
.chat-item-active,.chat-item:hover{background:#eee}
.chat-item-head{float:left;width:30px;height:100%}
.chat-item-head img,.chat-logo-text{width:30px;height:30px;border-radius:6px;background:#fff}
.chat-logo-text{display:none;color:#888;font-size:22px;text-align:center}
.chat-item-noLogo img{display:none}
.chat-item-noLogo .chat-logo-text{display:block}
.chat-item-content{position:relative;line-height:30px;margin-left:40px}
.chat-item-title{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.img-emo{height:16px;margin:0;vertical-align:sub}
.chat-item-num{position:absolute;right:0;top:7px;height:16px;min-width:16px;line-height:16px;border-radius:16px;font-size:10px;text-align:center;color:#FFF;background:red;margin:0}
.chat-item-num0{display:none}
.chat-item-close::after{content:'\e620';color:#aaa;font-size:12px;font-family:msgbox!important}
.chat-item-close{height:16px;width:16px;line-height:16px;margin-top:7px;margin-left:10px;text-align:center;cursor:pointer}
.chat-item-active .chat-item-close{display:block}
.chat-item-finished{text-align:center;color:#ccc;font-size:10px;line-height:60px}
.echat-holder{height:100%;position:absolute;top:0;left:276px;right:0;bottom:0;height:100%;min-width:400px}
.echat-win-show #ECHAT_chat{display:block!important;overflow:hidden!important;width:100%!important;height:100%!important;opacity:1!important;padding:0!important;margin:0!important;border:0!important}
.echat-hide,body .echat-hide,.echat .echat-hide{display:none}
.leave-tip{position:fixed;top:140px;left:0;z-index:2147483647;font-size:1.4rem;text-align:center;width:100%;-moz-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}
body .tiphide{opacity:0;visibility:hidden}
.leave-tip-content{position:relative;display:inline-block;margin:0 10px;line-height:24px;padding:5px 18px;word-wrap:break-word;overflow:hidden;background:rgba(0,0,0,.5);color:#FFF;border-radius:18px}
.leave-tip-content .info-warn{font-size:0;line-height:0}
.leave-tip-content .info-con,.leave-tip-content .info-warn{display:inline;padding:0;word-break:break-all}
.dialog-mask{top:0;left:0;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2147483640}
.dialog-content::-webkit-scrollbar-thumb{min-height:20px;background:#ccc;background-clip:padding-box;border-radius:5px}
.dialog{position:absolute;top:50%;left:50%;z-index:2147483647;width:300px;min-height:160px;transform:translateY(-50%);margin-left:-150px;border:1px solid #F2f2f2;box-shadow:0 0 8px rgba(0,0,0,.2);background:#FFF;word-wrap:break-word;word-break:break-word;-moz-transition:opacity 200ms ease-in-out;-webkit-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;-ms-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;border-radius:16px!important;display:flex;flex-direction:column}
.dialog-hide{opacity:0}
.dialog-close{position:absolute;right:10px;top:10px;z-index:10;width:12px;height:12px;cursor:pointer;padding:2px}
.img-close{display:inline-block;*display:inline;zoom:1\9;width:12px;height:12px;background:url(/visitor/common/img/close.png) 0 0 no-repeat}
.dialog-title{line-height:36px;font-size:16px;color:#1B242C;text-align:center;background-color:rgba(27,36,44,.06);border-radius:16px 16px 0 0}
.dialog-content{padding:24px 24px 0;font-size:14px;text-align:center;max-height:260px;box-sizing:border-box;overflow:hidden;overflow-y:auto;line-height:22px;color:#1B242C;font-weight:400;flex:1}
.dialog-btns{height:34px;text-align:center;padding:24px;display:flex;justify-content:space-evenly}
.dialog-btn{display:inline-block;*display:inline;zoom:1\9;position:relative;padding:0 12px;cursor:pointer;border-radius:3px;vertical-align:top;overflow:hidden;color:#fff;height:38px;line-height:38px;border-radius:6px;min-width:30%;margin:0;font-size:14px;outline:0}
.dialog-btn:hover{box-shadow:0 0 3px 0 #0da7db}
.dialog-cancel{border:1px solid #eee;height:36px;line-height:36px;background-color:#fff!important;color:#000!important}
.dialog .fade-div{height:34px;border-radius:8px}
.bg0 .fade-div{display:none}
.bg0 .fade-div{display:none}
body .has-fade{background:#FFF;overflow:hidden;_zoom:1}
.has-fade .fade-div{display:block;position:absolute;top:0;left:0;right:0;_width:60px;width:100%;height:30px;opacity:.6;_zoom:1;filter:Alpha(opacity=60)}
.has-fade span{position:relative;z-index:1}
.mask{display:none;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:1147483647;background-color:#000;filter:alpha(opacity=30);opacity:.3}
.permission_tip{position:fixed;top:12px;margin:12px;font-size:14px;padding:12px;border-radius:16px;background-color:#fff;box-shadow:1px 4px 10px 0 rgba(0,0,0,.2);z-index:9999999}
.permission_tip_title{font-size:16px;font-weight:700;margin-bottom:6px}
.permission_tip_content{color:#888;font-size:14px}