@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:66px;border-bottom:solid 1px #ddd;position:relative;padding-top:15px;text-align:center}.top span{width:100%;height:34px;display:block;line-height:34px;font-size:20px;color:#333;font-family:Arial,Helvetica,sans-serif}.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}.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:70px;height:32px;line-height:32px}.send-box .limit-tips{margin:-5px 0 0 35px}.mCSB_scrollTools{display:block !important}.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}}