/* No:20170729121201 Mod:customer Name:蓝色白底方客服 Autor:paul Copyright(C):maiyuncms.com Date:20170814 */@charset "UTF-8";#jsx_customer{position:fixed}.cus_menu{position:fixed;right:10px;bottom:50%;margin-bottom:-144px;z-index:999;border-radius:5px;box-shadow:0 0 6px #dbdbdb}.cus_wechat_box{position:relative;z-index:999;cursor:pointer;width:39px;height:48px;box-shadow:0 0 6px #dbdbdb}.cus_wechat_box:after{content:"";width:100%;height:0;border-bottom:1px solid #eee;position:absolute;bottom:0;left:0;right:0}.cus_wechat_ico{display:inline-block;width:39px;height:48px;text-align:center;line-height:48px;background-color:#fff;color:#00ace9;position:relative;-webkit-transition:all .2s;transition:all .2s;font-size:17px}.cus_wechat_info{top:-51px;width:150px;height:150px;padding-bottom:0}.cus_layer_box{position:absolute;right:50px;border:1px solid #e2e2e2;box-shadow:0 0 10px #e2e2e2;border-radius:5px;padding:1px;display:none;background-color:#fff}.cus_layer_box:after,.cus_layer_box:before{position:absolute;width:0;height:0;content:'';top:inherit;bottom:inherit;left:100%;margin-left:-1px;font-size:0}.cus_layer_box:before{border:8px dashed transparent;border-left-color:#d7d7d7;border-left-style:solid}.cus_wechat_info:before,.cus_wechat_info:after{top:70px}.cus_layer_box:after{border:7px dashed transparent;border-left-color:#fff;border-left-style:solid}.cus_wechat_info:before,.cus_wechat_info:after{top:70px}.cus_wechat_info_img{width:150px;height:150px;display:block;position:absolute}.cus_wechat_info_img img{width:100%}.cus_wechat_txt p{display:block;color:#000;margin-bottom:8px}.cus_wechat_txt span{color:#a1a1a1}.cus_wechat_box:hover .cus_wechat_info{display:block;-webkit-animation:i .3s ease-in-out forwards;animation:i .3s ease-in-out forwards;-webkit-transform-origin:right center;transform-origin:right center}@keyframes i{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{opacity:100;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.cus_qq_box,.cus_phone_box,.cus_qr_box,.cus_top_box{position:relative;z-index:999;cursor:pointer;width:39px;height:48px}.cus_qq_box:first-child{border-radius:5px 5px 0 0}.cus_qq_box:first-child .cus_qq_ico{border-radius:5px 5px 0 0}.cus_qq_box:after{content:"";width:100%;height:0;border-bottom:1px solid #eee;position:absolute;bottom:0;left:0;right:0}.cus_phone_box:after{content:"";width:100%;height:0;border-bottom:1px solid #eee;position:absolute;bottom:0;left:0;right:0}.cus_qr_box:after{content:"";width:100%;height:0;border-bottom:1px solid #eee;position:absolute;bottom:0;left:0;right:0}.cus_top_box{display:none}.cus_qq_ico,.cus_phone_ico,.cus_qr_ico,.cus_top_ico{display:inline-block;width:39px;height:48px;text-align:center;line-height:48px;background-color:#fff;color:#00ace9;position:relative;-webkit-transition:all .2s;transition:all .2s;font-size:17px}.cus_top_ico{border-radius:0 0 5px 5px}.cus_qq_ico a,.cus_qr_ico a,.cus_wechat_ico a,.cus_top_ico a,.cus_phone_ico a{display:block;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.cus_qq_info{top:-8px;width:160px;height:40px;padding-bottom:0;padding:10px}.cus_qq_info a{display:block;font-size:16px;line-height:40px;text-align:center;overflow:hidden}.cus_qq_info:before,.cus_qq_info:after{top:26px}.cus_qq_box:hover .cus_qq_info{display:block;-webkit-animation:i .3s ease-in-out forwards;animation:i .3s ease-in-out forwards;-webkit-transform-origin:right center;transform-origin:right center}.cus_qr_info{top:-51px;width:150px;height:150px;padding-bottom:0;padding:5px}.cus_qr_info:before,.cus_qr_info:after{top:70px}.cus_qr_info_img{width:150px;height:150px;display:block;position:absolute}.cus_qr_info_img img{width:100%}.cus_qr_box:hover .cus_qr_info{display:block;-webkit-animation:i .3s ease-in-out forwards;animation:i .3s ease-in-out forwards;-webkit-transform-origin:right center;transform-origin:right center}.cus_phone_info{top:-8px;width:160px;height:40px;padding-bottom:0;padding:10px}.cus_phone_info a{display:block;text-align:center;font-size:18px;line-height:40px;overflow:hidden}.cus_phone_info:before,.cus_phone_info:after{top:26px}.cus_phone_box:hover .cus_phone_info{display:block;-webkit-animation:i .3s ease-in-out forwards;animation:i .3s ease-in-out forwards;-webkit-transform-origin:right center;transform-origin:right center}.cus_top_info{top:-8px;width:120px;height:40px;padding-bottom:0;padding:10px}.cus_top_info a{display:block;text-align:center;font-size:16px;line-height:40px;overflow:hidden}.cus_top_info:before,.cus_top_info:after{top:26px}.cus_layer a{position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.cus_top_box:hover .cus_top_info{display:block;-webkit-animation:i .3s ease-in-out forwards;animation:i .3s ease-in-out forwards;-webkit-transform-origin:right center;transform-origin:right center}
.cus_close{position:fixed;right:19px;top:50%;margin-top:154px;cursor:pointer;width:20px;height:20px}.cus_close:hover{transform:scale(1.5) rotate(-360deg);-webkit-transform:scale(1.2) rotate(-360deg);-moz-transform:scale(1.2) rotate(-360deg);-o-transform:scale(1.2) rotate(-360deg);-ms-transform:scale(1.2) rotate(-360deg)}.cus_close img{width:100%}.cus_open{position:fixed;right:19px;top:50%;margin-top:-10px;cursor:pointer;width:20px;height:20px}.cus_open:hover{transform:scale(1.5) rotate(-360deg);-webkit-transform:scale(1.2) rotate(-360deg);-moz-transform:scale(1.2) rotate(-360deg);-o-transform:scale(1.2) rotate(-360deg);-ms-transform:scale(1.2) rotate(-360deg)}@media all and (max-width:749px){.cus_open{display:block}.cus_close{display:none}.cus_menu{display:none}}