@CHARSET "UTF-8";

html,body{
	height: 100%;
}

.prompt-box{
    height: 61px;
    font-size: 16px;
    color: #fff;
    padding: 15px 40px 0 40px;
    border-radius: 0 0 5px 5px;
    /*min-width: 187px;*/
    display: inline-block;
}
.prompt-container{
    overflow: hidden;
    display: inline-block;
    position: absolute;
}
.prompt-mask{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
.prompt-confirm{
    display: inline-block;
    width: 300px;
}
.confirm-height{
    /* height:97px; */
}
.prompt-confirm .confirm-header{
    /* height: 61px; */
    background-color: rgba(254,55,38,0.85);
    font-size: 16px;
    color: #fff;
    padding: 15px 40px 15px 40px;
    width: 100%;
    display: inline-block;
    text-align: center;
}
.prompt-confirm .confirm-footer{
    overflow: hidden;
    border-bottom: 1px solid rgb(240,158,159);
    border-radius: 0 0 5px 5px;
}
.prompt-confirm .prompt-box-icon{
    background: transparent url('./image/icon_xjq.png') center center;
}
.confirm-btn{
    width: 50%;
    height: 35px;
    background-color: rgba(244,105,90,0.85);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
}
.confirm-btn:hover{
    background-color: rgba(244,105,90,0.6);
}
.confirm-btn:active{
    background-color: rgba(244,105,90,1);
}
.confirm-btn.btn-cancel{
    border-left: 1px solid #fff;
}
.prompt-box-icon{
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.prompt-succ{
    background-color: rgba(8,156,76,0.85);
}
.prompt-succ .prompt-box-icon{
    background: transparent url('./image/icon_pjcg.png') center center;
}
.prompt-fail,.prompt-alarm{
    background-color: rgba(254,55,38,0.85);
}
.prompt-fail .prompt-box-icon{
    background: transparent url('./image/icon_pjsb.png') center center;
}
.prompt-alarm .prompt-box-icon{
    background: transparent url('./image/icon_xjq.png') center center;
}
.prompt-loding{
    background-color: #fff;
    padding-top: 10px;
    border: 1px solid #0078d7;
}
.prompt-loding .prompt-box-text{
    color:#0078d7;
    font-size: 18px;
}
.prompt-loding .prompt-box-icon{
    background: transparent url('./image/loading.gif') center center;
    width: 39px;
    height: 39px;
}
.prompt-succ .prompt-box-text,
.prompt-fail .prompt-box-text,
.prompt-confirm .prompt-box-tsext,
.prompt-alarm .prompt-box-text{
    display: inline-block;
    /* height: 32px; */
    line-height: 32px;
    vertical-align: middle;
    font-size: 18px;
}
.prompt-confirm .prompt-box-text{
    max-width: 162px;
    /* overflow: hidden; */
}
.prompt-show{
    -webkit-animation-name: card-drop;
    animation-name: card-drop;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}
.prompt-hide{
    -webkit-animation-name:box-display;
    animation-name: box-display;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.prompt-slideup{
    -webkit-animation-name:card-out;
    animation-name:card-out;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.prompt-btn-close{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background:transparent  url(./image/dialog_btn.png) no-repeat -15px center;
}
/*上测飞入动画*/
@-webkit-keyframes card-drop {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
@keyframes card-drop {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
@-webkit-keyframes card-out {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)    
    }
}
@keyframes card-out {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)    
    }
}

@keyframes box-display {
    0% {
        opacity:1
    }

    100% {
        opacity:0 
    }
}
@-webkit-keyframes box-display {
    0% {
        opacity:1
    }

    100% {
        opacity:0 
    }
}

.prompt-shining {
  animation-name: shining;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-name: shining;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes shining {
  0% {
    box-shadow:0px 0px 2px rgba(204,0,0,1)
  }
  20% {
    box-shadow:none;
  }
  40% {
    box-shadow:0px 0px 2px rgba(204,0,0,1)
  }
  60% {
    box-shadow:none
  }
  80% {
    box-shadow:0px 0px 2px rgba(204,0,0,1)
  }
  100% {
    box-shadow:none
  }
}
@keyframes shining {
  0% {
    box-shadow:0px 0px 2px rgba(204,0,0,1)
  }
  33% {
    box-shadow:none;
  }
  66% {
    box-shadow:0px 0px 2px rgba(204,0,0,1)
  }
  100% {
    box-shadow:none
  }
}

