.components-view[data-v-51233aac]{width:100%;height:100%;background:#fff;padding:15px}.ndom[data-v-51233aac]{height:30px;text-align:center}.ndom img[data-v-51233aac]{height:100%}.centent-box[data-v-51233aac]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.wdom[data-v-51233aac]{width:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.wdom img[data-v-51233aac]{width:100%}.centent-center[data-v-51233aac]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:5px;position:relative}.item-box[data-v-51233aac]{font-weight:700;font-size:16px;color:#888;width:calc(20% - 20px);height:40px;text-align:center;line-height:40px;background:url(/static/shelf/chang.png) no-repeat;background-size:100% 100%;margin-bottom:20px;cursor:pointer}.cylinder[data-v-51233aac]{position:absolute;width:8px;height:45px;background:#bfbfbf;border-radius:4px;z-index:10}.cy-1[data-v-51233aac]{left:20%;top:120px}.cy-2[data-v-51233aac]{left:40%;top:120px}.cy-3[data-v-51233aac]{left:60%;top:120px}.cy-4[data-v-51233aac]{left:80%;top:120px}.cy-5[data-v-51233aac]{left:20%;top:300px}.cy-6[data-v-51233aac]{left:40%;top:300px}.cy-7[data-v-51233aac]{left:60%;top:300px}.cy-8[data-v-51233aac]{left:80%;top:300px}