.black[data-v-7f8e409a]{margin-top:20px;height:100px;position:absolute}.white[data-v-7f8e409a]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.bkey[data-v-7f8e409a]{position:absolute;border-radius:5px;height:70px}.bkey[data-v-7f8e409a]:hover{cursor:pointer}.wkey[data-v-7f8e409a]{position:relative;border-radius:5px;margin:3px;height:70px}.wkey[data-v-7f8e409a]:hover{cursor:pointer}img[data-v-7f8e409a]{-webkit-user-drag:none}.black[data-v-758e47eb]{margin-top:20px;height:80px;position:absolute}.white[data-v-758e47eb]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.bkey[data-v-758e47eb]{position:absolute;border-radius:5px;height:70px}.bkey[data-v-758e47eb]:hover{cursor:pointer}.wkey[data-v-758e47eb]{position:relative;border-radius:5px;margin:3px;height:70px}.wkey[data-v-758e47eb]:hover{cursor:pointer}img[data-v-758e47eb]{-webkit-user-drag:none}img[data-v-6cd59034]{border:1.5px solid}.white[data-v-6cd59034]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.wkey[data-v-6cd59034]{border-radius:5px;margin:3px;height:70px}.wkey[data-v-6cd59034]:hover{cursor:pointer}img[data-v-2b2be6b7],img[data-v-6cd59034]{-webkit-user-drag:none}.wrapper[data-v-02c9de4a]{padding-top:30px;height:100vh;overflow:auto}.wrapper .content[data-v-02c9de4a]{width:800px}.wrapper .content .img[data-v-02c9de4a]{float:left;position:relative;margin:3px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.wrapper .content .img .dele[data-v-02c9de4a]{width:40px;height:40px;background-color:red;opacity:0;position:absolute;right:0;top:0;line-height:40px;text-align:center;color:#fff;font-size:30px}.wrapper .content .img .dele[data-v-02c9de4a]:hover{cursor:pointer}.wrapper .content .img:hover .dele[data-v-02c9de4a]{opacity:1}.wrapper .end[data-v-02c9de4a]{height:350px;width:800px;float:left}.but[data-v-02c9de4a]{float:left;width:150px;height:200px;background-color:#d5d5d9;margin:5px}.but h1[data-v-02c9de4a]{line-height:120px;font-size:200px;color:#fff;text-align:center;font-weight:50}.but h2[data-v-02c9de4a],.but h3[data-v-02c9de4a]{line-height:20px;color:#fff;text-align:center}.but[data-v-02c9de4a]:hover{cursor:pointer}.adjSize[data-v-02c9de4a]{width:40px;height:140px;position:absolute;top:40px;right:50px}.adjSize .add[data-v-02c9de4a]{background-color:#fff;width:40px;height:40px;border-radius:20px 20px 10px 10px;box-shadow:0 3px 8px rgba(0,0,0,.2);margin:5px;text-align:center;line-height:40px;font-size:20px}.adjSize .add[data-v-02c9de4a]:hover{cursor:pointer}.adjSize .value[data-v-02c9de4a]{height:50px;border-radius:10px 10px 10px 10px;line-height:50px;font-size:15px}.adjSize .dec[data-v-02c9de4a],.adjSize .value[data-v-02c9de4a]{background-color:#fff;width:40px;box-shadow:0 3px 8px rgba(0,0,0,.2);margin:5px;text-align:center}.adjSize .dec[data-v-02c9de4a]{height:40px;border-radius:10px 10px 20px 20px;line-height:40px;font-size:20px}.adjSize .dec[data-v-02c9de4a]:hover{cursor:pointer}.header[data-v-4232e6be]{background:#fff;height:110px}.header .container[data-v-4232e6be]{display:flex}.header .container .user[data-v-4232e6be]{height:50px;width:150px;margin-top:30px}.header .container .user img[data-v-4232e6be]{height:50px;width:50px;border-radius:25px;float:left}.header .container .user div[data-v-4232e6be]{float:left;margin-left:20px;font-size:15px;font-weight:800;line-height:50px}.header .logo[data-v-4232e6be]{width:200px;line-height:100px}.header .logo img[data-v-4232e6be]{display:block;height:70px;float:left;margin-top:20px;margin-left:10px;-webkit-user-drag:none}.header .logo .title[data-v-4232e6be]{text-align:center;margin-left:20px;margin-top:20px;float:left}.header .logo .title .t1[data-v-4232e6be]{line-height:50px;font-size:25px}.header .logo .title .t2[data-v-4232e6be]{line-height:10px;font-size:10px}.header .navs[data-v-4232e6be]{margin-top:30px;width:800px;display:flex;margin-left:20px}.header .navs li[data-v-4232e6be]{margin-right:10px}.header-sticky[data-v-0e02efb4]{z-index:9999;width:100%;position:fixed;left:0;top:0;background-color:#fff;border-bottom:1px solid #e4e4e4;transform:translateY(-100%);opacity:0;transition:all .3s linear}.header-sticky.show[data-v-0e02efb4]{transition:all .3s linear;transform:none;opacity:1}.header-sticky .container[data-v-0e02efb4],.wire[data-v-6bc4ac75]{display:flex;align-items:center}.wire[data-v-6bc4ac75]{justify-content:center;cursor:pointer;margin-top:2px;margin-bottom:2px}.scoreEdit[data-v-58f235c4]{width:100%;height:100vh;overflow:auto;padding:15px}.scoreEdit .edit[data-v-58f235c4]{width:100%;height:360px;display:flex}.scoreEdit .edit .yf[data-v-58f235c4]{display:flex;flex-direction:column;justify-content:space-between}.scoreEdit .edit .yf img[data-v-58f235c4]{height:40%;width:50px}.scoreEdit .edit .yd[data-v-58f235c4]{display:flex;flex-direction:column;justify-content:space-around;height:100%}.scoreEdit .edit .wireContent[data-v-58f235c4]{width:80%;height:100%;border-left:solid #000;display:flex;flex-direction:column;justify-content:space-between}.scoreEdit .end[data-v-58f235c4]{height:300px}.content[data-v-3197f1c7]{width:100%;background-color:#fff}.piano[data-v-3197f1c7]{width:100%;position:fixed;bottom:0}.piano .set[data-v-3197f1c7]{width:100%;margin:auto;margin-bottom:5px}.piano .set .leftTip span[data-v-3197f1c7]{color:rgba(255,0,0,.5)}.piano .set .rightTip span[data-v-3197f1c7]{color:rgba(0,255,0,.5)}.piano .top[data-v-3197f1c7]{width:100%;height:26px;border:1px solid;margin:auto;padding:1px;margin-bottom:2px;position:relative;border-radius:5px;background:#fff;z-index:99999}.piano .top .left[data-v-3197f1c7]{height:20px;background:rgba(255,0,0,.5);position:absolute;left:48px;border-radius:5px}.piano .top .right[data-v-3197f1c7]{height:20px;background:rgba(0,255,0,.5);position:absolute;left:500px;border-radius:5px}.piano .top div[data-v-3197f1c7]{text-align:center}.piano .top .htip[data-v-3197f1c7]{float:left;letter-spacing:6px;margin-left:8px;color:#00f}.piano .top .etip[data-v-3197f1c7]{float:right;letter-spacing:6px;margin-right:4px;color:#00f}.piano .top .ltip[data-v-3197f1c7]{width:100%;height:30px;margin-top:5px;display:flex;justify-content:space-around}.piano .top .ltip div[data-v-3197f1c7]{color:red;font-size:15px;font-family:Courier New,Courier,monospace}.piano .top .rtip[data-v-3197f1c7]{width:100%;height:30px;margin-top:5px;display:flex;justify-content:space-around}.piano .top .rtip div[data-v-3197f1c7]{color:#0f0;font-size:15px;font-family:Courier New,Courier,monospace}.piano .key[data-v-3197f1c7]{margin:auto;width:100%;display:flex;box-shadow:0 3px 8px rgba(0,0,0,.2)}.banner[data-v-3197f1c7]{width:100%;background-color:#fff;display:flex}.banner .left[data-v-3197f1c7]{width:33%;height:100%}.banner .right[data-v-3197f1c7]{width:67%;height:100%;display:flex}.layout[data-v-3197f1c7]{width:100%;background-color:#fff}select[data-v-3197f1c7]:hover{cursor:pointer}