- .design-bg-box[data-v-6a39f8dd]{margin:70px auto;width:399px;border:6px solid #cdd0dc;border-radius:40px;box-shadow:1px 5px 12px 8px #f2f2f2;height:calc(100vh - 200px);padding:12px;position:relative}.design-bg-box .head-box[data-v-6a39f8dd]{position:absolute;left:13px;right:13px;top:13px;background:#fff;padding:7px 10px 10px;border-top-right-radius:26px;border-top-left-radius:26px;border-bottom:2px solid #f5f5f5}.design-bg-box .head-box .head-toolbar[data-v-6a39f8dd]{display:flex;justify-content:space-between}.design-bg-box .head-box .head-metba[data-v-6a39f8dd]{border:1px solid #666;width:120px;height:26px;margin-top:-8px;border-top-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:space-around;padding-top:6px}.design-bg-box .head-box .head-metba .dot[data-v-6a39f8dd]{width:10px;background:#ccc;height:10px;border-radius:50%}.design-bg-box .head-box .head-metba .head-line[data-v-6a39f8dd]{width:40px;background:#ccc;height:8px;border-radius:4px}.design-bg-box .design-box[data-v-6a39f8dd]{border:1px solid #666;border-radius:26px;height:calc(100% - 40px);background-color:#f5f5f5;padding-top:72px;padding-bottom:10px}.design-bg-box .design-box .design-content-box[data-v-6a39f8dd]{overflow-y:auto;overflow-x:hidden;height:100%;margin:0 -80px;padding:0 90px}.design-bg-box .design-box .design-content-box[data-v-6a39f8dd]::-webkit-scrollbar{display:none;width:0;height:0;opacity:0}.design-bg-box .foot-line[data-v-6a39f8dd]{width:70px;background:#ccc;height:8px;border-radius:4px;margin:20px auto}
|
