.room{background:#1b1929;min-height:100%}.room .modal-password{padding:50px 20px 20px}.room .modal-password .input-wrap{margin-bottom:10px}.room .modal-password .button-confirm{padding:8px 30px}.room .modal-wrap{margin-top:20px;cursor:default}.room .modal-wrap .prize-model{font-family:"\601D\6E90\9ED1\4F53   CN"}.room .modal-wrap .prize-model .search-header{height:60px;background-color:#2f2b44;display:flex;align-items:center;padding-left:30px;box-sizing:border-box}.room .modal-wrap .prize-model .search-header .input-box{width:390px;font-size:18px;display:flex;justify-content:space-between;align-items:center;background-color:#f7c64b;border:1px solid #f7c64b;border-radius:20px;height:40px;box-sizing:border-box;background-color:transparent;overflow:hidden}.room .modal-wrap .prize-model .search-header .input-box .roomNum-input{height:100%;flex:1;outline:none;padding:0 10px;color:#fff;background-color:transparent;border:0;border-radius:20px 0 0 20px;box-sizing:border-box;font-size:16px}.room .modal-wrap .prize-model .search-header .input-box .roomNum-input::-moz-placeholder{font-size:18px;line-height:40px}.room .modal-wrap .prize-model .search-header .input-box .roomNum-input::placeholder{font-size:18px;line-height:40px}.room .modal-wrap .prize-model .search-header .input-box .search-button{width:85px;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#2f2b44;background-color:#f7c64b}.room .modal-wrap .prize-model .search-header .input-box .search-button img{width:18px;height:18px;margin-right:5px}.room .modal-wrap .prize-model .search-header .input-box .search-button:hover{background-color:#f7b308}.room .modal-wrap .prize-model .prize-list-box{font-size:16px;background-color:#1b1829;box-sizing:border-box;padding-bottom:2px;min-height:662px}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul{display:flex;align-items:center;flex-wrap:wrap}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item{cursor:pointer;width:248px;height:330px;background-image:linear-gradient(0deg,#2f2b44,#1b1829);display:flex;flex-direction:column;align-items:center;padding-top:30px;box-sizing:border-box;margin-right:2px}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item.good{background:url(/images/case/blue-item-border.png) no-repeat;background-size:100% 100%;color:#5a73dd}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item.historic{background:url(/images/case/red-item-border.png) no-repeat;background-size:100% 100%;color:#e6293f}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item.excellent{background:url(/images/case/purple-item-border.png) no-repeat;background-size:100% 100%;color:#c240c7}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item.legendary{background:url(/images/case/yellow-item-border.png) no-repeat;background-size:100% 100%;color:#e2ce27}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item:hover{filter:brightness(1.2)}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item:nth-child(4n){margin-right:0}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-img-box{width:90%;overflow:hidden}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-img-box img{max-height:160px}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-quality{color:#f7c64b;margin-bottom:10px}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-name{width:80%;color:#fff;letter-spacing:2px;margin-bottom:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-price{color:#f7c64b;border:1px solid #f7c64b;width:120px;height:30px;border-radius:15px;line-height:30px}.room .modal-wrap .prize-model .prize-list-box .noRecord{height:662px;display:flex;justify-content:center;align-items:center}.room .modal-wrap .prize-model .prize-list-box .noRecord p{font-size:16px;font-weight:700;color:rgba(224,223,223,.5)}.room .modal-wrap .prize-model .block .el-pager li.btn-quicknext,.room .modal-wrap .prize-model .block .el-pager li.btn-quickprev{color:#ccc!important}.room .modal-wrap .prize-model .block .el-pager li.active{border-color:#f7c64b!important;color:#f7c64b!important}.room .room-wrap{width:1200px;padding:60px 0;margin:0 auto}.room .room-header{background-color:#2f2b44;display:flex;justify-content:space-between;height:50px;line-height:50px;padding:0 20px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.room .room-header h1{font-size:24px;font-weight:500}.room .room-header .go-back{cursor:pointer;position:absolute;font-size:16px;font-weight:500;top:-50px;right:20px;transition:all .3s}.room .room-header .go-back:hover,.room .state-underway{color:#ffd600}.room .state-underway span{margin-left:5px}.room .state-closed{color:#888}.room .state-closed span{margin-left:5px}.room .room-info{display:flex;justify-content:space-between}.room .room-owner{display:flex;line-height:50px;padding-top:10px;padding-bottom:10px}.room .room-owner .user-avatar{width:50px;height:50px;border-radius:25px;background-color:#313f68;font-size:24px;overflow:hidden}.room .room-owner .user-avatar img{width:100%;height:100%}.room .room-owner p{margin-left:10px}.room .room-info-right{display:flex;justify-content:center}.room .room-info-right .room-msg-box{display:flex;align-items:flex-end;margin-right:30px}.room .room-info-right .room-msg-box .msg-text{margin-right:22px;margin-bottom:16px}.room .room-info-right .room-join{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px;justify-content:flex-end}.room .room-info-right .room-join p{color:#f7c64b;font-size:12px}.room .join-button{margin:0 auto;margin-top:5px;width:160px;height:36px;line-height:36px;border-radius:20px;background:rgba(27,29,44,.8);color:#eecb1c;font-size:16px;border:1px solid #a38909;cursor:pointer;transition:all .3s}.room .join-button:hover{background:#1b1d2c;color:#f7c64b;border-color:#f7c64b}.room .closed-button{margin:0 auto;margin-top:5px;width:160px;height:36px;line-height:36px;border-radius:20px;background:#888;color:#eee;font-size:16px;cursor:not-allowed}.room .room-body{padding:10px 20px 20px;border-top-left-radius:0;border-top-right-radius:0}.room .prize-pool{background:rgba(119,128,255,.1);border-radius:5px}.room .pool-header{display:flex;justify-content:space-between;padding:5px 10px 0;line-height:40px}.room .pool-header h2{text-align:left;font-weight:500;font-size:16px}.room .pool-header p{font-size:14px}.room .pool-header p .prize-count{margin:0 5px;color:#f7c64b}.room .pool-header p .prize-amount{color:#f7c64b}.room .prize-list{padding-bottom:20px}.room .prize-list .items-list{display:flex;flex-wrap:wrap;padding:0 5px 15px}.room .prize-list .prize-item{width:150px;height:175px;background-size:100% 100%;margin:5px;border-radius:5px;box-shadow:2px 2px 5px 1px rgba(0,0,0,.2);transition:all .3s;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.room .prize-list .prize-item.good{background-image:url(/images/case/blue-item-border.png);color:#5a73dd}.room .prize-list .prize-item.historic{background-image:url(/images/case/red-item-border.png);color:#e6293f}.room .prize-list .prize-item.excellent{background-image:url(/images/case/purple-item-border.png);color:#c240c7}.room .prize-list .prize-item.legendary{background-image:url(/images/case/yellow-item-border.png);color:#e2ce27}.room .prize-list .prize-item.opaque{background-color:#2a2a4e}.room .prize-list .prize-item:hover{filter:brightness(1.2)}.room .prize-list .item-type{left:5px}.room .prize-list .item-price,.room .prize-list .item-type{position:absolute;top:5px;background:#2c2f58;color:#ffd600;padding:2px 5px;border-radius:3px;font-size:12px}.room .prize-list .item-price{right:5px}.room .add-prize{display:flex;justify-content:center;align-items:center;background:#171523;cursor:pointer}.room .add-prize .add-img{width:50px;height:50px;margin-bottom:10px}.room .add-prize .add-prize-box{color:#f7c64b;font-size:18px}.room .add-prize:hover{filter:brightness(1.1)}.room .item-case-name{color:#fff}.room .item-image{height:130px;display:flex;justify-content:center;align-items:center;position:relative}.room .item-image img{width:100px;max-height:100px;margin-top:22px}.room .room-participants,.room .room-winners{margin-top:40px;min-height:300px;padding:20px}.room .room-participants .title,.room .room-winners .title{text-align:left}.room .winner-list{margin-top:10px}.room .winner-list .items-list{padding:0}.room .winner-item{width:168px;margin-right:30px;margin-bottom:20px;background:#2c2f58;padding-bottom:15px;border-radius:5px}.room .winner-item:nth-child(6n){margin-right:0}.room .winner-item .winner-info{display:flex;padding:10px 10px 5px;height:50px}.room .winner-item .winner-info p{line-height:30px;padding-left:5px;font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room .winner-item .user-avatar i,.room .winner-item .user-avatar img{width:30px;height:30px;border-radius:15px}.room .winner-item .user-avatar i{display:block;background-color:#313f68;line-height:30px}.room .winner-item .prize-item{margin:0 auto}.room .winner-item .item{width:153px;height:153px;margin:0 auto}.room .winner-item .item img{width:120px}.room .no-user{margin:20px 0}.room .no-user p{color:#383b5b;margin-top:10px;font-size:16px}.room .user-list{display:flex;flex-wrap:wrap;margin-top:20px}.room .user-list .user-item{width:116px;box-sizing:border-box;padding:5px}.room .user-list .user-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;font-size:12px}.room .user-list .user-avatar{width:106px;height:64px}.room .user-list .user-avatar i,.room .user-list .user-avatar img{width:64px;height:64px;border-radius:32px}.room .user-list .user-avatar i{display:block;margin:0 auto;line-height:64px;font-size:32px;background-color:#313f68}.room .user-desc{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.room .user-desc .user-name{font-size:18px}.room .user-desc p{line-height:20px;font-size:14px;text-align:left}.room.m .room-wrap{width:100%}.room.m .room-wrap .item-image{height:110px}.room.m .room-wrap .room-name{font-size:18px}.room.m .room-wrap .room-header{padding:0 10px}.room.m .room-wrap .room-body{padding:10px 10px 20px}.room.m .room-wrap .room-body .room-info .user-avatar-m{line-height:50px;display:flex;align-items:center;margin-bottom:10px}.room.m .room-wrap .room-body .room-info .user-avatar-m img{width:50px;height:50px;border-radius:25px;background:#fff;margin-right:10px}.room.m .room-wrap .room-body .room-info .room-join{margin:20px 0;margin-bottom:0;justify-content:center}.room.m .room-wrap .room-body .room-info .room-join p{line-height:20px}.room.m .room-wrap .room-body .room-info .room-join .join-button{margin-top:15px;width:120px;height:30px;line-height:30px}.room.m .room-wrap .room-body .room-msg-box-mobile{display:flex;justify-content:flex-start;padding-left:10px;align-items:flex-end}.room.m .room-wrap .room-body .room-msg-box-mobile .msg-text{margin-right:10px;margin-bottom:16px}.room.m .room-wrap .room-body .prize-pool .items-list{justify-content:center}.room.m .room-wrap .room-body .prize-pool .items-list .prize-item{width:135px}.room.m .room-wrap .room-body .winner-item{margin-right:15px;width:150px}.room.m .room-wrap .room-body .winner-item:nth-child(6n){margin-right:15px}.room.m .room-wrap .room-body .user-list .user-item{width:33%}.room.m .room-wrap .room-winners .prize-list .items-list{justify-content:center}.room.m .room-wrap .room-winners .prize-list .items-list .winner-item{width:140px;margin-right:10px;margin-bottom:20px}.room.m .room-wrap .room-winners .prize-list .items-list .winner-item .prize-item{width:95%}.room.m .room-wrap .room-participants .user-list .user-item{width:100px}.room.m .room-wrap .room-participants .user-list .user-item .user-avatar{width:100%}.room.m .prizeModal .button-close{right:0!important;top:10px!important;width:30px!important;background:transparent!important}.room.m .modal-wrap .prize-model .search-header{padding-left:10px}.room.m .modal-wrap .prize-model .search-header .input-box{margin-left:20px;width:auto;font-size:16px}.room.m .modal-wrap .prize-model .search-header .input-box .roomNum-input{width:170px}.room.m .modal-wrap .prize-model .search-header .input-box .roomNum-input::-moz-placeholder{font-size:16px}.room.m .modal-wrap .prize-model .search-header .input-box .roomNum-input::placeholder{font-size:16px}.room.m .modal-wrap .prize-model .prize-list-box{width:100%;overflow-x:auto}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul{justify-content:center;font-size:14px}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item{width:24%;min-width:150px;height:auto;padding:10px 0;position:relative}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item:before{content:"";height:100%;position:absolute;width:1px;left:0;top:0;background:#2b2a3f}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item:nth-child(n){margin-right:0}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-img-box{min-height:125px;display:flex;justify-content:center;align-items:center}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-img-box img{width:90%}.room.m .modal-wrap .prize-model .prize-list-box .prize-list-ul .prize-list-item .prize-name{letter-spacing:1px;font-size:12px}.room.m .modal-wrap .prize-model .block{margin-bottom:20px}.room.m .modal-wrap .prize-model .block .el-pagination__jump{display:block;margin:5px auto}