/*表格*/
.ui-table-container{overflow-x:auto}
.ui-table{width:100%;max-width:100%}
.ui-table th{text-align:left}
.ui-table caption{padding:8px 0;text-align:left}
.ui-table th,.ui-table td{padding:10px;vertical-align:top;border-top:1px solid #dee2e6}
.ui-table > thead > tr{background:var(--ui-color-light)}
.ui-table-border{border:1px solid #ddd}
.ui-table-border th,.ui-table-border td{border:1px solid var(--ui-color-border)}
.ui-table-striped tbody tr:nth-of-type(even){background-color:var(--ui-color-light)}/*间隔高亮*/
.ui-table-hover tbody tr:hover{background-color:var(--ui-color-light)}
/*固定客服*/
.fixed-service{position:fixed;right:20px;bottom:200px;z-index:101}
.fixed-service__item{border-radius:3px;width:52px;height:52px;text-align:center;background-color:var(--color-main);margin-bottom:2px;color:#fff;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;transition:.3s}
.fixed-service__item.invisible{visibility:hidden}
.fixed-service__item:hover{background:#000;color:#fff}
.fixed-service__item:before{content:'';width:32px;height:32px;background:#fff;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100%;-webkit-mask-size:100%}
.fixed-service__item.phone:before{mask-image:var(--svg-tel);-webkit-mask-image:var(--svg-tel)}
.fixed-service__item.qq:before{mask-image:var(--svg-qq);-webkit-mask-image:var(--svg-qq)}
.fixed-service__item.wechat:before{mask-image:var(--svg-wechat);-webkit-mask-image:var(--svg-wechat)}
.fixed-service__item.top:before{mask-image:var(--svg-top);-webkit-mask-image:var(--svg-top)}
.fixed-service__item.location:before{mask-image:var(--svg-location);-webkit-mask-image:var(--svg-location)}
.fixed-service__item span{display:none}
.fixed-service__item a{display:block;width:100%;height:100%;left:0;top:0;position:absolute;z-index:2}
.fixed-service__item.phone{overflow:hidden}
.fixed-service__item.phone .extend{color:var(--color-main);font-size:20px;position:absolute;top:0;bottom:0;right:100%;z-index:-1;padding:0 12px;background:#f5f5f5;line-height:1;display:flex;align-items:center;opacity:0;transition:1s}
.fixed-service__item.phone:hover{overflow:visible}
.fixed-service__item.phone:hover .extend{right:100%;opacity:1}
.fixed-service__item.location{display:none}
/*微信客服弹窗*/
.wechat-popup{position:fixed;z-index:-1;opacity:0;text-align:center;padding:30px;width:260px;border-radius:3px;margin-left:-130px;left:50%;top:30%;background:#fff}
.wechat-popup.visible{z-index:930;opacity:1}
.wechat-popup__close{position:absolute;top:10px;right:10px;width:40px;height:40px;cursor:pointer;background:var(--svg-close) no-repeat;background-size:100%}
.wechat-popup img{max-width:92%}
.wechat-popup p{margin:5px 0}
.wechat-popup button{background:var(--color-main);color:#fff;border-radius:3px;padding:3px 9px}
.wechat-popup label{opacity:0;position:absolute;top:0}
@media (max-width:512px){
  /*body:after{content:'';display:block;height:58px}*/
  .fixed-service{position:fixed;right:0;bottom:0;width:100%;display:flex;box-shadow:0 -2px 5px 1px rgba(0,0,0,.1)}
  .fixed-service__item{color:#333;order:0;padding:5px 0;height:60px;width:33.3%;flex:0 0 33.3%;border-radius:0;margin-bottom:0;background:#f5f5f5;border-right:solid 1px #ddd}
  .fixed-service__item span{display:block;flex:0 0 100%;font-size:12px}
  .fixed-service__item:before{width:24px;height:24px;background:#333}
  .fixed-service__item.location{background:var(--color-main);display:flex}
  .fixed-service__item.location:before{background:#fff;font-size:18px}
  .fixed-service__item.location span{color:#fff}
  .fixed-service__item.top{display:none}
}