body{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,h1,h2,h3,h4,h5,i,li,p{padding:0;margin:0;list-style:none;font-weight:400;font-style:normal}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}li[data-v-49e146aa],ul[data-v-49e146aa]{list-style:none;margin:0;padding:0}.topSideCont[data-v-49e146aa]{position:absolute;width:100%;background:none;z-index:1111;transition:all 1s;top:0;left:0;transform:translateY(0);font-family:prompt;padding-top:0}.phone_t[data-v-49e146aa]{justify-content:center;display:flex;align-items:center;position:relative;z-index:111;width:100%;font-family:prompt;padding-top:20px}.addbg[data-v-49e146aa]{background:#fff}.phoneName[data-v-49e146aa]{margin:0 0 0 0;display:block;width:240px;height:36px;line-height:36px;text-align:left;padding-left:24px;background:#f1f1f1;border-radius:22px 22px 22px 22px;font-size:14px;color:#000;position:relative}.phoneName .icon[data-v-49e146aa]{position:absolute;right:14px;top:4px;font-size:20px;color:#b2b2b2}.phone_t .colors[data-v-49e146aa]{display:flex;margin-left:16px}.phone_t .colors span[data-v-49e146aa]{width:20px;height:20px;border-radius:50%;background:#000;justify-content:space-around;margin-left:10px;transition:all 1s;box-sizing:border-box}.phone_t .colors span.active[data-v-49e146aa]{border:1px solid #000;transform:scale(1.2)}.phone_b[data-v-49e146aa]{display:flex;transform:translateY(-300px);transition:all 1s;justify-content:center;padding:20px 0;position:absolute;width:100%;background:hsla(0,0%,100%,.9)}.phone_b.show[data-v-49e146aa]{transform:translateY(0)}.phone_b_l[data-v-49e146aa]{margin-right:90px;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:18px;color:#666;padding:0 0;align-content:flex-start;line-height:48px;font-family:prompt}.phone_b_l li[data-v-49e146aa]{text-align:left}.phone_b_l li.active[data-v-49e146aa]{color:#000;font-weight:600}.phone_b_r[data-v-49e146aa]{display:flex;flex-wrap:wrap;width:618px;align-content:flex-start;font-family:prompt}.phone_b_r li[data-v-49e146aa]{width:206px;color:#333;text-align:left;line-height:30px;font-size:16px;font-weight:500}body[data-v-5f6001a9]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Roboto}li[data-v-5f6001a9],ul[data-v-5f6001a9]{list-style:none;margin:0;padding:0}.leftBox[data-v-5f6001a9]{background:none;padding:0 0;box-sizing:border-box;left:0;top:0;height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:space-evenly}.listBox[data-v-5f6001a9]{transform:translateX(-110%);transition:all 1s;height:124px;width:auto;display:flex;flex-direction:row;align-items:center;position:relative}.listBox.show[data-v-5f6001a9]{transform:translateX(0)}.namecont[data-v-5f6001a9]{width:50px;height:124px;background:#fff;display:flex;flex-direction:row;align-items:center;position:absolute;left:0;z-index:111;box-shadow:-8px 2px 12px 0 hsla(0,0%,68%,.5)}.barcont[data-v-5f6001a9]{width:518px;position:absolute;left:50px;background:#fff;transition:all 1s;padding:0 16px;box-sizing:border-box;justify-content:center;border-top-right-radius:24px;border-bottom-right-radius:24px;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5)}.barcont.hide[data-v-5f6001a9]{transform:translateX(-70%)}.barBox[data-v-5f6001a9]{overflow:hidden;width:456px;box-sizing:border-box;position:relative;margin-left:10px}.listBox .sidecont[data-v-5f6001a9]{display:flex;gap:10px;padding:10px 0;justify-content:left;align-items:center;flex-wrap:wrap;transition:all 1s;overflow-y:hidden}.listBox .namebox[data-v-5f6001a9]{writing-mode:vertical-rl;display:block;padding:0 15px;position:relative;z-index:11}.barcont .lricon[data-v-5f6001a9]{width:20px;height:100px;background:#f9f9f9;justify-content:center;border-radius:12px;position:absolute;top:50%;margin-top:-50px;z-index:111;opacity:0;transition:all 1s}.barcont .lricon.show[data-v-5f6001a9]{opacity:1}.barcont .lricon img[data-v-5f6001a9]{width:20px;height:20px;margin-top:40px}.listBox .righticon[data-v-5f6001a9]{width:30px;height:30px;display:block;position:absolute;right:-10px;top:50%;margin-top:-15px;background-size:30px 30px}.listBox .sidecont li[data-v-5f6001a9]{width:104px;height:104px;background:#f9f9f9;border-radius:24px;padding:0;transition:all .3s;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;margin:0}.listBox .sidecont li[data-v-5f6001a9]:hover{box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:24px;border:3px solid #000}.sidecont li img[data-v-5f6001a9]{width:80px;height:80px;background:none}.sidecont li h1[data-v-5f6001a9]{font-size:14px;line-height:18px;margin-top:0;color:#333}.active[data-v-5f6001a9]{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:24px;border:3px solid #000}@media screen and (min-width:1440px) and (max-width:1679px){.listBox[data-v-5f6001a9]{height:100px}.listBox .namebox[data-v-5f6001a9]{padding:0 8px}.barcont[data-v-5f6001a9]{width:460px;left:44px;padding:0 12px}.barBox[data-v-5f6001a9]{overflow:hidden;width:396px;box-sizing:border-box;position:relative;margin-left:10px}.namecont[data-v-5f6001a9]{width:44px;height:104px}.barcont .lricon[data-v-5f6001a9]{width:20px;height:100px}.listBox .sidecont[data-v-5f6001a9]{padding:8px 0}.listBox .sidecont li[data-v-5f6001a9]{width:88px;height:88px}.sidecont li img[data-v-5f6001a9]{width:74px;height:74px;background:none}}@media screen and (min-width:1280px) and (max-width:1439px){.listBox[data-v-5f6001a9]{height:72px}.listBox .namebox[data-v-5f6001a9]{padding:0 8px}.barcont[data-v-5f6001a9]{width:370px;left:34px;padding:0 12px;border-top-right-radius:18px;border-bottom-right-radius:18px}.barBox[data-v-5f6001a9]{overflow:hidden;width:320px;box-sizing:border-box;position:relative;margin-left:16px}.namecont[data-v-5f6001a9]{width:44px;height:70px;font-size:14px;line-height:16px;padding:8px 0}.barcont .lricon[data-v-5f6001a9]{width:20px;height:84px;top:50%;margin-top:-42px}.barcont .lricon img[data-v-5f6001a9]{margin-top:32px}.listBox .sidecont[data-v-5f6001a9]{padding:8px 0}.listBox .sidecont li[data-v-5f6001a9]{width:70px;height:70px;border-radius:18px}.sidecont li img[data-v-5f6001a9]{width:62px;height:62px;background:none}.listBox .righticon[data-v-5f6001a9]{width:36px;height:36px;right:-18px;top:50%;margin-top:-18px}.listBox .righticon img[data-v-5f6001a9]{width:36px;height:36px}.active[data-v-5f6001a9],.listBox .sidecont li[data-v-5f6001a9]:hover{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:18px;border:2px solid #000}}@media screen and (min-width:768px) and (max-width:1279px){.listBox[data-v-5f6001a9]{height:72px}.listBox .namebox[data-v-5f6001a9]{padding:0 8px}.barcont[data-v-5f6001a9]{width:320px;left:32px;padding:0 12px;border-top-right-radius:14px;border-bottom-right-radius:14px}.barBox[data-v-5f6001a9]{overflow:hidden;width:268px;box-sizing:border-box;position:relative;margin-left:16px}.namecont[data-v-5f6001a9]{width:44px;height:66px;font-size:13px;line-height:16px;padding:4px 0}.barcont .lricon[data-v-5f6001a9]{width:20px;height:72px;top:50%;margin-top:-36px}.barcont .lricon img[data-v-5f6001a9]{margin-top:26px}.listBox .sidecont[data-v-5f6001a9]{padding:8px 0}.listBox .sidecont li[data-v-5f6001a9]{width:58px;height:58px;border-radius:16px}.sidecont li img[data-v-5f6001a9]{width:48px;height:48px;background:none}.listBox .righticon[data-v-5f6001a9]{width:28px;height:28px;right:-14px;top:50%;margin-top:-14px}.listBox .righticon img[data-v-5f6001a9]{width:28px;height:28px}.active[data-v-5f6001a9],.listBox .sidecont li[data-v-5f6001a9]:hover{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:16px;border:2px solid #000}}li[data-v-69f89400],ul[data-v-69f89400]{list-style:none}.bottomSide[data-v-69f89400]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.btn_one[data-v-69f89400],.btn_three[data-v-69f89400],.btn_two[data-v-69f89400]{width:110px;height:36px;text-align:center;line-height:36px;background:#d3d3d3;color:#000;border-radius:22px;outline:none;border:none;margin:0 6px;cursor:pointer}.phone_t[data-v-69f89400]{justify-content:center;display:flex;align-items:center;position:relative;z-index:111;font-family:prompt}.select_one[data-v-69f89400]{width:180px;height:26px;background:#f5f5f7;padding:5px 5px 5px 16px;border-radius:30px;line-height:26px;outline:none;border:none;position:relative;text-align:left;z-index:111;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5)}.select_one .icon[data-v-69f89400]{position:absolute;right:14px;top:8px;font-size:20px;color:#b2b2b2}.phone_t .selectin[data-v-69f89400]{width:201px;left:0;top:40px;background:#f5f5f7;position:absolute;z-index:9999;border-radius:24px;max-height:200px;overflow-y:auto}.phone_t .selectin.show[data-v-69f89400]{transform:translateY(0)}.phone_t .selectin ul[data-v-69f89400]{margin:0;padding:4px 16px}.phone_t .selectin ul li[data-v-69f89400]{line-height:28px;text-align:left;font-size:16px}.colorbox[data-v-69f89400]{position:absolute;left:50%;top:-50px;flex-direction:row;width:400px;margin-left:-200px}.colorbox .colors[data-v-69f89400],.colorbox[data-v-69f89400]{display:flex;text-align:center;align-items:center;justify-content:space-around}.colorbox .colors[data-v-69f89400]{margin:0 10px}.colorbox span[data-v-69f89400]{width:20px;height:20px;border-radius:50%;background:#000;margin-left:10px;transition:all 1s;box-sizing:border-box}.colorbox .colors span.active[data-v-69f89400]{border:1px solid #000;transform:scale(1.2)}@media screen and (min-width:1440px) and (max-width:1600px){.btn_one[data-v-69f89400],.btn_three[data-v-69f89400],.btn_two[data-v-69f89400]{width:100px;height:30px;line-height:30px}}@media screen and (min-width:960px) and (max-width:1279px){.btn_one[data-v-69f89400],.btn_three[data-v-69f89400],.btn_two[data-v-69f89400]{width:90px;height:24px;line-height:24px}.colorbox[data-v-69f89400]{bottom:40px}.colorbox span[data-v-69f89400]{width:14px;height:14px;border-radius:50%;background:#000;margin-left:10px;transition:all 1s;box-sizing:border-box}}body[data-v-3fd75329]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Roboto}li[data-v-3fd75329],ul[data-v-3fd75329]{list-style:none;margin:0;padding:0}.rightBox[data-v-3fd75329]{background:none;padding:0 0;box-sizing:border-box;left:0;top:0;height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:space-evenly}.listBox[data-v-3fd75329]{transform:translateX(210%);transition:all 1s;height:124px;width:auto;display:flex;flex-direction:row;align-items:center;position:relative}.listBox.show[data-v-3fd75329]{transform:translateX(0)}.namecont[data-v-3fd75329]{width:50px;height:124px;background:#fff;display:flex;flex-direction:row;align-items:center;position:absolute;right:0;z-index:111;box-shadow:8px 2px 12px 0 hsla(0,0%,68%,.5)}.barcont[data-v-3fd75329]{width:518px;position:absolute;right:50px;background:#fff;transition:all 1s;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-top-left-radius:24px;border-bottom-left-radius:24px;padding:0 16px;box-sizing:border-box}.barcont.hide[data-v-3fd75329]{transform:translateX(70%)}.barBox[data-v-3fd75329]{overflow:hidden;width:456px;box-sizing:border-box;position:relative;margin-left:20px}.listBox .sidecont[data-v-3fd75329]{margin:0;display:flex;gap:10px;padding:10px 0;justify-content:left;align-items:center;flex-wrap:wrap;overflow-y:hidden;transition:all 1s}.barcont .lricon[data-v-3fd75329]{width:20px;height:100px;background:#f9f9f9;justify-content:center;border-radius:12px;position:absolute;top:50%;margin-top:-50px;z-index:111;opacity:0;transition:all 1s}.barcont .lricon.show[data-v-3fd75329]{opacity:1}.barcont .lricon img[data-v-3fd75329]{width:20px;height:20px;margin-top:40px}.listBox .namebox[data-v-3fd75329]{writing-mode:vertical-rl;display:block;padding:0 15px;position:relative;z-index:11}.listBox .righticon[data-v-3fd75329]{width:30px;height:30px;display:block;position:absolute;left:-20px;top:50%;margin-top:-15px;background-size:30px 30px}.listBox .sidecont li[data-v-3fd75329]{width:104px;height:104px;background:#f9f9f9;border-radius:24px;padding:0;transition:all .3s;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;margin:0}.listBox .sidecont li[data-v-3fd75329]:hover{box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:24px;border:3px solid #000}.sidecont li img[data-v-3fd75329]{width:80px;height:80px;background:none}.sidecont li h1[data-v-3fd75329]{font-size:14px;line-height:22px;margin-top:0;color:#333}.active[data-v-3fd75329]{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:32px;border:3px solid #000}@media screen and (min-width:1440px) and (max-width:1679px){.listBox[data-v-3fd75329]{height:100px}.listBox .namebox[data-v-3fd75329]{padding:0 8px}.barcont[data-v-3fd75329]{width:460px;right:32px;padding:0 12px}.barBox[data-v-3fd75329]{overflow:hidden;width:396px;box-sizing:border-box;position:relative;margin-left:24px}.namecont[data-v-3fd75329]{width:44px;height:104px}.barcont .lricon[data-v-3fd75329]{width:20px;height:100px}.listBox .sidecont[data-v-3fd75329]{padding:8px 0}.listBox .sidecont li[data-v-3fd75329]{width:88px;height:88px}.sidecont li img[data-v-3fd75329]{width:74px;height:74px;background:none}}@media screen and (min-width:1280px) and (max-width:1439px){.listBox[data-v-3fd75329]{height:72px}.listBox .namebox[data-v-3fd75329]{padding:0 8px}.barcont[data-v-3fd75329]{width:380px;right:28px;padding:0 12px;border-top-left-radius:18px;border-bottom-left-radius:18px}.barBox[data-v-3fd75329]{overflow:hidden;width:320px;box-sizing:border-box;position:relative;margin-left:16px}.namecont[data-v-3fd75329]{width:44px;height:86px}.barcont .lricon[data-v-3fd75329]{width:20px;height:84px;top:50%;margin-top:-42px}.barcont .lricon img[data-v-3fd75329]{margin-top:32px}.listBox .sidecont[data-v-3fd75329]{padding:8px 0}.listBox .sidecont li[data-v-3fd75329]{width:70px;height:70px;border-radius:18px}.sidecont li img[data-v-3fd75329]{width:62px;height:62px;background:none}.listBox .righticon[data-v-3fd75329]{width:36px;height:36px;left:-18px;top:50%;margin-top:-18px}.listBox .righticon img[data-v-3fd75329]{width:36px;height:36px}.active[data-v-3fd75329],.listBox .sidecont li[data-v-3fd75329]:hover{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:18px;border:2px solid #000}}@media screen and (min-width:768px) and (max-width:1279px){.listBox[data-v-3fd75329]{height:72px}.listBox .namebox[data-v-3fd75329]{padding:0 8px}.barcont[data-v-3fd75329]{width:320px;right:32px;padding:0 12px;border-top-left-radius:14px;border-bottom-left-radius:14px}.barBox[data-v-3fd75329]{overflow:hidden;width:268px;box-sizing:border-box;position:relative;margin-left:16px}.namecont[data-v-3fd75329]{width:44px;height:66px;font-size:13px;line-height:16px;padding:4px 0}.barcont .lricon[data-v-3fd75329]{width:20px;height:72px;top:50%;margin-top:-36px}.barcont .lricon img[data-v-3fd75329]{margin-top:26px}.listBox .sidecont[data-v-3fd75329]{padding:8px 0}.listBox .sidecont li[data-v-3fd75329]{width:58px;height:58px;border-radius:16px}.sidecont li img[data-v-3fd75329]{width:48px;height:48px;background:none}.listBox .righticon[data-v-3fd75329]{width:28px;height:28px;left:-14px;top:50%;margin-top:-14px}.listBox .righticon img[data-v-3fd75329]{width:28px;height:28px}.active[data-v-3fd75329],.listBox .sidecont li[data-v-3fd75329]:hover{background:#f9f9f9;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);border-radius:16px;border:2px solid #000}}li[data-v-0846c3ef],ul[data-v-0846c3ef]{list-style:none}.colorbox[data-v-0846c3ef]{position:absolute;left:50%;transform:translateX(-50%);bottom:60px;text-align:center;background:hsla(0,0%,100%,.8);padding:4px 12px 4px 16px;border-radius:20px;box-shadow:0 2px 12px 0 hsla(0,0%,68%,.5);display:flex;flex-direction:row;justify-content:center;align-items:center}.colorbox b[data-v-0846c3ef]{text-align:left;line-height:16px;font-size:14px;font-weight:500;font-family:Roboto;margin-right:8px}.colorbox span[data-v-0846c3ef]{display:inline-block;width:20px;height:20px;border-radius:16px;background:#999;margin:0 4px;border:3px solid transparent;box-sizing:border-box;transition:all 1s}.colorbox .active[data-v-0846c3ef],.colorbox span[data-v-0846c3ef]:hover{border:2px solid #000;transform:scale(1.2)}@media screen and (min-width:960px) and (max-width:1279px){.colorbox[data-v-0846c3ef]{bottom:40px}.colorbox span[data-v-0846c3ef]{width:14px;height:14px;border-radius:50%;background:#000;margin-left:4px;transition:all 1s;box-sizing:border-box}}body[data-v-e5fc9ffc]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.syBox[data-v-e5fc9ffc]{display:flex;font-family:Roboto}.container[data-v-e5fc9ffc]{display:flex;align-items:center;justify-content:center;width:50%;max-width:1240px;height:100vh}.canvasbox[data-v-e5fc9ffc]{flex:1;display:flex;padding-top:0;align-items:center;justify-content:space-around;flex-direction:column;position:relative}.canvasbox h1[data-v-e5fc9ffc]{font-weight:500;font-size:36px;color:#0a0a0a;line-height:50px;text-align:center;font-style:normal;height:50px}.canvasbox h4[data-v-e5fc9ffc]{font-weight:500;font-size:20px;color:#000;line-height:33px;text-align:cent;font-style:normal;margin:18px 0}.barBtn[data-v-e5fc9ffc]{height:54px;background:#ededed;border-radius:36px;display:flex;justify-content:space-around;align-items:center;padding:0 20px;box-sizing:border-box;margin-bottom:32px}.barBtn .icon[data-v-e5fc9ffc]{width:24px;height:24px;margin:0 4px;box-shadow:inset 0 1px 2px 0 #d8d1ad;border-radius:50%;transition:all .5s;box-sizing:border-box}.barBtn .icon.active[data-v-e5fc9ffc]{transform:scale(1.3);border:1px solid #000;box-shadow:inset 0 1px 4px 0 #fff}.topSide[data-v-e5fc9ffc]{position:fixed;width:100%;top:0;left:0;z-index:19999}.rightSide[data-v-e5fc9ffc]{width:320px;position:fixed;right:0;top:45px;z-index:9999}.leftSide[data-v-e5fc9ffc]{width:320px;position:fixed;left:0;top:45px;z-index:9999}.downbox[data-v-e5fc9ffc]{width:100%;position:fixed;bottom:35px;left:0;z-index:9999}.loading[data-v-e5fc9ffc]{width:400px;position:fixed;top:50%;left:50%;z-index:1;margin-left:-200px;margin-top:-320px;padding:300px 0;background:#f6f6f6;text-align:center;font-size:14px}.loading img[data-v-e5fc9ffc]{width:240px}@media screen and (min-width:2560px) and (max-width:3360px){.container[data-v-e5fc9ffc]{max-width:2040px}canvas[data-v-e5fc9ffc]{max-width:100%}.loading[data-v-e5fc9ffc]{width:1600px;position:fixed;top:50%;left:50%;z-index:1;margin-left:-800px;margin-top:-320px;padding:300px 0;background:#f6f6f6;text-align:center;font-size:14px}.loading img[data-v-e5fc9ffc]{width:440px}}@media screen and (min-width:1920px) and (max-width:2559px){.container[data-v-e5fc9ffc]{max-width:1440px}canvas[data-v-e5fc9ffc]{max-width:100%}.loading[data-v-e5fc9ffc]{width:1600px;position:fixed;top:50%;left:50%;z-index:1;margin-left:-800px;margin-top:-320px;padding:300px 0;background:#f6f6f6;text-align:center;font-size:14px}.loading img[data-v-e5fc9ffc]{width:440px}}@media screen and (min-width:1280px) and (max-width:1439px){.container[data-v-e5fc9ffc]{max-width:960px}canvas[data-v-e5fc9ffc]{max-width:100%}}@media screen and (min-width:768px) and (max-width:1279px){.container[data-v-e5fc9ffc]{max-width:640px}canvas[data-v-e5fc9ffc]{max-width:100%}}body[data-v-6b7a1d50]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m_colorWrap[data-v-6b7a1d50]{display:flex;justify-content:space-evenly;align-items:center}.m_colorBoxTopBox[data-v-6b7a1d50],.m_colorBoxTop[data-v-6b7a1d50]{width:1rem;height:1rem;background:#000;border-radius:1rem;border:.25rem solid #f5f5f5;&.active[data-v-6b7a1d50]{border:1px solid #000;transform:scale(1.1)}}.m_tabTitle[data-v-6b7a1d50]{position:absolute;z-index:9;background-color:#fff;display:flex;box-sizing:border-box;top:3.75rem;left:1rem;justify-content:space-evenly;align-items:center;width:21.4375rem;height:2.75rem;background:#f4f4f4;border-radius:1.375rem}.otherTab[data-v-6b7a1d50]{font-size:1rem;color:#666}.currTab[data-v-6b7a1d50]{font-size:1rem;color:#000;font-weight:700}.m_hFive[data-v-6b7a1d50]{width:100vw;display:flex;font-family:Roboto;flex-direction:column;align-items:center;justify-content:center;.m_bottomBox[data-v-6b7a1d50]{transition:all .3s;display:flex;font-family:Roboto;flex-direction:column;align-items:center;position:fixed;bottom:0;width:100%;height:15.6rem;background:hsla(0,0%,100%,.5);box-shadow:0 -.4rem .5rem rgba(0,0,0,.05);border-radius:0 0 0 0;&.hide[data-v-6b7a1d50]{height:6.5rem}.m_bottomBox_center[data-v-6b7a1d50]{padding:.4rem;box-sizing:border-box;-webkit-scrollbar:none;overflow-x:auto;margin-top:2.2rem;display:flex;font-family:Roboto;flex-direction:row;width:21.125rem;height:4.06rem;background:#f2f2f2;border-radius:.4rem;.m_proBox[data-v-6b7a1d50]{flex-grow:0;flex-shrink:0;margin-right:.75rem;width:3.125rem;height:3.125rem;background:#f9f9f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s;box-sizing:border-box;img[data-v-6b7a1d50]{width:2.8rem;height:2.8rem;background:none}&[data-v-6b7a1d50]:last-child{margin-right:0}}.active[data-v-6b7a1d50]{background:#f9f9f9;box-shadow:0 .1rem .6rem 0 hsla(0,0%,68%,.5);border:.1rem solid #000}}.m_bottomBox_wrap[data-v-6b7a1d50]{margin-top:2.2rem;display:flex;font-family:Roboto;flex-direction:row;.m_proBox[data-v-6b7a1d50]{margin-right:.75rem;width:3.626rem;height:3.626rem;background:#f2f2f2;border-radius:.75rem;font-size:.5rem;display:flex;align-items:center;justify-content:center;font-weight:500;&[data-v-6b7a1d50]:last-child{margin-right:0}}.active[data-v-6b7a1d50]{background:#f9f9f9;box-shadow:0 .1rem .6rem 0 hsla(0,0%,68%,.5);border:.1rem solid #000}}.m_bottomBox_arrow[data-v-6b7a1d50]{position:absolute;top:.5rem;width:1.375rem;height:1.375rem;transform:rotateX(180deg)}}.m_colorTop[data-v-6b7a1d50]{margin-top:.75rem;width:21rem;display:flex;font-family:Roboto;justify-content:space-between;align-items:center;.m_sideBox[data-v-6b7a1d50]{width:4.875rem;height:2.25rem;line-height:2.25rem;background:hsla(0,0%,90%,.4);border-radius:18px 18px 18px 18px}}.m_hSearch[data-v-6b7a1d50]{position:relative;margin-top:.5rem;display:flex;align-items:center;justify-content:center;width:17.5rem;height:2.5rem;background:#fff;border-radius:1.25rem;input[data-v-6b7a1d50]{position:absolute;left:1rem;width:12.4rem;height:2.375rem;border:none;&[data-v-6b7a1d50]:focus{outline:none}}img[data-v-6b7a1d50]{position:absolute;right:1rem;width:1.375rem;height:1.375rem}}}.canvasbox[data-v-6b7a1d50]{transition:all .3s;height:calc(100vh - 24rem);width:100%;&.hide[data-v-6b7a1d50]{height:calc(100vh - 14.9rem)}}.container[data-v-6b7a1d50]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar-container[data-v-0c7185e8]{min-width:260px;height:100vh;transition:all .3s;position:fixed;overflow-y:auto;background:#f5f5f7;right:0;top:0;transition:all .5s;transform:translateX(-500px)}.sidebar-wrapper[data-v-0c7185e8]{height:100%;padding-top:80px}.closeBtn[data-v-0c7185e8]{width:100%;height:80px;position:absolute;top:0;left:0;font-size:18px;color:#6e6d7a;text-align:left;line-height:80px;padding-left:20px;box-sizing:border-box;z-index:1111;background:#f5f5f7}.message-box[data-v-fe773022]{position:fixed;padding:10px 20px;border-radius:4px;top:10px;left:calc(50% - 200px);min-width:360px;font-size:14px;top:-60px;transition:all .3s}.message-box--error[data-v-fe773022]{background-color:#fef0f0;color:#f56c6c;border:1px solid #fde2e2}.message-box--success[data-v-fe773022]{background-color:#f0f9eb;color:#67c23a;min-width:380px;border:1px solid #e1f3d8}.message-box--info[data-v-fe773022]{background-color:#edf2fc;color:#909399;border:1px solid #ebeef5}