#header-oct{position:relative;background:#000}#header-oct .container{-webkit-box-pack:left;-moz-box-pack:left;-ms-flex-pack:left;justify-content:left}.ft-btm{border-top:none;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.cancel{padding:100px 0 120px;background:#000;height:calc(100vh - 160px)}@media (max-height:900px){.cancel{height:100%}}.cancel-dailog{margin:0 auto;width:480px;min-height:400px;padding:40px;border-radius:16px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);position:relative}.cancel-dailog.loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:#000;z-index:1}.cancel-dailog.loading::after{z-index:2;content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:48px;height:48px;border:4px solid #fcfbfb;border-top-color:#2258F6;border-radius:50%;-webkit-animation:spin1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@keyframes spin{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}.cancel .title{font-size:24px;font-weight:bold}.cancel .desc{margin:16px 0 32px;font-size:16px;line-height:1.5}.cancel .title2{font-weight:bold;margin-bottom:20px}.cancel .b-group{margin-top:32px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.cancel .jp .btn{font-size:12px}.cancel .de .btn,.cancel .fr .btn,.cancel .it .btn{font-size:14px}.cancel .btn{width:196px;height:56px;line-height:56px;border-radius:8px;font-size:16px;font-weight:bold}.cancel .btn-submit{background:#2258F6}.cancel .btn-submit:hover{background-color:#0056b3}.cancel .btn-submit:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.cancel .btn-cancel{border:1px solid #2258F6;color:#2258F6;background:#fff}.cancel .btn-cancel:disabled{cursor:not-allowed;opacity:.6}.cancel .custom-select{position:relative;display:inline-block;width:100%}.cancel .select-selected{position:relative;background-color:#fff;padding:12px 16px;border:1px solid #E6E8E9;border-radius:8px;cursor:pointer;font-size:16px}.cancel .select-selected::after{content:"";position:absolute;right:16px;top:15px;width:16px;height:16px;background:url(/resources/images/cancel-sub/arr.png) center;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.cancel .select-selected.active{border:1px solid #2258F6;border-radius:8px 8px 0 0}.cancel .select-selected.active::after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.cancel .select-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;background-color:#fff;border:1px solid #E6E8E9;border-top:none;border-radius:0px 0px 8px 8px;z-index:1;width:100%}.cancel .select-items div{color:black;padding:6px 16px;cursor:pointer}.cancel .select-items div:last-child{border-radius:0px 0px 8px 8px}.cancel .select-items div:hover{background-color:#2258F6;color:#fff}.cancel .select-hide{display:none}.cancel .other-input{display:none;margin-top:16px;font-size:14px;width:100%;padding:16px;border:1px solid #E6E8E9;border-radius:8px;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.cancel .other-input:focus{outline:none;border-color:#2258F6}.cancel .other-input::-webkit-input-placeholder{color:#999}.cancel .other-input::-moz-placeholder{color:#999}.cancel .other-input:-ms-input-placeholder{color:#999}.cancel .other-input::-ms-input-placeholder{color:#999}.cancel .other-input::placeholder{color:#999}.error-dailog{margin:0 auto;width:480px;min-height:290px;padding:42px;text-align:center;border-radius:16px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);box-shadow:0 10px 20px 0 rgba(0,0,0,0.05)}.error-dailog .title{margin-top:35px}.error-dailog .desc{font-size:14px;margin-bottom:0}.error-dailog a{color:#2258F6}.success-dailog{margin:0 auto;width:490px;min-height:290px;text-align:center;padding:42px;border-radius:16px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);box-shadow:0 10px 20px 0 rgba(0,0,0,0.05)}.success-dailog .title{margin-top:35px}.success-dailog .desc{margin-bottom:16px;font-size:14px}.success-dailog .btn{margin-bottom:16px;width:400px;height:56px;line-height:56px;font-weight:bold;color:#fff;background:#2258F6;border-radius:8px}.success-dailog .tips{padding:0 6px;font-size:12px;color:#444;text-align:left}.thank-dailog{margin:0 auto;width:490px;min-height:360px;text-align:center;padding:60px 40px;border-radius:16px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);box-shadow:0 10px 20px 0 rgba(0,0,0,0.05)}.thank-dailog .title{margin-top:35px}.thank-dailog .desc{margin-bottom:0px;font-size:14px}.renew-dailog{margin:0 auto;width:490px;min-height:370px;text-align:center;padding:40px;border-radius:16px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);box-shadow:0 10px 20px 0 rgba(0,0,0,0.05);text-align:left;position:relative}.renew-dailog .desc{margin-bottom:20px}.renew-dailog .btn{margin-top:28px;margin-bottom:0px;width:400px;height:56px;line-height:56px;font-weight:bold;color:#fff;background:#2258F6;border-radius:8px}.renew-dailog .btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.renew-dailog.loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:#000;z-index:1}.renew-dailog.loading::after{z-index:2;content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:48px;height:48px;border:4px solid #e4e4e4;border-top-color:#2258F6;border-radius:50%;-webkit-animation:spin1s linear infinite;animation:spin 1s linear infinite}
/*# sourceMappingURL=./cancel-subscription.css.map */