.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:4.267vw 0}.van-empty__image{width:21.333vw;height:21.333vw}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:2.133vw;padding:0 8vw;color:#969799;font-size:1.867vw;line-height:2.667vw}.van-empty__bottom{margin-top:3.2vw}.pulldown-wrapper[data-v-671753e8]{position:absolute;width:100%;padding:2.667vw;box-sizing:border-box;transform:translateY(-100%) translateZ(0);text-align:center;color:#8c8c8c;background-color:#f1f1f1;font-size:3.2vw}.pulldown-wrapper span[data-v-671753e8]{line-height:8vw;font-size:3.2vw}.pulldown-wrapper .loading-wrapper[data-v-671753e8]{height:8vw;display:flex;align-items:center;justify-content:center}.pulling-down-gif[data-v-671753e8]{display:inline-block;width:100%;height:8vw;background-color:#f1f1f1;background:url(../../wap_static/img/loading.b2849a15.gif) no-repeat 50%;background-size:8vw 8vw}.pullup-wrapper[data-v-671753e8]{padding:2.667vw;text-align:center;color:#8c8c8c;font-size:3.2vw}.back-to-top-btn[data-v-671753e8]{position:fixed;width:13.067vw;height:13.067vw;right:5.333vw;bottom:10.667vw;z-index:999;border-radius:50%;background:#4160e7}.j-empty .bottom[data-v-1c352760]{height:6.4vw;padding:0 2.133vw;font-size:3.733vw}[data-v-1c352760] .van-empty__image{width:80vw;height:53.333vw}[data-v-1c352760] .van-empty__description{font-size:3.733vw;color:#8c8c8c;line-height:1.2}[data-v-1c352760] .van-empty__bottom{margin-top:4vw}.roll-item{box-sizing:border-box;min-height:53.333vw;padding:4vw 4vw 0;border-bottom:1px solid #d9d9d9;background:#fff}.roll-item:last-child{border-bottom:none}.roll-item .item-header{height:16vw;color:#000;position:relative}.roll-item .item-header .avatar-box{margin-right:2.133vw;width:16vw;height:16vw;border-radius:50%;overflow:hidden}.roll-item .item-header .avatar-box img{width:100%;height:100%;vertical-align:top}.roll-item .item-header .avatar-right{flex:1}.roll-item .item-header .user-info{height:4.533vw}.roll-item .item-header .title{font-size:3.733vw;font-weight:700}.roll-item .item-header .user-level{margin-left:1.067vw}.roll-item .item-header .tags{margin-top:1.867vw;height:3.733vw}.roll-item .item-header .tags .tag{font-size:2.667vw;padding:0 .667vw;border-radius:.8vw;margin-right:1.867vw;height:100%;line-height:3.733vw}.roll-item .item-header .time{margin-top:1.333vw;color:#333;height:4.533vw}.roll-item .item-header .time .count-down{color:#4160e7}.roll-item .item-header .room-has-pwd{position:absolute;right:0;top:50%;transform:translateY(-50%)}.roll-item .item-body{margin-top:2.667vw}.roll-item .item-body .reward{position:relative;width:29.333vw;height:20vw;overflow:hidden;background:#d9d9d9}.roll-item .item-body .reward .item-img-box,.roll-item .item-body .reward img{width:100%;height:100%}.roll-item .item-body .reward .mask-box{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2;font-size:3.2vw;color:#fff;height:4.533vw;line-height:4.533vw;width:100%;height:100%}.roll-item .item-body .reward .mask-box.end{background-image:url(../../wap_static/img/icon-end-bg.9c13e0ab.png);background-repeat:no-repeat;background-size:100% 100%}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.roll-item .item-body .reward .mask-box.end{background-image:url(../../wap_static/img/icon-end-bg@2x.7c1e281b.png);background-repeat:no-repeat;background-size:100% 100%}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.roll-item .item-body .reward .mask-box.end{background-image:url(../../wap_static/img/icon-end-bg@3x.f98c5639.png);background-repeat:no-repeat;background-size:100% 100%}}.roll-item .item-body .reward .mask-box.locked .status-icon{background-image:url(../../wap_static/img/icon-lock.131fd795.png);background-repeat:no-repeat;background-size:100% 100%}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.roll-item .item-body .reward .mask-box.locked .status-icon{background-image:url(../../wap_static/img/icon-lock@2x.51acfa1e.png);background-repeat:no-repeat;background-size:100% 100%}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.roll-item .item-body .reward .mask-box.locked .status-icon{background-image:url(../../wap_static/img/icon-lock@3x.01779d02.png);background-repeat:no-repeat;background-size:100% 100%}}.roll-item .item-body .reward .mask-box .status-icon{width:6.4vw;height:6.4vw;background-image:url(../../wap_static/img/icon-room-cancel.4194cc43.png);background-repeat:no-repeat;background-size:100% 100%;margin-bottom:1.6vw}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.roll-item .item-body .reward .mask-box .status-icon{background-image:url(../../wap_static/img/icon-room-cancel@2x.36d4fa24.png);background-repeat:no-repeat;background-size:100% 100%}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.roll-item .item-body .reward .mask-box .status-icon{background-image:url(../../wap_static/img/icon-room-cancel@3x.26c7abc3.png);background-repeat:no-repeat;background-size:100% 100%}}.roll-item .item-body .reward .count{width:100%;position:absolute;bottom:0;left:0;height:5.333vw;line-height:5.6vw;text-align:center;color:#fff;background-color:rgba(0,0,0,.5)}.roll-item .item-footer{height:10.667vw;font-size:3.2vw}.roll-item .item-footer .price{color:#121212;font-size:4.8vw;font-weight:700}.roll-item .item-footer .join-num{color:#8c8c8c}.roll-item .empty_box{box-sizing:border-box;display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.roll-item:last-child{margin-bottom:0}