*[data-v-688ee914]{box-sizing:border-box}.main[data-v-688ee914]{height:100%;width:100%;background:var(--el-overlay-color-lighter);position:fixed;z-index:100;right:0;bottom:0;display:flex}.main-content[data-v-688ee914]{height:100%;flex:1;background-color:#fff;padding:20px;display:flex;flex-direction:column}.main-content h1[data-v-688ee914]{font-size:18px;margin-bottom:10px}.main-content .container[data-v-688ee914]{display:flex;gap:20px;padding:20px 0;flex:1 1 0%}.main-content .container .left[data-v-688ee914]{flex:1 1 0%;display:flex;flex-direction:column}.main-content .container .left-content[data-v-688ee914]{background-color:#f4f4f4;padding:20px;flex:1 1 0%}.main-content .container .left-content h2[data-v-688ee914]{text-align:right;font-size:22px;font-weight:400}.main-content .container .left-content p[data-v-688ee914]{font-size:16px;padding:20px 0}.main-content .container .left-content .list[data-v-688ee914]{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px}.main-content .container .left-content .list .item[data-v-688ee914]{width:100%;height:72px;display:flex;align-items:center;padding:10px;background-color:#fff;border:1px solid var(--el-border-color-base);cursor:pointer;position:relative;gap:10px;font-size:16px;border-radius:3px}.main-content .container .left-content .list .item img[data-v-688ee914]{width:40px;height:40px;object-fit:cover}.main-content .container .left-content .list .item.active[data-v-688ee914]{border:1px solid var(--el-color-primary)}.main-content .container .left-content .list .item[data-v-688ee914] .select{display:inline-block;position:absolute;right:0;bottom:0;width:0;height:0;border-right:36px solid var(--el-color-primary);border-top:36px solid transparent}.main-content .container .left-content .list .item[data-v-688ee914] .select .el-icon{position:absolute;left:15px;bottom:2px}.main-content .container .left-content .el-alert[data-v-688ee914]{margin-top:20px}.main-content .container .left-btn[data-v-688ee914]{display:flex;align-items:center;padding:20px 0;justify-content:space-between}.main-content .container .right[data-v-688ee914]{width:300px;border:1px solid var(--el-border-color-base)}.main-content .container .right h2[data-v-688ee914]{text-align:center;font-size:22px;padding-top:30px;font-weight:400}.main-content .container .right-content[data-v-688ee914]{padding:10px}.main-content .container .right-content p[data-v-688ee914]{display:flex;justify-content:space-between;align-items:center;font-size:16px}.main-content .container .right-content p+p[data-v-688ee914]{margin-top:20px}.main-content .container-2[data-v-688ee914]{display:flex;flex-direction:column;flex:1 1 0%}.main-content .container-2-content[data-v-688ee914]{flex:1 1 0%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;gap:20px}.main-content .container-2-content img[data-v-688ee914]{width:100px;height:100px;object-fit:cover}.main-content .container-2-btn[data-v-688ee914]{text-align:center}.main-content .keyboard[data-v-688ee914]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-top:20px}.main-content .keyboard>div[data-v-688ee914]{display:flex;align-items:center;justify-content:center;height:60px;background-color:#f5f7fa;font-size:24px;font-weight:700;cursor:pointer;border-radius:14px;transition:background-color .3s}.main-content .keyboard>div[data-v-688ee914]:hover{background-color:#e4e7ed}.main-content .keyboard .key-0[data-v-688ee914]{grid-area:4/1/4/3;border-radius:14px}.main-content .keyboard .key-dot[data-v-688ee914]{grid-area:4/3/4/3;border-radius:14px}.main-content .keyboard .key-clear[data-v-688ee914]{grid-area:2/4/2/4;border-radius:14px}.main-content .keyboard .key-enter[data-v-688ee914]{grid-area:3/4/5/4;height:100%;background-color:var(--el-color-primary);color:#fff;flex-direction:column;border-radius:14px}.main-content .keyboard .key-enter[data-v-688ee914]:hover{background-color:var(--el-color-primary-light-3)}
