@charset "utf-8";
/* CSS Document */

body { -webkit-font-smoothing: antialiased; }
.zbox-popup { position: fixed; z-index: 10000; top: 50%; left: 50%; display: none; overflow: hidden; width: 270px; -webkit-transition-property: -webkit-transform,opacity; transition-property: transform,opacity; -webkit-transform: perspective(1200px) translate3d(-50%,-50%,0) scale(1.2); transform: perspective(1200px) translate3d(-50%,-50%,0) scale(1.2); text-align: center; opacity: 0; color: #000; border-radius: 11px; z-index: 10000; -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-font-smoothing: antialiased; box-shadow: 0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4); }
.zbox-popup.zbox-popup-in { display: block; transition-property: all; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: perspective(1200px) translate3d(-50%,-50%,0) scale(1); transform: perspective(1200px) translate3d(-50%,-50%,0) scale(1); opacity: 1; }
.zbox-popup-inner { position: relative; padding: 15px; border-radius: 11px 11px 0 0; background: rgba(255,255,255,.95); }
.zbox-popup-inner:after { position: absolute; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-color: rgba(0,0,0,.2); }
.zbox-popup-title { font-size: 17px; font-weight: 500; text-align: center; color: #424242; }
.zbox-popup-title + .zbox-popup-text { font-family: inherit; font-size: 14px; margin: 5px 0 0; color: #424242; line-height: 1.75; }
.zbox-popup-buttons { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 44px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.zbox-popup-button { font-size: 15px; line-height: 44px; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 44px; padding: 0 5px; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #FC5455; background: rgba(255,255,255,.95); -webkit-box-flex: 1; }
.zbox-popup-button:first-child:last-child { border-radius: 0 0 3px 3px; }
.zbox-popup-button.zbox-popup-button-bold { font-weight: 600; }
.zbox-popup-button:after { position: absolute; z-index: 15; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: rgba(0,0,0,.2); }
.zbox-popup-backdrop.zbox-active { opacity: 0.4; }
.zbox-popup-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: #000000; }
.zbox-toast-container { position: fixed; z-index: 9999; bottom: 60px; width: 100%; -webkit-transition: opacity .8s; transition: opacity .8s; opacity: 0; left: 0; }
.zbox-toast-container.zbox-active { opacity: 1; }
.zbox-toast-message { font-size: 14px; width: 270px; margin: 5px auto; padding: 5px; text-align: center; color: #000; border-radius: 5px; background-color: #d8d8d8; }
.zbox-load { position: relative; }
.zbox-load img { padding: 10px 50px; }
.zbox-load:after { display: block; content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; background: #000000; opacity: 0.8; left: 0; top: 0; }
.zbox-load p { line-height: 1.5; padding-bottom: 10px; color: #ffffff; }
.zbox-btn-outlined.zbox-btn-blue, .zbox-btn-outlined.zbox-btn-primary { color: #007aff; }

.zbox-btn-outlined { background-color: transparent; }
.zbox-btn-blue, .zbox-btn-primary, input[type=submit] { color: #fff; border: 1px solid #007aff; background-color: #007aff; }
.zbox-btn, button, input[type=button], input[type=reset], input[type=submit] { font-size: 14px; font-weight: 400; line-height: 1.42; position: relative; display: inline-block; margin-bottom: 0; padding: 6px 12px; cursor: pointer; -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; text-align: center; vertical-align: top; white-space: nowrap; color: #333; border: 1px solid #ccc; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff; background-clip: padding-box; }
.zbox-btn { display: block; width: 120px; margin: 10px auto; }
#zchange { width: 44px; height: 44px; display: block; margin: 0 auto; animation: circle1 1.2s infinite linear; -webkit-animation: circle1 1.2s infinite linear; transition: all linear; }

@-webkit-keyframes circle1 {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes circle1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}