@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?id=18334
*Author:             尔今 erx@qq.com
*update:             2020-12-18(Last:2023-01-12)
-------------------*/
.erx-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;}
.erx-call-mbox.erxact{display:flex;}
.erx-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;}
.erx-call-tit{position:relative;font-size:22px;color:#fff;padding:0 25px 5px 0;}
.erx-call-tit .slogo{display:inline-block;margin:0 8px 0 0;width:40px;height:40px;border-radius:50%;vertical-align:middle;}
.erx-call-tit .ec-close{position:absolute;top:5px;right:5px;cursor:pointer;line-height:1;font-size:25px;}
.erx-call-con{max-height:50vh;padding:15px 30px 20px;background:#fafcfd;overflow-y:auto;}
.erx-call-con::-webkit-scrollbar{width:6px;}
.erx-call-con::-webkit-scrollbar-track{background:transparent;}
.erx-call-con::-webkit-scrollbar-thumb{background:#ddd;}
.erx-call-mbox dl{display:none;margin:0;padding:0 0 12px;}
.erx-call-mbox dl:after, .ec-m-inner .sbtn:after{content:'';display:block;height:0;clear:both;}
.erx-call-mbox dt{display:block;float:left;width:10%;margin:2px 0 0;}
.erx-call-mbox dt img{max-width:100%;border:0;border-radius:50%;vertical-align:middle;}
.erx-call-mbox dd{position:relative;display:block;float:right;width:87%;margin:0;}
.erx-call-mbox .ec-data{height:20px;font-size:12px;color:#bbb;}
.erx-call-mbox .ec-data .ec-sale{margin-right:8px;}
.erx-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;}
.erx-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);}
.erx-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;}
.erx-call-tel{display:none;padding-left:13%;}
.erx-call-tel .ec-form, .erx-call-tip span{position:relative;}
.erx-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;}
.erx-call-tel .ec-form .int::placeholder{color:#999;font-weight:normal;font-size:12px;}
.erx-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;}
.erx-call-tel .ec-form .e-btn:hover, .erx-call-tit .ec-close:hover{color:#eee;}
.erx-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;}
.erx-call-mbox .ec-form .error{right:80px;}
.erx-call-tool{position:relative;padding:9px 15px;background:#eaebed;border-radius:0 0 8px 8px;}
.erx-call-tool .ntip{position:absolute;top:15px;right:15px;color:#999;font-size:12px;text-shadow:1px 1px 0 #fff;}
.erx-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;}
.erx-call-tool a:hover, .erx-call-rbox .erx-call-tel .a-qq:hover{color:#f80;border-color:#999;background:#f7f7f7}
.erx-call-tool .qrcode{display:none;position:absolute;left:0;bottom:100%;width:100%;margin-bottom:2px;border-radius:5px;background:#fff;}
.erx-call-mbox .erx-call-tip{padding-top:9px;}
.erx-call-tip em{font-style:normal;text-decoration:underline;opacity:.6;cursor:pointer;}
.ec-reset{margin-right:1.2em;}

.erx-call-rbox{display:none;position:fixed;right:0;bottom:0;z-index:9900;} 
.erx-call-rbox .erx-call-inner{width:240px;max-width:100%;border-radius:5px 5px 0 0;}
.erx-call-rbox .erx-call-con{padding:15px 9px;}
.erx-call-rbox .erx-call-tit{font-size:15px;padding:0 15px 7px 2px;}
.erx-call-rbox .erx-call-tit .ec-close{top:0;right:0;font-size:18px;}
.erx-call-rbox .erx-call-tel{display:block;padding-left:0;}
.erx-call-rbox .erx-call-tel .ec-form{text-align:right;}
.erx-call-rbox .erx-call-tel .e-btn{position:static;width:120px;height:36px;line-height:36px;margin-top:9px;padding:0;border-radius:0;}
.erx-call-rbox .erx-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;}
.erx-call-rbox .erx-call-tel .qrcode{position:absolute;left:0;bottom:0;width:80px;}
.erx-call-rbox .erx-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;}