.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    display: none;
}
.item_wrap{
    width: 644px;
    background: #cbeebd;
    padding: 2% 0;
    position: absolute;
    left: 50%;
    margin-left: -322px;
}
.weui-grids{
    width: 73%;
    margin: 0 auto;
}
.weui-grid {
    padding: 0;
    -webkit-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -moz-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -o-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -ms-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
}
.weui-grid:before {
    border: 0;
}

.weui-grid:after {
    border: 0;
}

.weui-grids:before {
    border: 0;
}
.weui-grids:after {
    border: 0;
}
a {
    text-align: center;
}
.info {
    display: none;
    margin-top: 13%;
    width: 0;
    height: 136px;
}
.shelter {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.img {
    width: 136px;
    margin-top: 13%;
    height: 136px;
}
.reward_tit{
    display: block;
    margin: 0 auto;
    width: 57%;
}
.exit_btn{
    background: none;
    width: 37%;
    display: block;
    margin: 5% auto 3%;
}
.exit_btn img{
    width: 100%;
}
.tips{
    font-size: 14px;
    color: #000;
    width: 80%;
    margin: 0 auto;
}
.exit_wrap{
    position: absolute;
    width: 64%;
    left: 50%;
    margin-left: -32%;
    top: 40%;
    background: #fff;
    color: #40cc26;
    text-align: center;
    font-size: 24px;
    border-radius: 20px;
    padding: 5% 0;
    display: none;
}
.btn_wrap{
    overflow: hidden;
    width: 80%;
    margin: 8% auto 0;
}
.btn_wrap button{
    background: none;
    float: left;
    width: 36%;
}
.btn_wrap button img{
    width: 100%;
}
.btn_wrap button:last-child{
    float: right;
}
.result{
    font-size: 24px;
    color: #000;
    width: 86%;
    position: absolute;
    left: 50%;
    margin-left: -43%;
    top: 50%;
    display: none;
}
.result strong,
.result a{
    color: #43c928;
    font-weight: 400;
}
.shutdown{
    position: absolute;
    right: 6px;
    top: 7px;
    background: none;
    display: none;
}
@media screen and (max-width: 768px) {
    .item_wrap{
        width: 90%;
        margin-left: -45%;
    }
    .img{
        width: 84%;
    }
    .result{
        font-size: 16px;
        top: 45%;
    }
    .exit_wrap{
        font-size: 16px;
    }
}