@charset "utf-8";.bubbles-menu{position:fixed;right:-20px;bottom:20%;z-index:99999;width:70px;height:70px;transform:translateZ(0);-webkit-transform:translateZ(0);animation:bubbles 1s 0s infinite ease-in-out}
.bubbles-menu .menu-toggle-button,.bubbles-menu .menu-item-bounce,.bubbles-menu .menu-item-button{position:relative;margin-left:-35px;margin-top:-35px;padding:0;width:70px;height:70px;color:#fff;border:none;border-radius:50%;-webkit-border-radius:50%; line-height: 70px;}
.bubbles-menu .menu-toggle-button{position:absolute;top:0;left:0;background:#ec4129}
.bubbles-menu .menu-toggle-button i{font-size:40px}
.bubbles-menu .menu-items{position:absolute;left:0;top:0;margin:0}
.bubbles-menu .menu-item{position:absolute;top:0;left:0;width:0;height:0}
.bubbles-menu .menu-item:nth-child(1){transform:rotate(15deg);-webkit-transform:rotate(15deg)}
.bubbles-menu .menu-item:nth-child(2){transform:rotate(65deg);-webkit-transform:rotate(65deg)}
.bubbles-menu .menu-item:nth-child(3){transform:rotate(115deg);-webkit-transform:rotate(115deg)}
.bubbles-menu .menu-item:nth-child(4){transform:rotate(165deg);-webkit-transform:rotate(165deg)}
.bubbles-menu .menu-item:nth-child(5){transform:rotate(170deg);-webkit-transform:rotate(170deg)}
.bubbles-menu .menu-item-button{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-left:-25px;margin-top:-25px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2)}
.bubbles-menu .menu-item:nth-child(1) .menu-item-button{transform:rotate(-7deg);-webkit-transform:rotate(-7deg)}
.bubbles-menu .menu-item:nth-child(2) .menu-item-button{transform:rotate(-50deg);-webkit-transform:rotate(-50deg)}
.bubbles-menu .menu-item:nth-child(3) .menu-item-button{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.bubbles-menu .menu-item:nth-child(4) .menu-item-button{transform:rotate(-120deg);-webkit-transform:rotate(-120deg)}
.bubbles-menu .menu-item:nth-child(5) .menu-item-button{transform:rotate(-170deg);-webkit-transform:rotate(-170deg)}
.bubbles-menu .menu-item-bounce{position:absolute;top:0;left:0;background:#ec4129}
.bubbles-menu .menu-item:last-child .menu-item-bounce{box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2)}
.bubbles-menu .menu-item-button i{font-size:30px;color:#ec4129}
.bubbles-menu .menu-item-button i.icon-fankui{font-size:26px}
.bubbles-menu.active{animation:none}
.bubbles-menu.active .menu-toggle-button{box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2)}
.bubbles-modal-shade{position:fixed;left:0;top:0;z-index:999999;width:100%;height:100%;background:rgba(0,0,0,.2);visibility:hidden;opacity:0;transition:all .3s;-webkit-transition:all .3s}
.bubbles-modal-item{transform:scale(.5);opacity:0;visibility:hidden;position:fixed;left:50%;top:50%;z-index:9999999;margin-left:-150px;padding:20px;width:300px;background:#fff;border-radius:10px;-webkit-border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.2);-webkit-box-shadow:0 20px 50px rgba(0,0,0,.2)}
.bubbles-modal-item .esc{position:absolute;right:-26px;top:-26px;z-index:1;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:50%;-webkit-border-radius:50%;cursor:pointer}
.bubbles-modal-item .esc:before{content:"";position:absolute;left:-5px;top:17px;z-index:1;width:20px;height:16px;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.bubbles-modal-item .esc i{display:block;position:absolute;width:15px;height:15px;overflow:hidden}
.bubbles-modal-item .esc i:nth-child(1){right:29px;bottom:4px}
.bubbles-modal-item .esc i:nth-child(2){left:4px;top:29px}
.bubbles-modal-item .esc i:before{content:"";position:absolute;z-index:1;width:200%;height:200%;border-radius:50%;box-shadow:0 0 0 20px #fff;-webkit-box-shadow:0 0 0 20px #fff}
.bubbles-modal-item .esc i:nth-child(1):before{right:0;bottom:0}
.bubbles-modal-item .esc i:nth-child(2):before{left:0;top:0}
.bubbles-modal-item .esc span{position:relative;z-index:2;color:#ec4129;font-weight:bold}
.bubbles-modal-item:nth-child(1){margin-top:-135px}
.bubbles-modal-item:nth-child(1) .time{margin-bottom:20px;padding-bottom:10px;border-bottom:dotted 1px #c8c8c8}
.bubbles-modal-item:nth-child(1) .time span{display:block; font-size:14px;}
.bubbles-modal-item:nth-child(1) .time span:nth-child(1){color:#828282;line-height:24px}
.bubbles-modal-item:nth-child(1) .time span:nth-child(2){font-size:15px;color:#424242;line-height:24px}
.bubbles-modal-item:nth-child(1) ul li:nth-child(n+2){margin-top:15px}
.bubbles-modal-item:nth-child(1) ul li a{display:flex;align-items:center;justify-content:center;height:40px;color:#fff;background:#ec4129;border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.1)}
.bubbles-modal-item:nth-child(1) ul li a .icon{margin-right:10px;font-size:20px}
.bubbles-modal-item:nth-child(2){margin-top:-160px}
.bubbles-modal-item:nth-child(2) ul li{display:flex;align-items:center;padding:8px 15px}
.bubbles-modal-item:nth-child(2) ul li:nth-child(n+2){border-top:dotted 1px #c8c8c8}
.bubbles-modal-item:nth-child(2) ul li .icon{display:flex;justify-content:center;align-items:center;width:30px;height:24px;color:#424242}
.bubbles-modal-item:nth-child(2) ul li .icon.icon-quanguotel{font-size:30px}
.bubbles-modal-item:nth-child(2) ul li .icon.icon-beijing{font-size:20px}
.bubbles-modal-item:nth-child(2) ul li .icon.icon-shanghai{font-size:30px}
.bubbles-modal-item:nth-child(2) ul li .icon.icon-suzhou{font-size:26px}
.bubbles-modal-item:nth-child(2) ul li .text{padding-left:10px;width:calc(100% - 30px)}
.bubbles-modal-item:nth-child(2) ul li .text .mc{margin-bottom:5px;color:#000;line-height:24px; font-size:16px; font-weight: bold;}
.bubbles-modal-item:nth-child(2) ul li .text .num{display:block;font-size:18px;color:#828282;line-height:24px; letter-spacing: 1px;}
.bubbles-modal-item:nth-child(3){margin-top:-115px}
.bubbles-modal-item:nth-child(3) .wechat .imgbox{margin-bottom:15px;font-size:0}
.bubbles-modal-item:nth-child(3) .wechat .imgbox img{width:146px}
.bubbles-modal-item:nth-child(3) .wechat .mc{color:#828282;line-height:24px}
.bubbles-modal-item.active{animation:modalOpen .5s 0s ease-in-out forwards;-webkit-animation:modalOpen .5s 0s ease-in-out forwards}
.bubbles-modal-item.active.on{animation:modalClose .5s 0s ease-in-out forwards;-webkit-animation:modalClose .5s 0s ease-in-out forwards}
.bubbles-modal-shade.active{visibility:visible;opacity:1}
@keyframes bubbles{0%{transform:scale(1) translateY(0)}
50%{transform:scale(.95) translateY(5px)}
100%{transform:scale(1) translateY(0px)}
}@keyframes modalOpen{0%{transform:scale(.5);opacity:0;visibility:hidden}
80%{transform:scale(1.1);opacity:1;visibility:visible}
90%{transform:scale(.9);opacity:1;visibility:visible}
100%{transform:scale(1);opacity:1;visibility:visible}
}@-webkit-keyframes modalOpen{0%{transform:scale(.5);opacity:0;visibility:hidden}
80%{transform:scale(1.1);opacity:1;visibility:visible}
90%{transform:scale(.9);opacity:1;visibility:visible}
100%{transform:scale(1);opacity:1;visibility:visible}
}@keyframes modalClose{0%{transform:scale(1);opacity:1;visibility:visible}
80%{transform:scale(1.1);opacity:1;visibility:visible}
100%{transform:scale(.5);opacity:0;visibility:hidden}
}@-webkit-keyframes modalClose{0%{transform:scale(1);opacity:1;visibility:visible}
80%{transform:scale(1.1);opacity:1;visibility:visible}
100%{transform:scale(.5);opacity:0;visibility:hidden}
}