@keyframes FokeAnimation{from{top:25%;opacity:0;}to{top:30%;opacity:1;}}
/*********************************************************************************************
*弹出系统提示框信息
**********************************************************************************************/
#FokeMessageMaskter{display:block; clear:both; position:fixed; width:100%;height:100%;top:0px;left:0px; background:rgba(0,0,0,0.10); overflow:hidden;padding:0px; margin:0px; z-index:998;-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;}

#FokeMessageBox{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:12px;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:FokeAnimation;animation-duration:0.3s;-webkit-animation-name:FokeAnimation;-webkit-animation-duration:0.3s;-moz-animation-name:FokeAnimation;-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:#fff solid 12px; outline:none;}

#FokeMessagecaption{ 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:18px; font-weight:600; cursor:pointer;overflow:hidden;border:0px; text-align:center;padding-top:20px;}
#FokeMessageBtn{ display:block; clear:both;padding:10px 10px; margin:0px; background:#fff; 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;}
#FokeMessageBtn #FokeMessageBtnYes{ display:inline-block;padding:10px 20px; font-size:14px;background:#ff8900;color:#fff; 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; font-size:13px; margin-left:8px; border:#ff8900 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;}
#FokeMessageBtn #FokeMessageBtnNo{ display:inline-block;padding:10px 20px; font-size:14px;background:#fff;color:#606266; 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; font-size:13px; margin-left:8px; border:#bebebe 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; letter-spacing:0px;}
#FokeMessageBtnYes:hover{color:#fff;!important;border:#48494c solid 1px; background:#48494c}
#FokeMessageBtnNo:hover{border:#333 solid 1px; !important;color:#333 !important;}
#FokeMessageText{ 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;}
/*********************************************************************************************
*系统自动提醒消息操作区块
**********************************************************************************************/
#FokeNotification{ display:block; clear:both;padding:15px 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:roll;animation-duration:0.3s;-webkit-animation-name:roll;-webkit-animation-duration:0.3s;-moz-animation-name:roll;-moz-animation-duration:0.3s; overflow:hidden;box-shadow:3px 3px 10px #cccccc;-webkit-box-shadow:3px 3px 10px #cccccc;-moz-box-shadow:3px 3px 10px #cccccc;  font-size:15px !important;font-family:'MicrosoftYahei'; letter-spacing:1px;}
@keyframes roll {from{top:24%;opacity:0;}to{top:30%;opacity:1;}}
#FokeNotification[operate="success"]{color:#67c23a;background:#f0f9eb;border:#e2f3d9 solid 1px;}
#FokeNotification[operate="success"]:before{margin-right:12px; content:'\f00c'; display:flex;border-radius:50%; font-family:FontAwesome;color:#fff; text-align:center;font-size:10px; width:14px;height:14px; background:#67c23a;justify-content: center;align-items: center;}
#FokeNotification[operate="error"]{background:#fff6eb;color:#ea7e00;border:#ffedd8 solid 1px;}
#FokeNotification[operate="error"]:before{margin-right:12px; content:'\f00d'; display:flex;border-radius:50%; font-family:FontAwesome;color:#fff; text-align:center;font-size:10px; width:14px;height:14px; background:#ea7e00;justify-content: center;align-items: center;}