/*×ó²à¹¤¾ßÌõ*/
.icon-font {position: relative;} 
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);} 
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar .online-one li {margin-bottom: 3px;font-size: 0;width: 70px;height: 70px;right: 0;position: relative;}
#toolbar .online-one li:hover a {-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);}
#toolbar .online-one li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 70px;height: 70px;background: #00c184;-webkit-transition: all .5s ease;transition: all .5s ease;font-size: 0;border-radius: 4px;padding: 10px 0;overflow: hidden;}
#toolbar .online-one li .icon-font {display: block;height: 28px;width: 100%;}
#toolbar .online-one li .icon-font:after {background-image: url(../images/kf.png);}
#toolbar .online-one li .icon-qq:after {background-position: -30px -240px;}
#toolbar .online-one li .icon-phone:after {background-position: -30px -208px;}
#toolbar .online-one li .icon-message:after {background-position: -30px -170px;}
#toolbar .online-one li .icon-ewm:after {background-position: -30px -138px;}
#toolbar .online-one li .icon-top:after {background-image: url(../images/icon_spirit.png);background-position: -30px -60px;}
#toolbar .online-one li .icon-wangwang:after {background-image: url(../images/icon_spirit.png);background-position: -30px 0;}
#toolbar .online-one li .wz {font-size: 12px;color: #fff;text-align: center;display: block;margin-top: 5px;height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#toolbar .online-one li.phone {border-radius: 4px;padding: 10px 0;}
#toolbar .online-one li.ewm {background: #00c184;border-radius: 4px;padding: 10px 0;}
#toolbar .online-one li.phone .tel-phone {position: absolute;z-index: 1;padding: 5px;width: 110px;right: calc(100% + 5px);top: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);color: #fff;font-size: 14px;}
#toolbar .online-one li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #fff;width: 110px;right: calc(100% + 5px);bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);}
#toolbar .online-one li.ewm .ewm-box img {max-width: 100%;}
#toolbar .online-one li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #fff;border-right: none;}

#toolbar .online-one li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar .online-one li.phone:hover .tel-phone {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar .online-two li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar .online-two li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;background: #d9d9d9;}
#toolbar .online-two li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;}
#toolbar .online-two li .icon-qq:after {background-position: 0 -150px;}
#toolbar .online-two li .icon-phone:after {background-position: 0 -90px;}
#toolbar .online-two li .icon-ewm:after {background-position: 0 -30px;}
#toolbar .online-two li .icon-message:after {background-position: 0 -120px;}
#toolbar .online-two li .icon-top:after {background-position: 0 -60px;}
#toolbar .online-two li .icon-wangwang:after {background-position: 0 0;}
#toolbar .online-two li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar .online-two li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #dc5626 ;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);}
#toolbar .online-two li.ewm .ewm-box p {margin-bottom: 0;}
#toolbar .online-two li.ewm .ewm-box img {max-width: 100%;}
#toolbar .online-two li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #dc5626 ;border-right: none;}

#toolbar .online-two li.ewm:hover .icon {background-position: -57px -180px;}
#toolbar .online-two li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar .online-two li.backtop {cursor: pointer;}
#toolbar .online-two li.backtop .iconfont {color: #fff;background-color: #dc5626 ;}
#toolbar .online-two li:hover a {width: 200px;}
#toolbar .online-two li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar .online-two li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar .online-two li:hover .icon-ewm:after {background-position: -30px -30px;}
#toolbar .online-two li:hover .icon-message:after {background-position: -30px -120px;}
#toolbar .online-two li:hover .icon-wangwang:after {background-position: -30px 0;}
#toolbar .online-two li:hover .icon-top:after {background-position: -30px -60px;}
#toolbar .online-three {width: 115px;}
#toolbar .online-three .title {background: #3aa3e6;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;position: relative;}
#toolbar .online-three .title span {position: absolute;right: 0;top: 0;width: 25px;height: 25px;background-image: url(../images/kf.png);background-repeat: no-repeat;background-position: -31px -28px;opacity: 1;text-shadow: none;}
#toolbar .online-three .qq-list {background: #fff;padding: 10px 0;border-bottom: 1px solid #eeeeee;}
#toolbar .online-three .qq-list li {text-align: center;line-height: 32px;}
#toolbar .online-three .qq-list li .icon-font:after {content: "";width: 30px;height: 30px;background-image: url(../images/kf.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar .online-three .qq-list li .wz {color: #333;font-size: 12px;margin-left: 10px;display: inline-block;}
#toolbar .online-three .qq-list .icon-qq:after {background-position: 0 -114px;}
#toolbar .online-three .qq-list .icon-message:after {background-position: -30px -87px;}
#toolbar .online-three .qq-list .icon-wangwang:after {background-position: -30px -116px;}
#toolbar .online-three .ewm {background: #fff;padding: 10px 0;border-bottom: 1px solid #eeeeee;text-align: center;}
#toolbar .online-three .ewm span {display: inline-block;font-size: 12px;color: #333;margin-bottom: 12px;}
#toolbar .online-three .ewm img {width: 100%;max-width: 84px;}
#toolbar .online-three .service-phone {background: #fff;padding: 10px 0;text-align: center;}
#toolbar .online-three .service-phone span {font-size: 12px;color: #333;}
#toolbar .online-three .service-phone span.hotline {color: #777777;font-size: 12px;line-height: 32px;}
#toolbar .online-four li {margin-bottom: 3px;font-size: 0;width: 50px;height: 50px;right: 0;position: relative;}
#toolbar .online-four li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 50px;height: 50px;background: #fff;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;border-radius: 50%;overflow: hidden;}
#toolbar .online-four li .icon-font {display: inline-block;vertical-align: middle;width: 50px;height: 50px;}
#toolbar .online-four li .icon-font:after {background-image: url(../images/kf.png);}
#toolbar .online-four li .icon-qq:after {background-position: 0 -87px;}
#toolbar .online-four li .icon-phone:after {background-position: 0 -57px;}
#toolbar .online-four li .icon-ewm:after {background-position: 0 -21px;}
#toolbar .online-four li .icon-message:after {background-position: -30px -55px;}
#toolbar .online-four li .icon-top:after {background-position: 0 -0px;}
#toolbar .online-four li .icon-wangwang:after {background-position: 0 0;}
#toolbar .online-four li .wz {display: inline-block;line-height: 50px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar .online-four li.ewm {border-radius: 50%;background: #fff;}
#toolbar .online-four li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #fff;width: 110px;right: calc(100% + 5px);bottom: 0;opacity: 0;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);}

#toolbar .online-four li.phone {border-radius: 50%;}
#toolbar .online-four li.phone .tel-phone {position: absolute;z-index: 1;padding: 5px;background: rgb(59,57,57);width: 110px;right: calc(100% + 5px);top: 0;opacity: 0;font-size: 14px;color: #fff;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;-webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);}
#toolbar .online-four li.phone:hover .tel-phone {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar .online-four li.ewm .ewm-box img {max-width: 100%;}
#toolbar .online-four li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #fff;border-right: none;}
#toolbar .online-four li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}

#toolbar .online-four li.backtop .icon-font {height: 20px;}
#toolbar .online-four li.backtop .icon-font:after {height: 20px;left: calc(50% - 17px);top: calc(50% - 2px);}
#toolbar .online-four li.backtop .wz {display: block;line-height: 24px;font-size: 12px;text-align: center;color: #bfbfbf;padding-left: 0;}

@media (max-width: 990px) {#toolbar {display: none;}
}