.roll-profile{position:relative;z-index:1;background-color:#fff;height:24vw;padding:0 4vw}.roll-profile .avatar-box{margin-right:2.133vw;width:16vw;height:16vw;border-radius:50%;overflow:hidden}.roll-profile .avatar-box img{width:100%;height:100%;vertical-align:top}.roll-profile .avatar-right{flex:1}.roll-profile .user-info{height:4.533vw}.roll-profile .title{font-size:3.733vw;font-weight:700}.roll-profile .btn-apply{width:21.333vw;height:5.333vw;display:flex;justify-content:center;align-items:center;margin-top:.8vw;border-radius:4.667vw;border:.4vw solid #4160e7;box-sizing:border-box;font-size:2.667vw;color:#4160e7}.roll-profile .user-level{margin-left:1.067vw}.roll-profile .tags{margin-top:1.867vw;height:3.733vw}.roll-profile .tags .tag{font-size:2.667vw;padding:0 .667vw;border-radius:.8vw;margin-right:1.867vw;height:100%;line-height:3.733vw}.roll-profile .num{margin-top:1.333vw;height:4.533vw;color:#000;font-size:3.2vw}.roll-profile .num .icon-question-grey{display:inline-block}.roll-profile .num>span:first-child{padding-right:4vw;margin-right:4vw}.roll-profile .num:not(.no-divider)>span:first-child{border-right:1px solid #d9d9d9}.roll-join .van-field{font-size:3.733vw;height:13.067vw;line-height:13.067vw;box-sizing:border-box;padding:0 4vw}.roll-join .van-field.ver-code-input .van-field__label{display:flex;align-items:center}.roll-join .van-field .van-field__control,.roll-join .van-field .van-field__label{color:#121212}.roll-join .van-field .van-field__label{width:25.333vw}.roll-join .van-field .van-field__error-message{font-size:2.667vw}.roll-join .label{display:inline-block}.roll-join .icon-verify{width:15.733vw;height:7.467vw;text-align:center;line-height:7.467vw;background-color:#dcdcdc;margin-right:1.067vw}.roll-join .btn-submit{margin-top:6.667vw}.roll-package-item{position:relative;width:29.333vw;height:32vw;font-size:3.2vw}.roll-package-item .close-box{position:absolute;top:-1.067vw;right:-1.067vw}.roll-package-item .check-box{position:absolute;top:0;right:0;bottom:0;left:0;height:20vw;background-color:rgba(0,0,0,.6)}.roll-package-item .check-box .icon-filled-check{position:absolute;top:1.333vw;right:1.333vw;z-index:10}.roll-package-item .item-bottom{height:12vw;justify-content:center;color:#121212}.roll-package-item .price{margin-top:1.067vw;font-size:4.8vw;font-weight:700}.roll-package-item .item-name{height:3.467vw;line-height:3.467vw}.roll-package-item .item-img-box{width:100%;height:20vw;background:#d9d9d9}.roll-package-item img{width:100%;height:100%;vertical-align:top}.roll-detail-popover-item{padding:1.467vw 2.267vw;width:32vw;height:auto;background-color:rgba(0,0,0,.75);font-size:3.2vw;color:#fff;line-height:normal}.roll-detail-tip{height:4vw;width:4vw;margin-left:.533vw}.roll-detail-tip .icon-roll-notice{display:inline-block;margin-top:-1px}.roll-detail-notice-popup{padding:4vw;line-height:normal}.roll-detail .scroll-body{height:calc(100% - 11.733vw);overflow:hidden}.roll-detail .roll-profile-info{background:#fff;box-sizing:border-box;padding:4vw 0 5.333vw;min-height:72.8vw}.roll-detail .roll-profile-info.end{min-height:48.533vw}.roll-detail .roll-profile-info .profile-info{height:16vw}.roll-detail .roll-profile-info .profile-info .avatar-box{width:16vw;height:16vw;margin-right:2.133vw;border-radius:50%;overflow:hidden}.roll-detail .roll-profile-info .profile-info .avatar-box img{width:100%;height:100%;vertical-align:top}.roll-detail .roll-profile-info .profile-info .user-info{height:4.533vw}.roll-detail .roll-profile-info .profile-info .title{font-size:3.733vw;font-weight:700}.roll-detail .roll-profile-info .profile-info .user-level{margin-left:1.067vw}.roll-detail .roll-profile-info .profile-info .tags{margin-top:1.867vw;height:3.733vw}.roll-detail .roll-profile-info .profile-info .tags .tag{font-size:2.667vw;padding:0 .667vw;border-radius:.8vw;margin-right:1.867vw;height:100%;line-height:3.733vw}.roll-detail .roll-profile-info .profile-info .time{margin-top:1.333vw;height:4.533vw}.roll-detail .roll-profile-info .room-own-item-info{text-align:center;margin-top:4vw}.roll-detail .roll-profile-info .room-own-item-info .own-info-box{width:46vw;position:relative;height:13.333vw}.roll-detail .roll-profile-info .room-own-item-info .own-info-box:last-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:8vw;background-color:#d8d8d8}.roll-detail .roll-profile-info .room-own-item-info .info-num{height:8vw;line-height:8vw;font-weight:700;font-size:6.4vw}.roll-detail .roll-profile-info .room-own-item-info .info-title{margin-top:.667vw;height:4vw;line-height:4vw;color:#8c8c8c}.roll-detail .roll-profile-info .roll-notice{margin:1.333vw auto 0;min-height:4.533vw;line-height:4.533vw;box-sizing:border-box;width:92vw;text-align:center;word-break:break-all}.roll-detail .roll-profile-info .btn-apply{margin:5.333vw auto 0}.roll-detail .roll-profile-info .require{color:#8c8c8c;margin-top:1.333vw;text-align:center;height:4.533vw;line-height:4.533vw}.roll-detail .btn-cancel{position:absolute;top:50%;right:4vw;transform:translateY(-50%);font-size:3.733vw;color:#fff}.roll-detail .status{height:10.667vw;color:#121212;font-size:3.2vw}.roll-detail .status .icon-time-counter{margin-right:1.067vw}.roll-detail .status .count-down-box{height:4.533vw;line-height:4.533vw;text-align:center}.roll-detail .status .count{margin:0 1px;color:#fff;background-color:#4160e7;border-radius:.533vw;padding:0 .4vw;min-width:3.2vw;box-sizing:border-box;height:100%}.roll-detail .status .dot{padding:0 .267vw;font-weight:700;height:100%}.roll-detail .lists .roll-detail-tabs.end .van-tabs__content .van-tab__pane{min-height:calc(100vh - 107.734vw)}.roll-detail .lists .roll-detail-tabs .van-tabs__wrap{height:10.667vw;background-color:#f0f0f0}.roll-detail .lists .roll-detail-tabs .van-tab{width:37.333vw;flex:none;font-size:3.733vw;color:#8c8c8c;font-weight:700}.roll-detail .lists .roll-detail-tabs .van-tab--active{font-size:4.8vw;color:#121212}.roll-detail .lists .roll-detail-tabs .van-tab .sub{font-size:3.2vw;color:#8c8c8c;font-weight:400;margin-left:.667vw}.roll-detail .lists .roll-detail-tabs .van-tabs__nav{padding:0;justify-content:center}.roll-detail .lists .roll-detail-tabs .van-tabs__line{border-radius:.4vw;background-color:#4160e7;width:4vw;height:.8vw;bottom:1.067vw}.roll-detail .lists .roll-detail-tabs .van-tabs__content{overflow:visible;height:auto}.roll-detail .lists .roll-detail-tabs .van-tabs__content .van-tab__pane{position:relative;min-height:calc(100vh - 132.001vw)}.roll-detail .lists .roll-detail-tabs .content{position:relative}.roll-detail .lists .roll-detail-tabs .detail-scroll{margin:0 2.667vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;padding:1.333vw 0 5.333vw;width:92vw;margin:0 auto}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .roll-package-item{margin-bottom:2.667vw;margin-right:2vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .roll-package-item.nomargin{margin-right:0}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .level{position:relative;bottom:2.4vw;left:50%;transform:translateX(-50%)}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .avatar-box{position:relative;width:16vw;height:16vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .user-avatar-box{border-radius:50%;width:16vw;height:16vw;background-color:rgba(65,96,231,.7);overflow:hidden}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .user-avatar-box img{width:100%;height:100%;vertical-align:top}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .name{margin-top:2.133vw;width:100%;text-align:center;height:4.533vw;line-height:4.533vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .apply-item{display:flex;flex-direction:column;align-items:center;margin-bottom:4vw;margin-right:4vw;width:20vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .apply-item.nomargin{margin-right:0}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item{position:relative;width:29.333vw;height:35.333vw;margin-right:2vw;margin-top:8vw;display:flex;flex-direction:column;align-items:center;background-color:#fff;margin-bottom:2.667vw;border-radius:1.333vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item.nomargin{margin-right:0}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item .avatar-box{position:absolute;top:-8vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item .name{margin-top:10.133vw;box-sizing:border-box;padding:0 .667vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item .item-img-box{margin-top:1.333vw;width:25.333vw;height:17.333vw}.roll-detail .lists .roll-detail-tabs .detail-scroll .roll-list .win-item .item-img-box img{width:100%;height:100%;vertical-align:top}