wpfw_ewei_shopv2/plugin/lottery/static/style/mobilegrid.css

.lottery-content{
    background: url("../images/bg-pan.png");
    background-size: 100% 100%;
}
.lottery-title{
    height: 3rem;
}

.lottery{
    font-family: '微软雅黑';
    position: relative;
    overflow: hidden;
}

/*grid start*/
.grid * {
    margin: 0;
    padding: 0;

}

.grid {
    position: relative;
    width: 17rem;
    height: 17rem;
    background: #ff7a19;
    transition: transform 6s;

    margin: 0 auto;
}

.grid ul {
    list-style: none;
    position: relative;
}

.grid-light li i {
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: #fbf087;
    border-radius: 50%;
}

.grid-light li i:nth-child(2n) {
    background: #ffffff;
}
.grid-row{
    position: absolute;
    background-color: #d80015;
    width: 14.5rem;
    height: 14.5rem;
    top: 25px;
    left: 25px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align: center;
}
.grid-block{
    width:4.5rem;
    height: 4.5rem;
    background: #ffeeee;
    position: relative;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.start-block{
    width:4.5rem;
    height: 4.5rem;
    background: #ffeeee;
    position: relative;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.start-div{
    background-color: #ffe400;
}

.start-btn{
    width: 100%;
    height: 3.7rem;
    background-color: #ffe400;
    color: #f4281b;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.9rem;
    cursor:pointer;
}
.icon-p{
    padding: 0.2rem;
}
.text-p{
    font-size: 20px;
    color: #6c2423;
}
.grid-selected{
    background: #ffe400;
}
/*gird end*/

.mytabrow{
    width: 100%;
    margin-top: 20px;
}
.mytab{
    font-family: 微软雅黑;
    width: 80%;
    margin: 0 auto;
}
.mytab .fui-tab{
    margin: 0;
    background: #1695a4;
    color: #ffffff;
}
.fui-tab.fui-tab-default a {
    color: #ffffff;
}
.fui-tab.fui-tab-default a.active {
     color: #ffffff;
    background: #0c7784;
     border: none;
    z-index: 100;
}
.reward_p{
    color: #ff5c5d;
}
.lottery-info{
    text-align: center;
    background-color: #ffffff;
    min-height: 10rem;
    margin-bottom: 15px;
}
.rewardinfo{
    display: none;
}
.myreward{
    display: none;
}
/*弹出层*/
/*.task-model{
    z-index: 11;
    position: absolute;
    background: #ffffff;
    bottom: 12rem;
    right: 3.5rem;
    width: 12rem;
    border-radius: 0.5rem;
}*/
.fui-modal.picker-modal{
    position: fixed;
    bottom: 260px !important;
}
.task-model{
    margin: 0 auto;
    background: #ffffff;
    width: 12rem;
    border-radius: 0.5rem;
}
.task-model-content{
    background: url("../images/success.png") no-repeat;
    background-size: 100%;
    height: 10rem;
    background-color: #F2F3F8;
    border-radius: 0.5rem;
    padding-top: 7rem;
    color: gray;
}
.task-model-faile-content{
    background: url("../images/fail.png") no-repeat;
    background-size: 50%;
    background-position: 3rem 1rem;
    height: 10rem;
    background-color: #F2F3F8;
    border-radius: 0.5rem;
    padding-top: 7rem;
    color: gray;
}
.task-model-faile-content p,.task-model-content p{
    text-align: center;
    font-size: 0.5rem;
    margin-top:0.2rem;
}
.task-model-faile-content h4,.task-model-content h4{
    text-align: center;
    font-size: 0.65rem;
}
.task-model-footer{
    color: #ffffff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    background-color: #ef5e14;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}


.reward-left{
    width: 28%;
    height: 1.2rem;
    text-align: left;
    padding-left: 1rem;
    float: left;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.reward-right{
    width: 40%;
    text-align: right;
    float: left;
    margin-top: 2px;
    position: relative;
    overflow: hidden;
}
.reward-center{
    width: 28%;
    float: left;
    text-align: right;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.lottery_footer{
    position: absolute;
    padding-top: 1rem;
    height: 6rem;
    top: 22rem;
    background: #ffffff;
    width: 80%;
    left: 10%;
    border-radius: 10px;
}
.lottery_footer p{
    text-align: center;
}
.lottery_row{
    width:100%;
}

.lottery_col_6{
    width: 50%;
    text-align: center;
    float: left;
}
.lottery_memberhead{
    width: 3rem;
    height: 3rem;
    border-radius: 90px;
    border: 2px #fff solid;
    position: absolute;
    top: -2rem;
    left: 42%;
}