.black[data-v-61ce6c0c]{margin-top:20px;height:100px;position:absolute}.white[data-v-61ce6c0c]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.bkey[data-v-61ce6c0c]{position:absolute;border-radius:5px;height:70px}.bkey[data-v-61ce6c0c]:hover{cursor:pointer}.wkey[data-v-61ce6c0c]{position:relative;border-radius:5px;margin:3px;height:70px}.wkey[data-v-61ce6c0c]:hover{cursor:pointer}img[data-v-61ce6c0c]{-webkit-user-drag:none}.black[data-v-286d2d78]{margin-top:20px;height:80px;position:absolute}.white[data-v-286d2d78]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.bkey[data-v-286d2d78]{position:absolute;border-radius:5px;height:70px}.bkey[data-v-286d2d78]:hover{cursor:pointer}.wkey[data-v-286d2d78]{position:relative;border-radius:5px;margin:3px;height:70px}.wkey[data-v-286d2d78]:hover{cursor:pointer}img[data-v-286d2d78]{-webkit-user-drag:none}img[data-v-93276bfc]{border:1.5px solid}.white[data-v-93276bfc]{bottom:1px;margin-bottom:5px;height:80px;position:absolute;display:flex}.wkey[data-v-93276bfc]{border-radius:5px;margin:3px;height:70px}.wkey[data-v-93276bfc]:hover{cursor:pointer}img[data-v-93276bfc],img[data-v-11859442]{-webkit-user-drag:none}.wrapper[data-v-0b30f7ac]{padding-top:30px;height:580px;overflow:auto}.wrapper .content[data-v-0b30f7ac]{width:800px}.wrapper .content .img[data-v-0b30f7ac]{float:left;position:relative;margin:3px;box-shadow:0 3px 8px rgba(0,0,0,.2)}.wrapper .content .img .dele[data-v-0b30f7ac]{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-0b30f7ac]:hover{cursor:pointer}.wrapper .content .img:hover .dele[data-v-0b30f7ac]{opacity:1}.wrapper .end[data-v-0b30f7ac]{height:350px;width:800px;float:left}.but[data-v-0b30f7ac]{float:left;width:150px;height:200px;background-color:#d5d5d9;margin:5px}.but h1[data-v-0b30f7ac]{line-height:120px;font-size:200px;color:#fff;text-align:center;font-weight:50}.but h2[data-v-0b30f7ac],.but h3[data-v-0b30f7ac]{line-height:20px;color:#fff;text-align:center}.but[data-v-0b30f7ac]:hover{cursor:pointer}.adjSize[data-v-0b30f7ac]{width:40px;height:140px;position:absolute;top:40px;right:50px}.adjSize .add[data-v-0b30f7ac]{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-0b30f7ac]:hover{cursor:pointer}.adjSize .value[data-v-0b30f7ac]{height:50px;border-radius:10px 10px 10px 10px;line-height:50px;font-size:15px}.adjSize .dec[data-v-0b30f7ac],.adjSize .value[data-v-0b30f7ac]{background-color:#fff;width:40px;box-shadow:0 3px 8px rgba(0,0,0,.2);margin:5px;text-align:center}.adjSize .dec[data-v-0b30f7ac]{height:40px;border-radius:10px 10px 20px 20px;line-height:40px;font-size:20px}.adjSize .dec[data-v-0b30f7ac]:hover{cursor:pointer}.header[data-v-331af80a]{background:#fff;height:110px}.header .container[data-v-331af80a]{display:flex}.header .container .user[data-v-331af80a]{height:50px;width:150px;margin-top:30px}.header .container .user img[data-v-331af80a]{height:50px;width:50px;border-radius:25px;float:left}.header .container .user div[data-v-331af80a]{float:left;margin-left:20px;font-size:15px;font-weight:800;line-height:50px}.header .logo[data-v-331af80a]{width:200px;line-height:100px}.header .logo img[data-v-331af80a]{display:block;height:70px;float:left;margin-top:20px;margin-left:10px;-webkit-user-drag:none}.header .logo .title[data-v-331af80a]{text-align:center;margin-left:20px;margin-top:20px;float:left}.header .logo .title .t1[data-v-331af80a]{line-height:50px;font-size:25px}.header .logo .title .t2[data-v-331af80a]{line-height:10px;font-size:10px}.header .navs[data-v-331af80a]{margin-top:30px;width:800px;display:flex;margin-left:20px}.header .navs li[data-v-331af80a]{margin-right:10px}.header-sticky[data-v-8a6706a6]{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-8a6706a6]{transition:all .3s linear;transform:none;opacity:1}.header-sticky .container[data-v-8a6706a6]{display:flex;align-items:center}.content[data-v-d3073ad0]{width:100%;background-color:#fff}.piano[data-v-d3073ad0]{width:100%;position:fixed;bottom:0}.piano .set[data-v-d3073ad0]{width:1248px;margin:auto;margin-bottom:5px}.piano .set .leftTip span[data-v-d3073ad0]{color:rgba(255,0,0,.5)}.piano .set .rightTip span[data-v-d3073ad0]{color:rgba(0,255,0,.5)}.piano .top[data-v-d3073ad0]{width:1248px;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-d3073ad0]{height:20px;background:rgba(255,0,0,.5);position:absolute;left:48px;border-radius:5px}.piano .top .right[data-v-d3073ad0]{height:20px;background:rgba(0,255,0,.5);position:absolute;left:500px;border-radius:5px}.piano .top div[data-v-d3073ad0]{text-align:center}.piano .top .htip[data-v-d3073ad0]{float:left;letter-spacing:6px;margin-left:8px;color:#00f}.piano .top .etip[data-v-d3073ad0]{float:right;letter-spacing:6px;margin-right:4px;color:#00f}.piano .top .ltip[data-v-d3073ad0]{width:168px;height:30px;margin-top:5px}.piano .top .ltip span[data-v-d3073ad0]{color:red;letter-spacing:3px;font-size:15px;font-family:Courier New,Courier,monospace;margin-left:5px}.piano .top .rtip[data-v-d3073ad0]{width:168px;height:30px;margin-top:5px}.piano .top .rtip span[data-v-d3073ad0]{color:#0f0;letter-spacing:3px;font-size:15px;font-family:Courier New,Courier,monospace;margin-left:5px}.piano .top .letip[data-v-d3073ad0]{height:30px;margin-top:5px}.piano .top .letip span[data-v-d3073ad0]{color:red;letter-spacing:3px;font-size:15px;font-family:Courier New,Courier,monospace;margin-left:5px}.piano .top .retip[data-v-d3073ad0]{height:30px;margin-top:5px}.piano .top .retip span[data-v-d3073ad0]{color:#0f0;letter-spacing:3px;font-size:15px;font-family:Courier New,Courier,monospace;margin-left:5px}.piano .key[data-v-d3073ad0]{margin:auto;width:1248px;display:flex;box-shadow:0 3px 8px rgba(0,0,0,.2)}.banner[data-v-d3073ad0]{width:1248px;height:400px;margin:auto;background-color:#fff;display:flex}.banner .left[data-v-d3073ad0]{width:400px;height:400px}.banner .right[data-v-d3073ad0]{width:848px}.layout[data-v-d3073ad0]{width:100%;background-color:#fff}select[data-v-d3073ad0]:hover{cursor:pointer}