@charset "utf-8";
/* reset */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0;}
html,body{height:100%;}
html{font-size:14px;}
body{color:#000;font:1rem/1.5  Helvetica, Arial, sans-serif; -webkit-overflow-scrolling:touch;min-height:100vh;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}
audio:not([controls]){display:none; height:0;}
[hidden], template{display:none;}
svg:not(:root){overflow:hidden;}
a{color:#000;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
/* a:hover{color:#059ae0;} */
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
i{font-style:normal;}
dfn{font-style:italic;}
mark{background:#ff0; color:#000;}
small{font-size:80%;}
sub, sup{line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;vertical-align:middle;max-width:100%;}
hr{box-sizing:content-box; height:0;}
pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em;}
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend{border:0; padding:0;}
textarea{overflow:auto; resize:vertical;outline:0;}
optgroup{font-weight:bold;}
table{border-collapse:collapse; border-spacing:0;}
td, th{padding:0;}
ul, ol{list-style:none outside none;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{ font-size:14px;}
::selection{background-color:rgba(5, 154, 224,.1);color: #059ae0;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
input:focus::-webkit-input-placeholder{color:#ccc;}
html.sys-ios,html.sys-ios body{overflow-y:auto;-webkit-overflow-scrolling:touch;}
@font-face {
    font-family:boxicons;
    src:url(../../../plugins/font-icons/boxicons/boxicons.eot?t=1590207869815);
    src:url(../../../plugins/font-icons/boxicons/boxicons.eot?t=1590207869815#iefix) format("embedded-opentype"), url(../../../plugins/font-icons/boxicons/boxicons.woff2?t=1590207869815) format("woff2"), url(../../../plugins/font-icons/boxicons/boxicons.woff?t=1590207869815) format("woff"), url(../../../plugins/font-icons/boxicons/boxicons.ttf?t=1590207869815) format("truetype"), url(../../../plugins/font-icons/boxicons/boxicons.svg?t=1590207869815#remixicon) format("svg");
}
/* flex */
.d-flex,
.imchat-window,.imchat-page,.imchat-wrap,.imchat-wrap .imchat-head,.imchat-wrap .service-cell,.imchat-wrap .chat-list-item,
.sys-verify-tips{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-ver,
.imchat-wrap,
.imchat-wrap .imchat-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.flex-1,
.imchat-wrap,.imchat-wrap .imchat-main,
.imchat-wrap .chat-list,
.imchat-wrap .chat-item-bd,
.sys-verify-tips .chat-tips-txt{-webkit-box-flex:1;-ms-flex:1; -webkit-flex:1;flex:1;min-width:0;min-height:0;}

/* box-sizing */
*{box-sizing:border-box;}

/* scroll */
::-webkit-scrollbar { width:5px; height:5px;}
::-webkit-scrollbar-thumb {background:#ccc;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover { background:#aaa;}
.imchat-wrap .chat-txtarea::-webkit-scrollbar{width:0;}
.imchat-wrap .chat-list-wrap::-webkit-scrollbar { width:8px; height:8px;}
.imchat-wrap .chat-list-wrap::-webkit-scrollbar-thumb {background:#69c2ec;border-radius: 0;}
.imchat-wrap .chat-list-wrap::-webkit-scrollbar-thumb:hover { background:#059ae0;}

/* layout */
.imchat-page{width:100%;height:100%;position:absolute;left:0;top:0; align-items:center; justify-content:center; -ms-flex-pack:center;display:block;}
.imchat-wrap{max-width:900px; width:100%; height:100%; background-color:#fff; padding:35px 30px; overflow:hidden;margin:0 auto;}


/* ------------------ header ------------------ */
.imchat-wrap .imchat-head{width:100%; position:relative;z-index:1; }
.change-language{display:inline-block; position:absolute;right:0;bottom:100%;margin-bottom:-2rem;z-index:3;}
.change-language .language-toggle{display: flex; justify-content: flex-end; align-items:center; padding:.5rem 1.05rem .5rem .72rem;border-radius:.3rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;}
.change-language .language-toggle .language-ico{display:inline-block; vertical-align:middle; width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain; background-image:url(../img/ico_language.png);}
.change-language .language-toggle .language-txt{display:inline;padding:0 .4rem 0 0;font-size:1rem;}
.change-language .language-toggle::after{content:'';display:inline-block;vertical-align:middle; width:0;height:0;overflow:hidden;border:.3rem solid #666; border-top-width: .4rem; border-left-color:transparent;border-right-color:transparent; border-bottom:0;transition:all .2s ease; }
.change-language .language-drop{min-width:100%;  background-color:#fff;border-radius:.3rem;position:absolute;right:0;top:100%; margin-top:2px; box-shadow:0 0 0 1px #e3e3e3, 0 0 1rem rgba(204,204,204,.7);padding:.6rem .4rem 1rem;opacity:0;visibility:hidden; overflow:hidden; transform:translateY(8px); transition:all .2s ease;}
.change-language .language-list{ max-height:14.8rem;overflow:hidden;overflow-y:auto;}
.change-language .language-drop li{width:100%; overflow:hidden;white-space: nowrap;}
.change-language .language-drop li a{display:block;overflow:hidden; white-space:nowrap; padding:.3rem .8rem;color:#333;border-radius:.4rem;transition:all .3s ease;}
.change-language .language-drop li a:hover{color:#059ae0;background-color:rgba(5, 154, 224,.1);}
.change-language .language-drop li.language-flag span{position:relative;display:inline;vertical-align:top;padding:0 0 0 33px;overflow:hidden;}
.change-language:hover .language-toggle{ background-color:#fff; box-shadow:0 0 0 1px #e3e3e3, 0 0 1rem rgba(204,204,204,.7);}
.change-language:hover .language-toggle::after{transform:rotate(-180deg);}
.change-language:hover .language-drop{opacity:1;visibility:visible;transform:translateY(0);}
.imchat-wrap .service-cell {width:100%; max-height:200px\0; padding-left:1.2rem; min-height:0;}
.imchat-wrap .service-cell-img,.imchat-wrap .service-cell-intro{display:inline-block\9;}
.imchat-wrap .service-cell-img{width:22%; max-width:160px; height:auto;align-self:flex-end;}
.imchat-wrap .service-cell-img .cell-img-box{padding: 100% 0 0;position: relative;}
.imchat-wrap .service-cell-img .cell-img-box video,
.imchat-wrap .service-cell-img .cell-img-box img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.imchat-wrap .service-cell-img .cell-img-box video{z-index: 1;}
.imchat-wrap .service-cell-intro{ width:78%;padding:2.5rem 0 1rem 1.5rem;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;min-height:0; color: #69c2ec; }
.imchat-wrap .service-cell-intro .intro-cont-box{display:inline-block;width:100%;max-width:100%;max-height:98%;
    font-size:1.0714rem; padding:1rem 3px 1rem 0;box-shadow:0 0 0 1px rgba(204,204,204,.3), 0 0 2.5rem rgba(204,204,204,.7); background-color:#fff; border-radius:1rem;position:relative; }
.imchat-wrap .service-cell-intro .intro-cont-txt{position:relative;z-index:2;background-color:#fff;padding:0 1.6em;border-radius:1rem;
    min-height:3rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.imchat-wrap .service-cell-intro .intro-cont-ico{display:inline-block;transform:rotate(-20deg);transform-origin:right 0;position:absolute;left:-13px;top:15px;z-index:1;}
.imchat-wrap .service-cell-intro .intro-cont-ico::before{content:'';display:block;width:28px;height:28px;background-color:#fff; transform:skew(-55deg); box-shadow:-5px 5px 6px rgba(204,204,204,.3);}
.imchat-wrap .service-cell-intro .mobile-intro-txt{display:none;}


/* ------------------ main ------------------ */
.imchat-wrap .imchat-main{box-shadow:0 0 0 1px rgba(204,204,204,.3), 0 0 3rem rgba(150,150,150,.2);border-radius:1rem;padding:2rem .5rem 1.5rem 1.5rem; width:100%;/* overflow:hidden; */}
/* 聊天内容 */
.imchat-wrap .chat-list{position:relative;min-height:300px\9; }
.imchat-wrap .chat-list-wrap{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;overflow-y:auto; -webkit-overflow-scrolling:touch;padding-right:1.8rem;}
.imchat-wrap .chat-list ul{padding-bottom:1rem;}
.imchat-wrap .chat-list-item{ width:100%; }
.imchat-wrap .chat-list-item+.chat-list-item{margin-top:2.02rem;}
.imchat-wrap .chat-item-hd{width:50px;}
.imchat-wrap .chat-item-hd .chat-item-avatar,
.imchat-wrap .chat-item-hd .chat-item-avatar img {display:block;width:50px;height:50px;border-radius:50%;overflow:hidden; background-color:#dadada;}
.imchat-wrap .chat-item-hd .chat-item-avatar img{object-fit:cover;}
.imchat-wrap .chat-item-bd{padding-left:1.5rem;}
.imchat-wrap .chat-item-meta{margin-bottom:.2rem;}
.imchat-wrap .chat-item-meta .chat-meata-name{display:inline;font-weight:bold;padding-right:.6em;}
.imchat-wrap .chat-item-meta .chat-meate-time{display:inline;color:#525252;}
.imchat-wrap .chat-item-cont{display:inline-block; word-wrap:break-word; min-width:40%; max-width:100%;background-color:#f3f3f3;border-radius:.3rem;padding:1rem 1.3rem 1.5rem;position:relative; }
.imchat-wrap .chat-item-cont::before{content:'';display:block;width:0;height:0;border:0px solid #f3f3f3;border-top-width:10px;border-left-width:16px; border-left-color:transparent;border-right-color:transparent;position:absolute;left:-11px;top:0;border-radius:4px 0 0 0;}
.imchat-wrap .chat-item-cont .ico-voice{display:inline-block;width:18px;height:18px; cursor:pointer; background-repeat:no-repeat;background-position:right center;background-image:url(../img/ico_voice.png);position:absolute;right:.8rem;bottom:.6rem;animation-duration:1.3s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:steps(3,end);}
@keyframes voicePlay {0% {background-position:0;}100% {background-position:100%;}}
.imchat-wrap .chat-item-cont .voice-active {animation-name:voicePlay;}
.imchat-wrap .chat-item-reply .chat-item-cont{background-color:#37aee6;/*padding-bottom:2.5rem;*/}
.imchat-wrap .chat-item-reply .chat-item-cont,
.imchat-wrap .chat-item-reply .chat-item-cont a{color:#fff;}
.imchat-wrap .chat-item-reply .chat-item-cont ::selection{ color:rgba(255,255,255,.7);}
.imchat-wrap .chat-item-reply .chat-item-cont::before{border-top-color:#37aee6;}
/* 聊天编辑 */
.imchat-wrap .imchat-editor{padding:1rem 1rem 0 0; margin-top: 1rem; position: relative;}
.imchat-wrap .imchat-editor::before{content: '';display: block;height: 1px;background-color: #f9f9f9;position: absolute;left: -1.5rem;right: -0.5rem;top: 0;}
.imchat-wrap .chat-maybe{width:100%;overflow:hidden; overflow-y: auto;max-height: 75px;padding-bottom:.3rem;}
.imchat-wrap .chat-maybe ul{padding:.2rem 0; letter-spacing:-6px;overflow:hidden;}
.imchat-wrap .chat-maybe .maybe-txt-label{display:inline-block; letter-spacing:0; vertical-align:middle;background-color:rgba(5, 154, 224,.1);padding:.3rem .8rem;margin:0 .5rem .5rem 0;cursor:pointer;transition:all .3s ease;}
.imchat-wrap .chat-maybe .maybe-txt-label:hover{color: #059ae0;}
.imchat-wrap .chat-edit-area{position:relative;border:1px solid #e9e9e9;border-radius:.5rem; background-color:#f9f9f9;padding:.6rem 3px .6rem 1rem;}
.imchat-wrap .chat-edit-area .chat-txtarea{display:block; width:100%; height:6rem; max-height:15vh; background:none; font-size:1rem; padding:0 9.5rem 0 0; overflow:hidden;overflow-y:auto; resize:none;border:0; }
.imchat-wrap .chat-edit-area .chat-btns{position:absolute;right:6px;bottom:6px;}
.imchat-wrap .chat-edit-area .edit-send-tips{position: absolute;left: 0;bottom: 100%;margin-bottom: .45rem;color: rgb(164, 164, 164);font-size: 0.8571rem;white-space: nowrap;}
.chat-btn{display:inline-block; position:relative; line-height:1.5; text-align:center; font-size:1.1428rem; color:#fff;padding:.6rem 3rem .6rem 2rem; background-color:#059ae0;border-radius:.5rem;border:0;outline:0;letter-spacing:.2rem; transition:all .3s ease;-webkit-tap-highlight-color:transparent;}
.chat-btn:hover{background-color:#059ae0;}
.chat-btn .btn-ico-go{ display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-position:center; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMA9tGxqol34bifPBPx5t3LxqaemZVSSS0kHgXq17yPgm1nXTYYDvQDdugAAAB5SURBVAjXTY5HDsUwCAUB9/Tefi/h/keMbUWRZwEMLHjwmyGlYpsl2hqFNF26IGzPwujtdLK+aIPDHjXj2Na2VmsY7H3ouv6lH8zSq0QphHBKMNcAM+cQUI0LHxvyZSSUS1jm/vi5Yf+HiKu+ZaGvGCXTOwk5jZBwAGBWBdBlTzrVAAAAAElFTkSuQmCC); position:absolute;right:1.2rem;top:50%;margin-top:-7px;}
.imchat-wrap .chat-input-tips{display:block; min-width:35%;max-width:70%;  position:absolute;left:1rem;top:2.5rem;opacity:0;visibility:hidden; transition:all .15s ease;padding:1rem .2rem 1rem .5rem;background-color:#fff;border:1px solid #e9e9e9; border-radius:.5rem;}
.imchat-wrap .chat-input-tips ul{ max-height: 6rem; padding-right: .5rem; overflow: hidden;overflow-y: auto;}
.imchat-wrap .chat-input-tips li{cursor:pointer;padding:0 .5rem;transition:all .3s ease;}
.imchat-wrap .chat-input-tips li:hover{background-color:rgba(5, 154, 224,.1);}
.imchat-wrap .chat-input-tips li a{display:block;}
.imchat-wrap .chat-input-tips .txt-mate{color:#ff4a4a;}
.imchat-wrap .input-match-active .chat-input-tips{opacity:1;visibility:visible;}
/*  弹出层-输入邮箱 */
.sys-chat-pop{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:3;opacity:0;visibility:hidden; display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.sys-chat-pop .chat-pop-wrap{width:550px;max-width:70%;max-height:80%; background-color:#fff; border-radius:.5rem;position:relative; display:flex;overflow:hidden;transform:scale(.7);transition:all .15s ease; }
.sys-chat-pop .chat-pop-inner{ width:100%; padding:3rem; overflow:hidden;overflow-y:auto;}
.sys-chat-pop .chat-pop-close{ display:inline-block;position:absolute;right:0;top:0;cursor:pointer;}
.sys-chat-pop .chat-pop-close::after{content:'';display:block;width:3rem;height:3rem;width:3rem;height:3rem;background-repeat:no-repeat;background-position:center; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACXRSTlMAgHRlXVa/bG7j5P53AAAAU0lEQVQY02MgHYiCyUAwGekAJFgmgtksk4GEpQBEkWUBA8dEqAb2SQyaAjDdmoIT4SYxzhTAypZEqGGcyCAJlQAxGCESYBosAaVgEolgUox0TwEAx7UKxuPga8wAAAAASUVORK5CYII=);opacity:.4; transition:all .3s ease;}
.sys-chat-pop .chat-pop-close:hover::after{opacity:.8;}
.sys-chat-pop .chat-pop-hd{padding-bottom:2rem; position:relative;}
.sys-chat-pop .chat-pop-tit{font-size:1.0714rem; text-align:center;font-weight:normal;}
.sys-chat-pop .chat-pop-body{}
.sys-chat-pop .chat-pop-form{}
.sys-chat-pop .chat-control-group{text-align:center;}
.sys-chat-pop .pop-control-item{margin-bottom:.6rem;position:relative;}
.sys-chat-pop .pop-control-ipt{display:block;width:100%; height:3.5rem;line-height:3.5rem; font-size:1.0714rem; padding:0 2.5rem; border:1px solid #d7d7d7;border-radius:.5rem;outline:0;transition:all .3s ease;-webkit-appearance:none;}
.sys-chat-pop .pop-control-ipt:focus{border-color:#05c383; box-shadow:0 0 0 3px #e5fbee;}
.sys-chat-pop .control-item-required:before{content:'*'; color:#f00;font-size:1.1428rem; font-family:'simsun'; position:absolute;left:1rem;top:0;line-height:3.5rem;}
.sys-chat-pop .chat-btn-group{padding-top:2.3rem;text-align:center;position:relative;}
.input-verify-box{width:100%;position:absolute;left:0;top:-.35rem;}
.sys-verify-tips{width:100%; background-color:#fffbf1;border-radius:.5rem;padding:.35rem 1rem;align-items:center;}
.verify-error .sys-verify-tips::before{ content:''; display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEUAAAD/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/Skr/SkpmTG85AAAAE3RSTlMARqdyEVFC7eTXwHod8+CwWjQzGgPKnwAAAG1JREFUGNNlj0cWwCAIRAcR04xp979rHsVk4Sxk+E8aVJm2lDbKCJX1Ma3Fc9ZkmvRlzUXdLsWIAHkxABhYMsjra/VIYDfX7ZGR3JT4mTqQswMOc0SJN/1FMXYmmmMsxECtBuRbvTXvMB43nP8CSsQL5suoKgIAAAAASUVORK5CYII=);}
.verify-error .chat-tips-cont{color:#ff4a4a;padding-left:.8rem;}
.sys-chat-pop.pop-active{opacity:1;visibility:visible;}
.sys-chat-pop.pop-active .chat-pop-wrap{transform:scale(1);}

/* button */
.btn-unresolved,.btn-resolved,.btn-seek{margin-right: 5px;margin-bottom: 5px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color: #059ae0;padding: 0 12px;font-size: 12px;border-radius:4px;border: 1px solid rgba(5, 154, 224,.1);background-color:rgba(5, 154, 224,.05);line-height:26px;-webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;}
.btn-close{font-size:0;cursor:pointer;}
.btn-unresolved:hover,.btn-resolved:hover,.btn-seek:hover{background-color:#059ae0;color:#fff;}
.btn-unresolved::before,
.btn-resolved::before,
.btn-close::before{font-family: boxicons;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display:inline-block;font-size:17px;}
.btn-unresolved::before{content:"\ebf3";}
.btn-resolved::before{content:"\eb01";}
.btn-close::before{content:"\ec8d";font-size:24px;}

/* edit 20231031 */
.order-popover{bottom:70px;}
.popover-hd {display: flex;align-items: center;justify-content: space-between;padding: 15px 12px 12px;line-height: 1;}
.popover-hd .title {flex: 1;margin-right: 20px;overflow: hidden;font-size: 15px;font-weight: 700;}
.order-list {padding: 0 12px 12px;}
.order-list li {position: relative;background-color: #fff;border-radius: 6px;padding: 12px;margin-bottom: 12px;-webkit-transition: all .3s ease;transition: all .3s ease;overflow:hidden;}
.order-list li:hover {box-shadow: 5px 10px 35px rgba(0, 0, 0, .1);}
.order-hd,
.order-bd,
.order-info {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 10px;overflow:hidden;}
.order-hd {font-size: 12px;color: #a9a9a9;margin-bottom: 5px;row-gap:0;}
.order-hd .order-id {flex: 1;overflow:hidden;}
.order-info {flex: 1;font-size: 16px;margin-right: 15%;align-items: flex-start;}
.order-info p {font-size: 12px;}
.order-info .order-title {flex: 1;font-weight: 400;overflow:hidden;}
.order-info .order-title h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.order-info .order-price {color: #f00;font-size: 14px;}
@media only screen and (max-width:640px) {
    .order-popover{bottom:0;}
    .popover-hd .title,.order-info {font-size: 14px;}
    .order-info{margin-right: 5%;}
}

@media only screen and (max-width:420px) {
    .order-info .order-title h3,.order-info .order-price{font-size:13px;}
}

@media only screen and (max-width:360px) {
    .order-info .order-title{flex:unset;width:100%;}
}

@media only screen and (max-width:320px) {
    .order-hd .order-id,.order-info{flex:unset;width:100%;}
}

/* ------------------ footer ------------------ */
.imchat-wrap .imchat-foot{padding-top:1.5rem;text-align:center;}
.imchat-wrap .imchat-foot,.imchat-wrap .imchat-foot a{color:#525252;}



@media screen and (max-height: 900px)  {
    .imchat-wrap .service-cell-img{max-width: 150px;}
    .imchat-wrap .service-cell-intro .intro-cont-txt{-webkit-line-clamp:2;}
}



/* PC端窄屏：横屏&高度过小设备 */
@media screen and (orientation: landscape) and (max-height: 768px)  {
    .imchat-wrap{padding: 25px 30px;}
    .change-language{margin-top: 1rem;margin-bottom: 0; bottom: auto; position: relative;order: 2;}
    .imchat-wrap .imchat-head{width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; }
    .imchat-wrap .service-cell{flex:1;order: 1;padding-right: 1rem;}
    .imchat-wrap .service-cell-img{max-width: 100px;}
    .imchat-wrap .service-cell-intro{padding-top: .5rem;}
    .imchat-wrap .service-cell-intro .intro-cont-box{display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt{display:inline-flex;min-width: 100%;
        font-size:1.0714rem; padding:1rem 1.6rem;box-shadow:0 0 0 1px rgba(204,204,204,.3), 0 0 2.5rem rgba(204,204,204,.7); background-color:#fff; border-radius:1rem;position:relative; }
    .imchat-wrap .service-cell-intro .mobile-intro-txt br{display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt .intro-txt-company{width: 100%;font-weight: bold;display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt .intro-txt-name{position: relative;z-index: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt::before{content:'';display:block;width:28px;height:20px;background-color:#fff; transform:skew(-55deg); transform-origin: 0 center; box-shadow:-5px 5px 6px rgba(204,204,204,.3); position: absolute;left: -4px; top: 1rem;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt::after{content: '';display: block;width: 60px;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;border-radius: 1rem 0 0 1rem;z-index: 1;}
    .imchat-wrap .chat-edit-area .chat-txtarea{height: 4.5rem;}
    
    .order-popover{bottom:60px;}
}
@media screen and (orientation: landscape) and (max-height:680px)  {
    .imchat-wrap{padding-top: 20px;}
    .imchat-wrap .service-cell{display: none;}
    .imchat-wrap .imchat-head{padding-bottom: .3rem;}
    .imchat-wrap .change-language{margin-top: 0;margin-bottom: 0;}
    .imchat-wrap .chat-maybe .maybe-txt-label{margin-bottom: .2rem;}
    .chat-btn{padding: .3rem 3rem .3rem 2rem;}
    @media only screen and (max-height:440px) {
        .imchat-wrap{padding: 10px 30px;}
        .imchat-wrap .chat-edit-area .edit-send-tips{display: none;}
    }
}



/* 适配移动端 */
@media screen and (max-width: 768px)  {
    .change-language:hover .language-toggle{ background-color:transparent; box-shadow:none;}
    .change-language:hover .language-toggle::after{transform:none;}
    .change-language:hover .language-drop{opacity:0;visibility:hidden;transform:translateY(0);}
    .language-menu-show .language-toggle,
    .language-menu-show:hover .language-toggle{ background-color:#fff; box-shadow:0 0 0 1px #e3e3e3, 0 0 1rem rgba(204,204,204,.7);}
    .language-menu-show .language-toggle::after,
    .language-menu-show:hover .language-toggle::after{transform:rotate(-180deg);}
    .language-menu-show .language-drop,
    .language-menu-show:hover .language-drop{opacity:1;visibility:visible;transform:translateY(0);}
}
/* width: 768-641  */
@media only screen and (max-width:768px) and (min-width:641px) {
    .change-language{margin-top: 1rem;margin-bottom: 0; bottom: auto; position: relative;order: 2;}
    .imchat-wrap .imchat-head{width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; }
    .imchat-wrap .service-cell{flex:1;order: 1;padding-right: 1rem;}
    .imchat-wrap .service-cell-img{max-width: 100px;}
    .imchat-wrap .service-cell-intro{padding-top: .5rem;}
    .imchat-wrap .service-cell-intro .intro-cont-box{display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt{display:inline-flex;min-width: 100%;
        font-size:1.0714rem; padding:1rem 1.6rem;box-shadow:0 0 0 1px rgba(204,204,204,.3), 0 0 2.5rem rgba(204,204,204,.7); background-color:#fff; border-radius:1rem;position:relative; }
    .imchat-wrap .service-cell-intro .mobile-intro-txt br{display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt .intro-txt-company{width: 100%;font-weight: bold;display: none;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt .intro-txt-name{position: relative;z-index: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt::before{content:'';display:block;width:28px;height:20px;background-color:#fff; transform:skew(-55deg); transform-origin: 0 center; box-shadow:-5px 5px 6px rgba(204,204,204,.3); position: absolute;left: -4px; top: 1rem;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt::after{content: '';display: block;width: 60px;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;border-radius: 1rem 0 0 1rem;z-index: 1;}
}
@media only screen and (max-width:640px) {
    html,body{min-height: 100%;}
    html{font-size:14px;}
    .imchat-page{padding-top:0;position: fixed; min-height: var(--app-height);}
    ::-webkit-scrollbar { width:4px;}
    ::-webkit-scrollbar-thumb {border-radius: 5px;}
    .imchat-wrap{ border-radius:.6rem .6rem 0 0;}
    /* 顶部 */
    .imchat-wrap .imchat-head{ display:flex; justify-content:flex-end; padding:.5rem 1rem  0; background-color:#f2f2f2;border-top:1px solid #e6e6e6;box-shadow:0 1px 0 rgba(255,255,255,.3) inset; border-radius:.6rem .6rem 0 0;}
    .imchat-wrap .change-language{right:.3rem; bottom:auto;top:50%;transform:translateY(-50%);}
    .imchat-wrap .change-language .language-toggle{-webkit-tap-highlight-color:transparent;min-width: inherit!important;padding-right: .5rem;}
    .imchat-wrap .change-language .language-toggle::after{display: none;}
    .imchat-wrap .change-language .language-toggle::before{content: '';display: block;width: 1.6rem;height: 1.6rem;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEUAAAAmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYlJSUlJSUkJCQoKCgpKSkmJiauZAeoAAAAEHRSTlMAgNTt48G3ppWMeWBMQDMf5YWhagAAAIdJREFUWMPt1jsOwCAMA1CX/v+5/2krhCpKl+KwUClvt6cYAWOq4oTkkBJadQUNDcbQa3L4RByuumCXl50swCSJiVkT4PXy0IN3tDHfHlBYY8EKlfnOz1AaQn6A1tn5fHdCbfMFGwosIguKjCMC5pDqGFNRQfmDYkyOhlbdL01oGVuyeZkfuQD9PC79FG6KPwAAAABJRU5ErkJggg==);}
    .imchat-wrap .change-language .language-toggle .language-txt{display:none;}
    .imchat-wrap .change-language:hover .language-toggle{ background-color:transparent; box-shadow:none;}
    .imchat-wrap .change-language .language-drop{width:auto;right:.5rem;margin-top: 0;}
    .imchat-wrap .change-language .language-flag .country-flag{transform:scale(.85);transform-origin:0 center;}
    .imchat-wrap .change-language .language-list{max-height:13.5rem;}
    .imchat-wrap .change-language .language-drop li.language-flag span{padding-left:28px;}
    .language-menu-show .language-toggle,
    .language-menu-show:hover .language-toggle{box-shadow: none;background: none;}
    .imchat-wrap .language-menu-show  .language-toggle::before{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEUAAAAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuAFmuDLlT+oAAAAEHRSTlMAgNTt48G3ppWMeWBMQDMf5YWhagAAAIdJREFUWMPt1kkKgDAQRNEyznPd/7QiKGoQku5sEuh3gL/qCoExWXEUcl6AYtkFKjEYI16TQ1D84fZ9WmAip5TAQpLLTyByOntzBpodWh156qA08jJCZSZvMxS2+gnUmyLQ8qWF2MCPAUIrPSv01IekH1MJgdCDYkyMSiy7XxrFIrZk8zIFOQBFGy799RxpvwAAAABJRU5ErkJggg==);}
    .imchat-wrap .service-cell-img .cell-img-box video{display: none;}
    .imchat-wrap .service-cell-img .cell-img-box img{display: block;}
    /* 客服介绍 */
    .imchat-wrap .service-cell{padding-left:0;padding-right: 3.5rem; align-items:center;}
    .imchat-wrap .service-cell-img{width:90px;}
    .imchat-wrap .service-cell-img .cell-img-box,
    .imchat-wrap .service-cell-img .cell-img-box img{width:90px;height:90px;}
    .imchat-wrap .service-cell-intro{padding:0 0 0 10px;color: #000;}
    .imchat-wrap .service-cell-intro .mobile-intro-txt{display:block;font-size:12px;line-height:1.4;}
    .imchat-wrap .service-cell-intro .intro-txt-company{font-weight:bold;font-size: 1.0714rem;margin-bottom: .3rem;}
    .imchat-wrap .service-cell-intro .intro-txt-name{font-size:.9333rem;}
    .imchat-wrap .service-cell-intro .intro-cont-box{display:none;}
    .imchat-wrap{padding-left:1rem;padding-right:1rem;padding:0;}
    .imchat-wrap .service-cell-intro .intro-cont-box{font-size:12px;}
    /* 聊天内容窗口 */
    .imchat-wrap .imchat-main{border-radius:.5rem;padding:1rem .3rem  1rem 1rem;border-radius:0;background-color:#fff;}
    .imchat-wrap .chat-list-wrap{padding-right:1.1rem;}
    .imchat-wrap .chat-list-wrap::-webkit-scrollbar { width:5px; height:5px;}
    .imchat-wrap .chat-list-wrap::-webkit-scrollbar-thumb {border-radius: 5px;}
    .imchat-wrap .chat-item-hd{width:42px;}
    .imchat-wrap .chat-item-hd .chat-item-avatar,.imchat-wrap .chat-item-hd .chat-item-avatar img{width:3rem;height:3rem;}
    .imchat-wrap .chat-item-bd{padding-left: 1rem;}
    .imchat-wrap .chat-list ul{padding-bottom: 0;}
    .imchat-wrap .chat-list-item{padding:.5rem 0 1rem;}
    .imchat-wrap .chat-list-item+.chat-list-item{margin-top:0;}
    .imchat-wrap .chat-item-cont::before{left: -7px;}
    .imchat-wrap .chat-item-meta{font-size: .933rem;}
    /* 聊天编辑 */
    .imchat-wrap .chat-maybe{position: relative;}
    .imchat-wrap .chat-maybe::after{content: '';display: block;width: 2rem;height: 90%;background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1)); position: absolute;right: 0;top: 0;}
    .imchat-wrap .chat-maybe ul{ white-space: nowrap; overflow:hidden;overflow-x:auto;padding-right:1.5rem;}
    .imchat-wrap .chat-maybe ul::-webkit-scrollbar { height:0;}
    .imchat-wrap .chat-maybe .maybe-txt-label{font-size:.8571rem;padding:.3rem .6rem; margin-bottom: 0;-webkit-tap-highlight-color:transparent;}
    .imchat-wrap .imchat-editor{padding-right:.7rem;padding-top: .6rem;margin-top: .6rem;}
    .imchat-wrap .chat-edit-area .chat-txtarea{padding-right: 5rem;max-height: 24vh;}
    .imchat-wrap .chat-input-tips{display:none;}
    .imchat-wrap .chat-item-cont{padding: .85rem 1rem 1.25rem;}
    .imchat-wrap .chat-item-cont .ico-voice{background-size:64px 16px;width:16px;height:16px; background-image:url(../img/ico_voice_mobile.png);-webkit-tap-highlight-color:transparent;}
    .imchat-wrap .chat-edit-area .edit-send-tips{display: none;}
    .imchat-wrap .chat-edit-area .chat-txtarea{height:3rem;font-size:1rem;}
    .chat-btn{padding:.4rem 1rem;font-size:14px; letter-spacing:0;}
    .chat-btn .btn-ico-go{display:none;}
    /* 邮箱输入 */
    .sys-chat-pop .chat-pop-wrap{max-width:86%;}
    .sys-chat-pop .chat-pop-inner{padding:2rem 1.5rem;}
    .sys-chat-pop .chat-pop-close{-webkit-tap-highlight-color:transparent;}
    .sys-chat-pop .chat-pop-close::after{box-sizing:1.2rem auto; background-size:1.2rem auto;}
    .sys-chat-pop .chat-pop-tit{max-width:80%;margin:0 auto;}
    .sys-chat-pop .pop-control-ipt{font-size:1rem;height:3rem;line-height:3rem;border-radius:.3rem;}
    .verify-error .sys-verify-tips::before{width:13px;height:13px;}
    .verify-error .chat-tips-cont{padding-left:0.6rem;font-size:12px;}
    /* 底部 */
    .imchat-wrap .imchat-foot{display:none;}


}




/*-------------------------------
			language  start
			----------------------------------*/
.prisna-wp-translate-seo{opacity:0;}
.change-language .prisna-wp-translate-seo{opacity:1;}
.language-flag .country-flag{position:absolute;left:0;top:50%;display:inline-block;vertical-align:top
    background-repeat:no-repeat;background-image:url(../img/all_language_icos.gif);width:22px;height:16px;margin:-8px 5px 0;}
li.language-flag a{position:relative;}
.language-flag-af .country-flag{background-position:0 0 !important;}
.language-flag-sq .country-flag{background-position:0 -16px !important;}
.language-flag-ar .country-flag{background-position:0 -32px !important;}
.language-flag-hy .country-flag{background-position:0 -48px !important;}
.language-flag-az .country-flag{background-position:0 -64px !important;}
.language-flag-eu .country-flag{background-position:0 -80px !important;}
.language-flag-be .country-flag{background-position:0 -96px !important;}
.language-flag-bg .country-flag{background-position:0 -112px !important;}
.language-flag-ca .country-flag{background-position:0 -128px !important;}
.language-flag-zh .country-flag{background-position:0 -144px !important;}
.language-flag-zh-TW .country-flag{background-position:0 -160px !important;}
.language-flag-hr .country-flag{background-position:0 -176px !important;}
.language-flag-cs .country-flag{background-position:0 -192px !important;}
.language-flag-da .country-flag{background-position:0 -208px !important;}
.language-flag-nl .country-flag{background-position:0 -240px !important;}
.language-flag-en .country-flag{background-position:0 -256px !important;}
.language-flag-et .country-flag{background-position:0 -272px !important;}
.language-flag-tl .country-flag{background-position:0 -288px !important;}
.language-flag-fi .country-flag{background-position:0 -304px !important;}
.language-flag-fr .country-flag{background-position:0 -320px !important;}
.language-flag-gl .country-flag{background-position:0 -336px !important;}
.language-flag-ka .country-flag{background-position:0 -352px !important;}
.language-flag-de .country-flag{background-position:0 -368px !important;}
.language-flag-el .country-flag{background-position:0 -384px !important;}
.language-flag-ht .country-flag{background-position:0 -400px !important;}
.language-flag-iw .country-flag{background-position:0 -416px !important;}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag{background-position:0 -432px !important;}
.language-flag-hu .country-flag{background-position:0 -448px !important;}
.language-flag-is .country-flag{background-position:0 -464px !important;}
.language-flag-id .country-flag{background-position:0 -480px !important;}
.language-flag-ga .country-flag{background-position:0 -496px !important;}
.language-flag-it .country-flag{background-position:0 -512px !important;}
.language-flag-ja .country-flag{background-position:0 -528px !important;}
.language-flag-ko .country-flag{background-position:0 -544px !important;}
.language-flag-la .country-flag{background-position:0 -560px !important;}
.language-flag-lv .country-flag{background-position:0 -576px !important;}
.language-flag-lt .country-flag{background-position:0 -592px !important;}
.language-flag-mk .country-flag{background-position:0 -608px !important;}
.language-flag-ms .country-flag{background-position:0 -624px !important;}
.language-flag-mt .country-flag{background-position:0 -640px !important;}
.language-flag-no .country-flag{background-position:0 -656px !important;}
.language-flag-fa .country-flag{background-position:0 -672px !important;}
.language-flag-pl .country-flag{background-position:0 -688px !important;}
.language-flag-pt .country-flag{background-position:0 -704px !important;}
.language-flag-ro .country-flag{background-position:0 -720px !important;}
.language-flag-ru .country-flag{background-position:0 -736px !important;}
.language-flag-sr .country-flag{background-position:0 -752px !important;}
.language-flag-sk .country-flag{background-position:0 -768px !important;}
.language-flag-sl .country-flag{background-position:0 -784px !important;}
.language-flag-es .country-flag{background-position:0 -800px !important;}
.language-flag-sw .country-flag{background-position:0 -816px !important;}
.language-flag-sv .country-flag{background-position:0 -832px !important;}
.language-flag-th .country-flag{background-position:0 -848px !important;}
.language-flag-tr .country-flag{background-position:0 -864px !important;}
.language-flag-uk .country-flag{background-position:0 -880px !important;}
.language-flag-ur .country-flag{background-position:0 -896px !important;}
.language-flag-vi .country-flag{background-position:0 -912px !important;}
.language-flag-cy .country-flag{background-position:0 -928px !important;}
.language-flag-yi .country-flag{background-position:0 -944px !important;}
.language-flag-bn .country-flag{background-position:0 -960px !important;}
.language-flag-eo .country-flag{background-position:0 -976px !important;}
.language-flag.language-flag-custom-afghanistan .country-flag{background-position:0 -992px !important;}
.language-flag.language-flag-custom-albania .country-flag{background-position:0 -1008px !important;}
.language-flag.language-flag-custom-algeria .country-flag{background-position:0 -1024px !important;}
.language-flag.language-flag-custom-argentina .country-flag{background-position:0 -1040px !important;}
.language-flag.language-flag-custom-australia .country-flag{background-position:0 -1056px !important;}
.language-flag.language-flag-custom-austria .country-flag{background-position:0 -1072px !important;}
.language-flag.language-flag-custom-belgium .country-flag{background-position:0 -1088px !important;}
.language-flag.language-flag-custom-brazil .country-flag{background-position:0 -1104px !important;}
.language-flag.language-flag-custom-canada .country-flag{background-position:0 -1120px !important;}
.language-flag.language-flag-custom-chile .country-flag{background-position:0 -1136px !important;}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag{background-position:0 -1152px !important;}
.language-flag.language-flag-custom-ecuador .country-flag{background-position:0 -1168px !important;}
.language-flag.language-flag-custom-egypt .country-flag{background-position:0 -1184px !important;}
.language-flag.language-flag-custom-england .country-flag{background-position:0 -1200px !important;}
.language-flag.language-flag-custom-luxembourg .country-flag{background-position:0 -1216px !important;}
.language-flag.language-flag-custom-malaysia .country-flag{background-position:0 -1232px !important;}
.language-flag.language-flag-custom-mexico .country-flag{background-position:0 -1248px !important;}
.language-flag.language-flag-custom-new-zealand .country-flag{background-position:0 -1264px !important;}
.language-flag.language-flag-custom-oman .country-flag{background-position:0 -1280px !important;}
.language-flag.language-flag-custom-qatar .country-flag{background-position:0 -1296px !important;}
.language-flag.language-flag-custom-saudi-arabia .country-flag{background-position:0 -1312px !important;}
.language-flag.language-flag-custom-singapore .country-flag{background-position:0 -1328px !important;}
.language-flag.language-flag-custom-south-africa .country-flag{background-position:0 0 !important;}
.language-flag.language-flag-custom-switzerland .country-flag{background-position:0 -1344px !important;}
.language-flag.language-flag-custom-syria .country-flag{background-position:0 -1360px !important;}
.language-flag.language-flag-custom-united-arab-emirates .country-flag{background-position:0 -1376px !important;}
.language-flag.language-flag-custom-united-states-of-america .country-flag{background-position:0 -1392px !important;}
.language-flag-hy .country-flag{background-position:0 -1408px;}
.language-flag-bs .country-flag{background-position:0 -1424px;}
.language-flag-ceb .country-flag{background-position:0 -1440px;}
.language-flag-ny .country-flag{background-position:0 -1456px;}
.language-flag-ha .country-flag{background-position:0 -1472px;}
.language-flag-hmn .country-flag{background-position:0 -1488px;}
.language-flag-ig .country-flag{background-position:0 -1504px;}
.language-flag-jw .country-flag{background-position:0 -1520px;}
.language-flag-kk .country-flag{background-position:0 -1536px;}
.language-flag-km .country-flag{background-position:0 -1552px;}
.language-flag-lo .country-flag{background-position:0 -1568px;}
.language-flag-la .country-flag{background-position:0 -1584px;}
.language-flag-mg .country-flag{background-position:0 -1600px;}
.language-flag-ml .country-flag{background-position:0 -1616px;}
.language-flag-mi .country-flag{background-position:0 -1632px;}
.language-flag-mr .country-flag{background-position:0 -1648px;}
.language-flag-mn .country-flag{background-position:0 -1664px;}
.language-flag-my .country-flag{background-position:0 -1680px;}
.language-flag-ne .country-flag{background-position:0 -1696px;}
.language-flag-pa .country-flag{background-position:0 -1712px;}
.language-flag-st .country-flag{background-position:0 -1728px;}
.language-flag-si .country-flag{background-position:0 -1744px;}
.language-flag-so .country-flag{background-position:0 -1760px;}
.language-flag-su .country-flag{background-position:0 -1776px;}
.language-flag-tg .country-flag{background-position:0 -1792px;}
.language-flag-uz .country-flag{background-position:0 -1808px;}
.language-flag-yo .country-flag{background-position:0 -1824px;}
.language-flag-zu .country-flag{background-position:0 -1840px;}
/*-------------------------------
			language  end
			----------------------------------*/