@keyframes blink{from{opacity:1;}to{opacity:0;}}@keyframes blink_1{0%{opacity:0;}50%{opacity:.5;}100%{opacity:1;}}@keyframes rotatexuan{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.modal{display:none;justify-content:center;align-items:center;position:fixed;z-index:3;left:0;top:0;width:0%;height:0%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.84);transition:all ease-in-out 300ms;}.modal.open{display:flex;width:100%;height:100%;z-index:1000;}.modal .modal_content{width:810px;height:348px;border:3px solid #db8721;border-radius:56px;background:#fecc5c;padding:10px;}.modal .modal_content .modal_box{border:3px solid #db8721;border-radius:48px;background:#fffbed;width:100%;height:100%;padding:70px 80px 50px;text-align:center;}.modal .modal_content p{font-family:"Raleway-ExtraBold";font-size:32px;line-height:48px;letter-spacing:.64px;color:#000;}.modal .modal_content .modal_btn{display:flex;align-items:center;justify-content:center;margin-top:35px;}.modal .modal_content #confirmBtn{width:238px;height:72px;margin:0 10px;border-radius:35px;border:2px solid #db8721;background:#fbc352;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.modal .modal_content #confirmBtn .colour_icon7{width:100%;position:absolute;bottom:-3px;opacity:.1;z-index:0;height:46px;}.modal .modal_content #confirmBtn img{width:auto;height:42px;z-index:1;}.modal .modal_content #confirmBtn:hover{cursor:url(../images/hand_cursor.svg),auto;animation:fade_1 1s linear;}.modal .modal_content #cancelBtn{width:238px;height:72px;margin:0 10px;border-radius:35px;border:2px solid #7b8800;display:flex;align-items:center;justify-content:center;background:#bfcb44;position:relative;overflow:hidden;}.modal .modal_content #cancelBtn .colour_icon7{width:100%;position:absolute;bottom:-3px;opacity:.1;z-index:0;}.modal .modal_content #cancelBtn img{width:auto;height:42px;z-index:0;}.modal .modal_content #cancelBtn:hover{cursor:url(../images/hand_cursor.svg),auto;animation:fade_1 1s linear;}.done{display:none;justify-content:center;align-items:center;position:fixed;z-index:3;left:0;top:0;width:0%;height:0%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.84);transition:all ease-in-out 300ms;}.done .done_box{width:631px;height:450px;position:relative;background:url(../images/done_icon2.svg) no-repeat;background-size:100%;}.done .done_box .done_close{width:63px;height:63px;position:absolute;top:33px;right:-15px;}.done .done_box .done_close:hover{cursor:url(../images/hand_cursor.svg),auto;animation:rotatexuan 1s linear;}.done .done_box .done_top{width:460px;text-align:center;height:100%;position:absolute;top:0;left:48.5%;transform:translateX(-50%);}.done .done_box .done_top .done_icon1{width:100%;position:absolute;top:-34%;left:50%;transform:translateX(-50%);}.done .done_box .done_top .done_txt{color:#ffe7e2;font-family:"Raleway-ExtraBold";font-size:32px;line-height:56px;letter-spacing:.64px;position:relative;left:16px;top:-6px;}.done .done_box .done_content{width:631px;height:401px;background:url(../images/done_icon2.svg) no-repeat;background-size:100%;padding-top:100px;}.done .done_box .done_content .done_icon_box{width:168px;margin:0 auto;height:228px;position:relative;margin:0 auto 16px;}.done .done_box .done_content .done_icon_box .done_xing{width:58px;height:auto;position:absolute;right:-40px;top:9px;opacity:0;}.done .done_box .done_content .done_icon_box .done_aixin{width:22px;height:20px;position:absolute;left:-28px;bottom:30px;opacity:0;}.done .done_box .done_content .done_icon_box .done_aixin1{width:32px;height:28px;position:absolute;left:-32px;bottom:-2px;opacity:0;}.done .done_box .done_content .done_icon3,.done .done_box .done_content .done_icon3_1{width:168px;height:228px;}.done .done_box .done_content .done_icon3_1{opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%);}.done .done_box .done_content p{color:#000;font-family:"Raleway-ExtraBold";font-size:22px;line-height:26px;letter-spacing:.5px;text-align:center;width:87%;margin:0 auto;}.done .done_box .done_content .done_share{display:flex;position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);}.done .done_box .done_content .done_share a{display:block;width:64px;height:53px;margin:0 10px;}.done .done_box .done_content .done_share a img{width:100%;}.done .done_box .done_content .done_share a:hover img{cursor:url(../images/hand_cursor.svg),auto;animation:fade_1 1s linear;}.done .done_box .done_content .done_share .download{position:relative;transition:all ease-in-out 300ms;}.done .done_box .done_content .done_share .download .download_txt{color:#000;font-family:"Raleway-ExtraBold";font-size:16px;line-height:18px;Width:253px;Height:55px;background:url(../images/txt_box.svg) no-repeat;background-size:100%;line-height:63px;opacity:0;display:none;text-align:center;position:absolute;top:64px;left:-6px;transition:display ease-in-out 300ms;}.done .done_box .done_content .done_share .download:hover .download_txt{opacity:1;display:block;}.done.open{width:100%;height:100%;display:flex;}.done.open .done_content .done_icon_box .done_xing,.done.open .done_content .done_icon_box .done_aixin1,.done.open .done_content .done_icon_box .done_aixin{animation:blink_1 2s forwards;animation-delay:2s;}.done.open .done_content .done_icon3{animation:blink 3s forwards;}.done.open .done_content .done_icon3_1{animation:blink_1 2s forwards;animation-delay:2s;}.done .done_num{color:#fff;font-family:"Raleway-ExtraBold";font-size:24px;line-height:26px;position:absolute;right:24px;bottom:-28px;letter-spacing:.5px;}.done .done_num .currentnum{font-family:"Raleway-Bold";color:#ffa500;}.preview{display:flex;align-items:center;gap:1.5rem;position:absolute;z-index:3;top:50%;transform:translate(-100%,-50%);transition:transform ease-in-out 300ms;}.preview .pre_txt_box{width:757px;height:284px;border:5px solid #ff615a;border-radius:44px;background:rgba(253,244,227,.9490196078);padding:62px 110px;text-align:center;font-family:"Raleway-ExtraBold";font-size:25px;line-height:32px;color:#f15952;display:none;flex-direction:column;align-items:center;}.preview .pre_txt_box .cursor_pen{width:64px;height:65px;margin-bottom:30px;}.preview__btn{position:relative;top:0;left:55px;transform:none;overflow:hidden;width:85px;height:72px;background:none;border:0;}.preview__btn .puzzle_ori{width:80px;height:auto;position:relative;left:0;}.preview__btn .puzzle_right{width:14px;height:24px;position:absolute;top:50%;right:25%;transform:translateY(-50%);}.preview__btn .puzzle_right2{width:14px;height:24px;position:absolute;top:50%;right:37%;transform:translateY(-50%);}.preview__btn:hover{animation:fade_1 1s linear;cursor:url(../images/hand_cursor.svg),auto;}@media screen and (min-width:1600px){.preview__btn{width:5.313vw;height:4.5vw;left:3.438vw;}.preview__btn .puzzle_ori{width:5.313vw;left:-.5vw;}.preview__btn .puzzle_right{width:.875vw;height:1.5vw;}.preview__btn .puzzle_right2{width:.875vw;height:1.5vw;}}.preview .pre_txt{Height:43px;color:#fff;font-family:"Raleway-ExtraBold";font-size:16px;line-height:22px;position:absolute;left:173%;top:20%;width:129px;opacity:1;}@media screen and (min-width:1600px){.preview .pre_txt{Height:2.688vw;font-size:1vw;line-height:1.375vw;width:8.063vw;}}.preview.view{width:105%;height:100%;transform:translate(0%,-50%);padding:0;left:-3%;z-index:4;}.preview.view .pre_txt_box{display:flex;}.preview.view .open{left:-3.5%;}.preview.view .open .puzzle_ori{left:0;}.preview.view .open .puzzle_right{right:27%;transform:translateY(-50%) rotate(180deg);}.preview.view .open .puzzle_right2{right:39%;transform:translateY(-50%) rotate(180deg);}.preview.view .pre_txt{opacity:0;}@media screen and (min-width:1600px){.modal .modal_content{width:50.625vw;height:21.75vw;border:.188vw solid #db8721;border-radius:3.5vw;padding:.63vw;}.modal .modal_content .modal_box{border:.188vw solid #db8721;border-radius:3vw;padding:4.375vw 5vw 3.125vw;}.modal .modal_content p{font-size:2vw;line-height:3vw;letter-spacing:.04vw;}.modal .modal_content .modal_btn{margin-top:2.188vw;}.modal .modal_content #confirmBtn{width:14.875vw;height:4.5vw;margin:0 .63vw;border-radius:2.188vw;border:.125vw solid #db8721;}.modal .modal_content #confirmBtn .colour_icon7{bottom:-.188vw;height:2.875vw;}.modal .modal_content #confirmBtn img{width:auto;height:2.63vw;}.modal .modal_content #cancelBtn{width:14.875vw;height:4.5vw;margin:0 .63vw;border-radius:2.188vw;border:.125vw solid #7b8800;}.modal .modal_content #cancelBtn .colour_icon7{bottom:-.188vw;}.modal .modal_content #cancelBtn img{width:auto;height:2.63vw;}.done .done_box{width:39.438vw;height:28.125vw;}.done .done_box .done_close{width:3.938vw;height:3.938vw;top:2.063vw;right:-.938vw;}.done .done_box .done_top{width:28.75vw;}.done .done_box .done_top .done_txt{font-size:2vw;line-height:3.5vw;letter-spacing:.04vw;position:relative;left:1vw;top:-.25vw;}.done .done_box .done_content{width:39.438vw;height:25.063vw;padding-top:6.25vw;}.done .done_box .done_content .done_icon_box{width:10.5vw;height:14.25vw;margin:0 auto .575vw;}.done .done_box .done_content .done_icon_box .done_xing{width:3.625vw;height:auto;position:absolute;right:-2.5vw;top:.563vw;opacity:0;}.done .done_box .done_content .done_icon_box .done_aixin{width:1.375vw;height:1.25vw;left:-1.75vw;bottom:1.875vw;}.done .done_box .done_content .done_icon_box .done_aixin1{width:2vw;height:1.75vw;left:-2vw;bottom:-.125vw;}.done .done_box .done_content .done_icon3,.done .done_box .done_content .done_icon3_1{width:10.5vw;height:14.25vw;}.done .done_box .done_content p{font-size:1.5vw;line-height:1.738vw;}.done .done_box .done_content .done_share{bottom:-.938vw;}.done .done_box .done_content .done_share a{width:4vw;height:3.313vw;margin:0 .63vw;}.done .done_box .done_content .done_share .download .download_txt{font-size:1vw;line-height:1.125vw;Width:15.813vw;Height:3.438vw;line-height:3.938vw;top:4vw;left:-.375vw;}.done .done_num{font-size:1.5vw;line-height:1.625vw;position:absolute;right:1.5vw;bottom:-1.5vw;letter-spacing:.031vw;}}@media screen and (min-width:1800px){.done .done_num{bottom:-1.75vw;}}@media screen and (max-width:1480px){.preview .pre_txt{font-size:15px;left:175%;top:20%;}.preview__btn{left:50px;width:80px;height:69px;}.done .done_box .done_content p{font-size:21px;}}@media screen and (max-width:960px){.done .done_box{width:393px;height:441px;position:relative;background:url(../images/done_icon2_mb.svg) no-repeat;background-size:100%;display:flex;align-items:center;justify-content:center;}.done .done_box .done_top{width:403px;left:48%;top:-10%;height:135px;transform:translate(-50%,-6%);}.done .done_box .done_top .done_icon1{width:100%;position:absolute;top:-9%;left:52%;transform:translateX(-50%);content:url(../images/done_icon1mb.svg);}.done .done_box .done_close{width:63px;height:63px;position:absolute;top:-20px;right:0;z-index:3;}.done .done_box .done_content{width:373px;height:415px;background:url(../images/done_icon2_insidemb.svg) no-repeat;background-size:100%;padding-top:50px;}.done .done_box .done_content p{font-size:18px;line-height:22px;letter-spacing:0;width:80%;text-align:center;margin:0 auto;}.done .done_box .done_content .done_icon_box{margin:0 auto 20px;}.done .done_num{left:50%;right:auto;transform:translateX(-50%);bottom:-55px;}.modal .modal_content{width:92%;height:auto;max-width:600px;}.modal .modal_content .modal_box{padding:30px 20px 20px;}.modal .modal_content p{font-size:24px;line-height:30px;}.modal .modal_content p span{display:block;width:100%;height:13px;}.modal .modal_content .modal_btn{flex-wrap:wrap;}.modal .modal_content #confirmBtn,.modal .modal_content #cancelBtn{width:188px;height:57px;margin-bottom:20px;}.modal .modal_content #confirmBtn .colouryes{z-index:1;}.modal .modal_content #cancelBtn .colourno{z-index:1;}}@media screen and (max-width:680px){.done .done_box .done_content .done_share .download .download_txt{background:url(../images/txt_box_mb.svg) no-repeat;background-size:100%;Width:141px;Height:78px;line-height:22px;padding-top:21px;}.done .done_box .done_content p{font-size:16px;}.done.open{z-index:1000;}}@media screen and (max-width:480px){.done .done_box{width:362px;height:417px;}.done .done_box .done_top{width:371px;}.done .done_box .done_content{width:343px;height:394px;}.done .done_box .done_content .done_icon_box{width:156px;height:216px;}.done .done_box .done_content .done_icon_box .done_icon3,.done .done_box .done_content .done_icon_box .done_icon3_1{width:148px;height:213px;}}