.tips-animation-enter-active[data-v-48aa2572],.tips-animation-leave-active[data-v-48aa2572]{transition:all .3s}.tips-animation-enter[data-v-48aa2572],.tips-animation-leave-to[data-v-48aa2572]{opacity:0;transform:translateY(-40px)}.tips-model.m .tips-model-content[data-v-48aa2572]{width:300px}.tips-model.m .tips-model-content .tips-content-box .tips-close-btn[data-v-48aa2572]{right:0!important}.tips-model[data-v-48aa2572]{cursor:default;color:#fff;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:1001;display:flex;justify-content:center;align-items:center}.tips-model .tips-model-content[data-v-48aa2572]{width:400px;min-height:200px;box-sizing:border-box;position:relative}.tips-model .tips-model-content .tips-content-box .tips-close-btn[data-v-48aa2572]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:-50px}.tips-model .tips-model-content .tips-content-box .tips-close-btn svg[data-v-48aa2572]{font-size:20px;margin:0}.tips-model .tips-model-content .tips-content-box .tips-title[data-v-48aa2572]{padding:0 10px;box-sizing:border-box;line-height:50px;color:#fff;font-size:18px;font-family:pingfangsc-regular,PingFang SC;font-weight:700;text-align:center}.tips-model .tips-model-content .tips-content-box .tips-text[data-v-48aa2572]{white-space:pre-wrap;padding:5px 15px 20px 15px;box-sizing:border-box;text-align:left;color:#fff;font-size:14px;line-height:20px;font-family:pingfangsc-regular,PingFang SC}.create-roll.m[data-v-232be276]{padding:16px 12px}.create-roll.m .create-roll-title[data-v-232be276]{font-size:18px;margin-bottom:20px}.create-roll.m .create-roll-title .explain[data-v-232be276]{left:0;right:auto}.create-roll.m .create-roll-body[data-v-232be276]{height:500px;overflow-y:auto;padding:10px;box-sizing:border-box}.create-roll.m .create-roll-body .create-roll-box .top-tips-text[data-v-232be276]{line-height:20px;margin-bottom:10px;padding:0 10px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-form-item{margin-bottom:30px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-form-item__label{font-size:14px;text-align:right}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__inner::-moz-placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__inner::placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-form-item__content{margin-left:100px}.create-roll.m .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276]{flex-wrap:wrap}.create-roll.m .create-roll-body .create-roll-box .setTime[data-v-232be276]{flex-wrap:wrap;align-items:flex-start}.create-roll.m .create-roll-body .create-roll-box .setTime[data-v-232be276] .el-date-editor{width:100%}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-232be276]{height:140px}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-232be276] .el-form-item__label{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-232be276] .el-date-editor{width:100%}.create-roll[data-v-232be276]{padding:32px 24px}.create-roll .create-roll-title[data-v-232be276]{font-size:21px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#c6c4d8;line-height:30px;margin-bottom:32px;position:relative}.create-roll .create-roll-title .explain[data-v-232be276]{cursor:pointer;position:absolute;right:0;text-decoration:underline;font-size:16px;color:#d5d4db}.create-roll .create-roll-body .create-roll-box .top-tips-text[data-v-232be276]{font-size:14px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#f7c64b;text-align:left;line-height:60px}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-form-item__label{font-size:16px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__inner{border:0;height:40px;color:#f8f8f8;background:#0e0c15;border-radius:0}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__inner::-moz-placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__inner::placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input__count-inner{background-color:transparent;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input-number .el-input-number__decrease,.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input-number .el-input-number__increase{border-radius:0;background:#171523;border:1px solid #687dd0;height:100%;box-sizing:border-box}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input-number .el-input-number__decrease:hover,.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-input-number .el-input-number__increase:hover{background:#687dd0;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-232be276] .el-form-item__content{text-align:left}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276]{display:flex;justify-content:space-between;align-items:center}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-input-number,.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-input__inner{width:170px}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-popper{margin-top:5px}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown{border:0;border-radius:0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown .el-scrollbar{background:#0e0c15;border:1px solid #687dd0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view{padding:0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item{text-align:left;font-size:16px;font-family:pingfangsc-regular,PingFang SC;color:#f8f8f8;background:#0e0c15}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item:hover{background:#687dd0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-232be276] .el-select-dropdown .popper__arrow{display:none}.create-roll .create-roll-body .create-roll-box .setTime[data-v-232be276]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.create-roll .create-roll-body .create-roll-box .setTime.user-join[data-v-232be276]{height:62px}.create-roll .create-roll-body .create-roll-box .setTime[data-v-232be276] .el-date-editor{width:200px}.create-roll .create-roll-body .create-roll-box .setTime .time-tips[data-v-232be276]{position:absolute;right:-20px;top:0;color:#687dd0}.create-roll .create-roll-body .create-roll-box .tipsColor[data-v-232be276] p{color:#707070;font-size:18px;cursor:default;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#1a82ff;line-height:20px;text-align:center}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-232be276] .el-form-item__content,.create-roll .create-roll-body .create-roll-box .tipsColor[data-v-232be276] .el-form-item__content{margin-left:0!important}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-232be276] .create-button{cursor:pointer;width:120px;height:40px;border-radius:3px;border:0;color:#f8f8f8;background:#687dd0;display:flex;justify-content:center;align-items:center;margin:0 auto}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-232be276] .create-button:hover{background-color:#7086dd}.roll.m{background-position-y:0}.roll.m .roll-box .roll-body .head-menu{width:100%;flex-direction:column}.roll.m .roll-box .roll-body .head-menu .head-menu-left{width:100%}.roll.m .roll-box .roll-body .head-menu .head-menu-right{width:100%;margin-top:10px;justify-content:center;flex-wrap:wrap}.roll.m .roll-box .roll-body .head-menu .head-menu-right .search-box{width:220px;height:40px}.roll.m .roll-box .roll-body .head-menu .head-menu-right .created-roll-btn{margin-top:10px;margin-left:0}.roll.m .roll-box .roll-body .roll-content-box{width:100%}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul{justify-content:center}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list{width:46%}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-bg{height:100px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show{padding:0 5px 10px 5px;box-sizing:border-box}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top{height:110px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img{width:60px;height:60px;margin-right:5px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img .room-user-name{width:60px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .roll-room-name{font-size:14px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .get-into-room{width:80px;height:25px;font-size:12px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data.room-amount{flex-direction:column}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data .item-data-icon,.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data .item-data-num,.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-rule{font-size:12px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-time{display:flex;flex-direction:column;align-items:center}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-prize-ul{width:90%;height:50px}.roll.m .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-prize-ul .room-prize-list{width:50px;height:50px}.roll .roll-box .roll-header .head-title{text-align:center;padding-top:50px}.roll .roll-box .roll-header .head-title p{font-size:23px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#f8f8f8;line-height:32px}.roll .roll-box .roll-header .head-title div{font-size:12px;font-family:helvetica-light,Helvetica;font-weight:300;color:#666;line-height:14px;letter-spacing:8px}.roll .roll-box .nav-roll-box{display:flex;justify-content:center;align-items:center;margin-top:50px;position:relative}.roll .roll-box .nav-roll-box span{margin:0 20px;cursor:pointer;font-size:18px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#999;line-height:25px}.roll .roll-box .nav-roll-box div{width:30px;border-bottom:2px solid #999}.roll .roll-box .nav-roll-box .active{color:#687dd0}.roll .roll-box .nav-roll-box .go-back{color:#f8f8f8;position:absolute;font-size:16px;right:20px;cursor:pointer;transition:all .3s}.roll .roll-box .nav-roll-box .go-back:hover{color:#687dd0}.roll .roll-box .roll-body{margin-top:40px}.roll .roll-box .roll-body .head-menu{max-width:1500px;padding:0 10px;box-sizing:border-box;margin:0 auto;display:flex;display:-moz-flex;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;align-items:center}.roll .roll-box .roll-body .head-menu .head-menu-left{display:flex;display:-moz-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roll .roll-box .roll-body .head-menu .head-menu-left .icon-box{border-left:3px solid #687dd0;width:16px;height:24px}.roll .roll-box .roll-body .head-menu .head-menu-left .icon-box div{border-bottom:2px solid #c6c4d8;height:50%}.roll .roll-box .roll-body .head-menu .head-menu-left .tab-pane{font-size:16px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8;line-height:22px;margin-left:20px;cursor:pointer;transition:all .3s}.roll .roll-box .roll-body .head-menu .head-menu-left .tab-pane.active,.roll .roll-box .roll-body .head-menu .head-menu-left .tab-pane:hover{color:#687dd0}.roll .roll-box .roll-body .head-menu .head-menu-right{display:flex;display:-moz-flex;align-items:center}.roll .roll-box .roll-body .head-menu .head-menu-right .screen-box{display:flex;flex-direction:column;justify-content:center;margin-right:20px;font-family:pingfangsc-regular,PingFang SC;font-size:12px;font-weight:400;color:#666;line-height:17px}.roll .roll-box .roll-body .head-menu .head-menu-right .screen-box p{display:flex;align-items:center;font-size:15px}.roll .roll-box .roll-body .head-menu .head-menu-right .screen-box p #noCodeRoom-input,.roll .roll-box .roll-body .head-menu .head-menu-right .screen-box p #officialRoom-input{width:15px;height:15px;border:0;border-radius:5px;outline:none;margin-right:5px;background-color:#1b1829}.roll .roll-box .roll-body .head-menu .head-menu-right .search-box{width:270px;height:40px;overflow:hidden;border-radius:3px;border:2px solid #687dd0;background-color:transparent;display:flex;justify-content:space-between;align-items:center}.roll .roll-box .roll-body .head-menu .head-menu-right .search-box .search-box-input{color:#f8f8f8;width:75%;height:100%;border:0;outline:none;background:#171523;padding:5px 10px;box-sizing:border-box}.roll .roll-box .roll-body .head-menu .head-menu-right .search-box .search-box-button{cursor:pointer;color:#e2dbdb;display:flex;justify-content:center;align-items:center;width:35%;height:100%;background-color:#687dd0;box-sizing:border-box;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;line-height:20px}.roll .roll-box .roll-body .head-menu .head-menu-right .search-box .search-box-button:hover{background-color:#7086dd}.roll .roll-box .roll-body .head-menu .head-menu-right .search-box .search-box-button img{width:15px;height:15px;margin-right:5px}.roll .roll-box .roll-body .head-menu .head-menu-right .created-roll-btn{cursor:pointer;width:120px;height:40px;margin-left:24px;border-radius:3px;background:#687dd0;display:flex;justify-content:center;align-items:center;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8;line-height:20px}.roll .roll-box .roll-body .head-menu .head-menu-right .created-roll-btn:hover{background-color:#7086dd}.roll .roll-box .roll-body .roll-content-box{margin:0 auto;margin-top:25px;max-width:1500px}.roll .roll-box .roll-body .roll-content-box .roll-content-ul{margin:0 auto;display:flex;align-items:center;flex-wrap:wrap}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list{width:290px;height:auto;margin:0 5px 10px 5px;border-radius:8px;background:#687dd0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;overflow:hidden}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-bg{position:absolute;top:0;left:0;width:100%;height:130px;display:flex;justify-content:center;align-items:center;overflow:hidden}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-bg img{width:100%}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show{z-index:2;background:rgba(0,0,0,.6);width:100%;padding:5px 10px 20px 10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top{width:100%;height:140px;display:flex;align-items:flex-end}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img{flex-shrink:0;width:100px;height:100px;margin-right:10px;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img .room-user-img{width:100%}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img .room-user-name{position:absolute;width:100px;height:20px;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent);font-size:12px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8;line-height:17px;display:flex;justify-content:center;align-items:center}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-img .room-user-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box{flex-grow:1;min-width:50%;height:100%;flex-shrink:1;display:flex;flex-direction:column;justify-content:flex-end}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .roll-room-name{width:100%;max-width:190px;font-size:18px;font-family:pingfangsc-semibold,PingFang SC;text-align:left;font-weight:600;color:#f8f8f8;line-height:25px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .get-into-room{cursor:pointer;width:120px;height:40px;border-radius:3px;background:#687dd0;display:flex;justify-content:center;align-items:center;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8;line-height:20px}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .get-into-room:hover{background:#7086dd}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-room-top .roll-room-name-box .get-into-room.closed-room{background:#888}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num{width:100%;margin-top:5px;display:flex;justify-content:center}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data{width:33.3%;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data.room-amount{flex-direction:row}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data .item-data-icon,.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data .item-data-num{display:flex;justify-content:center;align-items:center;font-size:16px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#c6c4d8;line-height:22px}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .roll-content-list-num .item-data .item-data-name{font-size:12px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8;line-height:17px}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-rule{width:100%;margin-top:8px;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#687dd0;box-sizing:border-box;line-height:20px;display:flex;justify-content:center;align-items:flex-end}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-rule .rule-text{width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-rule .show-more{flex-shrink:1;width:30px;cursor:pointer;font-size:12px;color:#1d9ff5}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-time{margin-top:8px;font-size:12px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#fb8901;line-height:17px}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-prize-ul{width:210px;height:70px;padding:0 10px;margin-top:10px;background:#1c192a;border-radius:2px;display:flex;align-items:center;overflow:hidden}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-prize-ul .room-prize-list{width:70px;height:70px;display:flex;justify-content:center;align-items:center;overflow:hidden;filter:brightness(1.4)}.roll .roll-box .roll-body .roll-content-box .roll-content-ul .roll-content-list .roll-content-list-show .room-prize-ul .room-prize-list .room-prize-img{width:90%}.roll .roll-box .roll-body .roll-content-box .empty{line-height:300px;font-size:20px;color:#607094}.roll .roll-box .roll-body .roll-content-box .empty img{margin-top:200px}