.online{width:70px;height:340px;position:fixed;right:0;top:20.5%;z-index:10;font-size:8px}.online section{width:100%;height:20%;color:#fff;background:#6a80a0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:8px;cursor:pointer}.online section:hover{background:#f89d31}.online section img{width:24px;height:24px;margin-top:10px}.online section span{font-size:10px;margin-bottom:10px}.elFrom{margin:0;background:red}.ecode{position:absolute;right:80px;width:130px;height:130px}