.buttons div[product]{position:relative}.buttons ul{float:left;text-align:center;position:absolute}.buttons ul[line="1"]{top:18px;left:70px}.buttons ul[line="2"]{top:66px;left:70px}.buttons ul[line="3"]{top:114px;left:70px}.buttons ul[line="4"]{top:162px;left:70px}.buttons ul[line="5"]{top:210px;left:70px}.buttons ul li{height:42px;width:42px;border-radius:6px;cursor:pointer;float:left;display:inline-block;position:relative;border:1px solid #656565}.buttons ul li i{white-space:nowrap;color:#c8c8c8;font-size:8px;margin-top:1px;display:block;position:absolute;bottom:0;text-align:center;width:100%}.buttons ul li:before{content:attr(cname);font-size:9px;color:#fff;display:block;margin-top:0}.buttons ul li:after{content:attr(journey);white-space:nowrap;color:#64b304;font-size:9px;margin-top:-6px;display:block;overflow:hidden}.buttons ul li [box]{position:absolute;cursor:default;width:92px;height:60px;background:#606266;box-shadow:0 0 5px #4c4c4c;border-radius:5px;top:-69px;left:-20px;display:none;z-index:10;padding:5px 5px;color:#ffc52d}.buttons [box]:after{content:"";width:0;height:0;border:8px solid;border-color:transparent #606266;border-left:none;position:absolute;left:41px;top:55px;transform:rotate(269deg)}.buttons ul li [box] p{overflow:hidden}.buttons li:hover{background:var(--primary-color)}.buttons li.on{background:rgba(0,138,179,.3);z-index:1}.buttons li.has{background:#00b100}.buttons li.uas{background:#005e68}.buttons li.on,.buttons li.select{background:#006845}.buttons li.has>div>p{margin-top:5px}.buttons li.has:hover>div,.perfBP li:hover>div{display:block}.buttons li[name=Esc]{background-position-x:-49px;background-position-y:-16px}.buttons ul li i.el-icon-circle-check{display:none;font-size:small;width:auto;position:absolute;top:0;right:0}.buttons ul li.on i.el-icon-circle-check,.buttons ul li.select i.el-icon-circle-check{display:inline-block}