.modal{position:fixed;z-index:98;top:0;left:0;width:100%;height:100%;background-color:#000000a8;display:flex;justify-content:center;align-items:center}.modal-header{position:relative}.modal-content{border-radius:12px;box-shadow:0 6px 22px 0 rgba(0,0,0,0.2);background-color:#fff;padding:12px 20px;width:80%;box-sizing:border-box}.modal-title{font-size:20px;color:#0171e3;margin:0;text-align:center;margin-bottom:20px}.modal-text{font-size:16px;text-align:center;font-weight:300;white-space:pre-line}.modal-text--bold{font-weight:bold}.modal-error-tip{color:#c91a1a}.modal-btn{background-color:#0171e3;color:#fff;padding:10px 20px;box-sizing:border-box;transition:background-color .2s ease-in-out;border-radius:10px;flex:1;font-size:14px;margin-left:10px}.modal-btn:hover{background-color:#228af2;color:#fff}.modal-btn:active{background-color:#7fbefe;color:#fff}.modal-btn:disabled{pointer-events:none;border:1px solid #c0c0c0;background-color:#fff;color:#c0c0c0}.modal-btn-cancel{background-color:#0171e3;color:#fff;padding:10px 20px;box-sizing:border-box;transition:background-color .2s ease-in-out;border-radius:10px;flex:1;font-size:14px;background-color:#f3f3f3;color:#000}.modal-btn-cancel:hover{background-color:#228af2;color:#fff}.modal-btn-cancel:active{background-color:#7fbefe;color:#fff}.modal-btn-cancel:disabled{pointer-events:none;border:1px solid #c0c0c0;background-color:#fff;color:#c0c0c0}.modal-btn-cancel:hover{background-color:#228af2;color:#fff}.modal-btn-cancel:active{background-color:#dfdfdf;color:#fff}.modal-error-tip{color:#c91a1a;font-size:14px;text-align:center;margin-top:10px}.modal-footer{display:flex;justify-content:center;align-items:center}.modal-footer--verify{display:flex;flex-direction:column;align-items:stretch}.modal-footer--verify .modal-btn{margin:0;margin-bottom:10px}.modal-footer--verify .modal-btn:disabled{background-color:#888888}.modal--alert{z-index:99}.modal--alert .modal-content{max-width:320px}.modal--alert .modal-footer{margin-top:35px}.modal--verify .modal-content{padding:0;max-width:330px}.modal--verify .modal-header{border-bottom:1px solid #c0c0c0;box-sizing:border-box}.modal--verify .modal-title{color:#000;padding:15px 0 11px 0;margin:0;width:100%;text-align:center;font-weight:bold}.modal--verify .modal-body{padding:11px 22px 35px 22px}.modal--verify .modal-text>span{font-weight:bold}.modal--verify .modal-container{display:flex;justify-content:space-between;align-items:center;margin-top:35px;margin:35px 0 14px 0}.modal--verify .modal-container__verify{flex:1;width:16%;height:45px;border:none;border-bottom:1px solid #c0c0c0;font-size:40px;color:#0171e3;font-weight:bold;text-align:center;padding:0;border-radius:0}.modal--verify .modal-container__verify:not(:last-child){margin-right:9px}.modal--verify .modal-container__verify:focus{outline:none}.modal--verify .modal-tip{text-align:center;font-size:14px;color:#808080}.modal--verify .modal-tip__send{cursor:pointer;color:#0171e3}.modal--verify .modal-tip__send--resend{pointer-events:none;color:#414244}.modal--verify .modal-footer{padding-bottom:15px;padding:0 12px 15px 12px}.modal--coupon .modal-content{padding:0;max-width:330px;padding:20px 0}.modal--coupon .coupon{margin-bottom:35px}.modal--coupon .coupon-content{position:relative;padding:17px 54px 17px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8}.modal--coupon .coupon-content__text{font-size:14px}.modal--coupon .coupon-content__text>span{color:#acacac}.modal--coupon .coupon-content__arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%) rotate(180deg);padding:10px 5px;cursor:pointer;transition:.5s}.modal--coupon .coupon-content__arrow--rotate{transform:translateY(-50%) rotate(0)}.modal--coupon .coupon-serial{transition:.5s;max-height:500px;overflow:hidden}.modal--coupon .coupon-serial--hide{max-height:0}.modal--coupon .coupon-serial__item{padding:12px 0 12px 20px;background-color:#f3f3f3;border-bottom:1px solid #e8e8e8;display:flex;align-items:center}.modal--coupon .coupon-serial__text{font-size:14px;color:#acacac}.modal--coupon .coupon-serial__text>span{margin-left:5px;color:#0171e3}.modal--coupon .coupon-serial__copy{margin-left:10px;cursor:pointer}.modal--bank-alert .modal-content,.modal--coupon-prompt .modal-content{max-width:320px}.modal--bank-alert .modal-footer,.modal--coupon-prompt .modal-footer{margin-top:35px}.modal--upload-bar .modal-content{max-width:330px;height:46px;border-radius:500px;padding:18px}.modal-close{position:absolute;right:15px;top:59%;transform:translateY(-50%);cursor:pointer}.modal-close__svg{width:20px;height:20px}.modal-close__svg-line{stroke:black;stroke-width:2;stroke-linecap:round}.modal--upload .modal-content{padding:0;max-width:330px;padding:20px 0}.modal--upload .modal-footer{margin-top:30px;padding:0 20px;flex-direction:column}.modal--upload .modal-footer .modal-btn{flex:auto;width:100%;margin-bottom:10px;margin-left:0}.modal--upload .modal-footer .modal-btn--label{text-align:center;cursor:pointer}.modal--terms .modal-content{position:relative;padding:0;max-width:400px;padding:20px 0}.modal--terms .modal-footer{margin-top:30px;padding:0 16px}.modal--terms .modal-close{right:15px;top:20px;transform:none}.modal--terms .modal .content-text{padding-left:20px}.modal-upload__title{text-align:center;font-size:20px;color:#0171e3;font-weight:bold;margin:10px 0}.modal-upload__subtitle{text-align:center;font-weight:bold;margin-bottom:10px}.modal-upload__content{padding:0 25px}.modal-camera{position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:0;max-width:500px;height:100%;width:100%;background-color:#fff}.modal-camera__container{position:relative;width:100%;max-width:100%;min-height:100%;margin:0 auto;overflow:hidden;pointer-events:none}.modal-camera__view{width:100%;height:100%}.modal-camera__id-card-frame{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;aspect-ratio:8.57 / 5.4;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 2000px rgba(0,0,0,0.5)}.modal-camera__corner{position:absolute;width:20px;height:20px;border:2px solid #00ff00}.modal-camera__corner--top-left{top:-2px;left:-2px;border-right:none;border-bottom:none}.modal-camera__corner--top-right{top:-2px;right:-2px;border-left:none;border-bottom:none}.modal-camera__corner--bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none}.modal-camera__corner--bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none}.modal-camera__guide-text{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#c8c8c8;font-size:16px;text-align:center;width:100%}.modal-camera__controls{width:80%;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center}.modal-camera__close{position:absolute;top:20px;right:20px;cursor:pointer;z-index:99}.modal-camera__close .modal-close__svg-line{stroke:#fff}.modal-line-tips{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f2f2f2;margin:20px 0 0 -20px;padding:16px 0px;width:calc(100% + 40px);font-size:14px;text-align:center}.modal-line-tips__error{color:#c91a1a;font-weight:bold}.modal-line-tips__link{margin-top:10px;color:#0171e3;cursor:pointer;text-decoration:underline}.coupon-prompt-modal .modal-content{padding:20px 0 0 0}.coupon-prompt-modal .modal-footer{padding:0 12px;display:block}.coupon-prompt-modal .modal-footer>button{width:100%;margin:0 0 12px 0}.coupon-prompt-modal__tip-box{background-color:#f5f5f5;padding:12px 0;margin-bottom:20px}.coupon-prompt-modal__center-text{text-align:center;font-size:14px;margin-bottom:10px}.upload-bar-modal .progress{width:100%;height:10px;background-color:#e8e8e8;border-radius:500px}.upload-bar-modal .progress-bar{width:46%;height:100%;background-color:#3b96dc;border-radius:500px;transition:width 0.5s ease-in-out;position:relative}.upload-bar-modal .progress-icon{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:30px;height:30px;animation:upload-icon-swing 1.5s infinite;transform-origin:center}@media screen and (max-width: 768px){.modal--verify .modal-container__verify{font-size:2rem}.info-select__value{padding:0 21px 0 6px;text-align:center}.info-select>.arrow-icon{right:10px}}@keyframes upload-icon-swing{0%, 100%{transform:translateY(-50%) rotate(0deg)}25%{transform:translateY(-50%) rotate(20deg)}75%{transform:translateY(-50%) rotate(-20deg)}}