.popup-left{
    position:fixed;
    left:0;
    top:50%;
    margin-top:-294px;
    z-index: 99;
    opacity:1;
    width: 201px;
    height: 589px;
    background:url(/style/images/swt/popup_left_bg.png) no-repeat center top;
    overflow: hidden;
}
.popup-left-btn{
    position: absolute;
    left: 0; 
    bottom: 0;
    width: 100%;
    height: 47px;
    background:url(/style/images/swt/popup_left_btn.png) no-repeat;
    animation: pulse 1s .2s ease infinite;
    -webkit-animation: pulse 1s .2s ease infinite;
}
.popup-left .close{
    position: absolute;
    top:4px;
    right: 16px;
    width: 32px;
    height: 32px;
    background:url(/style/images/swt/close.png) no-repeat;
}
.popup-right{
    position:fixed;
    right:0;
    top:50%;
    margin-top:-168px;
    z-index: 99;
    opacity:1;
    width: 201px;
    height: 337px;
    background:url(/style/images/swt/popup_right_bg.png) no-repeat center top;
}
.popup-right-btn{
    position: absolute;
    left: 0; 
    bottom: 0;
    width: 100%;
    height: 47px;
    background:url(/style/images/swt/popup_right_btn.png) no-repeat;
    animation: pulse 1s .2s ease infinite;
    -webkit-animation: pulse 1s .2s ease infinite;
}
.popup-right .close{
    position: absolute;
    top:-35px;
    right: 16px;
    width: 32px;
    height: 32px;
    background:url(/style/images/swt/close.png) no-repeat;
}
@keyframes pulse{
    0%{transform:scale(0.92)}
    50%{transform:scale(1)}
    100%{transform:scale(0.92)}
}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(0.92)}
    50%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(0.92)}
}
.fixed-menu-listData{position:fixed;right:0;bottom:20px;width:80px;border-radius:100px;background-color:white;z-index:999;box-shadow:10px 0 20px #e5e5e5; display:none;}
.fixed-menu-listData ul{padding:0 0;}
.fixed-menu-listData ul li{margin:.1rem 0;}
.fixed-menu-listData ul li .icon{margin:0 auto;width:63px;height:63px;}
.fixed-menu-listData ul li .icon img{width:100%;height:100%;}
.fixed-menu-listData ul li .name{margin-top:6px;font-size:14px;text-align: center;color: #666;padding-bottom: 10px;}
.fixed-menu-listData ul .wechat:hover .wxcode{display:flex;}
.fixed-menu-listData ul .nums{position:absolute;right:0px;top:-5px;width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%;color:white;font-size:14px;font-weight:bold;background-color:#ff0000;animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}
@media only screen and (max-width: 750px){
    .popup-left,.popup-right{display: none;}
    .fixed-menu-listData{bottom:50%;transform:translateY(50%);display:block;}
}