.code-wx { display: none; position: absolute; z-index: 10; padding: 4px; width: 110px; height: 110px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: -6px -6px 16px rgba(128, 198, 224, 0.4); box-shadow: -6px -6px 16px rgba(128, 198, 224, 0.4); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.code-wx::before { content: ''; position: absolute; left: 50%; bottom: -12px; width: 0; height: 0; border-left: 10px solid transparent; border-top: 16px solid #fff; border-right: 10px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.code-wx > img { width: 100px; }
.aside-bar { position: fixed; right: 17px; bottom: 210px; z-index: 10; }

.aside-bar .top-btn, .aside-bar .top-code,.aside-bar .top-customer { width: 50px; height: 50px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-color: #878787; border-radius: 3px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.aside-bar .top-btn:hover, .aside-bar .top-code:hover,.aside-bar .top-customer:hover { background-color: #494949;}

.aside-bar .top-btn { display: block; background-image: url("images/arrow-top.png") ; background-color: #878787; }

.aside-bar .top-code { margin-top: 8px; background-image: url("images/top-code.png") ; background-color: #878787; }

.aside-bar .top-customer { margin-top: 8px; background-image: url("images/top-customer.png") ; background-color: #878787; }

.aside-bar .top-code:hover .code-wx { display: block; }

.aside-bar .top-code .code-content { position: relative; }

.aside-bar .top-code .code-content .code-wx { left: -80px; margin-top: -25px; top: auto; -webkit-box-shadow: 6px 6px 18px rgba(128, 198, 224, 0.4); box-shadow: 6px 6px 18px rgba(128, 198, 224, 0.4); }

.aside-bar .top-code .code-content .code-wx::before { content: ''; display: none; }

.aside-bar .top-customer a{ display: block; height: 100%;}

.aside-bar .top-info{ display: block; margin-top: 8px; background-image: url("images/info.png"); }

.aside-bar .top-info:hover,.top-info.active{ background-color: #f7827e; }