Home Explore Help
Register Sign In
wangyong
/
crmeb
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 050bfac24d
Branches Tags
crmeb
/
public
/
statics
/
mp_view
/
pages
/
goods
/
components
/
lottery
/
index.wxss

index.wxss 5.3 KB
History Raw

123456 
  1. ._li.data-v-a44e757a{list-style:none}._ul.data-v-a44e757a,
    2. 

  2. ._li.data-v-a44e757a{margin:0;padding:0}.lottery_container.data-v-a44e757a{width:100%;height:100%}.grid_wrap.data-v-a44e757a{width:100%;height:100%;position:relative}.grid_wrap .lottery_wrap_border.data-v-a44e757a{position:absolute;top:0;left:0;width:100%;height:100%}.grid_wrap .lottery_wrap_border ._ul.data-v-a44e757a{position:absolute;display:flex;align-items:center;justify-content:center}.grid_wrap .lottery_wrap_border ._ul ._li.data-v-a44e757a{border-radius:50%;width:17rpx;height:17rpx;background-color:#bce0e9}.grid_wrap .lottery_wrap_border ._ul ._li.data-v-a44e757a:nth-child(even){width:24rpx;height:24rpx;background-color:#f5fbc8}.grid_wrap .lottery_wrap_border ._ul.data-v-a44e757a:nth-child(odd){width:100%;height:35rpx;left:0;right:0;flex-direction:row}.grid_wrap .lottery_wrap_border ._ul:nth-child(odd) ._li.data-v-a44e757a{margin:0 10rpx}.grid_wrap .lottery_wrap_border ._ul.data-v-a44e757a:nth-child(even){width:35rpx;height:100%;top:0;bottom:0;flex-direction:column}.grid_wrap .lottery_wrap_border ._ul:nth-child(even) ._li.data-v-a44e757a{margin:10rpx 0}.grid_wrap .lottery_wrap_border ._ul.data-v-a44e757a:nth-child(3){bottom:0}.grid_wrap .lottery_wrap_border ._ul.data-v-a44e757a:nth-child(4){right:0}.grid_wrap .lottery_wrap_border ._ul:nth-child(1) ._li.data-v-a44e757a:nth-child(odd),
    3. 

  3. .grid_wrap .lottery_wrap_border ._ul:nth-child(4) ._li.data-v-a44e757a:nth-child(odd){-webkit-animation:blink_large-data-v-a44e757a 1s linear infinite;animation:blink_large-data-v-a44e757a 1s linear infinite}.grid_wrap .lottery_wrap_border ._ul:nth-child(1) ._li.data-v-a44e757a:nth-child(even),
    4. 

  4. .grid_wrap .lottery_wrap_border ._ul:nth-child(4) ._li.data-v-a44e757a:nth-child(even){-webkit-animation:blink_small-data-v-a44e757a 1s linear infinite;animation:blink_small-data-v-a44e757a 1s linear infinite}.grid_wrap .lottery_wrap_border ._ul:nth-child(3) ._li.data-v-a44e757a:nth-child(even),
    5. 

  5. .grid_wrap .lottery_wrap_border ._ul:nth-child(2) ._li.data-v-a44e757a:nth-child(even){width:17rpx;height:17rpx;background-color:#bce0e9;-webkit-animation:blink_large-data-v-a44e757a 1s linear infinite;animation:blink_large-data-v-a44e757a 1s linear infinite}.grid_wrap .lottery_wrap_border ._ul:nth-child(3) ._li.data-v-a44e757a:nth-child(odd),
    6. 

  6. .grid_wrap .lottery_wrap_border ._ul:nth-child(2) ._li.data-v-a44e757a:nth-child(odd){width:24rpx;height:24rpx;background-color:#f5fbc8;-webkit-animation:blink_small-data-v-a44e757a 1s linear infinite;animation:blink_small-data-v-a44e757a 1s linear infinite}.grid_wrap .lottery_wrap.data-v-a44e757a{width:100%;height:100%;font-size:14rpx;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.grid_wrap .lottery_wrap .lottery_grid.data-v-a44e757a{width:100%;height:100%;position:relative}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a{width:30%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;float:left;position:absolute;border-radius:12rpx;color:#e74435;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20rpx;margin:4px;padding:4px}.grid_wrap .lottery_wrap .lottery_grid ._li .in_line.data-v-a44e757a{border:1px dashed #ff7f5f;border-radius:12rpx;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 4rpx}.grid_wrap .lottery_wrap .lottery_grid ._li .grid_img.data-v-a44e757a{width:50%;height:50%}.grid_wrap .lottery_wrap .lottery_grid .active.data-v-a44e757a{background:#ffd18d!important;box-shadow:0rpx 8rpx 0rpx 0rpx #ffd18d;color:#0e62ff}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(1){left:1%;top:1%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(2){left:34%;top:1%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(3){left:67%;top:1%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(4){left:67%;top:34%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(5){left:67%;top:67%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(6){left:34%;top:67%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(7){left:1%;top:67%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(8){left:1%;top:34%;background:linear-gradient(0deg,#fff2f2,#fff)}.grid_wrap .lottery_wrap .lottery_grid ._li.data-v-a44e757a:nth-of-type(9){left:34%;top:34%;cursor:pointer;color:#fff;font-size:40rpx;font-weight:bolder}@-webkit-keyframes blink_large-data-v-a44e757a{to{width:24rpx;height:24rpx;background-color:#f5fbc8}}@keyframes blink_large-data-v-a44e757a{to{width:24rpx;height:24rpx;background-color:#f5fbc8}}@-webkit-keyframes blink_small-data-v-a44e757a{to{width:17rpx;height:17rpx;background-color:#bce0e9}}@keyframes blink_small-data-v-a44e757a{to{width:17rpx;height:17rpx;background-color:#bce0e9}}.lottery-msg.data-v-a44e757a{width:100%;height:100%;padding:0 4rpx}.lottery-click.data-v-a44e757a{width:100%;height:100%}
    7.