.left-box[data-v-c8224e9c]{min-width:401px;height:auto;border-radius:14px;background:#fff;padding:20px 12px}.left-box .phone[data-v-c8224e9c]{position:relative;width:375px;height:667px;background-color:#fafafa;background-repeat:no-repeat}.right-box[data-v-c8224e9c]{background-color:#fff;width:100%;border-radius:14px;margin-left:10px;padding:20px}.right-box .top[data-v-c8224e9c]{display:flex}.right-box .top .item[data-v-c8224e9c]{margin:8px;width:90px;height:90px;border:1px solid var(--borderColor);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.right-box .top .item .icon[data-v-c8224e9c]{width:35px!important;position:relative;display:inline-block;overflow:hidden;-o-object-fit:cover!important;object-fit:cover!important;vertical-align:top}.right-box .top .item .name[data-v-c8224e9c]{margin-top:10px;color:#666}.right-box .top .active[data-v-c8224e9c]{border:1px solid var(--color)!important;background-color:var(--color2);transition:all .2s}.right-box .bottom[data-v-c8224e9c]{margin-top:15px}.vdr[data-v-c8224e9c]{border:0}.draggable2[data-v-c8224e9c]{position:absolute}.draggable2[data-v-c8224e9c] .handle{width:8px;height:8px;background:#fff;border:1px solid var(--color)!important}.draggable2[data-v-c8224e9c] .handle-tl{top:-5px;left:-5px}.draggable2[data-v-c8224e9c] .handle-tm{top:-5px}.draggable2[data-v-c8224e9c] .handle-tr{top:-5px;right:-5px}.draggable2[data-v-c8224e9c] .handle-mr{right:-5px}.draggable2[data-v-c8224e9c] .handle-br{right:-5px;bottom:-5px}.draggable2[data-v-c8224e9c] .handle-bm{bottom:-5px}.draggable2[data-v-c8224e9c] .handle-bl{left:-5px;bottom:-5px}.draggable2[data-v-c8224e9c] .handle-ml{left:-5px}.p-image[data-v-c8224e9c]{min-height:20px;min-width:20px;width:100%;height:100%}.felx[data-v-c8224e9c]{display:flex}