@charset "utf-8";input::-webkit-input-placeholder{color:#ccc !important}input:-moz-placeholder{color:#ccc !important}input::-moz-placeholder{color:#ccc !important}input:-ms-input-placeholder{color:#ccc !important}textarea:-ms-input-placeholder{color:#ccc !important}.opacity-layer{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:99;display:none}.chat-layer{width:760px;padding-bottom:20px;border-radius:5px;background:#fff;position:fixed;left:30%;top:100px;z-index:1009;box-shadow:0 0 12px rgba(0,0,0,0.5);display:none}.top{width:760px;height:33px;border-bottom:solid 1px #ddd;position:relative;padding-top:24px;padding-bottom:24px}.top>.company-name{float:left;height:33px;line-height:33px;font-size:20px;color:#333;font-family:Arial,Helvetica,sans-serif;margin-left:25px}.top span i{width:12px;height:12px;display:inline-block;background:#54d332;border:solid 1px #3cad1e;border-radius:100px;margin-left:8px}.top p{height:22px;line-height:22px;font-size:14px;color:#666}.top p em{margin-right:40px}.top p em i{display:inline-block;margin-right:6px}.top p em i.user{width:12px;height:13px;background:url(//res.goldsupplier.com/img/env2/main/onlineChat/user.png) left top no-repeat}.top p em i.address{width:11px;height:13px;background:url(//res.goldsupplier.com/img/env2/main/onlineChat/address.png) left top no-repeat}.top .close{width:16px;height:16px;display:block;background:url(//res.goldsupplier.com/img/env2/main/onlineChat/close.png) left top no-repeat;position:absolute;right:23px;top:26px}.top .close:hover{background:url(//res.goldsupplier.com/img/env2/main/onlineChat/close-cur.png) left top no-repeat}.top>.ai-alert{position:relative;font-size:12px;color:#b2b2b2;font-weight:normal;vertical-align:-4px;margin-left:8px}.top>.ai-alert:before{content:'';display:inline-block;width:15px;height:13px;margin-right:3px;vertical-align:-2px;background-image:url(//res.goldsupplier.com/img/mainsite/icon_server.png);background-repeat:no-repeat;background-position:0 0}.top>.ai-alert:hover{color:#696969}.top>.ai-alert:hover:before{background-position:0 -20px}.top>.ai-alert:hover .ai-tooltip{display:block}.top>.ai-alert .ai-tooltip{position:absolute;top:20px;left:-54px;display:none;z-index:1}.top>.ai-alert .ai-tooltip:before{content:'';position:absolute;top:-3px;left:84px;width:6px;height:6px;border:1px solid #e7e7e7;transform:rotate(45deg);background-color:#fff;clip-path:polygon(0 0,0 100%,100% 0)}.top>.ai-alert .ai-tooltip .tooltip-content{display:inline-block;color:#696969;line-height:18px;border-radius:3px;padding:0 0 0 6px;background-color:#fff;border:1px solid #e7e7e7;width:335px;font-family:Microsoft YaHei}.msg-box{height:386px;max-height:386px;overflow-y:auto;background:#f9f9f9;border-bottom:solid 1px #ddd;position:relative}.send-box ul li{float:left;margin-right:10px;margin-bottom:10px;height:32px;line-height:32px;position:relative}.send-box label{color:#e60000;margin-right:8px}.send-box .txt{box-sizing:content-box;width:202px;border:solid 1px #ddd;height:30px;line-height:30px;padding:0 8px;border-radius:3px;outline:0}.send-box .email-box .txt{width:252px}.send-box ul li .txt.error{border:solid 1px #e60000}.send-box .error-tips{color:#e60000;font-size:12px;display:none}.send-box .send-area{margin:0 auto;width:720px;border-radius:3px}.send-box .send-area .leftarea{height:90px;padding:12px 0}.send-box .send-area .area{width:calc(100% - 24px);height:74px;max-height:74px;overflow-y:auto;resize:none;outline:0;border:0;font-family:Arial,Helvetica,sans-serif;line-height:18px;font-size:14px;color:#333;padding:8px 12px}.send-box .contact-box{position:relative;padding:0 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.send-box .email-box .error-tips{position:absolute;right:8px;top:0}.send-box .contact-box .captcha-box{margin-bottom:10px}.send-box .contact-box .captcha-box img{position:absolute;top:1px;right:1px;width:90px;height:30px}.send-box .contact-box .captcha-box .txt{width:110px;padding-right:100px}.send-box .contact-box .captcha-box .refresh-captcha{width:16px;height:16px;margin:0 6px;background:url('//res.goldsupplier.com/img/env2/main/shop/refresh.png') no-repeat center}.send-box .contact-box .send-btn-wrap{margin:0 15px 10px 0}.send-box .contact-box .send-btn2{width:90px;height:32px;line-height:32px}.send-box .limit-tips{margin:-5px 0 0 35px}.mCSB_scrollTools{display:block !important}@keyframes dot{33%{text-indent:0}66%{text-indent:-2ch}}.dotting{display:inline-block;width:3ch;text-indent:-1ch;vertical-align:bottom;overflow:hidden;animation:dot 3s infinite step-start both;font-family:Consolas,Monaco,monospace}.online-msg{padding:22px 20px;position:relative}.online-msg li{position:relative;margin-bottom:20px;width:470px}.online-msg li .portrait{width:62px;height:62px;border-radius:100px;border:solid 1px #d8dad7;position:absolute}.online-msg li span{width:470px;height:28px;display:block;line-height:28px;font-size:14px;color:#999}.online-msg li span em{font-size:14px;color:#666}.online-msg li span .startTime{font-style:normal}.online-msg li .txt-box{padding:9px 10px;max-width:450px;line-height:20px;position:relative;float:left;font-size:14px;color:#666;border:solid 1px #d8dad7;border-radius:5px;background:#fff}.online-msg li .txt-box:after{width:8px;height:13px;content:"";display:block;position:absolute;top:14px}.online-msg li.left-msg{float:left;padding-left:81px}.online-msg li.right-msg{float:right;padding-right:81px}.online-msg li.left-msg .portrait{left:0;top:0}.online-msg li.right-msg .portrait{right:0;top:0}.online-msg li.left-msg span{margin:1px 0 0 7px;text-align:left}.online-msg li.left-msg span em{margin-right:22px}.online-msg li.right-msg span{margin:1px 7px 0 0;text-align:right}.online-msg li.right-msg span em{margin-left:22px}.online-msg li.right-msg .txt-box{background:#3ab643;border:solid 1px #2ba034;color:#fff;float:right;word-break:break-all;word-wrap:break-word}.online-msg li.left-msg .txt-box:after{background:url(//res.goldsupplier.com/img/env2/main/onlineChat/left-icon.png) left top no-repeat;left:-8px}.online-msg li.right-msg .txt-box:after{background:url(//res.goldsupplier.com/img/env2/main/onlineChat/right-icon.png) left top no-repeat;right:-8px}@media screen and (max-height:666px){.msg-box{height:306px;max-height:306px}}