.hw-customer { width: 70px; height: 240px; position: fixed; top: 30%; right: 10px; background: #ffffff; z-index: 1000000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.hw-customer ul { }
.hw-customer ul li { width: 100%; height: 80px; padding-top: 18px; cursor: pointer; background: #ffffff; position: relative; }
.hw-customer ul li::after { content: ''; display: block; width: 56px; height: 1px; background: #eeeeee; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
.hw-customer ul li .pic img { display: block; width: auto; height: 28px; margin: 0 auto; }
.hw-customer ul li .txt { text-align: center; font-size: 12px; color: #313131; padding-top: 5px; }
.goToTop:hover .goup { color: var(--main_color);}
.hw-customer ul li:hover .txt { color: var(--main_color); }
.hw-customer ul li .img { width: 100px; height: 100px; position: absolute; left: 0px; bottom: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all 0.8s ease-in-out; opacity: 0; z-index: -1; }

.hw-customer ul li.weixin:hover .img { left: -115px; opacity: 1; }
.hw-customer ul li.weixin:hover .imgs { left: -215px; opacity: 1; }
.hw-customer ul li .img img { display: block; width: 100px; height: 100px; }
.hw-customer ul li:hover .txt { color: var(--main_color); }
.hw-customer ul li.goToTop { margin-top: 100px; }

.goToTop { width: 70px; height: 80px; padding-top: 18px; position: fixed; bottom: 10%; right: 10px; background: #ffffff; z-index: 1000000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); cursor: pointer; }
.goToTop .pic img { display: block; width: auto; height: 28px; margin: 0 auto; }
.goToTop .txt { text-align: center; font-size: 12px; color: #313131; padding-top: 5px; }