.pop_customer_service{position:fixed;right:-200%;top:110px;z-index:999;width:750px;background:#fdfdfd;border-radius:10px;overflow:hidden}.pop_customer_service .pop_box{position:relative;margin:15px auto;padding:2%;width:93%;height:100%;background-color:#f7f7f7}.pop_customer_service .pop_box .header_box{width:96%;padding:5px 2%;background-image:-webkit-gradient(linear, left top, left bottom, from(#34d4f3), to(#0ea4f9));background-image:linear-gradient(#34d4f3, #0ea4f9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px}.pop_customer_service .pop_box .header_box span:nth-of-type(1){width:25px;height:25px;background:url(/Public/CBC/images/kefu.png) no-repeat;background-size:contain}.pop_customer_service .pop_box .header_box span:nth-of-type(2){cursor:pointer;width:20px;height:20px;background:url(/Public/CBC/images/iframeexit.png) no-repeat;background-size:contain}.pop_customer_service .pop_box .service_conter{margin-top:20px;height:400px;overflow-y:auto}.pop_customer_service .pop_box .service_conter ul{list-style:none}.pop_customer_service .pop_box .service_conter ul .machines{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:25px}.pop_customer_service .pop_box .service_conter ul .machines .avatar{min-width:55px;height:55px}.pop_customer_service .pop_box .service_conter ul .machines .conter{position:relative;margin-left:10px;background:#eee;padding:10px 30px;font-size:14px;border-radius:50px}.pop_customer_service .pop_box .service_conter ul .machines .conter .conter_title{font-size:16px;line-height:30px}.pop_customer_service .pop_box .service_conter ul .machines .conter .conter_desc{line-height:30px;cursor:pointer;color:#11b7f6}.pop_customer_service .pop_box .service_conter ul .service_layout{width:100%;margin-bottom:20px}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container{padding:20px 0}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container .swiper-slide{display:inline-block;margin-right:10px;border-radius:50px;border:1px solid #44bdfa;color:#44bdfa;margin-bottom:10px}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container .swiper-slide .title{text-align:center;font-size:18px;padding:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container .swiper-slide .title:hover{color:#000}.pop_customer_service .pop_box .send_message{position:absolute;bottom:10px;width:96%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;border-radius:5px;background:#fff}.pop_customer_service .pop_box .send_message span:nth-of-type(1){cursor:pointer;width:50px;height:32px;background:url(/Public/CBC/images/corp_home.png) no-repeat;background-size:32px 32px;background-position:center}.pop_customer_service .pop_box .send_message input{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;height:35px;padding:0px 10px;margin-right:10px;border-radius:20px;border:1px solid grey}.pop_customer_service .pop_box .send_message span:nth-of-type(2){cursor:pointer;width:50px;height:32px;background:url(/Public/CBC/images/corp_send.png) no-repeat;background-size:32px 32px;background-position:center}.customer_service{position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:56px;height:56px;z-index:99;cursor:pointer;border-radius:50%}.customer_service div:nth-of-type(1){position:relative}.customer_service div:nth-of-type(1) span{position:absolute;right:-5px;top:-5px;font-size:16px;color:#fff;background:#f70808;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px}.customer_service div:nth-of-type(1) img{display:block;width:56px;height:56px}.customer_service div:nth-of-type(2){position:absolute;right:75px;top:0;padding:5px 10px;font-size:16px;background:#fff;width:224px;border-radius:5px;-webkit-box-shadow:0 0 15px #dcdcdc;box-shadow:0 0 15px #dcdcdc}.customer_service div:nth-of-type(2):after{content:"";position:absolute;top:20px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.customer_service .welcome{display:none;-webkit-animation:myfirst .5s 3;animation:myfirst .5s 3}.customer_service::after{position:absolute;left:0;top:0;content:"";width:56px;height:56px;-webkit-box-shadow:0px 0px 15px #000;box-shadow:0px 0px 15px #000;border-radius:50%;-webkit-animation:animation_scale 1s ease-out infinite;animation:animation_scale 1s ease-out infinite}@-webkit-keyframes myfirst{0%{opacity:1}50%{opacity:0}10%{opacity:1}}@keyframes myfirst{0%{opacity:1}50%{opacity:0}10%{opacity:1}}@-webkit-keyframes animation_scale{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.1}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.3}75%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.5}100%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0}}@keyframes animation_scale{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0}25%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.1}50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.3}75%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0.5}100%{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;opacity:0}}@media (max-width: 1049px){.customer_service{width:40px;height:40px}.customer_service div:nth-of-type(1) span{right:0;top:0px;font-size:12px;width:12px;height:12px;text-align:center;line-height:12px}.customer_service div:nth-of-type(1) img{display:block;width:40px;height:40px}.customer_service div:nth-of-type(2){right:50px;font-size:14px;width:200px}.customer_service div:nth-of-type(2):after{right:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff}.customer_service::after{content:"";width:40px;height:40px}.pop_customer_service{top:65px;width:90%}.pop_customer_service .pop_box{margin:0 auto;width:auto}.pop_customer_service .pop_box .service_conter ul .machines{margin-bottom:10px}.pop_customer_service .pop_box .service_conter ul .machines .avatar{width:30px;min-width:30px;height:30px}.pop_customer_service .pop_box .service_conter ul .machines .conter{margin-left:5px;padding:5px 10px;font-size:12px;border-radius:10px}.pop_customer_service .pop_box .service_conter ul .machines .conter .conter_title{font-size:12px;padding:5px 0}.pop_customer_service .pop_box .service_conter ul .machines .conter .conter_desc{line-height:25px}.pop_customer_service .pop_box .service_conter ul .service_layout{margin-bottom:10px}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container{padding:0}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container .swiper-slide{border-radius:10px}.pop_customer_service .pop_box .service_conter ul .service_layout .swiper-container .swiper-slide .title{border-radius:10px;font-size:12px;padding:5px 7px}}