@charset "utf-8";
body{ -webkit-font-smoothing: antialiased; }

/*alert、confirm 弹窗*/
.zbox-popup{ /*对话框主要层*/ position: fixed; top: 50%; left: 50%; width: 270px; color: #000; text-align: center; border-radius: 3px;  opacity: 0; display: none; overflow: hidden; z-index: 1000000; 
-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); -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; }
	.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; border-radius: 3px 3px 0 0; background-color:#fff; /*background: rgba(255,255,255,.95);*/ }
	.zbox-popup-inner:after { position: absolute; z-index: 1000001; 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 { height:40px; line-height:40px; font-size:16px; font-weight: 500; text-align: center; color: #4a4a4a; background-color:#f9f9f9; overflow:hidden;}
	/*内容*/
	.zbox-popup-title+.zbox-popup-text { line-height: 1.75; margin: 5px 0 0; padding:10px; font-family: inherit; font-size: 16px; color: #4a4a4a; }
	/*按钮*/
	.zbox-popup-buttons { position: relative; height: 44px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
	.zbox-popup-button { position: relative; width: 100%; height: 44px; line-height: 44px; padding: 0 5px; font-size: 14px; color:#fd9e09; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; display: block; box-sizing: border-box; background-color:#fff; /*background: rgba(255,255,255,.95);*/ -webkit-box-flex: 1; overflow: hidden; }
	.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; top: 0; right: 0; bottom: auto; left: auto; width: 1px; height: 100%; background-color: rgba(0,0,0,.2); display: block; z-index: 1000001; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
	/*遮罩层*/
	.zbox-popup-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); opacity: 0; z-index: 999999; -webkit-transition-duration: 400ms; transition-duration: 400ms; }
	.zbox-popup-backdrop.zbox-active { opacity: 1; }

/*文本提示*/
.zbox-toast-container{ position:fixed; width:100%; height:100%; text-align:center; vertical-align:middle; align-items: center; justify-content: center; background-color:rgba(0, 0, 0, 0.1);  box-sizing: border-box; z-index:9999; }
	.zbox-toast-container.zbox-active{opacity:1}
	/*内容显示区样式*/
	.zbox-toast-message{ position:absolute; top:50%; left:50%; width:auto; max-width:90%; height: auto; max-height:90%; margin:0 auto; padding:20px; transform: translate(-50%, -50%); /* 根据容器大小调整位置 */ font-size:14px; color:#fff; text-align:center; table-layout:fixed; word-break:break-all; border-radius:5px; background-color:rgba(0, 0, 0, 0.7); border:1px fff solid; box-sizing:border-box; display:table; }
	.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] { position: relative; line-height: 1.42; margin-bottom: 0; padding: 6px 12px; font-size: 14px; font-weight: 400; color: #333; white-space: nowrap; text-align: center; vertical-align: top; cursor: pointer; border: 1px solid #ccc; border-radius: 3px; display: inline-block; 
-webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; 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) ;}
}