aside { position: fixed; top: 500px; right: 20px; display: flex; }
aside ul { display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
aside ul li { width: 42px; height: 42px; box-shadow: 0px 2px 4px 0px rgb(210 210 210 / 50%); border-radius: 50%; cursor: pointer; }
aside ul li:nth-child(n+2) { margin-top: 12px; }
aside ul .kefu { background: url('../images/kefu.png') no-repeat center top 100%; }
aside ul .wx { background: url('../images/wx.png') no-repeat center top 100%; }
aside ul .p { background: url('../images/24p.png') no-repeat center top 100%; }
aside ul .ys { background: url('../images/ys.png') no-repeat center top 100%; }
aside ul .kefu:hover { background: url('../images/kefu-b.png') no-repeat center top 100%; }
aside ul .wx:hover { background: url('../images/wx_b.png') no-repeat center top 100%; }
aside ul .p:hover { background: url('../images/24p_b.png') no-repeat center top 100%; }
aside ul .ys:hover { background: url('../images/ys_b.png') no-repeat center top 100%; }
aside ul li img { width: 100%; }
aside button { margin-top: 23px; padding: 38px 13px 0; width: 40px; height: 225px; background: url('../images/as-btn.png') no-repeat center top 100%; box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.05); border-radius: 20px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 17px; }
#aside_pop { padding-left: 26px; height: 268px; }
#aside_pop .add { margin-bottom: 17px; font-size: 22px; font-family: PingFangSC-Light, PingFang SC; font-weight: 300; color: #222222; }
#aside_pop .card { display: flex; padding: 18px 13px 0 18px; width: 282px; height: 150px; background: #FFFFFF; box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.05); border-radius: 4px; }
#aside_pop .card .left .img { margin-right: 13px; width: 70px; height: 70px; }
#aside_pop .card .left .name { margin-bottom: 11px; height: 14px; font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; }
#aside_pop .card .left .adr { font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; }
#aside_pop .card .left .des { margin-top: 11px; font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 16px; }
#aside_pop .card .right { margin-left: 10px; }
#aside_pop .card .right p { font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #222222; }
#aside_pop .card .right .qr { margin-top: 7px; width: 92px; height: 95px; }
.demo-class .layui-layer-title { padding: 26px 80px 0 26px; height: 62px; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; border-bottom: none; color: #2569F2; background-color: #FFFFFF; }
.demo-class { width: 382px !important; height: 288px; background: #FFFFFF; box-shadow: 4px 1px 10px 2px rgba(0,0,0,0.05); border-radius: 4px; top: 560px !important; margin-left: -60px !important; }