﻿@keyframes FokeAnimation{from{top:25%;opacity:0;}to{top:30%;opacity:1;}}
/*********************************************************************************************
*弹出系统提示框信息
**********************************************************************************************/
#FokeAlertMsker{display:block; clear:both; position:fixed; width:100%;height:100%;top:0px;left:0px; background:rgba(0,0,0,0.25); overflow:hidden;padding:0px; margin:0px; z-index:9999;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#FokeAlertBox{display:block; clear:both;margin:0px;padding:0px; background:#fff; overflow:hidden;left:50%;top:30%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); position:absolute; border-radius:4px;min-width:360px;max-width:680px; font-family:MisoftYahei;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;opacity:1;animation-name:FormAnimation;animation-duration:0.3s;-webkit-animation-name:FormAnimation;-webkit-animation-duration:0.3s;-moz-animation-name:FormAnimation;-moz-animation-duration:0.3s;box-shadow:3px 3px 10px #222;-webkit-box-shadow:3px 3px 10px #222;-moz-box-shadow:3px 3px 10px #222; border:#333 solid 12px; outline:none;}
#FokeAlertTitle{ display:block; clear:both;padding:10px; margin:0px;overflow:hidden;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#333; font-size:14px; font-weight:600; cursor:pointer; background:#eee;overflow:hidden;border:0px;border-bottom:#aaa solid 1px;}
#FokeAlertText{ display:block; clear:both;padding:30px 50px; font-size:14px; line-height:20px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; background:#fff;}
#FokeAlertIcon{ display:block; clear:both;padding-top:20px; text-align:center;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; overflow:hidden;}
#FokeAlertBtn{ display:block; clear:both;padding:10px 10px; margin:0px; background:#fff; text-align:right; background:#eee; border-top:#aaa solid 1px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#FokeAlertOK{ display:inline-block;padding:7px 20px; font-size:14px;background:#efefef;color:#48494c; border-radius:0px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; letter-spacing:3px; font-size:13px; margin-left:8px; border:#48494c solid 1px; border-radius:3px; cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#FormAlertNO{ display:inline-block;padding:7px 20px; font-size:14px;background:#fafafa;color:#48494c; border-radius:0px;-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; letter-spacing:3px; font-size:13px; margin-left:8px; border:#e7e9ee solid 1px; border-radius:3px; cursor:pointer;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#FokeAlertOK:hover{color:#fff;!important;border:#48494c solid 1px; background:#48494c}
#FormAlertNO:hover{color:#fff;!important;border:#606060 solid 1px; background:#606060}

#AltTips{ display:block; clear:both;padding:12px 10px;padding-left:36px;background:#000;position:fixed;left:50%;top:30%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; border-radius:8px;color:#fff;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;opacity:1;animation-name:FokeAnimation;animation-duration:0.3s;-webkit-animation-name:FokeAnimation;-webkit-animation-duration:0.3s;-moz-animation-name:FokeAnimation;-moz-animation-duration:0.3s; overflow:hidden;box-shadow:3px 3px 10px #bbb;-webkit-box-shadow:3px 3px 10px #bbb;-moz-box-shadow:3px 3px 10px #bbb; font-size:14px;font-family:'MicrosoftYahei';z-index:9999 !important;}
#AltTips[operate="success"]{ background:#f0f9eb;color:#67c23a;border:#e1f3d8 solid 1px;}
#AltTips[operate="success"]:before{ content:'\e79c'; display:block;border-radius:50%; float:left; position:absolute;left:13px;top:14px;; font-family:element-icons;width:16px;height:16px; background-size:cover;text-align:center; line-height:16px; font-size:18px; font-weight:100;}
#AltTips[operate="error"]{background:#fef0f0;color:#f56c6c;border:#fde2e2 solid 1px;}
#AltTips[operate="error"]:before{ content:'\e79d'; display:block;border-radius:50%; float:left; position:absolute;left:13px;top:14px;; font-family:element-icons;width:16px;height:16px; background-size:cover;text-align:center; line-height:16px; font-size:18px; font-weight:100;}
#AltTips[operate="warning"]{background:#fdf6ec;color:#e6a23c;border:#fde2e2 solid 1px;}
#AltTips[operate="warning"]:before{ content:'\e7a1'; display:block;border-radius:50%; float:left; position:absolute;left:13px;top:14px;; font-family:element-icons;width:16px;height:16px; background-size:cover;text-align:center; line-height:16px; font-size:18px; font-weight:100;}
#AltTips[operate="alert"]{background:#fef0f0;color:#f56c6c;border:#fde2e2 solid 1px;}
#AltTips[operate="alert"]:before{ content:'\e79d'; display:block;border-radius:50%; float:left; position:absolute;left:13px;top:14px;; font-family:element-icons;width:16px;height:16px; background-size:cover;text-align:center; line-height:16px; font-size:18px; font-weight:100;}
