@charset "utf-8";
.monk-call-mbox{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9900}
.monk-call-mbox.erxact{display:flex}
.monk-call-inner{width:480px;max-width:96%;box-sizing:border-box;background:#3097ef;padding:5px;border-radius:12px;font-size:14px;overflow:hidden;pointer-events:auto}
.monk-call-tit{position:relative;font-size:25px;color:#fff;padding:0 25px 5px 0}
.monk-call-tit .tit{font-size: 16px;padding-left: 6px;}
.monk-call-tit .slogo{display:inline-block;margin:0 8px 0 0;width:40px;height:40px;border-radius:50%;vertical-align:middle}
.monk-call-tit .ec-close{position:absolute;top:5px;right:5px;cursor:pointer;line-height:1;font-size:25px}
.monk-call-con{max-height:50vh;padding:15px 30px 20px;background:#fafcfd;overflow-y:auto}
.monk-call-con::-webkit-scrollbar{width:6px}
.monk-call-con::-webkit-scrollbar-track{background:transparent}
.monk-call-con::-webkit-scrollbar-thumb{background:#ddd}
.monk-call-mbox dl{display:none;margin:0;padding:0 0 12px}
.monk-call-mbox dl:after,.ec-m-inner .sbtn:after{content:'';display:block;height:0;clear:both}
.monk-call-mbox dt{display:block;float:left;width:10%;margin:2px 0 0}
.monk-call-mbox dt img{max-width:100%;border:0;border-radius:50%;vertical-align:middle}
.monk-call-mbox dd{position:relative;display:block;float:right;width:87%;margin:0}
.monk-call-mbox .ec-data{height:20px;font-size:12px;color:#bbb}
.monk-call-mbox .ec-data .ec-sale{margin-right:8px}
.monk-call-mbox .ec-msg{position:relative;color:#111;line-height:1.88;padding:5px 10px 3px 10px;border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,.08);border:1px solid #e6e6e6;background:#fff}
.monk-call-mbox .ec-msg::after{position:absolute;top:7px;left:-4px;content:'';width:5px;height:5px;border-top:1px solid #ddd;border-left:1px solid #ddd;background:#fff;transform:rotate(-45deg)}
.monk-call-mbox .ec-msg .smile{display:inline-block;width:22px;height:22px;margin:-2px 3px 0 0;text-indent:-9999em;background:url(../img/smile.png) no-repeat;background-size:100%;vertical-align:middle}
.monk-call-tel{display:none;padding-left:13%}
.monk-call-tel .ec-form,.monk-call-tip span{position:relative}
.monk-call-tel .ec-form .int{width:100%;height:38px;line-height:38px;color:#f60;font-weight:bold;font-size:18px;border:1px #ff9b00 solid;background:#fff;box-sizing:border-box;padding:0 9px;outline:none;border-radius:6px}
.monk-call-tel .ec-form .int::placeholder{color:#999;font-weight:normal;font-size:12px}
.monk-call-tel .ec-form .e-btn{position:absolute;top:0;right:0;height:38px;line-height:37px;color:#fff;font-size:14px;font-weight:bold;border:0;padding:0 12px;background:#ff9b00;outline:none;border-radius:0 6px 6px 0;cursor:pointer}
.monk-call-tel .ec-form .e-btn:hover,.monk-call-tit .ec-close:hover{color:#eee}
.monk-call-tel .ec-form .error{display:none;position:absolute;top:6px;right:1px;line-height:26px;color:#f00;font-size:12px;background-image:linear-gradient(to left,#fff 0,#fff 80%,transparent 100%);padding:0 6px 0 30px}
.monk-call-mbox .ec-form .error{right:80px}
.monk-call-tool{position:relative;padding:9px 15px;background:#eaebed;border-radius:0 0 8px 8px}
.monk-call-tool .ntip{position:absolute;top:15px;right:15px;color:#999;font-size:12px;text-shadow:1px 1px 0 #fff}
.monk-call-tool a{position:relative;display:inline-block;margin-right:3%;border:1px solid #ccc;border-radius:6px;background:#fefefe;box-shadow:0 2px 2px #d1d1d3;color:#888;line-height:28px;padding:0 3%;text-decoration:none;transition:all .3s linear}
.monk-call-tool a:hover,.monk-call-rbox .monk-call-tel .a-qq:hover{color:#f80;border-color:#999;background:#f7f7f7}
.monk-call-tool .qrcode{display:none;position:absolute;left:0;bottom:100%;width:100%;margin-bottom:2px;border-radius:5px;background:#fff}
.monk-call-mbox .monk-call-tip{padding-top:9px}
.monk-call-tip em{font-style:normal;text-decoration:underline;opacity:.6;cursor:pointer}
.ec-reset{margin-right:1.2em}
.monk-call-rbox{display:none;position:fixed;right:0;bottom:0;z-index:9900}
.monk-call-rbox .monk-call-inner{width:240px;max-width:100%;border-radius:5px 5px 0 0}
.monk-call-rbox .monk-call-con{padding:15px 9px}
.monk-call-rbox .monk-call-tit{font-size:15px;padding:0 15px 7px 2px}
.monk-call-rbox .monk-call-tit .ec-close{top:0;right:0;font-size:18px}
.monk-call-rbox .monk-call-tel{display:block;padding-left:0}
.monk-call-rbox .monk-call-tel .ec-form{text-align:right}
.monk-call-rbox .monk-call-tel .e-btn{position:static;width:120px;height:36px;line-height:36px;margin-top:9px;padding:0;border-radius:0}
.monk-call-rbox .monk-call-tel .a-qq{display:inline-block;width:120px;height:32px;line-height:32px;margin-top:12px;color:#888;font-size:14px;font-weight:bold;text-align:center;border:1px solid #ccc;background:#fefefe;box-shadow:0 0 2px #d1d1d3;text-decoration:none;box-sizing:border-box}
.monk-call-rbox .monk-call-tel .qrcode{position:absolute;left:0;bottom:0;width:80px;}
.monk-call-rbox .monk-call-tip{display:none;position:absolute;top:0;left:0;width:100%;height:38px;line-height:36px;border:1px #ccc solid;background:#fff;box-sizing:border-box;font-size:12px;text-align:left;padding:0 6px;white-space:nowrap;overflow:hidden}
@keyframes slideUp{from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.monk-call-rbox{display:none;position:fixed;right:0;bottom:0;z-index:9900;animation:slideUp 0.3s ease-out forwards}