/*首次弹框样式 start ===========================================*/
.special-offer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 99999;
}

.special-offer .overlay{
    position: fixed;
    width: 100%;
    height: 100%;
}

.special-offer > .content{
    width:436px;
    height:436px;
    margin-left:-218px;
    margin-top:-290px;
    position:absolute;
    left:50%;
    top:50%;
    background-image: url(../images/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.special-offer > .content > .timer{
    position:absolute;
    top: 288px;
    left:149px;
    color: #333333;
    font-size:12px;
}

.special-offer > .content > .btn-receive{
    height: 46px;
    width: 210px;
    position:absolute;
    top:316px;
    left:113px;
    opacity: 0.01;
    cursor: pointer;
}

.special-offer > .content > .btn-reject{
    height: 20px;
    width: 60px;
    position:absolute;
    top:373px;
    left:187px;
    opacity: 0.01;
    cursor: pointer;
}


/*首次弹框样式 end ===========================================*/




/*同意弹框样式 start ===========================================*/
.special-offer > .receive{
    width:436px;
    height:436px;
    margin-left:-218px;
    margin-top:-290px;
    position:absolute;
    left:50%;
    top:50%;
    background-image: url(../images/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}

.special-offer > .receive > .timer{
    position:absolute;
    top: 256px;
    left:150px;
    color: #333333;
    font-size:12px;
}

.special-offer > .receive > .btn-use{
    height: 50px;
    width: 220px;
    position: absolute;
    top: 296px;
    left: 108px;
    opacity: 0.01;
    cursor: pointer;
}
/*同意弹框样式 end ===========================================*/






/*拒绝弹框样式 start ===========================================*/
.special-offer > .reject{
    width:436px;
    height:436px;
    margin-left:-218px;
    margin-top:-290px;
    position:absolute;
    left:50%;
    top:50%;
    background-image: url(../images/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
    z-index: 999999;
}

.special-offer > .reject > .timer{
    position:absolute;
    top: 256px;
    left:150px;
    color: #333333;
    font-size:12px;
}

.special-offer > .reject > .btn-think{
    height: 50px;
    width: 220px;
    position: absolute;
    top: 288px;
    left: 108px;
    opacity: 0.01;
    cursor: pointer;
}

.special-offer > .reject > .btn-leave{
    height: 20px;
    width: 60px;
    position: absolute;
    top: 352px;
    left: 187px;
    opacity: 0.01;
    cursor: pointer;
}
/*拒绝弹框样式 end ===========================================*/