/*pc客服样式*/
.kefu_gj {}
.kefu_gj .open_kf{display:none; cursor:pointer; position:fixed; top:30%; right:10px; transition:all 0.6s; z-index:999;}
.kefu_gj .open_kf img{width:80px; height:auto;}
.kefu_gj .open_kf p{color:#fff; background-color:#77b0ec; margin:0 auto; width:60px; height:24px; line-height:24px; font-size:14px; border-radius:25px; text-align:center;}
.kefu_gj .open_kf:hover {transform:scale(1.2);}

.kefu_gj .im_main {cursor:pointer; position:fixed; top:30%; right:10px; width:150px; height:auto; background-size:150px 150px; z-index:999; opacity:0.95;}
.kefu_gj .im_main i.si-close{position:absolute; top:-35px; right:0; font-size:20px; color:#77b0ec; transition:all 0.6s;}
.kefu_gj .im_main i.si-close:hover {transform:scale(1.5);}
.kefu_gj .im_main img.s_tu{width:150px; height:auto;}
.kefu_gj .im_main img.s_tu:hover {-webkit-animation:tupianxiaoguo 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}

.kefu_gj .im_main ul li {background-color:#77b0ec;}
.kefu_gj .im_main ul li:hover {-webkit-animation:tupianxiaoguo 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}
.kefu_gj .im_main ul li a {display:block; color:#fff;}

.kefu_gj .im_main ul.zz li {margin-bottom:8px; padding:0 15px; height:36px; line-height:36px; font-size:14px; cursor:pointer; border-radius:25px; text-align:center;}
.kefu_gj .im_main ul.zz li a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; align-items:center;}
.kefu_gj .im_main ul.zz li a i{margin-right:10px; font-size:20px;}

.kefu_gj .im_main ul.xx {display:flex;}
.kefu_gj .im_main ul.xx li{flex:1; margin:0 1px; position:relative; border-radius:10px;}
.kefu_gj .im_main ul.xx li a{height:70px; display:flex; justify-content:center; align-items:center;}
.kefu_gj .im_main ul.xx li a i{font-size:30px;}

.kefu_gj .im_main ul.xx li#wxewm:hover .wx-ewm{display:block;}

.kefu_gj .im_main ul.xx li .wx-ewm {display:none; position:absolute; padding:5px; background:#ffffff; border-radius:10px; border:1px solid #77b0ec; left:-125px; bottom:0px;}
.kefu_gj .im_main ul.xx li .wx-ewm .ma {margin:0 auto; width:104px; height:103px;}
.kefu_gj .im_main ul.xx li .wx-ewm .wen{margin-bottom:10px; text-align:center; font-size:14px; color:#333;}
.kefu_gj .im_main ul.xx li .wx-ewm .sj-n {width:0; height:0; border-style:solid; border-color:transparent transparent transparent #ffffff; border-width:6px; left:114px; bottom:34px; position:absolute; z-index:2;}
.kefu_gj .im_main ul.xx li .wx-ewm .sj-w {width:0; height:0; border-style:solid; border-color:transparent transparent transparent #77b0ec; border-width:8px; left:114px; bottom:32px; position:absolute; }

.kefu_gj .im_main ul.xx li #wxewm2 {left:-255px;}
.kefu_gj .im_main ul.xx li #wxewm3 {left:-385px;}
.kefu_gj .im_main ul.xx li #wxewm4 {left:-515px;}
.kefu_gj .im_main ul.xx li #wxewm5 {left:-645px;}
.kefu_gj .im_main ul.xx li #wxewm6 {left:-775px;}
.kefu_gj .im_main ul.xx li #wxewm7 {left:-905px;}
.kefu_gj .im_main ul.xx li #wxewm8 {left:-1035px;}
.kefu_gj .im_main ul.xx li #wxewm9 {left:-1165px;}


/*鼠标经过效果*/
@-webkit-keyframes tupianxiaoguo {
	0% {-webkit-transform:scale(1)}
	10%,20% {-webkit-transform:scale(0.6) rotate(-3deg)}
	30%,50%,70%,90% {-webkit-transform:scale(1.1) rotate(3deg)}
	40%,60%,80% {-webkit-transform:scale(1.1) rotate(-3deg)}
	100% {-webkit-transform:scale(1) rotate(0)}
}





/*wap客服样式*/
.wap_kefu_gj {position:fixed; right:60px; top:70%; width:auto; height:auto; opacity:0.75; z-index:9;}
.wap_kefu_gj .wap_open_kf {position:absolute; width:50px; height:50px; -webkit-border-radius:50%; border-radius:50%; background:#77b0ec; left:0; top:0; right:0; bottom:0; margin:auto; text-align:center; line-height:50px; color:#fff; font-size:16px; z-index:1;}
.wap_kefu_gj a {position:absolute; width:50px; height:50px; background:#77b0ec; left:0; top:0; right:0; bottom:0; margin:auto; line-height:50px; text-align:center; -webkit-border-radius:50%; border-radius:50%; text-decoration:none; color:#fff; -webkit-transition:background .5s, -webkit-transform .6s; transition:background .5s, -webkit-transform .6s; -moz-transition:transform .6s, background .5s, -moz-transform .6s; transition:transform .6s, background .5s; transition:transform .6s, background .5s, -webkit-transform .6s, -moz-transform .6s; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.wap_kefu_gj a:hover {background:#A9C734;}
.wap_kefu_gj.open {opacity:1;}
.wap_kefu_gj.open a:nth-child(2){-webkit-transform:translate3d(0, -135%, 0); -moz-transform:translate3d(0, -135%, 0); transform:translate3d(0, -135%, 0);}
.wap_kefu_gj.open a:nth-child(3) {-webkit-transform:translate3d(-120%, -70%, 0); -moz-transform:translate3d(-120%, -70%, 0); transform:translate3d(-120%, -70%, 0);}
.wap_kefu_gj.open a:nth-child(4) {-webkit-transform:translate3d(-120%, 70%, 0); -moz-transform:translate3d(-120%, 70%, 0); transform:translate3d(-120%, 70%, 0);}
.wap_kefu_gj.open a:nth-child(5) {-webkit-transform:translate3d(0, 135%, 0); -moz-transform:translate3d(0, 135%, 0); transform:translate3d(0, 135%, 0);}
.wap_kefu_gj.open a:nth-child(6) {-webkit-transform:translate3d(0, 255%, 0); -moz-transform:translate3d(0, 255%, 0); transform:translate3d(0, 255%, 0);}


.wap_im_list {display:none;}
.wap_im_list .wap_zhuti {position:fixed; max-width:80%; max-height:80%; top:40%; left:50%; z-index:100; transform:translate(-50%, -40%);}
.wap_im_list .wap_zhuti a.wap_s_tu {display:block; text-align:center;}

.wap_im_list .wap_zhuti i.si-close {position:absolute; top:-35px; right:0; font-size:26px; color:#77b0ec;}
.wap_im_list .wap_zhuti a.wap_s_tu img {width:auto; height:200px;}
.wap_im_list .wap_zhuti ul {display:none; max-height:300px; overflow-y:scroll;}
.wap_im_list .wap_zhuti ul li{background:#77b0ec; padding:0 20px; margin-top:20px; height:50px; line-height:50px; font-size:15px; cursor:pointer; border-radius:25px;}
.wap_im_list .wap_zhuti ul li a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; align-items:center; color:#FFFFFF;}
.wap_im_list .wap_zhuti ul li a i{margin-right:10px;}
.wap_im_list .wap_zhuti ul li img{width:100%; height:100%;}
.wap_im_list .wap_zhuti ul li p{margin-top:15px; width:100%; text-align:center; color:#FFFFFF;}

.wap_im_list .kefu_zzc {position:fixed; width:100%; height:100%; top:0; right:0; background-color:rgba(0, 0, 0, 0.7); z-index:99;}