.components-view[data-v-733de3b0]{position:relative;width:100%;height:100%;background:#fff;padding:15px}.components-view .shelf_dir[data-v-733de3b0]{position:absolute;top:20px;right:20px;width:80px;height:80px;object-fit:cover}.components-view .title-top[data-v-733de3b0]{font-size:30px;text-align:center;font-weight:700}.components-view .content-box[data-v-733de3b0]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:650px}.components-view .content-box .flex1[data-v-733de3b0]{-ms-flex:1;flex:1}.components-view .content-box .left[data-v-733de3b0]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:86%}.components-view .content-box .left .left1[data-v-733de3b0]{width:100px;height:100px;border-radius:100px;font-size:16px;padding:15px}.components-view .content-box .left .left1[data-v-733de3b0],.components-view .content-box .left .left2[data-v-733de3b0]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:3px solid #e4e4e4;text-align:center;color:#888}.components-view .content-box .left .left2[data-v-733de3b0]{width:60px;height:100%;font-size:22px;padding:10px 15px;margin:0 15px}.components-view .wdom[data-v-733de3b0]{height:30px;text-align:center}.components-view .wdom img[data-v-733de3b0]{width:30px;transform:rotate(90deg)}.components-view .ndom[data-v-733de3b0]{width:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.components-view .ndom img[data-v-733de3b0]{height:30px;transform:rotate(90deg)}.components-view .sdom[data-v-733de3b0]{width:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.components-view .sdom img[data-v-733de3b0]{height:30px;transform:rotate(90deg)}.components-view .edom[data-v-733de3b0]{height:30px;text-align:center}.components-view .edom img[data-v-733de3b0]{width:30px;transform:rotate(90deg)}.components-view .centent-box[data-v-733de3b0]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.components-view .centent-box .centent-center[data-v-733de3b0]{-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;-ms-flex-align:center;align-items:center;padding:5px}.components-view .centent-box .centent-center .item-box-mini-yuanzhu[data-v-733de3b0]{font-weight:700;font-size:16px;color:#888;width:calc(8% - 20px)!important;height:80px;text-align:center;line-height:40px;background:url(/static/shelf/zhu.png) no-repeat;background-size:40px 100%;background-position:50%;margin-bottom:20px}.components-view .centent-box .centent-center .item-box-mini[data-v-733de3b0]{font-weight:700;font-size:16px;color:#888;width:calc(15% - 20px)!important;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}.components-view .centent-box .centent-center .hide-dom[data-v-733de3b0]{opacity:0!important;cursor:unset!important}.components-view .centent-box .centent-center .item-box[data-v-733de3b0]{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}