/*以下为自己添加右侧悬浮在线窗口CSS代码*/
/*在线客服浮动窗 Start*/
/*浮动窗 First*/
.chatfloat0{position:fixed; right:0; width:92px; top:150px; z-index:1000;}
#float_window{ width:72px; padding:1px; border-radius:5px; padding-top:12px;}
#inner_window{ width:72px; border-radius:5px 5px 0 0; padding-top:4px; min-height:90px; background:#fff;}
#demo_window{ width:43px; margin:0 auto;}
#demo_window a{ display:block; width:43px; height:43px;}
#demo_window a.QQ{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) no-repeat center 0;}
#demo_window a.Skype{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) no-repeat center -96px;}
#demo_window a.Email{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) no-repeat center -144px;}
#demo_window a.trademanager{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) no-repeat center -48px;}
#demo_window a.WeChat{ position:relative; background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) center -192px no-repeat;}
#demo_window a.WeChat .relimg{ position:absolute; left:-128px; top:-30px; width:100px; height:100px; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WeChat:hover .relimg{ display:block;}
#demo_window a.WeChat .relimg img{ max-width:100%; max-height:100%;}
#demo_window a.WhatsApp{ position:relative; background:url(http://45.77.95.174/wp-content/uploads/ico/chat_0.png) center -240px no-repeat;}
#demo_window a.WhatsApp .relimg{ position:absolute; color:#333; right:59px; top:7px; min-width:100px; line-height:20px; overflow:hidden; display:none; z-index:10; text-align:center; padding:6px; background:#e3e3e3;}
#demo_window a.WhatsApp:hover .relimg{ display:block;}
#demo_window div{background:#fff;}
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
#go_top:hover{ text-decoration:none;}

/*浮动窗 Second*/
.chatfloat1{position:fixed; right:0; top:150px; z-index:1000;}
#service_0{ width:95px;}
#service_0 .r{ display:block; padding-left:32px; margin-bottom:6px; position:relative; height:100%; -webkit-border-radius:18px 0 0 18px; -moz-border-radius:18px 0 0 18px; border-radius:18px 0 0 18px;}
#service_0 .r a{ display:block; width:63px; height:35px; line-height:35px; overflow:hidden; text-decoration:none; text-indent:6px; color:#fff;}
#service_0 .r0{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -1px/36px;}
/*#service_0 .r0 a{ background:#45a4eb;}*/
#service_0 .r1{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -85px/36px;}
/*#service_0 .r1 a{ background:#66b433;}*/
#service_0 .r2{  background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -125px/36px;}
/*#service_0 .r2 a{ background:#186caa;}*/
#service_0 .r3{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -41px/36px;}
/*#service_0 .r3 a{ background:#ffc000;}*/
#service_0 .r4{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -168px/36px;}
/*#service_0 .r4 a{ background:#555555;}*/
#service_0 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-114px; top:-40px; display:none;}
#service_0 .r4 .relimg img{ max-width:100%; min-height:100%;}
#service_0 .r4:hover .relimg{ display:block;}
#service_0 .r5{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 2px -245px/36px;}
#service_0 .r5 .relimg{ min-width:100px; color:#333; padding:6px; line-height:20px; background:#e3e3e3; position:absolute; right:95px; top:2px; text-align:center; display:none;}
#service_0 .r5:hover .relimg{ display:block;}
#service_0 .top{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 58px -146px/26px; padding-left:24px;}
#service_0 .top a{width:71px;}

/*浮动窗 Third*/
.chatfloat2{position:fixed; width:69px; right:0px; top:150px; z-index:1000;}
#service_1{ width:49px;}
#service_1 .r{ display:block; margin-bottom:8px;}
#service_1 .r a{ display:block; width:49px; height:49px; text-decoration:none;}
#service_1 .r0{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px 0px;}
#service_1 .r1{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat -1px -115px;}
#service_1 .r2{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px -170px;}
#service_1 .r3{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px -57px;}
#service_1 .r4{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -227px; position:relative;}
#service_1 .r4 .relimg{ width:150px; height:150px; padding:6px; background:#e3e3e3; position:absolute; left:-170px; top:-49px; display:none;}
#service_1 .r4 .relimg img{ max-width:100%; min-height:100%;}
#service_1 .r4:hover .relimg{ display:block;}
#service_1 .r5{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -333px; position:relative;}
#service_1 .r5 .relimg{ min-width:150px; padding:6px; color:#333; line-height:20px; background:#e3e3e3; position:absolute; text-align:center; right:60px; top:8px; display:none;}
#service_1 .r5:hover .relimg{ display:block;}
#service_1 .top{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px -284px;}

/*浮动窗 Fourth*/
.chatfloat3{position:fixed; width:94px; right:0px; top:150px; z-index:1000;}
#service_2{ width:74px;}
#service_2 .sert{text-align:center; margin-bottom:10px;}
#service_2 .sert img{vertical-align:middle;}
#service_2 .sert .img0{}
#service_2 .sert .img1{display:none;}
#service_2 .sert:hover .img0{display:none;}
#service_2 .sert:hover .img1{display:block;}
/*#service_2 .sert:hover{ background:url(https://ueeshop.ly200-cdn.com/static/v0/v4.01/ico/chat_icon.png) no-repeat -114px 0px;}*/
#service_2 .r{ display:block; width:40px; height:40px; margin:0 auto; margin-bottom:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#service_2 .r a{ display:block; text-decoration:none; width:100%; height:100%;}
#service_2 .r0{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat -1px -1px/41px;}
#service_2 .r1{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat -2px -97px/41px;}
#service_2 .r2{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat -1px -146px/42px;}
#service_2 .r3{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat -1px -47px/41px;}
#service_2 .r4{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px -190px/41px; position:relative;}
#service_2 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:-35px; display:none;}
#service_2 .r4:hover .relimg{ display:block;}
#service_2 .r5{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 0px -280px/41px; position:relative;}
#service_2 .r5 .relimg{ min-width:100px; color:#333; line-height:20px; padding:6px; background:#e3e3e3; position:absolute; right:50px; top:5px; text-align:center; display:none;}
#service_2 .r5:hover .relimg{ display:block;}
#service_2 .top{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -225px/39px;}

/*浮动窗 Fifth*/
.chatfloat4{position:fixed; width:114px; right:0px; top:150px; z-index:1000;}
#service_3{ width:94px; }
#service_3 .sert{ text-align:center;}
#service_3 .sert img{vertical-align:middle;}
#service_3 .r{ display:block; padding-left:37px; margin-bottom:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#service_3 .r a{ display:block; width:54px; height:37px; line-height:37px; overflow:hidden; text-decoration:none; color:#fff;}
#service_3 .r0{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px 1px/34px;}
#service_3 .r1{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -78px/34px;}
#service_3 .r2{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -116px/34px;}
#service_3 .r3{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -37px/34px;}
#service_3 .r4{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -156px/34px; position:relative;}
#service_3 .r4 .relimg{ width:100px; height:100px; padding:6px; background:#e3e3e3; position:absolute; left:-120px; top:-35px; display:none;}
#service_3 .r4:hover .relimg{ display:block;}
#service_3 .r5{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 1px -229px/34px; position:relative;}
#service_3 .r5 .relimg{ min-width:100px; color:#333; line-height:20px; text-align:center; padding:6px; background:#e3e3e3; position:absolute; right:100px; top:3px; display:none;}
#service_3 .r5:hover .relimg{ display:block;}
#service_3 .top{ background:url(http://45.77.95.174/wp-content/uploads/ico/chat_icon.png) no-repeat 51px -145px/26px; padding-left:21px;}
/*在线客服浮动窗 End*/


.chathide{right:-115px;}
.chattrans{-webkit-transition:right .3s; transition:right .3s;}
#chat_float_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(http://45.77.95.174/wp-content/uploads/ico/chat_float_btn.png) no-repeat 12px center; cursor:pointer;}

/*注释掉此原始内容，下一行为自己修改的#chat_window{position:fixed; right:50px; bottom:150px; z-index:1000;}*/
#chat_window{position:fixed; right:0px; bottom:80px; z-index:1000;}
#chat_window .chat_box .box{display:none;}
#chat_window .chat_box:hover .box,#chat_window .chat_box.cur .box{display: block;}
/*注释掉此原始内容，下一行为自己修改的#chat_window .chat_box .chat_item{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: url(http://45.77.95.174/wp-content/uploads/ico/icon_chat.png) no-repeat 0 0;margin-bottom: 6px;}*/
#chat_window .chat_box .chat_item{display: block;position: relative;width: 122px;height: 50px;margin-right: 8px;border-radius: 100%;/*注释掉background: url(http://45.77.95.174/wp-content/uploads/ico/icon_chat.png) no-repeat 0 0;*/margin-bottom: 180px;}
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f5b246;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #59c682;background-position: 0 -200px;}
#chat_window .chat_box .chat_whatsapp{background-color: #55d5bb;background-position: 0 -250px;}
#chat_window .chat_box .abs{display:none; margin-right:50px; position:absolute; top:0; right:0;}
#chat_window .chat_box .more_box{background:#fff; border:1px solid #e8e8e8; border-radius:5px; margin-right:16px; padding:10px 0; position:relative;}
#chat_window .chat_box .more_box:before{content:''; border-width:7.5px 0 7.5px 8px; border-color:transparent; border-left-color:#e8e8e8; border-style:solid; position:absolute; top:19px; right:-8px;}
#chat_window .chat_box .more_box:after{content:''; border-width:7.5px 0 7.5px 8px; border-color:transparent; border-left-color:#fff; border-style:solid; position:absolute; top:19px; right:-6.5px;}
#chat_window .chat_item:hover .abs{display:block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
/*注释掉原始内容，下一行为自己修改的#chat_window .chat_box .more_box a:hover{background: #effaf7;text-decoration: none;}*/
#chat_window .chat_box .more_box a:hover{background: #effaf7;text-decoration: none;color: red;}
/*注释掉原始内容，下一行为自己修改的#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}*/
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: -10px;left: -95px;padding-right: 5px;width: 100px;height: 100px;text-align: right;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .more_box.bottom:before{top:auto; bottom:19px;}
#chat_window .chat_box .more_box.bottom:after{top:auto; bottom:19px;}
#chat_window .chat_box .menu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background: #07bb8a url(http://45.77.95.174/wp-content/uploads/ico/icon_chat_menu.png) no-repeat 0 0;}
#chat_window .chat_box .menu a:hover{background-color: #1d8edf;} /*此行为自己添加*/
#chat_window .chat_box .menu #go_top{display: none;}
#chat_window .chat_box:hover .menu .more,#chat_window .chat_box.cur .menu .more{display:none;}
#chat_window .chat_box .menu .top{background-position:0 -50px; background-color:#b0b0b0;}
/*以上为自己添加右侧悬浮在线窗口CSS代码*/